@sme.up/ketchup 4.0.0 → 4.1.0

package/dist/ketchup/p-8fb9d9b2.entry.js

@@ -1 +0,0 @@
-import{r as t,f as i,h as e,H as o,a as s}from"./p-00fe1e3e.js";import{b as a,K as r,l as n}from"./p-170d3cba.js";import{k as c,d as h,a as l,c as p}from"./p-18cb3ba3.js";import{F as d}from"./p-0fd98ab4.js";import{F as u}from"./p-fcd2fd8f.js";import{g as m,s as g}from"./p-c7ee1fbc.js";import{c as b}from"./p-ad2e21d2.js";import"./p-a5424073.js";var f,k;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(f||(f={})),function(t){t.BOX="Box",t.CHART="Chart",t.DATATABLE="Datatable",t.JSON="JSON"}(k||(k={}));let x=class{constructor(i){t(this,i),this.display=k.DATATABLE,this.customStyle="",this.data=null,this.kupManager=c(),this.dragHandler=null}async getProps(t){return m(this,f,t)}async refresh(){i(this)}async setProps(t){g(this,f,t)}comboboxProps(){const t=[];for(const i in k)Object.prototype.hasOwnProperty.call(k,i)&&t.push({text:k[i],value:k[i],selected:!1});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(h.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=[];if(this.data&&this.data.columns&&this.data.columns.length>0){const i={};switch(this.display){case k.BOX:i.data=this.data,t.push(e("kup-box",Object.assign({},i)));break;case k.CHART:i.data=this.data,i.series=[];for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];e.obj&&this.kupManager.objects.isNumber(e.obj)?i.series.push({code:e.name,decode:e.title}):i.axis=e.name}0===i.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",l.WARNING),i.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",l.WARNING),t.push(e("kup-chart",Object.assign({},i)));break;case k.DATATABLE:i.data=this.data,t.push(e("kup-data-table",Object.assign({},i)));break;case k.JSON:i.data=this.data,t.push(e("pre",{class:"json"},JSON.stringify(this.data,null,2)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",l.ERROR)}}else t.push(e("div",{class:"empty"},e(u,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(h.DROP_YOUR_DATA))));return t}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,o=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",l.WARNING),o&&(i.rows?i.rows.push(o):i.rows=[o]),this.data=i}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener("kup-drop",(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.dialog.register(this.rootElement,this.dragHandler),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={onDragLeave:()=>{},onDragOver:()=>!0,onDrop:()=>r},i=this.kupManager.theme.setCustomStyle(this.rootElement);return e(o,null,i?e("style",null,i):null,e("div",{id:b},e("div",Object.assign({class:"magic-box-wrapper"},a(t,[r,n],this.rootElement,{row:null,cell:null,column:null,id:this.rootElement.id})),e("div",{class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({},this.comboboxProps())),e("kup-button",{styling:d.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{id:"close-dialog",customStyle:`:host{${p.PRIMARY}: var(${p.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{class:"content"},this.setContent()))))}disconnectedCallback(){this.kupManager.dialog.unregister([this.rootElement]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}};x.style=".f-image--wrapper{display:block;margin:auto;position:relative;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image--wrapper.kup-fit img{max-width:max-content;object-fit:contain}.f-image--wrapper img{display:block;margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image--wrapper .f-image__css{overflow:hidden;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image--wrapper .f-image__icon{margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image--wrapper .css-step.bottom-aligned{bottom:0;position:absolute}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px;overflow:auto}#kup-component,.magic-box-wrapper{height:100%;width:100%;overflow:auto}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{background-color:var(--kup-title-background-color);position:absolute;top:0;left:0;display:inline-flex;justify-content:center;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%;padding-top:52px}.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--wrapper{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}";export{x as kup_magic_box}

package/dist/ketchup/p-b14e77f0.js

@@ -1 +0,0 @@
-import{h as n}from"./p-00fe1e3e.js";import{F as t}from"./p-0fd98ab4.js";import{F as o}from"./p-fcd2fd8f.js";import{K as e,a as c,c as i}from"./p-18cb3ba3.js";const s=e=>{if(e.styling||(e.styling=t.RAISED),!e.label&&!e.icon)return;const c=!!(e.styling.toLowerCase()===t.ICON||e.styling.toLowerCase()===t.RAISED&&e.icon&&null==e.label);return n("div",Object.assign({class:`f-button--wrapper ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""} ${e.info?"kup-info":""} ${e.large?"kup-large":""} ${e.pulsating?"kup-pulsating":""}  ${e.shaped?"kup-shaped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),c?function(t){const e={color:t.disabled?"var(--kup_button_disabled_color)":"var(--kup_button_primary_color)",sizeX:t.large?"calc(1.75em * 1.5)":"1.75em",sizeY:t.large?"calc(1.75em * 1.5)":"1.75em"};return n("button",{class:{"icon-button":!0,"button--disabled":!!t.disabled,"icon-button--on":!(!t.toggable||!t.checked),toggable:!!t.toggable,"button--with-spinner":!(!t.showSpinner||t.disabled)},disabled:t.disabled,onClick:t.onClick,style:{"--kup_button_spinner_height":e.sizeY,"--kup_button_spinner_width":e.sizeX},type:"button",value:t.checked?"on":"off"},!t.showSpinner||t.disabled?n(o,Object.assign({},e,{resource:t.toggable&&!t.checked?t.iconOff?t.iconOff:t.icon+"_border":t.icon,wrapperClass:"icon-button__icon kup-icon"})):null,t.toggable&&!t.showSpinner?n(o,Object.assign({},e,{resource:t.icon,wrapperClass:"icon-button__icon icon-button__icon--on kup-icon"})):null,t.showSpinner&&!t.disabled?n("div",{class:"icon-button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e):function(e){const c=e.styling.toLowerCase()===t.FLAT,i=e.styling.toLowerCase()===t.FLOATING,s=e.styling.toLowerCase()===t.ICON,r=e.styling.toLowerCase()===t.OUTLINED,a=!(c||i||r||s),l={color:e.disabled?"var(--kup_button_disabled_color)":r||c?"var(--kup_button_primary_color)":"var(--kup_button_text_on_primary_color)",resource:e.icon,sizeX:i?"1.75em":"1.475em",sizeY:i?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};e.showSpinner&&(l.wrapperClass+=" content--hidden");const u={button__label:!0,"content--hidden":!(!e.showSpinner||e.disabled)};return n("button",{class:{button:!0,"button--disabled":!!e.disabled,"button--floating":!!i,"button--outlined":!!r,"button--raised":!!a,"button--no-label":!e.label||" "===e.label,"button--with-spinner":!(!e.showSpinner||e.disabled)},disabled:e.disabled,onBlur:e.onBlur,onClick:e.onClick,onFocus:e.onFocus,style:{"--kup_button_spinner_height":l.sizeY},type:"button"},e.trailingIcon?[n("span",{class:u},e.label),e.icon?n(o,Object.assign({},l)):void 0]:[e.icon?n(o,Object.assign({},l)):void 0,n("span",{class:u},e.label)],e.showSpinner&&!e.disabled?n("div",{class:"button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e))};var r;!function(n){n.CHOICE="choice",n.FILTER="filter",n.INPUT="input",n.STANDARD="standard"}(r||(r={}));const a=document.documentElement,l=t=>{t.type||(t.type=r.STANDARD);const s=t.type.toLowerCase()===r.CHOICE,l=t.type.toLowerCase()===r.FILTER,u=t.type.toLowerCase()===r.INPUT,p={"chip-set":!0,"chip-set--choice":!!s,"chip-set--filter":!!l,"chip-set--input":!!u};return n("div",Object.assign({class:`f-chip--wrapper ${t.danger?"kup-danger":""} ${t.info?"kup-info":""} ${t.secondary?"kup-secondary":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""} ${t.wrapperClass?t.wrapperClass:""}`},t.dataSet,{id:t.id,title:t.title}),n("div",{class:p,role:"grid"},function(t,s,r,l){const u=[];let p;t.dataNew&&t.dataNew.length>0&&(t.data=function(n){function t(n){for(let e=0;e<n.children.length;e++){const c=n.children[e];o.push({icon:n.children[e].icon,label:n.children[e].value,obj:n.children[e].obj,value:n.children[e].id}),c.children&&t(c)}}const o=[];for(let e=0;e<n.length;e++){const c=n[e];o.push({icon:c.icon,label:c.value,obj:c.obj,value:c.id}),c.children&&t(n[e])}return a.ketchup.debug.logMessage("f-chip","Chip data was deducted from a TreeNode[] structure (experimental feature).",c.WARNING),o}(t.dataNew));for(let c=0;c<t.data.length;c++){if(!t.data[c])continue;let a="chip",d=[],b="chip__icon chip__icon--leading";(r||s)&&t.data[c].checked&&(a+=" chip--selected",r&&(b+=" chip__icon--leading-hidden")),t.data[c].icon&&d.push(n(o,Object.assign({},{color:s&&t.data[c].checked?`var(${i.PRIMARY})`:`var(${i.TEXT})`,resource:t.data[c].icon,sizeX:"18px",sizeY:"18px",wrapperClass:b}))),r&&d.push(n("span",{class:"chip__checkmark"},n("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},n("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})))),p=n("div",{class:a,"data-value":t.data[c].value,onClick:t.onClick&&t.onClick[c]?t.onClick[c]:null,role:"row"},d,n("span",{role:"gridcell"},n("span",{role:"button",tabindex:c,class:"chip__primary-action",value:t.data[c].value,checked:t.data[c].checked,onBlur:t.onBlur&&t.onBlur[c]?t.onBlur[c]:null,onFocus:t.onFocus&&t.onFocus[c]?t.onFocus[c]:null},n("span",{class:"chip__text"},t.data[c].label))),l?n("span",{role:"gridcell"},n("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:t.onIconClick&&t.onIconClick[c]?t.onIconClick[c]:null})):void 0),u.push(p)}return u}(t,s,l,u)))};export{s as F,l as a,r as b}

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

@@ -1 +0,0 @@
-import{r as t,f as e,h as s,H as i,a as h}from"./p-00fe1e3e.js";import{k as o}from"./p-18cb3ba3.js";import{g as a,s as n}from"./p-c7ee1fbc.js";import{c}from"./p-ad2e21d2.js";import"./p-a5424073.js";var p,l;!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."}(p||(p={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(l||(l={}));let r=class{constructor(e){t(this,e),this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=l.BOTH,this.showPlaceholder=!0,this.intObserver=null,this.kupManager=o()}async getProps(t){return a(this,p,t)}async refresh(){e(this)}async setProps(t){n(this,p,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t,e,h=this.componentName;switch(this.componentName){case"kup-button":e=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},s("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=s("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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=s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},s("path",{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"}))}this.renderMode===l.VIEWPORT&&this.isInViewport||this.renderMode===l.PROPS&&this.data||this.renderMode===l.BOTH&&this.data&&this.isInViewport?(t=s(this.componentName,Object.assign({},this.data)),h+=" kup-loaded"):this.showPlaceholder&&(t=e,h+=" kup-to-be-loaded");const o=this.kupManager.theme.setCustomStyle(this.rootElement);return s(i,{class:h},o?s("style",null,o):null,s("div",{id:c},t))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.intObserver.unobserve(this.rootElement)}get rootElement(){return h(this)}};r.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );display:block;height:100%;width:100%;position:relative}#kup-component{display:flex;justify-content:center;align-content:center;align-items:center;height:100%;width:100%}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-left-aligned) #kup-component{justify-content:left}:host(.kup-right-aligned) #kup-component{justify-content:right}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}:host(.kup-data-table.kup-loaded) #kup-component{display:block}";export{r as kup_lazy}

package/dist/ketchup/p-fcd2fd8f.js

@@ -1 +0,0 @@
-import{h as e,g as t}from"./p-00fe1e3e.js";import{c as s}from"./p-18cb3ba3.js";var i;!function(e){e.BAR="bar"}(i||(i={}));const a=a=>{let r,o;a.resource?a.resource.indexOf(".")>-1||a.resource.indexOf("/")>-1||a.resource.indexOf("\\")>-1?(o={"--kup_image_height":a.sizeY?a.sizeY:"auto","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=e("img",{src:a.resource})):(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=function(i){const a={"f-image__icon":!0},r={background:i.color?i.color:`var(${s.ICON})`};if(i.resource.indexOf("--kup")>-1){let e=i.resource.replace("--kup-","");e=e.replace("-icon",""),a["kup-icon"]=!0,a[e]=!0}else{const e=t(`./assets/svg/${i.resource}.svg`);r.mask=`url('${e}') no-repeat center`,r.webkitMask=`url('${e}') no-repeat center`}return e("div",{class:a,style:r})}(a)):a.data&&(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=function(t){const s=[];let a=0;for(let r=0;r<t.length;r++){let o;t[r].shape||(t[r].shape=i.BAR),t[r].color||(t[r].color="transparent"),t[r].height||(t[r].height="100%"),t[r].width||(t[r].width="100%");const n="step-"+r,c="css-step bottom-aligned",p={backgroundColor:t[r].color,left:a+"%",height:t[r].height,width:t[r].width};a+=parseFloat(t[r].width),o=e("span",{id:n,class:c,style:p}),s.push(o)}return e("div",{class:"f-image__css"},s)}(a.data));const n=[];if(a.badgeData)for(let t=0;t<a.badgeData.length;t++)n.push(e("kup-badge",Object.assign({},a.badgeData[t])));return e("div",Object.assign({class:`f-image--wrapper ${a.wrapperClass?a.wrapperClass:""} ${a.fit?"kup-fit":""}`},a.dataSet,{id:a.id,style:o,title:a.title,onClick:a.onClick}),r,n)};export{a as F}

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

@@ -1 +0,0 @@
-import{r as t,c as a,h as n,a as i,H as l}from"./p-00fe1e3e.js";import{k as e}from"./p-18cb3ba3.js";import"./p-a5424073.js";let s=class{constructor(n){t(this,n),this.dashClick=a(this,"kup-dash-click",6),this.active=!1,this.fontsize="",this.layout="1",this.index=0,this.kupManager=e()}onDshClickHandler(){this.dashClick.emit({id:this.index})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;switch(this.layout){case"2":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value-int"},n("slot",{name:"value-int"})),n("div",{class:"value-dec"},n("slot",{name:"value-dec"})),n("div",{class:"unit"},n("slot",{name:"unit"})));break;case"3":t=n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"})));break;case"4":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value-and-unit"},n("div",{class:"value-int"},n("slot",{name:"value-int"})),n("div",{class:"value-dec"},n("slot",{name:"value-dec"})),n("div",{class:"unit"},n("slot",{name:"unit"}))),n("div",null),n("div",{class:"descr"},n("slot",{name:"descr"})));break;case"5":t=n("div",null,n("div",null,n("div",{class:"descr"},n("slot",{name:"descr"})),n("div",{class:"value"},n("slot",{name:"value"}))),n("div",{class:"icon"},n("slot",{name:"icon"})));break;case"6":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"}))));break;case"7":t=n("div",null,n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"}))),n("div",{class:"icon"},n("slot",{name:"icon"})));break;case"8":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"})));break;default:t=n("div",null,n("div",{class:"descr"},n("slot",{name:"descr"})),n("div",{class:"value"},n("slot",{name:"value"})))}return n("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},n("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return i(this)}};s.style="#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}";let o=class{constructor(a){t(this,a),this.columnsNumber=1,this.contentBasedColumnsWidth=!1,this.fillSpace=!1,this.horizontal=!1}render(){let t=null;this.columnsNumber<=1&&this.horizontal&&(t={horizontal:!0}),this.fillSpace&&(t={"fill-space":!0}),this.contentBasedColumnsWidth&&(t={"content-based-columns-width":!0}),this.columnsNumber>1?t={"lyo-multiple-columns":!0}:this.columnsNumber=1,t={vertical:!0};let a=null;return this.columnsNumber>=1&&(a={"--lyo_column-number":this.columnsNumber}),n(l,{class:t,style:a},n("slot",null))}};o.style=":host{--lyo_column-number:var(--kup-layout_column-number, 1);--lyo_grid-gap:var(--kup-layout_grid-gap, 2rem);display:inline-grid;grid-auto-flow:row;grid-column:1;grid-gap:var(--lyo_grid-gap) var(--lyo_grid-gap);gap:var(--lyo_grid-gap) var(--lyo_grid-gap);grid-row:auto;grid-template-columns:repeat(var(--lyo_column-number), 1fr)}:host([content-based-columns-width]){grid-template-columns:repeat(var(--lyo_column-number), minmax(min-content, auto))}:host(.lyo-multiple-columns){--kup-layout_column-number:2}:host([fill-space]){display:grid;text-align:center;width:100%}:host([vertical]){grid-gap:10px;padding:10px}:host([content-based-columns-width]){table-layout:auto;column-width:auto}:host([horizontal]:not(.lyo-multiple-columns)){display:inline-block;max-width:100%;overflow:visible;white-space:nowrap}:host([horizontal][fill-space]:not(.lyo-multiple-columns)){display:grid;grid-auto-columns:1fr;grid-auto-flow:column;width:100%}";export{s as kup_dash,o as kup_layout}

package/dist/types/assets/images/drag-multiple.d.ts

@@ -1 +0,0 @@
-export declare const dragMultipleImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRDk4M0E2RjcwOEIxMUU4QjVGOEJGOEU4QjFDNjQyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRDk4M0E3MDcwOEIxMUU4QjVGOEJGOEU4QjFDNjQyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFEOTgzQTZENzA4QjExRThCNUY4QkY4RThCMUM2NDI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEOTgzQTZFNzA4QjExRThCNUY4QkY4RThCMUM2NDI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R5zvIwAAAeJJREFUeNrs3b+q2mAYwOHERnQ6VLoJHV3cHHojrp1dNKsgXodOHbwAhzMUvItegLifDh1U8E8L1TTZWrFiPMeSU54fiJiQ5Xs074dLwiRJAhWnEAgQAXlFIHkv6Pf7H3e7XcPS3aco7wWVSqXc6XSCRoPJSxfHcVCyDMUKyGu5ZfV6vfDSRsBm4BmDOwzzgaQY79O3x3PnVqvVu8lkUomiyMreWLvd/txqtb7m+oU0m83v3W63enp8u91mgz0Acluz2cwMMdR1+1BP58XbM8cfDodDtNls3pye2O/3pfRcyS3rim97qZRUq9Vcu59sVZfnTszn82AwGFjVZ1Sv138Oh8Nvube9o9HI6r1wi8UimE6nuf+aMkMMdQEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBoivyqLU7djweg+Xyz2euZZ8vPVwSyH071Gq1p98PZE9JTfuUvr4AKU7JeDxOzBBDXYZ6gVqv10Ecx0CKUhiG2UD/cHr8b/MDyD/o0uKbIYa6bhrqeQePrqtcLv/IPXeSJLFyRdoIAAEiIEAE5P/olwADAE+GfLJCR9BSAAAAAElFTkSuQmCC";

package/dist/types/components/kup-layout/kup-layout.d.ts

@@ -1,25 +0,0 @@
-export declare class KupLayout {
-  /**
-   * Specifies how many columns the content must be organized onto.
-   *
-   * If this is greater than 1, then the horizontal prop will have no effect.
-   */
-  columnsNumber: number;
-  /**
-   * By default, columns size is calculated by the grid layout and it tries to give the same space to elements.
-   *
-   * If this is true, columns width will be calculated according to the cells content.
-   * See SCSS file for more details.
-   */
-  contentBasedColumnsWidth: boolean;
-  /**
-   * When true, the layout and its contents will try to take all the available horizontal space.
-   */
-  fillSpace: boolean;
-  /**
-   * Tells the layout to place all elements onto a single row.
-   * It does not work when columnsNumber is greater then 1.
-   */
-  horizontal: boolean;
-  render(): any;
-}

package/dist/types/utils/drag-and-drop.d.ts

@@ -1,53 +0,0 @@
-export interface DragHandlers {
-  onDragStart: (e: DragEvent) => void;
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: (e: DragEvent) => boolean;
-  onDragEnd?: (e: DragEvent) => void;
-}
-export interface DropHandlers {
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: (e: DragEvent) => boolean;
-  onDrop: (e: DragEvent, acceptedDataTypesFound: string[]) => string;
-}
-/**
- * The drag data interface.
- * @param kup-drag-source-element - Keeps a reference to the element which started the drag action. This is needed for the server to correctly answer to the client.
- */
-interface DragData {
-  'kup-drag-source-element': object;
-  [index: string]: string | object;
-}
-interface ImageData {
-  img: HTMLImageElement | HTMLElement;
-  offsetX: number;
-  offsetY: number;
-}
-declare type DropTargetElement<T> = T & {
-  obj: {
-    t: string;
-    p: string;
-    k: string;
-  };
-};
-export declare function getDragDropPayload(): {
-  [index: string]: any;
-};
-export declare function setDragDropPayload(dragPayload: any): void;
-/**
- *
- */
-export declare function setKetchupDraggable(handlers: DragHandlers, data: DragData, image?: ImageData): {
-  onDragEnd?: (e: DragEvent) => void;
-  onDragOver?: any;
-  onDragLeave?: (e: DragEvent) => void;
-  draggable: boolean;
-  onDragStart: (e: DragEvent) => void;
-};
-export declare function setKetchupDroppable(handlers: DropHandlers, acceptedDataTypes: string[], dispatcherElement: HTMLElement, targetElement: DropTargetElement<any>): {
-  onDrop: (e: DragEvent) => void;
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: any;
-};
-export declare function setDragEffectAllowed(e: DragEvent, effectAllowed?: 'none' | 'copy' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized'): void;
-export declare function hasDragDataType(e: DragEvent, dataType: string): boolean;
-export {};

package/dist/types/utils/kup-dialog/kup-dialog-declarations.d.ts

@@ -1,43 +0,0 @@
-/**
- * HTML Attribute attached to dialogs.
- * Referenced by kup-theme.css
- */
-export declare const kupDialogAttribute = "kup-dialog";
-/**
- * CSS class attached to resizable dialogs.
- * Referenced by kup-theme.css
- */
-export declare const kupResizableDialogClass = "kup-resizable";
-/**
- * Element used as a dialog.
- */
-export interface DialogElement extends HTMLElement {
-  kupDialog: {
-    dragHandle?: HTMLElement;
-    resizable: boolean;
-  };
-}
-/**
- * Actions performed by KupDialog.
- * The value reflects the CSS "cursor" property.
- */
-export declare enum KupDialogActions {
-  MOVE = "move",
-  RESIZE = "resize"
-}
-/**
- * Coordinates of the resize.
- * The value reflects the CSS "cursor" property.
- */
-export declare enum KupDialogCoordinates {
-  ALL = "move",
-  UNSET = "auto",
-  NORTHWEST = "nw-resize",
-  NORTH = "n-resize",
-  NORTHEAST = "ne-resize",
-  EAST = "e-resize",
-  SOUTHEAST = "se-resize",
-  SOUTH = "s-resize",
-  SOUTHWEST = "sw-resize",
-  WEST = "w-resize"
-}

package/dist/types/utils/kup-dialog/kup-dialog.d.ts

@@ -1,50 +0,0 @@
-import { DialogElement, KupDialogActions, KupDialogCoordinates } from './kup-dialog-declarations';
-/**
- * This class handles elements as dialogs, making them resizable and movable.
- * @module KupDialog
- */
-export declare class KupDialog {
-  #private;
-  action: KupDialogActions;
-  activeElement: DialogElement;
-  activeX: number;
-  activeY: number;
-  coordinates: KupDialogCoordinates;
-  managedElements: Set<DialogElement>;
-  startingHeight: number;
-  startingWidth: number;
-  startingX: number;
-  startingY: number;
-  threshold: number;
-  zIndex: number;
-  /**
-   * Initializes KupDialog.
-   * @param {number} zIndex - The starting z-index assigned to dialogs.
-   */
-  constructor(zIndex?: number);
-  /**
-   * Checks whether the mouse overs on the edges of the element or not.
-   * @param {number} x - X coordinate.
-   * @param {number} y - Y coordinate.
-   * @param {EventTarget[]} paths - Paths returned from the event. Used to search for the drag handle and, if found, enables dragging.
-   */
-  setCoords(x: number, y: number, paths: EventTarget[]): void;
-  /**
-   * Watches the element handled as dialog.
-   * @param {DialogElement} el - Dialog element.
-   * @param {HTMLElement} handleEl - Element that must be dragged in order to trigger movement. When not provided, dragging anywhere on "el" will move it.
-   * @param {boolean} unresizable - When true, the dialog can't be resized.
-   */
-  register(el: DialogElement, handleEl?: HTMLElement, unresizable?: boolean): void;
-  /**
-   * Removes the elements from the MoveOnDrag class watchlist.
-   * @param {DialogElement[]} elements - Elements to remove.
-   */
-  unregister(elements: DialogElement[]): void;
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {DialogElement} el - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(el: DialogElement): boolean;
-}