@sme.up/ketchup 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241022141548

package/dist/ketchup/{p-c5ef1391.entry.js → p-5ff0df56.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-56b44f04.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
-//# sourceMappingURL=p-c5ef1391.entry.js.map
+import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-1d215391.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
+//# sourceMappingURL=p-5ff0df56.entry.js.map

package/dist/ketchup/{p-9fcf4425.entry.js → p-6827385d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-56b44f04.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(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={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const d=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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}";const r=d;const g=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=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"142ecf1bc4606810244eee4d37220b10dfb13c33",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"09ac2094fee710434998fe06d2fbac5ab0ea2bab",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:"dd62523adb23354d1c2f9a786a45250d6dc30eb7",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b821b9703a1b37f39c866d24ffd9106d369d2279",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:"3b2d93abfa208eb9dd0f8b159b51c2268c4daab4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0e41239707e74680252d041a8e6d14e1c4b9bb74",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:"b2bf0893222cb4fa17069327b4df6c432f3f912a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f0ed2001a3697f63cafb42c95c275e2522d431fa",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"084d0f8abaa50390fe0f1e7cbcce5ea771937d35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"442510a55fa566bd83b2f631c05d778d4be7d5fe",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:"c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bcf61cc6292bb257e361d11e3a1097eb98f6597a",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:"2dec9530bdb12f97736d48518edfe5294cca0214",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a1bdb54b3d9570d154a65ed27d77c4681672c601",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:"452bb4adbfc904d56c3298b32beac0281abb7353",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d5b58baa6fbb481587efd2384dd5fb30f2f1ef9e",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:"08e04f703cbe01a686aaa2056b31d956d8c1ea39",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"11e39f63de784e1600605fd35fa2d9b506fdeb87",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}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=a(e,Object.assign({key:"085714fe736dba6ddf9c94d0a2243f792d040675"},this.data,{ref:t=>this.lazyComponent=t}));i+=" kup-loaded"}else if(this.showPlaceholder){t=e;i+=" kup-to-be-loaded"}return a(h,{key:"802fd7017a1f67bd03d02b6458c2b77c1f8465a6",class:i},a("style",{key:"c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"6ce3ca10b77781163bc8f97c963bf2fa207a2e05",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
-//# sourceMappingURL=p-9fcf4425.entry.js.map
+import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-1d215391.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(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={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const d=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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}";const r=d;const g=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=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"142ecf1bc4606810244eee4d37220b10dfb13c33",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"09ac2094fee710434998fe06d2fbac5ab0ea2bab",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:"dd62523adb23354d1c2f9a786a45250d6dc30eb7",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b821b9703a1b37f39c866d24ffd9106d369d2279",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:"3b2d93abfa208eb9dd0f8b159b51c2268c4daab4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0e41239707e74680252d041a8e6d14e1c4b9bb74",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:"b2bf0893222cb4fa17069327b4df6c432f3f912a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f0ed2001a3697f63cafb42c95c275e2522d431fa",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"084d0f8abaa50390fe0f1e7cbcce5ea771937d35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"442510a55fa566bd83b2f631c05d778d4be7d5fe",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:"c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bcf61cc6292bb257e361d11e3a1097eb98f6597a",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:"2dec9530bdb12f97736d48518edfe5294cca0214",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a1bdb54b3d9570d154a65ed27d77c4681672c601",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:"452bb4adbfc904d56c3298b32beac0281abb7353",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d5b58baa6fbb481587efd2384dd5fb30f2f1ef9e",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:"08e04f703cbe01a686aaa2056b31d956d8c1ea39",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"11e39f63de784e1600605fd35fa2d9b506fdeb87",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}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=a(e,Object.assign({key:"085714fe736dba6ddf9c94d0a2243f792d040675"},this.data,{ref:t=>this.lazyComponent=t}));i+=" kup-loaded"}else if(this.showPlaceholder){t=e;i+=" kup-to-be-loaded"}return a(h,{key:"802fd7017a1f67bd03d02b6458c2b77c1f8465a6",class:i},a("style",{key:"c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"6ce3ca10b77781163bc8f97c963bf2fa207a2e05",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
+//# sourceMappingURL=p-6827385d.entry.js.map

package/dist/ketchup/{p-7c623aa3.entry.js → p-6b7764d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as i,f as t,h as e,H as r,d as a}from"./p-d7c15b0e.js";import{k as n,a as c,g as p,s,d,b as l}from"./p-56b44f04.js";import{F as h}from"./p-2b519589.js";import{c as u}from"./p-635bb4b3.js";import{M as f}from"./p-d4a879fc.js";import"./p-029c7cbe.js";var m;(function(o){o["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";o["data"]="Data of the accordion.";o["ripple"]="When enabled displays Material's ripple effect on item headers."})(m||(m={}));const _=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";const k=_;const g=class{constructor(t){o(this,t);this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6);this.kupManager=n();this.slotsNames=[];this.selectedItems=[];this.customStyle="";this.data=null;this.ripple=false;this.sizing=c.MEDIUM}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(!this.isItemExpandible(e)&&this.isItemSelected(e)){o.push(e)}}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(this.isItemExpandible(e)){o.push(e)}}this.selectedItems=o}async getProps(o){return p(this,m,o)}async refresh(){t(this)}async setProps(o){s(this,m,o)}async toggleItem(o){const i=this.isItemExpandible(o);const t=[...this.selectedItems];if(t.includes(o)){t.splice(t.indexOf(o),1)}else{t.push(o)}this.selectedItems=t;if(!i){this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[];const i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++){const t=i[o];this.slotsNames.push(t.slot)}for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const r=t.name;const a=this.isItemSelected(r);const n=this.isItemExpandible(r);const c={"accordion-item__header":true,"accordion-item__header--selected":!n&&a?true:false,"accordion-item__header--expanded":n&&a?true:false,"mdc-ripple-surface":this.ripple?true:false,[`accordion-item--${this.sizing}`]:this.sizing?true:false};const p={"accordion-item__content":true,"accordion-item__content--selected":a?true:false};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:t.title,class:c,onClick:()=>this.toggleItem(r)},t.icon?e(h,{color:`var(${d.ICON})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},t.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:p},e("slot",{name:t.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}this.kupManager.debug.logRender(this,true)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(r,{key:"57777569afca152462d5986886aabea876bba925"},e("style",{key:"91e13f524bb7457d1ee123104e3857db9be71adc"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a73c87f19581e2964c651b781690e39c12b94e7e",id:u},e("div",{key:"f1d089a3a4f996c6a032acc26316d4722d8c094e",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};g.style=k;export{g as kup_accordion};
-//# sourceMappingURL=p-7c623aa3.entry.js.map
+import{r as o,c as i,f as t,h as e,H as r,d as a}from"./p-d7c15b0e.js";import{k as n,a as c,g as p,s,d,b as l}from"./p-1d215391.js";import{F as h}from"./p-2b519589.js";import{c as u}from"./p-635bb4b3.js";import{M as f}from"./p-d4a879fc.js";import"./p-029c7cbe.js";var m;(function(o){o["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";o["data"]="Data of the accordion.";o["ripple"]="When enabled displays Material's ripple effect on item headers."})(m||(m={}));const _=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";const k=_;const g=class{constructor(t){o(this,t);this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6);this.kupManager=n();this.slotsNames=[];this.selectedItems=[];this.customStyle="";this.data=null;this.ripple=false;this.sizing=c.MEDIUM}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(!this.isItemExpandible(e)&&this.isItemSelected(e)){o.push(e)}}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(this.isItemExpandible(e)){o.push(e)}}this.selectedItems=o}async getProps(o){return p(this,m,o)}async refresh(){t(this)}async setProps(o){s(this,m,o)}async toggleItem(o){const i=this.isItemExpandible(o);const t=[...this.selectedItems];if(t.includes(o)){t.splice(t.indexOf(o),1)}else{t.push(o)}this.selectedItems=t;if(!i){this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[];const i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++){const t=i[o];this.slotsNames.push(t.slot)}for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const r=t.name;const a=this.isItemSelected(r);const n=this.isItemExpandible(r);const c={"accordion-item__header":true,"accordion-item__header--selected":!n&&a?true:false,"accordion-item__header--expanded":n&&a?true:false,"mdc-ripple-surface":this.ripple?true:false,[`accordion-item--${this.sizing}`]:this.sizing?true:false};const p={"accordion-item__content":true,"accordion-item__content--selected":a?true:false};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:t.title,class:c,onClick:()=>this.toggleItem(r)},t.icon?e(h,{color:`var(${d.ICON})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},t.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:p},e("slot",{name:t.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}this.kupManager.debug.logRender(this,true)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(r,{key:"57777569afca152462d5986886aabea876bba925"},e("style",{key:"91e13f524bb7457d1ee123104e3857db9be71adc"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a73c87f19581e2964c651b781690e39c12b94e7e",id:u},e("div",{key:"f1d089a3a4f996c6a032acc26316d4722d8c094e",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};g.style=k;export{g as kup_accordion};
+//# sourceMappingURL=p-6b7764d0.entry.js.map

package/dist/ketchup/{p-c315790c.js → p-71c0ab9e.js}

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

package/dist/ketchup/{p-16f61690.entry.js → p-7e35e20a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-cc32b7a2.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-6415175b.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as f,s as p,ao as d,h as u,R as m,e as g}from"./p-56b44f04.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(e){t(this,e);this.kupSave=i(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return f(this,y,t)}async refresh(){e(this)}async setProps(t){p(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=Math.random()*16|0,e=t==="x"?i:i&3|8;return e.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const i={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},i)):undefined)}buildForm(t,i){const e={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:e,style:this.getGridStyle(t),ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,form:t}}},t.sections.map((i=>this.buildSection(i,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const i={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(i);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},e)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,i){const e={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:e,ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,section:t}}},this.enableDesign?this.buildSectionHeader(t,i):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):undefined))}calcSectionPosition(t,i,e,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(e&&t<r.y){s=n;break}else if(!e&&i<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const n=this.calcSectionPosition(t,i,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,n)}else if(e.kupData.section){const n=this.calcSectionPosition(t,i,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,n)}}dropped(t,i,e){const n=e.kupData.parent.sections.indexOf(e.kupData.section);e.kupData.parent.sections.splice(n,1);if(i.kupData.form){if(!i.kupData.form.sections)i.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||i.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null;e.kupData.section.dim=null;i.kupData.section.id=this.buildGuid();i.kupData.section.sections=[];i.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)e+=" 1fr";else e+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")i["gridTemplateRows"]=e;if(t.layout=="row")i["gridTemplateColumns"]=e}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder";t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");if(i)i.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
-//# sourceMappingURL=p-16f61690.entry.js.map
+import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-cc32b7a2.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-d46f8700.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as f,s as p,ao as d,h as u,R as m,e as g}from"./p-1d215391.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(e){t(this,e);this.kupSave=i(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return f(this,y,t)}async refresh(){e(this)}async setProps(t){p(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=Math.random()*16|0,e=t==="x"?i:i&3|8;return e.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const i={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},i)):undefined)}buildForm(t,i){const e={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:e,style:this.getGridStyle(t),ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,form:t}}},t.sections.map((i=>this.buildSection(i,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const i={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(i);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},e)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,i){const e={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:e,ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,section:t}}},this.enableDesign?this.buildSectionHeader(t,i):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):undefined))}calcSectionPosition(t,i,e,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(e&&t<r.y){s=n;break}else if(!e&&i<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const n=this.calcSectionPosition(t,i,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,n)}else if(e.kupData.section){const n=this.calcSectionPosition(t,i,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,n)}}dropped(t,i,e){const n=e.kupData.parent.sections.indexOf(e.kupData.section);e.kupData.parent.sections.splice(n,1);if(i.kupData.form){if(!i.kupData.form.sections)i.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||i.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null;e.kupData.section.dim=null;i.kupData.section.id=this.buildGuid();i.kupData.section.sections=[];i.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)e+=" 1fr";else e+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")i["gridTemplateRows"]=e;if(t.layout=="row")i["gridTemplateColumns"]=e}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder";t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");if(i)i.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
+//# sourceMappingURL=p-7e35e20a.entry.js.map

package/dist/ketchup/{p-0c11594e.js → p-81406670.js}

@@ -1,2 +1,2 @@
-import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-56b44f04.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const u=u=>{if(!u.perPage){u.perPage=10}const m=Math.ceil(u.max/u.perPage);const b=c(u,m);const h=p(u);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${u.max}`,helperWhenFocused:true,inputType:"number",max:u.max,min:1}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(r,{icon:"plus",onClick:u.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),e("div",{class:"arrow-wrapper"},u.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:d(u),onClick:u.onPrevPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:f(u),onClick:u.onNextPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function f(e){return e.currentPage*e.perPage>=e.max}function d(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{u as F,b as p,h as r};
-//# sourceMappingURL=p-0c11594e.js.map
+import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-1d215391.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const u=u=>{if(!u.perPage){u.perPage=10}const m=Math.ceil(u.max/u.perPage);const b=c(u,m);const h=p(u);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${u.max}`,helperWhenFocused:true,inputType:"number",max:u.max,min:1}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(r,{icon:"plus",onClick:u.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),e("div",{class:"arrow-wrapper"},u.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:f(u),onClick:u.onPrevPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:d(u),onClick:u.onNextPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{u as F,b as p,h as r};
+//# sourceMappingURL=p-81406670.js.map

package/dist/ketchup/{p-9524e01d.entry.js → p-83b0aa2f.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-56b44f04.js";import"./p-029c7cbe.js";const n=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";const p=n;const h=class{constructor(t){i(this,t);this.kupManager=o();this.config=undefined;this.qlik=undefined;this.appid="";this.app=false;this.grid=[];this.debug=false;this.fluid=false;this.bordered=false;this.defobjsize="400px";this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=false;if(i.noSelections)t=i.noSelections;this.app.getObject(i.obj,i.obj,{noInteraction:false,noSelections:t})}))}));e(true)}))}doSelection(i){return new Promise((t=>{if(i.selections){i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,false,true)}))}t(true)}))}setRender(i){return new Promise((e=>{this.divlist=[];i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";if(this.bordered){o=o+"bordered "}o=o+"width-"+i.colDim+" size-"+i.size;if(i.obj!="")e.push(t("div",{id:i.obj,class:o}));else e.push(t("div",{class:o}))}));this.divlist.push(t("div",{class:"kup-qlik-row"},e))}));e(true)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.setRender(this.grid)}render(){let i=null;let e=null;if(this.fluid){i={["kup-qlik-container-fluid"]:true}}else{i={["kup-qlik-container"]:true}}e={["--lyo_obj-height"]:this.defobjsize};return t("div",{key:"6757be8be4d68fdb03789b12e011aeae050014ea",class:i,style:e},this.divlist)}componentDidRender(){if(this.debug){console.log("Grid",this.grid)}if(this.qlik){if(this.appid!=""&&!this.app){this.app=this.qlik.openApp(this.appid,this.config)}else{if(this.debug){console.log("App already open:",this.app)}}if(this.app){this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))}}this.kupManager.debug.logRender(this,true)}get rootElement(){return e(this)}};h.style=p;export{h as kup_qlik};
-//# sourceMappingURL=p-9524e01d.entry.js.map
+import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-1d215391.js";import"./p-029c7cbe.js";const n=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";const p=n;const h=class{constructor(t){i(this,t);this.kupManager=o();this.config=undefined;this.qlik=undefined;this.appid="";this.app=false;this.grid=[];this.debug=false;this.fluid=false;this.bordered=false;this.defobjsize="400px";this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=false;if(i.noSelections)t=i.noSelections;this.app.getObject(i.obj,i.obj,{noInteraction:false,noSelections:t})}))}));e(true)}))}doSelection(i){return new Promise((t=>{if(i.selections){i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,false,true)}))}t(true)}))}setRender(i){return new Promise((e=>{this.divlist=[];i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";if(this.bordered){o=o+"bordered "}o=o+"width-"+i.colDim+" size-"+i.size;if(i.obj!="")e.push(t("div",{id:i.obj,class:o}));else e.push(t("div",{class:o}))}));this.divlist.push(t("div",{class:"kup-qlik-row"},e))}));e(true)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.setRender(this.grid)}render(){let i=null;let e=null;if(this.fluid){i={["kup-qlik-container-fluid"]:true}}else{i={["kup-qlik-container"]:true}}e={["--lyo_obj-height"]:this.defobjsize};return t("div",{key:"6757be8be4d68fdb03789b12e011aeae050014ea",class:i,style:e},this.divlist)}componentDidRender(){if(this.debug){console.log("Grid",this.grid)}if(this.qlik){if(this.appid!=""&&!this.app){this.app=this.qlik.openApp(this.appid,this.config)}else{if(this.debug){console.log("App already open:",this.app)}}if(this.app){this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))}}this.kupManager.debug.logRender(this,true)}get rootElement(){return e(this)}};h.style=p;export{h as kup_qlik};
+//# sourceMappingURL=p-83b0aa2f.entry.js.map

package/dist/ketchup/{p-bf7e2ff2.entry.js → p-861aa7c8.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,f as i,h as e,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-56b44f04.js";import{F as l,a as r}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const s={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},s))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let s=this.data[i];if(e!=-1){return s.children[e].obj}return s.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(s,{key:"fe03c54c9dcb80d85fb4ce5fe5b307906113632d"},e("style",{key:"aaa3c98e4d550f2669c5b9db481e390e03a3bf25"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a6eb07b0d4da2fb8b9a818eeb6000c31d7641809",id:c},e("div",{key:"d3496f8ba12d87d2cd51dc5c80817590b62485df",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
-//# sourceMappingURL=p-bf7e2ff2.entry.js.map
+import{r as t,c as n,f as i,h as e,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-1d215391.js";import{F as l,a as r}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const s={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},s))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let s=this.data[i];if(e!=-1){return s.children[e].obj}return s.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(s,{key:"fe03c54c9dcb80d85fb4ce5fe5b307906113632d"},e("style",{key:"aaa3c98e4d550f2669c5b9db481e390e03a3bf25"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a6eb07b0d4da2fb8b9a818eeb6000c31d7641809",id:c},e("div",{key:"d3496f8ba12d87d2cd51dc5c80817590b62485df",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
+//# sourceMappingURL=p-861aa7c8.entry.js.map

package/dist/ketchup/{p-188edcd5.entry.js → p-9a4c7853.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-56b44f04.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var b;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(b||(b={}));const h=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=h;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=b.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"b53200bbb8e99b1357a1f12747f22aa1c7e0ef38",class:"header"},o("style",{key:"c84079987ac63f9eabde7379f37c5cb35d0b3134"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9773a5835ae5514ed277f27c1643ff2de73051b9",id:l},o("header",{key:"11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"b5724ddecf17ebeafb772a2289378d7783ac5c37",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
-//# sourceMappingURL=p-188edcd5.entry.js.map
+import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-1d215391.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var b;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(b||(b={}));const h=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=h;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=b.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"b53200bbb8e99b1357a1f12747f22aa1c7e0ef38",class:"header"},o("style",{key:"c84079987ac63f9eabde7379f37c5cb35d0b3134"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9773a5835ae5514ed277f27c1643ff2de73051b9",id:l},o("header",{key:"11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"b5724ddecf17ebeafb772a2289378d7783ac5c37",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
+//# sourceMappingURL=p-9a4c7853.entry.js.map