@sme.up/ketchup 11.0.0-SNAPSHOT-20250214081804 → 11.0.0-SNAPSHOT-20250214134906

package/dist/ketchup/p-314e278f.entry.js

@@ -0,0 +1 @@
+import{h as t,F as i,r as n,c as e,f as l,H as s,d as o}from"./p-b0368f88.js";import{F as a}from"./p-d39c3267.js";import{F as u}from"./p-9eb03d16.js";import{F as h,k as r,aa as p,g as c,s as f,h as d,af as m,al as v,ai as b,ak as _,aj as g,am as k,e as x,U as y}from"./p-f83fe8f3.js";import{F as w}from"./p-7db300e0.js";import{F as j,a as O}from"./p-60cfddce.js";import{c as F}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-b120abd7.js";import"./p-4d9381ce.js";import"./p-3282734c.js";import"./p-3349396d.js";import"./p-625852fb.js";import"./p-1ee561ba.js";import"./p-c56195a0.js";var $,T,E,z;!function(t){t.TAB="tab"}($||($={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(T||(T={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(E||(E={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(z||(z={}));const M={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"};var S;!function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(S||(S={}));const C={blur:t=>t===h.CHECKBOX||t===h.SWITCH||t===h.COMBOBOX||t===h.AUTOCOMPLETE,itemclick:t=>t!==h.COMBOBOX&&t!==h.AUTOCOMPLETE},D=t=>0==t?5:t?1===t?15:10*t:null,L=t=>t?22*t:null,P=t=>t?22*(t-1):null,I=t=>t?10*t:null,W=({text:n})=>t(i,null,function(t){const i=[];let n;return function(t,i){const n=/((_\d{2}[A-Z0-9]\d{2}_|_\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let e,l=0;for(;null!==(e=n.exec(t));)e.index>l&&i.onContent(t.slice(l,e.index)),"_n_"===e[1]?i.onEndTag(e[1]):i.onStartTag(e[2]),l=n.lastIndex;l<t.length&&i.onContent(t.slice(l))}(t,{onStartTag(t){i.push(n={tag:t,content:""})},onEndTag(t){n?n.closed=!0:i.push(n={tag:"",content:t}),n=null},onContent(t){n?n.content+=t:i.push(n={tag:"",content:t})}}),i}(n).map((n=>n.closed?t(i,null," ","class=",`G-${n.tag.replace(/[_*]/g,"")}`,n.content):t(i,null,`${n.tag}${n.content}`))));var N,R,K,A,U,H,B,G,V,J,q,X,Y,Z,Q,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,pt,ct,ft,dt,mt,vt,bt,_t,gt,kt,xt,yt,wt,jt,Ot,Ft,$t,Tt,Et,zt,Mt,St,Ct,Dt,Lt,Pt,It,Wt,Nt,Rt,Kt,At,Ut,Ht,Bt,Gt,Vt,Jt,qt,Xt,Yt,Zt,Qt,ti,ii=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},ni=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const ei=document.documentElement,li=class{constructor(t){n(this,t),this.kupReady=e(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=e(this,"kup-inputpanel-contextmenu",6),this.kupInputPanelObjectFieldSearchPayload=e(this,"kup-inputpanel-objectfield-searchpayload",6),this.kupInputPanelObjectFieldOpenSearchMenu=e(this,"kup-inputpanel-objectfield-opensearchmenu",6),this.kupInputPanelObjectFieldSelectedMenuItem=e(this,"kup-inputpanel-objectfield-selectedmenuitem",6),N.add(this),R.set(this,r()),K.set(this,void 0),A.set(this,new Map([["SmeupDataTree",ii(this,N,"m",Rt).bind(this)],["SmeupDataTable",ii(this,N,"m",Kt).bind(this)],["SmeupTreeNode",ii(this,N,"m",Nt).bind(this)],["SmeupTable",ii(this,N,"m",Kt).bind(this)]])),U.set(this,null),H.set(this,[]),B.set(this,new Map([[p.DATE,"kup-date-picker"],[p.TIME,"kup-time-picker"]])),G.set(this,new Map([[p.COMBOBOX,"kup-combobox"],[p.AUTOCOMPLETE,"kup-autocomplete"]])),V.set(this,new Map([[h.BUTTON_LIST,ii(this,N,"m",it).bind(this)],[h.LABEL,ii(this,N,"m",lt).bind(this)],[h.TABLE,ii(this,N,"m",et).bind(this)]])),J.set(this,new Map([[$.TAB,ii(this,N,"m",pt).bind(this)]])),q.set(this,[]),X.set(this,void 0),Y.set(this,void 0),this.buttonPosition=z.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=E.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.updateOnClick=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ni(this,U,structuredClone(this.data),"f"),ii(this,H,"f").length&&(ii(this,H,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ni(this,H,[],"f")),ii(this,q,"f").length&&(ii(this,q,"f").map((t=>{ii(this,R,"f").keysBinding.unregister(t)})),ni(this,q,[],"f")),this.data&&ii(this,N,"m",mt).call(this,this.data)}async waitForReady(){return ii(this,X,"f")}async getProps(t){return c(this,T,t)}async refresh(){l(this)}async setProps(t){f(this,T,t)}connectedCallback(){ni(this,X,new Promise((t=>{ni(this,Y,t,"f")})),"f")}componentWillLoad(){ii(this,R,"f").debug.logLoad(this,!1),ii(this,R,"f").language.register(this),ii(this,R,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){ii(this,N,"m",Yt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),ii(this,N,"m",Zt).call(this),ii(this,R,"f").debug.logLoad(this,!0)}componentWillRender(){ii(this,R,"f").debug.logRender(this,!1)}componentDidRender(){if(ii(this,K,"f")){const t=ii(this,K,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)w(t[i])}requestAnimationFrame((async()=>{ii(this,K,"f")&&ii(this,Y,"f")&&(ii(this,Y,"f").call(this),ni(this,Y,null,"f"))})),ii(this,R,"f").debug.logRender(this,!0)}render(){const i=Boolean(!this.inputPanelCells.length)?[t("p",null,ii(this,R,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>ii(this,N,"m",Q).call(this,t)));return t(s,{key:"644b891f4a91dd43c06a0978f83185137d2dda3c","onKup-cell-blur":t=>ii(this,N,"m",Ht).call(this,t,S.BLUR),"onKup-cell-update":ii(this,N,"m",Bt).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":ii(this,N,"m",Ot).bind(this),"onKup-autocomplete-iconclick":ii(this,N,"m",Ot).bind(this),"onKup-combobox-iconclick":t=>ii(this,N,"m",Ot).call(this,t,!0),"onKup-cell-itemclick":t=>ii(this,N,"m",Ht).call(this,t,S.ITEMCLICK),"onKup-objectfield-searchpayload":t=>{this.kupInputPanelObjectFieldSearchPayload.emit(t.detail)},"onKup-objectfield-opensearchmenu":t=>{this.kupInputPanelObjectFieldOpenSearchMenu.emit(t.detail)},"onKup-objectfield-selectedmenuitem":t=>{this.kupInputPanelObjectFieldSelectedMenuItem.emit(t.detail)}},t("style",{key:"91e92aae841e187deb451813f0e5ef814fc7899e"},ii(this,R,"f").theme.setKupStyle(this.rootElement)),t("div",{key:"a9df000e6475fc745c39b3ae4020c52de6397402",id:F},i))}disconnectedCallback(){ii(this,R,"f").language.unregister(this),ii(this,R,"f").theme.unregister(this),ii(this,q,"f").forEach((t=>{ii(this,R,"f").keysBinding.unregister(t)}))}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,K=new WeakMap,A=new WeakMap,U=new WeakMap,H=new WeakMap,B=new WeakMap,G=new WeakMap,V=new WeakMap,J=new WeakMap,q=new WeakMap,X=new WeakMap,Y=new WeakMap,N=new WeakSet,Z=function(t){return this.inputPanelCells.reduce(((i,{cells:n})=>{if(!i){const i=n.find((({column:i})=>i.name===t));return i?i.cell:null}return i}),null)},Q=function(i){var n,e;const l=i.row.layout,s=(null==l?void 0:l.horizontal)||!1,o={};let u;if(null===(n=null==l?void 0:l.sections)||void 0===n?void 0:n.length)if(l.absolute)u=ii(this,N,"m",at).call(this,i,l),o.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(l)+12+"px";else{if(!l.sectionsType){const t=l.sections.some((t=>t.dim));o.display="grid",this.inputPanelPosition!==E.INLINE&&this.inputPanelPosition!==E.UPINLINE||(o.display=""),l.horizontal?o.gridTemplateColumns=t?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`:this.dashboardMode&&(o.gridTemplateRows=t?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=ii(this,N,"m",ot).call(this,i,l)}else u=i.cells.filter((({column:t})=>t.visible)).map((t=>ii(this,N,"m",tt).call(this,t.cell,i.row,t.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==z.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE},p={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},c={value:null===(e=null==l?void 0:l.sections[0])||void 0===e?void 0:e.title,type:O.HEADING1};return t("div",null,t("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>ni(this,K,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},ii(this,U,"f")),after:ii(this,N,"m",_t).call(this)}})},onContextMenu:t=>{null!=ii(this,N,"m",qt).call(this,t)&&t.preventDefault()}},t("div",{class:"input-panel__typography"},t(j,Object.assign({},c))),t("div",{class:r,style:o},u),t("div",{class:p},t(a,{buttonType:"submit",label:ii(this,R,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},tt=function(i,n,e){var l;if(!i)return;const s=ii(this,V,"f").get(i.shape);if(void 0!==s)return s(i,e,null===(l=n.layout)||void 0===l?void 0:l.absolute);i.data=Object.assign(Object.assign({},i.data),{sizing:"extra-small"});const o={cell:i,column:e,row:n,component:this,editable:!0,renderKup:!0,setSizes:!0},a=ii(this,N,"m",st).call(this,i,e.title);return a?t("div",{class:{"input-panel__label_container":!0}},a,t(u,Object.assign({},o))):t(u,Object.assign({},o))},it=function(i,{name:n}){return t(a,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function(i,n){return t("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{ii(this,N,"m",Jt).call(this,t.detail.node,t.detail.node.id)}}))},et=function(i,{name:n}){return t("kup-data-table",Object.assign({id:n,editableData:!0,showGroups:!0,showFilters:!0},i.data))},lt=function(i,n,e){const l=ei.ketchup.data.cell.getType(i,i.shape),s="input-panel-label",o=e?" input-panel-label--legacy-look":"";return l===p.NUMBER?t("span",{class:`${s}${o}${l===p.NUMBER?" input-panel-label-number":""}`,id:n.name},m(n,i)):t("span",{class:`${s}${o}`,id:n.name},t(W,{text:i.value}))},st=function(i,n){return n&&ei.ketchup.data.cell.getType(i,i.shape)===p.RADIO?t("span",null,n):null},ot=function(t,i){const n=ii(this,J,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>ii(this,N,"m",ut).call(this,t,i,!1)))},at=function(t,i){return i.sections.map((i=>ii(this,N,"m",ht).call(this,t,i)))},ut=function i(n,e,l=!1,s={}){var o,a;const u={"input-panel__section":!e.horizontal,"input-panel__horizontal-section":e.horizontal,"input-panel__section-inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE};s.gap=+e.gap>0?`${e.gap}rem`:"1rem";let h=[];if(null===(o=e.sections)||void 0===o?void 0:o.length){h=e.sections.map((t=>ii(this,N,"m",i).call(this,n,t))).filter(Boolean);const t=e.sections.some((t=>t.dim));!e.gridCols&&e.horizontal&&(s.gridTemplateColumns=t?e.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${e.sections.length}, 1fr)`),e.gridRows||e.horizontal||!this.dashboardMode||(s.gridTemplateRows=t?e.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${e.sections.length}, 1fr)`)}else(null===(a=e.content)||void 0===a?void 0:a.length)&&(h=e.content.map((t=>ii(this,N,"m",ct).call(this,n,t))).filter(Boolean),s.gridTemplateColumns=+e.gridCols>0?`repeat(${e.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+e.gridRows>0?`repeat(${e.gridRows}, 1fr)`:""));const r=h.length?t("div",{class:u,style:s},h):void 0;return e.title&&!l?t("div",{class:{"input-panel__section_label_container":!0}},t(j,{type:O.HEADING1,value:e.title}),r):r},ht=function i(n,e){var l,s;let o=[];if((null===(l=e.sections)||void 0===l?void 0:l.length)?o=e.sections.map((t=>ii(this,N,"m",i).call(this,n,t))):(null===(s=e.content)||void 0===s?void 0:s.length)&&(o=e.content.map((t=>ii(this,N,"m",ft).call(this,n,t)))),null==D(e.absoluteWidth))return o;const a=null!=D(e.absoluteWidth)?`${D(e.absoluteWidth)}px`:"100%",u=null!=L(e.absoluteHeight)?`${L(e.absoluteHeight)}px`:"100%",h=`${P(e.absoluteRow)}px`,r=`${I(e.absoluteColumn)}px`;return t("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:r,overflow:"auto"}},o)},rt=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(ii(this,N,"m",t).call(this,i))})),l},pt=function(i,n){this.tabSelected||(this.tabSelected=n[0].id||"0");const e=n.map(((t,n)=>{const e=ii(this,N,"m",rt).call(this,t),l=i.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:l?"error":t.icon,id:t.id||`${n}`,danger:l}})),l=n.map(((t,n)=>{const e=t.id||`${n}`;return ii(this,N,"m",ut).call(this,i,t,!0,{display:this.tabSelected!==e?"none":"grid"})}));return t("div",{class:{"input-panel__tabs_container":!0}},t("kup-tab-bar",{data:e,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},ct=function(i,n){const e=i.cells.find((t=>t.column.name===n.id));if(!e||!e.cell||!e.column.visible)return;const l=+n.colSpan>0?n.colSpan:+n.colSpan>0||+n.colStart>0?null:1,s=+n.rowSpan>0?n.rowSpan:+n.rowSpan>0||+n.rowStart>0?null:1;return t("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${n.colStart}`,"grid-column-end":+n.colEnd>0?`${n.colEnd}`:"","grid-row-start":s?`span ${s}`:`${n.rowStart}`,"grid-row-end":+n.rowEnd>0?`${n.rowEnd}`:""}},ii(this,N,"m",tt).call(this,e.cell,i.row,e.column))},ft=function(i,n){const e=i.cells.find((t=>t.column.name===n.id));if(!e||!e.cell||!e.column.visible)return;let l;l=e.cell.shape==h.DATE?n.absoluteLength>8?n.absoluteLength:8:n.absoluteLength,n.absoluteHeight||(n.absoluteHeight=1);const s=e.cell.shape===h.LABEL?(t=>0==t?3.599999999999999:t?1===t?10.799999999999997:7.199999999999998*t:null)(l):D(l),o=L(n.absoluteHeight),a=P(n.absoluteRow),u=I(n.absoluteColumn),r={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${P(n.absoluteRow)}px`:null,left:null!==u?`${I(n.absoluteColumn)}px`:null,overflow:"auto"};return e.cell.data=Object.assign(Object.assign(Object.assign({},e.cell.data),{customStyle:(e.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),e.cell.shape===h.TABLE&&{rowsPerPage:e.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${o}px`}),t("div",{style:r},ii(this,N,"m",tt).call(this,e.cell,i.row,e.column))},dt=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>ii(this,N,"m",At).call(this,t)))}};return ii(this,N,"m",nt).call(this,t,i)}{const i=ii(this,N,"m",At).call(this,t);return ii(this,N,"m",it).call(this,i,{name:t.value,title:t.value})}})).flat()},mt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&ii(this,N,"m",dt).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:ii(this,N,"m",vt).call(this,i,t,s),slotData:ii(this,N,"m",kt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ei.ketchup.data.cell.getType(t,t.shape),l=ii(this,B,"f").get(e),s=ii(this,G,"f").get(e);if(!l&&!s)return;const o=(null!=l?l:s)+`[id='${i.name.replace(/\//g,"\\$1")}']`,a=this.rootElement.shadowRoot.querySelector(o);s?null==a||a.reset():null===(n=null==a?void 0:a.setValue)||void 0===n||n.call(a,t.value)})))),this.inputPanelCells=o},vt=function(t,i,n){const e=Object.assign(Object.assign({},ii(this,N,"m",gt).call(this,t,i,n)),{disabled:!t.isEditable,id:i.name}),l=ei.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==p.MULTI_AUTOCOMPLETE&&l!==p.MULTI_COMBOBOX?ii(this,N,"m",bt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},bt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?ii(this,N,"m",t).call(this,i[e],n[e]):n[e];return i},_t=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===h.TABLE&&(s=JSON.stringify(ii(this,N,"m",It).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},gt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=ei.ketchup.data.cell.getType(t,t.shape),a=new Map([[p.AUTOCOMPLETE,ii(this,N,"m",jt).bind(this)],[p.BUTTON_LIST,ii(this,N,"m",wt).bind(this)],[p.CHART,ii(this,N,"m",yt).bind(this)],[p.CHIP,ii(this,N,"m",xt).bind(this)],[p.CHECKBOX,ii(this,N,"m",Ft).bind(this)],[p.COLOR_PICKER,ii(this,N,"m",$t).bind(this)],[p.COMBOBOX,ii(this,N,"m",jt).bind(this)],[p.EDITOR,ii(this,N,"m",Tt).bind(this)],[p.MULTI_AUTOCOMPLETE,ii(this,N,"m",xt).bind(this)],[p.MULTI_COMBOBOX,ii(this,N,"m",xt).bind(this)],[p.NUMBER,ii(this,N,"m",Lt).bind(this)],[p.DATE,ii(this,N,"m",St).bind(this)],[p.OBJECT,ii(this,N,"m",Ct).bind(this)],[p.RADIO,ii(this,N,"m",zt).bind(this)],[p.STRING,ii(this,N,"m",Et).bind(this)],[p.SWITCH,ii(this,N,"m",Mt).bind(this)],[p.TABLE,ii(this,N,"m",Pt).bind(this)],[p.TIME,ii(this,N,"m",Dt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},kt=function(t,i){const n=ei.ketchup.data.cell.getType(t,t.shape);return t.isEditable?n===p.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1}:n===p.MULTI_AUTOCOMPLETE||n===p.MULTI_COMBOBOX?Object.assign(Object.assign({},ii(this,N,"m",jt).call(this,t.options,i.title,null)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name}):null:null},xt=function(t,i,n,e){return v(n,e.decode)},yt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},wt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{ii(this,N,"m",Jt).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(ii(this,q,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),ii(this,R,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},jt=function(t,i,n){const e=b(n,i,[]);return t&&(e.data["kup-list"].data=ii(this,N,"m",Wt).call(this,t,n)),e},Ot=function({detail:t},i=!1){const n=ii(this,N,"m",Z).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&ii(this,N,"m",Ut).call(this,t,n)},Ft=function(t,i,n){return _(n,i)},$t=function(t,i){return{data:{"kup-text-field":{label:i}}}},Tt=function(t,i,n){return{initialValue:n}},Et=function(t,i,n,e,l){var s;const o=Object.assign({label:i},e.data);return this.autoSkip&&e.isEditable&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(o.onInput=t=>{ii(this,N,"m",ti).call(this,l,t)}),o},zt=function(t,i,n){return g(n,t)},Mt=function(t,i,n){return k(n,i)},St=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},Ct=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Dt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Lt=function(t,i){return{label:i}},Pt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(ii(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,x.ERROR),null):{data:{columns:t.columns.map((i=>{var n;if(t.rows.length>0){const e=null===(n=t.rows[0].cells[i.name])||void 0===n?void 0:n.obj;return!i.obj&&e?Object.assign(Object.assign({},i),{obj:{t:e.t,p:e.p}}):i}return i})),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},ii(this,N,"m",gt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(ii(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,x.WARNING),null)}catch(t){return ii(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,x.ERROR),null}},It=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(ii(this,U,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},Wt=function(t,i){const n=ii(this,A,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?ii(this,N,"m",t).call(this,i,n):[]}}))},Rt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?ii(this,N,"m",t).call(this,i,n):[]}}))},Kt=function(t,i){return t.rows.map((t=>{const n=t.fields||t.cells,[e,l]=Object.keys(n);return{id:n[e].value,value:n[l].value||n[e].value,selected:i===n[e].value}}))},At=function(t){return t.data&&!t.data.keyShortcut&&ii(this,R,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=M[t.obj.k]),Object.assign(Object.assign({},t),{data:ii(this,N,"m",wt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Ut=function(t,i){this.optionsHandler(i.fun,t.inputValue,ii(this,N,"m",_t).call(this),t.id).then((n=>{var e,l,s,o,a;const u=(null===(e=null==n?void 0:n.columns)||void 0===e?void 0:e.filter((t=>(null==t?void 0:t.visible)||!("visible"in t))).map((t=>t.name)))||[],r=null===(l=null==n?void 0:n.rows)||void 0===l?void 0:l.map((t=>{const{cells:i}=t,n=u.reduce(((n,e)=>(t.cells.hasOwnProperty(e)&&(n[e]=i[e]),n)),{});return Object.assign(Object.assign({},t),{cells:n})})),p=Object.assign(Object.assign({},n),{rows:r}),c=i.shape===h.MULTI_AUTOCOMPLETE?i.slotData.data["kup-list"]:null===(o=null===(s=i.data)||void 0===s?void 0:s.data)||void 0===o?void 0:o["kup-list"];c?c.data=(null==r?void 0:r.length)&&null!==(a=ii(this,N,"m",Wt).call(this,p,i.value))&&void 0!==a?a:[]:ii(this,R,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',x.WARNING),t.comp.refresh()}))},Ht=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(C[i](null==u?void 0:u.shape))return;const h=ii(this,N,"m",Z).call(this,a.name),r=ii(this,U,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(ii(this,N,"m",Gt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:ii(this,R,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else ii(this,N,"m",Gt).call(this,a.name,(null===(e=r.data)||void 0===e?void 0:e.error)||null);if(null===(l=u.inputSettings)||void 0===l?void 0:l.checkObject){const{valid:t}=await this.checkValidObjCallback({obj:u.obj,currentState:ii(this,N,"m",_t).call(this),fun:u.fun});if(!t)return void ii(this,N,"m",Gt).call(this,a.name,ii(this,R,"f").language.translate(d.INVALID_VALUE));ii(this,N,"m",Gt).call(this,a.name,(null===(s=r.data)||void 0===s?void 0:s.error)||null)}(null===(o=u.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&ii(this,N,"m",Vt).call(this)&&this.checkValidValueCallback({before:Object.assign({},ii(this,U,"f")),after:ii(this,N,"m",_t).call(this)},a.name)}},Bt=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},ii(this,U,"f")),after:ii(this,N,"m",_t).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},ii(this,U,"f")),after:ii(this,N,"m",_t).call(this)},i.name))},Gt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},Vt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Jt=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:ii(this,N,"m",_t).call(this)}):this.submitCb({value:{before:Object.assign({},ii(this,U,"f")),after:ii(this,N,"m",_t).call(this)},cell:i})},qt=function(t){return ii(this,R,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},Xt=function(t){const i=ii(this,N,"m",qt).call(this,t);if(null==i)return;const n=ii(this,N,"m",_t).call(this),e=i["kup-get-cell-props"]().column.name;return{anchor:i,cell:n.rows[0].cells[e],column:n.columns.find((t=>t.name==e)),row:n.rows[0],originalEvent:t}},Yt=function(){ii(this,R,"f").interact.managedElements.add(ii(this,K,"f")),ii(this,R,"f").interact.on(ii(this,K,"f"),y.TAP,(t=>{if(2==t.button){const i=ii(this,N,"m",Xt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Zt=function(){if(!ii(this,K,"f"))return;const t=Array.from(ii(this,K,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=ii(this,N,"m",Qt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=ii(this,N,"m",Qt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Qt=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},ti=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=ii(this,K,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},li.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_textfield_textarea_height_input_panel:var(\n    --kup-textfield-textarea-height-input_panel,\n    200px\n  );--kup_textfield_textarea_width_input_panel:var(\n    --kup-textfield-textarea-width-input_panel,\n    300px\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(\n    --kup-input-panel-padding--inline,\n    1em 0\n  );--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:8px}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline);display:inline-flex;align-items:flex-end}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel .f-text-field .mdc-text-field.mdc-text-field--textarea{min-height:var(--kup_textfield_textarea_height_input_panel) !important;min-width:var(--kup_textfield_textarea_width_input_panel) !important}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height);--kup-textfield-extrasmall-height:20px;--kup-textfield-extrasmall-padding:0 var(--kup-space-01)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{li as kup_input_panel}

package/dist/ketchup/{p-f28e3e9f.js → p-3282734c.js}

@@ -1 +1 @@
-import{h as i}from"./p-b0368f88.js";import{F as c}from"./p-b120abd7.js";import{b as e,h as s}from"./p-3fd22f74.js";var n,p,l;!function(i){i.CHOICE="choice",i.FILTER="filter",i.INPUT="input",i.STANDARD="standard"}(n||(n={})),function(i){i.OUTLINED="outlined",i.RAISED="raised"}(p||(p={})),function(i){i.SMALL="small",i.MEDIUM="medium"}(l||(l={}));const r=document.documentElement,a=l=>{l.styling||(l.styling=p.RAISED),l.type||(l.type=n.STANDARD);const a=l.type.toLowerCase()===n.CHOICE,o=l.type.toLowerCase()===n.FILTER,t=l.type.toLowerCase()===n.INPUT,d=l.styling.toLowerCase()===p.OUTLINED,u={"chip-set":!0,"chip-set--choice":!!a,"chip-set--filter":!!o,"chip-set--input":!!t,"chip--outlined":!!d,"chip--raised":!d,[`chip--${l.sizing||"extra-small"}`]:!0};return i("div",Object.assign({class:`f-chip ${l.danger?"kup-danger":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""} ${l.primary?"kup-primary":""}`},l.dataSet,{id:l.id,title:l.title}),i("div",{class:u,role:"grid"},function(n,p,l,a){const o=[];for(let t=0;n.data&&t<n.data.length;t++){const d=[];function u(p,l){const a=!!(p.children&&p.children.length>0),o=!(!a||!p.isExpanded),_={"--kup_chip_indent_offset":l.toString()};if(d.push(i("div",{class:"chip-set__wrapper "+(a&&!o?"chip-set__wrapper--hidden-children":"")},i("div",{class:"chip-set__indent",style:_}),a?i(c,{onClick:n.onExpansionClick&&n.onExpansionClick[t]?n.onExpansionClick[t].bind(n.onExpansionClick[t],p):null,resource:`${e.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?i(c,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(p))),o)for(let i=0;i<p.children.length;i++)p.children[i]&&u(p.children[i],l+1)}function h(s){let r="chip "+(s.icon&&!s.value?"chip--only-icon":""),o=[],d="chip__icon chip__icon--leading";(l||p)&&s.checked&&(r+=" chip--selected",l&&(d+=" chip__icon--leading-hidden")),s.icon&&o.push(i(c,Object.assign({},{color:p&&s.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d}))),l&&o.push(i("span",{class:"chip__checkmark"},i("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},i("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))));let u="";return u=n.displayId?s.value?s.id+" - "+s.value:s.id:s.value,i("div",{class:r,"data-value":s.id,onClick:n.onClick&&n.onClick[t]?n.onClick[t].bind(n.onClick[t],s):null,role:"row",title:s.title?s.title:""},i("span",{class:"chip-set__indent"}),o,i("span",{role:"gridcell"},i("span",{role:"button",tabindex:t,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[t]?n.onBlur[t].bind(n.onBlur[t],s):null,onFocus:n.onFocus&&n.onFocus[t]?n.onFocus[t].bind(n.onFocus[t],s):null},i("span",{class:"chip__text"},u))),a?i("span",{role:"gridcell"},i("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[t]?n.onIconClick[t].bind(n.onIconClick[t],s):null})):null)}u(n.data[t],0),o.push(i("div",{class:"chip-set__item"},...d))}return o}(l,a,o,t)))};export{n as F,l as a,p as b,a as c}
+import{h as i}from"./p-b0368f88.js";import{F as c}from"./p-b120abd7.js";import{b as e,h as s}from"./p-f83fe8f3.js";var n,p,l;!function(i){i.CHOICE="choice",i.FILTER="filter",i.INPUT="input",i.STANDARD="standard"}(n||(n={})),function(i){i.OUTLINED="outlined",i.RAISED="raised"}(p||(p={})),function(i){i.SMALL="small",i.MEDIUM="medium"}(l||(l={}));const r=document.documentElement,a=l=>{l.styling||(l.styling=p.RAISED),l.type||(l.type=n.STANDARD);const a=l.type.toLowerCase()===n.CHOICE,o=l.type.toLowerCase()===n.FILTER,t=l.type.toLowerCase()===n.INPUT,d=l.styling.toLowerCase()===p.OUTLINED,u={"chip-set":!0,"chip-set--choice":!!a,"chip-set--filter":!!o,"chip-set--input":!!t,"chip--outlined":!!d,"chip--raised":!d,[`chip--${l.sizing||"extra-small"}`]:!0};return i("div",Object.assign({class:`f-chip ${l.danger?"kup-danger":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""} ${l.primary?"kup-primary":""}`},l.dataSet,{id:l.id,title:l.title}),i("div",{class:u,role:"grid"},function(n,p,l,a){const o=[];for(let t=0;n.data&&t<n.data.length;t++){const d=[];function u(p,l){const a=!!(p.children&&p.children.length>0),o=!(!a||!p.isExpanded),_={"--kup_chip_indent_offset":l.toString()};if(d.push(i("div",{class:"chip-set__wrapper "+(a&&!o?"chip-set__wrapper--hidden-children":"")},i("div",{class:"chip-set__indent",style:_}),a?i(c,{onClick:n.onExpansionClick&&n.onExpansionClick[t]?n.onExpansionClick[t].bind(n.onExpansionClick[t],p):null,resource:`${e.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?i(c,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(p))),o)for(let i=0;i<p.children.length;i++)p.children[i]&&u(p.children[i],l+1)}function h(s){let r="chip "+(s.icon&&!s.value?"chip--only-icon":""),o=[],d="chip__icon chip__icon--leading";(l||p)&&s.checked&&(r+=" chip--selected",l&&(d+=" chip__icon--leading-hidden")),s.icon&&o.push(i(c,Object.assign({},{color:p&&s.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d}))),l&&o.push(i("span",{class:"chip__checkmark"},i("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},i("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))));let u="";return u=n.displayId?s.value?s.id+" - "+s.value:s.id:s.value,i("div",{class:r,"data-value":s.id,onClick:n.onClick&&n.onClick[t]?n.onClick[t].bind(n.onClick[t],s):null,role:"row",title:s.title?s.title:""},i("span",{class:"chip-set__indent"}),o,i("span",{role:"gridcell"},i("span",{role:"button",tabindex:t,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[t]?n.onBlur[t].bind(n.onBlur[t],s):null,onFocus:n.onFocus&&n.onFocus[t]?n.onFocus[t].bind(n.onFocus[t],s):null},i("span",{class:"chip__text"},u))),a?i("span",{role:"gridcell"},i("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[t]?n.onIconClick[t].bind(n.onIconClick[t],s):null})):null)}u(n.data[t],0),o.push(i("div",{class:"chip-set__item"},...d))}return o}(l,a,o,t)))};export{n as F,l as a,p as b,a as c}

package/dist/ketchup/{p-b0198069.js → p-3349396d.js}

@@ -1 +1 @@
-import{h as o}from"./p-b0368f88.js";import{a as t,k as e,c as n}from"./p-3fd22f74.js";import{F as c}from"./p-d39c3267.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-8d86c623.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
+import{h as o}from"./p-b0368f88.js";import{a as t,k as e,c as n}from"./p-f83fe8f3.js";import{F as c}from"./p-d39c3267.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-625852fb.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:f.icon.bind(e),onInput:f.input.bind(e),onKeyDown:f.keydown.bind(e)})),o(c,{icon:"menu",onClick:f.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":f.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},f={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}

package/dist/ketchup/{p-49f2ce09.entry.js → p-38c1eb29.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-3fd22f74.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"8802574ba1d79ac1e274790bdf8686015476b2ad",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"c3d51c252fdf77cecf888da91a901c48d08fd69c",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"4a1d1532c15748b95b0584f5d004bf5804417bc2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"20e5ab4bd0690a0599a28e05b355a405e07f7cad",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"99d255a35e9890c805abb2994b6174223184cfd0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"513cf3606dfd9bde023162e079dee3cf54304084",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"842f850f0b3532fd388a8e1ebf48c11161d95561",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"b2e747170adf5dbe81a80a7a4ccc4df71abe776d",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"252aee5d61964d1580283ae5edb5fb8064f3d668",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"876b7590622878f40fe3ee89aa880d187a69cb91",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"a43007f243ee6855d8ae9b7ff517d471e37164d8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"7f6654a6ddabef4701471ddd4c49c4eef87cc20f",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"23dfbe528bbea80630394aaa91f09dd687cecb9d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0615b03884b85a2e1215d3a25bfe225f43f0c84e",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"9614fc7450e6a432fb6645911a0ee3739c3bdba1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d3d77ee72693ca34d75bb90a020c0904d8345897",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"7e9e25c82c6a968df1e34d6404a5b6a26208a1d2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"3355655ef7a1bd635fd287bd72124fc409acdb90",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"598ae9bb03885be0e6f25ca73b9ee2cf52a6ab8e"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"fdc3a6a971b8c6b74129d1d8c561fce5e52c3b44",class:i},a("style",{key:"b8d687d0af73cc123bc465d481c4c37b0ba6c552"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"9c9f61bc50d5badca2f000fe40817eba70e6a4c5",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
+import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-f83fe8f3.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"8802574ba1d79ac1e274790bdf8686015476b2ad",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"c3d51c252fdf77cecf888da91a901c48d08fd69c",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"4a1d1532c15748b95b0584f5d004bf5804417bc2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"20e5ab4bd0690a0599a28e05b355a405e07f7cad",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"99d255a35e9890c805abb2994b6174223184cfd0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"513cf3606dfd9bde023162e079dee3cf54304084",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"842f850f0b3532fd388a8e1ebf48c11161d95561",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"b2e747170adf5dbe81a80a7a4ccc4df71abe776d",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"252aee5d61964d1580283ae5edb5fb8064f3d668",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"876b7590622878f40fe3ee89aa880d187a69cb91",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"a43007f243ee6855d8ae9b7ff517d471e37164d8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"7f6654a6ddabef4701471ddd4c49c4eef87cc20f",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"23dfbe528bbea80630394aaa91f09dd687cecb9d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0615b03884b85a2e1215d3a25bfe225f43f0c84e",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"9614fc7450e6a432fb6645911a0ee3739c3bdba1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d3d77ee72693ca34d75bb90a020c0904d8345897",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"7e9e25c82c6a968df1e34d6404a5b6a26208a1d2",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"3355655ef7a1bd635fd287bd72124fc409acdb90",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"598ae9bb03885be0e6f25ca73b9ee2cf52a6ab8e"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"fdc3a6a971b8c6b74129d1d8c561fce5e52c3b44",class:i},a("style",{key:"b8d687d0af73cc123bc465d481c4c37b0ba6c552"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"9c9f61bc50d5badca2f000fe40817eba70e6a4c5",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}