@sme.up/ketchup 6.3.0 → 6.4.0

package/dist/ketchup/{p-00e1133d.entry.js → p-8f85b8bb.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as i,f as e,h as s,H as o,g as r,a}from"./p-b0b3989b.js";import{k as n,g as l,s as h,K as c,a as u,b as d,c as p,d as b,e as m,D as f,f as g,h as k,i as v,j as y,l as x,m as w,n as _,o as z,p as C,q as j,r as D,t as O,u as S,v as T,w as W,x as P,y as R,G as M,S as I,z as F,A as E,B as L,F as N,C as A,E as K,H as V,I as H,L as B,P as Y,J as G,T as X,M as U,N as q,O as Q,Q as Z,R as J,U as tt,V as it,W as et,X as st,Y as ot,Z as rt,_ as at,$ as nt,a0 as lt,a1 as ht,a2 as ct,a3 as ut,a4 as dt,a5 as pt,a6 as bt,a7 as mt,a8 as ft,a9 as gt,aa as kt,ab as vt,ac as yt}from"./p-21ea11cb.js";import{F as xt}from"./p-8673bd4e.js";import{F as wt}from"./p-a203f78b.js";import{c as _t}from"./p-97e8ea42.js";import{F as zt}from"./p-389fd0bf.js";import{F as Ct}from"./p-af664379.js";import{F as jt}from"./p-6c77a36c.js";import{F as Dt,a as Ot}from"./p-cd4fc3fb.js";import{M as St}from"./p-81605f08.js";import{F as $t}from"./p-5552f156.js";import{F as Tt,a as Wt,c as Pt,n as Rt,p as Mt,f as It,g as Ft,s as Et,b as Lt,d as Nt,r as At,t as Kt,K as Vt,e as Ht}from"./p-a2c595c4.js";import{F as Bt,a as Yt}from"./p-3586f59c.js";import"./p-79b0730b.js";var Gt,Xt,Ut,qt,Qt;function Zt(t,i,e){return i==Qt.CODE?t.id:i==Qt.DESCRIPTION?t.value:i==Qt.DESCRIPTION_AND_CODE?t.id+e+t.value:t.id}function Jt(t,i,e,s,o,r){const a=!!(e&&i&&i.data);let n="",l="",h=null;null!=r&&(h=r.detail.selected),null==h&&null!=t&&a&&(h=function(t,i,e){if(t&&t.data){let s=!1,o=null;for(let r=0;r<t.data.length;r++){let a=Zt(t.data[r],e," - ");t.data[r].selected=!1,s||a.toString().toLowerCase()!=i.toString().toLowerCase()||(o=t.data[r],o.selected=!0,s=!0)}if(1==s)return o}return function(t,i){if(t&&t.data){let e=!1,s=null;for(let o=0;o<t.data.length;o++)t.data[o].selected=!1,e||t.data[o].id.toString().toLowerCase()!=i.toString().toLowerCase()||(s=t.data[o],s.selected=!0,e=!0);if(1==e)return s;for(let o=0;o<t.data.length;o++)if(t.data[o].value.toString().toLowerCase()==i.toString().toLowerCase()){s=t.data[o],s.selected=!0,e=!0;break}if(1==e)return s}return null}(t,i)}(i,t,o),e.data=[...i.data]),null==h&&null==t&&i&&(h=function(t){if(t.data)for(let i=0;i<t.data.length;i++)if(t.data[i].selected)return t.data[i];return null}(i));let c=null;return null==h?(h={id:null==t?"":t,value:null==t?"":t},n=h.id,l=h.id,c=h.id):(n=Zt(h,s," - "),l=Zt(h,o," - "),c=Zt(h,Qt.CODE," - ")),{value:n,displayedValue:l,exists:!(!a||!i.data.find((t=>t.id===c)))}}!function(t){t.allowInconsistentValues="When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.",t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.displayMode='Sets how to show the selected item value. Suported values: "code", "description", "both".',t.initialValue="Sets the initial value of the component.",t.inputDelay="Input event emission delay in milliseconds.",t.minimumChars="The minimum number of chars to trigger the autocomplete.",t.selectMode='Sets how to return the selected item value. Suported values: "code", "description", "both".',t.serverHandledFilter="When true, the items filter is managed server side, otherwise items filter is done client side.",t.showDropDownIcon="When true shows the drop-down icon, for open list."}(Gt||(Gt={})),function(t){t.CODE="code",t.DESCRIPTION="description",t.DESCRIPTION_AND_CODE="both"}(Xt||(Xt={})),function(t){t.customStyle="Custom style of the component.",t.data="The data of the list.",t.displayMode="Selects how the items must display their label and how they can be filtered for.",t.filter="Keeps string for filtering elements when filter mode is active",t.hideText="Hides rows' text, ideally to display a list of icons only.",t.isMenu="Defines whether the list is a menu or not.",t.keyboardNavigation="When true, enables items' navigation through arrow keys.",t.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",t.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",t.selectable="Defines whether items are selectable or not.",t.showIcons="Displays the icons associated to each row when set to true.",t.twoLine="The list elements descriptions will be arranged in two lines."}(Ut||(Ut={})),function(t){t.LISTBOX="listbox",t.RADIOGROUP="radiogroup",t.GROUP="group"}(qt||(qt={})),function(t){t.CODE="code",t.DESCRIPTION="description",t.DESCRIPTION_AND_CODE="both"}(Qt||(Qt={}));var ti,ii,ei,si,oi,ri,ai,ni,li,hi,ci,ui,di,pi,bi=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},mi=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const fi=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-autocomplete-blur",6),this.kupChange=i(this,"kup-autocomplete-change",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),ti.add(this),this.displayedValue=void 0,this.value="",this.allowInconsistentValues=!1,this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.initialValue="",this.inputDelay=300,this.minimumChars=1,this.selectMode=Qt.CODE,this.serverHandledFilter=!1,this.showDropDownIcon=!0,ii.set(this,!0),ei.set(this,void 0),si.set(this,null),oi.set(this,n()),ri.set(this,void 0),ai.set(this,void 0),ni.set(this,null),li.set(this,void 0)}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupChange(t){mi(this,ii,!0,"f"),(bi(this,ti,"m",di).call(this,t,!0).exists||this.allowInconsistentValues)&&this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupInput(){mi(this,ii,!0,"f"),bi(this,ti,"m",di).call(this,bi(this,ai,"f").value,!1),bi(this,ti,"m",hi).call(this,!1),bi(this,ai,"f").value.length>=this.minimumChars&&this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupIconClick(){bi(this,ri,"f").classList.contains("toggled")?bi(this,ti,"m",ci).call(this):bi(this,ti,"m",hi).call(this,!0),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value,open:bi(this,ri,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id),bi(this,ti,"m",ci).call(this),bi(this,ai,"f")&&bi(this,ai,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}listenKeydown(t){if(bi(this,ti,"m",ui).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").select().then((()=>{bi(this,ti,"m",ci).call(this),bi(this,ai,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",ci).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",hi).call(this,!1),bi(this,si,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",hi).call(this,!1),bi(this,si,"f").focusPrevious()}}async getProps(t){return l(this,Gt,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){bi(this,ai,"f").focus()}async setProps(t){h(this,Gt,t)}async setValue(t){mi(this,ii,!0,"f"),bi(this,ti,"m",di).call(this,t,!0)}componentWillLoad(){bi(this,oi,"f").debug.logLoad(this,!1),bi(this,oi,"f").theme.register(this),mi(this,ii,!0,"f"),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){bi(this,ti,"m",di).call(this,this.value,!0),bi(this,oi,"f").debug.logLoad(this,!0)}componentWillRender(){bi(this,oi,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(mi(this,ri,i,"f"),mi(this,ai,i.querySelector("input"),"f"),wt(i))}bi(this,oi,"f").debug.logRender(this,!0)}render(){const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width");return s(o,{class:`${t?"kup-full-height":""} ${i?"kup-full-width":""}`,style:bi(this,ei,"f")},s("style",null,bi(this,oi,"f").theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:bi(this,ei,"f")},s(xt,Object.assign({},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:t,fullWidth:i,icon:this.showDropDownIcon?c.DROPDOWN:null,trailingIcon:!0,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>{window.clearTimeout(bi(this,li,"f")),mi(this,li,window.setTimeout((()=>this.onKupInput()),this.inputDelay),"f")},onIconClick:()=>this.onKupIconClick()}))),bi(this,ti,"m",pi).call(this))}disconnectedCallback(){bi(this,si,"f")&&(bi(this,oi,"f").dynamicPosition.unregister([bi(this,si,"f")]),bi(this,si,"f").remove()),bi(this,oi,"f").theme.unregister(this)}get rootElement(){return r(this)}};var gi;ii=new WeakMap,ei=new WeakMap,si=new WeakMap,oi=new WeakMap,ri=new WeakMap,ai=new WeakMap,ni=new WeakMap,li=new WeakMap,ti=new WeakSet,hi=function(t){if(1!=t&&bi(this,ai,"f").value.length<this.minimumChars)return bi(this,ti,"m",ci).call(this),!1;bi(this,ri,"f").classList.add("toggled"),bi(this,si,"f").menuVisible=!0;const i=bi(this,si,"f").style;return i.height="auto",i.minWidth=bi(this,ri,"f").clientWidth+"px",bi(this,oi,"f").dynamicPosition.isRegistered(bi(this,si,"f"))?bi(this,oi,"f").dynamicPosition.changeAnchor(bi(this,si,"f"),bi(this,ri,"f")):bi(this,oi,"f").dynamicPosition.register(bi(this,si,"f"),bi(this,ri,"f"),0,u.AUTO,!0),bi(this,oi,"f").dynamicPosition.start(bi(this,si,"f")),bi(this,ni,"f")||mi(this,ni,{cb:()=>{bi(this,ti,"m",ci).call(this)},el:bi(this,si,"f")},"f"),bi(this,oi,"f").addClickCallback(bi(this,ni,"f"),!0),!0},ci=function(){bi(this,ri,"f").classList.remove("toggled"),bi(this,si,"f").menuVisible=!1,bi(this,oi,"f").dynamicPosition.stop(bi(this,si,"f")),bi(this,oi,"f").removeClickCallback(bi(this,ni,"f"))},ui=function(){return 1==bi(this,si,"f").menuVisible},di=function(t,i){if(!bi(this,ii,"f"))return;mi(this,ii,!1,"f");const e=Jt(t,this.data["kup-list"],bi(this,si,"f"),this.selectMode,this.displayMode);return e.exists||this.allowInconsistentValues?(i&&(this.value=e.value,this.displayedValue=e.displayedValue),null==bi(this,si,"f")||this.serverHandledFilter||(bi(this,si,"f").filter=e.value)):(this.displayedValue=t,null==bi(this,si,"f")||this.serverHandledFilter||(bi(this,si,"f").filter=e.value)),e},pi=function(){return s("kup-list",Object.assign({displayMode:this.displayMode},this.data["kup-list"],{isMenu:!0,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>mi(this,si,t,"f")}))},fi.style=":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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-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."}(gi||(gi={}));const ki=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-badge-click",6),this.customStyle="",this.imageData=null,this.text=null,this.kupManager=n()}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,gi,t)}async refresh(){e(this)}async setProps(t){h(this,gi,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(${d.TEXT_ON_PRIMARY})`),t=s(zt,Object.assign({},this.imageData))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,onClick:()=>this.onKupClick()},this.text,t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var vi;ki.style=":host{--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.25em);--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(-50%, -50%)}#kup-component{background-color:var(--kup_badge_primary_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.875em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding);text-align: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(50%, -50%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(50%, 50%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(-50%, 50%)}:host(.kup-danger){--kup-badge-primary-color:var(--kup-danger-color);--kup-badge-text-on-primary-color:white}:host(.kup-info){--kup-badge-primary-color:var(--kup-info-color);--kup-badge-text-on-primary-color:white}:host(.kup-secondary){--kup-badge-primary-color:var(--kup-secondary-color);--kup-badge-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-badge-primary-color:var(--kup-success-color);--kup-badge-text-on-primary-color:white}:host(.kup-warning){--kup-badge-primary-color:var(--kup-warning-color);--kup-badge-text-on-primary-color:white}",function(t){t.checked="When set to true, the icon button state will be on.",t.customStyle="Custom style of the component.",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.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."}(vi||(vi={}));const yi=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.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.icon=null,this.iconOff=null,this.label=null,this.styling=jt.RAISED,this.showSpinner=!1,this.toggable=!1,this.trailingIcon=!1,this.kupManager=n()}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 l(this,vi,t)}async refresh(){e(this)}async setProps(t){h(this,vi,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={checked:this.checked,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,info:!!this.rootElement.classList.contains("kup-info"),label:this.label,large:!!this.rootElement.classList.contains("kup-large"),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"),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 s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Ct,Object.assign({},t))));this.kupManager.debug.logMessage(this,"Empty button.",p.WARNING)}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var xi;yi.style=":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.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).'}(xi||(xi={}));const wi=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-buttonlist-click",6),this.selected="",this.columns=0,this.customStyle="",this.data=[],this.disabled=!1,this.showSelection=!0,this.styling=jt.RAISED,this.kupManager=n()}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.",p.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){let i={};if(t)i=xi;else for(const t in xi)Object.prototype.hasOwnProperty.call(xi,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setProps(t){h(this,xi,t)}renderButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data button.",p.WARNING),null;const e=this.prepareDataFromTreeNode(t,i);return e.label||e.icon?s(Ct,Object.assign({},{checked:e.checked,disabled:e.disabled,fullHeight:e.fullHeight,fullWidth:e.fullWidth,icon:e.icon,iconOff:e.iconOff,id:e.id,label:e.label,large:e.large,shaped:e.shaped,styling:e.styling,toggable:e.toggable,trailingIcon:e.trailingIcon,title:e.title,wrapperClass:this.rootElement.className+" "+e.wrapperClass,onClick:()=>this.onKupClick(e.id,"-1")})):(this.kupManager.debug.logMessage(this,"Empty button.",p.WARNING),null)}renderDropdownButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data dropdown button.",p.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}},s("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.",p.WARNING),null)}prepareDataFromTreeNode(t,i){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),1!=this.disabled&&1!=t.disabled||(e.disabled=!0),null!=this.styling&&""!=this.styling.trim()&&(e.styling=this.styling),null==e.icon&&(e.icon=t.icon),null==e.label&&(e.label=t.value),e.fullHeight=!!this.rootElement.classList.contains("kup-full-height"),e.fullWidth=!!this.rootElement.classList.contains("kup-full-width"),e.id=i.toString(),e.large=!!this.rootElement.classList.contains("kup-large"),e.pulsating=!!this.rootElement.classList.contains("kup-pulsating"),e.shaped=!!this.rootElement.classList.contains("kup-shaped"),e.slim=!!this.rootElement.classList.contains("kup-slim"),e.wrapperClass||(e.wrapperClass=""),this.selected==e.id&&(e.wrapperClass=e.wrapperClass+" selected"),e}getKupListDataForChildren(t){const i=[];for(let e=0;e<t.length;e++){const s=t[e];i.push({icon:s.icon,id:e.toString(),value:s.value})}return i}getObjForEvent(t,i){let e=Number(t),s=-1;null!=i&&""!=i.trim()&&(s=Number(i));let o=this.data[e];return-1!=s?o.children[s].obj:o.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 s=null;s=null!=e.children&&e.children.length>0?this.renderDropdownButton(e,i):this.renderButton(e,i),s&&t.push(s)}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 s(o,{style:{"--kup_buttonlist_grid_columns":`repeat(${i}, auto)`}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:e},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{data:["checkDataset"]}}};var _i,zi;wi.style=":host{--kup_buttonlist_grid_gap:var(--kup-buttonlist-grid-gap, 1em);--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}.button-list--container.show-selection .selected{--kup-button-primary-color:var(--kup_buttonlist_selected_primary_color);--kup-button-primary-color-rgb:var(\n    --kup_buttonlist_selected_primary_color_rgb\n  );--kup-button-primary-color-h:var(\n    --kup_buttonlist_selected_primary_color_h\n  );--kup-button-primary-color-s:var(\n    --kup_buttonlist_selected_primary_color_s\n  );--kup-button-primary-color-l:var(\n    --kup_buttonlist_selected_primary_color_l\n  );--kup-button-text-on-primary-color:var(\n    --kup_buttonlist_selected_text_on_primary_color\n  )}: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);--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);--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="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"}(_i||(_i={})),function(t){t.DATE="date",t.MONTH="month",t.YEAR="year"}(zi||(zi={}));const Ci=document.documentElement;function ji(t,i){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 Di(t){const i=t.rootElement;return null!=i.kupData.day?i.kupData.day:null}function Oi(t){const i=t.rootElement;return null!=i.kupData.month?i.kupData.month:null}function Si(t){const i=t.rootElement;return null!=i.kupData.year?i.kupData.year:null}function $i(t,i){t.rootElement.kupData.day=i}function Ti(t,i){t.rootElement.kupData.month=i}function Wi(t,i){t.rootElement.kupData.year=i}function Pi(t){const i=t.rootElement;return i.kupData.firstDayIndex?i.kupData.firstDayIndex:1}function Ri(t){const i=t.rootElement;return i.kupData.calendarView?i.kupData.calendarView:zi.DATE}function Mi(t,i){t.rootElement.kupData.calendarView=i}const Ii=(t,i)=>{const e=new Date(t);return e.setDate(t.getDate()+i),e};function Fi(t){return null==t?"":new Intl.DateTimeFormat(Ci.ketchup.dates.getLocale(),{weekday:"narrow"}).format(t)}function Ei(t,i,e,s){let o="";for(let s=t.length;s<e;s+=i.length)o+=i;return s?o+t:t+o}function Li(t){const i=t-t%10;return{initYear:i,endYear:i+16-1}}function Ni(t){t.refresh()}function Ai(t,i){let e;switch(e=Ci.ketchup.dates.isValid(i,m.ISO_DATE)?new Date(i):new Date,Ti(t,e.getMonth()),Wi(t,e.getFullYear()),Ri(t)){case zi.MONTH:Mi(t,zi.DATE);break;case zi.YEAR:Mi(t,zi.MONTH)}Ni(t)}function Ki(t,i){let e;e=Ci.ketchup.dates.isValid(i,m.ISO_DATE)?new Date(i):new Date,ji(t,e),t.onKupClick(t.rootElement.id,i),Ni(t)}const Vi=document.documentElement;function Hi(t){const i=t.rootElement;return null!=i.kupData.manageSeconds&&i.kupData.manageSeconds}function Bi(t){const i=t.rootElement;return i.kupData.value?i.kupData.value:""}function Yi(t){const i=t.rootElement;return null!=i.kupData.hoursActive&&i.kupData.hoursActive}function Gi(t){const i=t.rootElement;return null!=i.kupData.minutesActive&&i.kupData.minutesActive}function Xi(t){const i=t.rootElement;return null!=i.kupData.secondsActive&&i.kupData.secondsActive}function Ui(t,i){i&&(t.rootElement.kupData[i.id]=i)}function qi(t,i){return t.rootElement.shadowRoot.getElementById(i)}function Qi(t,i,e,s){const o=t.rootElement;o.kupData.hoursActive=i,o.kupData.minutesActive=e,o.kupData.secondsActive=s}function Zi(t,i,e){qi(t,g.HOURS).classList.remove(k.VISIBLE),qi(t,g.HOURSCIRCLE).classList.remove(k.VISIBLE),qi(t,g.MINUTES).classList.remove(k.VISIBLE),qi(t,g.MINUTESCIRCLE).classList.remove(k.VISIBLE),Hi(t)&&(qi(t,g.SECONDS).classList.remove(k.VISIBLE),qi(t,g.SECONDSCIRCLE).classList.remove(k.VISIBLE)),qi(t,i).classList.add(k.VISIBLE),qi(t,e).classList.add(k.VISIBLE)}function Ji(t,i,e,o,r,a,n,l,h){let c,u;const d=[];for(let p=0;p<t;p++){let b;c=i*Math.cos(p/t*2*Math.PI),u=i*Math.sin(p/t*2*Math.PI);let m={},f={};1==n?(b=p+3>12?p+3-12+a+"":24!==p+3+a?p+3+a+"":"00",m["data-value"]=b):p%n==0?p+15>=60?(m["data-value"]=p+15-60+"",b=p+15-60+a+""):(m["data-value"]=p+15+"",b=p+15+a+""):p+15>=60?(m["data-value"]=p+15-60+"",b="⋅"):(m["data-value"]=p+15+"",b="·"),f.left=c+e+"px",f.top=u+o+"px",1===m["data-value"].length&&(m["data-value"]="0"+m["data-value"]);let g=r;m["data-value"]===l&&(g+=" selected");let k=s("div",Object.assign({class:g,style:f},m,{onClick:t=>ie(t,h)}),b);d.push(k)}return d}function te(t,i){const e=qi(i,g.HOURS),s=qi(i,g.MINUTES),o=qi(i,g.SECONDS);let r=e.innerText+":"+s.innerText;Hi(i)&&(r+=":"+o.innerText),function(t,i,e){null!=t&&null==e&&(e=t.detail.selected.id),function(t,i){null==i&&(i=Bi(t)),null!=i&&function(t,i){t.rootElement.kupData.value=i}(t,i)}(i,e),i.onKupClick(i.rootElement.id,e)}(t,i,r)}function ie(t,i){const e=qi(i,g.HOURS),s=qi(i,g.MINUTES),o=qi(i,g.HOURSCIRCLE),r=qi(i,g.MINUTESCIRCLE),a=qi(i,g.SECONDS),n=qi(i,g.SECONDSCIRCLE);let l=t.target.getAttribute("data-value");Yi(i)?(e.innerText=l,o.querySelector(".selected").classList.remove("selected"),Qi(i,!1,!0,!1),Zi(i,g.MINUTES,g.MINUTESCIRCLE)):Gi(i)?(s.innerText=l,r.querySelector(".selected").classList.remove("selected"),Hi(i)?(Qi(i,!1,!1,!0),Zi(i,g.SECONDS,g.SECONDSCIRCLE)):(te(t,i),Qi(i,!0,!1,!1),Zi(i,g.HOURS,g.HOURSCIRCLE))):(a.innerText=l,n.querySelector(".selected").classList.remove("selected"),te(t,i),Qi(i,!0,!1,!1),Zi(i,g.HOURS,g.HOURSCIRCLE)),t.target.classList.add("selected")}const ee=document.documentElement,se=[v.AVERAGE,v.DIFFERENCE,v.PRODUCT,v.SUM];function oe(t){return t.rootElement.shadowRoot.querySelector("kup-combobox")}const re=document.documentElement;function ae(t){return t.data.options?t.data.options:{resetStatus:!1}}function ne(t,i){const e=ae(t),s=t.rootElement,o=".";let r=s.kupData.value?s.kupData.value.toString():"0";"0"==r&&i!=o&&(r=""),i==o&&r.includes(o)||e.maxLength&&r.replace(o,"").length==e.maxLength||e.maxIntegers&&i!=o&&!r.includes(o)&&r.length==e.maxIntegers||e.maxDecimals&&r.includes(o)&&r.substring(r.indexOf(o)+1).length==e.maxDecimals||r.includes(o)&&14==r.substring(r.indexOf(o)+1).length||(r+=i,s.kupData.value=r,s.kupData.localeValue=re.ketchup.math.numbers.toLocaleString(r),t.refresh())}const le=Object.freeze({__proto__:null,create1:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.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 s=e.initialValue;e.initialValue&&ji(t,s&&s.k?new Date(s.k):new Date(e.initialValue)),e.firstDayIndex&&(i.kupData.firstDayIndex=e.firstDayIndex),e.resetStatus=!1}}i.kupData.value||ji(t,new Date);const e=b(),o=Si(t),r=Oi(t),a=Li(o),n=a.initYear,l=a.endYear;let h="not-set";switch(Ri(t)){case zi.DATE:h=e[r]+", "+o.toString();break;case zi.MONTH:h=o.toString();break;case zi.YEAR:h=n.toString()+" - "+l.toString()}const c=s(Ct,Object.assign({},{icon:"chevron_left",wrapperClass:"prev-page",onClick:()=>function(t){let i=Oi(t),e=Si(t);Ri(t)==zi.DATE&&(i<1?(i=11,e--):i--),Ri(t)==zi.MONTH&&e--,Ri(t)==zi.YEAR&&(e=Li(e).initYear-1),$i(t,null),Ti(t,i),Wi(t,e),Ni(t)}(t)})),u=s(Ct,Object.assign({},{icon:"chevron_right",wrapperClass:"next-page",onClick:()=>function(t){let i=Oi(t),e=Si(t);Ri(t)==zi.DATE&&(i>10?(i=0,e++):i++),Ri(t)==zi.MONTH&&e++,Ri(t)==zi.YEAR&&(e=Li(e).endYear+1),$i(t,null),Ti(t,i),Wi(t,e),Ni(t)}(t)}));return s("div",{id:t.rootElement.id+"_calendar"},s("div",{class:"section-1"},s("div",{class:"sub-1 nav"},c,s(Ct,Object.assign({},{wrapperClass:"change-view-button",styling:jt.FLAT,label:h,onClick:()=>function(t){switch($i(t,null),Ri(t)){case zi.DATE:Mi(t,zi.MONTH);break;case zi.MONTH:Mi(t,zi.YEAR);break;case zi.YEAR:Mi(t,zi.DATE)}Ni(t)}(t),id:"change-view-button"})),u)),s("div",{class:"section-2"},function(t){switch(Ri(t)){case zi.DATE:return function(t){const i=function(t){const i=function(t){const i=function(t){const i=new Date,e=i.getDay();return i.setDate(i.getDate()-e),i.setDate(i.getDate()+t),i}(t);return{startDate:i,endDate:Ii(i,6)}}(t).startDate,e=[];for(var s=0;s<7;s++){var o=new Date(i.toISOString());o.setDate(o.getDate()+s),e[s]=Fi(o)}return e}(Pi(t)),e=function(t){const i=t.rootElement;return null==i.kupData.value&&ji(t,new Date),i.kupData.value}(t),o=Di(t),r=Oi(t),a=Si(t),n=[],l=[];for(let t=0;t<i.length;t++)n.push(s("th",null,s("span",{class:"item-text"},i[t])));const h=new Date(a,r,1),c=new Date(a,r+1,0);let u=Pi(t);const d=h.getDay();let p=[],b=0;for(;u!=d;)p.push(s("td",{class:"item empty"})),u++,b++,u>6&&(u=0);let m=1;for(;m<=c.getDate();){for(let i=b;i<7;i++){let i="item",n={"data-index":a.toString()+"-"+Ei((r+1).toString(),"0",2,!0)+"-"+Ei(m.toString(),"0",2,!0)};if((null!=o&&m===o||m===e.getDate()&&r===e.getMonth()&&a===e.getFullYear())&&(i+=" selected"),p.push(s("td",{class:i},s("span",Object.assign({},n,{class:"item-number",onClick:()=>{Ki(t,n["data-index"])}}),m))),m++,m>c.getDate())break}p.length>0&&(l.push(s("tr",null,p)),p=[]),b=0}return s("table",{class:"calendar"},s("thead",null,n),s("tbody",null,l))}(t);case zi.MONTH:return function(t){const i=b(f.SHORT);let e=Di(t);const o=Oi(t),r=Si(t);null==e&&(e=1);const a=[];let n=[],l=0;for(;l<12;){for(let a=0;a<4;a++){let a="item";const h={"data-index":r.toString()+"-"+Ei((l+1).toString(),"0",2,!0)+"-"+Ei(e.toString(),"0",2,!0)};l===o&&(a+=" selected"),n.push(s("td",{class:a},s("span",Object.assign({},h,{class:"item-number",onClick:()=>{Ai(t,h["data-index"])}}),i[l]))),l++}n.length>0&&(a.push(s("tr",null,n)),n=[])}return s("table",{class:"calendar"},s("tbody",null,a))}(t);case zi.YEAR:return function(t){let i=Di(t);const e=Oi(t),o=Si(t);null==i&&(i=1);const r=Li(o),a=r.endYear,n=[];let l=[],h=r.initYear;for(;h<=a;){for(let r=0;r<4;r++){let r="item",a={"data-index":h.toString()+"-"+Ei((e+1).toString(),"0",2,!0)+"-"+Ei(i.toString(),"0",2,!0)};h===o&&(r+=" selected"),l.push(s("td",{class:r},s("span",Object.assign({},a,{class:"item-number",onClick:()=>{Ai(t,a["data-index"])}}),h))),h++}l.length>0&&(n.push(s("tr",null,l)),l=[])}return s("table",{class:"calendar"},s("tbody",null,n))}(t)}}(t)))}(t))},create2:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.rootElement;if(i.kupData={},t.data&&t.data.options){const e=t.data.options,s=e.initialValue;e.initialValue&&(i.kupData.value=s&&s.k?s.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 s("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==qi(i,g.CLOCK).id||"#clock-div#confirm#".indexOf("#"+e+"#")>=0)})(i,t)||function(t){t.onKupClick(t.rootElement.id,Bi(t))}(t)}},function(t){let i;i=Bi(t)?Vi.ketchup.dates.toDate(Bi(t),Hi(t)?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS):new Date;let e=i.getHours().toString(),o=i.getMinutes().toString();1===e.length&&(e="0"+e),1===o.length&&(o="0"+o);let r,a="";Hi(t)&&(a=i.getSeconds().toString(),1===a.length&&(a="0"+a));let n=[s("span",{id:g.HOURS,class:`h ${Yi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!0,!1,!1),Zi(t,g.HOURS,g.HOURSCIRCLE)},innerHTML:e}),":",s("span",{id:g.MINUTES,class:`m ${Gi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!1,!0,!1),Zi(t,g.MINUTES,g.MINUTESCIRCLE)},innerHTML:o})];Hi(t)&&(r=s("div",{id:g.SECONDSCIRCLE,class:`circle seconds ${Xi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(60,101,115,115,"sec unit",0,5,a,t),s("div",{class:"mid"})),n.push(":",s("span",{id:g.SECONDS,class:`s ${Xi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!1,!1,!0),Zi(t,g.SECONDS,g.SECONDSCIRCLE)},innerHTML:a})));const l={label:"Ok",styling:jt.FLAT,onClick:i=>{te(i,t)}};return s("div",{class:"clock",id:g.CLOCK,ref:i=>{Ui(t,i)}},s("div",{class:"top"},n),s("div",{id:g.HOURSCIRCLE,class:`circle hours ${Yi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(12,101,105,105,"hour",0,1,e,t),Ji(12,64,110,110,"hour2",12,1,e,t),s("div",{class:"mid"})),s("div",{id:g.MINUTESCIRCLE,class:`circle minutes ${Gi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(60,101,115,115,"min unit",0,5,o,t),s("div",{class:"mid"})),r,s("div",{class:"actions"},s(Ct,Object.assign({},l))))}(t))}(t)}(t))},create3:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.data.options,e=[];let o,r,a,n;for(let t=0;t<i.data.columns.length;t++){const s=i.data.columns[t];!1!==s.visible&&s.obj&&ee.ketchup.objects.isNumber(s.obj)&&e.push({obj:s.obj,value:s.name,title:s.title,id:s.name})}const l=!!(e.length>0);return(i.enableMerge||i.enableMove)&&(o=function(t){const i=[];return t.enableMerge&&i.push({icon:"library_add",id:y.MERGE,value:ee.ketchup.language.translate(y.MERGE)}),t.enableMove&&i.push({icon:"swap_horiz",id:y.MOVE,value:ee.ketchup.language.translate(y.MOVE)}),i.length>0?s("kup-list",{data:i,showIcons:!0,"onkup-list-click":i=>function(t,i){switch(t.detail.selected.id){case y.MERGE:i.mergeCb&&i.mergeCb();break;case y.MOVE:i.moveCb&&i.moveCb()}}(i,t)}):null}(i)),i.enableFormula&&(r=function(t,i){const e=[],o=ee.ketchup.objects.isNumber(t.receivingColumn.obj)&&ee.ketchup.objects.isNumber(t.starterColumn.obj);o?e.push({id:v.AVERAGE,value:ee.ketchup.language.translate(v.AVERAGE)},{id:v.DIFFERENCE,value:ee.ketchup.language.translate(v.DIFFERENCE)},{id:v.PRODUCT,value:ee.ketchup.language.translate(v.PRODUCT)},{id:v.SUM,value:ee.ketchup.language.translate(v.SUM)},{id:`([${t.starterColumn.name}]/[${t.receivingColumn.name}])*100`,value:`[${t.starterColumn.name}] / [${t.receivingColumn.name}] * 100`},{id:`([${t.receivingColumn.name}]/[${t.starterColumn.name}])*100`,value:`[${t.receivingColumn.name}] / [${t.starterColumn.name}] * 100`}):e.push({id:x.NO_FORMULA,value:ee.ketchup.language.translate(x.NO_FORMULA)});const r={"kup-list":{data:e,selectable:!!o},"kup-text-field":{helper:i?o?`i.e.: [${t.receivingColumn.name}] - [${t.starterColumn.name}] + 1`:ee.ketchup.language.translate(x.NON_NUMERICAL):ee.ketchup.language.translate(x.NON_NUMERICAL_IN_TABLE),label:ee.ketchup.language.translate(v.FORMULA),outlined:!0}};return s("kup-combobox",{data:r,disabled:!i})}(i,l),l&&(a=s("kup-button",{"onKup-button-click":()=>async function(t){const i=t.data.options,e=oe(t);if(e){const t=await e.getValue();if(se.includes(t))ee.ketchup.data.column.new(i.data,w.MATH,{columns:[i.receivingColumn.name,i.starterColumn.name],operation:t}),void 0!==i.formulaCb&&i.formulaCb();else{const s=ee.ketchup.data.column.new(i.data,w.MATH,{operation:t});"string"==typeof s||s instanceof String?(e.classList.add("kup-danger"),e.data["kup-text-field"].helper=s,e.refresh()):void 0!==i.formulaCb&&i.formulaCb()}}}(t),label:ee.ketchup.language.translate(v.CALCULATE),styling:jt.OUTLINED}),n=s("div",{class:"sub-chip"},s("kup-chip",{data:e,"onKup-chip-click":i=>function(t,i){const e=oe(i),s=t.detail.chip.value;e.getValue().then((t=>{let i=t;i+="["+s+"]",e.setValue(i)}))}(i,t)})))),[o,r,a,n]}(t))},create4:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`})},create5:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.rootElement;i.kupData||(i.kupData={value:null,localeValue:""});let e=!1,o=!1;const r=ae(t);if(r.resetStatus){i.kupData={value:null,localeValue:""};const t=r.initialValue;r.initialValue&&(i.kupData.value=t&&t.k?t.k:r.initialValue.toString(),i.kupData.localeValue=re.ketchup.math.numbers.toLocaleString(i.kupData.value)),r.resetStatus=!1}r.negative&&(o=!0),r.decimals&&(e=!0);const a={icon:"cancel",onClick:()=>function(t){const i=t.rootElement;i.kupData.value=null,i.kupData.localeValue="",t.refresh()}(t)},n={icon:"save",onClick:()=>function(t){const i=t.rootElement;t.onKupClick(t.rootElement.id,i.kupData.value?Number(i.kupData.value).toString():"")}(t)},l=.1.toLocaleString(re.ketchup.math.locale).substring(1,2);return s("table",null,s("tr",null,s("td",{colSpan:3},s("div",{class:"value"},i.kupData.localeValue))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"1")},"1")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"2")},"2")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"3")},"3"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"4")},"4")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"5")},"5")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"6")},"6"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"7")},"7")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"8")},"8")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"9")},"9"))),s("tr",null,s("td",null,o?[s("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=re.ketchup.math.numbers.toLocaleString(e),t.refresh())}(t)},"-")]:[]),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"0")},"0")),s("td",null,e?[s("div",{class:"number",onClick:()=>ne(t,".")},l)]:[])),s("tr",null,s("td",null),s("td",null,s(Ct,Object.assign({},a))),s("td",null,s(Ct,Object.assign({},n)))))}(t))}});var he;function ce(t,i){let e=[];for(let o=0;o<t.length;o++)switch("string"==typeof t[0]||t[o].id||(t[o].id=i+o),i){case"autocomplete":e.push(s("kup-autocomplete",Object.assign({},t[o])));break;case"button":e.push(s("kup-button",Object.assign({},t[o])));break;case"checkbox":e.push(s("kup-checkbox",Object.assign({},t[o])));break;case"combobox":e.push(s("kup-combobox",Object.assign({},t[o])));break;case"datepicker":e.push(s("kup-date-picker",Object.assign({},t[o])));break;case"slot":e.push(s("slot",null));break;case"text":e.push(s("div",{class:"text"}," ",t[o]));break;case"textfield":e.push(s("kup-text-field",Object.assign({},t[o])));break;case"timepicker":e.push(s("kup-time-picker",Object.assign({},t[o])))}return e}function ue(t){return s("div",{id:z.DRAG_HANDLE,class:k.HEADER_BAR},t?s("div",{class:k.DIALOG_TITLE},t):null,s(zt,{color:`var(${d.TITLE})`,sizeX:"1.25em",sizeY:"100%",resource:"clear",id:z.DIALOG_CLOSE}))}function de(){return s("div",{class:"collapsible-trigger"},s("kup-button",{id:z.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",t.TEXTFIELD_FROM="filter-from",t.TEXTFIELD_TO="filter-to"}(he||(he={}));const pe=Object.freeze({__proto__:null,create1:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`collapsible-layout-${t.layoutNumber} ${k.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text left"},r[o]?r[o]:""),s("div",{class:"text right"},r[++o]?r[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},r[++o]?r[o]:"")),s("div",{class:`sub-3 ${k.COLLAPSIBLE_WRAPPER}`},i[0]?s("kup-chip",Object.assign({class:k.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),de())},create2:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`collapsible-layout-${t.layoutNumber} ${k.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},o[0]?s(zt,Object.assign({id:"image1"},o[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:`sub-4 ${k.COLLAPSIBLE_WRAPPER}`},i[0]?s("kup-chip",Object.assign({class:k.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),de())}}),be=document.documentElement;function me(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 fe=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(s("span",{class:"text "+(t%2==0?"":"label")},i[t]));return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(i[0]),s("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(s("span",{class:"text "+(t%2==0?"":"label")},i[t]));return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(i[0]?i[0]:""),i[1]&&i[2]?s("div",{class:"section-1"},s("div",{class:"text label"},i[1]),s("div",{class:"text "},i[2])):null,s("div",{class:"section-2"},e))},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],o=Array.prototype.slice.call(t.rootElement.children,0),r=t.data.textfield?t.data.textfield:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${k.DIALOG_UNRESIZABLE}`},s("div",null,i.length>0||r.length>0?s("div",{class:"section-1"},s(zt,{id:z.DRAG_HANDLE,resource:"drag_handle",sizeX:"32px",sizeY:"32px"}),ce(i,"button"),ce(r,"textfield"),ce(e,"combobox")):null,o.length>0?s("div",{class:"section-2"},ce(o,"slot")):null))},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.text?t.data.text:[],o=t.data.datatable?t.data.datatable:[];return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(e[0]?e[0]:""),o[0]&&i[0]&&i[1]?s("div",{class:"section-1"},s("kup-button",Object.assign({},i[0],{id:z.PREVIOUS_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,s=null,o=null,r=null;if(i&&(o=i.querySelector("kup-data-table"),e=i.querySelector("#"+z.NEXT_ROW),s=i.querySelector("#"+z.PREVIOUS_ROW),o&&(r=o.data)),r){let t=me(r);if(t){const i=r.columns[t],o=r.columns[t-1],a=r.columns[t-2];isNaN(parseInt(o.name))||(i.visible=!1,o.visible=!0,isNaN(parseInt(a.name))&&(s.disabled=!0)),e.disabled=!1}o.refresh()}}(t),title:be.ketchup.language.translate(C.PREVIOUS)})),s("kup-button",Object.assign({},i[1],{id:z.NEXT_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,s=null,o=null,r=null;if(i&&(o=i.querySelector("kup-data-table"),e=i.querySelector("#"+z.NEXT_ROW),s=i.querySelector("#"+z.PREVIOUS_ROW),o&&(r=o.data)),r){let t=me(r);if(t){const i=r.columns[t],o=r.columns[t+1],a=r.columns[t+2];o&&(i.visible=!1,o.visible=!0,a||(e.disabled=!0)),s.disabled=!1}o.refresh()}}(t),title:be.ketchup.language.translate(C.NEXT)}))):null,o[0]?s("div",{class:"section-2"},s("kup-data-table",Object.assign({id:"datatable1"},o[0]))):null)},create5:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0),e=t.data.list?t.data.list:[],o=t.data.text?t.data.text:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${k.DIALOG_UNRESIZABLE}`},ue(o[0]?o[0]:""),s("div",null,i.length>0?s("div",{class:"section-1"},ce(i,"slot")):null,e[0]?s("div",{class:"section-2"},s("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 s("div",{class:`dialog-layout-${t.layoutNumber}`},ue(e[0]?e[0]:""),s("div",{class:"section-1"},i.length>0?s("kup-data-table",Object.assign({id:"datatable1"},i[0])):s("kup-spinner",{active:!0,dimensions:"7px",layout:14})))}}),ge=Object.freeze({__proto__:null,create1:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?ce(i,"slot"):null)},create2:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?ce(i,"slot"):null)}}),ke=Object.freeze({__proto__:null,create1:function(t){let i=0;const e=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"descr"},s("div",null,e[i]?e[i]:"")),s("div",{class:"value"},s("div",null,e[++i]?e[i]:""))))},create2:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-int"},s("div",null,r[o]?r[o]:"",",")),s("div",{class:"value-dec"},s("div",null,r[++o]?r[o]:"")),s("div",{class:"unit"},s("div",null,r[++o]?r[o]:""))))},create3:function(t){let i=0;const e=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"value"},s("div",null,e[i]?e[i]:"")),s("div",{class:"descr"},s("div",null,e[++i]?e[i]:""))))},create4:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--color-0":i[0]?i[0]:`var(${d.PRIMARY})`,"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-and-unit"},s("div",{class:"value-int"},s("div",null,r[o]?r[o]:"",",")),s("div",{class:"value-dec"},s("div",null,r[++o]?r[o]:"")),s("div",{class:"unit"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"empty-placeholder"}),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))))},create5:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"descr"},s("div",null,r[o]?r[o]:"")),s("div",{class:"value"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:"")))))},create7:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))))}}),ve=document.documentElement,ye=Object.freeze({__proto__:null,create1:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},e[0]?s("div",{class:"section-1"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-2"},r[o]?s("div",{class:"sub-2 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-2 subtitle"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-2 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-3"},ce(i,"button")):null)},create2:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",{class:"section-1"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null),s("div",{class:"mdc-ripple-surface"},e[0]?s("div",{class:"section-2"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-3"},r[++o]?s("div",{class:"sub-3 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-4"},ce(i,"button")):null)},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},s("div",{class:"media"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null,s("div",{class:"text-on-media"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null))),s("div",{class:"section-2"},r[++o]?s("div",{class:"sub-2 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-3"},ce(i,"button")):null)},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},e[0]?s("div",{class:"sub-1 image"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"text"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null))),s("div",{class:"section-2"},i?ce(i,"button"):""))},create5:function(t){const i=t.data.button?t.data.button:[];let e=0;const o=t.data.color?t.data.color:[];let r=0;const a=t.data.image?t.data.image:[],n=t.data.progressbar?t.data.progressbar:[];let l=0;const h=t.data.text?t.data.text:[];let c={"--color-0":o[e]?o[e]:`var(${d.PRIMARY})`,"--color-1":o[++e]?o[e]:`rgba(var(${d.PRIMARY}-rgb),0.1)`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:c},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 icon"},a[r]?s(zt,Object.assign({id:"image1"},a[r],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",{class:"desc-text"},h[l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-2 image"},a[++r]?s(zt,Object.assign({id:"image1"},a[r],{sizeX:"100%",sizeY:"100%"})):null)),s("div",{class:"section-3"},s("div",{class:"sub-3 progress-bar"},n[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-slim":!0},n[0])):null),s("div",{class:"sub-3 button"},i[0]?s("kup-button",Object.assign({id:"button1"},i[0])):null)),s("div",{class:"section-4"},s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:""))))},create6:function(t){const i=t.data.button?t.data.button:[],e=t.data.color?t.data.color:[],o=t.data.progressbar?t.data.progressbar:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`,"--kup_card_dynamic_color_0":"white"}},s("div",{class:"section-1"},s("div",{class:"alt-text"},a[r]?a[r]:"")),s("div",{class:"section-2"},s("div",{class:"sub-2"},o[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-radial":!0},o[0])):null,s("div",null,a[++r]?a[r]:"")),i[0]?s("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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":i[0]?i[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 image"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",null,r[o]?r[o]:""))),s("div",{class:"section-3"},s("div",{class:"sub-3 alt-text"},r[++o]?r[o]:""),s("div",{class:"sub-3 alt-text"},r[++o]?r[o]:"")))},create8:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"background"}),s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},o[0]?s(zt,Object.assign({id:"image1"},o[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++r]?a[r]:""))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},i[0]?s("kup-chart",Object.assign({id:"chart1"},i[0])):null),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))))},create11:function(t){const i=t.data.chart?t.data.chart:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("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=""}},s("div",{class:"sub-1 dyn-color"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.datepicker?t.data.datepicker:[],r=t.data.textfield?t.data.textfield:[],a=t.data.timepicker?t.data.timepicker:[],n=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&n.push(e.id)}return s("div",{class:`standard-layout-${t.layoutNumber} `},n.includes(he.BUTTON_REMOVE)||n.includes(he.BUTTON_GROUP)||n.includes(he.BUTTON_ADD_COLUMNS)?s("div",{class:"section-1"},n.includes(he.BUTTON_REMOVE)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_REMOVE)))):null,n.includes(he.BUTTON_GROUP)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_GROUP)))):null,n.includes(he.BUTTON_ADD_COLUMNS)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_ADD_COLUMNS)))):null):null,s("div",{class:`section-2 ${r.length>0||o.length>0||a.length>0?k.HAS_CONTENT:""}`},o.length>0?ce(o,"datepicker"):null,r.length>0?ce(r,"textfield"):null,a.length>0?ce(a,"timepicker"):null),e.length>0?s("div",{class:"section-3"},ce(e,"checkbox")):null)},create13:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],o=t.data.text?t.data.text:[],r=t.data.textfield?t.data.textfield:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",null,i.length>0||r.length>0?s("div",{class:"section-1"},ce(i,"button"),ce(r,"textfield"),ce(e,"combobox")):null,o.length>0?s("div",{class:"section-2"},ce(o,"text")):null))},create14:function(t){const i=t.data.autocomplete?t.data.autocomplete:[],e=t.data.button?t.data.button:[],o=t.data.checkbox?t.data.checkbox:[],r=t.data.chip?t.data.chip:[],a=t.data.datepicker?t.data.datepicker:[],n=t.data.image?t.data.image:[],l=t.data.object?t.data.object:[],h=t.data.switch?t.data.switch:[],c=t.data.tabbar?t.data.tabbar:[],u=t.data.text?t.data.text:[],d=t.data.textfield?t.data.textfield:[],p=t.data.timepicker?t.data.timepicker:[],b=t.data.tree?t.data.tree:[],m=[];let f=1,g=1;if(c[0]&&c[0].data)for(let t=0;t<c[0].data.length;t++){const i=c[0].data[t];m.push(i.id),i.active&&(g=t+1)}const v=[];for(let t=0;t<e.length;t++){const i=e[t];i.id&&v.push(i.id)}const w=[];for(let t=0;t<h.length;t++){const i=h[t];i.id&&w.push(i.id)}const _=[];for(let t=0;t<d.length;t++){const i=d[t];i.id&&_.push(i.id)}return s("div",{class:`standard-layout-${t.layoutNumber} `},l[0]?s("div",{class:"section-1"},n[0]?s(zt,Object.assign({id:"image1"},n[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},u[0]?s("div",{class:"title"},s("span",{class:`label ${k.CLICKABLE_LINK}`,id:"title-link"},u[0]),v.includes(he.BUTTON_OPEN_IN_NEW)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_OPEN_IN_NEW)))):null,v.includes(he.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_SEARCH)))):null,v.includes(he.BUTTON_NEW)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_NEW)))):null):null,u[1]&&u[2]?s("div",{class:"info"},s("span",{class:"label"},u[1]),s("span",{class:"value"},u[2])):null,u[3]&&u[4]?s("div",{class:"info"},s("span",{class:"label"},u[3]),s("span",{class:"value"},u[4])):null)):null,s("div",{class:"section-2"},c[0]?s("kup-tab-bar",Object.assign({},c[0],{id:z.VIEW_SELECTOR})):null),s("div",{class:"section-3"},m.includes(y.FILTERS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:`sub-field ${d.length>0||a.length>0||p.length>0?k.HAS_CONTENT:""}`},a.length>0?ce(a,"datepicker"):null,_.includes(he.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FILTER)))):null,_.includes(he.TEXTFIELD_FROM)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FROM)))):null,_.includes(he.TEXTFIELD_TO)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_TO)))):null,p.length>0?ce(p,"timepicker"):null),o.length>0?s("div",{class:"sub-checkbox"},ce(o,"checkbox")):null):null,m.includes(x.COLUMNS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:"sub-button"},v.includes(he.BUTTON_REMOVE)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_REMOVE)))):null,v.includes(he.BUTTON_GROUP)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_GROUP)))):null),s("div",{class:"sub-formula"},_.includes(he.TEXTFIELD_FORMULA)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FORMULA)))):null),s("div",{class:"sub-chip"},s("kup-chip",r[0]?Object.assign({},r[0],{type:Dt.INPUT,id:z.COLUMNS_LIST}):{type:Dt.INPUT,id:z.COLUMNS_LIST}),v.includes(he.BUTTON_APPLY)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_APPLY)))):null),l[0]?s("div",{class:"sub-tree"},b[0]?s("kup-tree",Object.assign({class:"kup-full-width",globalFilter:!0},b[0],{id:z.EXTRA_COLUMNS})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"8px",layout:2}))):null):null,m.includes(y.SETTINGS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:"sub-autocomplete"},i.length>0?ce(i,"autocomplete"):null),s("div",{class:"sub-switch"},w.includes(he.SWITCH_KEY)?s("kup-switch",Object.assign({},h.find((t=>t.id===he.SWITCH_KEY)))):null)):null))},create15:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[],o=t.data.text?t.data.text:[],r=t.data.tree?t.data.tree:[],a=o.slice(0,5),n=o.slice(5),l=[],h=[],c=[];for(let t=0;t<n.length;t++)t%2==0?h.push(n[t]):c.push(n[t]);for(let t=0;t<h.length;t++)l.push(s("div",{class:"detail-row"},s("div",{class:"detail-row__label ellipsis"},h[t]),s("div",{class:"detail-row__value ellipsis"},c[t])));const u=[],d=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&u.push(e.id),(p=e.id)!==he.BUTTON_OPEN_IN_NEW&&p!==he.BUTTON_SEARCH&&d.push(e)}var p;return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-1"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},o[0]?s("div",{class:"title"},s("span",{class:`label ${k.CLICKABLE_LINK}`,id:"title-link"},o[0]),u.includes(he.BUTTON_OPEN_IN_NEW)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_OPEN_IN_NEW)))):null,u.includes(he.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_SEARCH)))):null):null,a[1]&&a[2]?s("div",{class:"info"},s("span",{class:"label"},a[1]),s("span",{class:"value"},a[2])):null,a[3]&&a[4]?s("div",{class:"info"},s("span",{class:"label"},a[3]),s("span",{class:"value"},a[4])):null)),s("div",{class:"section-2"},s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}1 ${k.VISIBLE}`},s("div",{class:"info"},l.length>0?l:null)),s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}2`},r[0]?s("kup-tree",Object.assign({class:"kup-full-width"},r[0])):null)),d.length>0?s("div",{class:"section-3"},ce(d.slice(0,5),"button"),s("kup-button",{title:ve.ketchup.language.translate(y.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"})):null)}});
+import{r as t,c as i,f as e,h as s,H as o,g as r,a}from"./p-b0b3989b.js";import{k as n,g as l,s as h,K as c,a as u,b as d,c as p,d as b,e as m,D as f,f as g,h as k,i as v,j as y,l as x,m as w,n as _,o as z,p as C,q as j,r as D,t as O,u as S,v as T,w as W,x as P,y as R,G as M,S as I,z as F,A as E,B as L,F as N,C as A,E as K,H as V,I as H,L as B,P as Y,J as G,T as X,M as U,N as q,O as Q,Q as Z,R as J,U as tt,V as it,W as et,X as st,Y as ot,Z as rt,_ as at,$ as nt,a0 as lt,a1 as ht,a2 as ct,a3 as ut,a4 as dt,a5 as pt,a6 as bt,a7 as mt,a8 as ft,a9 as gt,aa as kt,ab as vt,ac as yt}from"./p-b8c921ee.js";import{F as xt}from"./p-bfe88b03.js";import{F as wt}from"./p-a203f78b.js";import{c as _t}from"./p-97e8ea42.js";import{F as zt}from"./p-0cf10db0.js";import{F as Ct}from"./p-e21c744a.js";import{F as jt}from"./p-6c77a36c.js";import{F as Dt,a as Ot}from"./p-b705be3b.js";import{M as St}from"./p-81605f08.js";import{F as $t}from"./p-5552f156.js";import{F as Tt,a as Wt,c as Pt,n as Rt,p as Mt,f as It,g as Ft,s as Et,b as Lt,d as Nt,r as At,t as Kt,K as Vt,e as Ht}from"./p-f50cbed9.js";import{F as Bt,a as Yt}from"./p-0986ad5d.js";import"./p-79b0730b.js";var Gt,Xt,Ut,qt,Qt;function Zt(t,i,e){return i==Qt.CODE?t.id:i==Qt.DESCRIPTION?t.value:i==Qt.DESCRIPTION_AND_CODE?t.id+e+t.value:t.id}function Jt(t,i,e,s,o,r){const a=!!(e&&i&&i.data);let n="",l="",h=null;null!=r&&(h=r.detail.selected),null==h&&null!=t&&a&&(h=function(t,i,e){if(t&&t.data){let s=!1,o=null;for(let r=0;r<t.data.length;r++){let a=Zt(t.data[r],e," - ");t.data[r].selected=!1,s||a.toString().toLowerCase()!=i.toString().toLowerCase()||(o=t.data[r],o.selected=!0,s=!0)}if(1==s)return o}return function(t,i){if(t&&t.data){let e=!1,s=null;for(let o=0;o<t.data.length;o++)t.data[o].selected=!1,e||t.data[o].id.toString().toLowerCase()!=i.toString().toLowerCase()||(s=t.data[o],s.selected=!0,e=!0);if(1==e)return s;for(let o=0;o<t.data.length;o++)if(t.data[o].value.toString().toLowerCase()==i.toString().toLowerCase()){s=t.data[o],s.selected=!0,e=!0;break}if(1==e)return s}return null}(t,i)}(i,t,o),e.data=[...i.data]),null==h&&null==t&&i&&(h=function(t){if(t.data)for(let i=0;i<t.data.length;i++)if(t.data[i].selected)return t.data[i];return null}(i));let c=null;return null==h?(h={id:null==t?"":t,value:null==t?"":t},n=h.id,l=h.id,c=h.id):(n=Zt(h,s," - "),l=Zt(h,o," - "),c=Zt(h,Qt.CODE," - ")),{value:n,displayedValue:l,exists:!(!a||!i.data.find((t=>t.id===c)))}}!function(t){t.allowInconsistentValues="When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list.",t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.displayMode='Sets how to show the selected item value. Suported values: "code", "description", "both".',t.initialValue="Sets the initial value of the component.",t.inputDelay="Input event emission delay in milliseconds.",t.minimumChars="The minimum number of chars to trigger the autocomplete.",t.selectMode='Sets how to return the selected item value. Suported values: "code", "description", "both".',t.serverHandledFilter="When true, the items filter is managed server side, otherwise items filter is done client side.",t.showDropDownIcon="When true shows the drop-down icon, for open list."}(Gt||(Gt={})),function(t){t.CODE="code",t.DESCRIPTION="description",t.DESCRIPTION_AND_CODE="both"}(Xt||(Xt={})),function(t){t.customStyle="Custom style of the component.",t.data="The data of the list.",t.displayMode="Selects how the items must display their label and how they can be filtered for.",t.filter="Keeps string for filtering elements when filter mode is active",t.hideText="Hides rows' text, ideally to display a list of icons only.",t.isMenu="Defines whether the list is a menu or not.",t.keyboardNavigation="When true, enables items' navigation through arrow keys.",t.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",t.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",t.selectable="Defines whether items are selectable or not.",t.showIcons="Displays the icons associated to each row when set to true.",t.twoLine="The list elements descriptions will be arranged in two lines."}(Ut||(Ut={})),function(t){t.LISTBOX="listbox",t.RADIOGROUP="radiogroup",t.GROUP="group"}(qt||(qt={})),function(t){t.CODE="code",t.DESCRIPTION="description",t.DESCRIPTION_AND_CODE="both"}(Qt||(Qt={}));var ti,ii,ei,si,oi,ri,ai,ni,li,hi,ci,ui,di,pi,bi=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},mi=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const fi=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-autocomplete-blur",6),this.kupChange=i(this,"kup-autocomplete-change",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),ti.add(this),this.displayedValue=void 0,this.value="",this.allowInconsistentValues=!1,this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.initialValue="",this.inputDelay=300,this.minimumChars=1,this.selectMode=Qt.CODE,this.serverHandledFilter=!1,this.showDropDownIcon=!0,ii.set(this,!0),ei.set(this,void 0),si.set(this,null),oi.set(this,n()),ri.set(this,void 0),ai.set(this,void 0),ni.set(this,null),li.set(this,void 0)}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupChange(t){mi(this,ii,!0,"f"),(bi(this,ti,"m",di).call(this,t,!0).exists||this.allowInconsistentValues)&&this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupInput(){mi(this,ii,!0,"f"),bi(this,ti,"m",di).call(this,bi(this,ai,"f").value,!1),bi(this,ti,"m",hi).call(this,!1),bi(this,ai,"f").value.length>=this.minimumChars&&this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}onKupIconClick(){bi(this,ri,"f").classList.contains("toggled")?bi(this,ti,"m",ci).call(this):bi(this,ti,"m",hi).call(this,!0),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value,open:bi(this,ri,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id),bi(this,ti,"m",ci).call(this),bi(this,ai,"f")&&bi(this,ai,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:bi(this,ai,"f").value})}listenKeydown(t){if(bi(this,ti,"m",ui).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),bi(this,si,"f").select().then((()=>{bi(this,ti,"m",ci).call(this),bi(this,ai,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",ci).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",hi).call(this,!1),bi(this,si,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),bi(this,ti,"m",hi).call(this,!1),bi(this,si,"f").focusPrevious()}}async getProps(t){return l(this,Gt,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){bi(this,ai,"f").focus()}async setProps(t){h(this,Gt,t)}async setValue(t){mi(this,ii,!0,"f"),bi(this,ti,"m",di).call(this,t,!0)}componentWillLoad(){bi(this,oi,"f").debug.logLoad(this,!1),bi(this,oi,"f").theme.register(this),mi(this,ii,!0,"f"),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){bi(this,ti,"m",di).call(this,this.value,!0),bi(this,oi,"f").debug.logLoad(this,!0)}componentWillRender(){bi(this,oi,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(mi(this,ri,i,"f"),mi(this,ai,i.querySelector("input"),"f"),wt(i))}bi(this,oi,"f").debug.logRender(this,!0)}render(){const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width");return s(o,{class:`${t?"kup-full-height":""} ${i?"kup-full-width":""}`,style:bi(this,ei,"f")},s("style",null,bi(this,oi,"f").theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:bi(this,ei,"f")},s(xt,Object.assign({},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:t,fullWidth:i,icon:this.showDropDownIcon?c.DROPDOWN:null,trailingIcon:!0,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>{window.clearTimeout(bi(this,li,"f")),mi(this,li,window.setTimeout((()=>this.onKupInput()),this.inputDelay),"f")},onIconClick:()=>this.onKupIconClick()}))),bi(this,ti,"m",pi).call(this))}disconnectedCallback(){bi(this,si,"f")&&(bi(this,oi,"f").dynamicPosition.unregister([bi(this,si,"f")]),bi(this,si,"f").remove()),bi(this,oi,"f").theme.unregister(this)}get rootElement(){return r(this)}};var gi;ii=new WeakMap,ei=new WeakMap,si=new WeakMap,oi=new WeakMap,ri=new WeakMap,ai=new WeakMap,ni=new WeakMap,li=new WeakMap,ti=new WeakSet,hi=function(t){if(1!=t&&bi(this,ai,"f").value.length<this.minimumChars)return bi(this,ti,"m",ci).call(this),!1;bi(this,ri,"f").classList.add("toggled"),bi(this,si,"f").menuVisible=!0;const i=bi(this,si,"f").style;return i.height="auto",i.minWidth=bi(this,ri,"f").clientWidth+"px",bi(this,oi,"f").dynamicPosition.isRegistered(bi(this,si,"f"))?bi(this,oi,"f").dynamicPosition.changeAnchor(bi(this,si,"f"),bi(this,ri,"f")):bi(this,oi,"f").dynamicPosition.register(bi(this,si,"f"),bi(this,ri,"f"),0,u.AUTO,!0),bi(this,oi,"f").dynamicPosition.start(bi(this,si,"f")),bi(this,ni,"f")||mi(this,ni,{cb:()=>{bi(this,ti,"m",ci).call(this)},el:bi(this,si,"f")},"f"),bi(this,oi,"f").addClickCallback(bi(this,ni,"f"),!0),!0},ci=function(){bi(this,ri,"f").classList.remove("toggled"),bi(this,si,"f").menuVisible=!1,bi(this,oi,"f").dynamicPosition.stop(bi(this,si,"f")),bi(this,oi,"f").removeClickCallback(bi(this,ni,"f"))},ui=function(){return 1==bi(this,si,"f").menuVisible},di=function(t,i){if(!bi(this,ii,"f"))return;mi(this,ii,!1,"f");const e=Jt(t,this.data["kup-list"],bi(this,si,"f"),this.selectMode,this.displayMode);return e.exists||this.allowInconsistentValues?(i&&(this.value=e.value,this.displayedValue=e.displayedValue),null==bi(this,si,"f")||this.serverHandledFilter||(bi(this,si,"f").filter=e.value)):(this.displayedValue=t,null==bi(this,si,"f")||this.serverHandledFilter||(bi(this,si,"f").filter=e.value)),e},pi=function(){return s("kup-list",Object.assign({displayMode:this.displayMode},this.data["kup-list"],{isMenu:!0,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>mi(this,si,t,"f")}))},fi.style=":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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-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."}(gi||(gi={}));const ki=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-badge-click",6),this.customStyle="",this.imageData=null,this.text=null,this.kupManager=n()}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,gi,t)}async refresh(){e(this)}async setProps(t){h(this,gi,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(${d.TEXT_ON_PRIMARY})`),t=s(zt,Object.assign({},this.imageData))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,onClick:()=>this.onKupClick()},this.text,t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var vi;ki.style=":host{--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.25em);--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(-50%, -50%)}#kup-component{background-color:var(--kup_badge_primary_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.875em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding);text-align: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(50%, -50%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(50%, 50%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(-50%, 50%)}:host(.kup-danger){--kup-badge-primary-color:var(--kup-danger-color);--kup-badge-text-on-primary-color:white}:host(.kup-info){--kup-badge-primary-color:var(--kup-info-color);--kup-badge-text-on-primary-color:white}:host(.kup-secondary){--kup-badge-primary-color:var(--kup-secondary-color);--kup-badge-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-badge-primary-color:var(--kup-success-color);--kup-badge-text-on-primary-color:white}:host(.kup-warning){--kup-badge-primary-color:var(--kup-warning-color);--kup-badge-text-on-primary-color:white}",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.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.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."}(vi||(vi={}));const yi=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.value="",this.buttonType=null,this.checked=!1,this.customStyle="",this.disabled=!1,this.icon=null,this.iconOff=null,this.label=null,this.styling=jt.RAISED,this.showSpinner=!1,this.toggable=!1,this.trailingIcon=!1,this.kupManager=n()}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 l(this,vi,t)}async refresh(){e(this)}async setProps(t){h(this,vi,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,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,info:!!this.rootElement.classList.contains("kup-info"),label:this.label,large:!!this.rootElement.classList.contains("kup-large"),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"),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 s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Ct,Object.assign({},t))));this.kupManager.debug.logMessage(this,"Empty button.",p.WARNING)}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var xi;yi.style=":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.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).'}(xi||(xi={}));const wi=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-buttonlist-click",6),this.selected="",this.columns=0,this.customStyle="",this.data=[],this.disabled=!1,this.showSelection=!0,this.styling=jt.RAISED,this.kupManager=n()}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.",p.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){let i={};if(t)i=xi;else for(const t in xi)Object.prototype.hasOwnProperty.call(xi,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setProps(t){h(this,xi,t)}renderButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data button.",p.WARNING),null;const e=this.prepareDataFromTreeNode(t,i);return e.label||e.icon?s(Ct,Object.assign({},{checked:e.checked,disabled:e.disabled,fullHeight:e.fullHeight,fullWidth:e.fullWidth,icon:e.icon,iconOff:e.iconOff,id:e.id,label:e.label,large:e.large,shaped:e.shaped,styling:e.styling,toggable:e.toggable,trailingIcon:e.trailingIcon,title:e.title,wrapperClass:this.rootElement.className+" "+e.wrapperClass,onClick:()=>this.onKupClick(e.id,"-1")})):(this.kupManager.debug.logMessage(this,"Empty button.",p.WARNING),null)}renderDropdownButton(t,i){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data dropdown button.",p.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}},s("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.",p.WARNING),null)}prepareDataFromTreeNode(t,i){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),1!=this.disabled&&1!=t.disabled||(e.disabled=!0),null!=this.styling&&""!=this.styling.trim()&&(e.styling=this.styling),null==e.icon&&(e.icon=t.icon),null==e.label&&(e.label=t.value),e.fullHeight=!!this.rootElement.classList.contains("kup-full-height"),e.fullWidth=!!this.rootElement.classList.contains("kup-full-width"),e.id=i.toString(),e.large=!!this.rootElement.classList.contains("kup-large"),e.pulsating=!!this.rootElement.classList.contains("kup-pulsating"),e.shaped=!!this.rootElement.classList.contains("kup-shaped"),e.slim=!!this.rootElement.classList.contains("kup-slim"),e.wrapperClass||(e.wrapperClass=""),this.selected==e.id&&(e.wrapperClass=e.wrapperClass+" selected"),e}getKupListDataForChildren(t){const i=[];for(let e=0;e<t.length;e++){const s=t[e];i.push({icon:s.icon,id:e.toString(),value:s.value})}return i}getObjForEvent(t,i){let e=Number(t),s=-1;null!=i&&""!=i.trim()&&(s=Number(i));let o=this.data[e];return-1!=s?o.children[s].obj:o.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 s=null;s=null!=e.children&&e.children.length>0?this.renderDropdownButton(e,i):this.renderButton(e,i),s&&t.push(s)}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 s(o,{style:{"--kup_buttonlist_grid_columns":`repeat(${i}, auto)`}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:e},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{data:["checkDataset"]}}};var _i,zi;wi.style=":host{--kup_buttonlist_grid_gap:var(--kup-buttonlist-grid-gap, 1em);--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}.button-list--container.show-selection .selected{--kup-button-primary-color:var(--kup_buttonlist_selected_primary_color);--kup-button-primary-color-rgb:var(\n    --kup_buttonlist_selected_primary_color_rgb\n  );--kup-button-primary-color-h:var(\n    --kup_buttonlist_selected_primary_color_h\n  );--kup-button-primary-color-s:var(\n    --kup_buttonlist_selected_primary_color_s\n  );--kup-button-primary-color-l:var(\n    --kup_buttonlist_selected_primary_color_l\n  );--kup-button-text-on-primary-color:var(\n    --kup_buttonlist_selected_text_on_primary_color\n  )}: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);--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);--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="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"}(_i||(_i={})),function(t){t.DATE="date",t.MONTH="month",t.YEAR="year"}(zi||(zi={}));const Ci=document.documentElement;function ji(t,i){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 Di(t){const i=t.rootElement;return null!=i.kupData.day?i.kupData.day:null}function Oi(t){const i=t.rootElement;return null!=i.kupData.month?i.kupData.month:null}function Si(t){const i=t.rootElement;return null!=i.kupData.year?i.kupData.year:null}function $i(t,i){t.rootElement.kupData.day=i}function Ti(t,i){t.rootElement.kupData.month=i}function Wi(t,i){t.rootElement.kupData.year=i}function Pi(t){const i=t.rootElement;return i.kupData.firstDayIndex?i.kupData.firstDayIndex:1}function Ri(t){const i=t.rootElement;return i.kupData.calendarView?i.kupData.calendarView:zi.DATE}function Mi(t,i){t.rootElement.kupData.calendarView=i}const Ii=(t,i)=>{const e=new Date(t);return e.setDate(t.getDate()+i),e};function Fi(t){return null==t?"":new Intl.DateTimeFormat(Ci.ketchup.dates.getLocale(),{weekday:"narrow"}).format(t)}function Ei(t,i,e,s){let o="";for(let s=t.length;s<e;s+=i.length)o+=i;return s?o+t:t+o}function Li(t){const i=t-t%10;return{initYear:i,endYear:i+16-1}}function Ni(t){t.refresh()}function Ai(t,i){let e;switch(e=Ci.ketchup.dates.isValid(i,m.ISO_DATE)?new Date(i):new Date,Ti(t,e.getMonth()),Wi(t,e.getFullYear()),Ri(t)){case zi.MONTH:Mi(t,zi.DATE);break;case zi.YEAR:Mi(t,zi.MONTH)}Ni(t)}function Ki(t,i){let e;e=Ci.ketchup.dates.isValid(i,m.ISO_DATE)?new Date(i):new Date,ji(t,e),t.onKupClick(t.rootElement.id,i),Ni(t)}const Vi=document.documentElement;function Hi(t){const i=t.rootElement;return null!=i.kupData.manageSeconds&&i.kupData.manageSeconds}function Bi(t){const i=t.rootElement;return i.kupData.value?i.kupData.value:""}function Yi(t){const i=t.rootElement;return null!=i.kupData.hoursActive&&i.kupData.hoursActive}function Gi(t){const i=t.rootElement;return null!=i.kupData.minutesActive&&i.kupData.minutesActive}function Xi(t){const i=t.rootElement;return null!=i.kupData.secondsActive&&i.kupData.secondsActive}function Ui(t,i){i&&(t.rootElement.kupData[i.id]=i)}function qi(t,i){return t.rootElement.shadowRoot.getElementById(i)}function Qi(t,i,e,s){const o=t.rootElement;o.kupData.hoursActive=i,o.kupData.minutesActive=e,o.kupData.secondsActive=s}function Zi(t,i,e){qi(t,g.HOURS).classList.remove(k.VISIBLE),qi(t,g.HOURSCIRCLE).classList.remove(k.VISIBLE),qi(t,g.MINUTES).classList.remove(k.VISIBLE),qi(t,g.MINUTESCIRCLE).classList.remove(k.VISIBLE),Hi(t)&&(qi(t,g.SECONDS).classList.remove(k.VISIBLE),qi(t,g.SECONDSCIRCLE).classList.remove(k.VISIBLE)),qi(t,i).classList.add(k.VISIBLE),qi(t,e).classList.add(k.VISIBLE)}function Ji(t,i,e,o,r,a,n,l,h){let c,u;const d=[];for(let p=0;p<t;p++){let b;c=i*Math.cos(p/t*2*Math.PI),u=i*Math.sin(p/t*2*Math.PI);let m={},f={};1==n?(b=p+3>12?p+3-12+a+"":24!==p+3+a?p+3+a+"":"00",m["data-value"]=b):p%n==0?p+15>=60?(m["data-value"]=p+15-60+"",b=p+15-60+a+""):(m["data-value"]=p+15+"",b=p+15+a+""):p+15>=60?(m["data-value"]=p+15-60+"",b="⋅"):(m["data-value"]=p+15+"",b="·"),f.left=c+e+"px",f.top=u+o+"px",1===m["data-value"].length&&(m["data-value"]="0"+m["data-value"]);let g=r;m["data-value"]===l&&(g+=" selected");let k=s("div",Object.assign({class:g,style:f},m,{onClick:t=>ie(t,h)}),b);d.push(k)}return d}function te(t,i){const e=qi(i,g.HOURS),s=qi(i,g.MINUTES),o=qi(i,g.SECONDS);let r=e.innerText+":"+s.innerText;Hi(i)&&(r+=":"+o.innerText),function(t,i,e){null!=t&&null==e&&(e=t.detail.selected.id),function(t,i){null==i&&(i=Bi(t)),null!=i&&function(t,i){t.rootElement.kupData.value=i}(t,i)}(i,e),i.onKupClick(i.rootElement.id,e)}(t,i,r)}function ie(t,i){const e=qi(i,g.HOURS),s=qi(i,g.MINUTES),o=qi(i,g.HOURSCIRCLE),r=qi(i,g.MINUTESCIRCLE),a=qi(i,g.SECONDS),n=qi(i,g.SECONDSCIRCLE);let l=t.target.getAttribute("data-value");Yi(i)?(e.innerText=l,o.querySelector(".selected").classList.remove("selected"),Qi(i,!1,!0,!1),Zi(i,g.MINUTES,g.MINUTESCIRCLE)):Gi(i)?(s.innerText=l,r.querySelector(".selected").classList.remove("selected"),Hi(i)?(Qi(i,!1,!1,!0),Zi(i,g.SECONDS,g.SECONDSCIRCLE)):(te(t,i),Qi(i,!0,!1,!1),Zi(i,g.HOURS,g.HOURSCIRCLE))):(a.innerText=l,n.querySelector(".selected").classList.remove("selected"),te(t,i),Qi(i,!0,!1,!1),Zi(i,g.HOURS,g.HOURSCIRCLE)),t.target.classList.add("selected")}const ee=document.documentElement,se=[v.AVERAGE,v.DIFFERENCE,v.PRODUCT,v.SUM];function oe(t){return t.rootElement.shadowRoot.querySelector("kup-combobox")}const re=document.documentElement;function ae(t){return t.data.options?t.data.options:{resetStatus:!1}}function ne(t,i){const e=ae(t),s=t.rootElement,o=".";let r=s.kupData.value?s.kupData.value.toString():"0";"0"==r&&i!=o&&(r=""),i==o&&r.includes(o)||e.maxLength&&r.replace(o,"").length==e.maxLength||e.maxIntegers&&i!=o&&!r.includes(o)&&r.length==e.maxIntegers||e.maxDecimals&&r.includes(o)&&r.substring(r.indexOf(o)+1).length==e.maxDecimals||r.includes(o)&&14==r.substring(r.indexOf(o)+1).length||(r+=i,s.kupData.value=r,s.kupData.localeValue=re.ketchup.math.numbers.toLocaleString(r),t.refresh())}const le=Object.freeze({__proto__:null,create1:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.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 s=e.initialValue;e.initialValue&&ji(t,s&&s.k?new Date(s.k):new Date(e.initialValue)),e.firstDayIndex&&(i.kupData.firstDayIndex=e.firstDayIndex),e.resetStatus=!1}}i.kupData.value||ji(t,new Date);const e=b(),o=Si(t),r=Oi(t),a=Li(o),n=a.initYear,l=a.endYear;let h="not-set";switch(Ri(t)){case zi.DATE:h=e[r]+", "+o.toString();break;case zi.MONTH:h=o.toString();break;case zi.YEAR:h=n.toString()+" - "+l.toString()}const c=s(Ct,Object.assign({},{icon:"chevron_left",wrapperClass:"prev-page",onClick:()=>function(t){let i=Oi(t),e=Si(t);Ri(t)==zi.DATE&&(i<1?(i=11,e--):i--),Ri(t)==zi.MONTH&&e--,Ri(t)==zi.YEAR&&(e=Li(e).initYear-1),$i(t,null),Ti(t,i),Wi(t,e),Ni(t)}(t)})),u=s(Ct,Object.assign({},{icon:"chevron_right",wrapperClass:"next-page",onClick:()=>function(t){let i=Oi(t),e=Si(t);Ri(t)==zi.DATE&&(i>10?(i=0,e++):i++),Ri(t)==zi.MONTH&&e++,Ri(t)==zi.YEAR&&(e=Li(e).endYear+1),$i(t,null),Ti(t,i),Wi(t,e),Ni(t)}(t)}));return s("div",{id:t.rootElement.id+"_calendar"},s("div",{class:"section-1"},s("div",{class:"sub-1 nav"},c,s(Ct,Object.assign({},{wrapperClass:"change-view-button",styling:jt.FLAT,label:h,onClick:()=>function(t){switch($i(t,null),Ri(t)){case zi.DATE:Mi(t,zi.MONTH);break;case zi.MONTH:Mi(t,zi.YEAR);break;case zi.YEAR:Mi(t,zi.DATE)}Ni(t)}(t),id:"change-view-button"})),u)),s("div",{class:"section-2"},function(t){switch(Ri(t)){case zi.DATE:return function(t){const i=function(t){const i=function(t){const i=function(t){const i=new Date,e=i.getDay();return i.setDate(i.getDate()-e),i.setDate(i.getDate()+t),i}(t);return{startDate:i,endDate:Ii(i,6)}}(t).startDate,e=[];for(var s=0;s<7;s++){var o=new Date(i.toISOString());o.setDate(o.getDate()+s),e[s]=Fi(o)}return e}(Pi(t)),e=function(t){const i=t.rootElement;return null==i.kupData.value&&ji(t,new Date),i.kupData.value}(t),o=Di(t),r=Oi(t),a=Si(t),n=[],l=[];for(let t=0;t<i.length;t++)n.push(s("th",null,s("span",{class:"item-text"},i[t])));const h=new Date(a,r,1),c=new Date(a,r+1,0);let u=Pi(t);const d=h.getDay();let p=[],b=0;for(;u!=d;)p.push(s("td",{class:"item empty"})),u++,b++,u>6&&(u=0);let m=1;for(;m<=c.getDate();){for(let i=b;i<7;i++){let i="item",n={"data-index":a.toString()+"-"+Ei((r+1).toString(),"0",2,!0)+"-"+Ei(m.toString(),"0",2,!0)};if((null!=o&&m===o||m===e.getDate()&&r===e.getMonth()&&a===e.getFullYear())&&(i+=" selected"),p.push(s("td",{class:i},s("span",Object.assign({},n,{class:"item-number",onClick:()=>{Ki(t,n["data-index"])}}),m))),m++,m>c.getDate())break}p.length>0&&(l.push(s("tr",null,p)),p=[]),b=0}return s("table",{class:"calendar"},s("thead",null,n),s("tbody",null,l))}(t);case zi.MONTH:return function(t){const i=b(f.SHORT);let e=Di(t);const o=Oi(t),r=Si(t);null==e&&(e=1);const a=[];let n=[],l=0;for(;l<12;){for(let a=0;a<4;a++){let a="item";const h={"data-index":r.toString()+"-"+Ei((l+1).toString(),"0",2,!0)+"-"+Ei(e.toString(),"0",2,!0)};l===o&&(a+=" selected"),n.push(s("td",{class:a},s("span",Object.assign({},h,{class:"item-number",onClick:()=>{Ai(t,h["data-index"])}}),i[l]))),l++}n.length>0&&(a.push(s("tr",null,n)),n=[])}return s("table",{class:"calendar"},s("tbody",null,a))}(t);case zi.YEAR:return function(t){let i=Di(t);const e=Oi(t),o=Si(t);null==i&&(i=1);const r=Li(o),a=r.endYear,n=[];let l=[],h=r.initYear;for(;h<=a;){for(let r=0;r<4;r++){let r="item",a={"data-index":h.toString()+"-"+Ei((e+1).toString(),"0",2,!0)+"-"+Ei(i.toString(),"0",2,!0)};h===o&&(r+=" selected"),l.push(s("td",{class:r},s("span",Object.assign({},a,{class:"item-number",onClick:()=>{Ai(t,a["data-index"])}}),h))),h++}l.length>0&&(n.push(s("tr",null,l)),l=[])}return s("table",{class:"calendar"},s("tbody",null,n))}(t)}}(t)))}(t))},create2:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.rootElement;if(i.kupData={},t.data&&t.data.options){const e=t.data.options,s=e.initialValue;e.initialValue&&(i.kupData.value=s&&s.k?s.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 s("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==qi(i,g.CLOCK).id||"#clock-div#confirm#".indexOf("#"+e+"#")>=0)})(i,t)||function(t){t.onKupClick(t.rootElement.id,Bi(t))}(t)}},function(t){let i;i=Bi(t)?Vi.ketchup.dates.toDate(Bi(t),Hi(t)?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS):new Date;let e=i.getHours().toString(),o=i.getMinutes().toString();1===e.length&&(e="0"+e),1===o.length&&(o="0"+o);let r,a="";Hi(t)&&(a=i.getSeconds().toString(),1===a.length&&(a="0"+a));let n=[s("span",{id:g.HOURS,class:`h ${Yi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!0,!1,!1),Zi(t,g.HOURS,g.HOURSCIRCLE)},innerHTML:e}),":",s("span",{id:g.MINUTES,class:`m ${Gi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!1,!0,!1),Zi(t,g.MINUTES,g.MINUTESCIRCLE)},innerHTML:o})];Hi(t)&&(r=s("div",{id:g.SECONDSCIRCLE,class:`circle seconds ${Xi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(60,101,115,115,"sec unit",0,5,a,t),s("div",{class:"mid"})),n.push(":",s("span",{id:g.SECONDS,class:`s ${Xi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)},onClick:()=>{Qi(t,!1,!1,!0),Zi(t,g.SECONDS,g.SECONDSCIRCLE)},innerHTML:a})));const l={label:"Ok",styling:jt.FLAT,onClick:i=>{te(i,t)}};return s("div",{class:"clock",id:g.CLOCK,ref:i=>{Ui(t,i)}},s("div",{class:"top"},n),s("div",{id:g.HOURSCIRCLE,class:`circle hours ${Yi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(12,101,105,105,"hour",0,1,e,t),Ji(12,64,110,110,"hour2",12,1,e,t),s("div",{class:"mid"})),s("div",{id:g.MINUTESCIRCLE,class:`circle minutes ${Gi(t)?k.VISIBLE:""}`,ref:i=>{Ui(t,i)}},Ji(60,101,115,115,"min unit",0,5,o,t),s("div",{class:"mid"})),r,s("div",{class:"actions"},s(Ct,Object.assign({},l))))}(t))}(t)}(t))},create3:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.data.options,e=[];let o,r,a,n;for(let t=0;t<i.data.columns.length;t++){const s=i.data.columns[t];!1!==s.visible&&s.obj&&ee.ketchup.objects.isNumber(s.obj)&&e.push({obj:s.obj,value:s.name,title:s.title,id:s.name})}const l=!!(e.length>0);return(i.enableMerge||i.enableMove)&&(o=function(t){const i=[];return t.enableMerge&&i.push({icon:"library_add",id:y.MERGE,value:ee.ketchup.language.translate(y.MERGE)}),t.enableMove&&i.push({icon:"swap_horiz",id:y.MOVE,value:ee.ketchup.language.translate(y.MOVE)}),i.length>0?s("kup-list",{data:i,showIcons:!0,"onkup-list-click":i=>function(t,i){switch(t.detail.selected.id){case y.MERGE:i.mergeCb&&i.mergeCb();break;case y.MOVE:i.moveCb&&i.moveCb()}}(i,t)}):null}(i)),i.enableFormula&&(r=function(t,i){const e=[],o=ee.ketchup.objects.isNumber(t.receivingColumn.obj)&&ee.ketchup.objects.isNumber(t.starterColumn.obj);o?e.push({id:v.AVERAGE,value:ee.ketchup.language.translate(v.AVERAGE)},{id:v.DIFFERENCE,value:ee.ketchup.language.translate(v.DIFFERENCE)},{id:v.PRODUCT,value:ee.ketchup.language.translate(v.PRODUCT)},{id:v.SUM,value:ee.ketchup.language.translate(v.SUM)},{id:`([${t.starterColumn.name}]/[${t.receivingColumn.name}])*100`,value:`[${t.starterColumn.name}] / [${t.receivingColumn.name}] * 100`},{id:`([${t.receivingColumn.name}]/[${t.starterColumn.name}])*100`,value:`[${t.receivingColumn.name}] / [${t.starterColumn.name}] * 100`}):e.push({id:x.NO_FORMULA,value:ee.ketchup.language.translate(x.NO_FORMULA)});const r={"kup-list":{data:e,selectable:!!o},"kup-text-field":{helper:i?o?`i.e.: [${t.receivingColumn.name}] - [${t.starterColumn.name}] + 1`:ee.ketchup.language.translate(x.NON_NUMERICAL):ee.ketchup.language.translate(x.NON_NUMERICAL_IN_TABLE),label:ee.ketchup.language.translate(v.FORMULA),outlined:!0}};return s("kup-combobox",{data:r,disabled:!i})}(i,l),l&&(a=s("kup-button",{"onKup-button-click":()=>async function(t){const i=t.data.options,e=oe(t);if(e){const t=await e.getValue();if(se.includes(t))ee.ketchup.data.column.new(i.data,w.MATH,{columns:[i.receivingColumn.name,i.starterColumn.name],operation:t}),void 0!==i.formulaCb&&i.formulaCb();else{const s=ee.ketchup.data.column.new(i.data,w.MATH,{operation:t});"string"==typeof s||s instanceof String?(e.classList.add("kup-danger"),e.data["kup-text-field"].helper=s,e.refresh()):void 0!==i.formulaCb&&i.formulaCb()}}}(t),label:ee.ketchup.language.translate(v.CALCULATE),styling:jt.OUTLINED}),n=s("div",{class:"sub-chip"},s("kup-chip",{data:e,"onKup-chip-click":i=>function(t,i){const e=oe(i),s=t.detail.chip.value;e.getValue().then((t=>{let i=t;i+="["+s+"]",e.setValue(i)}))}(i,t)})))),[o,r,a,n]}(t))},create4:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`})},create5:function(t){return s("div",{class:`built-in-layout-${t.layoutNumber} ${k.BUILT_IN_CARD}`},function(t){const i=t.rootElement;i.kupData||(i.kupData={value:null,localeValue:""});let e=!1,o=!1;const r=ae(t);if(r.resetStatus){i.kupData={value:null,localeValue:""};const t=r.initialValue;r.initialValue&&(i.kupData.value=t&&t.k?t.k:r.initialValue.toString(),i.kupData.localeValue=re.ketchup.math.numbers.toLocaleString(i.kupData.value)),r.resetStatus=!1}r.negative&&(o=!0),r.decimals&&(e=!0);const a={icon:"cancel",onClick:()=>function(t){const i=t.rootElement;i.kupData.value=null,i.kupData.localeValue="",t.refresh()}(t)},n={icon:"save",onClick:()=>function(t){const i=t.rootElement;t.onKupClick(t.rootElement.id,i.kupData.value?Number(i.kupData.value).toString():"")}(t)},l=.1.toLocaleString(re.ketchup.math.locale).substring(1,2);return s("table",null,s("tr",null,s("td",{colSpan:3},s("div",{class:"value"},i.kupData.localeValue))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"1")},"1")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"2")},"2")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"3")},"3"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"4")},"4")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"5")},"5")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"6")},"6"))),s("tr",null,s("td",null,s("div",{class:"number",onClick:()=>ne(t,"7")},"7")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"8")},"8")),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"9")},"9"))),s("tr",null,s("td",null,o?[s("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=re.ketchup.math.numbers.toLocaleString(e),t.refresh())}(t)},"-")]:[]),s("td",null,s("div",{class:"number",onClick:()=>ne(t,"0")},"0")),s("td",null,e?[s("div",{class:"number",onClick:()=>ne(t,".")},l)]:[])),s("tr",null,s("td",null),s("td",null,s(Ct,Object.assign({},a))),s("td",null,s(Ct,Object.assign({},n)))))}(t))}});var he;function ce(t,i){let e=[];for(let o=0;o<t.length;o++)switch("string"==typeof t[0]||t[o].id||(t[o].id=i+o),i){case"autocomplete":e.push(s("kup-autocomplete",Object.assign({},t[o])));break;case"button":e.push(s("kup-button",Object.assign({},t[o])));break;case"checkbox":e.push(s("kup-checkbox",Object.assign({},t[o])));break;case"combobox":e.push(s("kup-combobox",Object.assign({},t[o])));break;case"datepicker":e.push(s("kup-date-picker",Object.assign({},t[o])));break;case"slot":e.push(s("slot",null));break;case"text":e.push(s("div",{class:"text"}," ",t[o]));break;case"textfield":e.push(s("kup-text-field",Object.assign({},t[o])));break;case"timepicker":e.push(s("kup-time-picker",Object.assign({},t[o])))}return e}function ue(t){return s("div",{id:z.DRAG_HANDLE,class:k.HEADER_BAR},t?s("div",{class:k.DIALOG_TITLE},t):null,s(zt,{color:`var(${d.TITLE})`,sizeX:"1.25em",sizeY:"100%",resource:"clear",id:z.DIALOG_CLOSE}))}function de(){return s("div",{class:"collapsible-trigger"},s("kup-button",{id:z.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",t.TEXTFIELD_FROM="filter-from",t.TEXTFIELD_TO="filter-to"}(he||(he={}));const pe=Object.freeze({__proto__:null,create1:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`collapsible-layout-${t.layoutNumber} ${k.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text left"},r[o]?r[o]:""),s("div",{class:"text right"},r[++o]?r[o]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},r[++o]?r[o]:"")),s("div",{class:`sub-3 ${k.COLLAPSIBLE_WRAPPER}`},i[0]?s("kup-chip",Object.assign({class:k.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),de())},create2:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`collapsible-layout-${t.layoutNumber} ${k.COLLAPSIBLE_CARD}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},o[0]?s(zt,Object.assign({id:"image1"},o[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:`sub-4 ${k.COLLAPSIBLE_WRAPPER}`},i[0]?s("kup-chip",Object.assign({class:k.COLLAPSIBLE_ELEMENT,id:"chip1"},i[0])):null)),de())}}),be=document.documentElement;function me(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 fe=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(s("span",{class:"text "+(t%2==0?"":"label")},i[t]));return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(i[0]),s("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(s("span",{class:"text "+(t%2==0?"":"label")},i[t]));return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(i[0]?i[0]:""),i[1]&&i[2]?s("div",{class:"section-1"},s("div",{class:"text label"},i[1]),s("div",{class:"text "},i[2])):null,s("div",{class:"section-2"},e))},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],o=Array.prototype.slice.call(t.rootElement.children,0),r=t.data.textfield?t.data.textfield:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${k.DIALOG_UNRESIZABLE}`},s("div",null,i.length>0||r.length>0?s("div",{class:"section-1"},s(zt,{id:z.DRAG_HANDLE,resource:"drag_handle",sizeX:"32px",sizeY:"32px"}),ce(i,"button"),ce(r,"textfield"),ce(e,"combobox")):null,o.length>0?s("div",{class:"section-2"},ce(o,"slot")):null))},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.text?t.data.text:[],o=t.data.datatable?t.data.datatable:[];return s("div",{class:`dialog-layout-${t.layoutNumber} dialog-element`},ue(e[0]?e[0]:""),o[0]&&i[0]&&i[1]?s("div",{class:"section-1"},s("kup-button",Object.assign({},i[0],{id:z.PREVIOUS_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,s=null,o=null,r=null;if(i&&(o=i.querySelector("kup-data-table"),e=i.querySelector("#"+z.NEXT_ROW),s=i.querySelector("#"+z.PREVIOUS_ROW),o&&(r=o.data)),r){let t=me(r);if(t){const i=r.columns[t],o=r.columns[t-1],a=r.columns[t-2];isNaN(parseInt(o.name))||(i.visible=!1,o.visible=!0,isNaN(parseInt(a.name))&&(s.disabled=!0)),e.disabled=!1}o.refresh()}}(t),title:be.ketchup.language.translate(C.PREVIOUS)})),s("kup-button",Object.assign({},i[1],{id:z.NEXT_ROW,"onkup-button-click":()=>function(t){const i=t.rootElement.shadowRoot;let e=null,s=null,o=null,r=null;if(i&&(o=i.querySelector("kup-data-table"),e=i.querySelector("#"+z.NEXT_ROW),s=i.querySelector("#"+z.PREVIOUS_ROW),o&&(r=o.data)),r){let t=me(r);if(t){const i=r.columns[t],o=r.columns[t+1],a=r.columns[t+2];o&&(i.visible=!1,o.visible=!0,a||(e.disabled=!0)),s.disabled=!1}o.refresh()}}(t),title:be.ketchup.language.translate(C.NEXT)}))):null,o[0]?s("div",{class:"section-2"},s("kup-data-table",Object.assign({id:"datatable1"},o[0]))):null)},create5:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0),e=t.data.list?t.data.list:[],o=t.data.text?t.data.text:[];return s("div",{class:`dialog-layout-${t.layoutNumber} ${k.DIALOG_UNRESIZABLE}`},ue(o[0]?o[0]:""),s("div",null,i.length>0?s("div",{class:"section-1"},ce(i,"slot")):null,e[0]?s("div",{class:"section-2"},s("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 s("div",{class:`dialog-layout-${t.layoutNumber}`},ue(e[0]?e[0]:""),s("div",{class:"section-1"},i.length>0?s("kup-data-table",Object.assign({id:"datatable1"},i[0])):s("kup-spinner",{active:!0,dimensions:"7px",layout:14})))}}),ge=Object.freeze({__proto__:null,create1:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?ce(i,"slot"):null)},create2:function(t){const i=Array.prototype.slice.call(t.rootElement.children,0);return s("div",{class:`free-layout-${t.layoutNumber}`},i.length>0?ce(i,"slot"):null)}}),ke=Object.freeze({__proto__:null,create1:function(t){let i=0;const e=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"descr"},s("div",null,e[i]?e[i]:"")),s("div",{class:"value"},s("div",null,e[++i]?e[i]:""))))},create2:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-int"},s("div",null,r[o]?r[o]:"",",")),s("div",{class:"value-dec"},s("div",null,r[++o]?r[o]:"")),s("div",{class:"unit"},s("div",null,r[++o]?r[o]:""))))},create3:function(t){let i=0;const e=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"value"},s("div",null,e[i]?e[i]:"")),s("div",{class:"descr"},s("div",null,e[++i]?e[i]:""))))},create4:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--color-0":i[0]?i[0]:`var(${d.PRIMARY})`,"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1.25em",sizeY:"1.25em"})):null),s("div",{class:"value-and-unit"},s("div",{class:"value-int"},s("div",null,r[o]?r[o]:"",",")),s("div",{class:"value-dec"},s("div",null,r[++o]?r[o]:"")),s("div",{class:"unit"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"empty-placeholder"}),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))))},create5:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"descr"},s("div",null,r[o]?r[o]:"")),s("div",{class:"value"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:"")))))},create7:function(t){const i=t.data.color?t.data.color:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"text-wrapper"},s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))),s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`scalable-layout-${t.layoutNumber} scalable-card`,style:{"--kup_card_multiplier":"1"}},s("div",{class:"scalable-element"},s("div",{class:"icon"},e[0]?s(zt,Object.assign({color:i[0]?i[0]:`var(${d.PRIMARY})`,id:"image1"},e[0],{sizeX:"1em",sizeY:"1em"})):null),s("div",{class:"value"},s("div",null,r[o]?r[o]:"")),s("div",{class:"descr"},s("div",null,r[++o]?r[o]:""))))}}),ve=document.documentElement,ye=Object.freeze({__proto__:null,create1:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},e[0]?s("div",{class:"section-1"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-2"},r[o]?s("div",{class:"sub-2 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-2 subtitle"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-2 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-3"},ce(i,"button")):null)},create2:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",{class:"section-1"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null),s("div",{class:"mdc-ripple-surface"},e[0]?s("div",{class:"section-2"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"section-3"},r[++o]?s("div",{class:"sub-3 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-4"},ce(i,"button")):null)},create3:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},s("div",{class:"media"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null,s("div",{class:"text-on-media"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null))),s("div",{class:"section-2"},r[++o]?s("div",{class:"sub-2 description"},s("div",null,r[o])):null)),i.length>0?s("div",{class:"section-3"},ce(i,"button")):null)},create4:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[];let o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i?k.HAS_ACTIONS:""}`},s("div",{class:"mdc-ripple-surface"},s("div",{class:"section-1"},e[0]?s("div",{class:"sub-1 image"},s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"}))):null,s("div",{class:"text"},r[o]?s("div",{class:"sub-1 title"},s("div",null,r[o])):null,r[++o]?s("div",{class:"sub-1 subtitle"},s("div",null,r[o])):null))),s("div",{class:"section-2"},i?ce(i,"button"):""))},create5:function(t){const i=t.data.button?t.data.button:[];let e=0;const o=t.data.color?t.data.color:[];let r=0;const a=t.data.image?t.data.image:[],n=t.data.progressbar?t.data.progressbar:[];let l=0;const h=t.data.text?t.data.text:[];let c={"--color-0":o[e]?o[e]:`var(${d.PRIMARY})`,"--color-1":o[++e]?o[e]:`rgba(var(${d.PRIMARY}-rgb),0.1)`};return s("div",{class:`standard-layout-${t.layoutNumber}`,style:c},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 icon"},a[r]?s(zt,Object.assign({id:"image1"},a[r],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",{class:"desc-text"},h[l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-2 image"},a[++r]?s(zt,Object.assign({id:"image1"},a[r],{sizeX:"100%",sizeY:"100%"})):null)),s("div",{class:"section-3"},s("div",{class:"sub-3 progress-bar"},n[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-slim":!0},n[0])):null),s("div",{class:"sub-3 button"},i[0]?s("kup-button",Object.assign({id:"button1"},i[0])):null)),s("div",{class:"section-4"},s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:"")),s("div",{class:"sub-4 text"},s("div",null,h[++l]?h[l]:""),s("div",{class:"alt-text"},h[++l]?h[l]:""))))},create6:function(t){const i=t.data.button?t.data.button:[],e=t.data.color?t.data.color:[],o=t.data.progressbar?t.data.progressbar:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`,"--kup_card_dynamic_color_0":"white"}},s("div",{class:"section-1"},s("div",{class:"alt-text"},a[r]?a[r]:"")),s("div",{class:"section-2"},s("div",{class:"sub-2"},o[0]?s("kup-progress-bar",Object.assign({id:"progressBar1","is-radial":!0},o[0])):null,s("div",null,a[++r]?a[r]:"")),i[0]?s("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 o=0;const r=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":i[0]?i[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"}),s("div",{class:"section-2"},s("div",{class:"sub-2 image"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"100%",sizeY:"100%"})):null),s("div",{class:"sub-2 text"},s("div",null,r[o]?r[o]:""))),s("div",{class:"section-3"},s("div",{class:"sub-3 alt-text"},r[++o]?r[o]:""),s("div",{class:"sub-3 alt-text"},r[++o]?r[o]:"")))},create8:function(t){const i=t.data.chip?t.data.chip:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"background"}),s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"text"},a[++r]?a[r]:"")),s("div",{class:"sub-3"},s("div",{class:"image"},o[0]?s(zt,Object.assign({id:"image1"},o[0],{sizeX:"24px",sizeY:"24px"})):null),s("div",{class:"text"},a[++r]?a[r]:""))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("div",{class:"section-1"},i[0]?s("kup-chart",Object.assign({id:"chart1"},i[0])):null),s("div",{class:"section-2"},s("div",{class:"sub-1"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))))},create11:function(t){const i=t.data.chart?t.data.chart:[],e=t.data.color?t.data.color:[],o=t.data.image?t.data.image:[];let r=0;const a=t.data.text?t.data.text:[];return s("div",{class:`standard-layout-${t.layoutNumber}`,style:{"--color-0":e[0]?e[0]:`var(${d.PRIMARY})`}},s("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=""}},s("div",{class:"sub-1 dyn-color"},s("div",{class:"text description"},a[r]?a[r]:"")),s("div",{class:"sub-2"},s("div",{class:"icon"},o[0]?s(zt,Object.assign({color:e[0]?e[0]:`var(${d.PRIMARY})`,id:"image1"},o[0],{sizeX:"3em",sizeY:"3em"})):null),s("div",{class:"text-wrapper"},s("div",{class:"text title"},s("div",null,a[++r]?a[r]:"")),s("div",{class:"text subtitle"},s("div",null,a[++r]?a[r]:""))))),s("div",{class:"section-2"},i[0]?s("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:[],o=t.data.datepicker?t.data.datepicker:[],r=t.data.textfield?t.data.textfield:[],a=t.data.timepicker?t.data.timepicker:[],n=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&n.push(e.id)}return s("div",{class:`standard-layout-${t.layoutNumber} `},n.includes(he.BUTTON_REMOVE)||n.includes(he.BUTTON_GROUP)||n.includes(he.BUTTON_ADD_COLUMNS)?s("div",{class:"section-1"},n.includes(he.BUTTON_REMOVE)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_REMOVE)))):null,n.includes(he.BUTTON_GROUP)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_GROUP)))):null,n.includes(he.BUTTON_ADD_COLUMNS)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_ADD_COLUMNS)))):null):null,s("div",{class:`section-2 ${r.length>0||o.length>0||a.length>0?k.HAS_CONTENT:""}`},o.length>0?ce(o,"datepicker"):null,r.length>0?ce(r,"textfield"):null,a.length>0?ce(a,"timepicker"):null),e.length>0?s("div",{class:"section-3"},ce(e,"checkbox")):null)},create13:function(t){const i=t.data.button?t.data.button:[],e=t.data.combobox?t.data.combobox:[],o=t.data.text?t.data.text:[],r=t.data.textfield?t.data.textfield:[];return s("div",{class:`standard-layout-${t.layoutNumber} ${i.length>0?k.HAS_ACTIONS:""}`},s("div",null,i.length>0||r.length>0?s("div",{class:"section-1"},ce(i,"button"),ce(r,"textfield"),ce(e,"combobox")):null,o.length>0?s("div",{class:"section-2"},ce(o,"text")):null))},create14:function(t){const i=t.data.autocomplete?t.data.autocomplete:[],e=t.data.button?t.data.button:[],o=t.data.checkbox?t.data.checkbox:[],r=t.data.chip?t.data.chip:[],a=t.data.datepicker?t.data.datepicker:[],n=t.data.image?t.data.image:[],l=t.data.object?t.data.object:[],h=t.data.switch?t.data.switch:[],c=t.data.tabbar?t.data.tabbar:[],u=t.data.text?t.data.text:[],d=t.data.textfield?t.data.textfield:[],p=t.data.timepicker?t.data.timepicker:[],b=t.data.tree?t.data.tree:[],m=[];let f=1,g=1;if(c[0]&&c[0].data)for(let t=0;t<c[0].data.length;t++){const i=c[0].data[t];m.push(i.id),i.active&&(g=t+1)}const v=[];for(let t=0;t<e.length;t++){const i=e[t];i.id&&v.push(i.id)}const w=[];for(let t=0;t<h.length;t++){const i=h[t];i.id&&w.push(i.id)}const _=[];for(let t=0;t<d.length;t++){const i=d[t];i.id&&_.push(i.id)}return s("div",{class:`standard-layout-${t.layoutNumber} `},l[0]?s("div",{class:"section-1"},n[0]?s(zt,Object.assign({id:"image1"},n[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},u[0]?s("div",{class:"title"},s("span",{class:`label ${k.CLICKABLE_LINK}`,id:"title-link"},u[0]),v.includes(he.BUTTON_OPEN_IN_NEW)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_OPEN_IN_NEW)))):null,v.includes(he.BUTTON_SEARCH)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_SEARCH)))):null,v.includes(he.BUTTON_NEW)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_NEW)))):null):null,u[1]&&u[2]?s("div",{class:"info"},s("span",{class:"label"},u[1]),s("span",{class:"value"},u[2])):null,u[3]&&u[4]?s("div",{class:"info"},s("span",{class:"label"},u[3]),s("span",{class:"value"},u[4])):null)):null,s("div",{class:"section-2"},c[0]?s("kup-tab-bar",Object.assign({},c[0],{id:z.VIEW_SELECTOR})):null),s("div",{class:"section-3"},m.includes(y.FILTERS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:`sub-field ${d.length>0||a.length>0||p.length>0?k.HAS_CONTENT:""}`},a.length>0?ce(a,"datepicker"):null,_.includes(he.TEXTFIELD_FILTER)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FILTER)))):null,_.includes(he.TEXTFIELD_FROM)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FROM)))):null,_.includes(he.TEXTFIELD_TO)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_TO)))):null,p.length>0?ce(p,"timepicker"):null),o.length>0?s("div",{class:"sub-checkbox"},ce(o,"checkbox")):null):null,m.includes(x.COLUMNS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:"sub-button"},v.includes(he.BUTTON_REMOVE)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_REMOVE)))):null,v.includes(he.BUTTON_GROUP)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_GROUP)))):null),s("div",{class:"sub-formula"},_.includes(he.TEXTFIELD_FORMULA)?s("kup-text-field",Object.assign({},d.find((t=>t.id===he.TEXTFIELD_FORMULA)))):null),s("div",{class:"sub-chip"},s("kup-chip",r[0]?Object.assign({},r[0],{type:Dt.INPUT,id:z.COLUMNS_LIST}):{type:Dt.INPUT,id:z.COLUMNS_LIST}),v.includes(he.BUTTON_APPLY)?s("kup-button",Object.assign({},e.find((t=>t.id===he.BUTTON_APPLY)))):null),l[0]?s("div",{class:"sub-tree"},b[0]?s("kup-tree",Object.assign({class:"kup-full-width",globalFilter:!0},b[0],{id:z.EXTRA_COLUMNS})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"8px",layout:2}))):null):null,m.includes(y.SETTINGS)?s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}${f} ${g===f++?k.VISIBLE:""}`},s("div",{class:"sub-autocomplete"},i.length>0?ce(i,"autocomplete"):null),s("div",{class:"sub-switch"},w.includes(he.SWITCH_KEY)?s("kup-switch",Object.assign({},h.find((t=>t.id===he.SWITCH_KEY)))):null)):null))},create15:function(t){const i=t.data.button?t.data.button:[],e=t.data.image?t.data.image:[],o=t.data.text?t.data.text:[],r=t.data.tree?t.data.tree:[],a=o.slice(0,5),n=o.slice(5),l=[],h=[],c=[];for(let t=0;t<n.length;t++)t%2==0?h.push(n[t]):c.push(n[t]);for(let t=0;t<h.length;t++)l.push(s("div",{class:"detail-row"},s("div",{class:"detail-row__label ellipsis"},h[t]),s("div",{class:"detail-row__value ellipsis"},c[t])));const u=[],d=[];for(let t=0;t<i.length;t++){const e=i[t];e.id&&u.push(e.id),(p=e.id)!==he.BUTTON_OPEN_IN_NEW&&p!==he.BUTTON_SEARCH&&d.push(e)}var p;return s("div",{class:`standard-layout-${t.layoutNumber}`},s("div",{class:"section-1"},e[0]?s(zt,Object.assign({id:"image1"},e[0],{sizeX:"84px",sizeY:"84px"})):s("div",{class:"sub-spinner"},s("kup-spinner",{active:!0,dimensions:"7px",layout:14})),s("div",{class:"sub-1"},o[0]?s("div",{class:"title"},s("span",{class:`label ${k.CLICKABLE_LINK}`,id:"title-link"},o[0]),u.includes(he.BUTTON_OPEN_IN_NEW)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_OPEN_IN_NEW)))):null,u.includes(he.BUTTON_SEARCH)?s("kup-button",Object.assign({},i.find((t=>t.id===he.BUTTON_SEARCH)))):null):null,a[1]&&a[2]?s("div",{class:"info"},s("span",{class:"label"},a[1]),s("span",{class:"value"},a[2])):null,a[3]&&a[4]?s("div",{class:"info"},s("span",{class:"label"},a[3]),s("span",{class:"value"},a[4])):null)),s("div",{class:"section-2"},s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}1 ${k.VISIBLE}`},s("div",{class:"info"},l.length>0?l:null)),s("div",{class:`${k.CARD_VIEW} ${k.VIEW_PREFIX}2`},r[0]?s("kup-tree",Object.assign({class:"kup-full-width"},r[0])):null)),d.length>0?s("div",{class:"section-3"},ce(d.slice(0,5),"button"),s("kup-button",{title:ve.ketchup.language.translate(y.SHOW_ROW_OPTIONS),id:"view-selector",icon:"menu"})):null)}});
 /*!
  * vanilla-picker v2.12.1
  * https://vanilla-picker.js.org
@@ -6,4 +6,4 @@ import{r as t,c as i,f as e,h as s,H as o,g as r,a}from"./p-b0b3989b.js";import{
  * Copyright 2017-2021 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate)
  * Released under the ISC license.
  */
-var xe=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")},we=function(){function t(t,i){for(var e=0;e<i.length;e++){var s=i[e];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}return function(i,e,s){return e&&t(i.prototype,e),s&&t(i,s),i}}(),_e=function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,i){var e=[],s=!0,o=!1,r=void 0;try{for(var a,n=t[Symbol.iterator]();!(s=(a=n.next()).done)&&(e.push(a.value),!i||e.length!==i);s=!0);}catch(t){o=!0,r=t}finally{try{!s&&n.return&&n.return()}finally{if(o)throw r}}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 ze={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 Ce(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=i>0?t.toFixed(i).replace(/0+$/,"").replace(/\.$/,""):t.toString();return e||"0"}var je=function(){function t(i,e,s,o){xe(this,t);var r=this;if(void 0===i);else if(Array.isArray(i))this.rgba=i;else if(void 0===s){var a=i&&""+i;a&&function(i){if(i.startsWith("hsl")){var e=i.match(/([\-\d\.e]+)/g).map(Number),s=_e(e,4),o=s[0],a=s[1],n=s[2],l=s[3];void 0===l&&(l=1),r.hsla=[o/=360,a/=100,n/=100,l]}else if(i.startsWith("rgb")){var h=i.match(/([\-\d\.e]+)/g).map(Number),c=_e(h,4),u=c[3];void 0===u&&(u=1),r.rgba=[c[0],c[1],c[2],u]}else r.rgba=i.startsWith("#")?t.hexToRgb(i):t.nameToRgb(i)||t.hexToRgb(i)}(a.toLowerCase())}else this.rgba=[i,e,s,void 0===o?1:o]}return we(t,[{key:"printRGB",value:function(t){var i=(t?this.rgba:this.rgba.slice(0,3)).map((function(t,i){return Ce(t,3===i?3:0)}));return t?"rgba("+i+")":"rgb("+i+")"}},{key:"printHSL",value:function(t){var i=[360,100,100,1],e=["","%","%",""],s=(t?this.hsla:this.hsla.slice(0,3)).map((function(t,s){return Ce(t*i[s],3===s?3:1)+e[s]}));return t?"hsla("+s+")":"hsl("+s+")"}},{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),s=ze[e];return void 0===s?s:t.hexToRgb(s.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var i=_e(t,4),e=i[0],s=i[1],o=i[2],r=i[3];e/=255,s/=255,o/=255;var a=Math.max(e,s,o),n=Math.min(e,s,o),l=void 0,h=void 0,c=(a+n)/2;if(a===n)l=h=0;else{var u=a-n;switch(h=c>.5?u/(2-a-n):u/(a+n),a){case e:l=(s-o)/u+(s<o?6:0);break;case s:l=(o-e)/u+2;break;case o:l=(e-s)/u+4}l/=6}return[l,h,c,r]}},{key:"hslToRgb",value:function(t){var i=_e(t,4),e=i[0],s=i[1],o=i[2],r=i[3],a=void 0,n=void 0,l=void 0;if(0===s)a=n=l=o;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=o<.5?o*(1+s):o+s-o*s,u=2*o-c;a=h(u,c,e+1/3),n=h(u,c,e),l=h(u,c,e-1/3)}var d=[255*a,255*n,255*l].map(Math.round);return d[3]=r,d}}]),t}(),De=function(){function t(){xe(this,t),this._events=[]}return we(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,s){this._events=this._events.filter((function(o){var r=!0;return i&&i!==o.target&&(r=!1),e&&e!==o.type&&(r=!1),s&&s!==o.handler&&(r=!1),r&&t._doRemove(o.target,o.type,o.handler),!r}))}},{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 Oe(t,i,e){var s=!1;function o(t,i,e){return Math.max(i,Math.min(t,e))}function r(t,r,a){if(a&&(s=!0),s){t.preventDefault();var n=i.getBoundingClientRect(),l=n.width,h=n.height,c=r.clientY,u=o(r.clientX-n.left,0,l),d=o(c-n.top,0,h);e(u/l,d/h)}}function a(t,i){1===(void 0===t.buttons?t.which:t.buttons)?r(t,t,i):s=!1}function n(t,i){1===t.touches.length?r(t,t.touches[0],i):s=!1}t.add(i,"mousedown",(function(t){a(t,!0)})),t.add(i,"touchstart",(function(t){n(t,!0)})),t.add(window,"mousemove",a),t.add(i,"touchmove",n),t.add(window,"mouseup",(function(){s=!1})),t.add(i,"touchend",(function(){s=!1})),t.add(i,"touchcancel",(function(){s=!1}))}function Se(t,i){return(i||document).querySelector(t)}function $e(t){t.preventDefault(),t.stopPropagation()}function Te(t,i,e,s,o){t.add(i,"keydown",(function(t){e.indexOf(t.key)>=0&&(o&&$e(t),s(t))}))}var We=function(){function t(i){xe(this,t),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new De,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(i)}return we(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 s=t.color||t.colour;s&&this._setColor(s)}var o=e.parent;if(o&&e.popup&&!this._popupInited){var r=function(t){return i.openHandler(t)};this._events.add(o,"click",r),Te(this._events,o,[" ","Spacebar","Enter"],r),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&&"keydown"===t.type?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?"mousedown"===i||"focusin"===i?t.timeStamp>(this.__containedEvent||0)+100&&(e=!0):($e(t),e=!0):e=!0,e&&this.hide()&&(this.settings.parent.style.pointerEvents="","mousedown"!==i&&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 je(t)}catch(t){if(i.failSilently)return;throw t}if(!this.settings.alpha){var s=e.hsla;s[3]=1,e.hsla=s}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,s=(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=s,this._domH=Se(".picker_hue",s),this._domSL=Se(".picker_sl",s),this._domA=Se(".picker_alpha",s),this._domEdit=Se(".picker_editor input",s),this._domSample=Se(".picker_sample",s),this._domOkay=Se(".picker_done button",s),this._domCancel=Se(".picker_cancel button",s),s.classList.add("layout_"+this.settings.layout),this.settings.alpha||s.classList.add("no_alpha"),this.settings.editor||s.classList.add("no_editor"),this.settings.cancelButton||s.classList.add("no_cancel"),this._ifPopup((function(){return s.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,s=this._events;function o(t,i,e){s.add(t,i,e)}o(e,"click",(function(t){return t.preventDefault()})),Oe(s,this._domH,(function(t){return i._setHSLA(t)})),Oe(s,this._domSL,(function(t,e){return i._setHSLA(null,t,1-e)})),this.settings.alpha&&Oe(s,this._domA,(function(t,e){return i._setHSLA(null,null,null,1-e)}));var r=this._domEdit;o(r,"input",(function(){i._setColor(this.value,{fromEditor:!0,failSilently:!0})})),o(r,"focus",(function(){var t=this;t.selectionStart===t.selectionEnd&&t.select()})),this._ifPopup((function(){var i=function(i){return t.closeHandler(i)};o(window,"mousedown",i),o(window,"focusin",i),Te(s,e,["Esc","Escape"],i);var r=function(i){t.__containedEvent=i.timeStamp};o(e,"mousedown",r),o(e,"focusin",r),o(t._domCancel,"click",i)}));var a=function(i){t._ifPopup((function(){return t.closeHandler(i)})),t.onDone&&t.onDone(t.colour)};o(this._domOkay,"click",a),Te(s,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 s=!0===e?"popup_right":"popup_"+e;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){t===s?i.classList.add(t):i.classList.remove(t)})),i.classList.add(s)}))}},{key:"_setHSLA",value:function(t,i,e,s,o){o=o||{};var r=this.colour,a=r.hsla;[t,i,e,s].forEach((function(t,i){(t||0===t)&&(a[i]=t)})),r.hsla=a,this._updateUI(o),this.onChange&&!o.silent&&this.onChange(r)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var i=this.colour,e=i.hsla,s="hsl("+360*e[0]+", 100%, 50%)",o=i.hslString,r=i.hslaString,a=this._domSL,n=this._domA,l=Se(".picker_selector",this._domH),h=Se(".picker_selector",a),c=Se(".picker_selector",n);m(0,l,e[0]),this._domSL.style.backgroundColor=this._domH.style.color=s,m(0,h,e[1]),f(0,h,1-e[2]),a.style.color=o,f(0,c,1-e[3]);var u=o,d=u.replace("hsl","hsla").replace(")",", 0)");if(this._domA.style.background="linear-gradient("+[u,d]+"), 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 p=this.settings.alpha,b=void 0;switch(this.settings.editorFormat){case"rgb":b=i.printRGB(p);break;case"hsl":b=i.printHSL(p);break;default:b=i.printHex(p)}this._domEdit.value=b}this._domSample.style.color=r}function m(t,i,e){i.style.left=100*e+"%"}function f(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",s=i.style.display!==e;return s&&(i.style.display=e),s}}]),t}(),Pe=document.createElement("style");Pe.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(Pe),We.StyleElement=Pe;const Re=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.customStyle="",this.data=null,this.isMenu=!1,this.layoutFamily=j.STANDARD,this.layoutNumber=1,this.menuVisible=!1,this.sizeX="100%",this.sizeY="100%",this.cardEvent=t=>{t.stopPropagation(),this.onKupEvent(t)},this.kupManager=n(),this.scalingActive=!1,this.componentWrapper=null,this.colorPicker=null,this.firstColorPickerChange=!0}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!==_.BUTTON_CLICK||i.detail.id!==z.EXPAND_ACTION){if(e&&i.type===_.TABBAR_CLICK&&i.detail.id===z.VIEW_SELECTOR){const t=e.querySelectorAll("."+k.CARD_VIEW);for(let e=0;e<t.length;e++){const s=t[e];s.classList.contains(k.VIEW_PREFIX+(i.detail.index+1))?s.classList.add(k.VISIBLE):s.classList.remove(k.VISIBLE)}}if(e&&i.type===_.CHIP_ICONCLICK&&i.detail.id===z.COLUMNS_LIST&&e.querySelector("#"+he.BUTTON_APPLY).classList.add("visible"),e&&i.type===_.TREE_NODESELECTED&&i.detail.id===z.EXTRA_COLUMNS&&i.detail.treeNode){const s=e.querySelector("#"+he.BUTTON_APPLY),o=e.querySelector("#"+z.COLUMNS_LIST),r=i.detail.treeNode,a=i.detail.treeNode.obj;if(a&&""!==a.t&&("**"!==a.t||"**"===a.t&&!a.k)){const i=o&&o.data?o.data:null,e=t.rootElement.dataset.column+"_"+(r.id?r.id.replace(/\//g,"_"):"");if(i){const t=i.find((t=>t.value===e));t?i.splice(i.indexOf(t),1):i.push({icon:r.icon,value:r.value,obj:r.obj,id:e}),s.classList.add("visible")}else o.data.chip=[{icon:r.icon,label:r.value,obj:r.obj,value:e}];o.refresh()}}if(e&&i.type===_.BUTTON_CLICK&&i.detail.id===he.BUTTON_APPLY){const i=e.querySelector("#"+z.COLUMNS_LIST);t.data.chip[0].data=i.data}if(i.type!==_.BUTTON_CLICK||i.detail.id!==z.NEXT_ROW&&i.detail.id!==z.PREVIOUS_ROW||t.refresh(),e&&i.type===_.BUTTON_CLICK&&i.detail.id===z.VIEW_SELECTOR){const t=e.querySelectorAll("."+k.CARD_VIEW);"on"===i.detail.value?(t[0].classList.remove(k.VISIBLE),t[1].classList.add(k.VISIBLE)):(t[1].classList.remove(k.VISIBLE),t[0].classList.add(k.VISIBLE))}}else{const i=e.querySelector("."+k.COLLAPSIBLE_CARD);i.classList.contains("."+k.EXPANDED)?t.oldSizeY&&(i.classList.remove("."+k.EXPANDED),t.sizeY=t.oldSizeY):(i.classList.add("."+k.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 l(this,D,t)}async refresh(){e(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.layoutManager()}),300)}async setProps(t){h(this,D,t)}setEvents(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("#"+z.DIALOG_CLOSE);i&&(i.onclick=()=>this.onKupClose(z.DIALOG_CLOSE));const e=t.querySelectorAll("."+k.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("."+k.COLLAPSIBLE_ELEMENT),e=t.querySelector("."+k.COLLAPSIBLE_CARD),s=t.querySelector("."+k.COLLAPSIBLE_WRAPPER);e.classList.contains(k.EXPANDED)||(i.clientHeight>s.clientHeight?e.classList.contains(k.COLLAPSIBLE_ACTIVE)||e.classList.add(k.COLLAPSIBLE_ACTIVE):e.classList.contains(k.COLLAPSIBLE_ACTIVE)&&e.classList.remove(k.COLLAPSIBLE_ACTIVE))}getLayout(){const t=this.layoutFamily.toLowerCase(),i="create"+this.layoutNumber;try{switch(t){case j.BUILT_IN:return le[i](this);case j.COLLAPSIBLE:return pe[i](this);case j.DIALOG:return fe[i](this);case j.FREE:return ge[i](this);case j.SCALABLE:return ke[i](this);default:case j.STANDARD:return ye[i](this)}}catch(t){this.kupManager.debug.logMessage(this,t,p.WARNING);let i={resource:"warning",title:this.kupManager.language.translate(y.LAYOUT_NYI)+"!"};return s(zt,Object.assign({},i))}}dialog(){const t=this.rootElement.shadowRoot;if(t){const i=this.rootElement,e=t.querySelector("#"+z.DRAG_HANDLE),s=!!t.querySelector("."+k.DIALOG_UNRESIZABLE);this.kupManager.interact.isRegistered(i)||this.kupManager.interact.dialogify(i,e||null,s)}}builtIn(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("."+k.BUILT_IN_CARD);switch(this.layoutNumber){case 4:const t=this.data&&this.data.options?this.data.options:null,e=t?t.initialValue:null;this.colorPicker||(this.colorPicker=new We({alpha:!1,color:e,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));switch(i){case j.COLLAPSIBLE:this.collapsible();break;case j.DIALOG:this.dialog();break;case j.BUILT_IN:this.builtIn();break;case j.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-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)}scalable(){this.scalingActive=!0;const t=this.rootElement.shadowRoot,i=t.querySelector(".scalable-element"),e=t.querySelector(".scalable-card"),s=.1,o=.9*e.clientHeight,r=.85*e.clientWidth,a=.95*e.clientWidth;let n=2e3,l=parseFloat(e.style.getPropertyValue("--kup_card_multiplier"));for(l<.1&&(l=1);(i.clientWidth<r||i.clientWidth>a)&&n>0&&l>s;)n--,i.clientWidth<r?(l+=s,e.style.setProperty("--kup_card_multiplier",l+"")):i.clientWidth>a?(l-=s,e.style.setProperty("--kup_card_multiplier",l+"")):n=0;for(;i.clientHeight>o&&l>s;)l-=s,e.style.setProperty("--kup_card_multiplier",l+"");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&&St.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 s(o,{style:{"--kup_card_height":this.sizeY?this.sizeY:"100%","--kup_card_width":this.sizeX?this.sizeX:"100%"}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,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 r(this)}};var Me,Ie,Fe;function Ee(t,i){if(null==t||null==i)return null;for(let e=0;e<i.length;e++){let s=i[e];if(null!=s&&s.name==t)return s.title}return t}Re.style='.built-in-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;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 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;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-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}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;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;border-radius:1000px;position:relative;top:25px;left: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-color);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-color);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-color);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-color)}.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-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);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-color)}.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{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-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{border-radius:50%;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-hover-background-color)}.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-color);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-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:1fr 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;bottom:-10%}.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%}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative;bottom:10%}.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 10%;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-card{align-items:center;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);border-radius:4px;display:flex;font-size:calc(var(--kup-font-size) * var(--kup_card_multiplier));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.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-color);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-color);padding:0.5em 0.5em}.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}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);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);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.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{--kup-button-font-size:0.75em;font-size:1.25em;margin-top:-0.5em;padding:0 0.25em 0.25em}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em}.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}.standard-layout-14 .section-1 .info .value{width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.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;display:inline-flex}.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 .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:center;display:flex;font-size:1.25em;font-weight:600;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);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}.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}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);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}:host{--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\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}#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."}(Me||(Me={})),function(t){t.D2="2D",t.D3="3D"}(Ie||(Ie={})),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"}(Fe||(Fe={}));const Le=class{constructor(e){t(this,e),this.kupChartClick=i(this,"kup-chart-click",6),this.colors=[],this.customStyle="",this.legend="right",this.offlineMode=void 0,this.showMarks=!1,this.sizeX="100%",this.sizeY="100%",this.sorting=null,this.stacked=!1,this.types=[Fe.Hbar],this.version="45.2",this.kupManager=n(),this.elStyle=void 0,this.themeColors=null,this.themeText=null}identifyRows(){this.data&&R(this.data.rows)}async getProps(t){return l(this,Me,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){h(this,Me,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 Fe.Area:return new google.visualization.AreaChart(this.chartContainer);case Fe.Bubble:return new google.visualization.BubbleChart(this.chartContainer);case Fe.Cal:return new google.visualization.Calendar(this.chartContainer);case Fe.Candlestick:return new google.visualization.CandlestickChart(this.chartContainer);case Fe.Geo:return new google.visualization.GeoChart(this.chartContainer);case Fe.Hbar:return new google.visualization.BarChart(this.chartContainer);case Fe.Line:return new google.visualization.LineChart(this.chartContainer);case Fe.Pie:return new google.visualization.PieChart(this.chartContainer);case Fe.Sankey:return new google.visualization.Sankey(this.chartContainer);case Fe.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]:Fe.Unk}isComboChart(){return this.types.length>1}createGoogleChartOptions(){const t={backgroundColor:"transparent",is3D:Ie.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||Fe.ColumnChart!==this.getMainChartType()&&Fe.Unk!==this.getMainChartType()&&Fe.Hbar!==this.getMainChartType()&&Fe.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 s="bars";Fe.Line===i?s="line":Fe.Area===i&&(s="area");let o="";(this.vAxes&&this.vAxes.length>0||this.hAxes&&this.hAxes.length>0)&&(o=e.toString()),t.series[e.toString()]={type:s,targetAxisIndex:o}}))),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 s=[],o=O(t.columns,e);return o&&s.push(o),i.map((i=>{const e=O(t.columns,i.code);e&&s.push(e)})),s})(this.data,{axis:this.axis,series:this.series}),i=((t,i,e)=>{if(!t)return[];const s=[];if(t.rows){const o=new S,r=new P;t.rows.forEach((t=>{const a=t.cells,n=[];i.forEach(((t,i)=>{const s=a[t.name];if(s&&s.obj){const t=e&&i>0;if(r.isNumber(s.obj)){const i=T(s);n.push(i),t&&n.push(i.toString())}else if(r.isDate(s.obj)){const i=o.toDate(r.parseDate(s.obj));n.push(i),t&&n.push(i.toString())}else if(r.isTime(s.obj)){const i=o.normalize(s.obj.k,W.TIME);n.push(i.toDate()),t&&n.push(i.toDate())}else if(r.isTimestamp(s.obj)){const i=o.normalize(s.obj.k,W.TIMESTAMP);n.push(i.toDate()),t&&n.push(i.toDate())}else n.push(s.obj.k),t&&n.push(s.value)}})),s.push(n)}))}return s})(this.data,t,this.showMarks),e=[];for(let i=0;i<t.length;i++)e.push({label:Ee(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 s=this.createGoogleChartOptions();this.gChart.draw(this.gChartView,s),google.visualization.events.addListener(this.gChart,"select",this.onChartSelect.bind(this))}onChartSelect(){const t=this.gChart.getSelection()[0];if(t){const 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,s=t.column,o=this.gChartView.getTableRowIndex(null!=e?e:0);if(i.row=this.data.rows[o],i.rowindex=o,this.series.length>1){let t=this.gChartView.getTableColumnIndex(null!=s?s:0);"annotation"===this.gChartDataTable.getColumnProperty(t,"role")&&--t,i.column=O(this.data.columns,this.series[t-1].code),i.colindex=t}else i.column=O(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!",p.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[d.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!",p.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},s(o,{style:this.elStyle},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,ref:t=>this.chartContainer=t}))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.kupManager.resize.unobserve(this.rootElement)}get rootElement(){return r(this)}static get watchers(){return{data:["identifyRows"]}}};var Ne;Le.style=":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."}(Ne||(Ne={}));const Ae=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.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.indeterminate=!1,this.label=null,this.leadingLabel=!1,this.kupManager=n()}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 l(this,Ne,t)}async refresh(){e(this)}async setProps(t){h(this,Ne,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"),onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s($t,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var Ke;Ae.style=":host{display:block;margin:auto}",function(t){t.customStyle="Custom style of the component.",t.data="List of elements.",t.type="The type of chip. Available types: input, filter, choice or empty for default."}(Ke||(Ke={}));const Ve=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-chip-blur",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),this.customStyle="",this.data=[],this.type=Dt.STANDARD,this.kupManager=n()}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.refresh()}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return l(this,Ke,t)}async refresh(){e(this)}async setProps(t){h(this,Ke,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;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'.",p.WARNING)),this.data[i].checked&&!t&&(t=!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"),data:this.data,info:!!this.rootElement.classList.contains("kup-info"),onBlur:[],onClick:[],onExpansionClick:[],onFocus:[],onIconClick:[],secondary:!!this.rootElement.classList.contains("kup-secondary"),success:!!this.rootElement.classList.contains("kup-success"),type:this.type,warning:!!this.rootElement.classList.contains("kup-warning")};for(let i=0;i<this.data.length;i++)t.onBlur.push((t=>this.onKupBlur(t))),t.onClick.push((t=>this.onKupClick(t))),t.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()})),t.onFocus.push((t=>this.onKupFocus(t))),t.onIconClick.push((t=>this.onKupIconClick(t)));if(this.data&&0!==this.data.length)return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Ot,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{data:["checkDataset"]}}};var He;Ve.style=":host{display:block}",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."}(He||(He={}));const Be=class{constructor(e){t(this,e),this.kupChange=i(this,"kup-colorpicker-change",6),this.value=null,this.customStyle="",this.data=null,this.disabled=!1,this.initialValue="",this.swatchOnly=!1,this.kupManager=n(),this.clickCb=null}async getProps(t){return l(this,He,t)}async getValue(){return this.value}async setFocus(){this.textfieldEl.querySelector("input").focus()}async setProps(t){h(this,He,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=j.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,u.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({},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(y.INVALID_COLOR)+": "+this.value;t=e,i.icon="warning",i.title=e}return s(xt,Object.assign({},i,{disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:!!this.rootElement.classList.contains("kup-full-width"),readOnly:!0,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&&wt(this.textfieldEl)),this.kupManager.debug.logRender(this,!0)}render(){let t=null;return t=this.swatchOnly?s("button",{disabled:this.disabled,class:"color-picker",onClick:()=>this.openPicker(),style:{backgroundColor:this.value},type:"button"}):this.prepTextField(),s(o,{style:{"--kup_colorpicker_thumb_color":this.value?this.value:""}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},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 r(this)}};var Ye;Be.style=":host{display:block;font-size:var(--kup-font-size)}#kup-component{transition:background-color 0.2s;width:max-content}#kup-component:hover{background-color:rgba(var(--kup-text-color-rgb), 0.1)}#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-color);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);--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);--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: "code", "description", "both".',t.initialValue="Sets the initial value of the component",t.isSelect="Lets the combobox behave as a select element.",t.selectMode='Sets how to return the selected item value. Suported values: "code", "description", "both".',t.showDropDownIcon="When true shows the drop-down icon, for open list."}(Ye||(Ye={}));var Ge,Xe,Ue,qe,Qe,Ze,Je,ts,is,es,ss,os,rs=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},as=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const ns=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-combobox-blur",6),this.kupChange=i(this,"kup-combobox-change",6),this.kupClick=i(this,"kup-combobox-click",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),Ge.add(this),this.displayedValue=void 0,this.value="",this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.initialValue="",this.isSelect=!1,this.selectMode=Qt.CODE,this.showDropDownIcon=!0,Xe.set(this,n()),Ue.set(this,void 0),qe.set(this,void 0),Qe.set(this,void 0),Ze.set(this,void 0),Je.set(this,null)}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupChange(t){rs(this,Ge,"m",ss).call(this,t,!0),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupClick(){1==this.isSelect&&(rs(this,Qe,"f").classList.contains("toggled")?rs(this,Ge,"m",is).call(this):rs(this,Ge,"m",ts).call(this)),this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupInput(){rs(this,Ge,"m",ss).call(this,rs(this,Ze,"f").value,!1),rs(this,Ge,"m",ts).call(this),this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupIconClick(){rs(this,Qe,"f").classList.contains("toggled")?rs(this,Ge,"m",is).call(this):rs(this,Ge,"m",ts).call(this),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value,open:rs(this,Qe,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id),rs(this,Ge,"m",is).call(this),rs(this,Ze,"f")&&rs(this,Ze,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}initialValueChange(t){this.setValue(t)}listenKeydown(t){if(rs(this,Ge,"m",es).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").select().then((()=>{rs(this,Ge,"m",is).call(this),rs(this,Ze,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",is).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",ts).call(this),rs(this,qe,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",ts).call(this),rs(this,qe,"f").focusPrevious()}}async getProps(t){return l(this,Ye,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){rs(this,Ze,"f").focus()}async setProps(t){h(this,Ye,t)}async setValue(t){rs(this,Ge,"m",ss).call(this,t,!0)}componentWillLoad(){rs(this,Xe,"f").debug.logLoad(this,!1),rs(this,Xe,"f").theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){rs(this,Ge,"m",ss).call(this,this.value,!0),rs(this,Xe,"f").debug.logLoad(this,!0)}componentWillRender(){rs(this,Xe,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(as(this,Qe,i,"f"),as(this,Ze,i.querySelector("input"),"f"),wt(i))}rs(this,Xe,"f").debug.logRender(this,!0)}render(){const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width");return s(o,{class:`${t?"kup-full-height":""} ${i?"kup-full-width":""}`,style:rs(this,Ue,"f")},s("style",null,rs(this,Xe,"f").theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:rs(this,Ue,"f")},s(xt,Object.assign({},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:t,fullWidth:i,icon:this.showDropDownIcon?c.DROPDOWN:null,readOnly:this.isSelect,trailingIcon:!0,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>this.onKupInput(),onIconClick:()=>this.onKupIconClick()}))),rs(this,Ge,"m",os).call(this))}disconnectedCallback(){rs(this,qe,"f")&&(rs(this,Xe,"f").dynamicPosition.unregister([rs(this,qe,"f")]),rs(this,qe,"f").remove()),rs(this,Xe,"f").theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{initialValue:["initialValueChange"]}}};Xe=new WeakMap,Ue=new WeakMap,qe=new WeakMap,Qe=new WeakMap,Ze=new WeakMap,Je=new WeakMap,Ge=new WeakSet,ts=function(){if(rs(this,Ge,"m",es).call(this))return;rs(this,Qe,"f").classList.add("toggled"),rs(this,qe,"f").menuVisible=!0,rs(this,qe,"f").filter="";const t=rs(this,qe,"f").style;t.height="auto",t.minWidth=rs(this,Qe,"f").clientWidth+"px",rs(this,Xe,"f").dynamicPosition.isRegistered(rs(this,qe,"f"))?rs(this,Xe,"f").dynamicPosition.changeAnchor(rs(this,qe,"f"),rs(this,Qe,"f")):rs(this,Xe,"f").dynamicPosition.register(rs(this,qe,"f"),rs(this,Qe,"f"),0,u.AUTO,!0),rs(this,Xe,"f").dynamicPosition.start(rs(this,qe,"f")),rs(this,Je,"f")||as(this,Je,{cb:()=>{rs(this,Ge,"m",is).call(this)},el:rs(this,qe,"f")},"f"),rs(this,Xe,"f").addClickCallback(rs(this,Je,"f"),!0)},is=function(){rs(this,Qe,"f").classList.remove("toggled"),rs(this,qe,"f").menuVisible=!1,rs(this,Xe,"f").dynamicPosition.stop(rs(this,qe,"f")),rs(this,Xe,"f").removeClickCallback(rs(this,Je,"f"))},es=function(){return 1==rs(this,qe,"f").menuVisible},ss=function(t,i){let e=Jt(t,this.data["kup-list"],rs(this,qe,"f"),this.selectMode,this.displayMode);return e.exists?(i&&(this.value=e.value,this.displayedValue=e.displayedValue),null!=rs(this,qe,"f")&&(rs(this,qe,"f").filter=e.value)):(this.value=t,this.displayedValue=t,null!=rs(this,qe,"f")&&(rs(this,qe,"f").filter=e.value)),e},os=function(){return s("kup-list",Object.assign({},this.data["kup-list"],{displayMode:this.displayMode,"is-menu":!0,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>as(this,qe,t,"f")}))},ns.style=":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]) #kup-component:hover{background-color:rgba(var(--kup-text-color-rgb), 0.1)}: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)}.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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";class ls{constructor(){this.filters={},this.expandGroups=!1,this.groupLabelDisplay=M.BOTH,this.density="small",this.enableExtraColumns=!0,this.enableSortableColumns=!1,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groups=[],this.headerIsPersistent=!0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.selection=I.SINGLE,this.rowsPerPage=10,this.showFilters=!1,this.showGroups=!1,this.showHeader=!0,this.showLoadMore=!1,this.sortEnabled=!0,this.sort=[],this.sortableColumnsMutateData=!0,this.pageSelected=1,this.dragEnabled=!1,this.dropEnabled=!1,this.showFooter=!1,this.load=!1}toDebugString(){return"dt state"}}const hs=document.documentElement;class cs{constructor(){this.clickCb=null,this.filtersColumnMenuInstance=new Tt,this.filtersRowsInstance=new Wt}open(t,i){this.filtersColumnMenuInstance.resetTextualFilters(t.filters,i)}close(t){t.menuVisible=!1,hs.ketchup.removeClickCallback(this.clickCb),hs.ketchup.dynamicPosition.stop(t)}reposition(t,i){const e=t.rootElement.shadowRoot;if(e&&i){const t=e.querySelector('th[data-column="'+i.dataset.column+'"]');hs.ketchup.dynamicPosition.isRegistered(i)?hs.ketchup.dynamicPosition.changeAnchor(i,t):hs.ketchup.dynamicPosition.register(i,t,0,u.BOTTOM,!0),this.clickCb||(this.clickCb={cb:()=>{this.close(i)},el:i}),hs.ketchup.addClickCallback(this.clickCb,!0),hs.ketchup.dynamicPosition.start(i),i.menuVisible=!0}}prepData(t,i,e){const s=e?Object.assign({},e):{};return s.button=this.prepButton(t,i),s.checkbox=this.prepCheckbox(t,i),s.chip=this.prepChip(t,i),s.datepicker=this.prepIntervalDatePicker(t,i),s.object=i.objs?i.objs:i.obj?[i.obj]:null,s.switch=this.prepSwitch(t,i),e||(s.tabbar=this.prepTabBar(t,i),s.text=[i.title]),s.textfield=this.prepTextfield(t,i),s.timepicker=this.prepIntervalTimePicker(t,i),s}prepButton(t,i){const e=[];return!Tt.isTree(t)&&t.showGroups&&e.push({className:"printable","data-storage":{columnName:i.name},icon:"book",id:he.BUTTON_GROUP,title:null!=t.getGroupByName(i.name)?hs.ketchup.language.translate(F.DISABLE):hs.ketchup.language.translate(F.ENABLE)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"open-in-new",id:he.BUTTON_OPEN_IN_NEW,title:hs.ketchup.language.translate(y.OPEN_IN_NEW_TAB)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"search",id:he.BUTTON_SEARCH,title:hs.ketchup.language.translate(y.INFO)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"add",id:he.BUTTON_NEW,title:hs.ketchup.language.translate(y.ADD_NEW)}),t.removableColumns&&e.push({className:"printable","data-storage":{column:i},icon:"table-column-remove",id:he.BUTTON_REMOVE,title:hs.ketchup.language.translate(x.HIDE)}),t.enableExtraColumns&&(hs.ketchup.objects.canObjHaveExtraColumns(i.obj)||hs.ketchup.objects.canObjsHaveExtraColumns(i.objs))&&(e.push({className:"printable","data-storage":{columnName:i.name},icon:"table-column-plus-after",id:he.BUTTON_ADD_COLUMNS,title:hs.ketchup.language.translate(x.ADD)}),e.push({className:"printable",label:hs.ketchup.language.translate(y.APPLY),id:he.BUTTON_APPLY,styling:jt.OUTLINED,title:hs.ketchup.language.translate(y.APPLY)})),e}prepCheckbox(t,i){const e=[];if(t.showFilters&&(hs.ketchup.objects.isStringObject(i.obj)||hs.ketchup.objects.isCheckbox(i.obj))){const s=this.filtersColumnMenuInstance.getCheckBoxFilterValues(t.filters,i.name),o=t.getColumnValues(i);o.length>0&&e.push({checked:0==s.length,"data-storage":{column:i,value:null},id:he.CHECKBOX_GLOBAL,label:hs.ketchup.language.translate(E.ALL)});for(let t=0;t<o.length;t++){let r=L(o[t],i);hs.ketchup.objects.isCheckbox(i.obj)&&(r=hs.ketchup.language.translate("1"==o[t].value?E.CHECKED:E.UNCHECKED)),e.push({checked:N.valuesArrayContainsValue(s,o[t].value),"data-storage":{column:i,value:o[t].value,displayedValue:L(o[t],i)},label:r})}}return e}prepChip(t,i){let e=[];const s={};if(i.children){const e=[];for(let s=0;s<i.children.length;s++){const o=i.children[s];let r=null;try{r=Tt.isTree(t)?t.columns.find((t=>t.name===o.name)):t.data.columns.find((t=>t.name===o.name))}catch(t){hs.ketchup.debug.logMessage(this,"Child column not found ("+o.name+")!"+t,p.ERROR)}e.push({icon:o.icon?o.icon:null,value:r?r.title:"*Not found!",obj:o.obj?o.obj:null,id:r?r.name:"*NOTFND"})}s.dataSet={initialData:[...e]},s.data=e}return s.type=Dt.INPUT,e.push(s),e}prepSwitch(t,i){const e=[];if(!Tt.isTree(t)&&(hs.ketchup.objects.isEmptyKupObj(i.obj)||e.push({"data-storage":{columnName:i.name},checked:!!i.isKey,id:he.SWITCH_KEY,label:hs.ketchup.language.translate(C.KEY),leadingLabel:!0}),t.showGroups)){const s=null!=t.getGroupByName(i.name);e.push({"data-storage":{columnName:i.name},checked:!!s,id:he.SWITCH_GROUP,label:hs.ketchup.language.translate(F.GROUPS),leadingLabel:!0})}return e}prepTabBar(t,i){const e=[{data:[]}],s=e[0].data;return t.showFilters&&s.push({id:y.FILTERS,value:hs.ketchup.language.translate(y.FILTERS)}),(t.enableExtraColumns&&(hs.ketchup.objects.canObjHaveExtraColumns(i.obj)||hs.ketchup.objects.canObjsHaveExtraColumns(i.objs))||t.removableColumns)&&s.push({id:x.COLUMNS,value:hs.ketchup.language.translate(x.COLUMNS)}),Tt.isTree(t)||s.push({icon:"settings",id:y.SETTINGS,value:""}),s.length>0&&(s[0].active=!0),e}prepTextfield(t,i){let e=[];if(t.showFilters)if(this.filtersColumnMenuInstance.isColumnFiltrableByInterval(i))e=e.concat(this.prepIntervalTextfield(t,i));else if(hs.ketchup.objects.isStringObject(i.obj)){let s=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);s=A(s,i.obj,i.decimals),e.push({"data-storage":{column:i},fullWidth:!0,icon:"magnify",id:he.TEXTFIELD_FILTER,initialValue:s,isClearable:!0,label:hs.ketchup.language.translate(K.SEARCH),trailingIcon:!0})}return Tt.isTree(t)||hs.ketchup.objects.isNumber(i.obj)&&t.enableColumnsFormula&&e.push({fullWidth:!0,icon:"functions",id:he.TEXTFIELD_FORMULA,helper:`i.e.: [${i.name}] * 2`,label:hs.ketchup.language.translate(v.FORMULA),trailingIcon:!0}),e}prepIntervalTextfield(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isNumber(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.TO];return e.push({"data-storage":{column:i,intervalIndex:V.FROM,isInterval:!0},fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,initialValue:s[V.FROM],isClearable:!0,label:hs.ketchup.language.translate(K.FROM),icon:"magnify",trailingIcon:!0}),e.push({"data-storage":{column:i,intervalIndex:V.TO,isInterval:!0},fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,initialValue:o,isClearable:!0,label:hs.ketchup.language.translate(K.TO),icon:"magnify",trailingIcon:!0}),e}prepIntervalTimePicker(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isTime(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.FROM],r=s[V.TO];return e.push({"data-storage":{column:i,intervalIndex:V.FROM,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,isClearable:!0,label:hs.ketchup.language.translate(K.FROM)}},initialValue:o,manageSeconds:hs.ketchup.objects.isTimeWithSeconds(i.obj)}),e.push({"data-storage":{column:i,intervalIndex:V.TO,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,isClearable:!0,label:hs.ketchup.language.translate(K.TO)}},initialValue:r,manageSeconds:hs.ketchup.objects.isTimeWithSeconds(i.obj)}),e}prepIntervalDatePicker(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isDate(i.obj)&&!hs.ketchup.objects.isTimestamp(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.FROM],r=s[V.TO],a=null,n=null;return hs.ketchup.objects.isTimestamp(i.obj)&&(a=" 00:00:00",n=" 23:59:59",o=o&&o.length>=10?o.substring(0,10):"",r=r&&r.length>=10?r.substring(0,10):""),e.push({"data-storage":{column:i,suffix:a,intervalIndex:V.FROM,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,isClearable:!0,label:hs.ketchup.language.translate(K.FROM)}},initialValue:o}),e.push({"data-storage":{column:i,suffix:n,intervalIndex:V.TO,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,isClearable:!0,label:hs.ketchup.language.translate(K.TO)}},initialValue:r}),e}eventHandlers(t,i){const e=t.detail.card?t.detail.card:t.detail.comp.rootElement,s=t.detail.event,o=s.detail.id,r=s.target["data-storage"],a=s.type.toLowerCase().endsWith("click");switch(s.type){case"kup-button-click":switch(o){case he.BUTTON_GROUP:this.toggleGroup(i,r.columnName);break;case he.BUTTON_REMOVE:i.closeColumnMenu().then((()=>{i.hideColumn(r.column)}))}break;case"kup-checkbox-change":this.checkboxChange(i,s.detail.checked,r.column,{value:r.value,displayedValue:r.displayedValue});break;case"kup-switch-change":switch(o){case he.SWITCH_GROUP:this.toggleGroup(i,r.columnName);break;case he.SWITCH_KEY:this.setKey(i,r.columnName,s.detail.value)}break;case"kup-textfield-submit":case"kup-datepicker-textfieldsubmit":case"kup-timepicker-textfieldsubmit":switch(o){case he.TEXTFIELD_FORMULA:break;default:this.saveTextualFilters(i,r.column),this.close(e)}break;case"kup-textfield-cleariconclick":case"kup-datepicker-cleariconclick":case"kup-timepicker-cleariconclick":1==r.isInterval?this.intervalChange(i,null,r.column,r.intervalIndex,!1):this.textfieldChange(i,null,r.column),this.saveTextualFilters(i,r.column);break;case"kup-textfield-change":switch(o){case he.TEXTFIELD_FORMULA:i.newColumn(w.MATH,{operation:s.detail.value}).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(e)}))}break;case"kup-textfield-input":case"kup-datepicker-input":case"kup-datepicker-itemclick":case"kup-timepicker-input":case"kup-timepicker-itemclick":switch(o){case he.TEXTFIELD_FORMULA:break;default:window.clearTimeout(i.columnFilterTimeout),i.columnFilterTimeout=window.setTimeout((()=>{1==r.isInterval?this.intervalChange(i,s.detail.value,r.column,r.intervalIndex,!a,r.suffix):this.textfieldChange(i,s.detail.value,r.column),a&&this.saveTextualFilters(i,r.column)}),300)}}}textfieldChange(t,i,e){Tt.isTree(t)||t.resetCurrentPage();let s="";i&&(s=this.filtersColumnMenuInstance.normalizeValue(i.trim(),e.obj));const o=Object.assign({},t.filters);this.filtersColumnMenuInstance.setTextFieldFilterValue(o,e.name,s),t.filters=o}intervalChange(t,i,e,s,o,r){Tt.isTree(t)||t.resetCurrentPage();let a="";i&&(a=i.trim(),o&&(a=this.filtersColumnMenuInstance.normalizeValue(a,e.obj)),null!=r&&""!=a&&(a+=r));const n=Object.assign({},t.filters);this.filtersColumnMenuInstance.setIntervalTextFieldFilterValue(n,e.name,a,s),t.filters=n}saveTextualFilters(t,i){const e=Object.assign({},t.filters);this.filtersColumnMenuInstance.saveTextualFilters(e,i.name),t.filters=e}checkboxChange(t,i,e,s){Tt.isTree(t)||t.resetCurrentPage();const o=Object.assign({},t.filters);i||null==s||null==s.value?this.filtersColumnMenuInstance.addCheckboxFilter(o,e.name,s):this.filtersColumnMenuInstance.removeCheckboxFilter(o,e.name,s.value),t.filters=o}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 s=t.data.columns,o="on"===e;for(let t=0;t<s.length;t++){const e=s[t];e.name===i?e.isKey=o:o&&(e.isKey=!1)}t.refresh()}}const us=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.kupDataTableDblClick=i(this,"kup-datatable-dblclick",6),this.kupDataTableColumnMenu=i(this,"kup-datatable-columnmenu",6),this.kupRowActionClick=i(this,"kup-datatable-rowactionclick",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.stateId="",this.state=new ls,this.autoFillMissingCells=!1,this.customStyle="",this.density=H.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.fixedRows=0,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groupLabelDisplay=M.BOTH,this.groups=[],this.headerIsPersistent=!0,this.isFocusable=!1,this.lazyLoadRows=!1,this.lineBreakCharacter="\n",this.loadMoreLimit=1e3,this.loadMoreMode=B.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.pageSelected=-1,this.paginatorPos=Y.TOP,this.removableColumns=!1,this.resizableColumns=!0,this.rowsPerPage=10,this.scrollOnHover=!1,this.selection=I.SINGLE,this.showCustomization=!0,this.showFilters=!1,this.showGroups=!1,this.showFooter=!1,this.showGrid=G.ROW,this.showHeader=!0,this.showLoadMore=!1,this.sort=[],this.sortableColumnsMutateData=!0,this.sortEnabled=!0,this.tableHeight=void 0,this.tableWidth=void 0,this.transpose=!1,this.lazyLoadCells=!1,this.currentPage=1,this.currentRowsPerPage=10,this.selectedRows=[],this.columnMenuAnchor=null,this.groupState={},this.openedTotalMenu=null,this.openedCustomSettings=!1,this.fontsize="medium",this.initialized=!1,this.rowsLength=0,this.paginatedRowsLength=0,this.kupManager=n(),this.renderedRows=[],this.loadMoreEventCounter=0,this.loadMoreEventPreviousQuantity=0,this.originalData=void 0,this.sizedColumns=void 0,this.intObserver=void 0,this.navBarHeight=0,this.theadIntersecting=!1,this.tableIntersecting=!1,this.isSafariBrowser=!1,this.isRestoringState=!1,this.totalMenuCoords=null,this.clickTimeout=[],this.thRefs=[],this.rowsRefs=[],this.oldWidth=null,this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableResize=[],this.interactableTouch=[],this.dropareaRef=null,this.removeDropareaRef=null,this.groupsDropareaRef=null,this.clickCb=null,this.clickCbCustomPanel=null,this.clickCbDropCard=null,this.detailCard=null,this.columnMenuCard=null,this.columnDropCard=null,this.columnDropCardAnchor=null,this.stickyHeaderPosition=()=>{this.tableRef&&(this.tableIntersecting?this.theadIntersecting?this.stickyTheadRef.classList.remove("activated"):(this.updateStickyHeaderSize(),this.stickyTheadRef.classList.add("activated")):this.stickyTheadRef.classList.remove("activated"))},this.FONTSIZE_CODES=["small","medium","big"],this.FONTSIZE_DECODES=["Small","Medium","Big"],this.FONTSIZE_ICONS=["format-font-size-decrease","format-color-text","format-font-size-increase"],this.DENSITY_DECODES=["Dense","Normal","Wide"],this.DENSITY_ICONS=["format-align-justify","reorder-horizontal","view-sequential"],this.GRID_CODES=["Complete","Col","Row","None"],this.GRID_DECODES=["Complete","Columns","Rows","None"],this.GRID_ICONS=["grid_on","view_column","view_headline","grid_off"]}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initializing stateId "+this.stateId),this.filters=Object.assign({},t.filters),this.groups=[...t.groups],this.expandGroups=t.expandGroups,this.groupLabelDisplay=t.groupLabelDisplay,this.density=t.density,this.enableExtraColumns=t.enableExtraColumns,this.enableSortableColumns=t.enableSortableColumns,this.forceOneLine=t.forceOneLine,this.globalFilter=t.globalFilter,this.globalFilterValue=t.globalFilterValue,this.headerIsPersistent=t.headerIsPersistent,this.lazyLoadRows=t.lazyLoadRows,this.loadMoreLimit=t.loadMoreLimit,this.selection=t.selection,this.rowsPerPage=t.rowsPerPage,this.showFilters=t.showFilters,this.showGroups=t.showGroups,this.showHeader=t.showHeader,this.showLoadMore=t.showLoadMore,this.sortEnabled=t.sortEnabled,this.sort=[...t.sort],this.pageSelected=t.pageSelected,this.sortableColumnsMutateData=t.sortableColumnsMutateData,this.dragEnabled=t.dragEnabled,this.dropEnabled=t.dropEnabled,this.showFooter=t.showFooter,this.totals=Object.assign({},t.totals))}}persistState(){if(this.store&&this.stateId){let t=!1;if(this.kupManager.objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),this.kupManager.objects.deepEqual(this.state.groups,this.groups)||(this.state.groups=[...this.groups],t=!0),this.kupManager.objects.deepEqual(this.state.sort,this.sort)||(this.state.sort=[...this.sort],t=!0),this.kupManager.objects.deepEqual(this.state.expandGroups,this.expandGroups)||(this.state.expandGroups=this.expandGroups,t=!0),this.kupManager.objects.deepEqual(this.state.groupLabelDisplay,this.groupLabelDisplay)||(this.state.groupLabelDisplay=this.groupLabelDisplay,t=!0),this.kupManager.objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),this.kupManager.objects.deepEqual(this.state.enableExtraColumns,this.enableExtraColumns)||(this.state.enableExtraColumns=this.enableExtraColumns,t=!0),this.kupManager.objects.deepEqual(this.state.enableSortableColumns,this.enableSortableColumns)||(this.state.enableSortableColumns=this.enableSortableColumns,t=!0),this.kupManager.objects.deepEqual(this.state.forceOneLine,this.forceOneLine)||(this.state.forceOneLine=this.forceOneLine,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.headerIsPersistent,this.headerIsPersistent)||(this.state.headerIsPersistent=this.headerIsPersistent,t=!0),this.kupManager.objects.deepEqual(this.state.lazyLoadRows,this.lazyLoadRows)||(this.state.lazyLoadRows=this.lazyLoadRows,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.selection,this.selection)||(this.state.selection=this.selection,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0),this.kupManager.objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),this.kupManager.objects.deepEqual(this.state.showGroups,this.showGroups)||(this.state.showGroups=this.showGroups,t=!0),this.kupManager.objects.deepEqual(this.state.showHeader,this.showHeader)||(this.state.showHeader=this.showHeader,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),this.kupManager.objects.deepEqual(this.state.sortEnabled,this.sortEnabled)||(this.state.sortEnabled=this.sortEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.sortableColumnsMutateData,this.sortableColumnsMutateData)||(this.state.sortableColumnsMutateData=this.sortableColumnsMutateData,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.dragEnabled,this.dragEnabled)||(this.state.dragEnabled=this.dragEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.dropEnabled,this.dropEnabled)||(this.state.dropEnabled=this.dropEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),this.kupManager.objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),this.kupManager.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),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}expandGroupsHandler(){this.isRestoringState||(this.recalculateRows(),this.groupState={},this.forceGroupExpansion())}filtersChanged(){this.expandGroupsHandler()}recalculateRows(){this.isRestoringState||this.initRows()}identifyAndInitRows(){R(this.getRows()),this.expandGroupsHandler(),this.resetSelectedRows()}recalculateRowsAndUndoSelections(){this.isRestoringState||(this.recalculateRows(),this.groupState={},this.forceGroupExpansion(),this.resetSelectedRows())}controlFixedRowsColumns(){let t="";(isNaN(this.fixedColumns)||this.fixedColumns<0)&&(t+=`The value ${this.fixedColumns} set on fixedColumns 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(){this.initialized&&this.calculateData()}async closeColumnMenu(){this.columnMenuAnchor=null,this.columnMenuCard&&(this.columnMenuCard.data=null),this.columnMenuInstance.close(this.columnMenuCard),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!1})}async collapseAll(){this.expandGroups=!1}async expandAll(){this.expandGroups=!0}async getProps(t){return l(this,dt,t)}async getSelectedRows(){return this.selectedRows}async hideColumn(t){this.kupManager.data.column.hide(this.data,[t.name]),this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t}),this.refresh()}async newColumn(t,i){const e=this.kupManager.data.column.new(this.data,t,i);return!!("string"==typeof e||e instanceof String)||this.refresh(),e}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.kupDataTableColumnMenu.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.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}))),this.columnMenuCard.setAttribute("data-column",t),this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),t)),this.columnMenuInstance.open(this,t),this.columnMenuInstance.reposition(this,this.columnMenuCard),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!0})}async refresh(){e(this)}async resizeCallback(){this.lazyLoadCells&&this.rootElement.clientWidth!==this.oldWidth&&(window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>this.refresh()),300))}async setFocus(t,i){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const s=e[t];if(s["data-row"]&&s["data-row"].id==i){const t=s.querySelector("input");if(t)t.focus();else{const t=s.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){h(this,dt,t)}async setSelectedRows(t,i){this.selectedRows=[];for(let i=0;i<t.length;i++){const e=t[i];if("number"==typeof e)this.selectedRows.push(this.renderedRows[e]);else{const t=this.renderedRows.find((t=>t.id===e));this.selectedRows.push(t)}}!1!==i&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}closeDropCard(){this.kupManager.dynamicPosition.stop(this.columnDropCard),this.kupManager.removeClickCallback(this.clickCbDropCard),this.columnDropCard.remove(),this.columnDropCard=null}createDropCard(t,i){this.columnDropCard&&this.closeDropCard(),this.columnDropCard=document.createElement("kup-card"),this.columnDropCard.data={options:{data:this.data,enableFormula:this.enableColumnsFormula,enableMerge:this.enableMergeColumns,enableMove:this.enableSortableColumns,receivingColumn:i,starterColumn:t,formulaCb:()=>{this.closeDropCard(),this.refresh()},mergeCb:()=>{this.newColumn(w.CONCATENATE,{columns:[i.name,t.name]}),this.closeDropCard()},moveCb:()=>{this.handleColumnSort(i,t),this.closeDropCard()}}},this.columnDropCard.layoutFamily=j.BUILT_IN,this.columnDropCard.layoutNumber=3,this.columnDropCard.isMenu=!0,this.columnDropCard.sizeX="280px",this.columnDropCard.sizeY="auto",this.kupManager.dynamicPosition.register(this.columnDropCard,this.columnDropCardAnchor,0,u.AUTO,!0),this.kupManager.dynamicPosition.start(this.columnDropCard),this.clickCbDropCard={cb:()=>{this.closeDropCard()},el:this.columnDropCard},this.kupManager.addClickCallback(this.clickCbDropCard,!0),this.columnDropCard.menuVisible=!0}calculateData(){this.transpose?this.setTransposedData():this.originalData&&(this.data=Object.assign({},this.originalData))}setTransposedData(){this.originalData=Object.assign({},this.data),this.data.columns.length>0&&(this.data=this.getTransposedData(this.data.columns[0].name))}switchToTotalsMatrix(){if(0===this.rows.length||!this.rows[0].group)return;const t={},i=[];i.push(this.rows[0].group.column),Object.keys(this.rows[0].group.totals).forEach((t=>{this.rows[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),s=this.totals[t.name];if(s){if(s.startsWith(X.MATH))t.title=U[X.MATH]+" "+t.title;else{const i=Object.keys(X).find((t=>X[t]===s));t.title=i?U[i]+" "+t.title:s+" "+t.title}this.setObjForTotalsMatrix(t,this.totals)}e.push(t)}}))})),t.columns=e;const s=[];let o=0;this.rows.forEach((t=>{const e={};i.forEach((i=>{let s=t.group.totals[i];s||(s=t.group.id),this.kupManager.dates.isValid(s,m.ISO_DATE)&&(s=this.kupManager.dates.format(s)),e[i]={value:String(s)}})),s.push({id:String(o),cells:e}),o++})),t.rows=s,this.groups=[],this.data=Object.assign({},t);const r={};Object.keys(this.totals).forEach((t=>{switch(this.totals[t]){case X.DISTINCT:r[t]=X.COUNT;break;case X.COUNT:r[t]=X.SUM;break;default:r[t]=this.totals[t]}})),this.totals=Object.assign({},r)}setObjForTotalsMatrix(t,i){const e=t.obj,s=i[t.name];if(this.kupManager.objects.isDate(e)){if(s===X.MAX||s===X.MIN)return}else if(this.kupManager.objects.isNumber(e)&&e.p&&"P"===e.p.toUpperCase()&&s!==X.COUNT&&s!==X.DISTINCT)return;t.obj={t:"NR",p:"",k:""},t.icon&&delete t.icon}getTransposedData(t){return t&&(this.filters={}),this.kupManager.data.transpose(this.data,t)}updateStickyHeaderSize(){const t=document.querySelectorAll(".header")[0];if(this.navBarHeight=t?t.clientHeight:0,this.stickyTheadRef){this.stickyTheadRef.style.top=this.navBarHeight+"px",this.stickyTheadRef.style.maxWidth=this.tableAreaRef.offsetWidth+"px";const t=this.theadRef.querySelectorAll("th"),i=this.stickyTheadRef.querySelectorAll("th-sticky");for(let e=0;e<t.length;e++)i[e].style.width=t[e].offsetWidth+"px"}}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{if("TR"===t.target.tagName&&t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row")}"THEAD"===t.target.tagName&&(this.theadIntersecting=!!t.isIntersecting||t.boundingClientRect.bottom>this.navBarHeight),"TABLE"===t.target.tagName&&(this.tableIntersecting=!!t.isIntersecting),void 0===this.tableHeight&&void 0===this.tableWidth&&this.headerIsPersistent&&this.stickyHeaderPosition()}))}),{threshold:0,rootMargin:"-"+this.navBarHeight+"px 0px 0px 0px"})}didLoadInteractables(){this.interactableTouch.push(this.tableRef),this.kupManager.interact.on(this.tableRef,q.TAP,(t=>{if(this.hold)this.hold=!1;else switch(t.button){case 0:const i={};for(const e in t)i[e]=t[e];this.clickTimeout.push(setTimeout((()=>{this.kupDataTableClick.emit({comp:this,id:this.rootElement.id,details:this.clickHandler(i)})}),300));break;case 2:this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.tableRef,q.DOUBLETAP,(t=>{switch(t.button){case 0:for(let t=0;t<this.clickTimeout.length;t++)clearTimeout(this.clickTimeout[t]),this.kupManager.debug.logMessage(this,"Cleared clickHandler timeout("+this.clickTimeout[t]+").");this.clickTimeout=[],this.kupDataTableDblClick.emit({comp:this,id:this.rootElement.id,details:this.dblClickHandler(t)})}})),this.kupManager.interact.on(this.tableRef,q.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.showGroups&&(this.interactableDrop.includes(this.groupsDropareaRef)||(this.interactableDrop.push(this.groupsDropareaRef),this.kupManager.interact.dropzone(this.groupsDropareaRef,{accept:`[${Q}]`},null,{drop:t=>{const i=t.relatedTarget,e=O(this.getColumns(),i.dataset.column);this.handleColumnGroup(e),this.tableRef.removeAttribute(Z)}}))),this.removableColumns&&(this.interactableDrop.includes(this.removeDropareaRef)||(this.interactableDrop.push(this.removeDropareaRef),this.kupManager.interact.dropzone(this.removeDropareaRef,{accept:`[${Q}]`},null,{drop:t=>{const i=t.relatedTarget,e=O(this.getColumns(),i.dataset.column);this.hideColumn(e),this.tableRef.removeAttribute(Z)}}))),this.enableSortableColumns||this.enableMergeColumns||this.enableColumnsFormula){const t=t=>{const i=t.target;return{cell:null,column:O(this.getVisibleColumns(),i.dataset.column),id:this.rootElement.id,multiple:!(this.selection!==I.MULTIPLE&&this.selection!==I.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),s=t.relatedTarget.kupDragDrop.column,o=O(this.getColumns(),t.target.dataset.column);this.columnDropCardAnchor=t.target,o&&s&&(e?this.handleColumnSort(o,s):i?this.newColumn(w.CONCATENATE,{columns:[o.name,s.name]}):this.createDropCard(s,o)),this.tableRef.removeAttribute(Z)}},e={start:t=>{this.hideShowColumnDropArea(!0,t.target)},end:()=>{this.hideShowColumnDropArea(!1)}};for(let s=0;s<this.thRefs.length;s++){const o=this.thRefs[s];o&&!this.interactableDrag.includes(o)&&(this.interactableDrag.push(o),this.kupManager.interact.dropzone(o,{accept:`[${Q}]`},null,i),this.kupManager.interact.draggable(o,{cursorChecker:()=>null,ignoreFrom:".header-cell__drag-handler"},{callback:t},J.CLONE,e))}}if(this.resizableColumns){const t={move:t=>{O(this.getVisibleColumns(),t.target.dataset.column).size=t.rect.width+"px",this.refresh()}};for(let i=0;i<this.thRefs.length;i++){const e=this.thRefs[i];e&&!this.interactableResize.includes(e)&&(this.interactableResize.push(e),this.kupManager.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<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector("td:hover");return{cell:t["data-cell"],column:O(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:!(this.selection!==I.MULTIPLE&&this.selection!==I.MULTIPLE_CHECKBOX),row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),this.kupManager.interact.draggable(i,{allowFrom:"td",cursorChecker:()=>null},{callback:e},J.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector("td:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",p.WARNING);const i=this.getEventPath(t),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),this.kupManager.interact.dropzone(e,{accept:`[${tt}]`},{callback:t,dispatcher:this.rootElement,type:it.DATATABLE}))}}}didLoadObservers(){this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(this.intObserver.observe(this.tableRef),this.intObserver.observe(this.theadRef))}didRenderObservers(){this.paginatedRowsLength<this.rowsLength&&this.lazyLoadRows&&this.intObserver.observe(this.rowsRefs[this.paginatedRowsLength-1])}didLoadEventHandling(){this.tableAreaRef.addEventListener("scroll",(()=>this.scrollStickyHeader()))}scrollStickyHeader(){this.stickyTheadRef&&(this.stickyTheadRef.scrollLeft=this.tableAreaRef.scrollLeft)}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.tableAreaRef)?this.scrollOnHover||void 0===this.tableHeight&&void 0===this.tableWidth||this.kupManager.scrollOnHover.unregister(this.tableAreaRef):this.scrollOnHover&&void 0===this.tableHeight&&void 0===this.tableWidth&&this.kupManager.scrollOnHover.register(this.tableAreaRef)}customizePanelPosition(){this.customizeTopButtonRef&&!this.kupManager.dynamicPosition.isRegistered(this.customizeTopPanelRef)&&this.kupManager.dynamicPosition.register(this.customizeTopPanelRef,this.customizeTopButtonRef,0,u.BOTTOM,!0)}rowsPointLength(){return this._rowsLength(this.rows)}paginatedRowsPointLength(){return this._rowsLength(this.paginatedRows)}_rowsLength(t){if(null==t)return 0;let i=0;for(let e=0;e<t.length;e++){const s=t[e];null!=s&&(i+=1,null!=s.group&&(i+=this._rowsLength(s.group.children)))}return i}setDynPosElements(){this.columnMenuCard&&this.columnMenuCard.data&&(this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),this.columnMenuAnchor),this.columnMenuCard.data))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.kupManager.toolbar.register(this.rootElement),this.emptyDataLabel||(this.emptyDataLabel=this.kupManager.language.translate(y.EMPTY_DATA)),this.columnMenuInstance=new cs,this.filtersColumnMenuInstance=new Tt,this.filtersRowsInstance=new Wt,this.isRestoringState=!0,this.initWithPersistedState(),this.pageSelected>0&&(this.currentPage=this.pageSelected),this.currentRowsPerPage=this.rowsPerPage,this.isRestoringState=!1,R(this.getRows()),this.expandGroupsHandler(),this.navBarHeight=document.querySelectorAll(".header")[0]?document.querySelectorAll(".header")[0].clientHeight:0,this.setObserver(),this.isSafariBrowser=CSS.supports("position","-webkit-sticky")||!(!window||!window.safari),this.calculateData(),this.initialized=!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++)wt(i[t])}this.showCustomization&&this.customizePanelPosition(),this.totalMenuPosition(),this.checkScrollOnHover(),this.didRenderObservers(),this.didRenderInteractables(),this.hideShowColumnDropArea(!1),this.setDynPosElements(),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&this.updateStickyHeaderSize(),setTimeout((()=>this.updateFixedRowsAndColumnsCssVariables()),50),this.lazyLoadCells&&this.persistState(),this.oldWidth=this.rootElement.clientWidth,this.kupManager.debug.logRender(this,!0)}componentDidLoad(){this.didLoadObservers(),this.didLoadEventHandling(),this.didLoadInteractables(),this.lazyLoadCells=!0,this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}getEventPath(t){const i=[];for(;t&&t!==this.rootElement&&t!==document.body;)i.push(t),t=t.parentNode?t.parentNode:t.host;return i}resetSelectedRows(){this.data&&this.data.rows&&0!==this.data.rows.length&&(this.selectedRows=[],this.kupResetSelectedRows.emit({comp:this,id:this.rootElement.id}))}resetCurrentPage(){this.currentPage=1,this.resetSelectedRows()}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:""}]}getSizedColumns(){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}rowDetail(t,i,e){const s=this.getTransposedData(),o={button:[{disabled:0===parseInt(t.id),icon:"chevron_left"},{disabled:parseInt(t.id)===this.data.rows.length-1,icon:"chevron_right"}],datatable:[{customStyle:'#kup-component .below-wrapper{overflow: visible} #kup-component td[data-column="'+et.toUpperCase()+`"]{background-color: rgba(var(${d.TEXT}-rgb), 0.15); width: 10px;}`,data:s,density:"medium",editableData:!0,headerIsPersistent:!1,id:this.rootElement.id?this.rootElement.id:"",rowsPerPage:1e3,showGrid:G.NONE,showHeader:!1}],text:[this.kupManager.language.translate(C.DETAIL)]},r=o.datatable[0].data.columns,a=o.datatable[0].data.rows;r.unshift({name:et.toUpperCase(),title:et},{name:st.toUpperCase(),title:st});for(let t=0;t<r.length;t++)r[t].visible=!1;r.find((t=>t.name===ot.toUpperCase())).visible=!0;const n=r.find((i=>i.name===t.id));n?n.visible=!0:this.kupManager.debug.logMessage(this,"Invalid column name on row ID ("+t.id+"), couldn't set current record!",p.WARNING);let l=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 this.kupManager.debug.logMessage(this,"Column not found on row name ("+e+")!",p.WARNING);const s=!!a[i].cells[t.id].isEditable;let o=null;(e.isKey||s)&&(r.find((t=>t.name===et.toUpperCase())).visible=!0),e.isKey?(l=t.cells[e.name],o={obj:{t:"J4",p:"ICO",k:"OG_OG_KF"},data:{color:`var(${d.TEXT})`,resource:s?"edit-key":"key-variant"},title:this.kupManager.language.translate(s?C.EDITABLE_KEY:C.KEY),value:s?"edit-key":"key-variant"}):o=s?{obj:{t:"VO",p:"COD_VER",k:"000051"},data:{color:`var(${d.TEXT})`,resource:"pencil"},title:this.kupManager.language.translate(y.EDITABLE_FIELD),value:"pencil"}:{obj:{t:"",p:"",k:""},value:""},a[i].cells[st.toUpperCase()]=l||{value:null},a[i].cells[et.toUpperCase()]=o}if(this.detailCard){const t=Array.prototype.slice.call(this.detailCard.children,0);for(let i=0;i<t.length;i++)t[i].remove()}else this.detailCard=document.createElement("kup-card"),this.detailCard.layoutFamily=j.DIALOG,this.detailCard.layoutNumber=4,this.detailCard.sizeX="auto",this.detailCard.sizeY="auto";this.detailCard.data=o,this.detailCard.style.position="fixed",this.detailCard.style.left="0",this.detailCard.style.top="0",this.detailCard.setAttribute("data-x",i.toString()),this.detailCard.setAttribute("data-y",e.toString()),this.detailCard.style.transform="translate("+i+"px,"+e+"px)",this.rootElement.shadowRoot.append(this.detailCard)}getEventDetails(t,i){let e,s,o,r,a,n,l,h;if(t)for(let i=t.length-1;i>=0;i--){let u=t[i];if(u.tagName)switch(u.tagName.toUpperCase()){case"THEAD":e=!0;break;case"TBODY":s=!0;break;case"TFOOT":o=!0;break;case"TD":r=u;break;case"TH":n=u;break;case"TR":l=u;break;default:u.classList.contains("f-text-field")?a=u:u.classList.contains(c.FILTER_REMOVE.replace("--",""))&&(h=u)}}let u=null,d=null,p=!1,b=null;if(s&&l&&(l.classList.contains("group")&&(p=!0),b=l["data-row"]),(e||s)&&(r&&(u=r["data-cell"]),n&&(u=n["data-cell"])),e||s||o){const t=r?r.dataset.column:n?n.dataset.column:null;t&&(d=O(this.getColumns(),t))}return{area:e?"header":s?"body":o?"footer":null,cell:u||null,column:d||null,filterRemove:h||null,isGroupRow:p,originalEvent:i,row:b||null,td:r||null,textfield:a||null,th:n||null,tr:l||null}}clickHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),t);if("header"===i.area){if(i.th&&i.column){if(i.filterRemove)return this.onRemoveFilter(i.column),i;if(this.sortEnabled)return this.onColumnSort(t,i.column.name),i}}else if("body"===i.area){if((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 this.rowDetail(Object.assign({},i.row),t.clientX,t.clientY),i}if(i.tr&&i.row&&i.isGroupRow)return this.onRowExpand(i.row),i;if(i.td&&i.row&&!i.textfield)return this.onRowClick(i.row,i.td,!0),i}return i}contextMenuHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),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}dblClickHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),t);return"body"===i.area&&(this.selection==I.MULTIPLE&&this.resetSelectedRows(),this.selection!=I.SINGLE&&this.selection!=I.MULTIPLE||this.onRowClick(i.row,i.td,!1)),i}getVisibleColumns(){const t=this.getColumns().filter((({visible:t})=>void 0===t||t));return this.isGrouping()?t.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})):t}getGroupByName(t){if(!this.isGrouping())return null;for(let i of this.groups)if(i.column===t)return i;return null}getColumnValues(t){return this.filtersRowsInstance.getColumnValues(this,t,this.globalFilterValue,this.filtersColumnMenuInstance)}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filterRows(),this.footer=Pt(Rt(this.getColumns(),this.rows),this.totals),this.groupRows(),this.sortRows(),this.adjustPaginator(),this.paginatedRows=Mt(this.rows,this.currentPage,this.currentRowsPerPage,this.isGrouping()),this.paginatedRowsLength=this.paginatedRowsPointLength()}filterRows(){this.rows=It(this.getRows(),this.filters,this.globalFilterValue,this.getColumns()),this.rowsLength=this.rowsPointLength()}isGrouping(){return this.groups&&this.groups.length>0}hasRowActions(){return void 0!==this.rowActions}removeGroup(t){t>=0&&(this.groups.splice(t,1),this.groups=[...this.groups])}hasTotals(){return this.totals&&Object.keys(this.totals).length>0}tableHasAutoWidth(){if(!this.sizedColumns)return;const t=this.getVisibleColumns();if(t.length<=this.sizedColumns.length){let i=!1;for(let e=0;e<t.length;e++){i=!1;for(let s=0;s<this.sizedColumns.length;s++)if(t[e].name===this.sizedColumns[s].name){i=!0;break}if(!i)return!1}return!0}return!1}forceGroupExpansion(){this.rows.forEach((t=>this.forceRowGroupExpansion(t))),this.paginatedRows.forEach((t=>this.forceRowGroupExpansion(t)))}forceRowGroupExpansion(t){if(!t.group)return;t.group.expanded=this.expandGroups;let i=this.groupState[t.group.id];i?i.expanded=this.expandGroups:i={expanded:this.expandGroups},this.groupState[t.group.id]=i,t.group.children&&t.group.children.forEach((t=>this.forceRowGroupExpansion(t)))}adjustPaginator(){const t=Math.ceil(this.rowsLength/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1,this.resetCurrentPage())}composeFixedCellStyleAndClass(t,i,e=0){if(this.isGrouping())return;const s=Number.isInteger(this.fixedColumns)&&t<=this.fixedColumns+e,o=Number.isInteger(this.fixedRows)&&i>0&&i<=this.fixedRows;if(!o&&!s)return;const r={},a={};return s&&(r[pt.columns]=s,r["show-column-separator"]=G.COMPLETE===this.showGrid||G.COL===this.showGrid,a.left="var("+rt.columns+t+")"),o&&(r[pt.rows]=!!o,r["show-row-separator"]=G.COMPLETE===this.showGrid||G.ROW===this.showGrid,a.top="var("+rt.rows+i+")"),{fixedCellClasses:r,fixedCellStyle:a}}updateFixedRowsAndColumnsCssVariables(){if(this.isGrouping()||!this.tableRef)return!1;let t=!1;if(this.fixedRows>=1){let i=this.tableRef.querySelector("tbody > tr:first-of-type"),e=this.isSafariBrowser?0:this.tableRef.querySelector("thead > tr:first-of-type > th:first-of-type").getBoundingClientRect().height;for(let t=1;t<=this.fixedRows&&i;t++)this.tableAreaRef.style.setProperty(rt.rows+t,e+"px"),e+=i.children[0].getBoundingClientRect().height,i=i.nextElementSibling;t=!0}if(this.fixedColumns>=1){let i=this.tableRef.querySelector("tbody > tr:first-of-type > td:first-of-type"),e=0;const s=this.fixedColumns+(this.hasRowActions()?1:0)+(this.selection===I.MULTIPLE_CHECKBOX?1:0);for(let t=1;t<=s&&i;t++)this.tableAreaRef.style.setProperty(rt.columns+t,e+"px"),e+=i.getBoundingClientRect().width,i=i.nextElementSibling;t=!0}return t}onColumnSort({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],s=Object.assign(Object.assign({},i),{sortMode:i.sortMode===at.A?at.D:at.A});if(t){const t=[...this.sort];t[e]=s,this.sort=t}else this.sort=[s]}else{const e={column:i,sortMode:at.A};this.sort=t?[...this.sort,e]:[e]}}onRemoveFilter(t){this.resetCurrentPage();const i=Object.assign({},this.filters);this.filtersColumnMenuInstance.removeFilter(i,t.name),this.filters=i}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}onGlobalFilterChange(t){this.resetCurrentPage(),this.globalFilterValue=t?t.value:""}handlePageChange(t){const i=Nt(t,this.rowsLength,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=At(t,this.rowsLength);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}onRowClick(t,i,e){if(!t.unselectable)switch(this.selection){case I.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 I.SINGLE:this.selectedRows=[t]}const o=i.dataset.column;!t.unselectable&&this.selection!==I.NONE&&o&&(this.deselectColumn(this.selectedColumn),this.selectedColumn=o,this.selectColumn(this.selectedColumn),!1!==e&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:t,clickedColumn:o}))}selectColumn(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")}deselectColumn(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")}onDefaultRowActionClick({action:t,row:i,type:e,index:s}){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,action:t,index:s,row:i,type:e})}onRowActionExpanderClick(t,i){t.stopPropagation(),this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:i,type:"expander"})}handleRowSelect(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})}onRowExpand(t){t.group.expanded=!t.group.expanded,this.groupState[t.group.id].expanded=t.group.expanded,this.groupState=Object.assign({},this.groupState)}onSelectAll({target:t}){t.checked?(this.selectedRows=this.renderedRows,this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})):this.resetSelectedRows()}openTotalMenu(t){this.openedTotalMenu=t.name}closeTotalMenu(){this.openedTotalMenu=null,this.kupManager.removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}groupRows(){this.isGrouping()&&(this.rows=Ft(this.getColumns(),this.rows,this.groups,this.totals),this.adjustGroupState())}async getInternalState(){return{groups:this.groups,filters:this.filters,data:this.data}}onLoadMoreClick(){let t=0;switch(this.loadMoreMode){case B.CONSTANT:t=this.loadMoreStep;break;case B.CONSTANT_INCREMENT:t=this.loadMoreStep*(this.loadMoreEventCounter+1);break;case B.PROGRESSIVE_THRESHOLD:t=Math.max(this.loadMoreEventPreviousQuantity,this.loadMoreStep)*Math.min(this.loadMoreEventCounter+1,2)}t>this.loadMoreLimit&&(t=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:t}),this.loadMoreEventPreviousQuantity=t,this.loadMoreEventCounter++}adjustGroupState(){this.rows&&0!==this.rowsLength&&this.rows[0].hasOwnProperty("group")&&this.rows.forEach((t=>this.adjustGroupStateFromRow(t)))}adjustGroupStateFromRow(t){if(!t||!t.hasOwnProperty("group"))return;const i=t.group,e=this.groupState[i.id];e?i.expanded=e.expanded:this.groupState[i.id]=i,i.children.forEach((t=>this.adjustGroupStateFromRow(t)))}sortRows(){this.rows=Et(this.rows,this.sort)}getSortIcon(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?`kup-icon ${c.DESCENDING.replace("--","")}`:`kup-icon ${c.ASCENDING.replace("--","")}`;return""}getSortDecode(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?"Ascending":"Descending";return"Sort column"}calculateColspan(){let t=this.getVisibleColumns().length;return this.selection===I.MULTIPLE_CHECKBOX&&(t+=1),this.hasRowActions()&&(t+=1),t}isGroupExpanded({group:t}){return!!t&&!!this.groupState[t.id]&&this.groupState[t.id].expanded}handleColumnSort(t,i){const e=this.data.columns.findIndex((i=>i.name===t.name&&i.title===t.title)),s=this.data.columns.findIndex((t=>t.name===i.name&&t.title===i.title));this.sortableColumnsMutateData&&(this.kupColumnMove.emit({comp:this,id:this.rootElement.id,sourceColumn:this.data.columns[s],targetColumn:this.data.columns[e]}),this.moveSortedColumns(this.data.columns,e,s))}moveSortedColumns(t,i,e){const s=t.splice(e,1);t.splice(i,0,s[0]),this.refresh()}async defaultSortingFunction(t,i,e,s=!1){const o=s?[...t]:t;return this.moveSortedColumns(o,i,e),o}applyLineBreaks(t){return t.split(this.lineBreakCharacter).map(((t,i)=>0!==i?[s("br",null),t]:t))}composeHeaderCellClassAndStyle(t,i=0,e){let s={"header-cell":!0},o=e.style?Object.assign({},e.style):{};(this.kupManager.objects.isBar(e.obj)||this.kupManager.objects.isButton(e.obj)||this.kupManager.objects.isChart(e.obj)||this.kupManager.objects.isCheckbox(e.obj)||this.kupManager.objects.isImage(e.obj)||this.kupManager.objects.isIcon(e.obj)||this.kupManager.objects.isProgressBar(e.obj)||this.kupManager.objects.isRadio(e.obj)||this.kupManager.objects.isVoCodver(e.obj))&&(s["header-cell--centered"]=!0),this.kupManager.objects.isNumber(e.obj)&&(s["header-cell--is-number"]=!0),this.kupManager.objects.isIcon(e.obj)&&(s["header-cell--is-icon"]=!0);const r=this.composeFixedCellStyleAndClass(t+1+i,0,i);return r&&(s=Object.assign(Object.assign({},s),r.fixedCellClasses),o=Object.assign(Object.assign({},o),r.fixedCellStyle)),{columnClass:s,thStyle:o}}renderHeader(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t-1),o=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=s("th",{class:e?e.fixedCellClasses:{},style:o},s("kup-checkbox",{"onkup-checkbox-change":t=>this.onSelectAll(t),title:this.kupManager.language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+this.kupManager.language.translate(C.RENDERED)+`: ${this.renderedRows.length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===this.renderedRows.length}))}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t-1);e=s("th",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:o,thStyle:r}=this.composeHeaderCellClassAndStyle(e,t,i);let a=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,i)){const t=this.kupManager.language.translate(y.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(i)}'`;a=s("span",{title:t,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`})}let n=null,l=this.getSortIcon(i.name);""!==l&&(n=s("span",{class:l,title:this.getSortDecode(i.name)})),o["header-cell--sortable"]=!0;let h=null;if(i.isKey&&(h=s("span",{class:`kup-icon ${c.KEY.replace("--","")}`,title:this.kupManager.language.translate(C.KEY)})),this.sizedColumns)for(let t=0;t<this.sizedColumns.length;t++){const e=this.sizedColumns[t];if(e.name===i.name){const t=e.size+"";t.indexOf("ch")<1&&(r.width=t,r.minWidth=t,r.maxWidth=t),r.overflow="hidden";break}}return s("th",{ref:t=>this.thRefs.push(t),"data-cell":i,"data-column":i.name,class:o,style:r,title:i.name},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},this.applyLineBreaks(i.title)),s("span",{class:"header-cell__icons"},h,n,a)),this.resizableColumns?s("span",{class:"header-cell__drag-handler"}):null)}))]}renderStickyHeader(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t-1),o=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=s("th-sticky",{class:e?e.fixedCellClasses:null,style:o},s("kup-checkbox",{"onkup-checkbox-change":t=>this.onSelectAll(t),title:this.kupManager.language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+this.kupManager.language.translate(C.RENDERED)+`: ${this.renderedRows.length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===this.renderedRows.length}))}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t-1);e=s("th-sticky",{class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:o,thStyle:r}=this.composeHeaderCellClassAndStyle(e,t,i);return s("th-sticky",{class:o,style:r},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},this.applyLineBreaks(i.title))))}))]}areTotalsSelected(t){return!(!this.totals||!this.totals[t.name])}onTotalsChange(t,i){if(this.closeTotalMenu(),i){const e=Object.assign({},this.totals),s=t.detail.selected.id;s===U.CANC?this.totals&&this.totals[i.name]&&delete e[i.name]:e[i.name]=s,this.totals=e}}totalMenuPosition(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");t&&(this.kupManager.dynamicPosition.register(t,this.totalMenuCoords),this.clickCb={cb:()=>{this.closeTotalMenu()},el:t},this.kupManager.addClickCallback(this.clickCb,!0),this.kupManager.dynamicPosition.start(t),t.menuVisible=!0)}}onTotalMenuOpen(t){this.closeTotalMenu(),this.openTotalMenu(t)}renderFooter(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t);i=s("td",{class:e?e.fixedCellClasses:null,style:e?e.fixedCellStyle:null})}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t);e=s("td",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}const o=this.getVisibleColumns().map(((i,e)=>{const o=this.composeFixedCellStyleAndClass(e+1+t,0,t);let r,a=U.CALC;const n={[U.AVERAGE]:this.kupManager.language.translate(v.AVERAGE),[U.CALC]:this.kupManager.language.translate(v.CALCULATE),[U.CANC]:this.kupManager.language.translate(v.CANCEL),[U.COUNT]:this.kupManager.language.translate(v.COUNT),[U.DISTINCT]:this.kupManager.language.translate(v.DISTINCT),[U.MATH]:this.kupManager.language.translate(v.FORMULA),[U.MAX]:this.kupManager.language.translate(v.MAXIMUM),[U.MIN]:this.kupManager.language.translate(v.MINIMUM),[U.SUM]:this.kupManager.language.translate(v.SUM)};if(this.totals){const t=this.totals[i.name];if(t)if(t.startsWith(X.MATH))a=U.MATH;else switch(t){case X.COUNT:a=U.COUNT;break;case X.DISTINCT:a=U.DISTINCT;break;case X.SUM:a=U.SUM;break;case X.AVERAGE:a=U.AVERAGE;break;case X.MIN:a=U.MIN;break;case X.MAX:a=U.MAX}}if(this.isOpenedTotalMenuForColumn(i.name)){const t=[{id:X.COUNT,value:n[U.COUNT]},{id:X.DISTINCT,value:n[U.DISTINCT]}];if(this.kupManager.objects.isNumber(i.obj)?t.push({id:X.SUM,separator:!0,value:n[U.SUM]},{id:X.AVERAGE,value:n[U.AVERAGE]},{id:X.MIN,value:n[U.MIN]},{id:X.MAX,value:n[U.MAX]}):this.kupManager.objects.isDate(i.obj)&&t.push({id:X.MIN,separator:!0,value:n[U.MIN]},{id:X.MAX,value:n[U.MAX]}),this.totals){const e=t.find((t=>t.value===this.totals[i.name]));e&&(e.selected=!0,t.push({id:U.CANC,separator:!0,value:n[U.CANC]}))}r=s("kup-list",{class:"total-menu",data:t,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":t=>this.onTotalsChange(t,i),tabindex:0})}let l;const h=this.footer[i.name];return a===U.COUNT||a===U.DISTINCT?l=h:a!==U.MAX&&a!==U.MIN||!this.kupManager.objects.isDate(i.obj)?l=nt(h,i.decimals,i.obj?i.obj.p:""):h&&(l=h),s("td",{"data-column":i.name,class:o&&o.fixedCellClasses?o.fixedCellClasses:"",style:o?o.fixedCellStyle:null},r,s("span",{class:"totals-value",title:n[a]},l))}));return s("tfoot",null,s("tr",null,i,e,o))}renderRow(t,i=0,e=0,o){const r=this.getVisibleColumns();let a=0;if(t.group){let e;switch(this.groupLabelDisplay){case M.LABEL:e=t.group.columnLabel;break;case M.VALUE:e=t.group.label;break;case M.BOTH:default:e=t.group.columnLabel+" = "+t.group.label}if(0===t.group.children.length)return null;const o=t.group.expanded?`kup-icon ${c.EXPANDED.replace("--","")}`:`kup-icon ${c.COLLAPSED.replace("--","")}`,a=[],n=[];for(let t=0;t<i;t++)n.push(s("span",{class:"indent"}));if(this.hasTotals()){const i=[];this.hasRowActions()&&i.push(s("td",null)),this.selection===I.MULTIPLE_CHECKBOX&&i.push(s("td",null));const l=s("td",{colSpan:this.calculateColspan()},s("span",{class:"group-cell-content"},n,s("span",{class:o}),s("span",{class:"text"},e)));for(let e of r){let o,r="total";t.group.totals[e.name]<0&&(r+=" negative-number");const a=t.group.totals[e.name];this.totals[e.name]===X.COUNT||this.totals[e.name]===X.DISTINCT?o=a:this.kupManager.objects.isDate(e.obj)?a&&(this.kupManager.dates.isValid(a,m.ISO_DATE)?o=this.kupManager.dates.format(a):console.warn(`invalid date: ${a}`)):o=nt(a,e.decimals,e.obj?e.obj.p:""),i.push(s("td",{class:r},o))}a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group group-label"},l)),a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group group-total"},i))}else a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group"},s("td",{colSpan:this.calculateColspan()},s("span",{class:"group-cell-content"},n,s("span",{class:o}),s("span",{class:"text"},e)))));return this.isGroupExpanded(t)&&t.group.children.map(((t,e,s)=>this.renderRow(t,i+1,e,e>0?s[e-1]:void 0))).forEach((t=>{Array.isArray(t)?t.forEach((t=>a.push(t))):a.push(t)})),a}{let n=0,l=null;if(this.selection===I.MULTIPLE_CHECKBOX){n++;const i=this.composeFixedCellStyleAndClass(n,e,n-1),o={checked:this.selectedRows.includes(t),onChange:()=>{this.handleRowSelect(t)}};l=s("td",{"row-select-cell":!0,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},s($t,Object.assign({},o)))}let h=null;if(this.hasRowActions()){n++;const i=this.composeFixedCellStyleAndClass(n,e,n-1);a+=this.rowActions.length;const o=this.renderActions(this.rowActions,t,"default");let r=null,l=null;if(t.actions)a+=t.actions.length,l=this.renderActions(t.actions,t,"variable");else{const i={color:`var(${d.PRIMARY})`,resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",title:this.kupManager.language.translate(y.EXPAND),wrapperClass:"expander",onClick:i=>{this.onRowActionExpanderClick(i,t)}};a++,r=s(zt,Object.assign({},i))}h=s("td",{"row-action-cell":!0,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},o,r,l)}const c=r.map(((r,a)=>{const{name:l,hideValuesRepetitions:h}=r,c=[];if(0===a)for(let t=0;t<i;t++)c.push(s("span",{class:"indent"}));const u=t.cells[l]?t.cells[l]:null;if(!u)return this.autoFillMissingCells?s("td",{"data-column":l,"data-row":t}):null;const d=s(Bt,Object.assign({},{cell:u,column:r,component:this,density:this.density,editable:this.editableData,indents:c,previousValue:h&&o?o.cells[l].value:void 0,renderKup:this.lazyLoadCells,row:t,setSizes:!0}));let p=null,b=Object.assign({},u.style);const m=this.composeFixedCellStyleAndClass(a+1+n,e,n);if(m&&(b=Object.assign(b||{},m.fixedCellStyle),p=Object.assign(Object.assign({},p),m.fixedCellClasses)),this.sizedColumns){let t="";for(let i=0;i<this.sizedColumns.length;i++)if(l===this.sizedColumns[i].name){t=this.sizedColumns[i].size;break}t&&(b||(b={}),b["max-width"]=t,b["min-width"]=t,b.width=t)}return p=Object.assign({},p),s("td",Object.assign({title:undefined,colSpan:u.span&&u.span.col?u.span.col:null,rowSpan:u.span&&u.span.row?u.span.row:null,"data-cell":u,"data-column":l,"data-row":t,style:b,class:p},undefined),d)}));this.renderedRows.push(t);const u={selected:this.selectedRows.includes(t)};return t.cssClass&&(u[t.cssClass]=!0),s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:u,style:{"--kup_datatable_row_actions":a}},l,h,c)}}renderActions(t,i,e){return t.map(((t,o)=>s(zt,Object.assign({},{color:`var(${d.PRIMARY})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",title:t.text,wrapperClass:"action",onClick:()=>this.onDefaultRowActionClick({action:t,row:i,index:o,type:e})}))))}onCustomSettingsClick(){this.openedCustomSettings?this.closeCustomSettings():this.openCustomSettings()}openCustomSettings(){this.customizeTopPanelRef.menuVisible=!0,this.customizeTopButtonRef.classList.add("toggled"),this.kupManager.dynamicPosition.start(this.customizeTopPanelRef),this.openedCustomSettings=!0,this.clickCbCustomPanel||(this.clickCbCustomPanel={cb:()=>{this.closeCustomSettings()},el:this.customizeTopPanelRef}),this.kupManager.addClickCallback(this.clickCbCustomPanel,!0)}closeCustomSettings(){this.customizeTopButtonRef.classList.remove("toggled"),null!=this.customizeTopPanelRef&&(this.customizeTopPanelRef.menuVisible=!1,this.openedCustomSettings=!1,this.kupManager.removeClickCallback(this.clickCbCustomPanel))}renderPaginator(t){return s("div",{class:"paginator-wrapper"},s("div",{class:"paginator-tabs"},!this.lazyLoadRows&&this.rowsLength>this.rowsPerPage?s(Lt,{id:t?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:this.rowsLength,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{this.onLoadMoreClick()}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}):null))}renderCustomizePanel(){let t,i,e,o,r;return this.openedCustomSettings&&(t=this.renderDensityPanel(),i=this.renderFontSizePanel(),e=this.renderGridPanel(),o=this.renderTransposeSwitch(),this.totals&&this.groups.length>0&&(r=this.renderTotalsMatrix())),s("kup-card",{customStyle:"::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }",isMenu:!0,layoutFamily:j.FREE,ref:t=>{this.customizeTopPanelRef=t},sizeX:"360px",sizeY:"300px"},t,e,i,o,s("kup-switch",{class:"customize-element",checked:this.dragEnabled,label:this.kupManager.language.translate(y.DRAG_AND_DROP),leadingLabel:!0,"onkup-switch-change":()=>this.dragEnabled=!this.dragEnabled}),s("kup-switch",{class:"customize-element",checked:this.editableData,label:this.kupManager.language.translate(y.EDITABLE),leadingLabel:!0,"onkup-switch-change":()=>this.editableData=!this.editableData}),s("kup-button",{title:this.kupManager.language.translate(y.TOGGLE)+" Magic Box ("+this.kupManager.language.translate(y.EXPERIMENTAL_FEAT)+")",icon:"auto-fix","onkup-button-click":()=>this.kupManager.toggleMagicBox()}),r)}columnRemoveArea(){return s("div",{class:"droparea__remove",ref:t=>this.removeDropareaRef=t},s(zt,{resource:"delete",color:`var(${d.DANGER})`,sizeX:"30px",sizeY:"50px"}),s(zt,{resource:"delete-empty",color:`var(${d.DANGER})`,sizeX:"30px",sizeY:"50px"}))}columnGroupArea(){return s("div",{class:"droparea__groups",ref:t=>this.groupsDropareaRef=t},s(zt,{resource:"bookmark",color:`var(${d.TEXT})`,sizeX:"30px",sizeY:"50px"}),s(zt,{resource:"book",color:`var(${d.TEXT})`,sizeX:"30px",sizeY:"50px"}))}hideShowColumnDropArea(t,i){t&&i&&(this.removableColumns||this.showGroups)?(this.dropareaRef.classList.add("droparea--visible"),this.kupManager.dynamicPosition.register(this.dropareaRef,i,10,u.TOP),this.kupManager.dynamicPosition.start(this.dropareaRef),this.dropareaRef.style.marginLeft=i.clientWidth/2-this.dropareaRef.clientWidth/2+"px"):(this.dropareaRef.classList.remove("droparea--visible"),this.kupManager.dynamicPosition.stop(this.dropareaRef))}handleColumnGroup(t){this.getVisibleColumns();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())}}transcodeItem(t,i,e){for(let s=0;s<i.length;s++)if(i[s]==t&&s<e.length)return e[s];return t}createListData(t,i,e){const s=[];for(let o=0;o<t.length;o++){let r=null;switch(t[o]){case"big":r=lt.BIG;break;case"Col":r=ct.COLUMN;break;case"Complete":r=ct.COMPLETE;break;case"dense":r=ht.DENSE;break;case"medium":r=ht.MEDIUM;break;case"None":r=ct.NONE;break;case"small":r=lt.SMALL;break;case"Row":r=ct.ROW;break;case"wide":r=ht.WIDE}s[o]={icon:i[o],id:t[o],selected:e==t[o],value:this.kupManager.language.translate(r)}}return s}getFontSizeCodeFromDecode(t){return this.transcodeItem(t,this.FONTSIZE_DECODES,this.FONTSIZE_CODES)}renderFontSizePanel(){const t={data:this.createListData(this.FONTSIZE_CODES,this.FONTSIZE_ICONS,this.fontsize),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(lt.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.fontsize){case"big":e=lt.BIG;break;case"medium":e=lt.MEDIUM;break;case"small":e=lt.SMALL}return s("div",{class:"customize-element fontsize-panel"},s("kup-combobox",{isSelect:!0,data:i,initialValue:this.kupManager.language.translate(e),"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.fontsize=this.getFontSizeCodeFromDecode(t.detail.value)}}))}getDensityCodeFromDecode(t){return this.transcodeItem(t,this.DENSITY_DECODES,Object.values(H))}renderDensityPanel(){const t={data:this.createListData(Object.values(H),this.DENSITY_ICONS,this.density),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(ht.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.density){case"dense":e=ht.DENSE;break;case"medium":e=ht.MEDIUM;break;case"wide":e=ht.WIDE}return s("div",{class:"customize-element density-panel"},s("kup-combobox",{isSelect:!0,initialValue:this.kupManager.language.translate(e),selectMode:Qt.DESCRIPTION,data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.density=this.getDensityCodeFromDecode(t.detail.value)}}))}getGridCodeFromDecode(t){return this.transcodeItem(t,this.GRID_DECODES,this.GRID_CODES)}renderTransposeSwitch(){return s("div",{class:"customize-element grid-panel"},s("kup-switch",{checked:this.transpose,label:this.kupManager.language.translate(y.TRANSPOSE_DATA),leadingLabel:!0,"onkup-switch-change":t=>{t.stopPropagation(),this.transpose="on"===t.detail.value}}))}renderTotalsMatrix(){return s("div",{class:"customize-element grid-panel"},s("kup-button",{title:this.kupManager.language.translate(y.TOTALS_TABLE)+" ("+this.kupManager.language.translate(y.EXPERIMENTAL_FEAT)+")",label:this.kupManager.language.translate(y.TOTALS_TABLE),icon:"exposure","onkup-button-click":()=>this.switchToTotalsMatrix()}))}renderGridPanel(){const t={data:this.createListData(this.GRID_CODES,this.GRID_ICONS,this.showGrid),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(ct.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.showGrid){case G.COL:e=ct.COLUMN;break;case G.COMPLETE:e=ct.COMPLETE;break;case G.NONE:e=ct.NONE;break;case G.ROW:e=ct.ROW}return s("div",{class:"customize-element grid-panel"},s("kup-combobox",{isSelect:!0,initialValue:this.kupManager.language.translate(e),data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation();const i=this.getGridCodeFromDecode(t.detail.value);this.showGrid=i}}))}render(){let t;this.thRefs=[],this.rowsRefs=[],this.renderedRows=[],this.sizedColumns=this.getSizedColumns();let i=null;0===this.paginatedRowsLength?i=s("tr",{ref:t=>this.rowsRefs.push(t)},s("td",{colSpan:this.calculateColspan()},this.emptyDataLabel)):(i=[],this.paginatedRows.map(((t,i,e)=>this.renderRow(t,0,i+1,i>0?e[i-1]:null))).forEach((t=>{Array.isArray(t)?t.forEach((t=>i.push(t))):i.push(t)})));const e=this.renderHeader(),r=this.renderStickyHeader();let a,n;(!this.lazyLoadRows&&this.rowsLength>this.rowsPerPage||this.showCustomization||this.showLoadMore)&&(Y.TOP!==this.paginatorPos&&Y.BOTH!==this.paginatorPos||(a=this.renderPaginator(!0)),Y.BOTTOM!==this.paginatorPos&&Y.BOTH!==this.paginatorPos||(n=this.renderPaginator(!1)));let l=null;if(this.isGrouping()){const t=[];for(let i=0;i<this.groups.length;i++){const e=this.groups[i],s=O(this.getColumns(),e.column);s?t.push({value:s.title,id:s.name,checked:!0}):this.kupManager.debug.logMessage(this,"Grouped for a non-existent column! ("+e.column+")",p.WARNING)}if(t.length>0){const i={data:t,id:"group-chips",type:Dt.INPUT,onIconClick:[]};for(let e=0;e<t.length;e++)i.onIconClick.push((()=>this.removeGroup(e)));l=s(Ot,Object.assign({},i))}}const h={"auto-width":this.tableHasAutoWidth(),"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":void 0!==this.tableHeight||void 0!==this.tableWidth,"border-top":!this.showHeader};let u;h[`density-${this.density}`]=!0,h[`fontsize-${this.fontsize}`]=!0,this.tableHeight&&(t={height:this.tableHeight,overflow:"auto"}),this.tableWidth&&(t=Object.assign(Object.assign({},t),{width:this.tableWidth,overflow:"auto"})),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(u=s("sticky-header",{class:"hover-scrolling-child",hidden:!this.showHeader,ref:t=>this.stickyTheadRef=t},s("thead-sticky",null,s("tr-sticky",null,r))));let b="below-wrapper";return void 0===this.tableHeight&&void 0===this.tableWidth||(b+=" custom-size"),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"above-wrapper"},this.globalFilter?s("div",{id:"global-filter"},s(xt,{fullWidth:!0,icon:c.SEARCH,label:this.kupManager.language.translate(K.SEARCH),value:this.globalFilterValue,onInput:t=>{const i=t.target;window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(i)),600,i)}})):null,a),s("div",{class:"group-wrapper"},l),s("div",{class:"droparea",ref:t=>this.dropareaRef=t},this.showGroups?this.columnGroupArea():null,this.removableColumns?this.columnRemoveArea():null),s("div",{style:t,class:b,ref:t=>this.tableAreaRef=t},this.showCustomization?[s("div",{class:"settings-trigger",onClick:()=>{this.onCustomSettingsClick()},ref:t=>{this.customizeTopButtonRef=t}},s(zt,{color:`var(${d.TITLE})`,resource:"settings",sizeX:"10px"})),this.renderCustomizePanel()]:null,s("table",{class:h,ref:t=>this.tableRef=t,onMouseLeave:t=>{t.stopPropagation()},onContextMenu:t=>{t.preventDefault()}},s("thead",{hidden:!this.showHeader,ref:t=>this.theadRef=t},s("tr",null,e)),s("tbody",null,i),this.showFooter||this.hasTotals()?this.renderFooter():null),u),n))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop,this.interactableResize,this.interactableTouch)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+ut+"]");t.length>0&&this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(t)),this.customizeTopPanelRef&&this.customizeTopPanelRef.remove(),this.columnMenuCard&&this.columnMenuCard.remove(),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.tableAreaRef),this.kupManager.resize.unobserve(this.rootElement),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],expandGroups:["expandGroupsHandler"],filters:["filtersChanged"],globalFilterValue:["filtersChanged"],sort:["recalculateRows"],totals:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["identifyAndInitRows"],groups:["recalculateRowsAndUndoSelections"],fixedColumns:["controlFixedRowsColumns"],fixedRows:["controlFixedRowsColumns"],transpose:["recalculateData"]}}};us.style=":host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-background-color)\n  );--kup_datatable_border:var(\n    --kup-datatable-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_color:var(--kup-datatable-color, var(--kup-text-color));--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\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}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_datatable_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-secondary-color)}table>tbody>tr>td:first-of-type,table>tbody>tr>td.placeholder~td:not(.placeholder){border-left:var(--kup_datatable_border)}table>tbody>tr>td:last-of-type{border-right:var(--kup_datatable_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 td{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 0.3125em}table tfoot td:hover{background-color:var(--kup_datatable_background_color)}table tfoot td:first-of-type{border-left:var(--kup_datatable_border)}#global-filter{margin:0.5em 0px;min-width:140px;width:100%}.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:not(.custom-size){overflow-x:auto}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup-title-background-color);border:var(--kup_datatable_th_border);border-left:0 none;border-bottom-width:2px;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:first-of-type{border-left:var(--kup_datatable_th_border)}.header-cell__content{color:var(--kup-title-color);display:flex;justify-content:space-between;padding:0.5em 0.3125em;text-overflow:ellipsis;white-space:nowrap}.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__drag-handler{background:rgba(var(--kup-title-color-rgb), 0.25);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup_datatable_th_resize_handle_width)}.header-cell__drag-handler:hover{background:rgba(var(--kup-title-color-rgb), 0.5)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0}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:rgba(var(--kup-primary-color-rgb), 0.175)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tbody tr.group{background:var(--kup-title-background-color);border-top:var(--kup_datatable_border);color:var(--kup-title-color);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em}tbody tr.group>td.total{text-align:right;padding:0.5em 0.3125em}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color)}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}.above-wrapper{display:flex;width:100%}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_datatable_color)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold}.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-color);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}.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)}.paginator-wrapper{display:flex;flex-flow:wrap;min-width:max-content}.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}.paginator-tabs .load-more-button{margin:0.5em 0px 0px}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-title-background-color);border-bottom:2px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);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,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column,thead .fixed-row,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;top:0;z-index:10}table.custom-size th.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tr.selected .fixed-column,tr.selected .fixed-row{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}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column{background-color:var(--kup-title-background-color);color:var(--kup-title-color)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column{color:var(--kup-text-color);background-color:var(--kup_datatable_background_color)}: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)}.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 td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component td.selected.fixed-column,:host(.kup-cross-selection) #kup-component 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:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";const ds=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.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.disabled=!1,this.firstDayIndex=1,this.initialValue="",this.kupManager=n(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null}onKupDatePickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}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,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&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.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",p.WARNING),this.firstDayIndex=1)}async getValue(){return this.value}async getProps(t){let i={};if(t)i=_i;else for(const t in _i)Object.prototype.hasOwnProperty.call(_i,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=t;this.kupManager.dates.isValid(t)&&(s=this.kupManager.dates.format(this.kupManager.dates.normalize(t,W.DATE),m.ISO_DATE),this.refreshPickerComponentValue(s),1!=e&&this.setValue(s)),null!=s&&null!=i&&i.emit({id:this.rootElement.id,value:s})}refreshPickerComponentValue(t){if(!this.isPickerOpened())return;let i;i=this.kupManager.dates.isValid(t,m.ISO_DATE)?new Date(t):new Date,this.pickerEl.value=i.toISOString(),this.pickerEl.date=i,this.refresh()}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}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,u.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(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(t){const i=this.rootElement.classList.contains("kup-full-height"),e=this.rootElement.classList.contains("kup-full-width"),o=Object.assign({},this.data["kup-text-field"]);return o.icon||(o.icon="calendar"),o.icon&&(o.trailingIcon=!0),s(xt,Object.assign({},o,{disabled:this.disabled,fullHeight:i,fullWidth:e,id:this.rootElement.id+"_text-field",value:t,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepDatePicker())}getInitEndYear(t){let 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)}prepDatePicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{initialValue:this.value,firstDayIndex:this.firstDayIndex,resetStatus:!0}},layoutFamily:j.BUILT_IN,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&""!=t.detail.value&&this.onKupDatePickerItemClick(t.detail.value)}})}getDateForOutput(){return null==this.value||""==this.value.trim()?"":this.kupManager.dates.format(this.value)}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.watchFirstDayIndex(),this.value=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"),wt(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},this.prepTextfield(this.getDateForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return r(this)}static get watchers(){return{firstDayIndex:["watchFirstDayIndex"]}}};var ps;ds.style=":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--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);--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.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.displayMode='Sets how to show the selected item value. Suported values: "code", "description", "both".',t.icon="Defaults at null. When set, the button will show this icon.",t.initialValue="Sets the initial value of the component.",t.label="Defaults at null. When set, the button will show this text.",t.selectMode='Sets to the return the selected item value. Suported values: "code", "description", "both".',t.styling='Defines the style of the button. Available styles are "flat" and "outlined", "raised" is the default.',t.trailingIcon="Defaults at null. When set, the icon will be shown after the text.",t.dropdownOnly="Default value is false. When set to true, the arrow dropdown button is the only button displayed."}(ps||(ps={}));const bs=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.id="",this.customStyle="",this.data=null,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.dropdownOnly=!1,this.icon=null,this.initialValue="",this.label=null,this.selectMode=Qt.CODE,this.styling=jt.RAISED,this.trailingIcon=!1,this.kupManager=n(),this.buttonEl=null,this.dropdownEl=null,this.listEl=null,this.clickCb=null}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.id})}onKupClick(){this.closeList(),this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.id})}onDropDownClick(){this.isListOpened()?this.closeList():this.openList()}onKupItemClick(t){this.consistencyCheck(t),this.closeList(),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.id}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.id})}async getProps(t){return l(this,ps,t)}async getValue(){return this.id}async refresh(){e(this)}async setProps(t){h(this,ps,t)}async setValue(t){this.id=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,u.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=Jt(i,this.data["kup-list"],this.listEl,this.selectMode,this.displayMode,t);this.id=e.value}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.id=this.initialValue,this.data||(this.data={"kup-list":{}})}componentDidLoad(){this.consistencyCheck(void 0,this.id),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"),styling:this.styling?this.styling:jt.RAISED,title:this.rootElement.title};return this.dropdownOnly||t.push(s(Ct,Object.assign({},i,{icon:this.icon?this.icon:null,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(s(Ct,Object.assign({},i,{disabled:!!this.disabled,icon:this.dropdownOnly&&this.icon&&""!==this.icon?this.icon:"arrow_drop_down",label:" ",wrapperClass:"dropdown-button__dropdown-action"+(this.dropdownOnly?" dropdown-only":""),onClick:()=>this.onDropDownClick()}))),t}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"dropdown-button--wrapper"},this.renderButtons()),s("kup-list",Object.assign({},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 r(this)}};var ms;bs.style=":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:0;border-bottom-right-radius:0}.f-button.dropdown-button__primary-action .button.button--outlined{border-right:none}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:4px;border-bottom-left-radius:4px}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:0;border-bottom-left-radius:0;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){border-left:none}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:18px;border-bottom-left-radius:18px}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:18px;border-bottom-right-radius:18px}: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);--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);--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.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://ketchup.smeup.com/ketchup-showcase/#/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."}(ms||(ms={}));const fs=Math.PI,gs=2*fs,ks=gs-1e-6;function vs(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function ys(){return new vs}function xs(t){return function(){return t}}vs.prototype=ys.prototype={constructor:vs,moveTo:function(t,i){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+i)},closePath:function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(t,i){this._+="L"+(this._x1=+t)+","+(this._y1=+i)},quadraticCurveTo:function(t,i,e,s){this._+="Q"+ +t+","+ +i+","+(this._x1=+e)+","+(this._y1=+s)},bezierCurveTo:function(t,i,e,s,o,r){this._+="C"+ +t+","+ +i+","+ +e+","+ +s+","+(this._x1=+o)+","+(this._y1=+r)},arcTo:function(t,i,e,s,o){var r=this._x1,a=this._y1,n=(e=+e)-(t=+t),l=(s=+s)-(i=+i),h=r-t,c=a-i,u=h*h+c*c;if((o=+o)<0)throw new Error("negative radius: "+o);if(null===this._x1)this._+="M"+(this._x1=t)+","+(this._y1=i);else if(u>1e-6)if(Math.abs(c*n-l*h)>1e-6&&o){var d=e-r,p=s-a,b=n*n+l*l,m=d*d+p*p,f=Math.sqrt(b),g=Math.sqrt(u),k=o*Math.tan((fs-Math.acos((b+u-m)/(2*f*g)))/2),v=k/g,y=k/f;Math.abs(v-1)>1e-6&&(this._+="L"+(t+v*h)+","+(i+v*c)),this._+="A"+o+","+o+",0,0,"+ +(c*d>h*p)+","+(this._x1=t+y*n)+","+(this._y1=i+y*l)}else this._+="L"+(this._x1=t)+","+(this._y1=i)},arc:function(t,i,e,s,o,r){t=+t,i=+i,r=!!r;var a=(e=+e)*Math.cos(s),n=e*Math.sin(s),l=t+a,h=i+n,c=1^r,u=r?s-o:o-s;if(e<0)throw new Error("negative radius: "+e);null===this._x1?this._+="M"+l+","+h:(Math.abs(this._x1-l)>1e-6||Math.abs(this._y1-h)>1e-6)&&(this._+="L"+l+","+h),e&&(u<0&&(u=u%gs+gs),u>ks?this._+="A"+e+","+e+",0,1,"+c+","+(t-a)+","+(i-n)+"A"+e+","+e+",0,1,"+c+","+(this._x1=l)+","+(this._y1=h):u>1e-6&&(this._+="A"+e+","+e+",0,"+ +(u>=fs)+","+c+","+(this._x1=t+e*Math.cos(o))+","+(this._y1=i+e*Math.sin(o))))},rect:function(t,i,e,s){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+i)+"h"+ +e+"v"+ +s+"h"+-e+"Z"},toString:function(){return this._}};const ws=Math.abs,_s=Math.atan2,zs=Math.cos,Cs=Math.max,js=Math.min,Ds=Math.sin,Os=Math.sqrt,Ss=Math.PI,$s=Ss/2,Ts=2*Ss;function Ws(t){return t>1?0:t<-1?Ss:Math.acos(t)}function Ps(t){return t>=1?$s:t<=-1?-$s:Math.asin(t)}function Rs(t){return t.innerRadius}function Ms(t){return t.outerRadius}function Is(t){return t.startAngle}function Fs(t){return t.endAngle}function Es(t){return t&&t.padAngle}function Ls(t,i,e,s,o,r,a,n){var l=e-t,h=s-i,c=a-o,u=n-r,d=u*l-c*h;if(!(d*d<1e-12))return[t+(d=(c*(i-r)-u*(t-o))/d)*l,i+d*h]}function Ns(t,i,e,s,o,r,a){var n=t-e,l=i-s,h=(a?r:-r)/Os(n*n+l*l),c=h*l,u=-h*n,d=t+c,p=i+u,b=e+c,m=s+u,f=(d+b)/2,g=(p+m)/2,k=b-d,v=m-p,y=k*k+v*v,x=o-r,w=d*m-b*p,_=(v<0?-1:1)*Os(Cs(0,x*x*y-w*w)),z=(w*v-k*_)/y,C=(-w*k-v*_)/y,j=(w*v+k*_)/y,D=(-w*k+v*_)/y,O=z-f,S=C-g,$=j-f,T=D-g;return O*O+S*S>$*$+T*T&&(z=j,C=D),{cx:z,cy:C,x01:-c,y01:-u,x11:z*(o/x-1),y11:C*(o/x-1)}}const As=class{constructor(i){t(this,i),this.arcThickness=30,this.colors=[`var(${d.SUCCESS})`,`var(${d.WARNING})`,`var(${d.DANGER})`],this.customStyle="",this.labelDistance=20,this.maxValue=100,this.measurementUnit="",this.minValue=-100,this.needleCircle=!1,this.onlyValue=!1,this.reverseColors=!1,this.showLabels=!0,this.showMaxmin=!0,this.showValue=!0,this.size=300,this.value=0,this.valueSize=0,this.widthComponent="100%",this.kupManager=n(),this.arcGenerator=function(){var t=Rs,i=Ms,e=xs(0),s=null,o=Is,r=Fs,a=Es,n=null;function l(){var l,h,c=+t.apply(this,arguments),u=+i.apply(this,arguments),d=o.apply(this,arguments)-$s,p=r.apply(this,arguments)-$s,b=ws(p-d),m=p>d;if(n||(n=l=ys()),u<c&&(h=u,u=c,c=h),u>1e-12)if(b>Ts-1e-12)n.moveTo(u*zs(d),u*Ds(d)),n.arc(0,0,u,d,p,!m),c>1e-12&&(n.moveTo(c*zs(p),c*Ds(p)),n.arc(0,0,c,p,d,m));else{var f,g,k=d,v=p,y=d,x=p,w=b,_=b,z=a.apply(this,arguments)/2,C=z>1e-12&&(s?+s.apply(this,arguments):Os(c*c+u*u)),j=js(ws(u-c)/2,+e.apply(this,arguments)),D=j,O=j;if(C>1e-12){var S=Ps(C/c*Ds(z)),$=Ps(C/u*Ds(z));(w-=2*S)>1e-12?(y+=S*=m?1:-1,x-=S):(w=0,y=x=(d+p)/2),(_-=2*$)>1e-12?(k+=$*=m?1:-1,v-=$):(_=0,k=v=(d+p)/2)}var T=u*zs(k),W=u*Ds(k),P=c*zs(x),R=c*Ds(x);if(j>1e-12){var M,I=u*zs(v),F=u*Ds(v),E=c*zs(y),L=c*Ds(y);if(b<Ss&&(M=Ls(T,W,E,L,I,F,P,R))){var N=T-M[0],A=W-M[1],K=I-M[0],V=F-M[1],H=1/Ds(Ws((N*K+A*V)/(Os(N*N+A*A)*Os(K*K+V*V)))/2),B=Os(M[0]*M[0]+M[1]*M[1]);D=js(j,(c-B)/(H-1)),O=js(j,(u-B)/(H+1))}}_>1e-12?O>1e-12?(f=Ns(E,L,T,W,u,O,m),g=Ns(I,F,P,R,u,O,m),n.moveTo(f.cx+f.x01,f.cy+f.y01),O<j?n.arc(f.cx,f.cy,O,_s(f.y01,f.x01),_s(g.y01,g.x01),!m):(n.arc(f.cx,f.cy,O,_s(f.y01,f.x01),_s(f.y11,f.x11),!m),n.arc(0,0,u,_s(f.cy+f.y11,f.cx+f.x11),_s(g.cy+g.y11,g.cx+g.x11),!m),n.arc(g.cx,g.cy,O,_s(g.y11,g.x11),_s(g.y01,g.x01),!m))):(n.moveTo(T,W),n.arc(0,0,u,k,v,!m)):n.moveTo(T,W),c>1e-12&&w>1e-12?D>1e-12?(f=Ns(P,R,I,F,c,-D,m),g=Ns(T,W,E,L,c,-D,m),n.lineTo(f.cx+f.x01,f.cy+f.y01),D<j?n.arc(f.cx,f.cy,D,_s(f.y01,f.x01),_s(g.y01,g.x01),!m):(n.arc(f.cx,f.cy,D,_s(f.y01,f.x01),_s(f.y11,f.x11),!m),n.arc(0,0,c,_s(f.cy+f.y11,f.cx+f.x11),_s(g.cy+g.y11,g.cx+g.x11),m),n.arc(g.cx,g.cy,D,_s(g.y11,g.x11),_s(g.y01,g.x01),!m))):n.arc(0,0,c,x,y,m):n.lineTo(P,R)}else n.moveTo(0,0);if(n.closePath(),l)return n=null,l+""||null}return l.centroid=function(){var e=(+t.apply(this,arguments)+ +i.apply(this,arguments))/2,s=(+o.apply(this,arguments)+ +r.apply(this,arguments))/2-Ss/2;return[zs(s)*e,Ds(s)*e]},l.innerRadius=function(i){return arguments.length?(t="function"==typeof i?i:xs(+i),l):t},l.outerRadius=function(t){return arguments.length?(i="function"==typeof t?t:xs(+t),l):i},l.cornerRadius=function(t){return arguments.length?(e="function"==typeof t?t:xs(+t),l):e},l.padRadius=function(t){return arguments.length?(s=null==t?null:"function"==typeof t?t:xs(+t),l):s},l.startAngle=function(t){return arguments.length?(o="function"==typeof t?t:xs(+t),l):o},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:xs(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:xs(+t),l):a},l.context=function(t){return arguments.length?(n=null==t?null:t,l):n},l}(),this.maxValuePositive=0}async getProps(t){return l(this,ms,t)}async refresh(){e(this)}async setProps(t){h(this,ms,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:case 0:return"275%"}}paintNeedle(t,i,e,s,o=0){let r,a,n,l,h,c,u;return h=this.percToRad(o/2),c=e-t*Math.cos(h),u=s-t*Math.sin(h),r=e-i*Math.cos(h-Math.PI/2),a=s-i*Math.sin(h-Math.PI/2),n=e-i*Math.cos(h+Math.PI/2),l=s-i*Math.sin(h+Math.PI/2),"M "+r+" "+a+" L "+c+" "+u+" L "+n+" "+l}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!",p.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:case 0:i=2.25}const e=this.size/2,r=this.size/20,a=e-2*this.arcThickness,n=e+r+this.labelDistance*i,l=[];this.onlyValue?l.push(this.value):((this.firstThreshold||0===this.firstThreshold)&&l.push(this.firstThreshold),(this.secondThreshold||0===this.secondThreshold)&&l.push(this.secondThreshold));const h=[this.minValue,...l,this.maxValue],c=[];let u;if(this.onlyValue){let t=this.reverseColors?this.colors.slice().reverse():this.colors;u=[this.value<this.firstThreshold?t[0]:this.value<this.secondThreshold?t[1]:t[2],`rgba(var(${d.TEXT}-rgb), .1)`]}else u=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(s("path",{d:i,style:{fill:u[t]?u[t]:"#000000"}}))}const b=this.showLabels||this.showMaxmin?h.map((t=>{const i=this.calculateValuePercentage(t);let o="end";i>.5?o="start":.5===i&&(o="middle");const r=this.percToRad(i/2);let n=e-(a+2)*Math.cos(r),l=e-(a+2)*Math.sin(r),h="";return i>0&&i<1?this.showLabels&&!this.onlyValue&&(h=s("text",{class:"gauge__label-text","text-anchor":o,x:n,y:l},bt(String(t),-1,""))):this.showMaxmin&&(0===i?(n=this.arcThickness,l=e+this.labelDistance):(n=this.size-this.arcThickness,l=e+this.labelDistance),h=s("text",{class:"gauge__label-text","text-anchor":o,x:n,y:l},bt(String(t),-1,""))),h})):[],m={fontSize:this.calculateValueFontSize()};let f;this.showValue&&(f=s("text",{class:"gauge__label-text value","text-anchor":"middle",x:e,y:n,style:m},bt(String(t),-1,"")+" "+this.measurementUnit));const g={width:this.widthComponent};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,class:"gauge__container"},s("svg",{class:"gauge",style:g,viewBox:`0 0 ${this.size} ${n}`},s("g",{transform:`rotate(-90) translate(-${e}, ${e})`},c),this.needleCircle?s("circle",{class:"gauge__needle-base",cx:e,cy:e,r}):null,s("path",{class:"gauge__needle",d:this.paintNeedle(a,r,e,e,this.calculateValuePercentage(this.value))}),b,f)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};function Ks(t){const i=t.indexOf("R"),e=t.indexOf("G"),s=t.indexOf("B");if(i<0||e<0||s<0)return;const o=t.substring(i+1,i+4),r=t.substring(e+1,e+4),a=t.substring(s+1,s+4);try{return new Hs(parseInt(o),parseInt(r),parseInt(a))}catch(t){console.error(t)}return null}As.style=":host{--kup_gauge_color:var(--kup-gauge-color, var(--kup-text-color));--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-color)\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 Vs{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=Ks(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("HEIGHT;".length).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("SHAPE;".length)).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,s=null,o=(t=t.trim()).indexOf("R");if(o>-1&&(s=t.substring(o+1,o+4),i[0]=parseInt(s),isNaN(i[0])&&(e=!0)),o=t.indexOf("G"),o>-1&&(s=t.substring(o+1,o+4),i[1]=parseInt(s),isNaN(i[1])&&(e=!0)),o=t.indexOf("B"),o>-1&&(s=t.substring(o+1,o+4),i[2]=parseInt(s),isNaN(i[2])&&(e=!0)),e){const o=t.indexOf("R"),r=t.indexOf("G"),a=t.indexOf("B");if(s=t.substring(o+1,r),i[0]=parseInt(s),isNaN(i[0])&&(e=!0),s=t.substring(r+1,a),i[1]=parseInt(s),isNaN(i[1])&&(e=!0),s=t.substring(a+1),i[2]=parseInt(s),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 Hs{constructor(t,i,e){this.r=t,this.g=i,this.b=e}toString(){return`rgb(${this.r},${this.g},${this.b})`}}class Bs{constructor(){this.graphic_element_marker_splitter="\\\\",this.graphic_element_splitter="\\\\AND\\\\",this.background_color="BCOLOR;R255G000B000",this.default_color=new Hs(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",s=this.background_color,o="HEIGHT;100";const r=t.split(this.graphic_element_marker_splitter),a=[],n=[];r.forEach((t=>{this.isShapeMarker(t)?e=t:this.isBgColorMarker(t)?s=t:this.isHeightMarker(t)?o=t:this.isDecoratorMarker(t)?n.push(t):a.push(t)}));const l=a.map((t=>{const i=new Vs;return i.init([e,s,o,t]),i}));if(0===i&&s!==this.background_color){const t=Ks(s.substring("BCOLOR;".length));this.drawRect(0,0,this.canvas.clientWidth,this.canvas.clientHeight,t)}let h=0;l.forEach((t=>{switch(t.getShape()){case"circle":h=this.getNewStarXFromCircle(h,t);break;case"tril":h=this.getNewStarXFromTril(h,t);break;case"trir":h=this.getNewStarXFromTrir(h,t);break;default:h=this.getNewStarXFromBar(h,t)}})),n.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()),s=this.getDim(this.canvas.clientHeight,i.getHeight()),o=this.canvas.clientHeight-s;return i.isTrasparent()||this.drawRect(t,o,e-t,s,i.getColor()),e}getNewStarXFromCircle(t,i){const e=this.getDim(this.canvas.clientWidth,i.getWidth()),s=(t+e)/2;return i.isTrasparent()||this.drawArc(s,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){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,s,o){this.ctx.fillStyle=o.toString(),this.ctx.fillRect(t,i,e,s)}drawTri(t,i,e,s,o){this.ctx.fillStyle=o.toString(),this.ctx.beginPath(),this.ctx.moveTo(t,i),this.ctx.lineTo(e,s),this.ctx.lineTo(t,this.canvas.clientHeight),this.ctx.fill()}drawArrow(t){let i=t.substring("ARW;".length);i.indexOf(",")>-1&&(i=i.replace(",",".")),this.ctx.fillStyle=this.default_color.toString();const e=this.getDim(this.canvas.clientWidth,parseFloat(i)),s=this.canvas.clientHeight,o=Math.floor(s/3),r=o/2;this.ctx.beginPath(),this.ctx.moveTo(e,0),this.ctx.lineTo(e-o,s/2),this.ctx.lineTo(e-r,s/2),this.ctx.lineTo(e-r,s),this.ctx.lineTo(e+r,s),this.ctx.lineTo(e+r,s/2),this.ctx.lineTo(e+o,s/2),this.ctx.fill()}drawGrid(t){let i=t.substring("GRID;".length);i.indexOf(",")>-1&&(i=i.replace(",","."));const e=parseInt(i),s=this.canvas.clientWidth/e,o=this.canvas.clientHeight/5,r=this.canvas.clientHeight-o;for(let t=s;t<this.canvas.clientWidth;t+=s)this.drawRect(t,r,1,o,this.default_color)}drawSeparator(t){const i=t.substring("SEP;".length).split(";");let e="R000G000B000",s=2,o=i[0];i.length>1&&(e=i[1]),i.length>2&&(s=parseInt(i[2])),o.indexOf(",")>-1&&(o=o.replace(",","."));const r=this.getDim(this.canvas.clientWidth,parseFloat(o));this.drawRect(r,0,s,this.canvas.clientHeight,Ks(e))}}var Ys;!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.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.)."}(Ys||(Ys={}));const Gs=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-image-click",6),this.badgeData=null,this.color=`var(${d.ICON})`,this.customStyle="",this.data=null,this.feedback=!1,this.isCanvas=!1,this.resource=null,this.sizeX="100%",this.sizeY="100%",this.isUrl=!1,this.kupManager=n()}onKupClick(t){this.kupClick.emit({comp:this,id:this.rootElement.id,el:t.target})}async getProps(t){return l(this,Ys,t)}async refresh(){e(this)}async setProps(t){h(this,Ys,t)}renderCanvas(){return s("div",{id:"kup-component",onClick:t=>this.onKupClick(t),class:"is-canvas"},s("canvas",{ref:t=>this.canvas=t},this.resource))}componentWillLoad(){this.kupManager.debug.logLoad(this,!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 Bs),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)}render(){let t,i,e;const r={badgeData:this.badgeData,color:this.color,data:this.data,fit:!!this.rootElement.classList.contains("kup-fit"),resource:this.resource,sizeX:this.sizeX,sizeY:this.sizeY,onClick:t=>this.onKupClick(t)};let a={height:r.sizeY,minHeight:r.sizeY,width:r.sizeX,minWidth:r.sizeX};if(this.feedback&&this.isUrl&&(e=14,i=s("div",{id:"feedback",title:"Image not loaded yet..."},s("kup-spinner",{dimensions:"3px",active:!0,layout:14}))),this.isCanvas)t=this.renderCanvas();else{if(!r.resource&&!r.data)return void this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",p.WARNING);t=s(zt,Object.assign({},r))}return s(o,{style:a},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i,s("div",{id:_t},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/svg"]}get rootElement(){return r(this)}};Gs.style=":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 Xs,Us,qs,Qs,Zs,Js,to,io,eo,so,oo,ro,ao,no,lo=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},ho=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const co=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),Xs.add(this),this.focused=null,this.selected=[],this.customStyle="",this.data=[],this.displayMode=Qt.DESCRIPTION,this.filter="",this.hideText=!1,this.isMenu=!1,this.keyboardNavigation=!0,this.menuVisible=!1,this.roleType=qt.LISTBOX,this.selectable=!0,this.showIcons=!1,this.twoLine=!1,Us.set(this,n()),qs.set(this,[]),Qs.set(this,[])}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}onKupClick(t){lo(this,Xs,"m",Zs).call(this,t)}listenKeydown(t){if(this.keyboardNavigation)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),lo(this,Xs,"m",Zs).call(this,this.focused)}}async focusNext(){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>lo(this,Qs,"f").length-1&&(this.focused=0),lo(this,Qs,"f")[this.focused].focus()}async focusPrevious(){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=lo(this,Qs,"f").length-1),lo(this,Qs,"f")[this.focused].focus()}async getProps(t){return l(this,Ut,t)}async refresh(){e(this)}async select(t){void 0===t&&(t=this.focused),lo(this,Xs,"m",Zs).call(this,t)}async setProps(t){h(this,Ut,t)}componentWillLoad(){lo(this,Us,"f").debug.logLoad(this,!1),lo(this,Us,"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(){lo(this,Us,"f").debug.logLoad(this,!0)}componentWillRender(){lo(this,Us,"f").debug.logRender(this,!1)}componentDidRender(){!this.isMenu||!this.menuVisible||document.activeElement&&"BODY"!==document.activeElement.tagName||setTimeout((()=>{this.rootElement.focus()}),0),lo(this,Us,"f").debug.logRender(this,!0)}render(){ho(this,Qs,[],"f");let t,i="list";this.isMenu&&(t="kup-menu",this.menuVisible&&(t+=" visible")),lo(this,Xs,"m",ao).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,r="false";lo(this,Xs,"m",eo).call(this)&&(r="true"),ho(this,qs,[],"f");let a=0;return s(o,null,s("style",null,lo(this,Us,"f").theme.setKupStyle(this.rootElement)),s("div",{id:"kup-component",class:t},s("ul",{class:i,role:e,"aria-multiselectable":r},this.data.filter((t=>lo(this,Xs,"m",no).call(this,t))).map((t=>lo(this,Xs,"m",to).call(this,t,a++))))))}disconnectedCallback(){lo(this,Us,"f").theme.unregister(this)}get rootElement(){return r(this)}};var uo;Us=new WeakMap,qs=new WeakMap,Qs=new WeakMap,Xs=new WeakSet,Zs=function(t){if(null!=t&&!isNaN(t)){const i=this.rootElement.shadowRoot.querySelectorAll(".list-item")[t].dataset.id,e=this.data.find((t=>t.id===i));switch(this.roleType){case qt.GROUP:this.selected.includes(i)?this.selected.splice(this.selected.indexOf(i),1):this.selected.push(i),this.selected=new Array(...this.selected);break;default:this.selected=new Array(i)}for(let t=0;t<this.data.length;t++){const i=this.data[t];i.selected=this.selected.includes(i.id)}this.kupClick.emit({comp:this,id:this.rootElement.id,selected:e})}},Js=function(){return this.rootElement.hasAttribute("nested-list")},to=function(t,i){1!=t.selected&&(t.selected=!1),t.id||(t.id=t.value);let e,o=null;t.children&&t.children.length>0&&(this.rootElement.setAttribute("nested-list",""),o=s("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=lo(this,Xs,"m",io).call(this,t.icon));let r=[Zt(t,this.displayMode," - ")],a=[];this.twoLine&&t.secondaryText&&""!=t.secondaryText&&(r=[s("span",{class:"list-item__primary-text"},t.value)],a=[s("span",{class:"list-item__secondary-text"},t.secondaryText)]);let n="list-item",l=1==t.selected?"0":"-1";!lo(this,Xs,"m",Js).call(this)&&1==t.selected&&lo(this,Xs,"m",ro).call(this)&&(n+=" list-item--selected"),this.focused===i&&(n+=" list-item--focused");let h="option",c=null,u=1==t.selected?"true":"false";1!=this.selectable&&(u=null);let d=[e,s("span",{class:"list-item__text"},r,a)];if(lo(this,Xs,"m",oo).call(this)){h="radio",c=1==t.selected?"true":"false";let o=[{value:t.id,label:"",checked:1==t.selected}];d=[s("span",{class:"list-item__graphic"},s("input",{type:"radio",style:{display:"none"}}),s("kup-radio",{data:o,id:this.rootElement.id+"_"+i,ref:t=>lo(this,qs,"f")[i]=t})),e,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},r,a)]}else if(lo(this,Xs,"m",so).call(this)){h="checkbox",c=1==t.selected?"true":"false";let o=1==t.selected;d=[s("span",{class:"list-item__graphic"},s("input",{type:"checkbox",style:{display:"none"}}),s($t,{checked:o})),e,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},r,a)]}const p=[];return t.separator&&p.push(s("li",{role:"separator",class:"list-divider"})),p.push(s("li",{ref:t=>{lo(this,Qs,"f").push(t)},class:n,role:h,tabindex:l,"data-id":t.id,"aria-selected":u,"aria-checked":c,onBlur:this.selectable?()=>this.onKupBlur():t=>t.stopPropagation(),onFocus:this.selectable?()=>this.onKupFocus():t=>t.stopPropagation(),onClick:this.selectable?lo(this,Xs,"m",Js).call(this)?t=>{t.stopPropagation(),this.onKupClick(i)}:()=>this.onKupClick(i):t=>t.stopPropagation()},d,o?[s(zt,{resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"list-item__expand-icon"}),o]:null)),p},io=function(t){const i=this.rootElement.classList.contains("kup-large");return s(zt,Object.assign({},{color:`var(${d.PRIMARY})`,sizeX:i?"32px":"24px",sizeY:i?"32px":"24px"},{resource:t,wrapperClass:"icon-button__icon kup-icon"}))},eo=function(){return lo(this,Xs,"m",so).call(this)},so=function(){return this.roleType==qt.GROUP},oo=function(){return this.roleType==qt.RADIOGROUP},ro=function(){return this.roleType==qt.LISTBOX},ao=function(){lo(this,Xs,"m",so).call(this)||lo(this,Xs,"m",oo).call(this)||(this.roleType=qt.LISTBOX)},no=function(t){return!this.filter||(this.displayMode==Qt.CODE?t.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0:this.displayMode==Qt.DESCRIPTION?t.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0:t.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0||t.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0)},co.style=':host{--kup_list_background:var(\n    --kup-list-background,\n    var(--kup-background-color)\n  );--kup_list_color:var(--kup-list-color, var(--kup-text-color));--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, 2.5em);--kup_list_item_padding_left:var(--kup-list-item-padding, 0.75em);--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background);color:var(--kup_list_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0.5em 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.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:rgba(var(--kup_list_primary_color_rgb), 0.175);color:var(--kup_list_primary_color)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:0.75em}.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-hover-background-color);color:var(--kup-hover-color)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none}: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);--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);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color);--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."}(uo||(uo={}));const po=class{constructor(i){t(this,i),this.centeredLabel=!0,this.customStyle="",this.hideLabel=!1,this.icon=null,this.label=null,this.isRadial=!1,this.value=0,this.kupManager=n()}async getProps(t){return l(this,uo,t)}async refresh(){e(this)}async setProps(t){h(this,uo,t)}createIconElement(){if(this.icon){if(this.icon.indexOf(".")>-1||this.icon.indexOf("/")>-1||this.icon.indexOf("\\")>-1)return s("span",{class:"label kup-icon is-image"},s("img",{src:this.icon}));{let t=`url('${a(`./assets/svg/${this.icon}.svg`)}') no-repeat center`;return s("span",{style:{mask:t,webkitMask:t},class:"label kup-icon"})}}}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(){let t,i="",e="pie";i=this.isRadial?"pie-wrapper":"progress-bar";const r={width:`${this.value}%`};this.centeredLabel?this.value>49&&(i+=" text-color-on-primary"):(t=r,this.value>2&&(i+=" text-color-on-primary"));let a,n=null;return this.icon?n=this.createIconElement():this.hideLabel||(n=this.isRadial?this.label?s("span",{class:"label"},this.label):s("span",{class:"label"},this.value,s("span",{class:"smaller"},"%")):this.label?this.label:this.value+"%"),this.value>0&&(e+=" has-value",e+=this.value>50?" is-more-than-half":" is-less-than-half"),a=this.isRadial?s("div",{class:i},n,s("div",{class:e},s("div",{style:undefined,class:"left-side half-circle"}),s("div",{class:"right-side half-circle"})),s("div",{class:"shadow"})):s("div",{class:i},s("div",{class:"progress-bar-percentage",style:r},s("span",{style:t},n))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},a))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var bo;po.style=":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n    --kup-progressbar-font-family,\n    var(--kup-font-family)\n  );--kup_progressbar_font_size:var(\n    --kup-progressbar-font-size,\n    var(--kup-font-size)\n  );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n    --kup-progressbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_progressbar_text_color:var(\n    --kup-progressbar-text-color,\n    var(--kup-text-color)\n  );--kup_progressbar_text_color_rgb:var(\n    --kup-progressbar-text-color-rgb,\n    var(--kup-text-color-rgb)\n  );--kup_progressbar_text_on_primary_color:var(\n    --kup-progressbar-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_progressbar_track_color:var(\n    --kup-progressbar-track-color,\n    var(--kup-disabled-background-color)\n  );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}",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."}(bo||(bo={}));const mo=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.value="",this.columns=null,this.customStyle="",this.data=null,this.disabled=!1,this.leadingLabel=!1,this.kupManager=n()}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})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,bo,t)}async refresh(){e(this)}async setProps(t){h(this,bo,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=!!this.columns,i=[];for(let t=0;t<this.data.length;t++){const e=this.data[t],o=s("div",{class:"form-field "+(this.leadingLabel?" form-field--align-end":"")},s("div",{class:{radio:!0,"radio--checked":!!e.checked,"radio--disabled":!!this.disabled}},s("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:e.value,checked:e.checked,disabled:this.disabled,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(t),onFocus:()=>this.onKupFocus()}),s("div",{class:"radio__background"},s("div",{class:"radio__outer-circle"}),s("div",{class:"radio__inner-circle"}))),s("label",{htmlFor:"radio-element",onClick:()=>this.onKupChange(t)},e.label?e.label:""));i.push(o)}const e={"radio-wrapper":!0,"radio-wrapper--grid":!!t};return s(o,{style:{"--kup_radio_columns":t?`repeat(${this.columns}, 1fr)`:""}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:e},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var fo;mo.style=":host{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var(\n    --kup-radio-outer-circle-color,\n    rgba(var(--kup-text-color-rgb), 0.5)\n  );--kup_radio_primary_color:var(\n    --kup-radio-primary-color,\n    var(--kup-primary-color)\n  );--kup_radio_primary_color_rgb:var(\n    --kup-radio-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-color));display:block;font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.875em;line-height:2em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.form-field label{color:var(--kup_radio_text_color);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.radio-wrapper .radio{border-radius:50%;padding:10px;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity, transform, border-color, color;will-change:transform, opacity}.radio-wrapper .radio:hover{background-color:rgba(var(--kup_radio_primary_color_rgb), 0.125)}.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:40px;height:40px}.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio.radio--disabled{pointer-events:none}.radio-wrapper .radio.radio--disabled+label{pointer-events:none}.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}:host(.kup-danger){--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-radio-primary-color:var(--kup-info-color);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-radio-primary-color:var(--kup-warning-color);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}",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"}(fo||(fo={}));const go=class{constructor(e){t(this,e),this.kupRatingClick=i(this,"kup-rating-click",6),this.stars=[],this.customStyle="",this.disabled=!1,this.maxValue=5,this.value=0,this.kupManager=n()}onStarClick(t){this.disabled||(this.value=t,this.buildStars(this.value),this.kupRatingClick.emit({comp:this,id:this.rootElement.id,value:this.value}))}onValueChanged(){this.buildStars(this.value)}async getProps(t){return l(this,fo,t)}async refresh(){e(this)}async setProps(t){h(this,fo,t)}onMouseOver(t){this.disabled||this.buildStars(t)}onMouseOut(){this.disabled||this.buildStars(this.value)}buildStars(t){let i=[];for(let e=1;e<=this.maxValue;e++)i.push(s("span",{class:"rating",onMouseOver:()=>this.onMouseOver(e),onMouseOut:()=>this.onMouseOut(),onClick:()=>this.onStarClick(e)},e<=t?"★":"☆"));this.stars=i}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.onValueChanged()}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",null,this.stars)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{value:["onValueChanged"],maxValue:["onValueChanged"]}}};var ko;go.style=":host{--kup_rating_color:var(--kup-rating-color, orange);--kup_rating_font_size:var(--kup-rating-font-size, 30px);display:block}.rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}",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."}(ko||(ko={}));const vo=class{constructor(e){t(this,e),this.kupSpinnerReady=i(this,"kup-spinner-ready",6),this.active=!1,this.barVariant=!1,this.customStyle="",this.dimensions=null,this.fader=!1,this.faderTimeout=3500,this.fullScreen=!1,this.layout=1,this.kupManager=n()}async getProps(t){return l(this,ko,t)}async refresh(){e(this)}async setProps(t){h(this,ko,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="",r="",a="";return this.barVariant?(i+=" bar-version",e="loading-wrapper-master-bar",r="spinner-bar-v"+this.layout):(i+=" spinner-version",e="loading-wrapper-master-spinner",r="spinner-v"+this.layout,7===this.layout&&(a=[s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"})]),9===this.layout&&(a=[s("div",{class:"sk-spinner-v9-bounce1"}),s("div",{class:"sk-spinner-v9-bounce2"})]),10===this.layout&&(a=[s("div",{class:"sk-spinner-v10-cube1"}),s("div",{class:"sk-spinner-v10-cube2"})]),12===this.layout&&(a=[s("div",{class:"sk-spinner-v12-dot1"}),s("div",{class:"sk-spinner-v12-dot2"})]),13===this.layout&&(a=[s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube1"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube2"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube3"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube4"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube5"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube6"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube7"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube8"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube9"})]),14===this.layout&&(a=[s("div",{class:"sk-spinner-v14-circle1 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle2 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle3 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle4 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle5 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle6 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle7 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle8 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle9 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle10 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle11 sk-spinner-v14-circle"}),s("div",{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"}),s(o,{style:t},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:t},s("div",{id:"loading-wrapper-master",class:i,style:t},s("div",{id:e,style:t},s("div",{class:r},a)))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets"]}get rootElement(){return r(this)}};var yo;vo.style=':host{--kup_spinner_border_color:var(\n    --kup-spinner-border-color,\n    var(--kup-border-color)\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."}(yo||(yo={}));const xo=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.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.label=null,this.leadingLabel=!1,this.kupManager=n()}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 l(this,yo,t)}async refresh(){e(this)}async setProps(t){h(this,yo,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"),success:!!this.rootElement.classList.contains("kup-success"),warning:!!this.rootElement.classList.contains("kup-warning"),onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Yt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var wo;xo.style=":host{display:block}",function(t){t.customStyle="Custom style of the component.",t.data="List of elements.",t.ripple="When enabled displays Material's ripple effect on item headers."}(wo||(wo={}));const _o=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-tabbar-blur",6),this.kupClick=i(this,"kup-tabbar-click",6),this.kupFocus=i(this,"kup-tabbar-focus",6),this.value="",this.customStyle="",this.data=null,this.ripple=!0,this.kupManager=n(),this.scrollArea=null}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=this.data[t].value,this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,node:i})}onKupFocus(t,i){this.kupFocus.emit({comp:this,id:this.rootElement.id,index:t,node:i})}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++)St.attachTo(i[t])}}async getProps(t){return l(this,wo,t)}async refresh(){e(this)}async setProps(t){h(this,wo,t)}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].value,this.kupManager.debug.logMessage(this,"Too many active tabs, forcing last one.",p.WARNING)):0===t?(this.data[0].active=!0,this.value=this.data[0].value,this.kupManager.debug.logMessage(this,"No active tabs detected, forcing first one.")):this.data[i].active=!0}}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],o=s("button",{class:{tab:!0,"tab--active":!!e.active,"mdc-ripple-surface":!!this.ripple},role:"tab","aria-selected":!!this.data[i].active,tabIndex:i,title:e.title?e.title:null,onBlur:()=>this.onKupBlur(i,e),onClick:()=>this.onKupClick(i,e),onFocus:()=>this.onKupFocus(i,e)},s("span",{class:"tab__content"},e.icon?s(zt,{color:`var(${d.PRIMARY})`,resource:e.icon,sizeX:"24px",sizeY:"24px",wrapperClass:"tab__icon"}):null,e.value?s("span",{class:"tab__text-label"},this.data[i].value):null),s("span",{class:"tab-indicator "+(e.active?" tab-indicator--active":"")},s("span",{class:"tab-indicator__content tab-indicator__content--underline"})));t.push(o)}return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"tab-bar",role:"tablist"},s("div",{class:"tab-scroller"},s("div",{class:"tab-scroller__scroll-area",ref:t=>this.scrollArea=t},s("div",{class:"tab-scroller__scroll-content"},t))))))}disconnectedCallback(){this.kupManager.scrollOnHover.unregister(this.scrollArea),this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{ripple:["applyRipple"]}}};var zo;_o.style=":host{--kup_tabbar_font_family:var(\n    --kup-tabbar-font-family,\n    var(--kup-font-family)\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_primary_color:var(\n    --kup-tabbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_tabbar_primary_color_rgb:var(\n    --kup-tabbar-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tabbar_tab_padding:var(--kup-tabbar-tab-padding, 0 24px);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}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height);font-family:var(--kup_tabbar_font_family);font-size:0.875em;font-weight:var(--kup_tabbar_font_weight);letter-spacing:0.0892857143em;text-transform:uppercase}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:24px;height:24px;font-size:24px;z-index:2}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{background-color:var(--kup_tabbar_primary_color);height:24px;width:24px}.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_primary_color)}.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}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{border-color:var(--kup_tabbar_primary_color);transform-origin:left center;opacity:0}.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}.tab-bar .tab-scroller.tab--active .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller.tab--active .tab__text-label{transition-delay:100ms}.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.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.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.icon="When set, the text-field will show this icon.",t.initialValue="Sets the initial value of the component",t.inputType="The HTML type of the input element. It has no effect on text areas.",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.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."}(zo||(zo={}));const Co=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.value="",this.customStyle="",this.decimals=null,this.disabled=!1,this.emitSubmitEventOnEnter=!0,this.fullWidth=!1,this.helper=null,this.helperEnabled=!0,this.helperWhenFocused=!1,this.icon=null,this.initialValue="",this.inputType="text",this.isClearable=!1,this.label=null,this.leadingLabel=!1,this.max=null,this.maxLength=null,this.min=null,this.name=null,this.outlined=!1,this.readOnly=!1,this.step=null,this.textArea=!1,this.trailingIcon=!1,this.trailingLabel=!1,this.kupManager=n()}onKupBlur(t){const{target:i}=t;this.kupBlur.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupChange(t){const{target:i}=t;this.value=i.value,this.kupChange.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupClick(t){const{target:i}=t;this.kupClick.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupFocus(t){const{target:i}=t;this.kupFocus.emit({comp:this,id:this.rootElement.id,value:i.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){"Enter"===t.key&&1==this.emitSubmitEventOnEnter&&this.kupTextFieldSubmit.emit({comp:this,id:this.rootElement.id,value:this.inputEl.value})}async getProps(t){return l(this,zo,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){this.inputEl.focus()}async setProps(t){h(this,zo,t)}async setValue(t){this.value=t;try{this.inputEl.value=t}catch(i){this.kupManager.debug.logMessage(this,"Couldn't set value on input element: '"+t+"'",p.WARNING)}}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),wt(i)}}this.kupManager.debug.logRender(this,!0)}render(){const t={danger:!!this.rootElement.classList.contains("kup-danger"),decimals:this.decimals,disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:this.fullWidth,helper:this.helper,helperEnabled:this.helperEnabled,helperWhenFocused:this.helperWhenFocused,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),inputType:this.inputType,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,max:this.max,maxLength:this.maxLength,min:this.min,name:this.name,outlined:this.outlined,readOnly:this.readOnly,secondary:!!this.rootElement.classList.contains("kup-secondary"),shaped:!!this.rootElement.classList.contains("kup-shaped"),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()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(xt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var jo;Co.style=":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--filled{border-radius:16px 16px 0 0}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;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"}(jo||(jo={}));const Do=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.value="",this.clockVariant=!0,this.customStyle="",this.data={},this.disabled=!1,this.initialValue="",this.manageSeconds=!1,this.timeMinutesStep=10,this.kupManager=n(),this.hoursActive=!0,this.minutesActive=!1,this.secondsActive=!1,this.textFieldContainerEl=void 0,this.textfieldEl=void 0,this.pickerKupEl=void 0,this.clickCb=null}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()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.closePicker(),this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput)}onKupTextFieldSubmit(t){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){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",p.WARNING),void(this.timeMinutesStep=10)):void 0}async getProps(t){return l(this,jo,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setProps(t){h(this,jo,t)}async setValue(t){this.value=t}getFormattedValue(t){return mt(t,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds)}refreshPickerValue(t,i){let e=null;ft(t,this.manageSeconds)&&(this.value=t,e=this.value),null!=e&&i.emit({comp:this,id:this.rootElement.id,value:e})}setPickerValueSelected(t){this.isPickerOpened()&&1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&(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,u.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"),o=Object.assign({},this.data["kup-text-field"]);return o.icon||(o.icon="access_time"),o.icon&&(o.trailingIcon=!0),s(xt,Object.assign({},o,{disabled:this.disabled,fullHeight:i,fullWidth:e,id:this.rootElement.id+"_text-field",value:t,onChange:t=>this.onKupChange(t),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onInput:t=>this.onKupInput(t),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onClearIconClick:()=>this.onKupClearIconClick()}),this.prepTimePicker())}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(){return this.clockVariant?s("kup-card",{ref:t=>this.pickerKupEl=t,data:{options:{initialValue:this.value,manageSeconds:this.manageSeconds,hoursActive:this.hoursActive,minutesActive:this.minutesActive,secondsActive:this.secondsActive}},layoutFamily:j.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)}}):s("kup-list",{ref:t=>this.pickerKupEl=t,data:this.createTimeListData(this.value),"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=[],s=1440/this.timeMinutesStep;let o;o=null==t||""==t.trim()?new Date:this.kupManager.dates.toDate(t,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS),i.setHours(0,0,0);for(let t=0;t<s;t++){let t=!1;i.getHours()==o.getHours()&&i.getMinutes()==o.getMinutes()&&(t=!0);const s=gt(i,this.manageSeconds),r=mt(s,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds);e[e.length]={id:r,selected:t,value:s},i.setMinutes(i.getMinutes()+this.timeMinutesStep)}return e}getTimeForOutput(){return null==this.value||""==this.value.trim()?"":kt(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"),wt(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},this.prepTextfield(this.getTimeForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerKupEl&&this.pickerKupEl.remove()}get rootElement(){return r(this)}static get watchers(){return{timeMinutesStep:["watchTimeMinutesStep"]}}};Do.style=':host{display:block;font-size:var(--kup-font-size);width:max-content}#time-picker-div{display:none;outline:none;position:absolute;z-index:1}#time-picker-div.visible{display:block}.clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.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}.top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.top .active{opacity:1}.circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.circle.active{display:block}.mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.hour.selected{z-index: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%}.hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.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}.unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.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%}.hour,.hour2,.unit{cursor:pointer;transition:background-color 0.25s}.hour:hover,.hour2:hover,.unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.hour.selected,.hour2.selected,.unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.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}.action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.clock .actions .action:active{background-color:rgba(0, 0, 0, 0.3)}.hour:nth-child(12):after{transform:rotate(330deg)}.hour:nth-child(11):after{transform:rotate(300deg)}.hour:nth-child(10):after{transform:rotate(270deg)}.hour:nth-child(9):after{transform:rotate(240deg)}.hour:nth-child(8):after{transform:rotate(210deg)}.hour:nth-child(7):after{transform:rotate(180deg)}.hour:nth-child(6):after{transform:rotate(150deg)}.hour:nth-child(5):after{transform:rotate(120deg)}.hour:nth-child(4):after{transform:rotate(90deg)}.hour:nth-child(3):after{transform:rotate(60deg)}.hour:nth-child(2):after{transform:rotate(30deg)}.hour:nth-child(1):after{transform:rotate(0deg)}.hour2:nth-child(24):after{transform:rotate(690deg)}.hour2:nth-child(23):after{transform:rotate(660deg)}.hour2:nth-child(22):after{transform:rotate(630deg)}.hour2:nth-child(21):after{transform:rotate(600deg)}.hour2:nth-child(20):after{transform:rotate(570deg)}.hour2:nth-child(19):after{transform:rotate(540deg)}.hour2:nth-child(18):after{transform:rotate(510deg)}.hour2:nth-child(17):after{transform:rotate(480deg)}.hour2:nth-child(16):after{transform:rotate(450deg)}.hour2:nth-child(15):after{transform:rotate(420deg)}.hour2:nth-child(14):after{transform:rotate(390deg)}.hour2:nth-child(13):after{transform:rotate(360deg)}.unit:nth-child(60):after{transform:rotate(354deg)}.unit:nth-child(59):after{transform:rotate(348deg)}.unit:nth-child(58):after{transform:rotate(342deg)}.unit:nth-child(57):after{transform:rotate(336deg)}.unit:nth-child(56):after{transform:rotate(330deg)}.unit:nth-child(55):after{transform:rotate(324deg)}.unit:nth-child(54):after{transform:rotate(318deg)}.unit:nth-child(53):after{transform:rotate(312deg)}.unit:nth-child(52):after{transform:rotate(306deg)}.unit:nth-child(51):after{transform:rotate(300deg)}.unit:nth-child(50):after{transform:rotate(294deg)}.unit:nth-child(49):after{transform:rotate(288deg)}.unit:nth-child(48):after{transform:rotate(282deg)}.unit:nth-child(47):after{transform:rotate(276deg)}.unit:nth-child(46):after{transform:rotate(270deg)}.unit:nth-child(45):after{transform:rotate(264deg)}.unit:nth-child(44):after{transform:rotate(258deg)}.unit:nth-child(43):after{transform:rotate(252deg)}.unit:nth-child(42):after{transform:rotate(246deg)}.unit:nth-child(41):after{transform:rotate(240deg)}.unit:nth-child(40):after{transform:rotate(234deg)}.unit:nth-child(39):after{transform:rotate(228deg)}.unit:nth-child(38):after{transform:rotate(222deg)}.unit:nth-child(37):after{transform:rotate(216deg)}.unit:nth-child(36):after{transform:rotate(210deg)}.unit:nth-child(35):after{transform:rotate(204deg)}.unit:nth-child(34):after{transform:rotate(198deg)}.unit:nth-child(33):after{transform:rotate(192deg)}.unit:nth-child(32):after{transform:rotate(186deg)}.unit:nth-child(31):after{transform:rotate(180deg)}.unit:nth-child(30):after{transform:rotate(174deg)}.unit:nth-child(29):after{transform:rotate(168deg)}.unit:nth-child(28):after{transform:rotate(162deg)}.unit:nth-child(27):after{transform:rotate(156deg)}.unit:nth-child(26):after{transform:rotate(150deg)}.unit:nth-child(25):after{transform:rotate(144deg)}.unit:nth-child(24):after{transform:rotate(138deg)}.unit:nth-child(23):after{transform:rotate(132deg)}.unit:nth-child(22):after{transform:rotate(126deg)}.unit:nth-child(21):after{transform:rotate(120deg)}.unit:nth-child(20):after{transform:rotate(114deg)}.unit:nth-child(19):after{transform:rotate(108deg)}.unit:nth-child(18):after{transform:rotate(102deg)}.unit:nth-child(17):after{transform:rotate(96deg)}.unit:nth-child(16):after{transform:rotate(90deg)}.unit:nth-child(15):after{transform:rotate(84deg)}.unit:nth-child(14):after{transform:rotate(78deg)}.unit:nth-child(13):after{transform:rotate(72deg)}.unit:nth-child(12):after{transform:rotate(66deg)}.unit:nth-child(11):after{transform:rotate(60deg)}.unit:nth-child(10):after{transform:rotate(54deg)}.unit:nth-child(9):after{transform:rotate(48deg)}.unit:nth-child(8):after{transform:rotate(42deg)}.unit:nth-child(7):after{transform:rotate(36deg)}.unit:nth-child(6):after{transform:rotate(30deg)}.unit:nth-child(5):after{transform:rotate(24deg)}.unit:nth-child(4):after{transform:rotate(18deg)}.unit:nth-child(3):after{transform:rotate(12deg)}.unit:nth-child(2):after{transform:rotate(6deg)}.unit:nth-child(1):after{transform:rotate(0deg)}.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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb);--kup-list-primary-color:var(--kup-warning-color);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}';class Oo{constructor(){this.density="small",this.globalFilter=!1,this.globalFilterValue="",this.showFilters=!1,this.showFooter=!1,this.filters={},this.load=!1}toDebugString(){return"tree state"}}class So extends Wt{filterRows(t=[],i={},e="",s=[],o){if(!t||null==t)return[];const r=!(!e||!s);if(!r&&!this.hasFilters(i,s,o))return this.setAllVisible(t),t;for(let a=0;a<t.length;a++)this.setNodeVisibility(t[a],i,e,r,s,o);return t}isNodeCompliant(t,i={},e="",s=!1,o=[],r){let a=!1;if(null!=t.cells){let n=t.cells;n[Kt]={obj:t.obj,value:t.value},a=this.areCellsCompliant(n,i,e,s,o,r)}return 1==s&&(a=this.isFilterCompliantForValue(t.value,e)),a}setNodeVisibility(t,i={},e,s=!1,o=[],r){null==r&&(r=new Tt);let a=this.isNodeCompliant(t,i,e,s,o,r);if(1!=t.disabled&&1==t.expandable)if(1==a&&s)this.setAllVisible(t.children);else if(t.children)for(let n=0;n<t.children.length;n++)this.setNodeVisibility(t.children[n],i,e,s,o,r)&&(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){if(null!=t&&0!=t.length)return t.forEach((t=>{let s=t.cells;s[Kt]={obj:t.obj,value:t.value},t.visible&&(vt(e,i,s[i.name]),this.extractColumnValues(t.children,i,e))})),e}expandCollapseNode(t,i=!1){t.expandable&&(t.isExpanded=t.hasOwnProperty("isExpanded")&&t.isExpanded||i)}expandCollapseAllNodes(t,i=!1){if(t.expandable&&!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)}}const $o=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.state=new Oo,this.treeColumnVisible=!0,this.openedTotalMenu=null,this.columnMenuAnchor=null,this.selectedNodeString="",this.stateSwitcher=!1,this.asAccordion=!1,this.autoSelectionNodeMode=!0,this.customStyle="",this.data=[],this.density=H.MEDIUM,this.dynamicExpansionCallback=void 0,this.editableData=!1,this.enableExtraColumns=!0,this.expanded=!1,this.expansionMode=Vt.DROPDOWN,this.filters={},this.globalFilter=!1,this.globalFilterValue="",this.globalFilterMode=yt.SIMPLE,this.preventXScroll=!1,this.removableColumns=!0,this.ripple=!0,this.scrollOnHover=!1,this.selectedNode=[],this.showColumns=!1,this.showFilters=!0,this.showFooter=!1,this.showHeader=!1,this.showIcons=!0,this.stateId="",this.useDynamicExpansion=!1,this.kupManager=n(),this.columnMenuCard=null,this.clickTimeout=[],this.sizedColumns=void 0,this.filtersColumnMenuInstance=new Tt,this.filtersTreeItemsInstance=new So,this.totalMenuCoords=null,this.contentRefs=[],this.oldWidth=null,this.hold=!1,this.interactableTouch=[],this.clickCb=null}initWithPersistedState(){if(this.store&&this.stateId){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=!1;if(this.kupManager.objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),this.kupManager.objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),this.kupManager.objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),this.kupManager.objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),this.kupManager.objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),this.kupManager.objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),!this.state.load)return void(this.state.load=!0);t&&this.store.persistState(this.stateId,this.state)}}enrichDataWhenChanged(t,i){t||(t=[]),t!==i&&this.refreshStructureState()}enrichStructureStateWhenChanged(t,i){t!==i&&this.refreshStructureState()}selectedNodeToStr(t){Array.isArray(t)&&(this.selectedNodeString=t.toString())}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 getProps(t){return l(this,Ht,t)}async hideColumn(t){this.kupManager.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,O(this.getVisibleColumns(),t)),this.columnMenuInstance.open(this,t),this.columnMenuInstance.reposition(this,this.columnMenuCard),this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!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){h(this,Ht,t)}setTreeColumnVisibility(t){this.treeColumnVisible=t}isTreeColumnVisible(){return this.treeColumnVisible}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.treeWrapperRef)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.treeWrapperRef):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.treeWrapperRef)}onKupTreeNodeDblClick(t,i){for(let t=0;t<this.clickTimeout.length;t++)clearTimeout(this.clickTimeout[t]),this.kupManager.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 s=0;s<e.children.length;s++){const o=e.children[s];i.push({cells:e.children[s].cells}),o.children&&t(o)}}let i=[];for(let e=0;e<this.data.length;e++){const s=this.data[e];i.push({cells:this.data[e].cells}),s.children&&t(this.data[e])}return i}setDynPosElements(){this.columnMenuCard&&this.columnMenuCard.data&&(this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(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:Kt,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.selectedNodeString,!0)}}openTotalMenu(t){this.openedTotalMenu=t.name}onTotalMenuOpen(t){this.closeTotalMenu(),this.openTotalMenu(t)}getEventDetails(t,i){let e,s,o,r,a,n,l;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":s=!0;break;case"TFOOT":o=!0;break;case"TD":r=h;break;case"TH":a=h;break;case"TR":n=h;break;default:h.classList.contains(c.FILTER_REMOVE.replace("--",""))&&(l=h)}}let h=null,u=null,d=null;if(s&&(r&&(h=r["data-cell"]),n&&(d=n["data-row"])),e||s||o){const t=r?r.dataset.column:a?a.dataset.column:null;t&&(u=O(this.getColumns(),t))}return{area:e?"header":s?"body":o?"footer":null,cell:h||null,column:u||null,filterRemove:l||null,originalEvent:i,row:d||null,td:r||null,th:a||null,tr:n||null}}contextMenuHandler(t){t.preventDefault();const i=this.getEventDetails(this.getEventPath(t.target),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}getEventPath(t){const i=[];for(;t&&t!==this.rootElement&&t!==document.body;)i.push(t),t=t.parentNode?t.parentNode:t.host;return i}hdlTreeNodeClick(t,i,e,s){if(this.expansionMode.toLowerCase()===Vt.DROPDOWN||this.expansionMode.toLowerCase()===Vt.NODE&&!i.expandable){const o=t?this.getEventPath(t.target).find((t=>{if("TD"===t.tagName)return t})):null;i&&!i.disabled&&(this.autoSelectionNodeMode&&(this.selectedNode=e.split(",").map((t=>parseInt(t)))),this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:e.split(",").map((t=>parseInt(t))),treeNode:i,columnName:o?o.dataset.column:null,auto:s}))}this.expansionMode.toLowerCase()===Vt.NODE&&this.hdlTreeNodeExpanderClick(i,e,!!t&&t.ctrlKey)}hdlTreeNodeExpanderClick(t,i,e){if(t.expandable){const s=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:s,treeNode:t,usesDynamicExpansion:this.useDynamicExpansion}):this.kupTreeNodeCollapse.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})):this.useDynamicExpansion&&(e&&this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t}),this.dynamicExpansionCallback?this.dynamicExpansionCallback(t,s).then((i=>{t.children=i,t.isExpanded=!t.isExpanded,this.refresh(),this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,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:s,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 s=t.children[e];s.disabled||(s.isExpanded=i,s.children&&this.handleChildren(s,i))}}selectedNodeToString(t){let i="";if(t&&t.length){i=t[0].toString();for(let e=1;e<t.length;e++)i+=`,${t[0]}`}return i}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}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){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: setting up tree as grid.",p.WARNING);const t=this.data;this.columns=t.columns,this.data=this.kupManager.data.row.toNode(t),this.showColumns=!0,this.showHeader=!0}this.data.forEach((t=>{this.expandCollapseAllNodes(t,this.expanded&&!this.useDynamicExpansion)}))}}createIconElement(t,i,e){if(i.indexOf(".")>-1||i.indexOf("/")>-1||i.indexOf("\\")>-1)return s("span",{class:t+=" is-image"},s("img",{src:i}));{let o=`url('${a(`./assets/svg/${i}.svg`)}') no-repeat center`;t+=" kup-icon";let r=Object.assign(Object.assign({},e?{background:e}:{}),{mask:o,webkitMask:o});return s("span",{style:r,class:t})}}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===Kt)return;let i=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,t)){const e=this.kupManager.language.translate(y.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(t)}'`;i=s("span",{title:e,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`,onClick:i=>{i.stopPropagation(),this.onRemoveFilter(t)}})}return s("th",{"data-column":t.name,style:this.getCellStyle(t.name,null)},s("span",{class:"column-title"},t.title),i)}))}renderHighlightedContent(t,i,e){let o=[];if(i&&t){let r=t,a=r.toLowerCase().indexOf(i.toLowerCase());for(;a>-1;)o.push(r.substring(0,a)),o.push(s("span",{class:e+"--highlighted"},r.substring(a,a+i.length))),r=r.substring(a+i.length,r.length),a=r.toLowerCase().indexOf(i.toLowerCase());a<r.length&&o.push(r.substring(a,r.length))}else o.push(t);return s("span",{class:e,ref:t=>this.contentRefs.push(t),title:this.preventXScroll?t:null},o)}renderTreeNode(t,i,e=0){let o=e?s("span",{class:"kup-tree__indent",style:{"--kup_tree_node_depth":this.asAccordion?(e-1).toString():e.toString()}}):null;const r=!(!t.expandable||!(t.children&&t.children.length||this.useDynamicExpansion));let a="expand-icon kup-tree__icon kup-tree__node__expander";r&&(a+=" kup-icon",a+=this.asAccordion&&0===e?` ${c.DROPDOWN.replace("--","")}`:t.isExpanded?` ${c.EXPANDED.replace("--","")}`:` ${c.COLLAPSED.replace("--","")}`);let n=s("span",{title:this.kupManager.language.translate(y.EXPAND)+"/"+this.kupManager.language.translate(y.COLLAPSE)+" (CTRL + Click)",class:a,onClick:this.expansionMode.toLowerCase()!==Vt.DROPDOWN||t.disabled?null:e=>{e.stopPropagation(),this.hdlTreeNodeExpanderClick(t,i,e.ctrlKey)}}),l=null;this.showIcons&&(l=t.icon?""===t.icon?s("span",{class:"kup-tree__icon"}):this.createIconElement("kup-tree__icon",t.icon,t.iconColor):null);let h={};t.hasOwnProperty("isExpanded")&&t.isExpanded&&r&&(h["data-is-expanded"]=t.isExpanded),t.disabled||(h.onClick=e=>{const s={};for(const t in e)s[t]=e[t];this.clickTimeout.push(setTimeout((()=>this.hdlTreeNodeClick(s,t,i,!1)),300))});let u,d=null,p=this.getVisibleColumns();if(this.kupManager.objects.isEmptyKupObj(t.obj),this.showColumns&&p&&p.length){d=[];for(let i=0;i<p.length;i++){const e=p[i];if(t.cells&&t.cells[e.name]){const i=t.cells[e.name]?t.cells[e.name]:null;d.push(s("td",{class:"grid-cell","data-cell":i,"data-column":e.name},s(Bt,Object.assign({},{cell:i,column:e,component:this,density:this.density,editable:this.editableData,renderKup:!0,row:t,setSizes:!0}))))}else d.push(s("td",{class:"grid-cell"}))}}!this.kupManager.objects.isEmptyKupObj(t.obj)&&this.kupManager.debug.isDebug()&&(u=t.obj.t+"; "+t.obj.p+"; "+t.obj.k+";");let b=null;if(this.isTreeColumnVisible()){let a="";a=yt.HIGHLIGHT===this.globalFilterMode?this.renderHighlightedContent(t.value,this.globalFilterValue,"cell-content"):s("span",{ref:t=>this.contentRefs.push(t),class:"cell-content",title:this.preventXScroll?t.value:null},t.value),b=s("td",{class:{"first-node":0===e,"mdc-ripple-surface":this.ripple&&!this.showColumns&&!t.disabled,"is-obj":!this.kupManager.objects.isEmptyKupObj(t.obj)},style:t.style||null,title:u,onDblClick:()=>{this.onKupTreeNodeDblClick(t,i)}},this.asAccordion&&!e?[l,a,r?n:null]:[o,n,l,a])}return s("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.selectedNodeString},"data-row":t,"data-tree-path":i},h),b,d)}closeTotalMenu(){this.openedTotalMenu=null,this.kupManager.removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}onTotalsChange(t,i){if(this.closeTotalMenu(),i){const e=Object.assign({},this.totals),s=t.detail.selected.id;s===U.CANC?this.totals&&this.totals[i.name]&&delete e[i.name]:e[i.name]=s,this.totals=e}}renderFooter(){const t=s("td",null),i=this.getVisibleColumns().map((t=>{let i,e=U.CALC;const o={[U.AVERAGE]:this.kupManager.language.translate(v.AVERAGE),[U.CALC]:this.kupManager.language.translate(v.CALCULATE),[U.CANC]:this.kupManager.language.translate(v.CANCEL),[U.COUNT]:this.kupManager.language.translate(v.COUNT),[U.DISTINCT]:this.kupManager.language.translate(v.DISTINCT),[U.MATH]:this.kupManager.language.translate(v.FORMULA),[U.MAX]:this.kupManager.language.translate(v.MAXIMUM),[U.MIN]:this.kupManager.language.translate(v.MINIMUM),[U.SUM]:this.kupManager.language.translate(v.SUM)};if(this.totals){const i=this.totals[t.name];if(i)if(i.startsWith(X.MATH))e=U.MATH;else switch(i){case X.COUNT:e=U.COUNT;break;case X.DISTINCT:e=U.DISTINCT;break;case X.SUM:e=U.SUM;break;case X.AVERAGE:e=U.AVERAGE;break;case X.MIN:e=U.MIN;break;case X.MAX:e=U.MAX}}if(this.isOpenedTotalMenuForColumn(t.name)){let r=[{id:X.COUNT,value:o[U.COUNT]},{id:X.DISTINCT,value:o[U.DISTINCT]}];this.kupManager.objects.isNumber(t.obj)&&r.push({id:X.SUM,value:o[U.SUM]},{id:X.AVERAGE,value:o[U.AVERAGE]},{id:X.MIN,value:o[U.MIN]},{id:X.MAX,value:o[U.MAX]});let a=r.find((t=>t.value===e));a&&(a.selected=!0,r.push({id:U.CANC,separator:!0,value:o[U.CANC]})),i=s("kup-list",{class:"total-menu",data:r,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":i=>this.onTotalsChange(i,t)})}let r;return r=e===U.COUNT||e===U.DISTINCT?this.footer[t.name]:nt(this.footer[t.name],t.decimals,t.obj?t.obj.p:""),s("td",{"data-column":t.name},i,s("span",{class:"totals-value",title:o[e]},r))}));return s("tfoot",null,s("tr",null,t,i))}didLoadInteractables(){this.interactableTouch.push(this.treeWrapperRef),this.kupManager.interact.on(this.treeWrapperRef,q.TAP,(t=>{if(this.hold)this.hold=!1;else switch(t.button){case 2:this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.treeWrapperRef,q.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&&(this.kupManager.dynamicPosition.register(t,this.totalMenuCoords),this.clickCb||(this.clickCb={cb:()=>{this.closeTotalMenu(),this.kupManager.dynamicPosition.stop(t)},el:t}),this.kupManager.addClickCallback(this.clickCb,!0),this.kupManager.dynamicPosition.start(t),t.menuVisible=!0)}}renderTree(t,i,e=0){let s=[];if(t&&1==t.visible&&(s.push(this.renderTreeNode(t,i,e)),t.expandable&&t.children&&t.children.length&&t.isExpanded))for(let o=0;o<t.children.length;o++)s=s.concat(this.renderTree(t.children[o],i+","+o,e+1));return s}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 s=5,o=i.right-t.right;e.classList.add("cell-content--ellipsis"),e.style.setProperty("--kup_tree_content_width",i.width-o-s+"px")}}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.columnMenuInstance=new cs,this.refreshStructureState(),Array.isArray(this.selectedNode)&&(this.selectedNodeString=this.selectedNode.toString())}componentDidLoad(){if(this.selectedNode&&this.selectedNode.length>0&&this.selectedNode[0]>=0){let t=this.selectedNode,i=this.data[t[0]];t.length>1?(t=t.slice(1),this.launchNodeEvent(t,i)):this.hdlTreeNodeClick(null,i,this.selectedNodeString,!0)}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.showFooter&&this.columns&&(this.footer=Pt(Rt(this.getColumns(),this.nodesToRows()),this.totals)),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++)St.attachTo(i[t])}if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)wt(i[t])}this.preventXScroll&&this.setEllipsis(),this.totalMenuPosition(),this.checkScrollOnHover(),this.setDynPosElements(),this.persistState(),this.oldWidth=this.rootElement.clientWidth,this.kupManager.debug.logRender(this,!0)}render(){this.contentRefs=[],this.sizedColumns=this.getSizedColumns();let t="density-medium";switch(this.density){case H.DENSE:t="density-dense";break;case H.WIDE:t="density-wide"}let i=[];this.data&&this.data.length?this.data.forEach(((t,e)=>{i=i.concat(this.renderTree(t,e.toString()))})):i.push(s("tr",null,s("td",null,this.kupManager.language.translate(y.EMPTY_DATA))));const e=this.showHeader&&this.showColumns;let r=null;return this.globalFilter&&this.data&&this.data.length&&this.data.length>0&&(r=s("div",{id:"global-filter"},s("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(K.SEARCH),icon:c.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,class:t},r,s("div",{class:"wrapper",ref:t=>this.treeWrapperRef=t},s("table",{class:"kup-tree","data-show-columns":this.showColumns,onContextMenu:t=>{t.preventDefault()}},s("thead",{class:{"header--is-visible":e}},s("tr",null,e?this.renderHeader():null)),s("tbody",null,i),(this.showFooter||this.hasTotals())&&this.columns?this.renderFooter():null))))}disconnectedCallback(){this.kupManager.language.register(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+ut+"]");t.length>0&&this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(t)),this.columnMenuCard&&this.columnMenuCard.remove(),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.treeWrapperRef),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{data:["enrichDataWhenChanged"],expanded:["enrichStructureStateWhenChanged"],selectedNode:["selectedNodeToStr"]}}};$o.style=":host{--kup_tree_border:var(--kup-tree-border, 1px solid var(--kup-border-color));--kup_tree_color:var(--kup-tree-color, var(--kup-text-color));--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(--kup-tree-filter-background-color, var(--kup-background-color));--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_hover_color:var(--kup-tree-hover-color, var(--kup-hover-color));--kup_tree_hover_background_color:var(\n    --kup-tree-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_tree_icon_color:var(--kup-tree-icon-color, var(--kup-icon-color));--kup_tree_primary_color:var(\n    --kup-tree-primary-color,\n    var(--kup-primary-color)\n  );--kup_tree_primary_color_rgb:var(\n    --kup-tree-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tree_text_on_primary_color:var(\n    --kup-tree-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );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_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 0.5em}.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 0.5em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:max-content}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead th{text-align:left}.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.3em}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em 0.5em}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.5em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:1.5em;min-width:1.5em;width:1.5em}.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_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_hover_background_color);color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:rgba(var(--kup_tree_primary_color_rgb), 0.175);color:var(--kup_tree_color)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup-border-color)}#global-filter{background:var(--kup_tree_filter_background_color);margin-bottom:1em;position:sticky;top:0;z-index:1}.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_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}tfoot td{border-bottom:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup-background-color)}tfoot td:first-of-type{border:none;border-right:var(--kup_tree_border)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:var(--kup_tree_border);border-right:var(--kup_tree_border)}: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_hover_background_color)}: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_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_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first:first-of-type .first-node{border-top-left-radius:4px;border-top-right-radius:4px;border-top:var(--kup_tree_border)}:host([as-accordion]) .kup-tree__node--first:last-of-type .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;border-bottom:var(--kup_tree_border);border-left:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;color:var(--kup_tree_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:var(--kup_tree_border);border-top-left-radius:4px;border-top-right-radius:4px}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-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{fi as kup_autocomplete,ki as kup_badge,yi as kup_button,wi as kup_button_list,Re as kup_card,Le as kup_chart,Ae as kup_checkbox,Ve as kup_chip,Be as kup_color_picker,ns as kup_combobox,us as kup_data_table,ds as kup_date_picker,bs as kup_dropdown_button,As as kup_gauge,Gs as kup_image,co as kup_list,po as kup_progress_bar,mo as kup_radio,go as kup_rating,vo as kup_spinner,xo as kup_switch,_o as kup_tab_bar,Co as kup_text_field,Do as kup_time_picker,$o as kup_tree}
+var xe=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")},we=function(){function t(t,i){for(var e=0;e<i.length;e++){var s=i[e];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}return function(i,e,s){return e&&t(i.prototype,e),s&&t(i,s),i}}(),_e=function(t,i){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,i){var e=[],s=!0,o=!1,r=void 0;try{for(var a,n=t[Symbol.iterator]();!(s=(a=n.next()).done)&&(e.push(a.value),!i||e.length!==i);s=!0);}catch(t){o=!0,r=t}finally{try{!s&&n.return&&n.return()}finally{if(o)throw r}}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 ze={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 Ce(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,e=i>0?t.toFixed(i).replace(/0+$/,"").replace(/\.$/,""):t.toString();return e||"0"}var je=function(){function t(i,e,s,o){xe(this,t);var r=this;if(void 0===i);else if(Array.isArray(i))this.rgba=i;else if(void 0===s){var a=i&&""+i;a&&function(i){if(i.startsWith("hsl")){var e=i.match(/([\-\d\.e]+)/g).map(Number),s=_e(e,4),o=s[0],a=s[1],n=s[2],l=s[3];void 0===l&&(l=1),r.hsla=[o/=360,a/=100,n/=100,l]}else if(i.startsWith("rgb")){var h=i.match(/([\-\d\.e]+)/g).map(Number),c=_e(h,4),u=c[3];void 0===u&&(u=1),r.rgba=[c[0],c[1],c[2],u]}else r.rgba=i.startsWith("#")?t.hexToRgb(i):t.nameToRgb(i)||t.hexToRgb(i)}(a.toLowerCase())}else this.rgba=[i,e,s,void 0===o?1:o]}return we(t,[{key:"printRGB",value:function(t){var i=(t?this.rgba:this.rgba.slice(0,3)).map((function(t,i){return Ce(t,3===i?3:0)}));return t?"rgba("+i+")":"rgb("+i+")"}},{key:"printHSL",value:function(t){var i=[360,100,100,1],e=["","%","%",""],s=(t?this.hsla:this.hsla.slice(0,3)).map((function(t,s){return Ce(t*i[s],3===s?3:1)+e[s]}));return t?"hsla("+s+")":"hsl("+s+")"}},{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),s=ze[e];return void 0===s?s:t.hexToRgb(s.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var i=_e(t,4),e=i[0],s=i[1],o=i[2],r=i[3];e/=255,s/=255,o/=255;var a=Math.max(e,s,o),n=Math.min(e,s,o),l=void 0,h=void 0,c=(a+n)/2;if(a===n)l=h=0;else{var u=a-n;switch(h=c>.5?u/(2-a-n):u/(a+n),a){case e:l=(s-o)/u+(s<o?6:0);break;case s:l=(o-e)/u+2;break;case o:l=(e-s)/u+4}l/=6}return[l,h,c,r]}},{key:"hslToRgb",value:function(t){var i=_e(t,4),e=i[0],s=i[1],o=i[2],r=i[3],a=void 0,n=void 0,l=void 0;if(0===s)a=n=l=o;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=o<.5?o*(1+s):o+s-o*s,u=2*o-c;a=h(u,c,e+1/3),n=h(u,c,e),l=h(u,c,e-1/3)}var d=[255*a,255*n,255*l].map(Math.round);return d[3]=r,d}}]),t}(),De=function(){function t(){xe(this,t),this._events=[]}return we(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,s){this._events=this._events.filter((function(o){var r=!0;return i&&i!==o.target&&(r=!1),e&&e!==o.type&&(r=!1),s&&s!==o.handler&&(r=!1),r&&t._doRemove(o.target,o.type,o.handler),!r}))}},{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 Oe(t,i,e){var s=!1;function o(t,i,e){return Math.max(i,Math.min(t,e))}function r(t,r,a){if(a&&(s=!0),s){t.preventDefault();var n=i.getBoundingClientRect(),l=n.width,h=n.height,c=r.clientY,u=o(r.clientX-n.left,0,l),d=o(c-n.top,0,h);e(u/l,d/h)}}function a(t,i){1===(void 0===t.buttons?t.which:t.buttons)?r(t,t,i):s=!1}function n(t,i){1===t.touches.length?r(t,t.touches[0],i):s=!1}t.add(i,"mousedown",(function(t){a(t,!0)})),t.add(i,"touchstart",(function(t){n(t,!0)})),t.add(window,"mousemove",a),t.add(i,"touchmove",n),t.add(window,"mouseup",(function(){s=!1})),t.add(i,"touchend",(function(){s=!1})),t.add(i,"touchcancel",(function(){s=!1}))}function Se(t,i){return(i||document).querySelector(t)}function $e(t){t.preventDefault(),t.stopPropagation()}function Te(t,i,e,s,o){t.add(i,"keydown",(function(t){e.indexOf(t.key)>=0&&(o&&$e(t),s(t))}))}var We=function(){function t(i){xe(this,t),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new De,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(i)}return we(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 s=t.color||t.colour;s&&this._setColor(s)}var o=e.parent;if(o&&e.popup&&!this._popupInited){var r=function(t){return i.openHandler(t)};this._events.add(o,"click",r),Te(this._events,o,[" ","Spacebar","Enter"],r),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&&"keydown"===t.type?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?"mousedown"===i||"focusin"===i?t.timeStamp>(this.__containedEvent||0)+100&&(e=!0):($e(t),e=!0):e=!0,e&&this.hide()&&(this.settings.parent.style.pointerEvents="","mousedown"!==i&&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 je(t)}catch(t){if(i.failSilently)return;throw t}if(!this.settings.alpha){var s=e.hsla;s[3]=1,e.hsla=s}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,s=(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=s,this._domH=Se(".picker_hue",s),this._domSL=Se(".picker_sl",s),this._domA=Se(".picker_alpha",s),this._domEdit=Se(".picker_editor input",s),this._domSample=Se(".picker_sample",s),this._domOkay=Se(".picker_done button",s),this._domCancel=Se(".picker_cancel button",s),s.classList.add("layout_"+this.settings.layout),this.settings.alpha||s.classList.add("no_alpha"),this.settings.editor||s.classList.add("no_editor"),this.settings.cancelButton||s.classList.add("no_cancel"),this._ifPopup((function(){return s.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,s=this._events;function o(t,i,e){s.add(t,i,e)}o(e,"click",(function(t){return t.preventDefault()})),Oe(s,this._domH,(function(t){return i._setHSLA(t)})),Oe(s,this._domSL,(function(t,e){return i._setHSLA(null,t,1-e)})),this.settings.alpha&&Oe(s,this._domA,(function(t,e){return i._setHSLA(null,null,null,1-e)}));var r=this._domEdit;o(r,"input",(function(){i._setColor(this.value,{fromEditor:!0,failSilently:!0})})),o(r,"focus",(function(){var t=this;t.selectionStart===t.selectionEnd&&t.select()})),this._ifPopup((function(){var i=function(i){return t.closeHandler(i)};o(window,"mousedown",i),o(window,"focusin",i),Te(s,e,["Esc","Escape"],i);var r=function(i){t.__containedEvent=i.timeStamp};o(e,"mousedown",r),o(e,"focusin",r),o(t._domCancel,"click",i)}));var a=function(i){t._ifPopup((function(){return t.closeHandler(i)})),t.onDone&&t.onDone(t.colour)};o(this._domOkay,"click",a),Te(s,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 s=!0===e?"popup_right":"popup_"+e;["popup_top","popup_bottom","popup_left","popup_right"].forEach((function(t){t===s?i.classList.add(t):i.classList.remove(t)})),i.classList.add(s)}))}},{key:"_setHSLA",value:function(t,i,e,s,o){o=o||{};var r=this.colour,a=r.hsla;[t,i,e,s].forEach((function(t,i){(t||0===t)&&(a[i]=t)})),r.hsla=a,this._updateUI(o),this.onChange&&!o.silent&&this.onChange(r)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var i=this.colour,e=i.hsla,s="hsl("+360*e[0]+", 100%, 50%)",o=i.hslString,r=i.hslaString,a=this._domSL,n=this._domA,l=Se(".picker_selector",this._domH),h=Se(".picker_selector",a),c=Se(".picker_selector",n);m(0,l,e[0]),this._domSL.style.backgroundColor=this._domH.style.color=s,m(0,h,e[1]),f(0,h,1-e[2]),a.style.color=o,f(0,c,1-e[3]);var u=o,d=u.replace("hsl","hsla").replace(")",", 0)");if(this._domA.style.background="linear-gradient("+[u,d]+"), 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 p=this.settings.alpha,b=void 0;switch(this.settings.editorFormat){case"rgb":b=i.printRGB(p);break;case"hsl":b=i.printHSL(p);break;default:b=i.printHex(p)}this._domEdit.value=b}this._domSample.style.color=r}function m(t,i,e){i.style.left=100*e+"%"}function f(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",s=i.style.display!==e;return s&&(i.style.display=e),s}}]),t}(),Pe=document.createElement("style");Pe.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(Pe),We.StyleElement=Pe;const Re=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.customStyle="",this.data=null,this.isMenu=!1,this.layoutFamily=j.STANDARD,this.layoutNumber=1,this.menuVisible=!1,this.sizeX="100%",this.sizeY="100%",this.cardEvent=t=>{t.stopPropagation(),this.onKupEvent(t)},this.kupManager=n(),this.scalingActive=!1,this.componentWrapper=null,this.colorPicker=null,this.firstColorPickerChange=!0}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!==_.BUTTON_CLICK||i.detail.id!==z.EXPAND_ACTION){if(e&&i.type===_.TABBAR_CLICK&&i.detail.id===z.VIEW_SELECTOR){const t=e.querySelectorAll("."+k.CARD_VIEW);for(let e=0;e<t.length;e++){const s=t[e];s.classList.contains(k.VIEW_PREFIX+(i.detail.index+1))?s.classList.add(k.VISIBLE):s.classList.remove(k.VISIBLE)}}if(e&&i.type===_.CHIP_ICONCLICK&&i.detail.id===z.COLUMNS_LIST&&e.querySelector("#"+he.BUTTON_APPLY).classList.add("visible"),e&&i.type===_.TREE_NODESELECTED&&i.detail.id===z.EXTRA_COLUMNS&&i.detail.treeNode){const s=e.querySelector("#"+he.BUTTON_APPLY),o=e.querySelector("#"+z.COLUMNS_LIST),r=i.detail.treeNode,a=i.detail.treeNode.obj;if(a&&""!==a.t&&("**"!==a.t||"**"===a.t&&!a.k)){const i=o&&o.data?o.data:null,e=t.rootElement.dataset.column+"_"+(r.id?r.id.replace(/\//g,"_"):"");if(i){const t=i.find((t=>t.value===e));t?i.splice(i.indexOf(t),1):i.push({icon:r.icon,value:r.value,obj:r.obj,id:e}),s.classList.add("visible")}else o.data.chip=[{icon:r.icon,label:r.value,obj:r.obj,value:e}];o.refresh()}}if(e&&i.type===_.BUTTON_CLICK&&i.detail.id===he.BUTTON_APPLY){const i=e.querySelector("#"+z.COLUMNS_LIST);t.data.chip[0].data=i.data}if(i.type!==_.BUTTON_CLICK||i.detail.id!==z.NEXT_ROW&&i.detail.id!==z.PREVIOUS_ROW||t.refresh(),e&&i.type===_.BUTTON_CLICK&&i.detail.id===z.VIEW_SELECTOR){const t=e.querySelectorAll("."+k.CARD_VIEW);"on"===i.detail.value?(t[0].classList.remove(k.VISIBLE),t[1].classList.add(k.VISIBLE)):(t[1].classList.remove(k.VISIBLE),t[0].classList.add(k.VISIBLE))}}else{const i=e.querySelector("."+k.COLLAPSIBLE_CARD);i.classList.contains("."+k.EXPANDED)?t.oldSizeY&&(i.classList.remove("."+k.EXPANDED),t.sizeY=t.oldSizeY):(i.classList.add("."+k.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 l(this,D,t)}async refresh(){e(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.layoutManager()}),300)}async setProps(t){h(this,D,t)}setEvents(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("#"+z.DIALOG_CLOSE);i&&(i.onclick=()=>this.onKupClose(z.DIALOG_CLOSE));const e=t.querySelectorAll("."+k.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("."+k.COLLAPSIBLE_ELEMENT),e=t.querySelector("."+k.COLLAPSIBLE_CARD),s=t.querySelector("."+k.COLLAPSIBLE_WRAPPER);e.classList.contains(k.EXPANDED)||(i.clientHeight>s.clientHeight?e.classList.contains(k.COLLAPSIBLE_ACTIVE)||e.classList.add(k.COLLAPSIBLE_ACTIVE):e.classList.contains(k.COLLAPSIBLE_ACTIVE)&&e.classList.remove(k.COLLAPSIBLE_ACTIVE))}getLayout(){const t=this.layoutFamily.toLowerCase(),i="create"+this.layoutNumber;try{switch(t){case j.BUILT_IN:return le[i](this);case j.COLLAPSIBLE:return pe[i](this);case j.DIALOG:return fe[i](this);case j.FREE:return ge[i](this);case j.SCALABLE:return ke[i](this);default:case j.STANDARD:return ye[i](this)}}catch(t){this.kupManager.debug.logMessage(this,t,p.WARNING);let i={resource:"warning",title:this.kupManager.language.translate(y.LAYOUT_NYI)+"!"};return s(zt,Object.assign({},i))}}dialog(){const t=this.rootElement.shadowRoot;if(t){const i=this.rootElement,e=t.querySelector("#"+z.DRAG_HANDLE),s=!!t.querySelector("."+k.DIALOG_UNRESIZABLE);this.kupManager.interact.isRegistered(i)||this.kupManager.interact.dialogify(i,e||null,s)}}builtIn(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector("."+k.BUILT_IN_CARD);switch(this.layoutNumber){case 4:const t=this.data&&this.data.options?this.data.options:null,e=t?t.initialValue:null;this.colorPicker||(this.colorPicker=new We({alpha:!1,color:e,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));switch(i){case j.COLLAPSIBLE:this.collapsible();break;case j.DIALOG:this.dialog();break;case j.BUILT_IN:this.builtIn();break;case j.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-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)}scalable(){this.scalingActive=!0;const t=this.rootElement.shadowRoot,i=t.querySelector(".scalable-element"),e=t.querySelector(".scalable-card"),s=.1,o=.9*e.clientHeight,r=.85*e.clientWidth,a=.95*e.clientWidth;let n=2e3,l=parseFloat(e.style.getPropertyValue("--kup_card_multiplier"));for(l<.1&&(l=1);(i.clientWidth<r||i.clientWidth>a)&&n>0&&l>s;)n--,i.clientWidth<r?(l+=s,e.style.setProperty("--kup_card_multiplier",l+"")):i.clientWidth>a?(l-=s,e.style.setProperty("--kup_card_multiplier",l+"")):n=0;for(;i.clientHeight>o&&l>s;)l-=s,e.style.setProperty("--kup_card_multiplier",l+"");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&&St.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 s(o,{style:{"--kup_card_height":this.sizeY?this.sizeY:"100%","--kup_card_width":this.sizeX?this.sizeX:"100%"}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,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 r(this)}};var Me,Ie,Fe;function Ee(t,i){if(null==t||null==i)return null;for(let e=0;e<i.length;e++){let s=i[e];if(null!=s&&s.name==t)return s.title}return t}Re.style='.built-in-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;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 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;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-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}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;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;border-radius:1000px;position:relative;top:25px;left: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-color);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-color);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-color);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-color)}.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-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);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-color)}.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{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-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{border-radius:50%;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-hover-background-color)}.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-color);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-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:1fr 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;bottom:-10%}.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%}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative;bottom:10%}.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 10%;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-card{align-items:center;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);border-radius:4px;display:flex;font-size:calc(var(--kup-font-size) * var(--kup_card_multiplier));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.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-color);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-color);padding:0.5em 0.5em}.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}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);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);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.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{--kup-button-font-size:0.75em;font-size:1.25em;margin-top:-0.5em;padding:0 0.25em 0.25em}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em}.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}.standard-layout-14 .section-1 .info .value{width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.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;display:inline-flex}.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 .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:center;display:flex;font-size:1.25em;font-weight:600;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);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}.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}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);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}:host{--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\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}#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."}(Me||(Me={})),function(t){t.D2="2D",t.D3="3D"}(Ie||(Ie={})),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"}(Fe||(Fe={}));const Le=class{constructor(e){t(this,e),this.kupChartClick=i(this,"kup-chart-click",6),this.colors=[],this.customStyle="",this.legend="right",this.offlineMode=void 0,this.showMarks=!1,this.sizeX="100%",this.sizeY="100%",this.sorting=null,this.stacked=!1,this.types=[Fe.Hbar],this.version="45.2",this.kupManager=n(),this.elStyle=void 0,this.themeColors=null,this.themeText=null}identifyRows(){this.data&&R(this.data.rows)}async getProps(t){return l(this,Me,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){h(this,Me,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 Fe.Area:return new google.visualization.AreaChart(this.chartContainer);case Fe.Bubble:return new google.visualization.BubbleChart(this.chartContainer);case Fe.Cal:return new google.visualization.Calendar(this.chartContainer);case Fe.Candlestick:return new google.visualization.CandlestickChart(this.chartContainer);case Fe.Geo:return new google.visualization.GeoChart(this.chartContainer);case Fe.Hbar:return new google.visualization.BarChart(this.chartContainer);case Fe.Line:return new google.visualization.LineChart(this.chartContainer);case Fe.Pie:return new google.visualization.PieChart(this.chartContainer);case Fe.Sankey:return new google.visualization.Sankey(this.chartContainer);case Fe.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]:Fe.Unk}isComboChart(){return this.types.length>1}createGoogleChartOptions(){const t={backgroundColor:"transparent",is3D:Ie.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||Fe.ColumnChart!==this.getMainChartType()&&Fe.Unk!==this.getMainChartType()&&Fe.Hbar!==this.getMainChartType()&&Fe.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 s="bars";Fe.Line===i?s="line":Fe.Area===i&&(s="area");let o="";(this.vAxes&&this.vAxes.length>0||this.hAxes&&this.hAxes.length>0)&&(o=e.toString()),t.series[e.toString()]={type:s,targetAxisIndex:o}}))),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 s=[],o=O(t.columns,e);return o&&s.push(o),i.map((i=>{const e=O(t.columns,i.code);e&&s.push(e)})),s})(this.data,{axis:this.axis,series:this.series}),i=((t,i,e)=>{if(!t)return[];const s=[];if(t.rows){const o=new S,r=new P;t.rows.forEach((t=>{const a=t.cells,n=[];i.forEach(((t,i)=>{const s=a[t.name];if(s&&s.obj){const t=e&&i>0;if(r.isNumber(s.obj)){const i=T(s);n.push(i),t&&n.push(i.toString())}else if(r.isDate(s.obj)){const i=o.toDate(r.parseDate(s.obj));n.push(i),t&&n.push(i.toString())}else if(r.isTime(s.obj)){const i=o.normalize(s.obj.k,W.TIME);n.push(i.toDate()),t&&n.push(i.toDate())}else if(r.isTimestamp(s.obj)){const i=o.normalize(s.obj.k,W.TIMESTAMP);n.push(i.toDate()),t&&n.push(i.toDate())}else n.push(s.obj.k),t&&n.push(s.value)}})),s.push(n)}))}return s})(this.data,t,this.showMarks),e=[];for(let i=0;i<t.length;i++)e.push({label:Ee(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 s=this.createGoogleChartOptions();this.gChart.draw(this.gChartView,s),google.visualization.events.addListener(this.gChart,"select",this.onChartSelect.bind(this))}onChartSelect(){const t=this.gChart.getSelection()[0];if(t){const 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,s=t.column,o=this.gChartView.getTableRowIndex(null!=e?e:0);if(i.row=this.data.rows[o],i.rowindex=o,this.series.length>1){let t=this.gChartView.getTableColumnIndex(null!=s?s:0);"annotation"===this.gChartDataTable.getColumnProperty(t,"role")&&--t,i.column=O(this.data.columns,this.series[t-1].code),i.colindex=t}else i.column=O(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!",p.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[d.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!",p.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},s(o,{style:this.elStyle},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,ref:t=>this.chartContainer=t}))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.kupManager.resize.unobserve(this.rootElement)}get rootElement(){return r(this)}static get watchers(){return{data:["identifyRows"]}}};var Ne;Le.style=":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."}(Ne||(Ne={}));const Ae=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.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.indeterminate=!1,this.label=null,this.leadingLabel=!1,this.kupManager=n()}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 l(this,Ne,t)}async refresh(){e(this)}async setProps(t){h(this,Ne,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"),onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s($t,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var Ke;Ae.style=":host{display:block;margin:auto}",function(t){t.customStyle="Custom style of the component.",t.data="List of elements.",t.type="The type of chip. Available types: input, filter, choice or empty for default."}(Ke||(Ke={}));const Ve=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-chip-blur",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),this.customStyle="",this.data=[],this.type=Dt.STANDARD,this.kupManager=n()}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.refresh()}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return l(this,Ke,t)}async refresh(){e(this)}async setProps(t){h(this,Ke,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;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'.",p.WARNING)),this.data[i].checked&&!t&&(t=!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"),data:this.data,info:!!this.rootElement.classList.contains("kup-info"),onBlur:[],onClick:[],onExpansionClick:[],onFocus:[],onIconClick:[],secondary:!!this.rootElement.classList.contains("kup-secondary"),success:!!this.rootElement.classList.contains("kup-success"),type:this.type,warning:!!this.rootElement.classList.contains("kup-warning")};for(let i=0;i<this.data.length;i++)t.onBlur.push((t=>this.onKupBlur(t))),t.onClick.push((t=>this.onKupClick(t))),t.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()})),t.onFocus.push((t=>this.onKupFocus(t))),t.onIconClick.push((t=>this.onKupIconClick(t)));if(this.data&&0!==this.data.length)return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Ot,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{data:["checkDataset"]}}};var He;Ve.style=":host{display:block}",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."}(He||(He={}));const Be=class{constructor(e){t(this,e),this.kupChange=i(this,"kup-colorpicker-change",6),this.value=null,this.customStyle="",this.data=null,this.disabled=!1,this.initialValue="",this.swatchOnly=!1,this.kupManager=n(),this.clickCb=null}async getProps(t){return l(this,He,t)}async getValue(){return this.value}async setFocus(){this.textfieldEl.querySelector("input").focus()}async setProps(t){h(this,He,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=j.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,u.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({},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(y.INVALID_COLOR)+": "+this.value;t=e,i.icon="warning",i.title=e}return s(xt,Object.assign({},i,{disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:!!this.rootElement.classList.contains("kup-full-width"),readOnly:!0,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&&wt(this.textfieldEl)),this.kupManager.debug.logRender(this,!0)}render(){let t=null;return t=this.swatchOnly?s("button",{disabled:this.disabled,class:"color-picker",onClick:()=>this.openPicker(),style:{backgroundColor:this.value},type:"button"}):this.prepTextField(),s(o,{style:{"--kup_colorpicker_thumb_color":this.value?this.value:""}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},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 r(this)}};var Ye;Be.style=":host{display:block;font-size:var(--kup-font-size)}#kup-component{transition:background-color 0.2s;width:max-content}#kup-component:hover{background-color:rgba(var(--kup-text-color-rgb), 0.1)}#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-color);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);--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);--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: "code", "description", "both".',t.initialValue="Sets the initial value of the component",t.isSelect="Lets the combobox behave as a select element.",t.selectMode='Sets how to return the selected item value. Suported values: "code", "description", "both".',t.showDropDownIcon="When true shows the drop-down icon, for open list."}(Ye||(Ye={}));var Ge,Xe,Ue,qe,Qe,Ze,Je,ts,is,es,ss,os,rs=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},as=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const ns=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-combobox-blur",6),this.kupChange=i(this,"kup-combobox-change",6),this.kupClick=i(this,"kup-combobox-click",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),Ge.add(this),this.displayedValue=void 0,this.value="",this.customStyle="",this.data=void 0,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.initialValue="",this.isSelect=!1,this.selectMode=Qt.CODE,this.showDropDownIcon=!0,Xe.set(this,n()),Ue.set(this,void 0),qe.set(this,void 0),Qe.set(this,void 0),Ze.set(this,void 0),Je.set(this,null)}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupChange(t){rs(this,Ge,"m",ss).call(this,t,!0),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupClick(){1==this.isSelect&&(rs(this,Qe,"f").classList.contains("toggled")?rs(this,Ge,"m",is).call(this):rs(this,Ge,"m",ts).call(this)),this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupInput(){rs(this,Ge,"m",ss).call(this,rs(this,Ze,"f").value,!1),rs(this,Ge,"m",ts).call(this),this.kupInput.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}onKupIconClick(){rs(this,Qe,"f").classList.contains("toggled")?rs(this,Ge,"m",is).call(this):rs(this,Ge,"m",ts).call(this),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value,open:rs(this,Qe,"f").classList.contains("toggled")})}onKupItemClick(t){this.onKupChange(t.detail.selected.id),rs(this,Ge,"m",is).call(this),rs(this,Ze,"f")&&rs(this,Ze,"f").focus(),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,inputValue:rs(this,Ze,"f").value})}initialValueChange(t){this.setValue(t)}listenKeydown(t){if(rs(this,Ge,"m",es).call(this))switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),rs(this,qe,"f").select().then((()=>{rs(this,Ge,"m",is).call(this),rs(this,Ze,"f").focus()}));break;case"Escape":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",is).call(this)}else switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",ts).call(this),rs(this,qe,"f").focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),rs(this,Ge,"m",ts).call(this),rs(this,qe,"f").focusPrevious()}}async getProps(t){return l(this,Ye,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){rs(this,Ze,"f").focus()}async setProps(t){h(this,Ye,t)}async setValue(t){rs(this,Ge,"m",ss).call(this,t,!0)}componentWillLoad(){rs(this,Xe,"f").debug.logLoad(this,!1),rs(this,Xe,"f").theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-list":{},"kup-text-field":{}})}componentDidLoad(){rs(this,Ge,"m",ss).call(this,this.value,!0),rs(this,Xe,"f").debug.logLoad(this,!0)}componentWillRender(){rs(this,Xe,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(as(this,Qe,i,"f"),as(this,Ze,i.querySelector("input"),"f"),wt(i))}rs(this,Xe,"f").debug.logRender(this,!0)}render(){const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width");return s(o,{class:`${t?"kup-full-height":""} ${i?"kup-full-width":""}`,style:rs(this,Ue,"f")},s("style",null,rs(this,Xe,"f").theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:rs(this,Ue,"f")},s(xt,Object.assign({},this.data["kup-text-field"],{disabled:this.disabled,fullHeight:t,fullWidth:i,icon:this.showDropDownIcon?c.DROPDOWN:null,readOnly:this.isSelect,trailingIcon:!0,value:this.displayedValue,onBlur:()=>this.onKupBlur(),onClick:()=>this.onKupClick(),onChange:t=>this.onKupChange(t.target.value),onFocus:()=>this.onKupFocus(),onInput:()=>this.onKupInput(),onIconClick:()=>this.onKupIconClick()}))),rs(this,Ge,"m",os).call(this))}disconnectedCallback(){rs(this,qe,"f")&&(rs(this,Xe,"f").dynamicPosition.unregister([rs(this,qe,"f")]),rs(this,qe,"f").remove()),rs(this,Xe,"f").theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{initialValue:["initialValueChange"]}}};Xe=new WeakMap,Ue=new WeakMap,qe=new WeakMap,Qe=new WeakMap,Ze=new WeakMap,Je=new WeakMap,Ge=new WeakSet,ts=function(){if(rs(this,Ge,"m",es).call(this))return;rs(this,Qe,"f").classList.add("toggled"),rs(this,qe,"f").menuVisible=!0,rs(this,qe,"f").filter="";const t=rs(this,qe,"f").style;t.height="auto",t.minWidth=rs(this,Qe,"f").clientWidth+"px",rs(this,Xe,"f").dynamicPosition.isRegistered(rs(this,qe,"f"))?rs(this,Xe,"f").dynamicPosition.changeAnchor(rs(this,qe,"f"),rs(this,Qe,"f")):rs(this,Xe,"f").dynamicPosition.register(rs(this,qe,"f"),rs(this,Qe,"f"),0,u.AUTO,!0),rs(this,Xe,"f").dynamicPosition.start(rs(this,qe,"f")),rs(this,Je,"f")||as(this,Je,{cb:()=>{rs(this,Ge,"m",is).call(this)},el:rs(this,qe,"f")},"f"),rs(this,Xe,"f").addClickCallback(rs(this,Je,"f"),!0)},is=function(){rs(this,Qe,"f").classList.remove("toggled"),rs(this,qe,"f").menuVisible=!1,rs(this,Xe,"f").dynamicPosition.stop(rs(this,qe,"f")),rs(this,Xe,"f").removeClickCallback(rs(this,Je,"f"))},es=function(){return 1==rs(this,qe,"f").menuVisible},ss=function(t,i){let e=Jt(t,this.data["kup-list"],rs(this,qe,"f"),this.selectMode,this.displayMode);return e.exists?(i&&(this.value=e.value,this.displayedValue=e.displayedValue),null!=rs(this,qe,"f")&&(rs(this,qe,"f").filter=e.value)):(this.value=t,this.displayedValue=t,null!=rs(this,qe,"f")&&(rs(this,qe,"f").filter=e.value)),e},os=function(){return s("kup-list",Object.assign({},this.data["kup-list"],{displayMode:this.displayMode,"is-menu":!0,"onkup-list-click":t=>this.onKupItemClick(t),ref:t=>as(this,qe,t,"f")}))},ns.style=":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]) #kup-component:hover{background-color:rgba(var(--kup-text-color-rgb), 0.1)}: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)}.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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";class ls{constructor(){this.filters={},this.expandGroups=!1,this.groupLabelDisplay=M.BOTH,this.density="small",this.enableExtraColumns=!0,this.enableSortableColumns=!1,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groups=[],this.headerIsPersistent=!0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.selection=I.SINGLE,this.rowsPerPage=10,this.showFilters=!1,this.showGroups=!1,this.showHeader=!0,this.showLoadMore=!1,this.sortEnabled=!0,this.sort=[],this.sortableColumnsMutateData=!0,this.pageSelected=1,this.dragEnabled=!1,this.dropEnabled=!1,this.showFooter=!1,this.load=!1}toDebugString(){return"dt state"}}const hs=document.documentElement;class cs{constructor(){this.clickCb=null,this.filtersColumnMenuInstance=new Tt,this.filtersRowsInstance=new Wt}open(t,i){this.filtersColumnMenuInstance.resetTextualFilters(t.filters,i)}close(t){t.menuVisible=!1,hs.ketchup.removeClickCallback(this.clickCb),hs.ketchup.dynamicPosition.stop(t)}reposition(t,i){const e=t.rootElement.shadowRoot;if(e&&i){const t=e.querySelector('th[data-column="'+i.dataset.column+'"]');hs.ketchup.dynamicPosition.isRegistered(i)?hs.ketchup.dynamicPosition.changeAnchor(i,t):hs.ketchup.dynamicPosition.register(i,t,0,u.BOTTOM,!0),this.clickCb||(this.clickCb={cb:()=>{this.close(i)},el:i}),hs.ketchup.addClickCallback(this.clickCb,!0),hs.ketchup.dynamicPosition.start(i),i.menuVisible=!0}}prepData(t,i,e){const s=e?Object.assign({},e):{};return s.button=this.prepButton(t,i),s.checkbox=this.prepCheckbox(t,i),s.chip=this.prepChip(t,i),s.datepicker=this.prepIntervalDatePicker(t,i),s.object=i.objs?i.objs:i.obj?[i.obj]:null,s.switch=this.prepSwitch(t,i),e||(s.tabbar=this.prepTabBar(t,i),s.text=[i.title]),s.textfield=this.prepTextfield(t,i),s.timepicker=this.prepIntervalTimePicker(t,i),s}prepButton(t,i){const e=[];return!Tt.isTree(t)&&t.showGroups&&e.push({className:"printable","data-storage":{columnName:i.name},icon:"book",id:he.BUTTON_GROUP,title:null!=t.getGroupByName(i.name)?hs.ketchup.language.translate(F.DISABLE):hs.ketchup.language.translate(F.ENABLE)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"open-in-new",id:he.BUTTON_OPEN_IN_NEW,title:hs.ketchup.language.translate(y.OPEN_IN_NEW_TAB)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"search",id:he.BUTTON_SEARCH,title:hs.ketchup.language.translate(y.INFO)}),e.push({className:"printable",customStyle:":host {--kup-font-size: 0.75em;}",icon:"add",id:he.BUTTON_NEW,title:hs.ketchup.language.translate(y.ADD_NEW)}),t.removableColumns&&e.push({className:"printable","data-storage":{column:i},icon:"table-column-remove",id:he.BUTTON_REMOVE,title:hs.ketchup.language.translate(x.HIDE)}),t.enableExtraColumns&&(hs.ketchup.objects.canObjHaveExtraColumns(i.obj)||hs.ketchup.objects.canObjsHaveExtraColumns(i.objs))&&(e.push({className:"printable","data-storage":{columnName:i.name},icon:"table-column-plus-after",id:he.BUTTON_ADD_COLUMNS,title:hs.ketchup.language.translate(x.ADD)}),e.push({className:"printable",label:hs.ketchup.language.translate(y.APPLY),id:he.BUTTON_APPLY,styling:jt.OUTLINED,title:hs.ketchup.language.translate(y.APPLY)})),e}prepCheckbox(t,i){const e=[];if(t.showFilters&&(hs.ketchup.objects.isStringObject(i.obj)||hs.ketchup.objects.isCheckbox(i.obj))){const s=this.filtersColumnMenuInstance.getCheckBoxFilterValues(t.filters,i.name),o=t.getColumnValues(i);o.length>0&&e.push({checked:0==s.length,"data-storage":{column:i,value:null},id:he.CHECKBOX_GLOBAL,label:hs.ketchup.language.translate(E.ALL)});for(let t=0;t<o.length;t++){let r=L(o[t],i);hs.ketchup.objects.isCheckbox(i.obj)&&(r=hs.ketchup.language.translate("1"==o[t].value?E.CHECKED:E.UNCHECKED)),e.push({checked:N.valuesArrayContainsValue(s,o[t].value),"data-storage":{column:i,value:o[t].value,displayedValue:L(o[t],i)},label:r})}}return e}prepChip(t,i){let e=[];const s={};if(i.children){const e=[];for(let s=0;s<i.children.length;s++){const o=i.children[s];let r=null;try{r=Tt.isTree(t)?t.columns.find((t=>t.name===o.name)):t.data.columns.find((t=>t.name===o.name))}catch(t){hs.ketchup.debug.logMessage(this,"Child column not found ("+o.name+")!"+t,p.ERROR)}e.push({icon:o.icon?o.icon:null,value:r?r.title:"*Not found!",obj:o.obj?o.obj:null,id:r?r.name:"*NOTFND"})}s.dataSet={initialData:[...e]},s.data=e}return s.type=Dt.INPUT,e.push(s),e}prepSwitch(t,i){const e=[];if(!Tt.isTree(t)&&(hs.ketchup.objects.isEmptyKupObj(i.obj)||e.push({"data-storage":{columnName:i.name},checked:!!i.isKey,id:he.SWITCH_KEY,label:hs.ketchup.language.translate(C.KEY),leadingLabel:!0}),t.showGroups)){const s=null!=t.getGroupByName(i.name);e.push({"data-storage":{columnName:i.name},checked:!!s,id:he.SWITCH_GROUP,label:hs.ketchup.language.translate(F.GROUPS),leadingLabel:!0})}return e}prepTabBar(t,i){const e=[{data:[]}],s=e[0].data;return t.showFilters&&s.push({id:y.FILTERS,value:hs.ketchup.language.translate(y.FILTERS)}),(t.enableExtraColumns&&(hs.ketchup.objects.canObjHaveExtraColumns(i.obj)||hs.ketchup.objects.canObjsHaveExtraColumns(i.objs))||t.removableColumns)&&s.push({id:x.COLUMNS,value:hs.ketchup.language.translate(x.COLUMNS)}),Tt.isTree(t)||s.push({icon:"settings",id:y.SETTINGS,value:""}),s.length>0&&(s[0].active=!0),e}prepTextfield(t,i){let e=[];if(t.showFilters)if(this.filtersColumnMenuInstance.isColumnFiltrableByInterval(i))e=e.concat(this.prepIntervalTextfield(t,i));else if(hs.ketchup.objects.isStringObject(i.obj)){let s=this.filtersColumnMenuInstance.getTextFilterValue(t.filters,i.name);s=A(s,i.obj,i.decimals),e.push({"data-storage":{column:i},fullWidth:!0,icon:"magnify",id:he.TEXTFIELD_FILTER,initialValue:s,isClearable:!0,label:hs.ketchup.language.translate(K.SEARCH),trailingIcon:!0})}return Tt.isTree(t)||hs.ketchup.objects.isNumber(i.obj)&&t.enableColumnsFormula&&e.push({fullWidth:!0,icon:"functions",id:he.TEXTFIELD_FORMULA,helper:`i.e.: [${i.name}] * 2`,label:hs.ketchup.language.translate(v.FORMULA),trailingIcon:!0}),e}prepIntervalTextfield(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isNumber(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.TO];return e.push({"data-storage":{column:i,intervalIndex:V.FROM,isInterval:!0},fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,initialValue:s[V.FROM],isClearable:!0,label:hs.ketchup.language.translate(K.FROM),icon:"magnify",trailingIcon:!0}),e.push({"data-storage":{column:i,intervalIndex:V.TO,isInterval:!0},fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,initialValue:o,isClearable:!0,label:hs.ketchup.language.translate(K.TO),icon:"magnify",trailingIcon:!0}),e}prepIntervalTimePicker(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isTime(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.FROM],r=s[V.TO];return e.push({"data-storage":{column:i,intervalIndex:V.FROM,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,isClearable:!0,label:hs.ketchup.language.translate(K.FROM)}},initialValue:o,manageSeconds:hs.ketchup.objects.isTimeWithSeconds(i.obj)}),e.push({"data-storage":{column:i,intervalIndex:V.TO,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,isClearable:!0,label:hs.ketchup.language.translate(K.TO)}},initialValue:r,manageSeconds:hs.ketchup.objects.isTimeWithSeconds(i.obj)}),e}prepIntervalDatePicker(t,i){let e=[];if(!t.showFilters)return e;if(!hs.ketchup.objects.isDate(i.obj)&&!hs.ketchup.objects.isTimestamp(i.obj))return e;let s=this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(t.filters,i),o=s[V.FROM],r=s[V.TO],a=null,n=null;return hs.ketchup.objects.isTimestamp(i.obj)&&(a=" 00:00:00",n=" 23:59:59",o=o&&o.length>=10?o.substring(0,10):"",r=r&&r.length>=10?r.substring(0,10):""),e.push({"data-storage":{column:i,suffix:a,intervalIndex:V.FROM,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_FROM,isClearable:!0,label:hs.ketchup.language.translate(K.FROM)}},initialValue:o}),e.push({"data-storage":{column:i,suffix:n,intervalIndex:V.TO,isInterval:!0},data:{"kup-text-field":{fullWidth:!0,helperWhenFocused:!0,id:he.TEXTFIELD_TO,isClearable:!0,label:hs.ketchup.language.translate(K.TO)}},initialValue:r}),e}eventHandlers(t,i){const e=t.detail.card?t.detail.card:t.detail.comp.rootElement,s=t.detail.event,o=s.detail.id,r=s.target["data-storage"],a=s.type.toLowerCase().endsWith("click");switch(s.type){case"kup-button-click":switch(o){case he.BUTTON_GROUP:this.toggleGroup(i,r.columnName);break;case he.BUTTON_REMOVE:i.closeColumnMenu().then((()=>{i.hideColumn(r.column)}))}break;case"kup-checkbox-change":this.checkboxChange(i,s.detail.checked,r.column,{value:r.value,displayedValue:r.displayedValue});break;case"kup-switch-change":switch(o){case he.SWITCH_GROUP:this.toggleGroup(i,r.columnName);break;case he.SWITCH_KEY:this.setKey(i,r.columnName,s.detail.value)}break;case"kup-textfield-submit":case"kup-datepicker-textfieldsubmit":case"kup-timepicker-textfieldsubmit":switch(o){case he.TEXTFIELD_FORMULA:break;default:this.saveTextualFilters(i,r.column),this.close(e)}break;case"kup-textfield-cleariconclick":case"kup-datepicker-cleariconclick":case"kup-timepicker-cleariconclick":1==r.isInterval?this.intervalChange(i,null,r.column,r.intervalIndex,!1):this.textfieldChange(i,null,r.column),this.saveTextualFilters(i,r.column);break;case"kup-textfield-change":switch(o){case he.TEXTFIELD_FORMULA:i.newColumn(w.MATH,{operation:s.detail.value}).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(e)}))}break;case"kup-textfield-input":case"kup-datepicker-input":case"kup-datepicker-itemclick":case"kup-timepicker-input":case"kup-timepicker-itemclick":switch(o){case he.TEXTFIELD_FORMULA:break;default:window.clearTimeout(i.columnFilterTimeout),i.columnFilterTimeout=window.setTimeout((()=>{1==r.isInterval?this.intervalChange(i,s.detail.value,r.column,r.intervalIndex,!a,r.suffix):this.textfieldChange(i,s.detail.value,r.column),a&&this.saveTextualFilters(i,r.column)}),300)}}}textfieldChange(t,i,e){Tt.isTree(t)||t.resetCurrentPage();let s="";i&&(s=this.filtersColumnMenuInstance.normalizeValue(i.trim(),e.obj));const o=Object.assign({},t.filters);this.filtersColumnMenuInstance.setTextFieldFilterValue(o,e.name,s),t.filters=o}intervalChange(t,i,e,s,o,r){Tt.isTree(t)||t.resetCurrentPage();let a="";i&&(a=i.trim(),o&&(a=this.filtersColumnMenuInstance.normalizeValue(a,e.obj)),null!=r&&""!=a&&(a+=r));const n=Object.assign({},t.filters);this.filtersColumnMenuInstance.setIntervalTextFieldFilterValue(n,e.name,a,s),t.filters=n}saveTextualFilters(t,i){const e=Object.assign({},t.filters);this.filtersColumnMenuInstance.saveTextualFilters(e,i.name),t.filters=e}checkboxChange(t,i,e,s){Tt.isTree(t)||t.resetCurrentPage();const o=Object.assign({},t.filters);i||null==s||null==s.value?this.filtersColumnMenuInstance.addCheckboxFilter(o,e.name,s):this.filtersColumnMenuInstance.removeCheckboxFilter(o,e.name,s.value),t.filters=o}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 s=t.data.columns,o="on"===e;for(let t=0;t<s.length;t++){const e=s[t];e.name===i?e.isKey=o:o&&(e.isKey=!1)}t.refresh()}}const us=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.kupDataTableDblClick=i(this,"kup-datatable-dblclick",6),this.kupDataTableColumnMenu=i(this,"kup-datatable-columnmenu",6),this.kupRowActionClick=i(this,"kup-datatable-rowactionclick",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.stateId="",this.state=new ls,this.autoFillMissingCells=!1,this.customStyle="",this.density=H.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.fixedRows=0,this.forceOneLine=!1,this.globalFilter=!1,this.globalFilterValue="",this.groupLabelDisplay=M.BOTH,this.groups=[],this.headerIsPersistent=!0,this.isFocusable=!1,this.lazyLoadRows=!1,this.lineBreakCharacter="\n",this.loadMoreLimit=1e3,this.loadMoreMode=B.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.pageSelected=-1,this.paginatorPos=Y.TOP,this.removableColumns=!1,this.resizableColumns=!0,this.rowsPerPage=10,this.scrollOnHover=!1,this.selection=I.SINGLE,this.showCustomization=!0,this.showFilters=!1,this.showGroups=!1,this.showFooter=!1,this.showGrid=G.ROW,this.showHeader=!0,this.showLoadMore=!1,this.sort=[],this.sortableColumnsMutateData=!0,this.sortEnabled=!0,this.tableHeight=void 0,this.tableWidth=void 0,this.transpose=!1,this.lazyLoadCells=!1,this.currentPage=1,this.currentRowsPerPage=10,this.selectedRows=[],this.columnMenuAnchor=null,this.groupState={},this.openedTotalMenu=null,this.openedCustomSettings=!1,this.fontsize="medium",this.initialized=!1,this.rowsLength=0,this.paginatedRowsLength=0,this.kupManager=n(),this.renderedRows=[],this.loadMoreEventCounter=0,this.loadMoreEventPreviousQuantity=0,this.originalData=void 0,this.sizedColumns=void 0,this.intObserver=void 0,this.navBarHeight=0,this.theadIntersecting=!1,this.tableIntersecting=!1,this.isSafariBrowser=!1,this.isRestoringState=!1,this.totalMenuCoords=null,this.clickTimeout=[],this.thRefs=[],this.rowsRefs=[],this.oldWidth=null,this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableResize=[],this.interactableTouch=[],this.dropareaRef=null,this.removeDropareaRef=null,this.groupsDropareaRef=null,this.clickCb=null,this.clickCbCustomPanel=null,this.clickCbDropCard=null,this.detailCard=null,this.columnMenuCard=null,this.columnDropCard=null,this.columnDropCardAnchor=null,this.stickyHeaderPosition=()=>{this.tableRef&&(this.tableIntersecting?this.theadIntersecting?this.stickyTheadRef.classList.remove("activated"):(this.updateStickyHeaderSize(),this.stickyTheadRef.classList.add("activated")):this.stickyTheadRef.classList.remove("activated"))},this.FONTSIZE_CODES=["small","medium","big"],this.FONTSIZE_DECODES=["Small","Medium","Big"],this.FONTSIZE_ICONS=["format-font-size-decrease","format-color-text","format-font-size-increase"],this.DENSITY_DECODES=["Dense","Normal","Wide"],this.DENSITY_ICONS=["format-align-justify","reorder-horizontal","view-sequential"],this.GRID_CODES=["Complete","Col","Row","None"],this.GRID_DECODES=["Complete","Columns","Rows","None"],this.GRID_ICONS=["grid_on","view_column","view_headline","grid_off"]}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initializing stateId "+this.stateId),this.filters=Object.assign({},t.filters),this.groups=[...t.groups],this.expandGroups=t.expandGroups,this.groupLabelDisplay=t.groupLabelDisplay,this.density=t.density,this.enableExtraColumns=t.enableExtraColumns,this.enableSortableColumns=t.enableSortableColumns,this.forceOneLine=t.forceOneLine,this.globalFilter=t.globalFilter,this.globalFilterValue=t.globalFilterValue,this.headerIsPersistent=t.headerIsPersistent,this.lazyLoadRows=t.lazyLoadRows,this.loadMoreLimit=t.loadMoreLimit,this.selection=t.selection,this.rowsPerPage=t.rowsPerPage,this.showFilters=t.showFilters,this.showGroups=t.showGroups,this.showHeader=t.showHeader,this.showLoadMore=t.showLoadMore,this.sortEnabled=t.sortEnabled,this.sort=[...t.sort],this.pageSelected=t.pageSelected,this.sortableColumnsMutateData=t.sortableColumnsMutateData,this.dragEnabled=t.dragEnabled,this.dropEnabled=t.dropEnabled,this.showFooter=t.showFooter,this.totals=Object.assign({},t.totals))}}persistState(){if(this.store&&this.stateId){let t=!1;if(this.kupManager.objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),this.kupManager.objects.deepEqual(this.state.groups,this.groups)||(this.state.groups=[...this.groups],t=!0),this.kupManager.objects.deepEqual(this.state.sort,this.sort)||(this.state.sort=[...this.sort],t=!0),this.kupManager.objects.deepEqual(this.state.expandGroups,this.expandGroups)||(this.state.expandGroups=this.expandGroups,t=!0),this.kupManager.objects.deepEqual(this.state.groupLabelDisplay,this.groupLabelDisplay)||(this.state.groupLabelDisplay=this.groupLabelDisplay,t=!0),this.kupManager.objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),this.kupManager.objects.deepEqual(this.state.enableExtraColumns,this.enableExtraColumns)||(this.state.enableExtraColumns=this.enableExtraColumns,t=!0),this.kupManager.objects.deepEqual(this.state.enableSortableColumns,this.enableSortableColumns)||(this.state.enableSortableColumns=this.enableSortableColumns,t=!0),this.kupManager.objects.deepEqual(this.state.forceOneLine,this.forceOneLine)||(this.state.forceOneLine=this.forceOneLine,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.headerIsPersistent,this.headerIsPersistent)||(this.state.headerIsPersistent=this.headerIsPersistent,t=!0),this.kupManager.objects.deepEqual(this.state.lazyLoadRows,this.lazyLoadRows)||(this.state.lazyLoadRows=this.lazyLoadRows,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.selection,this.selection)||(this.state.selection=this.selection,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0),this.kupManager.objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),this.kupManager.objects.deepEqual(this.state.showGroups,this.showGroups)||(this.state.showGroups=this.showGroups,t=!0),this.kupManager.objects.deepEqual(this.state.showHeader,this.showHeader)||(this.state.showHeader=this.showHeader,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),this.kupManager.objects.deepEqual(this.state.sortEnabled,this.sortEnabled)||(this.state.sortEnabled=this.sortEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.sortableColumnsMutateData,this.sortableColumnsMutateData)||(this.state.sortableColumnsMutateData=this.sortableColumnsMutateData,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.dragEnabled,this.dragEnabled)||(this.state.dragEnabled=this.dragEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.dropEnabled,this.dropEnabled)||(this.state.dropEnabled=this.dropEnabled,t=!0),this.kupManager.objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),this.kupManager.objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),this.kupManager.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),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}expandGroupsHandler(){this.isRestoringState||(this.recalculateRows(),this.groupState={},this.forceGroupExpansion())}filtersChanged(){this.expandGroupsHandler()}recalculateRows(){this.isRestoringState||this.initRows()}identifyAndInitRows(){R(this.getRows()),this.expandGroupsHandler(),this.resetSelectedRows()}recalculateRowsAndUndoSelections(){this.isRestoringState||(this.recalculateRows(),this.groupState={},this.forceGroupExpansion(),this.resetSelectedRows())}controlFixedRowsColumns(){let t="";(isNaN(this.fixedColumns)||this.fixedColumns<0)&&(t+=`The value ${this.fixedColumns} set on fixedColumns 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(){this.initialized&&this.calculateData()}async closeColumnMenu(){this.columnMenuAnchor=null,this.columnMenuCard&&(this.columnMenuCard.data=null),this.columnMenuInstance.close(this.columnMenuCard),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!1})}async collapseAll(){this.expandGroups=!1}async expandAll(){this.expandGroups=!0}async getProps(t){return l(this,dt,t)}async getSelectedRows(){return this.selectedRows}async hideColumn(t){this.kupManager.data.column.hide(this.data,[t.name]),this.kupColumnRemove.emit({comp:this,id:this.rootElement.id,column:t}),this.refresh()}async newColumn(t,i){const e=this.kupManager.data.column.new(this.data,t,i);return!!("string"==typeof e||e instanceof String)||this.refresh(),e}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.kupDataTableColumnMenu.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.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:t,open:this.columnMenuCard.menuVisible})}))),this.columnMenuCard.setAttribute("data-column",t),this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),t)),this.columnMenuInstance.open(this,t),this.columnMenuInstance.reposition(this,this.columnMenuCard),this.kupDataTableColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!0})}async refresh(){e(this)}async resizeCallback(){this.lazyLoadCells&&this.rootElement.clientWidth!==this.oldWidth&&(window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>this.refresh()),300))}async setFocus(t,i){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const s=e[t];if(s["data-row"]&&s["data-row"].id==i){const t=s.querySelector("input");if(t)t.focus();else{const t=s.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){h(this,dt,t)}async setSelectedRows(t,i){this.selectedRows=[];for(let i=0;i<t.length;i++){const e=t[i];if("number"==typeof e)this.selectedRows.push(this.renderedRows[e]);else{const t=this.renderedRows.find((t=>t.id===e));this.selectedRows.push(t)}}!1!==i&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})}closeDropCard(){this.kupManager.dynamicPosition.stop(this.columnDropCard),this.kupManager.removeClickCallback(this.clickCbDropCard),this.columnDropCard.remove(),this.columnDropCard=null}createDropCard(t,i){this.columnDropCard&&this.closeDropCard(),this.columnDropCard=document.createElement("kup-card"),this.columnDropCard.data={options:{data:this.data,enableFormula:this.enableColumnsFormula,enableMerge:this.enableMergeColumns,enableMove:this.enableSortableColumns,receivingColumn:i,starterColumn:t,formulaCb:()=>{this.closeDropCard(),this.refresh()},mergeCb:()=>{this.newColumn(w.CONCATENATE,{columns:[i.name,t.name]}),this.closeDropCard()},moveCb:()=>{this.handleColumnSort(i,t),this.closeDropCard()}}},this.columnDropCard.layoutFamily=j.BUILT_IN,this.columnDropCard.layoutNumber=3,this.columnDropCard.isMenu=!0,this.columnDropCard.sizeX="280px",this.columnDropCard.sizeY="auto",this.kupManager.dynamicPosition.register(this.columnDropCard,this.columnDropCardAnchor,0,u.AUTO,!0),this.kupManager.dynamicPosition.start(this.columnDropCard),this.clickCbDropCard={cb:()=>{this.closeDropCard()},el:this.columnDropCard},this.kupManager.addClickCallback(this.clickCbDropCard,!0),this.columnDropCard.menuVisible=!0}calculateData(){this.transpose?this.setTransposedData():this.originalData&&(this.data=Object.assign({},this.originalData))}setTransposedData(){this.originalData=Object.assign({},this.data),this.data.columns.length>0&&(this.data=this.getTransposedData(this.data.columns[0].name))}switchToTotalsMatrix(){if(0===this.rows.length||!this.rows[0].group)return;const t={},i=[];i.push(this.rows[0].group.column),Object.keys(this.rows[0].group.totals).forEach((t=>{this.rows[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),s=this.totals[t.name];if(s){if(s.startsWith(X.MATH))t.title=U[X.MATH]+" "+t.title;else{const i=Object.keys(X).find((t=>X[t]===s));t.title=i?U[i]+" "+t.title:s+" "+t.title}this.setObjForTotalsMatrix(t,this.totals)}e.push(t)}}))})),t.columns=e;const s=[];let o=0;this.rows.forEach((t=>{const e={};i.forEach((i=>{let s=t.group.totals[i];s||(s=t.group.id),this.kupManager.dates.isValid(s,m.ISO_DATE)&&(s=this.kupManager.dates.format(s)),e[i]={value:String(s)}})),s.push({id:String(o),cells:e}),o++})),t.rows=s,this.groups=[],this.data=Object.assign({},t);const r={};Object.keys(this.totals).forEach((t=>{switch(this.totals[t]){case X.DISTINCT:r[t]=X.COUNT;break;case X.COUNT:r[t]=X.SUM;break;default:r[t]=this.totals[t]}})),this.totals=Object.assign({},r)}setObjForTotalsMatrix(t,i){const e=t.obj,s=i[t.name];if(this.kupManager.objects.isDate(e)){if(s===X.MAX||s===X.MIN)return}else if(this.kupManager.objects.isNumber(e)&&e.p&&"P"===e.p.toUpperCase()&&s!==X.COUNT&&s!==X.DISTINCT)return;t.obj={t:"NR",p:"",k:""},t.icon&&delete t.icon}getTransposedData(t){return t&&(this.filters={}),this.kupManager.data.transpose(this.data,t)}updateStickyHeaderSize(){const t=document.querySelectorAll(".header")[0];if(this.navBarHeight=t?t.clientHeight:0,this.stickyTheadRef){this.stickyTheadRef.style.top=this.navBarHeight+"px",this.stickyTheadRef.style.maxWidth=this.tableAreaRef.offsetWidth+"px";const t=this.theadRef.querySelectorAll("th"),i=this.stickyTheadRef.querySelectorAll("th-sticky");for(let e=0;e<t.length;e++)i[e].style.width=t[e].offsetWidth+"px"}}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{if("TR"===t.target.tagName&&t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row")}"THEAD"===t.target.tagName&&(this.theadIntersecting=!!t.isIntersecting||t.boundingClientRect.bottom>this.navBarHeight),"TABLE"===t.target.tagName&&(this.tableIntersecting=!!t.isIntersecting),void 0===this.tableHeight&&void 0===this.tableWidth&&this.headerIsPersistent&&this.stickyHeaderPosition()}))}),{threshold:0,rootMargin:"-"+this.navBarHeight+"px 0px 0px 0px"})}didLoadInteractables(){this.interactableTouch.push(this.tableRef),this.kupManager.interact.on(this.tableRef,q.TAP,(t=>{if(this.hold)this.hold=!1;else switch(t.button){case 0:const i={};for(const e in t)i[e]=t[e];this.clickTimeout.push(setTimeout((()=>{this.kupDataTableClick.emit({comp:this,id:this.rootElement.id,details:this.clickHandler(i)})}),300));break;case 2:this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.tableRef,q.DOUBLETAP,(t=>{switch(t.button){case 0:for(let t=0;t<this.clickTimeout.length;t++)clearTimeout(this.clickTimeout[t]),this.kupManager.debug.logMessage(this,"Cleared clickHandler timeout("+this.clickTimeout[t]+").");this.clickTimeout=[],this.kupDataTableDblClick.emit({comp:this,id:this.rootElement.id,details:this.dblClickHandler(t)})}})),this.kupManager.interact.on(this.tableRef,q.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.showGroups&&(this.interactableDrop.includes(this.groupsDropareaRef)||(this.interactableDrop.push(this.groupsDropareaRef),this.kupManager.interact.dropzone(this.groupsDropareaRef,{accept:`[${Q}]`},null,{drop:t=>{const i=t.relatedTarget,e=O(this.getColumns(),i.dataset.column);this.handleColumnGroup(e),this.tableRef.removeAttribute(Z)}}))),this.removableColumns&&(this.interactableDrop.includes(this.removeDropareaRef)||(this.interactableDrop.push(this.removeDropareaRef),this.kupManager.interact.dropzone(this.removeDropareaRef,{accept:`[${Q}]`},null,{drop:t=>{const i=t.relatedTarget,e=O(this.getColumns(),i.dataset.column);this.hideColumn(e),this.tableRef.removeAttribute(Z)}}))),this.enableSortableColumns||this.enableMergeColumns||this.enableColumnsFormula){const t=t=>{const i=t.target;return{cell:null,column:O(this.getVisibleColumns(),i.dataset.column),id:this.rootElement.id,multiple:!(this.selection!==I.MULTIPLE&&this.selection!==I.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),s=t.relatedTarget.kupDragDrop.column,o=O(this.getColumns(),t.target.dataset.column);this.columnDropCardAnchor=t.target,o&&s&&(e?this.handleColumnSort(o,s):i?this.newColumn(w.CONCATENATE,{columns:[o.name,s.name]}):this.createDropCard(s,o)),this.tableRef.removeAttribute(Z)}},e={start:t=>{this.hideShowColumnDropArea(!0,t.target)},end:()=>{this.hideShowColumnDropArea(!1)}};for(let s=0;s<this.thRefs.length;s++){const o=this.thRefs[s];o&&!this.interactableDrag.includes(o)&&(this.interactableDrag.push(o),this.kupManager.interact.dropzone(o,{accept:`[${Q}]`},null,i),this.kupManager.interact.draggable(o,{cursorChecker:()=>null,ignoreFrom:".header-cell__drag-handler"},{callback:t},J.CLONE,e))}}if(this.resizableColumns){const t={move:t=>{O(this.getVisibleColumns(),t.target.dataset.column).size=t.rect.width+"px",this.refresh()}};for(let i=0;i<this.thRefs.length;i++){const e=this.thRefs[i];e&&!this.interactableResize.includes(e)&&(this.interactableResize.push(e),this.kupManager.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<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector("td:hover");return{cell:t["data-cell"],column:O(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:!(this.selection!==I.MULTIPLE&&this.selection!==I.MULTIPLE_CHECKBOX),row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),this.kupManager.interact.draggable(i,{allowFrom:"td",cursorChecker:()=>null},{callback:e},J.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector("td:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",p.WARNING);const i=this.getEventPath(t),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),this.kupManager.interact.dropzone(e,{accept:`[${tt}]`},{callback:t,dispatcher:this.rootElement,type:it.DATATABLE}))}}}didLoadObservers(){this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(this.intObserver.observe(this.tableRef),this.intObserver.observe(this.theadRef))}didRenderObservers(){this.paginatedRowsLength<this.rowsLength&&this.lazyLoadRows&&this.intObserver.observe(this.rowsRefs[this.paginatedRowsLength-1])}didLoadEventHandling(){this.tableAreaRef.addEventListener("scroll",(()=>this.scrollStickyHeader()))}scrollStickyHeader(){this.stickyTheadRef&&(this.stickyTheadRef.scrollLeft=this.tableAreaRef.scrollLeft)}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.tableAreaRef)?this.scrollOnHover||void 0===this.tableHeight&&void 0===this.tableWidth||this.kupManager.scrollOnHover.unregister(this.tableAreaRef):this.scrollOnHover&&void 0===this.tableHeight&&void 0===this.tableWidth&&this.kupManager.scrollOnHover.register(this.tableAreaRef)}customizePanelPosition(){this.customizeTopButtonRef&&!this.kupManager.dynamicPosition.isRegistered(this.customizeTopPanelRef)&&this.kupManager.dynamicPosition.register(this.customizeTopPanelRef,this.customizeTopButtonRef,0,u.BOTTOM,!0)}rowsPointLength(){return this._rowsLength(this.rows)}paginatedRowsPointLength(){return this._rowsLength(this.paginatedRows)}_rowsLength(t){if(null==t)return 0;let i=0;for(let e=0;e<t.length;e++){const s=t[e];null!=s&&(i+=1,null!=s.group&&(i+=this._rowsLength(s.group.children)))}return i}setDynPosElements(){this.columnMenuCard&&this.columnMenuCard.data&&(this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(this.getVisibleColumns(),this.columnMenuAnchor),this.columnMenuCard.data))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.kupManager.toolbar.register(this.rootElement),this.emptyDataLabel||(this.emptyDataLabel=this.kupManager.language.translate(y.EMPTY_DATA)),this.columnMenuInstance=new cs,this.filtersColumnMenuInstance=new Tt,this.filtersRowsInstance=new Wt,this.isRestoringState=!0,this.initWithPersistedState(),this.pageSelected>0&&(this.currentPage=this.pageSelected),this.currentRowsPerPage=this.rowsPerPage,this.isRestoringState=!1,R(this.getRows()),this.expandGroupsHandler(),this.navBarHeight=document.querySelectorAll(".header")[0]?document.querySelectorAll(".header")[0].clientHeight:0,this.setObserver(),this.isSafariBrowser=CSS.supports("position","-webkit-sticky")||!(!window||!window.safari),this.calculateData(),this.initialized=!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++)wt(i[t])}this.showCustomization&&this.customizePanelPosition(),this.totalMenuPosition(),this.checkScrollOnHover(),this.didRenderObservers(),this.didRenderInteractables(),this.hideShowColumnDropArea(!1),this.setDynPosElements(),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&this.updateStickyHeaderSize(),setTimeout((()=>this.updateFixedRowsAndColumnsCssVariables()),50),this.lazyLoadCells&&this.persistState(),this.oldWidth=this.rootElement.clientWidth,this.kupManager.debug.logRender(this,!0)}componentDidLoad(){this.didLoadObservers(),this.didLoadEventHandling(),this.didLoadInteractables(),this.lazyLoadCells=!0,this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}getEventPath(t){const i=[];for(;t&&t!==this.rootElement&&t!==document.body;)i.push(t),t=t.parentNode?t.parentNode:t.host;return i}resetSelectedRows(){this.data&&this.data.rows&&0!==this.data.rows.length&&(this.selectedRows=[],this.kupResetSelectedRows.emit({comp:this,id:this.rootElement.id}))}resetCurrentPage(){this.currentPage=1,this.resetSelectedRows()}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:""}]}getSizedColumns(){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}rowDetail(t,i,e){const s=this.getTransposedData(),o={button:[{disabled:0===parseInt(t.id),icon:"chevron_left"},{disabled:parseInt(t.id)===this.data.rows.length-1,icon:"chevron_right"}],datatable:[{customStyle:'#kup-component .below-wrapper{overflow: visible} #kup-component td[data-column="'+et.toUpperCase()+`"]{background-color: rgba(var(${d.TEXT}-rgb), 0.15); width: 10px;}`,data:s,density:"medium",editableData:!0,headerIsPersistent:!1,id:this.rootElement.id?this.rootElement.id:"",rowsPerPage:1e3,showGrid:G.NONE,showHeader:!1}],text:[this.kupManager.language.translate(C.DETAIL)]},r=o.datatable[0].data.columns,a=o.datatable[0].data.rows;r.unshift({name:et.toUpperCase(),title:et},{name:st.toUpperCase(),title:st});for(let t=0;t<r.length;t++)r[t].visible=!1;r.find((t=>t.name===ot.toUpperCase())).visible=!0;const n=r.find((i=>i.name===t.id));n?n.visible=!0:this.kupManager.debug.logMessage(this,"Invalid column name on row ID ("+t.id+"), couldn't set current record!",p.WARNING);let l=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 this.kupManager.debug.logMessage(this,"Column not found on row name ("+e+")!",p.WARNING);const s=!!a[i].cells[t.id].isEditable;let o=null;(e.isKey||s)&&(r.find((t=>t.name===et.toUpperCase())).visible=!0),e.isKey?(l=t.cells[e.name],o={obj:{t:"J4",p:"ICO",k:"OG_OG_KF"},data:{color:`var(${d.TEXT})`,resource:s?"edit-key":"key-variant"},title:this.kupManager.language.translate(s?C.EDITABLE_KEY:C.KEY),value:s?"edit-key":"key-variant"}):o=s?{obj:{t:"VO",p:"COD_VER",k:"000051"},data:{color:`var(${d.TEXT})`,resource:"pencil"},title:this.kupManager.language.translate(y.EDITABLE_FIELD),value:"pencil"}:{obj:{t:"",p:"",k:""},value:""},a[i].cells[st.toUpperCase()]=l||{value:null},a[i].cells[et.toUpperCase()]=o}if(this.detailCard){const t=Array.prototype.slice.call(this.detailCard.children,0);for(let i=0;i<t.length;i++)t[i].remove()}else this.detailCard=document.createElement("kup-card"),this.detailCard.layoutFamily=j.DIALOG,this.detailCard.layoutNumber=4,this.detailCard.sizeX="auto",this.detailCard.sizeY="auto";this.detailCard.data=o,this.detailCard.style.position="fixed",this.detailCard.style.left="0",this.detailCard.style.top="0",this.detailCard.setAttribute("data-x",i.toString()),this.detailCard.setAttribute("data-y",e.toString()),this.detailCard.style.transform="translate("+i+"px,"+e+"px)",this.rootElement.shadowRoot.append(this.detailCard)}getEventDetails(t,i){let e,s,o,r,a,n,l,h;if(t)for(let i=t.length-1;i>=0;i--){let u=t[i];if(u.tagName)switch(u.tagName.toUpperCase()){case"THEAD":e=!0;break;case"TBODY":s=!0;break;case"TFOOT":o=!0;break;case"TD":r=u;break;case"TH":n=u;break;case"TR":l=u;break;default:u.classList.contains("f-text-field")?a=u:u.classList.contains(c.FILTER_REMOVE.replace("--",""))&&(h=u)}}let u=null,d=null,p=!1,b=null;if(s&&l&&(l.classList.contains("group")&&(p=!0),b=l["data-row"]),(e||s)&&(r&&(u=r["data-cell"]),n&&(u=n["data-cell"])),e||s||o){const t=r?r.dataset.column:n?n.dataset.column:null;t&&(d=O(this.getColumns(),t))}return{area:e?"header":s?"body":o?"footer":null,cell:u||null,column:d||null,filterRemove:h||null,isGroupRow:p,originalEvent:i,row:b||null,td:r||null,textfield:a||null,th:n||null,tr:l||null}}clickHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),t);if("header"===i.area){if(i.th&&i.column){if(i.filterRemove)return this.onRemoveFilter(i.column),i;if(this.sortEnabled)return this.onColumnSort(t,i.column.name),i}}else if("body"===i.area){if((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 this.rowDetail(Object.assign({},i.row),t.clientX,t.clientY),i}if(i.tr&&i.row&&i.isGroupRow)return this.onRowExpand(i.row),i;if(i.td&&i.row&&!i.textfield)return this.onRowClick(i.row,i.td,!0),i}return i}contextMenuHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),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}dblClickHandler(t){const i=this.getEventDetails(this.getEventPath(t.target),t);return"body"===i.area&&(this.selection==I.MULTIPLE&&this.resetSelectedRows(),this.selection!=I.SINGLE&&this.selection!=I.MULTIPLE||this.onRowClick(i.row,i.td,!1)),i}getVisibleColumns(){const t=this.getColumns().filter((({visible:t})=>void 0===t||t));return this.isGrouping()?t.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})):t}getGroupByName(t){if(!this.isGrouping())return null;for(let i of this.groups)if(i.column===t)return i;return null}getColumnValues(t){return this.filtersRowsInstance.getColumnValues(this,t,this.globalFilterValue,this.filtersColumnMenuInstance)}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filterRows(),this.footer=Pt(Rt(this.getColumns(),this.rows),this.totals),this.groupRows(),this.sortRows(),this.adjustPaginator(),this.paginatedRows=Mt(this.rows,this.currentPage,this.currentRowsPerPage,this.isGrouping()),this.paginatedRowsLength=this.paginatedRowsPointLength()}filterRows(){this.rows=It(this.getRows(),this.filters,this.globalFilterValue,this.getColumns()),this.rowsLength=this.rowsPointLength()}isGrouping(){return this.groups&&this.groups.length>0}hasRowActions(){return void 0!==this.rowActions}removeGroup(t){t>=0&&(this.groups.splice(t,1),this.groups=[...this.groups])}hasTotals(){return this.totals&&Object.keys(this.totals).length>0}tableHasAutoWidth(){if(!this.sizedColumns)return;const t=this.getVisibleColumns();if(t.length<=this.sizedColumns.length){let i=!1;for(let e=0;e<t.length;e++){i=!1;for(let s=0;s<this.sizedColumns.length;s++)if(t[e].name===this.sizedColumns[s].name){i=!0;break}if(!i)return!1}return!0}return!1}forceGroupExpansion(){this.rows.forEach((t=>this.forceRowGroupExpansion(t))),this.paginatedRows.forEach((t=>this.forceRowGroupExpansion(t)))}forceRowGroupExpansion(t){if(!t.group)return;t.group.expanded=this.expandGroups;let i=this.groupState[t.group.id];i?i.expanded=this.expandGroups:i={expanded:this.expandGroups},this.groupState[t.group.id]=i,t.group.children&&t.group.children.forEach((t=>this.forceRowGroupExpansion(t)))}adjustPaginator(){const t=Math.ceil(this.rowsLength/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1,this.resetCurrentPage())}composeFixedCellStyleAndClass(t,i,e=0){if(this.isGrouping())return;const s=Number.isInteger(this.fixedColumns)&&t<=this.fixedColumns+e,o=Number.isInteger(this.fixedRows)&&i>0&&i<=this.fixedRows;if(!o&&!s)return;const r={},a={};return s&&(r[pt.columns]=s,r["show-column-separator"]=G.COMPLETE===this.showGrid||G.COL===this.showGrid,a.left="var("+rt.columns+t+")"),o&&(r[pt.rows]=!!o,r["show-row-separator"]=G.COMPLETE===this.showGrid||G.ROW===this.showGrid,a.top="var("+rt.rows+i+")"),{fixedCellClasses:r,fixedCellStyle:a}}updateFixedRowsAndColumnsCssVariables(){if(this.isGrouping()||!this.tableRef)return!1;let t=!1;if(this.fixedRows>=1){let i=this.tableRef.querySelector("tbody > tr:first-of-type"),e=this.isSafariBrowser?0:this.tableRef.querySelector("thead > tr:first-of-type > th:first-of-type").getBoundingClientRect().height;for(let t=1;t<=this.fixedRows&&i;t++)this.tableAreaRef.style.setProperty(rt.rows+t,e+"px"),e+=i.children[0].getBoundingClientRect().height,i=i.nextElementSibling;t=!0}if(this.fixedColumns>=1){let i=this.tableRef.querySelector("tbody > tr:first-of-type > td:first-of-type"),e=0;const s=this.fixedColumns+(this.hasRowActions()?1:0)+(this.selection===I.MULTIPLE_CHECKBOX?1:0);for(let t=1;t<=s&&i;t++)this.tableAreaRef.style.setProperty(rt.columns+t,e+"px"),e+=i.getBoundingClientRect().width,i=i.nextElementSibling;t=!0}return t}onColumnSort({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],s=Object.assign(Object.assign({},i),{sortMode:i.sortMode===at.A?at.D:at.A});if(t){const t=[...this.sort];t[e]=s,this.sort=t}else this.sort=[s]}else{const e={column:i,sortMode:at.A};this.sort=t?[...this.sort,e]:[e]}}onRemoveFilter(t){this.resetCurrentPage();const i=Object.assign({},this.filters);this.filtersColumnMenuInstance.removeFilter(i,t.name),this.filters=i}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}onGlobalFilterChange(t){this.resetCurrentPage(),this.globalFilterValue=t?t.value:""}handlePageChange(t){const i=Nt(t,this.rowsLength,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=At(t,this.rowsLength);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}onRowClick(t,i,e){if(!t.unselectable)switch(this.selection){case I.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 I.SINGLE:this.selectedRows=[t]}const o=i.dataset.column;!t.unselectable&&this.selection!==I.NONE&&o&&(this.deselectColumn(this.selectedColumn),this.selectedColumn=o,this.selectColumn(this.selectedColumn),!1!==e&&this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedRow:t,clickedColumn:o}))}selectColumn(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")}deselectColumn(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")}onDefaultRowActionClick({action:t,row:i,type:e,index:s}){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,action:t,index:s,row:i,type:e})}onRowActionExpanderClick(t,i){t.stopPropagation(),this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:i,type:"expander"})}handleRowSelect(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})}onRowExpand(t){t.group.expanded=!t.group.expanded,this.groupState[t.group.id].expanded=t.group.expanded,this.groupState=Object.assign({},this.groupState)}onSelectAll({target:t}){t.checked?(this.selectedRows=this.renderedRows,this.kupRowSelected.emit({comp:this,id:this.rootElement.id,selectedRows:this.selectedRows,clickedColumn:null,clickedRow:null})):this.resetSelectedRows()}openTotalMenu(t){this.openedTotalMenu=t.name}closeTotalMenu(){this.openedTotalMenu=null,this.kupManager.removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}groupRows(){this.isGrouping()&&(this.rows=Ft(this.getColumns(),this.rows,this.groups,this.totals),this.adjustGroupState())}async getInternalState(){return{groups:this.groups,filters:this.filters,data:this.data}}onLoadMoreClick(){let t=0;switch(this.loadMoreMode){case B.CONSTANT:t=this.loadMoreStep;break;case B.CONSTANT_INCREMENT:t=this.loadMoreStep*(this.loadMoreEventCounter+1);break;case B.PROGRESSIVE_THRESHOLD:t=Math.max(this.loadMoreEventPreviousQuantity,this.loadMoreStep)*Math.min(this.loadMoreEventCounter+1,2)}t>this.loadMoreLimit&&(t=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:t}),this.loadMoreEventPreviousQuantity=t,this.loadMoreEventCounter++}adjustGroupState(){this.rows&&0!==this.rowsLength&&this.rows[0].hasOwnProperty("group")&&this.rows.forEach((t=>this.adjustGroupStateFromRow(t)))}adjustGroupStateFromRow(t){if(!t||!t.hasOwnProperty("group"))return;const i=t.group,e=this.groupState[i.id];e?i.expanded=e.expanded:this.groupState[i.id]=i,i.children.forEach((t=>this.adjustGroupStateFromRow(t)))}sortRows(){this.rows=Et(this.rows,this.sort)}getSortIcon(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?`kup-icon ${c.DESCENDING.replace("--","")}`:`kup-icon ${c.ASCENDING.replace("--","")}`;return""}getSortDecode(t){for(let i of this.sort)if(i.column===t)return"A"===i.sortMode?"Ascending":"Descending";return"Sort column"}calculateColspan(){let t=this.getVisibleColumns().length;return this.selection===I.MULTIPLE_CHECKBOX&&(t+=1),this.hasRowActions()&&(t+=1),t}isGroupExpanded({group:t}){return!!t&&!!this.groupState[t.id]&&this.groupState[t.id].expanded}handleColumnSort(t,i){const e=this.data.columns.findIndex((i=>i.name===t.name&&i.title===t.title)),s=this.data.columns.findIndex((t=>t.name===i.name&&t.title===i.title));this.sortableColumnsMutateData&&(this.kupColumnMove.emit({comp:this,id:this.rootElement.id,sourceColumn:this.data.columns[s],targetColumn:this.data.columns[e]}),this.moveSortedColumns(this.data.columns,e,s))}moveSortedColumns(t,i,e){const s=t.splice(e,1);t.splice(i,0,s[0]),this.refresh()}async defaultSortingFunction(t,i,e,s=!1){const o=s?[...t]:t;return this.moveSortedColumns(o,i,e),o}applyLineBreaks(t){return t.split(this.lineBreakCharacter).map(((t,i)=>0!==i?[s("br",null),t]:t))}composeHeaderCellClassAndStyle(t,i=0,e){let s={"header-cell":!0},o=e.style?Object.assign({},e.style):{};(this.kupManager.objects.isBar(e.obj)||this.kupManager.objects.isButton(e.obj)||this.kupManager.objects.isChart(e.obj)||this.kupManager.objects.isCheckbox(e.obj)||this.kupManager.objects.isImage(e.obj)||this.kupManager.objects.isIcon(e.obj)||this.kupManager.objects.isProgressBar(e.obj)||this.kupManager.objects.isRadio(e.obj)||this.kupManager.objects.isVoCodver(e.obj))&&(s["header-cell--centered"]=!0),this.kupManager.objects.isNumber(e.obj)&&(s["header-cell--is-number"]=!0),this.kupManager.objects.isIcon(e.obj)&&(s["header-cell--is-icon"]=!0);const r=this.composeFixedCellStyleAndClass(t+1+i,0,i);return r&&(s=Object.assign(Object.assign({},s),r.fixedCellClasses),o=Object.assign(Object.assign({},o),r.fixedCellStyle)),{columnClass:s,thStyle:o}}renderHeader(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t-1),o=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=s("th",{class:e?e.fixedCellClasses:{},style:o},s("kup-checkbox",{"onkup-checkbox-change":t=>this.onSelectAll(t),title:this.kupManager.language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+this.kupManager.language.translate(C.RENDERED)+`: ${this.renderedRows.length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===this.renderedRows.length}))}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t-1);e=s("th",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:o,thStyle:r}=this.composeHeaderCellClassAndStyle(e,t,i);let a=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,i)){const t=this.kupManager.language.translate(y.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(i)}'`;a=s("span",{title:t,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`})}let n=null,l=this.getSortIcon(i.name);""!==l&&(n=s("span",{class:l,title:this.getSortDecode(i.name)})),o["header-cell--sortable"]=!0;let h=null;if(i.isKey&&(h=s("span",{class:`kup-icon ${c.KEY.replace("--","")}`,title:this.kupManager.language.translate(C.KEY)})),this.sizedColumns)for(let t=0;t<this.sizedColumns.length;t++){const e=this.sizedColumns[t];if(e.name===i.name){const t=e.size+"";t.indexOf("ch")<1&&(r.width=t,r.minWidth=t,r.maxWidth=t),r.overflow="hidden";break}}return s("th",{ref:t=>this.thRefs.push(t),"data-cell":i,"data-column":i.name,class:o,style:r,title:i.name},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},this.applyLineBreaks(i.title)),s("span",{class:"header-cell__icons"},h,n,a)),this.resizableColumns?s("span",{class:"header-cell__drag-handler"}):null)}))]}renderStickyHeader(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t-1),o=Object.assign({width:"30px",margin:"0 auto"},e?e.fixedCellStyle:{});i=s("th-sticky",{class:e?e.fixedCellClasses:null,style:o},s("kup-checkbox",{"onkup-checkbox-change":t=>this.onSelectAll(t),title:this.kupManager.language.translate(C.SELECTED)+`: ${this.selectedRows.length},`+this.kupManager.language.translate(C.RENDERED)+`: ${this.renderedRows.length}`,checked:this.selectedRows.length>0&&this.selectedRows.length===this.renderedRows.length}))}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t-1);e=s("th-sticky",{class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null})}return[i,e,...this.getVisibleColumns().map(((i,e)=>{const{columnClass:o,thStyle:r}=this.composeHeaderCellClassAndStyle(e,t,i);return s("th-sticky",{class:o,style:r},s("div",{class:"header-cell__content"},s("span",{class:"header-cell__title"},this.applyLineBreaks(i.title))))}))]}areTotalsSelected(t){return!(!this.totals||!this.totals[t.name])}onTotalsChange(t,i){if(this.closeTotalMenu(),i){const e=Object.assign({},this.totals),s=t.detail.selected.id;s===U.CANC?this.totals&&this.totals[i.name]&&delete e[i.name]:e[i.name]=s,this.totals=e}}totalMenuPosition(){if(this.rootElement.shadowRoot){const t=this.rootElement.shadowRoot.querySelector("#totals-menu");t&&(this.kupManager.dynamicPosition.register(t,this.totalMenuCoords),this.clickCb={cb:()=>{this.closeTotalMenu()},el:t},this.kupManager.addClickCallback(this.clickCb,!0),this.kupManager.dynamicPosition.start(t),t.menuVisible=!0)}}onTotalMenuOpen(t){this.closeTotalMenu(),this.openTotalMenu(t)}renderFooter(){let t=0,i=null;if(this.selection===I.MULTIPLE_CHECKBOX){t++;const e=this.composeFixedCellStyleAndClass(t,0,t);i=s("td",{class:e?e.fixedCellClasses:null,style:e?e.fixedCellStyle:null})}let e=null;if(this.hasRowActions()){t++;const i=this.composeFixedCellStyleAndClass(t,0,t);e=s("td",{class:i?i.fixedCellClasses:{},style:i?i.fixedCellStyle:{}})}const o=this.getVisibleColumns().map(((i,e)=>{const o=this.composeFixedCellStyleAndClass(e+1+t,0,t);let r,a=U.CALC;const n={[U.AVERAGE]:this.kupManager.language.translate(v.AVERAGE),[U.CALC]:this.kupManager.language.translate(v.CALCULATE),[U.CANC]:this.kupManager.language.translate(v.CANCEL),[U.COUNT]:this.kupManager.language.translate(v.COUNT),[U.DISTINCT]:this.kupManager.language.translate(v.DISTINCT),[U.MATH]:this.kupManager.language.translate(v.FORMULA),[U.MAX]:this.kupManager.language.translate(v.MAXIMUM),[U.MIN]:this.kupManager.language.translate(v.MINIMUM),[U.SUM]:this.kupManager.language.translate(v.SUM)};if(this.totals){const t=this.totals[i.name];if(t)if(t.startsWith(X.MATH))a=U.MATH;else switch(t){case X.COUNT:a=U.COUNT;break;case X.DISTINCT:a=U.DISTINCT;break;case X.SUM:a=U.SUM;break;case X.AVERAGE:a=U.AVERAGE;break;case X.MIN:a=U.MIN;break;case X.MAX:a=U.MAX}}if(this.isOpenedTotalMenuForColumn(i.name)){const t=[{id:X.COUNT,value:n[U.COUNT]},{id:X.DISTINCT,value:n[U.DISTINCT]}];if(this.kupManager.objects.isNumber(i.obj)?t.push({id:X.SUM,separator:!0,value:n[U.SUM]},{id:X.AVERAGE,value:n[U.AVERAGE]},{id:X.MIN,value:n[U.MIN]},{id:X.MAX,value:n[U.MAX]}):this.kupManager.objects.isDate(i.obj)&&t.push({id:X.MIN,separator:!0,value:n[U.MIN]},{id:X.MAX,value:n[U.MAX]}),this.totals){const e=t.find((t=>t.value===this.totals[i.name]));e&&(e.selected=!0,t.push({id:U.CANC,separator:!0,value:n[U.CANC]}))}r=s("kup-list",{class:"total-menu",data:t,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":t=>this.onTotalsChange(t,i),tabindex:0})}let l;const h=this.footer[i.name];return a===U.COUNT||a===U.DISTINCT?l=h:a!==U.MAX&&a!==U.MIN||!this.kupManager.objects.isDate(i.obj)?l=nt(h,i.decimals,i.obj?i.obj.p:""):h&&(l=h),s("td",{"data-column":i.name,class:o&&o.fixedCellClasses?o.fixedCellClasses:"",style:o?o.fixedCellStyle:null},r,s("span",{class:"totals-value",title:n[a]},l))}));return s("tfoot",null,s("tr",null,i,e,o))}renderRow(t,i=0,e=0,o){const r=this.getVisibleColumns();let a=0;if(t.group){let e;switch(this.groupLabelDisplay){case M.LABEL:e=t.group.columnLabel;break;case M.VALUE:e=t.group.label;break;case M.BOTH:default:e=t.group.columnLabel+" = "+t.group.label}if(0===t.group.children.length)return null;const o=t.group.expanded?`kup-icon ${c.EXPANDED.replace("--","")}`:`kup-icon ${c.COLLAPSED.replace("--","")}`,a=[],n=[];for(let t=0;t<i;t++)n.push(s("span",{class:"indent"}));if(this.hasTotals()){const i=[];this.hasRowActions()&&i.push(s("td",null)),this.selection===I.MULTIPLE_CHECKBOX&&i.push(s("td",null));const l=s("td",{colSpan:this.calculateColspan()},s("span",{class:"group-cell-content"},n,s("span",{class:o}),s("span",{class:"text"},e)));for(let e of r){let o,r="total";t.group.totals[e.name]<0&&(r+=" negative-number");const a=t.group.totals[e.name];this.totals[e.name]===X.COUNT||this.totals[e.name]===X.DISTINCT?o=a:this.kupManager.objects.isDate(e.obj)?a&&(this.kupManager.dates.isValid(a,m.ISO_DATE)?o=this.kupManager.dates.format(a):console.warn(`invalid date: ${a}`)):o=nt(a,e.decimals,e.obj?e.obj.p:""),i.push(s("td",{class:r},o))}a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group group-label"},l)),a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group group-total"},i))}else a.push(s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:"group"},s("td",{colSpan:this.calculateColspan()},s("span",{class:"group-cell-content"},n,s("span",{class:o}),s("span",{class:"text"},e)))));return this.isGroupExpanded(t)&&t.group.children.map(((t,e,s)=>this.renderRow(t,i+1,e,e>0?s[e-1]:void 0))).forEach((t=>{Array.isArray(t)?t.forEach((t=>a.push(t))):a.push(t)})),a}{let n=0,l=null;if(this.selection===I.MULTIPLE_CHECKBOX){n++;const i=this.composeFixedCellStyleAndClass(n,e,n-1),o={checked:this.selectedRows.includes(t),onChange:()=>{this.handleRowSelect(t)}};l=s("td",{"row-select-cell":!0,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},s($t,Object.assign({},o)))}let h=null;if(this.hasRowActions()){n++;const i=this.composeFixedCellStyleAndClass(n,e,n-1);a+=this.rowActions.length;const o=this.renderActions(this.rowActions,t,"default");let r=null,l=null;if(t.actions)a+=t.actions.length,l=this.renderActions(t.actions,t,"variable");else{const i={color:`var(${d.PRIMARY})`,resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",title:this.kupManager.language.translate(y.EXPAND),wrapperClass:"expander",onClick:i=>{this.onRowActionExpanderClick(i,t)}};a++,r=s(zt,Object.assign({},i))}h=s("td",{"row-action-cell":!0,class:i?i.fixedCellClasses:null,style:i?i.fixedCellStyle:null},o,r,l)}const c=r.map(((r,a)=>{const{name:l,hideValuesRepetitions:h}=r,c=[];if(0===a)for(let t=0;t<i;t++)c.push(s("span",{class:"indent"}));const u=t.cells[l]?t.cells[l]:null;if(!u)return this.autoFillMissingCells?s("td",{"data-column":l,"data-row":t}):null;const d=s(Bt,Object.assign({},{cell:u,column:r,component:this,density:this.density,editable:this.editableData,indents:c,previousValue:h&&o?o.cells[l].value:void 0,renderKup:this.lazyLoadCells,row:t,setSizes:!0}));let p=null,b=Object.assign({},u.style);const m=this.composeFixedCellStyleAndClass(a+1+n,e,n);if(m&&(b=Object.assign(b||{},m.fixedCellStyle),p=Object.assign(Object.assign({},p),m.fixedCellClasses)),this.sizedColumns){let t="";for(let i=0;i<this.sizedColumns.length;i++)if(l===this.sizedColumns[i].name){t=this.sizedColumns[i].size;break}t&&(b||(b={}),b["max-width"]=t,b["min-width"]=t,b.width=t)}return p=Object.assign({},p),s("td",Object.assign({title:undefined,colSpan:u.span&&u.span.col?u.span.col:null,rowSpan:u.span&&u.span.row?u.span.row:null,"data-cell":u,"data-column":l,"data-row":t,style:b,class:p},undefined),d)}));this.renderedRows.push(t);const u={selected:this.selectedRows.includes(t)};return t.cssClass&&(u[t.cssClass]=!0),s("tr",{ref:t=>this.rowsRefs.push(t),"data-row":t,class:u,style:{"--kup_datatable_row_actions":a}},l,h,c)}}renderActions(t,i,e){return t.map(((t,o)=>s(zt,Object.assign({},{color:`var(${d.PRIMARY})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",title:t.text,wrapperClass:"action",onClick:()=>this.onDefaultRowActionClick({action:t,row:i,index:o,type:e})}))))}onCustomSettingsClick(){this.openedCustomSettings?this.closeCustomSettings():this.openCustomSettings()}openCustomSettings(){this.customizeTopPanelRef.menuVisible=!0,this.customizeTopButtonRef.classList.add("toggled"),this.kupManager.dynamicPosition.start(this.customizeTopPanelRef),this.openedCustomSettings=!0,this.clickCbCustomPanel||(this.clickCbCustomPanel={cb:()=>{this.closeCustomSettings()},el:this.customizeTopPanelRef}),this.kupManager.addClickCallback(this.clickCbCustomPanel,!0)}closeCustomSettings(){this.customizeTopButtonRef.classList.remove("toggled"),null!=this.customizeTopPanelRef&&(this.customizeTopPanelRef.menuVisible=!1,this.openedCustomSettings=!1,this.kupManager.removeClickCallback(this.clickCbCustomPanel))}renderPaginator(t){return s("div",{class:"paginator-wrapper"},s("div",{class:"paginator-tabs"},!this.lazyLoadRows&&this.rowsLength>this.rowsPerPage?s(Lt,{id:t?"top-paginator":"bottom-paginator",currentPage:this.currentPage,max:this.rowsLength,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{this.onLoadMoreClick()}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}):null))}renderCustomizePanel(){let t,i,e,o,r;return this.openedCustomSettings&&(t=this.renderDensityPanel(),i=this.renderFontSizePanel(),e=this.renderGridPanel(),o=this.renderTransposeSwitch(),this.totals&&this.groups.length>0&&(r=this.renderTotalsMatrix())),s("kup-card",{customStyle:"::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }",isMenu:!0,layoutFamily:j.FREE,ref:t=>{this.customizeTopPanelRef=t},sizeX:"360px",sizeY:"300px"},t,e,i,o,s("kup-switch",{class:"customize-element",checked:this.dragEnabled,label:this.kupManager.language.translate(y.DRAG_AND_DROP),leadingLabel:!0,"onkup-switch-change":()=>this.dragEnabled=!this.dragEnabled}),s("kup-switch",{class:"customize-element",checked:this.editableData,label:this.kupManager.language.translate(y.EDITABLE),leadingLabel:!0,"onkup-switch-change":()=>this.editableData=!this.editableData}),s("kup-button",{title:this.kupManager.language.translate(y.TOGGLE)+" Magic Box ("+this.kupManager.language.translate(y.EXPERIMENTAL_FEAT)+")",icon:"auto-fix","onkup-button-click":()=>this.kupManager.toggleMagicBox()}),r)}columnRemoveArea(){return s("div",{class:"droparea__remove",ref:t=>this.removeDropareaRef=t},s(zt,{resource:"delete",color:`var(${d.DANGER})`,sizeX:"30px",sizeY:"50px"}),s(zt,{resource:"delete-empty",color:`var(${d.DANGER})`,sizeX:"30px",sizeY:"50px"}))}columnGroupArea(){return s("div",{class:"droparea__groups",ref:t=>this.groupsDropareaRef=t},s(zt,{resource:"bookmark",color:`var(${d.TEXT})`,sizeX:"30px",sizeY:"50px"}),s(zt,{resource:"book",color:`var(${d.TEXT})`,sizeX:"30px",sizeY:"50px"}))}hideShowColumnDropArea(t,i){t&&i&&(this.removableColumns||this.showGroups)?(this.dropareaRef.classList.add("droparea--visible"),this.kupManager.dynamicPosition.register(this.dropareaRef,i,10,u.TOP),this.kupManager.dynamicPosition.start(this.dropareaRef),this.dropareaRef.style.marginLeft=i.clientWidth/2-this.dropareaRef.clientWidth/2+"px"):(this.dropareaRef.classList.remove("droparea--visible"),this.kupManager.dynamicPosition.stop(this.dropareaRef))}handleColumnGroup(t){this.getVisibleColumns();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())}}transcodeItem(t,i,e){for(let s=0;s<i.length;s++)if(i[s]==t&&s<e.length)return e[s];return t}createListData(t,i,e){const s=[];for(let o=0;o<t.length;o++){let r=null;switch(t[o]){case"big":r=lt.BIG;break;case"Col":r=ct.COLUMN;break;case"Complete":r=ct.COMPLETE;break;case"dense":r=ht.DENSE;break;case"medium":r=ht.MEDIUM;break;case"None":r=ct.NONE;break;case"small":r=lt.SMALL;break;case"Row":r=ct.ROW;break;case"wide":r=ht.WIDE}s[o]={icon:i[o],id:t[o],selected:e==t[o],value:this.kupManager.language.translate(r)}}return s}getFontSizeCodeFromDecode(t){return this.transcodeItem(t,this.FONTSIZE_DECODES,this.FONTSIZE_CODES)}renderFontSizePanel(){const t={data:this.createListData(this.FONTSIZE_CODES,this.FONTSIZE_ICONS,this.fontsize),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(lt.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.fontsize){case"big":e=lt.BIG;break;case"medium":e=lt.MEDIUM;break;case"small":e=lt.SMALL}return s("div",{class:"customize-element fontsize-panel"},s("kup-combobox",{isSelect:!0,data:i,initialValue:this.kupManager.language.translate(e),"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.fontsize=this.getFontSizeCodeFromDecode(t.detail.value)}}))}getDensityCodeFromDecode(t){return this.transcodeItem(t,this.DENSITY_DECODES,Object.values(H))}renderDensityPanel(){const t={data:this.createListData(Object.values(H),this.DENSITY_ICONS,this.density),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(ht.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.density){case"dense":e=ht.DENSE;break;case"medium":e=ht.MEDIUM;break;case"wide":e=ht.WIDE}return s("div",{class:"customize-element density-panel"},s("kup-combobox",{isSelect:!0,initialValue:this.kupManager.language.translate(e),selectMode:Qt.DESCRIPTION,data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation(),this.density=this.getDensityCodeFromDecode(t.detail.value)}}))}getGridCodeFromDecode(t){return this.transcodeItem(t,this.GRID_DECODES,this.GRID_CODES)}renderTransposeSwitch(){return s("div",{class:"customize-element grid-panel"},s("kup-switch",{checked:this.transpose,label:this.kupManager.language.translate(y.TRANSPOSE_DATA),leadingLabel:!0,"onkup-switch-change":t=>{t.stopPropagation(),this.transpose="on"===t.detail.value}}))}renderTotalsMatrix(){return s("div",{class:"customize-element grid-panel"},s("kup-button",{title:this.kupManager.language.translate(y.TOTALS_TABLE)+" ("+this.kupManager.language.translate(y.EXPERIMENTAL_FEAT)+")",label:this.kupManager.language.translate(y.TOTALS_TABLE),icon:"exposure","onkup-button-click":()=>this.switchToTotalsMatrix()}))}renderGridPanel(){const t={data:this.createListData(this.GRID_CODES,this.GRID_ICONS,this.showGrid),showIcons:!0},i={"kup-text-field":{trailingIcon:!0,label:this.kupManager.language.translate(ct.LABEL),icon:"arrow_drop_down"},"kup-list":t};let e=null;switch(this.showGrid){case G.COL:e=ct.COLUMN;break;case G.COMPLETE:e=ct.COMPLETE;break;case G.NONE:e=ct.NONE;break;case G.ROW:e=ct.ROW}return s("div",{class:"customize-element grid-panel"},s("kup-combobox",{isSelect:!0,initialValue:this.kupManager.language.translate(e),data:i,"onkup-combobox-itemclick":t=>{t.stopPropagation();const i=this.getGridCodeFromDecode(t.detail.value);this.showGrid=i}}))}render(){let t;this.thRefs=[],this.rowsRefs=[],this.renderedRows=[],this.sizedColumns=this.getSizedColumns();let i=null;0===this.paginatedRowsLength?i=s("tr",{ref:t=>this.rowsRefs.push(t)},s("td",{colSpan:this.calculateColspan()},this.emptyDataLabel)):(i=[],this.paginatedRows.map(((t,i,e)=>this.renderRow(t,0,i+1,i>0?e[i-1]:null))).forEach((t=>{Array.isArray(t)?t.forEach((t=>i.push(t))):i.push(t)})));const e=this.renderHeader(),r=this.renderStickyHeader();let a,n;(!this.lazyLoadRows&&this.rowsLength>this.rowsPerPage||this.showCustomization||this.showLoadMore)&&(Y.TOP!==this.paginatorPos&&Y.BOTH!==this.paginatorPos||(a=this.renderPaginator(!0)),Y.BOTTOM!==this.paginatorPos&&Y.BOTH!==this.paginatorPos||(n=this.renderPaginator(!1)));let l=null;if(this.isGrouping()){const t=[];for(let i=0;i<this.groups.length;i++){const e=this.groups[i],s=O(this.getColumns(),e.column);s?t.push({value:s.title,id:s.name,checked:!0}):this.kupManager.debug.logMessage(this,"Grouped for a non-existent column! ("+e.column+")",p.WARNING)}if(t.length>0){const i={data:t,id:"group-chips",type:Dt.INPUT,onIconClick:[]};for(let e=0;e<t.length;e++)i.onIconClick.push((()=>this.removeGroup(e)));l=s(Ot,Object.assign({},i))}}const h={"auto-width":this.tableHasAutoWidth(),"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":void 0!==this.tableHeight||void 0!==this.tableWidth,"border-top":!this.showHeader};let u;h[`density-${this.density}`]=!0,h[`fontsize-${this.fontsize}`]=!0,this.tableHeight&&(t={height:this.tableHeight,overflow:"auto"}),this.tableWidth&&(t=Object.assign(Object.assign({},t),{width:this.tableWidth,overflow:"auto"})),this.headerIsPersistent&&void 0===this.tableHeight&&void 0===this.tableWidth&&(u=s("sticky-header",{class:"hover-scrolling-child",hidden:!this.showHeader,ref:t=>this.stickyTheadRef=t},s("thead-sticky",null,s("tr-sticky",null,r))));let b="below-wrapper";return void 0===this.tableHeight&&void 0===this.tableWidth||(b+=" custom-size"),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"above-wrapper"},this.globalFilter?s("div",{id:"global-filter"},s(xt,{fullWidth:!0,icon:c.SEARCH,label:this.kupManager.language.translate(K.SEARCH),value:this.globalFilterValue,onInput:t=>{const i=t.target;window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(i)),600,i)}})):null,a),s("div",{class:"group-wrapper"},l),s("div",{class:"droparea",ref:t=>this.dropareaRef=t},this.showGroups?this.columnGroupArea():null,this.removableColumns?this.columnRemoveArea():null),s("div",{style:t,class:b,ref:t=>this.tableAreaRef=t},this.showCustomization?[s("div",{class:"settings-trigger",onClick:()=>{this.onCustomSettingsClick()},ref:t=>{this.customizeTopButtonRef=t}},s(zt,{color:`var(${d.TITLE})`,resource:"settings",sizeX:"10px"})),this.renderCustomizePanel()]:null,s("table",{class:h,ref:t=>this.tableRef=t,onMouseLeave:t=>{t.stopPropagation()},onContextMenu:t=>{t.preventDefault()}},s("thead",{hidden:!this.showHeader,ref:t=>this.theadRef=t},s("tr",null,e)),s("tbody",null,i),this.showFooter||this.hasTotals()?this.renderFooter():null),u),n))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop,this.interactableResize,this.interactableTouch)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+ut+"]");t.length>0&&this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(t)),this.customizeTopPanelRef&&this.customizeTopPanelRef.remove(),this.columnMenuCard&&this.columnMenuCard.remove(),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.tableAreaRef),this.kupManager.resize.unobserve(this.rootElement),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],expandGroups:["expandGroupsHandler"],filters:["filtersChanged"],globalFilterValue:["filtersChanged"],sort:["recalculateRows"],totals:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["identifyAndInitRows"],groups:["recalculateRowsAndUndoSelections"],fixedColumns:["controlFixedRowsColumns"],fixedRows:["controlFixedRowsColumns"],transpose:["recalculateData"]}}};us.style=":host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-background-color)\n  );--kup_datatable_border:var(\n    --kup-datatable-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_color:var(--kup-datatable-color, var(--kup-text-color));--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\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}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_datatable_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-secondary-color)}table>tbody>tr>td:first-of-type,table>tbody>tr>td.placeholder~td:not(.placeholder){border-left:var(--kup_datatable_border)}table>tbody>tr>td:last-of-type{border-right:var(--kup_datatable_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 td{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 0.3125em}table tfoot td:hover{background-color:var(--kup_datatable_background_color)}table tfoot td:first-of-type{border-left:var(--kup_datatable_border)}#global-filter{margin:0.5em 0px;min-width:140px;width:100%}.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:not(.custom-size){overflow-x:auto}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup-title-background-color);border:var(--kup_datatable_th_border);border-left:0 none;border-bottom-width:2px;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:first-of-type{border-left:var(--kup_datatable_th_border)}.header-cell__content{color:var(--kup-title-color);display:flex;justify-content:space-between;padding:0.5em 0.3125em;text-overflow:ellipsis;white-space:nowrap}.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__drag-handler{background:rgba(var(--kup-title-color-rgb), 0.25);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup_datatable_th_resize_handle_width)}.header-cell__drag-handler:hover{background:rgba(var(--kup-title-color-rgb), 0.5)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0}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:rgba(var(--kup-primary-color-rgb), 0.175)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tbody tr.group{background:var(--kup-title-background-color);border-top:var(--kup_datatable_border);color:var(--kup-title-color);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em}tbody tr.group>td.total{text-align:right;padding:0.5em 0.3125em}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color)}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}.above-wrapper{display:flex;width:100%}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_datatable_color)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold}.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-color);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}.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)}.paginator-wrapper{display:flex;flex-flow:wrap;min-width:max-content}.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}.paginator-tabs .load-more-button{margin:0.5em 0px 0px}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-title-background-color);border-bottom:2px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);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,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column,thead .fixed-row,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;top:0;z-index:10}table.custom-size th.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tr.selected .fixed-column,tr.selected .fixed-row{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}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column{background-color:var(--kup-title-background-color);color:var(--kup-title-color)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column{color:var(--kup-text-color);background-color:var(--kup_datatable_background_color)}: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)}.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 td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component td.selected.fixed-column,:host(.kup-cross-selection) #kup-component 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:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";const ds=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.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.disabled=!1,this.firstDayIndex=1,this.initialValue="",this.kupManager=n(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null}onKupDatePickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}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,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&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.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",p.WARNING),this.firstDayIndex=1)}async getValue(){return this.value}async getProps(t){let i={};if(t)i=_i;else for(const t in _i)Object.prototype.hasOwnProperty.call(_i,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=t;this.kupManager.dates.isValid(t)&&(s=this.kupManager.dates.format(this.kupManager.dates.normalize(t,W.DATE),m.ISO_DATE),this.refreshPickerComponentValue(s),1!=e&&this.setValue(s)),null!=s&&null!=i&&i.emit({id:this.rootElement.id,value:s})}refreshPickerComponentValue(t){if(!this.isPickerOpened())return;let i;i=this.kupManager.dates.isValid(t,m.ISO_DATE)?new Date(t):new Date,this.pickerEl.value=i.toISOString(),this.pickerEl.date=i,this.refresh()}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}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,u.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(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(t){const i=this.rootElement.classList.contains("kup-full-height"),e=this.rootElement.classList.contains("kup-full-width"),o=Object.assign({},this.data["kup-text-field"]);return o.icon||(o.icon="calendar"),o.icon&&(o.trailingIcon=!0),s(xt,Object.assign({},o,{disabled:this.disabled,fullHeight:i,fullWidth:e,id:this.rootElement.id+"_text-field",value:t,onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepDatePicker())}getInitEndYear(t){let 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)}prepDatePicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{initialValue:this.value,firstDayIndex:this.firstDayIndex,resetStatus:!0}},layoutFamily:j.BUILT_IN,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&""!=t.detail.value&&this.onKupDatePickerItemClick(t.detail.value)}})}getDateForOutput(){return null==this.value||""==this.value.trim()?"":this.kupManager.dates.format(this.value)}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.watchFirstDayIndex(),this.value=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"),wt(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},this.prepTextfield(this.getDateForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return r(this)}static get watchers(){return{firstDayIndex:["watchFirstDayIndex"]}}};var ps;ds.style=":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--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);--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.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.displayMode='Sets how to show the selected item value. Suported values: "code", "description", "both".',t.icon="Defaults at null. When set, the button will show this icon.",t.initialValue="Sets the initial value of the component.",t.label="Defaults at null. When set, the button will show this text.",t.selectMode='Sets to the return the selected item value. Suported values: "code", "description", "both".',t.styling='Defines the style of the button. Available styles are "flat" and "outlined", "raised" is the default.',t.trailingIcon="Defaults at null. When set, the icon will be shown after the text.",t.dropdownOnly="Default value is false. When set to true, the arrow dropdown button is the only button displayed."}(ps||(ps={}));const bs=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.id="",this.customStyle="",this.data=null,this.disabled=!1,this.displayMode=Qt.DESCRIPTION,this.dropdownOnly=!1,this.icon=null,this.initialValue="",this.label=null,this.selectMode=Qt.CODE,this.styling=jt.RAISED,this.trailingIcon=!1,this.kupManager=n(),this.buttonEl=null,this.dropdownEl=null,this.listEl=null,this.clickCb=null}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.id})}onKupClick(){this.closeList(),this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.id})}onDropDownClick(){this.isListOpened()?this.closeList():this.openList()}onKupItemClick(t){this.consistencyCheck(t),this.closeList(),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.id}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.id})}async getProps(t){return l(this,ps,t)}async getValue(){return this.id}async refresh(){e(this)}async setProps(t){h(this,ps,t)}async setValue(t){this.id=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,u.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=Jt(i,this.data["kup-list"],this.listEl,this.selectMode,this.displayMode,t);this.id=e.value}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.id=this.initialValue,this.data||(this.data={"kup-list":{}})}componentDidLoad(){this.consistencyCheck(void 0,this.id),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"),styling:this.styling?this.styling:jt.RAISED,title:this.rootElement.title};return this.dropdownOnly||t.push(s(Ct,Object.assign({},i,{icon:this.icon?this.icon:null,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(s(Ct,Object.assign({},i,{disabled:!!this.disabled,icon:this.dropdownOnly&&this.icon&&""!==this.icon?this.icon:"arrow_drop_down",label:" ",wrapperClass:"dropdown-button__dropdown-action"+(this.dropdownOnly?" dropdown-only":""),onClick:()=>this.onDropDownClick()}))),t}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"dropdown-button--wrapper"},this.renderButtons()),s("kup-list",Object.assign({},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 r(this)}};var ms;bs.style=":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:0;border-bottom-right-radius:0}.f-button.dropdown-button__primary-action .button.button--outlined{border-right:none}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:4px;border-bottom-left-radius:4px}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:0;border-bottom-left-radius:0;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){border-left:none}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:18px;border-bottom-left-radius:18px}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:18px;border-bottom-right-radius:18px}: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);--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);--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.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://ketchup.smeup.com/ketchup-showcase/#/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."}(ms||(ms={}));const fs=Math.PI,gs=2*fs,ks=gs-1e-6;function vs(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function ys(){return new vs}function xs(t){return function(){return t}}vs.prototype=ys.prototype={constructor:vs,moveTo:function(t,i){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+i)},closePath:function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(t,i){this._+="L"+(this._x1=+t)+","+(this._y1=+i)},quadraticCurveTo:function(t,i,e,s){this._+="Q"+ +t+","+ +i+","+(this._x1=+e)+","+(this._y1=+s)},bezierCurveTo:function(t,i,e,s,o,r){this._+="C"+ +t+","+ +i+","+ +e+","+ +s+","+(this._x1=+o)+","+(this._y1=+r)},arcTo:function(t,i,e,s,o){var r=this._x1,a=this._y1,n=(e=+e)-(t=+t),l=(s=+s)-(i=+i),h=r-t,c=a-i,u=h*h+c*c;if((o=+o)<0)throw new Error("negative radius: "+o);if(null===this._x1)this._+="M"+(this._x1=t)+","+(this._y1=i);else if(u>1e-6)if(Math.abs(c*n-l*h)>1e-6&&o){var d=e-r,p=s-a,b=n*n+l*l,m=d*d+p*p,f=Math.sqrt(b),g=Math.sqrt(u),k=o*Math.tan((fs-Math.acos((b+u-m)/(2*f*g)))/2),v=k/g,y=k/f;Math.abs(v-1)>1e-6&&(this._+="L"+(t+v*h)+","+(i+v*c)),this._+="A"+o+","+o+",0,0,"+ +(c*d>h*p)+","+(this._x1=t+y*n)+","+(this._y1=i+y*l)}else this._+="L"+(this._x1=t)+","+(this._y1=i)},arc:function(t,i,e,s,o,r){t=+t,i=+i,r=!!r;var a=(e=+e)*Math.cos(s),n=e*Math.sin(s),l=t+a,h=i+n,c=1^r,u=r?s-o:o-s;if(e<0)throw new Error("negative radius: "+e);null===this._x1?this._+="M"+l+","+h:(Math.abs(this._x1-l)>1e-6||Math.abs(this._y1-h)>1e-6)&&(this._+="L"+l+","+h),e&&(u<0&&(u=u%gs+gs),u>ks?this._+="A"+e+","+e+",0,1,"+c+","+(t-a)+","+(i-n)+"A"+e+","+e+",0,1,"+c+","+(this._x1=l)+","+(this._y1=h):u>1e-6&&(this._+="A"+e+","+e+",0,"+ +(u>=fs)+","+c+","+(this._x1=t+e*Math.cos(o))+","+(this._y1=i+e*Math.sin(o))))},rect:function(t,i,e,s){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+i)+"h"+ +e+"v"+ +s+"h"+-e+"Z"},toString:function(){return this._}};const ws=Math.abs,_s=Math.atan2,zs=Math.cos,Cs=Math.max,js=Math.min,Ds=Math.sin,Os=Math.sqrt,Ss=Math.PI,$s=Ss/2,Ts=2*Ss;function Ws(t){return t>1?0:t<-1?Ss:Math.acos(t)}function Ps(t){return t>=1?$s:t<=-1?-$s:Math.asin(t)}function Rs(t){return t.innerRadius}function Ms(t){return t.outerRadius}function Is(t){return t.startAngle}function Fs(t){return t.endAngle}function Es(t){return t&&t.padAngle}function Ls(t,i,e,s,o,r,a,n){var l=e-t,h=s-i,c=a-o,u=n-r,d=u*l-c*h;if(!(d*d<1e-12))return[t+(d=(c*(i-r)-u*(t-o))/d)*l,i+d*h]}function Ns(t,i,e,s,o,r,a){var n=t-e,l=i-s,h=(a?r:-r)/Os(n*n+l*l),c=h*l,u=-h*n,d=t+c,p=i+u,b=e+c,m=s+u,f=(d+b)/2,g=(p+m)/2,k=b-d,v=m-p,y=k*k+v*v,x=o-r,w=d*m-b*p,_=(v<0?-1:1)*Os(Cs(0,x*x*y-w*w)),z=(w*v-k*_)/y,C=(-w*k-v*_)/y,j=(w*v+k*_)/y,D=(-w*k+v*_)/y,O=z-f,S=C-g,$=j-f,T=D-g;return O*O+S*S>$*$+T*T&&(z=j,C=D),{cx:z,cy:C,x01:-c,y01:-u,x11:z*(o/x-1),y11:C*(o/x-1)}}const As=class{constructor(i){t(this,i),this.arcThickness=30,this.colors=[`var(${d.SUCCESS})`,`var(${d.WARNING})`,`var(${d.DANGER})`],this.customStyle="",this.labelDistance=20,this.maxValue=100,this.measurementUnit="",this.minValue=-100,this.needleCircle=!1,this.onlyValue=!1,this.reverseColors=!1,this.showLabels=!0,this.showMaxmin=!0,this.showValue=!0,this.size=300,this.value=0,this.valueSize=0,this.widthComponent="100%",this.kupManager=n(),this.arcGenerator=function(){var t=Rs,i=Ms,e=xs(0),s=null,o=Is,r=Fs,a=Es,n=null;function l(){var l,h,c=+t.apply(this,arguments),u=+i.apply(this,arguments),d=o.apply(this,arguments)-$s,p=r.apply(this,arguments)-$s,b=ws(p-d),m=p>d;if(n||(n=l=ys()),u<c&&(h=u,u=c,c=h),u>1e-12)if(b>Ts-1e-12)n.moveTo(u*zs(d),u*Ds(d)),n.arc(0,0,u,d,p,!m),c>1e-12&&(n.moveTo(c*zs(p),c*Ds(p)),n.arc(0,0,c,p,d,m));else{var f,g,k=d,v=p,y=d,x=p,w=b,_=b,z=a.apply(this,arguments)/2,C=z>1e-12&&(s?+s.apply(this,arguments):Os(c*c+u*u)),j=js(ws(u-c)/2,+e.apply(this,arguments)),D=j,O=j;if(C>1e-12){var S=Ps(C/c*Ds(z)),$=Ps(C/u*Ds(z));(w-=2*S)>1e-12?(y+=S*=m?1:-1,x-=S):(w=0,y=x=(d+p)/2),(_-=2*$)>1e-12?(k+=$*=m?1:-1,v-=$):(_=0,k=v=(d+p)/2)}var T=u*zs(k),W=u*Ds(k),P=c*zs(x),R=c*Ds(x);if(j>1e-12){var M,I=u*zs(v),F=u*Ds(v),E=c*zs(y),L=c*Ds(y);if(b<Ss&&(M=Ls(T,W,E,L,I,F,P,R))){var N=T-M[0],A=W-M[1],K=I-M[0],V=F-M[1],H=1/Ds(Ws((N*K+A*V)/(Os(N*N+A*A)*Os(K*K+V*V)))/2),B=Os(M[0]*M[0]+M[1]*M[1]);D=js(j,(c-B)/(H-1)),O=js(j,(u-B)/(H+1))}}_>1e-12?O>1e-12?(f=Ns(E,L,T,W,u,O,m),g=Ns(I,F,P,R,u,O,m),n.moveTo(f.cx+f.x01,f.cy+f.y01),O<j?n.arc(f.cx,f.cy,O,_s(f.y01,f.x01),_s(g.y01,g.x01),!m):(n.arc(f.cx,f.cy,O,_s(f.y01,f.x01),_s(f.y11,f.x11),!m),n.arc(0,0,u,_s(f.cy+f.y11,f.cx+f.x11),_s(g.cy+g.y11,g.cx+g.x11),!m),n.arc(g.cx,g.cy,O,_s(g.y11,g.x11),_s(g.y01,g.x01),!m))):(n.moveTo(T,W),n.arc(0,0,u,k,v,!m)):n.moveTo(T,W),c>1e-12&&w>1e-12?D>1e-12?(f=Ns(P,R,I,F,c,-D,m),g=Ns(T,W,E,L,c,-D,m),n.lineTo(f.cx+f.x01,f.cy+f.y01),D<j?n.arc(f.cx,f.cy,D,_s(f.y01,f.x01),_s(g.y01,g.x01),!m):(n.arc(f.cx,f.cy,D,_s(f.y01,f.x01),_s(f.y11,f.x11),!m),n.arc(0,0,c,_s(f.cy+f.y11,f.cx+f.x11),_s(g.cy+g.y11,g.cx+g.x11),m),n.arc(g.cx,g.cy,D,_s(g.y11,g.x11),_s(g.y01,g.x01),!m))):n.arc(0,0,c,x,y,m):n.lineTo(P,R)}else n.moveTo(0,0);if(n.closePath(),l)return n=null,l+""||null}return l.centroid=function(){var e=(+t.apply(this,arguments)+ +i.apply(this,arguments))/2,s=(+o.apply(this,arguments)+ +r.apply(this,arguments))/2-Ss/2;return[zs(s)*e,Ds(s)*e]},l.innerRadius=function(i){return arguments.length?(t="function"==typeof i?i:xs(+i),l):t},l.outerRadius=function(t){return arguments.length?(i="function"==typeof t?t:xs(+t),l):i},l.cornerRadius=function(t){return arguments.length?(e="function"==typeof t?t:xs(+t),l):e},l.padRadius=function(t){return arguments.length?(s=null==t?null:"function"==typeof t?t:xs(+t),l):s},l.startAngle=function(t){return arguments.length?(o="function"==typeof t?t:xs(+t),l):o},l.endAngle=function(t){return arguments.length?(r="function"==typeof t?t:xs(+t),l):r},l.padAngle=function(t){return arguments.length?(a="function"==typeof t?t:xs(+t),l):a},l.context=function(t){return arguments.length?(n=null==t?null:t,l):n},l}(),this.maxValuePositive=0}async getProps(t){return l(this,ms,t)}async refresh(){e(this)}async setProps(t){h(this,ms,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:case 0:return"275%"}}paintNeedle(t,i,e,s,o=0){let r,a,n,l,h,c,u;return h=this.percToRad(o/2),c=e-t*Math.cos(h),u=s-t*Math.sin(h),r=e-i*Math.cos(h-Math.PI/2),a=s-i*Math.sin(h-Math.PI/2),n=e-i*Math.cos(h+Math.PI/2),l=s-i*Math.sin(h+Math.PI/2),"M "+r+" "+a+" L "+c+" "+u+" L "+n+" "+l}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!",p.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:case 0:i=2.25}const e=this.size/2,r=this.size/20,a=e-2*this.arcThickness,n=e+r+this.labelDistance*i,l=[];this.onlyValue?l.push(this.value):((this.firstThreshold||0===this.firstThreshold)&&l.push(this.firstThreshold),(this.secondThreshold||0===this.secondThreshold)&&l.push(this.secondThreshold));const h=[this.minValue,...l,this.maxValue],c=[];let u;if(this.onlyValue){let t=this.reverseColors?this.colors.slice().reverse():this.colors;u=[this.value<this.firstThreshold?t[0]:this.value<this.secondThreshold?t[1]:t[2],`rgba(var(${d.TEXT}-rgb), .1)`]}else u=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(s("path",{d:i,style:{fill:u[t]?u[t]:"#000000"}}))}const b=this.showLabels||this.showMaxmin?h.map((t=>{const i=this.calculateValuePercentage(t);let o="end";i>.5?o="start":.5===i&&(o="middle");const r=this.percToRad(i/2);let n=e-(a+2)*Math.cos(r),l=e-(a+2)*Math.sin(r),h="";return i>0&&i<1?this.showLabels&&!this.onlyValue&&(h=s("text",{class:"gauge__label-text","text-anchor":o,x:n,y:l},bt(String(t),-1,""))):this.showMaxmin&&(0===i?(n=this.arcThickness,l=e+this.labelDistance):(n=this.size-this.arcThickness,l=e+this.labelDistance),h=s("text",{class:"gauge__label-text","text-anchor":o,x:n,y:l},bt(String(t),-1,""))),h})):[],m={fontSize:this.calculateValueFontSize()};let f;this.showValue&&(f=s("text",{class:"gauge__label-text value","text-anchor":"middle",x:e,y:n,style:m},bt(String(t),-1,"")+" "+this.measurementUnit));const g={width:this.widthComponent};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,class:"gauge__container"},s("svg",{class:"gauge",style:g,viewBox:`0 0 ${this.size} ${n}`},s("g",{transform:`rotate(-90) translate(-${e}, ${e})`},c),this.needleCircle?s("circle",{class:"gauge__needle-base",cx:e,cy:e,r}):null,s("path",{class:"gauge__needle",d:this.paintNeedle(a,r,e,e,this.calculateValuePercentage(this.value))}),b,f)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};function Ks(t){const i=t.indexOf("R"),e=t.indexOf("G"),s=t.indexOf("B");if(i<0||e<0||s<0)return;const o=t.substring(i+1,i+4),r=t.substring(e+1,e+4),a=t.substring(s+1,s+4);try{return new Hs(parseInt(o),parseInt(r),parseInt(a))}catch(t){console.error(t)}return null}As.style=":host{--kup_gauge_color:var(--kup-gauge-color, var(--kup-text-color));--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-color)\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 Vs{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=Ks(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("HEIGHT;".length).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("SHAPE;".length)).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,s=null,o=(t=t.trim()).indexOf("R");if(o>-1&&(s=t.substring(o+1,o+4),i[0]=parseInt(s),isNaN(i[0])&&(e=!0)),o=t.indexOf("G"),o>-1&&(s=t.substring(o+1,o+4),i[1]=parseInt(s),isNaN(i[1])&&(e=!0)),o=t.indexOf("B"),o>-1&&(s=t.substring(o+1,o+4),i[2]=parseInt(s),isNaN(i[2])&&(e=!0)),e){const o=t.indexOf("R"),r=t.indexOf("G"),a=t.indexOf("B");if(s=t.substring(o+1,r),i[0]=parseInt(s),isNaN(i[0])&&(e=!0),s=t.substring(r+1,a),i[1]=parseInt(s),isNaN(i[1])&&(e=!0),s=t.substring(a+1),i[2]=parseInt(s),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 Hs{constructor(t,i,e){this.r=t,this.g=i,this.b=e}toString(){return`rgb(${this.r},${this.g},${this.b})`}}class Bs{constructor(){this.graphic_element_marker_splitter="\\\\",this.graphic_element_splitter="\\\\AND\\\\",this.background_color="BCOLOR;R255G000B000",this.default_color=new Hs(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",s=this.background_color,o="HEIGHT;100";const r=t.split(this.graphic_element_marker_splitter),a=[],n=[];r.forEach((t=>{this.isShapeMarker(t)?e=t:this.isBgColorMarker(t)?s=t:this.isHeightMarker(t)?o=t:this.isDecoratorMarker(t)?n.push(t):a.push(t)}));const l=a.map((t=>{const i=new Vs;return i.init([e,s,o,t]),i}));if(0===i&&s!==this.background_color){const t=Ks(s.substring("BCOLOR;".length));this.drawRect(0,0,this.canvas.clientWidth,this.canvas.clientHeight,t)}let h=0;l.forEach((t=>{switch(t.getShape()){case"circle":h=this.getNewStarXFromCircle(h,t);break;case"tril":h=this.getNewStarXFromTril(h,t);break;case"trir":h=this.getNewStarXFromTrir(h,t);break;default:h=this.getNewStarXFromBar(h,t)}})),n.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()),s=this.getDim(this.canvas.clientHeight,i.getHeight()),o=this.canvas.clientHeight-s;return i.isTrasparent()||this.drawRect(t,o,e-t,s,i.getColor()),e}getNewStarXFromCircle(t,i){const e=this.getDim(this.canvas.clientWidth,i.getWidth()),s=(t+e)/2;return i.isTrasparent()||this.drawArc(s,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){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,s,o){this.ctx.fillStyle=o.toString(),this.ctx.fillRect(t,i,e,s)}drawTri(t,i,e,s,o){this.ctx.fillStyle=o.toString(),this.ctx.beginPath(),this.ctx.moveTo(t,i),this.ctx.lineTo(e,s),this.ctx.lineTo(t,this.canvas.clientHeight),this.ctx.fill()}drawArrow(t){let i=t.substring("ARW;".length);i.indexOf(",")>-1&&(i=i.replace(",",".")),this.ctx.fillStyle=this.default_color.toString();const e=this.getDim(this.canvas.clientWidth,parseFloat(i)),s=this.canvas.clientHeight,o=Math.floor(s/3),r=o/2;this.ctx.beginPath(),this.ctx.moveTo(e,0),this.ctx.lineTo(e-o,s/2),this.ctx.lineTo(e-r,s/2),this.ctx.lineTo(e-r,s),this.ctx.lineTo(e+r,s),this.ctx.lineTo(e+r,s/2),this.ctx.lineTo(e+o,s/2),this.ctx.fill()}drawGrid(t){let i=t.substring("GRID;".length);i.indexOf(",")>-1&&(i=i.replace(",","."));const e=parseInt(i),s=this.canvas.clientWidth/e,o=this.canvas.clientHeight/5,r=this.canvas.clientHeight-o;for(let t=s;t<this.canvas.clientWidth;t+=s)this.drawRect(t,r,1,o,this.default_color)}drawSeparator(t){const i=t.substring("SEP;".length).split(";");let e="R000G000B000",s=2,o=i[0];i.length>1&&(e=i[1]),i.length>2&&(s=parseInt(i[2])),o.indexOf(",")>-1&&(o=o.replace(",","."));const r=this.getDim(this.canvas.clientWidth,parseFloat(o));this.drawRect(r,0,s,this.canvas.clientHeight,Ks(e))}}var Ys;!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.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.)."}(Ys||(Ys={}));const Gs=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-image-click",6),this.badgeData=null,this.color=`var(${d.ICON})`,this.customStyle="",this.data=null,this.feedback=!1,this.isCanvas=!1,this.resource=null,this.sizeX="100%",this.sizeY="100%",this.isUrl=!1,this.kupManager=n()}onKupClick(t){this.kupClick.emit({comp:this,id:this.rootElement.id,el:t.target})}async getProps(t){return l(this,Ys,t)}async refresh(){e(this)}async setProps(t){h(this,Ys,t)}renderCanvas(){return s("div",{id:"kup-component",onClick:t=>this.onKupClick(t),class:"is-canvas"},s("canvas",{ref:t=>this.canvas=t},this.resource))}componentWillLoad(){this.kupManager.debug.logLoad(this,!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 Bs),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)}render(){let t,i,e;const r={badgeData:this.badgeData,color:this.color,data:this.data,fit:!!this.rootElement.classList.contains("kup-fit"),resource:this.resource,sizeX:this.sizeX,sizeY:this.sizeY,onClick:t=>this.onKupClick(t)};let a={height:r.sizeY,minHeight:r.sizeY,width:r.sizeX,minWidth:r.sizeX};if(this.feedback&&this.isUrl&&(e=14,i=s("div",{id:"feedback",title:"Image not loaded yet..."},s("kup-spinner",{dimensions:"3px",active:!0,layout:14}))),this.isCanvas)t=this.renderCanvas();else{if(!r.resource&&!r.data)return void this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",p.WARNING);t=s(zt,Object.assign({},r))}return s(o,{style:a},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i,s("div",{id:_t},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/svg"]}get rootElement(){return r(this)}};Gs.style=":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 Xs,Us,qs,Qs,Zs,Js,to,io,eo,so,oo,ro,ao,no,lo=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)},ho=function(t,i,e,s,o){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?o.call(t,e):o?o.value=e:i.set(t,e),e};const co=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),Xs.add(this),this.focused=null,this.selected=[],this.customStyle="",this.data=[],this.displayMode=Qt.DESCRIPTION,this.filter="",this.hideText=!1,this.isMenu=!1,this.keyboardNavigation=!0,this.menuVisible=!1,this.roleType=qt.LISTBOX,this.selectable=!0,this.showIcons=!1,this.twoLine=!1,Us.set(this,n()),qs.set(this,[]),Qs.set(this,[])}onKupBlur(){this.kupBlur.emit({comp:this,id:this.rootElement.id})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}onKupClick(t){lo(this,Xs,"m",Zs).call(this,t)}listenKeydown(t){if(this.keyboardNavigation)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.focusNext();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.focusPrevious();break;case"Enter":t.preventDefault(),t.stopPropagation(),lo(this,Xs,"m",Zs).call(this,this.focused)}}async focusNext(){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>lo(this,Qs,"f").length-1&&(this.focused=0),lo(this,Qs,"f")[this.focused].focus()}async focusPrevious(){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=lo(this,Qs,"f").length-1),lo(this,Qs,"f")[this.focused].focus()}async getProps(t){return l(this,Ut,t)}async refresh(){e(this)}async select(t){void 0===t&&(t=this.focused),lo(this,Xs,"m",Zs).call(this,t)}async setProps(t){h(this,Ut,t)}componentWillLoad(){lo(this,Us,"f").debug.logLoad(this,!1),lo(this,Us,"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(){lo(this,Us,"f").debug.logLoad(this,!0)}componentWillRender(){lo(this,Us,"f").debug.logRender(this,!1)}componentDidRender(){!this.isMenu||!this.menuVisible||document.activeElement&&"BODY"!==document.activeElement.tagName||setTimeout((()=>{this.rootElement.focus()}),0),lo(this,Us,"f").debug.logRender(this,!0)}render(){ho(this,Qs,[],"f");let t,i="list";this.isMenu&&(t="kup-menu",this.menuVisible&&(t+=" visible")),lo(this,Xs,"m",ao).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,r="false";lo(this,Xs,"m",eo).call(this)&&(r="true"),ho(this,qs,[],"f");let a=0;return s(o,null,s("style",null,lo(this,Us,"f").theme.setKupStyle(this.rootElement)),s("div",{id:"kup-component",class:t},s("ul",{class:i,role:e,"aria-multiselectable":r},this.data.filter((t=>lo(this,Xs,"m",no).call(this,t))).map((t=>lo(this,Xs,"m",to).call(this,t,a++))))))}disconnectedCallback(){lo(this,Us,"f").theme.unregister(this)}get rootElement(){return r(this)}};var uo;Us=new WeakMap,qs=new WeakMap,Qs=new WeakMap,Xs=new WeakSet,Zs=function(t){if(null!=t&&!isNaN(t)){const i=this.rootElement.shadowRoot.querySelectorAll(".list-item")[t].dataset.id,e=this.data.find((t=>t.id===i));switch(this.roleType){case qt.GROUP:this.selected.includes(i)?this.selected.splice(this.selected.indexOf(i),1):this.selected.push(i),this.selected=new Array(...this.selected);break;default:this.selected=new Array(i)}for(let t=0;t<this.data.length;t++){const i=this.data[t];i.selected=this.selected.includes(i.id)}this.kupClick.emit({comp:this,id:this.rootElement.id,selected:e})}},Js=function(){return this.rootElement.hasAttribute("nested-list")},to=function(t,i){1!=t.selected&&(t.selected=!1),t.id||(t.id=t.value);let e,o=null;t.children&&t.children.length>0&&(this.rootElement.setAttribute("nested-list",""),o=s("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=lo(this,Xs,"m",io).call(this,t.icon));let r=[Zt(t,this.displayMode," - ")],a=[];this.twoLine&&t.secondaryText&&""!=t.secondaryText&&(r=[s("span",{class:"list-item__primary-text"},t.value)],a=[s("span",{class:"list-item__secondary-text"},t.secondaryText)]);let n="list-item",l=1==t.selected?"0":"-1";!lo(this,Xs,"m",Js).call(this)&&1==t.selected&&lo(this,Xs,"m",ro).call(this)&&(n+=" list-item--selected"),this.focused===i&&(n+=" list-item--focused");let h="option",c=null,u=1==t.selected?"true":"false";1!=this.selectable&&(u=null);let d=[e,s("span",{class:"list-item__text"},r,a)];if(lo(this,Xs,"m",oo).call(this)){h="radio",c=1==t.selected?"true":"false";let o=[{value:t.id,label:"",checked:1==t.selected}];d=[s("span",{class:"list-item__graphic"},s("input",{type:"radio",style:{display:"none"}}),s("kup-radio",{data:o,id:this.rootElement.id+"_"+i,ref:t=>lo(this,qs,"f")[i]=t})),e,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},r,a)]}else if(lo(this,Xs,"m",so).call(this)){h="checkbox",c=1==t.selected?"true":"false";let o=1==t.selected;d=[s("span",{class:"list-item__graphic"},s("input",{type:"checkbox",style:{display:"none"}}),s($t,{checked:o})),e,s("label",{class:"list-item__text",htmlFor:this.rootElement.id+"_"+i},r,a)]}const p=[];return t.separator&&p.push(s("li",{role:"separator",class:"list-divider"})),p.push(s("li",{ref:t=>{lo(this,Qs,"f").push(t)},class:n,role:h,tabindex:l,"data-id":t.id,"aria-selected":u,"aria-checked":c,onBlur:this.selectable?()=>this.onKupBlur():t=>t.stopPropagation(),onFocus:this.selectable?()=>this.onKupFocus():t=>t.stopPropagation(),onClick:this.selectable?lo(this,Xs,"m",Js).call(this)?t=>{t.stopPropagation(),this.onKupClick(i)}:()=>this.onKupClick(i):t=>t.stopPropagation()},d,o?[s(zt,{resource:"chevron-right",sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"list-item__expand-icon"}),o]:null)),p},io=function(t){const i=this.rootElement.classList.contains("kup-large");return s(zt,Object.assign({},{color:`var(${d.PRIMARY})`,sizeX:i?"32px":"24px",sizeY:i?"32px":"24px"},{resource:t,wrapperClass:"icon-button__icon kup-icon"}))},eo=function(){return lo(this,Xs,"m",so).call(this)},so=function(){return this.roleType==qt.GROUP},oo=function(){return this.roleType==qt.RADIOGROUP},ro=function(){return this.roleType==qt.LISTBOX},ao=function(){lo(this,Xs,"m",so).call(this)||lo(this,Xs,"m",oo).call(this)||(this.roleType=qt.LISTBOX)},no=function(t){return!this.filter||(this.displayMode==Qt.CODE?t.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0:this.displayMode==Qt.DESCRIPTION?t.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0:t.id.toLowerCase().indexOf(this.filter.toLowerCase())>=0||t.value.toLowerCase().indexOf(this.filter.toLowerCase())>=0)},co.style=':host{--kup_list_background:var(\n    --kup-list-background,\n    var(--kup-background-color)\n  );--kup_list_color:var(--kup-list-color, var(--kup-text-color));--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, 2.5em);--kup_list_item_padding_left:var(--kup-list-item-padding, 0.75em);--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background);color:var(--kup_list_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0.5em 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.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:rgba(var(--kup_list_primary_color_rgb), 0.175);color:var(--kup_list_primary_color)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:0.75em}.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-hover-background-color);color:var(--kup-hover-color)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none}: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);--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);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color);--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."}(uo||(uo={}));const po=class{constructor(i){t(this,i),this.centeredLabel=!0,this.customStyle="",this.hideLabel=!1,this.icon=null,this.label=null,this.isRadial=!1,this.value=0,this.kupManager=n()}async getProps(t){return l(this,uo,t)}async refresh(){e(this)}async setProps(t){h(this,uo,t)}createIconElement(){if(this.icon){if(this.icon.indexOf(".")>-1||this.icon.indexOf("/")>-1||this.icon.indexOf("\\")>-1)return s("span",{class:"label kup-icon is-image"},s("img",{src:this.icon}));{let t=`url('${a(`./assets/svg/${this.icon}.svg`)}') no-repeat center`;return s("span",{style:{mask:t,webkitMask:t},class:"label kup-icon"})}}}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(){let t,i="",e="pie";i=this.isRadial?"pie-wrapper":"progress-bar";const r={width:`${this.value}%`};this.centeredLabel?this.value>49&&(i+=" text-color-on-primary"):(t=r,this.value>2&&(i+=" text-color-on-primary"));let a,n=null;return this.icon?n=this.createIconElement():this.hideLabel||(n=this.isRadial?this.label?s("span",{class:"label"},this.label):s("span",{class:"label"},this.value,s("span",{class:"smaller"},"%")):this.label?this.label:this.value+"%"),this.value>0&&(e+=" has-value",e+=this.value>50?" is-more-than-half":" is-less-than-half"),a=this.isRadial?s("div",{class:i},n,s("div",{class:e},s("div",{style:undefined,class:"left-side half-circle"}),s("div",{class:"right-side half-circle"})),s("div",{class:"shadow"})):s("div",{class:i},s("div",{class:"progress-bar-percentage",style:r},s("span",{style:t},n))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},a))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var bo;po.style=":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n    --kup-progressbar-font-family,\n    var(--kup-font-family)\n  );--kup_progressbar_font_size:var(\n    --kup-progressbar-font-size,\n    var(--kup-font-size)\n  );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n    --kup-progressbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_progressbar_text_color:var(\n    --kup-progressbar-text-color,\n    var(--kup-text-color)\n  );--kup_progressbar_text_color_rgb:var(\n    --kup-progressbar-text-color-rgb,\n    var(--kup-text-color-rgb)\n  );--kup_progressbar_text_on_primary_color:var(\n    --kup-progressbar-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_progressbar_track_color:var(\n    --kup-progressbar-track-color,\n    var(--kup-disabled-background-color)\n  );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto;padding:1.25em 0px}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}",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."}(bo||(bo={}));const mo=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.value="",this.columns=null,this.customStyle="",this.data=null,this.disabled=!1,this.leadingLabel=!1,this.kupManager=n()}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})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id})}async getProps(t){return l(this,bo,t)}async refresh(){e(this)}async setProps(t){h(this,bo,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=!!this.columns,i=[];for(let t=0;t<this.data.length;t++){const e=this.data[t],o=s("div",{class:"form-field "+(this.leadingLabel?" form-field--align-end":"")},s("div",{class:{radio:!0,"radio--checked":!!e.checked,"radio--disabled":!!this.disabled}},s("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:e.value,checked:e.checked,disabled:this.disabled,onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(t),onFocus:()=>this.onKupFocus()}),s("div",{class:"radio__background"},s("div",{class:"radio__outer-circle"}),s("div",{class:"radio__inner-circle"}))),s("label",{htmlFor:"radio-element",onClick:()=>this.onKupChange(t)},e.label?e.label:""));i.push(o)}const e={"radio-wrapper":!0,"radio-wrapper--grid":!!t};return s(o,{style:{"--kup_radio_columns":t?`repeat(${this.columns}, 1fr)`:""}},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:e},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var fo;mo.style=":host{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var(\n    --kup-radio-outer-circle-color,\n    rgba(var(--kup-text-color-rgb), 0.5)\n  );--kup_radio_primary_color:var(\n    --kup-radio-primary-color,\n    var(--kup-primary-color)\n  );--kup_radio_primary_color_rgb:var(\n    --kup-radio-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-color));display:block;font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.875em;line-height:2em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.form-field label{color:var(--kup_radio_text_color);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.radio-wrapper .radio{border-radius:50%;padding:10px;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity, transform, border-color, color;will-change:transform, opacity}.radio-wrapper .radio:hover{background-color:rgba(var(--kup_radio_primary_color_rgb), 0.125)}.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:40px;height:40px}.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio.radio--disabled{pointer-events:none}.radio-wrapper .radio.radio--disabled+label{pointer-events:none}.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}:host(.kup-danger){--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-radio-primary-color:var(--kup-info-color);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-radio-primary-color:var(--kup-warning-color);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}",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"}(fo||(fo={}));const go=class{constructor(e){t(this,e),this.kupRatingClick=i(this,"kup-rating-click",6),this.stars=[],this.customStyle="",this.disabled=!1,this.maxValue=5,this.value=0,this.kupManager=n()}onStarClick(t){this.disabled||(this.value=t,this.buildStars(this.value),this.kupRatingClick.emit({comp:this,id:this.rootElement.id,value:this.value}))}onValueChanged(){this.buildStars(this.value)}async getProps(t){return l(this,fo,t)}async refresh(){e(this)}async setProps(t){h(this,fo,t)}onMouseOver(t){this.disabled||this.buildStars(t)}onMouseOut(){this.disabled||this.buildStars(this.value)}buildStars(t){let i=[];for(let e=1;e<=this.maxValue;e++)i.push(s("span",{class:"rating",onMouseOver:()=>this.onMouseOver(e),onMouseOut:()=>this.onMouseOut(),onClick:()=>this.onStarClick(e)},e<=t?"★":"☆"));this.stars=i}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.onValueChanged()}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",null,this.stars)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{value:["onValueChanged"],maxValue:["onValueChanged"]}}};var ko;go.style=":host{--kup_rating_color:var(--kup-rating-color, orange);--kup_rating_font_size:var(--kup-rating-font-size, 30px);display:block}.rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}",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."}(ko||(ko={}));const vo=class{constructor(e){t(this,e),this.kupSpinnerReady=i(this,"kup-spinner-ready",6),this.active=!1,this.barVariant=!1,this.customStyle="",this.dimensions=null,this.fader=!1,this.faderTimeout=3500,this.fullScreen=!1,this.layout=1,this.kupManager=n()}async getProps(t){return l(this,ko,t)}async refresh(){e(this)}async setProps(t){h(this,ko,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="",r="",a="";return this.barVariant?(i+=" bar-version",e="loading-wrapper-master-bar",r="spinner-bar-v"+this.layout):(i+=" spinner-version",e="loading-wrapper-master-spinner",r="spinner-v"+this.layout,7===this.layout&&(a=[s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"}),s("div",{class:"sk-spinner-v7-dot"})]),9===this.layout&&(a=[s("div",{class:"sk-spinner-v9-bounce1"}),s("div",{class:"sk-spinner-v9-bounce2"})]),10===this.layout&&(a=[s("div",{class:"sk-spinner-v10-cube1"}),s("div",{class:"sk-spinner-v10-cube2"})]),12===this.layout&&(a=[s("div",{class:"sk-spinner-v12-dot1"}),s("div",{class:"sk-spinner-v12-dot2"})]),13===this.layout&&(a=[s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube1"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube2"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube3"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube4"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube5"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube6"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube7"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube8"}),s("div",{class:"sk-spinner-v13-cube sk-spinner-v13-cube9"})]),14===this.layout&&(a=[s("div",{class:"sk-spinner-v14-circle1 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle2 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle3 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle4 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle5 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle6 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle7 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle8 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle9 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle10 sk-spinner-v14-circle"}),s("div",{class:"sk-spinner-v14-circle11 sk-spinner-v14-circle"}),s("div",{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"}),s(o,{style:t},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,style:t},s("div",{id:"loading-wrapper-master",class:i,style:t},s("div",{id:e,style:t},s("div",{class:r},a)))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets"]}get rootElement(){return r(this)}};var yo;vo.style=':host{--kup_spinner_border_color:var(\n    --kup-spinner-border-color,\n    var(--kup-border-color)\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."}(yo||(yo={}));const xo=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.value="",this.checked=!1,this.customStyle="",this.disabled=!1,this.label=null,this.leadingLabel=!1,this.kupManager=n()}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 l(this,yo,t)}async refresh(){e(this)}async setProps(t){h(this,yo,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"),success:!!this.rootElement.classList.contains("kup-success"),warning:!!this.rootElement.classList.contains("kup-warning"),onBlur:()=>this.onKupBlur(),onChange:()=>this.onKupChange(),onFocus:()=>this.onKupFocus()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(Yt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var wo;xo.style=":host{display:block}",function(t){t.customStyle="Custom style of the component.",t.data="List of elements.",t.ripple="When enabled displays Material's ripple effect on item headers."}(wo||(wo={}));const _o=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-tabbar-blur",6),this.kupClick=i(this,"kup-tabbar-click",6),this.kupFocus=i(this,"kup-tabbar-focus",6),this.value="",this.customStyle="",this.data=null,this.ripple=!0,this.kupManager=n(),this.scrollArea=null}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=this.data[t].value,this.kupClick.emit({comp:this,id:this.rootElement.id,index:t,node:i})}onKupFocus(t,i){this.kupFocus.emit({comp:this,id:this.rootElement.id,index:t,node:i})}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++)St.attachTo(i[t])}}async getProps(t){return l(this,wo,t)}async refresh(){e(this)}async setProps(t){h(this,wo,t)}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].value,this.kupManager.debug.logMessage(this,"Too many active tabs, forcing last one.",p.WARNING)):0===t?(this.data[0].active=!0,this.value=this.data[0].value,this.kupManager.debug.logMessage(this,"No active tabs detected, forcing first one.")):this.data[i].active=!0}}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],o=s("button",{class:{tab:!0,"tab--active":!!e.active,"mdc-ripple-surface":!!this.ripple},role:"tab","aria-selected":!!this.data[i].active,tabIndex:i,title:e.title?e.title:null,onBlur:()=>this.onKupBlur(i,e),onClick:()=>this.onKupClick(i,e),onFocus:()=>this.onKupFocus(i,e)},s("span",{class:"tab__content"},e.icon?s(zt,{color:`var(${d.PRIMARY})`,resource:e.icon,sizeX:"24px",sizeY:"24px",wrapperClass:"tab__icon"}):null,e.value?s("span",{class:"tab__text-label"},this.data[i].value):null),s("span",{class:"tab-indicator "+(e.active?" tab-indicator--active":"")},s("span",{class:"tab-indicator__content tab-indicator__content--underline"})));t.push(o)}return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s("div",{class:"tab-bar",role:"tablist"},s("div",{class:"tab-scroller"},s("div",{class:"tab-scroller__scroll-area",ref:t=>this.scrollArea=t},s("div",{class:"tab-scroller__scroll-content"},t))))))}disconnectedCallback(){this.kupManager.scrollOnHover.unregister(this.scrollArea),this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}static get watchers(){return{ripple:["applyRipple"]}}};var zo;_o.style=":host{--kup_tabbar_font_family:var(\n    --kup-tabbar-font-family,\n    var(--kup-font-family)\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_primary_color:var(\n    --kup-tabbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_tabbar_primary_color_rgb:var(\n    --kup-tabbar-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tabbar_tab_padding:var(--kup-tabbar-tab-padding, 0 24px);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}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height);font-family:var(--kup_tabbar_font_family);font-size:0.875em;font-weight:var(--kup_tabbar_font_weight);letter-spacing:0.0892857143em;text-transform:uppercase}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:24px;height:24px;font-size:24px;z-index:2}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{background-color:var(--kup_tabbar_primary_color);height:24px;width:24px}.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_primary_color)}.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}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{border-color:var(--kup_tabbar_primary_color);transform-origin:left center;opacity:0}.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}.tab-bar .tab-scroller.tab--active .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller.tab--active .tab__text-label{transition-delay:100ms}.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.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.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.icon="When set, the text-field will show this icon.",t.initialValue="Sets the initial value of the component",t.inputType="The HTML type of the input element. It has no effect on text areas.",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.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."}(zo||(zo={}));const Co=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.value="",this.customStyle="",this.decimals=null,this.disabled=!1,this.emitSubmitEventOnEnter=!0,this.fullWidth=!1,this.helper=null,this.helperEnabled=!0,this.helperWhenFocused=!1,this.icon=null,this.initialValue="",this.inputType="text",this.isClearable=!1,this.label=null,this.leadingLabel=!1,this.max=null,this.maxLength=null,this.min=null,this.name=null,this.outlined=!1,this.readOnly=!1,this.step=null,this.textArea=!1,this.trailingIcon=!1,this.trailingLabel=!1,this.kupManager=n()}onKupBlur(t){const{target:i}=t;this.kupBlur.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupChange(t){const{target:i}=t;this.value=i.value,this.kupChange.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupClick(t){const{target:i}=t;this.kupClick.emit({comp:this,id:this.rootElement.id,value:i.value})}onKupFocus(t){const{target:i}=t;this.kupFocus.emit({comp:this,id:this.rootElement.id,value:i.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){"Enter"===t.key&&1==this.emitSubmitEventOnEnter&&this.kupTextFieldSubmit.emit({comp:this,id:this.rootElement.id,value:this.inputEl.value})}async getProps(t){return l(this,zo,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){this.inputEl.focus()}async setProps(t){h(this,zo,t)}async setValue(t){this.value=t;try{this.inputEl.value=t}catch(i){this.kupManager.debug.logMessage(this,"Couldn't set value on input element: '"+t+"'",p.WARNING)}}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),wt(i)}}this.kupManager.debug.logRender(this,!0)}render(){const t={danger:!!this.rootElement.classList.contains("kup-danger"),decimals:this.decimals,disabled:this.disabled,fullHeight:!!this.rootElement.classList.contains("kup-full-height"),fullWidth:this.fullWidth,helper:this.helper,helperEnabled:this.helperEnabled,helperWhenFocused:this.helperWhenFocused,icon:this.icon,info:!!this.rootElement.classList.contains("kup-info"),inputType:this.inputType,isClearable:this.isClearable,label:this.label,leadingLabel:this.leadingLabel,max:this.max,maxLength:this.maxLength,min:this.min,name:this.name,outlined:this.outlined,readOnly:this.readOnly,secondary:!!this.rootElement.classList.contains("kup-secondary"),shaped:!!this.rootElement.classList.contains("kup-shaped"),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()};return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},s(xt,Object.assign({},t))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return r(this)}};var jo;Co.style=":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--filled{border-radius:16px 16px 0 0}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;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"}(jo||(jo={}));const Do=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.value="",this.clockVariant=!0,this.customStyle="",this.data={},this.disabled=!1,this.initialValue="",this.manageSeconds=!1,this.timeMinutesStep=10,this.kupManager=n(),this.hoursActive=!0,this.minutesActive=!1,this.secondsActive=!1,this.textFieldContainerEl=void 0,this.textfieldEl=void 0,this.pickerKupEl=void 0,this.clickCb=null}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()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.closePicker(),this.kupBlur.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput)}onKupTextFieldSubmit(t){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){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",p.WARNING),void(this.timeMinutesStep=10)):void 0}async getProps(t){return l(this,jo,t)}async getValue(){return this.value}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setProps(t){h(this,jo,t)}async setValue(t){this.value=t}getFormattedValue(t){return mt(t,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds)}refreshPickerValue(t,i){let e=null;ft(t,this.manageSeconds)&&(this.value=t,e=this.value),null!=e&&i.emit({comp:this,id:this.rootElement.id,value:e})}setPickerValueSelected(t){this.isPickerOpened()&&1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&(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,u.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"),o=Object.assign({},this.data["kup-text-field"]);return o.icon||(o.icon="access_time"),o.icon&&(o.trailingIcon=!0),s(xt,Object.assign({},o,{disabled:this.disabled,fullHeight:i,fullWidth:e,id:this.rootElement.id+"_text-field",value:t,onChange:t=>this.onKupChange(t),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onInput:t=>this.onKupInput(t),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onKupTextFieldSubmit(t),onClearIconClick:()=>this.onKupClearIconClick()}),this.prepTimePicker())}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(){return this.clockVariant?s("kup-card",{ref:t=>this.pickerKupEl=t,data:{options:{initialValue:this.value,manageSeconds:this.manageSeconds,hoursActive:this.hoursActive,minutesActive:this.minutesActive,secondsActive:this.secondsActive}},layoutFamily:j.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)}}):s("kup-list",{ref:t=>this.pickerKupEl=t,data:this.createTimeListData(this.value),"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=[],s=1440/this.timeMinutesStep;let o;o=null==t||""==t.trim()?new Date:this.kupManager.dates.toDate(t,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS),i.setHours(0,0,0);for(let t=0;t<s;t++){let t=!1;i.getHours()==o.getHours()&&i.getMinutes()==o.getMinutes()&&(t=!0);const s=gt(i,this.manageSeconds),r=mt(s,this.manageSeconds?m.ISO_TIME:m.ISO_TIME_WITHOUT_SECONDS,this.manageSeconds);e[e.length]={id:r,selected:t,value:s},i.setMinutes(i.getMinutes()+this.timeMinutesStep)}return e}getTimeForOutput(){return null==this.value||""==this.value.trim()?"":kt(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"),wt(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t},this.prepTextfield(this.getTimeForOutput())))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerKupEl&&this.pickerKupEl.remove()}get rootElement(){return r(this)}static get watchers(){return{timeMinutesStep:["watchTimeMinutesStep"]}}};Do.style=':host{display:block;font-size:var(--kup-font-size);width:max-content}#time-picker-div{display:none;outline:none;position:absolute;z-index:1}#time-picker-div.visible{display:block}.clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.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}.top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.top .active{opacity:1}.circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.circle.active{display:block}.mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.hour.selected{z-index: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%}.hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.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}.unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.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%}.hour,.hour2,.unit{cursor:pointer;transition:background-color 0.25s}.hour:hover,.hour2:hover,.unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.hour.selected,.hour2.selected,.unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.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}.action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.clock .actions .action:active{background-color:rgba(0, 0, 0, 0.3)}.hour:nth-child(12):after{transform:rotate(330deg)}.hour:nth-child(11):after{transform:rotate(300deg)}.hour:nth-child(10):after{transform:rotate(270deg)}.hour:nth-child(9):after{transform:rotate(240deg)}.hour:nth-child(8):after{transform:rotate(210deg)}.hour:nth-child(7):after{transform:rotate(180deg)}.hour:nth-child(6):after{transform:rotate(150deg)}.hour:nth-child(5):after{transform:rotate(120deg)}.hour:nth-child(4):after{transform:rotate(90deg)}.hour:nth-child(3):after{transform:rotate(60deg)}.hour:nth-child(2):after{transform:rotate(30deg)}.hour:nth-child(1):after{transform:rotate(0deg)}.hour2:nth-child(24):after{transform:rotate(690deg)}.hour2:nth-child(23):after{transform:rotate(660deg)}.hour2:nth-child(22):after{transform:rotate(630deg)}.hour2:nth-child(21):after{transform:rotate(600deg)}.hour2:nth-child(20):after{transform:rotate(570deg)}.hour2:nth-child(19):after{transform:rotate(540deg)}.hour2:nth-child(18):after{transform:rotate(510deg)}.hour2:nth-child(17):after{transform:rotate(480deg)}.hour2:nth-child(16):after{transform:rotate(450deg)}.hour2:nth-child(15):after{transform:rotate(420deg)}.hour2:nth-child(14):after{transform:rotate(390deg)}.hour2:nth-child(13):after{transform:rotate(360deg)}.unit:nth-child(60):after{transform:rotate(354deg)}.unit:nth-child(59):after{transform:rotate(348deg)}.unit:nth-child(58):after{transform:rotate(342deg)}.unit:nth-child(57):after{transform:rotate(336deg)}.unit:nth-child(56):after{transform:rotate(330deg)}.unit:nth-child(55):after{transform:rotate(324deg)}.unit:nth-child(54):after{transform:rotate(318deg)}.unit:nth-child(53):after{transform:rotate(312deg)}.unit:nth-child(52):after{transform:rotate(306deg)}.unit:nth-child(51):after{transform:rotate(300deg)}.unit:nth-child(50):after{transform:rotate(294deg)}.unit:nth-child(49):after{transform:rotate(288deg)}.unit:nth-child(48):after{transform:rotate(282deg)}.unit:nth-child(47):after{transform:rotate(276deg)}.unit:nth-child(46):after{transform:rotate(270deg)}.unit:nth-child(45):after{transform:rotate(264deg)}.unit:nth-child(44):after{transform:rotate(258deg)}.unit:nth-child(43):after{transform:rotate(252deg)}.unit:nth-child(42):after{transform:rotate(246deg)}.unit:nth-child(41):after{transform:rotate(240deg)}.unit:nth-child(40):after{transform:rotate(234deg)}.unit:nth-child(39):after{transform:rotate(228deg)}.unit:nth-child(38):after{transform:rotate(222deg)}.unit:nth-child(37):after{transform:rotate(216deg)}.unit:nth-child(36):after{transform:rotate(210deg)}.unit:nth-child(35):after{transform:rotate(204deg)}.unit:nth-child(34):after{transform:rotate(198deg)}.unit:nth-child(33):after{transform:rotate(192deg)}.unit:nth-child(32):after{transform:rotate(186deg)}.unit:nth-child(31):after{transform:rotate(180deg)}.unit:nth-child(30):after{transform:rotate(174deg)}.unit:nth-child(29):after{transform:rotate(168deg)}.unit:nth-child(28):after{transform:rotate(162deg)}.unit:nth-child(27):after{transform:rotate(156deg)}.unit:nth-child(26):after{transform:rotate(150deg)}.unit:nth-child(25):after{transform:rotate(144deg)}.unit:nth-child(24):after{transform:rotate(138deg)}.unit:nth-child(23):after{transform:rotate(132deg)}.unit:nth-child(22):after{transform:rotate(126deg)}.unit:nth-child(21):after{transform:rotate(120deg)}.unit:nth-child(20):after{transform:rotate(114deg)}.unit:nth-child(19):after{transform:rotate(108deg)}.unit:nth-child(18):after{transform:rotate(102deg)}.unit:nth-child(17):after{transform:rotate(96deg)}.unit:nth-child(16):after{transform:rotate(90deg)}.unit:nth-child(15):after{transform:rotate(84deg)}.unit:nth-child(14):after{transform:rotate(78deg)}.unit:nth-child(13):after{transform:rotate(72deg)}.unit:nth-child(12):after{transform:rotate(66deg)}.unit:nth-child(11):after{transform:rotate(60deg)}.unit:nth-child(10):after{transform:rotate(54deg)}.unit:nth-child(9):after{transform:rotate(48deg)}.unit:nth-child(8):after{transform:rotate(42deg)}.unit:nth-child(7):after{transform:rotate(36deg)}.unit:nth-child(6):after{transform:rotate(30deg)}.unit:nth-child(5):after{transform:rotate(24deg)}.unit:nth-child(4):after{transform:rotate(18deg)}.unit:nth-child(3):after{transform:rotate(12deg)}.unit:nth-child(2):after{transform:rotate(6deg)}.unit:nth-child(1):after{transform:rotate(0deg)}.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);--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);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb);--kup-list-primary-color:var(--kup-warning-color);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}';class Oo{constructor(){this.density="small",this.globalFilter=!1,this.globalFilterValue="",this.showFilters=!1,this.showFooter=!1,this.filters={},this.load=!1}toDebugString(){return"tree state"}}class So extends Wt{filterRows(t=[],i={},e="",s=[],o){if(!t||null==t)return[];const r=!(!e||!s);if(!r&&!this.hasFilters(i,s,o))return this.setAllVisible(t),t;for(let a=0;a<t.length;a++)this.setNodeVisibility(t[a],i,e,r,s,o);return t}isNodeCompliant(t,i={},e="",s=!1,o=[],r){let a=!1;if(null!=t.cells){let n=t.cells;n[Kt]={obj:t.obj,value:t.value},a=this.areCellsCompliant(n,i,e,s,o,r)}return 1==s&&(a=this.isFilterCompliantForValue(t.value,e)),a}setNodeVisibility(t,i={},e,s=!1,o=[],r){null==r&&(r=new Tt);let a=this.isNodeCompliant(t,i,e,s,o,r);if(1!=t.disabled&&1==t.expandable)if(1==a&&s)this.setAllVisible(t.children);else if(t.children)for(let n=0;n<t.children.length;n++)this.setNodeVisibility(t.children[n],i,e,s,o,r)&&(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,s){if(null!=t&&0!=t.length)return t.forEach((t=>{let o=t.cells;o[Kt]={obj:t.obj,value:t.value},t.visible&&(vt(e,i,o[i.name],s),this.extractColumnValues(t.children,i,e,s))})),e}expandCollapseNode(t,i=!1){t.expandable&&(t.isExpanded=t.hasOwnProperty("isExpanded")&&t.isExpanded||i)}expandCollapseAllNodes(t,i=!1){if(t.expandable&&!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)}}const $o=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.state=new Oo,this.treeColumnVisible=!0,this.openedTotalMenu=null,this.columnMenuAnchor=null,this.selectedNodeString="",this.stateSwitcher=!1,this.asAccordion=!1,this.autoSelectionNodeMode=!0,this.customStyle="",this.data=[],this.density=H.MEDIUM,this.dynamicExpansionCallback=void 0,this.editableData=!1,this.enableExtraColumns=!0,this.expanded=!1,this.expansionMode=Vt.DROPDOWN,this.filters={},this.globalFilter=!1,this.globalFilterValue="",this.globalFilterMode=yt.SIMPLE,this.preventXScroll=!1,this.removableColumns=!0,this.ripple=!0,this.scrollOnHover=!1,this.selectedNode=[],this.showColumns=!1,this.showFilters=!0,this.showFooter=!1,this.showHeader=!1,this.showIcons=!0,this.stateId="",this.useDynamicExpansion=!1,this.kupManager=n(),this.columnMenuCard=null,this.clickTimeout=[],this.sizedColumns=void 0,this.filtersColumnMenuInstance=new Tt,this.filtersTreeItemsInstance=new So,this.totalMenuCoords=null,this.contentRefs=[],this.oldWidth=null,this.hold=!1,this.interactableTouch=[],this.clickCb=null}initWithPersistedState(){if(this.store&&this.stateId){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=!1;if(this.kupManager.objects.deepEqual(this.state.filters,this.filters)||(this.state.filters=Object.assign({},this.filters),t=!0),this.kupManager.objects.deepEqual(this.state.density,this.density)||(this.state.density=this.density,t=!0),this.kupManager.objects.deepEqual(this.state.showFilters,this.showFilters)||(this.state.showFilters=this.showFilters,t=!0),this.kupManager.objects.deepEqual(this.state.showFooter,this.showFooter)||(this.state.showFooter=this.showFooter,t=!0),this.kupManager.objects.deepEqual(this.state.totals,this.totals)||(this.state.totals=Object.assign({},this.totals),t=!0),this.kupManager.objects.deepEqual(this.state.globalFilter,this.globalFilter)||(this.state.globalFilter=this.globalFilter,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),!this.state.load)return void(this.state.load=!0);t&&this.store.persistState(this.stateId,this.state)}}enrichDataWhenChanged(t,i){t||(t=[]),t!==i&&this.refreshStructureState()}enrichStructureStateWhenChanged(t,i){t!==i&&this.refreshStructureState()}selectedNodeToStr(t){Array.isArray(t)&&(this.selectedNodeString=t.toString())}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 getProps(t){return l(this,Ht,t)}async hideColumn(t){this.kupManager.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,O(this.getVisibleColumns(),t)),this.columnMenuInstance.open(this,t),this.columnMenuInstance.reposition(this,this.columnMenuCard),this.kupTreeColumnMenu.emit({comp:this,id:this.rootElement.id,card:this.columnMenuCard,event:null,open:!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){h(this,Ht,t)}setTreeColumnVisibility(t){this.treeColumnVisible=t}isTreeColumnVisible(){return this.treeColumnVisible}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.treeWrapperRef)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.treeWrapperRef):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.treeWrapperRef)}onKupTreeNodeDblClick(t,i){for(let t=0;t<this.clickTimeout.length;t++)clearTimeout(this.clickTimeout[t]),this.kupManager.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 s=0;s<e.children.length;s++){const o=e.children[s];i.push({cells:e.children[s].cells}),o.children&&t(o)}}let i=[];for(let e=0;e<this.data.length;e++){const s=this.data[e];i.push({cells:this.data[e].cells}),s.children&&t(this.data[e])}return i}setDynPosElements(){this.columnMenuCard&&this.columnMenuCard.data&&(this.columnMenuCard.data=this.columnMenuInstance.prepData(this,O(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:Kt,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.selectedNodeString,!0)}}openTotalMenu(t){this.openedTotalMenu=t.name}onTotalMenuOpen(t){this.closeTotalMenu(),this.openTotalMenu(t)}getEventDetails(t,i){let e,s,o,r,a,n,l;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":s=!0;break;case"TFOOT":o=!0;break;case"TD":r=h;break;case"TH":a=h;break;case"TR":n=h;break;default:h.classList.contains(c.FILTER_REMOVE.replace("--",""))&&(l=h)}}let h=null,u=null,d=null;if(s&&(r&&(h=r["data-cell"]),n&&(d=n["data-row"])),e||s||o){const t=r?r.dataset.column:a?a.dataset.column:null;t&&(u=O(this.getColumns(),t))}return{area:e?"header":s?"body":o?"footer":null,cell:h||null,column:u||null,filterRemove:l||null,originalEvent:i,row:d||null,td:r||null,th:a||null,tr:n||null}}contextMenuHandler(t){t.preventDefault();const i=this.getEventDetails(this.getEventPath(t.target),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}getEventPath(t){const i=[];for(;t&&t!==this.rootElement&&t!==document.body;)i.push(t),t=t.parentNode?t.parentNode:t.host;return i}hdlTreeNodeClick(t,i,e,s){if(this.expansionMode.toLowerCase()===Vt.DROPDOWN||this.expansionMode.toLowerCase()===Vt.NODE&&!i.expandable){const o=t?this.getEventPath(t.target).find((t=>{if("TD"===t.tagName)return t})):null;i&&!i.disabled&&(this.autoSelectionNodeMode&&(this.selectedNode=e.split(",").map((t=>parseInt(t)))),this.kupTreeNodeSelected.emit({comp:this,id:this.rootElement.id,treeNodePath:e.split(",").map((t=>parseInt(t))),treeNode:i,columnName:o?o.dataset.column:null,auto:s}))}this.expansionMode.toLowerCase()===Vt.NODE&&this.hdlTreeNodeExpanderClick(i,e,!!t&&t.ctrlKey)}hdlTreeNodeExpanderClick(t,i,e){if(t.expandable){const s=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:s,treeNode:t,usesDynamicExpansion:this.useDynamicExpansion}):this.kupTreeNodeCollapse.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t})):this.useDynamicExpansion&&(e&&this.kupTreeDynamicMassExpansion.emit({comp:this,id:this.rootElement.id,treeNodePath:s,treeNode:t}),this.dynamicExpansionCallback?this.dynamicExpansionCallback(t,s).then((i=>{t.children=i,t.isExpanded=!t.isExpanded,this.refresh(),this.kupTreeNodeExpand.emit({comp:this,id:this.rootElement.id,treeNodePath:s,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:s,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 s=t.children[e];s.disabled||(s.isExpanded=i,s.children&&this.handleChildren(s,i))}}selectedNodeToString(t){let i="";if(t&&t.length){i=t[0].toString();for(let e=1;e<t.length;e++)i+=`,${t[0]}`}return i}getFilterValueForTooltip(t){return this.filtersColumnMenuInstance.getFilterValueForTooltip(this.filters,t)}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){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: setting up tree as grid.",p.WARNING);const t=this.data;this.columns=t.columns,this.data=this.kupManager.data.row.toNode(t),this.showColumns=!0,this.showHeader=!0}this.data.forEach((t=>{this.expandCollapseAllNodes(t,this.expanded&&!this.useDynamicExpansion)}))}}createIconElement(t,i,e){if(i.indexOf(".")>-1||i.indexOf("/")>-1||i.indexOf("\\")>-1)return s("span",{class:t+=" is-image"},s("img",{src:i}));{let o=`url('${a(`./assets/svg/${i}.svg`)}') no-repeat center`;t+=" kup-icon";let r=Object.assign(Object.assign({},e?{background:e}:{}),{mask:o,webkitMask:o});return s("span",{style:r,class:t})}}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===Kt)return;let i=null;if(this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters,t)){const e=this.kupManager.language.translate(y.REMOVE_FILTERS)+`: '${this.getFilterValueForTooltip(t)}'`;i=s("span",{title:e,class:`kup-icon ${c.FILTER_REMOVE.replace("--","")}`,onClick:i=>{i.stopPropagation(),this.onRemoveFilter(t)}})}return s("th",{"data-column":t.name,style:this.getCellStyle(t.name,null)},s("span",{class:"column-title"},t.title),i)}))}renderHighlightedContent(t,i,e){let o=[];if(i&&t){let r=t,a=r.toLowerCase().indexOf(i.toLowerCase());for(;a>-1;)o.push(r.substring(0,a)),o.push(s("span",{class:e+"--highlighted"},r.substring(a,a+i.length))),r=r.substring(a+i.length,r.length),a=r.toLowerCase().indexOf(i.toLowerCase());a<r.length&&o.push(r.substring(a,r.length))}else o.push(t);return s("span",{class:e,ref:t=>this.contentRefs.push(t),title:this.preventXScroll?t:null},o)}renderTreeNode(t,i,e=0){let o=e?s("span",{class:"kup-tree__indent",style:{"--kup_tree_node_depth":this.asAccordion?(e-1).toString():e.toString()}}):null;const r=!(!t.expandable||!(t.children&&t.children.length||this.useDynamicExpansion));let a="expand-icon kup-tree__icon kup-tree__node__expander";r&&(a+=" kup-icon",a+=this.asAccordion&&0===e?` ${c.DROPDOWN.replace("--","")}`:t.isExpanded?` ${c.EXPANDED.replace("--","")}`:` ${c.COLLAPSED.replace("--","")}`);let n=s("span",{title:this.kupManager.language.translate(y.EXPAND)+"/"+this.kupManager.language.translate(y.COLLAPSE)+" (CTRL + Click)",class:a,onClick:this.expansionMode.toLowerCase()!==Vt.DROPDOWN||t.disabled?null:e=>{e.stopPropagation(),this.hdlTreeNodeExpanderClick(t,i,e.ctrlKey)}}),l=null;this.showIcons&&(l=t.icon?""===t.icon?s("span",{class:"kup-tree__icon"}):this.createIconElement("kup-tree__icon",t.icon,t.iconColor):null);let h={};t.hasOwnProperty("isExpanded")&&t.isExpanded&&r&&(h["data-is-expanded"]=t.isExpanded),t.disabled||(h.onClick=e=>{const s={};for(const t in e)s[t]=e[t];this.clickTimeout.push(setTimeout((()=>this.hdlTreeNodeClick(s,t,i,!1)),300))});let u,d=null,p=this.getVisibleColumns();if(this.kupManager.objects.isEmptyKupObj(t.obj),this.showColumns&&p&&p.length){d=[];for(let i=0;i<p.length;i++){const e=p[i];if(t.cells&&t.cells[e.name]){const i=t.cells[e.name]?t.cells[e.name]:null;d.push(s("td",{class:"grid-cell","data-cell":i,"data-column":e.name},s(Bt,Object.assign({},{cell:i,column:e,component:this,density:this.density,editable:this.editableData,renderKup:!0,row:t,setSizes:!0}))))}else d.push(s("td",{class:"grid-cell"}))}}!this.kupManager.objects.isEmptyKupObj(t.obj)&&this.kupManager.debug.isDebug()&&(u=t.obj.t+"; "+t.obj.p+"; "+t.obj.k+";");let b=null;if(this.isTreeColumnVisible()){let a="";a=yt.HIGHLIGHT===this.globalFilterMode?this.renderHighlightedContent(t.value,this.globalFilterValue,"cell-content"):s("span",{ref:t=>this.contentRefs.push(t),class:"cell-content",title:this.preventXScroll?t.value:null},t.value),b=s("td",{class:{"first-node":0===e,"mdc-ripple-surface":this.ripple&&!this.showColumns&&!t.disabled,"is-obj":!this.kupManager.objects.isEmptyKupObj(t.obj)},style:t.style||null,title:u,onDblClick:()=>{this.onKupTreeNodeDblClick(t,i)}},this.asAccordion&&!e?[l,a,r?n:null]:[o,n,l,a])}return s("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.selectedNodeString},"data-row":t,"data-tree-path":i},h),b,d)}closeTotalMenu(){this.openedTotalMenu=null,this.kupManager.removeClickCallback(this.clickCb)}isOpenedTotalMenuForColumn(t){return this.openedTotalMenu===t}onTotalsChange(t,i){if(this.closeTotalMenu(),i){const e=Object.assign({},this.totals),s=t.detail.selected.id;s===U.CANC?this.totals&&this.totals[i.name]&&delete e[i.name]:e[i.name]=s,this.totals=e}}renderFooter(){const t=s("td",null),i=this.getVisibleColumns().map((t=>{let i,e=U.CALC;const o={[U.AVERAGE]:this.kupManager.language.translate(v.AVERAGE),[U.CALC]:this.kupManager.language.translate(v.CALCULATE),[U.CANC]:this.kupManager.language.translate(v.CANCEL),[U.COUNT]:this.kupManager.language.translate(v.COUNT),[U.DISTINCT]:this.kupManager.language.translate(v.DISTINCT),[U.MATH]:this.kupManager.language.translate(v.FORMULA),[U.MAX]:this.kupManager.language.translate(v.MAXIMUM),[U.MIN]:this.kupManager.language.translate(v.MINIMUM),[U.SUM]:this.kupManager.language.translate(v.SUM)};if(this.totals){const i=this.totals[t.name];if(i)if(i.startsWith(X.MATH))e=U.MATH;else switch(i){case X.COUNT:e=U.COUNT;break;case X.DISTINCT:e=U.DISTINCT;break;case X.SUM:e=U.SUM;break;case X.AVERAGE:e=U.AVERAGE;break;case X.MIN:e=U.MIN;break;case X.MAX:e=U.MAX}}if(this.isOpenedTotalMenuForColumn(t.name)){let r=[{id:X.COUNT,value:o[U.COUNT]},{id:X.DISTINCT,value:o[U.DISTINCT]}];this.kupManager.objects.isNumber(t.obj)&&r.push({id:X.SUM,value:o[U.SUM]},{id:X.AVERAGE,value:o[U.AVERAGE]},{id:X.MIN,value:o[U.MIN]},{id:X.MAX,value:o[U.MAX]});let a=r.find((t=>t.value===e));a&&(a.selected=!0,r.push({id:U.CANC,separator:!0,value:o[U.CANC]})),i=s("kup-list",{class:"total-menu",data:r,id:"totals-menu","is-menu":!0,keyboardNavigation:!0,"menu-visible":!0,"onkup-list-click":i=>this.onTotalsChange(i,t)})}let r;return r=e===U.COUNT||e===U.DISTINCT?this.footer[t.name]:nt(this.footer[t.name],t.decimals,t.obj?t.obj.p:""),s("td",{"data-column":t.name},i,s("span",{class:"totals-value",title:o[e]},r))}));return s("tfoot",null,s("tr",null,t,i))}didLoadInteractables(){this.interactableTouch.push(this.treeWrapperRef),this.kupManager.interact.on(this.treeWrapperRef,q.TAP,(t=>{if(this.hold)this.hold=!1;else switch(t.button){case 2:this.kupTreeContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.treeWrapperRef,q.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&&(this.kupManager.dynamicPosition.register(t,this.totalMenuCoords),this.clickCb||(this.clickCb={cb:()=>{this.closeTotalMenu(),this.kupManager.dynamicPosition.stop(t)},el:t}),this.kupManager.addClickCallback(this.clickCb,!0),this.kupManager.dynamicPosition.start(t),t.menuVisible=!0)}}renderTree(t,i,e=0){let s=[];if(t&&1==t.visible&&(s.push(this.renderTreeNode(t,i,e)),t.expandable&&t.children&&t.children.length&&t.isExpanded))for(let o=0;o<t.children.length;o++)s=s.concat(this.renderTree(t.children[o],i+","+o,e+1));return s}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 s=5,o=i.right-t.right;e.classList.add("cell-content--ellipsis"),e.style.setProperty("--kup_tree_content_width",i.width-o-s+"px")}}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.columnMenuInstance=new cs,this.refreshStructureState(),Array.isArray(this.selectedNode)&&(this.selectedNodeString=this.selectedNode.toString())}componentDidLoad(){if(this.selectedNode&&this.selectedNode.length>0&&this.selectedNode[0]>=0){let t=this.selectedNode,i=this.data[t[0]];t.length>1?(t=t.slice(1),this.launchNodeEvent(t,i)):this.hdlTreeNodeClick(null,i,this.selectedNodeString,!0)}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.showFooter&&this.columns&&(this.footer=Pt(Rt(this.getColumns(),this.nodesToRows()),this.totals)),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++)St.attachTo(i[t])}if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)wt(i[t])}this.preventXScroll&&this.setEllipsis(),this.totalMenuPosition(),this.checkScrollOnHover(),this.setDynPosElements(),this.persistState(),this.oldWidth=this.rootElement.clientWidth,this.kupManager.debug.logRender(this,!0)}render(){this.contentRefs=[],this.sizedColumns=this.getSizedColumns();let t="density-medium";switch(this.density){case H.DENSE:t="density-dense";break;case H.WIDE:t="density-wide"}let i=[];this.data&&this.data.length?this.data.forEach(((t,e)=>{i=i.concat(this.renderTree(t,e.toString()))})):i.push(s("tr",null,s("td",null,this.kupManager.language.translate(y.EMPTY_DATA))));const e=this.showHeader&&this.showColumns;let r=null;return this.globalFilter&&this.data&&this.data.length&&this.data.length>0&&(r=s("div",{id:"global-filter"},s("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(K.SEARCH),icon:c.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))),s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:_t,class:t},r,s("div",{class:"wrapper",ref:t=>this.treeWrapperRef=t},s("table",{class:"kup-tree","data-show-columns":this.showColumns,onContextMenu:t=>{t.preventDefault()}},s("thead",{class:{"header--is-visible":e}},s("tr",null,e?this.renderHeader():null)),s("tbody",null,i),(this.showFooter||this.hasTotals())&&this.columns?this.renderFooter():null))))}disconnectedCallback(){this.kupManager.language.register(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this);const t=this.rootElement.shadowRoot.querySelectorAll("["+ut+"]");t.length>0&&this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(t)),this.columnMenuCard&&this.columnMenuCard.remove(),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.treeWrapperRef),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{data:["enrichDataWhenChanged"],expanded:["enrichStructureStateWhenChanged"],selectedNode:["selectedNodeToStr"]}}};$o.style=":host{--kup_tree_border:var(--kup-tree-border, 1px solid var(--kup-border-color));--kup_tree_color:var(--kup-tree-color, var(--kup-text-color));--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(--kup-tree-filter-background-color, var(--kup-background-color));--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_hover_color:var(--kup-tree-hover-color, var(--kup-hover-color));--kup_tree_hover_background_color:var(\n    --kup-tree-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_tree_icon_color:var(--kup-tree-icon-color, var(--kup-icon-color));--kup_tree_primary_color:var(\n    --kup-tree-primary-color,\n    var(--kup-primary-color)\n  );--kup_tree_primary_color_rgb:var(\n    --kup-tree-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tree_text_on_primary_color:var(\n    --kup-tree-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );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_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 0.5em}.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 0.5em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:max-content}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead th{text-align:left}.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.3em}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em 0.5em}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.5em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:1.5em;min-width:1.5em;width:1.5em}.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_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_hover_background_color);color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:rgba(var(--kup_tree_primary_color_rgb), 0.175);color:var(--kup_tree_color)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup-border-color)}#global-filter{background:var(--kup_tree_filter_background_color);margin-bottom:1em;position:sticky;top:0;z-index:1}.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_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}tfoot td{border-bottom:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup-background-color)}tfoot td:first-of-type{border:none;border-right:var(--kup_tree_border)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:var(--kup_tree_border);border-right:var(--kup_tree_border)}: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_hover_background_color)}: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_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_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first:first-of-type .first-node{border-top-left-radius:4px;border-top-right-radius:4px;border-top:var(--kup_tree_border)}:host([as-accordion]) .kup-tree__node--first:last-of-type .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;border-bottom:var(--kup_tree_border);border-left:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;color:var(--kup_tree_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:var(--kup_tree_border);border-top-left-radius:4px;border-top-right-radius:4px}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-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{fi as kup_autocomplete,ki as kup_badge,yi as kup_button,wi as kup_button_list,Re as kup_card,Le as kup_chart,Ae as kup_checkbox,Ve as kup_chip,Be as kup_color_picker,ns as kup_combobox,us as kup_data_table,ds as kup_date_picker,bs as kup_dropdown_button,As as kup_gauge,Gs as kup_image,co as kup_list,po as kup_progress_bar,mo as kup_radio,go as kup_rating,vo as kup_spinner,xo as kup_switch,_o as kup_tab_bar,Co as kup_text_field,Do as kup_time_picker,$o as kup_tree}