@sme.up/ketchup 4.2.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/ketchup/p-d58dbf0e.js

@@ -1 +0,0 @@
-import{h as e,a as c}from"./p-cb5f4994.js";import{b as t}from"./p-1e2c3497.js";import{a as n,b as a}from"./p-f6bff949.js";import{d as i}from"./p-4748be4b.js";import{F as l}from"./p-06c209a5.js";import{F as s}from"./p-1ce9a037.js";const r=(c,t)=>e("div",Object.assign({class:`f-text-field ${c.danger?"kup-danger":""} ${c.fullHeight?"kup-full-height":""} ${c.fullWidth?"kup-full-width":""}  ${c.info?"kup-info":""} ${c.secondary?"kup-secondary":""} ${c.shaped?"kup-shaped":""} ${c.success?"kup-success":""} ${c.warning?"kup-warning":""}  ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.leadingLabel||c.trailingLabel?e("div",{class:"mdc-form-field "+(c.leadingLabel?"mdc-form-field--align-end":"")},[o(c),u(c),e("label",null,c.label)]):[o(c),u(c)],t);function o(t){const a=t.textArea||t.outlined;let i,l;if(!t.label||t.leadingLabel||t.trailingLabel||(i=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},t.label)),t.icon){let a,i="";if(Object.values(n).indexOf(t.icon)>-1)i=t.icon.replace("--","");else{let e=`url('${c(`./assets/svg/${t.icon}.svg`)}') no-repeat center`;a={mask:e,webkitMask:e}}l=e("span",{tabindex:"0",style:a,onClick:t.onIconClick,class:`mdc-text-field__icon kup-icon action ${i}`})}return e("div",{class:{"is-clearable":t.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":t.disabled,"mdc-text-field--filled":!t.fullWidth&&!a,"mdc-text-field--no-label":!t.label,"mdc-text-field--fullwidth":t.fullWidth,"mdc-text-field--outlined":a,"mdc-text-field--textarea":t.textArea,"mdc-text-field--with-leading-icon":t.icon&&!t.trailingIcon,"mdc-text-field--with-trailing-icon":t.icon&&t.trailingIcon}},t.textArea&&t.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",t.maxLength):void 0,t.trailingIcon?void 0:l,t.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:t.disabled,readOnly:t.readOnly,maxlength:t.maxLength,value:t.value,onBlur:t.onBlur,onClick:t.onClick,onChange:t.onChange,onFocus:t.onFocus,onInput:t.onInput,onKeyDown:t.onKeyDown})):e("input",{type:t.inputType?t.inputType:"text",step:t.step,min:t.min,max:t.max,class:"mdc-text-field__input",disabled:t.disabled,readOnly:t.readOnly,placeholder:t.fullWidth?t.label:void 0,maxlength:t.maxLength,value:t.value,onBlur:t.onBlur,onClick:t.onClick,onChange:t.onChange,onFocus:t.onFocus,onInput:t.onInput,onKeyDown:t.onKeyDown}),t.isClearable?e("span",{tabindex:"1",class:`mdc-text-field__icon kup-icon ${n.CLEAR.replace("--","")}`,onClick:t.onClearIconClick}):void 0,t.trailingIcon?l:void 0,t.fullWidth||a?void 0:i,a?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},i),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function u(c){if(c.helperEnabled){if(c.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!c.helperWhenFocused}},c.helper),c.maxLength&&!c.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",c.maxLength.toString()):void 0);if(c.maxLength&&!c.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",c.maxLength))}}const d=["KUP-DATA-TABLE","KUP-TREE"];var p,b,k,f,m;!function(e){e.CLICK="kup-cell-click",e.INPUT="kup-cell-input",e.UPDATE="kup-cell-update"}(p||(p={})),function(e){e.DENSE="dense",e.MEDIUM="medium",e.NONE="",e.WIDE="wide"}(b||(b={})),function(e){e.BG_DANGER="danger-bg",e.BG_GREEN="green-bg",e.BG_GREY="grey-bg",e.BG_ORANGE="orange-bg",e.BG_PURPLE="purple-bg",e.BG_SUCCESS="success-bg",e.BG_TEAL="teal-bg",e.BG_WARNING="warning-bg",e.C_BG_DANGER="c-danger-bg",e.C_BG_GREEN="c-green-bg",e.C_BG_GREY="c-grey-bg",e.C_BG_ORANGE="c-orange-bg",e.C_BG_PURPLE="c-purple-bg",e.C_BG_SUCCESS="c-success-bg",e.C_BG_TEAL="c-teal-bg",e.C_BG_WARNING="c-warning-bg",e.C_CENTERED="c-centered",e.C_FITTED="c-fitted",e.C_PADDED="c-padded",e.C_PADDED_HOR="c-padded-hor",e.C_PADDED_VER="c-padded-ver",e.C_ROUND="c-round",e.C_RIGHT_ALIGNED="c-right-aligned",e.C_SHAPED="c-shaped",e.C_TEXT_VERTICAL="c-vertical-text",e.CLICKABLE="clickable",e.HOVER_DISPLAY="display-on-hover",e.HOVER_EXPAND="expand-on-hover",e.HOVER_REDUCE="reduce-on-hover",e.INDICATOR_TOPRIGHT="top-right-indicator",e.LINK="link",e.MONOSPACE="monospace",e.OBJ="obj",e.SHAPED="shaped",e.TEXT_DANGER="danger-text",e.TEXT_INFO="info-text",e.TEXT_PRIMARY="primary-text",e.TEXT_PURPLE="purple-text",e.TEXT_SECONDARY="secondary-text",e.TEXT_STRONG="strong-text",e.TEXT_SUCCESS="success-text",e.TEXT_WARNING="warning-text",e.UNDERLINED="underlined"}(k||(k={})),function(e){e.AUTOCOMPLETE="ACP",e.BUTTON_LIST="BTN",e.CHART="GRA",e.CHECKBOX="CHK",e.CHIP="CHI",e.COLOR_PICKER="CLP",e.COMBOBOX="CMB",e.EDITOR="EDT",e.GAUGE="GAU",e.IMAGE="IMG",e.KNOB="KNB",e.PROGRESS_BAR="PGB",e.RADIO="RAD",e.RATING="RTG",e.TEXT_FIELD="ITX"}(f||(f={})),function(e){e.AUTOCOMPLETE="autocomplete",e.BAR="bar",e.BUTTON="button",e.BUTTON_LIST="button-list",e.CHART="chart",e.CHECKBOX="checkbox",e.CHIP="chips",e.COLOR_PICKER="color-picker",e.COMBOBOX="combobox",e.DATE="date",e.DATETIME="datetime",e.EDITOR="editor",e.GAUGE="gauge",e.ICON="icon",e.IMAGE="image",e.KNOB="knob",e.LINK="link",e.NUMBER="number",e.PROGRESS_BAR="progress-bar",e.RADIO="radio",e.RATING="rating",e.STRING="string",e.TIME="time"}(m||(m={}));const h=[m.AUTOCOMPLETE,m.CHECKBOX,m.COLOR_PICKER,m.COMBOBOX,m.DATE,m.NUMBER,m.RATING,m.STRING,m.TIME],g=[m.BAR,m.BUTTON,m.BUTTON_LIST,m.CHART,m.CHIP,m.COLOR_PICKER,m.GAUGE,m.KNOB,m.PROGRESS_BAR,m.RADIO,m.RATING],x=c=>{const t={"data-indeterminate":!!c.indeterminate},n={checkbox:!0,"checkbox--checked":!(!c.checked||c.indeterminate),"checkbox--disabled":!!c.disabled,"checkbox--indeterminate":!!c.indeterminate};return e("div",Object.assign({class:`f-checkbox ${c.danger?"kup-danger":""} ${c.info?"kup-info":""} ${c.secondary?"kup-secondary":""} ${c.success?"kup-success":""} ${c.warning?"kup-warning":""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),e("div",{class:"form-field "+(c.leadingLabel?"form-field--align-end":"")},e("div",{class:n},e("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:c.checked,disabled:c.disabled,onBlur:c.onBlur,onChange:c.onChange,onFocus:c.onFocus},t,{value:c.checked?"on":"off"})),e("div",{class:"checkbox__background",onClick:c.onChange},e("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},e("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),e("div",{class:"checkbox__mixedmark"}))),c.label?e("label",null,c.label):void 0))},v=document.documentElement,_=c=>{const n=c.cell,o=c.column,u=c.row,b=c.shape?c.shape:n.shape?n.shape:o.shape?o.shape:null,_=!v.ketchup.objects.isEmptyKupObj(n.obj),w=!(!n.isEditable||!c.editable),O=c.previousValue!==n.value?n.value:"",$=function(e,c){const t=e.obj;if(c)switch(c.toUpperCase()){case f.AUTOCOMPLETE:return m.AUTOCOMPLETE;case f.BUTTON_LIST:return m.BUTTON_LIST;case f.CHART:return m.CHART;case f.CHECKBOX:return m.CHECKBOX;case f.CHIP:return m.CHIP;case f.COLOR_PICKER:return m.COLOR_PICKER;case f.COMBOBOX:return m.COMBOBOX;case f.EDITOR:return m.EDITOR;case f.GAUGE:return m.GAUGE;case f.IMAGE:return m.IMAGE;case f.KNOB:return m.KNOB;case f.PROGRESS_BAR:return m.PROGRESS_BAR;case f.RADIO:return m.RADIO;case f.RATING:return m.RATING;case f.TEXT_FIELD:return m.STRING}return v.ketchup.objects.isBar(t)?m.BAR:v.ketchup.objects.isButton(t)?m.BUTTON:v.ketchup.objects.isChart(t)?m.CHART:v.ketchup.objects.isCheckbox(t)?m.CHECKBOX:v.ketchup.objects.isColor(t)?m.COLOR_PICKER:v.ketchup.objects.isIcon(t)?m.ICON:v.ketchup.objects.isImage(t)?m.IMAGE:v.ketchup.objects.isLink(t)?m.LINK:v.ketchup.objects.isProgressBar(t)?m.PROGRESS_BAR:v.ketchup.objects.isRadio(t)?m.RADIO:v.ketchup.objects.isKupObjList(t)?m.CHIP:v.ketchup.objects.isNumber(t)?m.NUMBER:v.ketchup.objects.isDate(t)?m.DATE:v.ketchup.objects.isTimestamp(t)?m.DATETIME:v.ketchup.objects.isTime(t)?m.TIME:v.ketchup.objects.isVoCodver(t)?m.ICON:m.STRING}(n,b),y=Object.assign({},n.data);let C=n.cssClass?n.cssClass:o.cssClass?o.cssClass:"";const B={"f-cell":!0,[k.OBJ]:!!_,[$+"-cell"]:!0,[c.wrapperClass]:!!c.wrapperClass,[c.density]:!(!c.density||$===m.BAR),[C]:!!C};let T=O;w&&h.includes($)?T=function(c,t,n,a,l){switch(c){case m.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({},n.data,{class:"kup-full-width","onkup-autocomplete-change":e=>j(e,l,c,p.UPDATE),"onkup-autocomplete-input":e=>j(e,l,c,p.INPUT)}));case m.CHECKBOX:return d.includes(l.component.rootElement.tagName)&&(t[k.C_CENTERED]=!0),e(x,Object.assign({},n.data,{onChange:e=>j(e,l,c,p.UPDATE)}));case m.COLOR_PICKER:return e("kup-color-picker",Object.assign({},n.data,{disabled:!1,"onkup-colorpicker-change":e=>j(e,l,c,p.UPDATE)}));case m.COMBOBOX:return e("kup-combobox",Object.assign({},n.data,{class:"kup-full-width","onkup-combobox-change":e=>j(e,l,c,p.UPDATE),"onkup-combobox-input":e=>j(e,l,c,p.INPUT)}));case m.DATE:return e("kup-date-picker",Object.assign({initialValue:n.value},n.data,{class:"kup-full-width","onkup-datepicker-change":e=>j(e,l,c,p.UPDATE),"onkup-datepicker-input":e=>j(e,l,c,p.INPUT)}));case m.RATING:return e("kup-rating",Object.assign({},n.data,{disabled:!1,"onkup-rating-click":e=>j(e,l,c,p.UPDATE)}));case m.TIME:return e("kup-time-picker",Object.assign({initialValue:n.value},n.data,{class:"kup-full-width","onkup-timepicker-change":e=>j(e,l,c,p.UPDATE),"onkup-timepicker-input":e=>j(e,l,c,p.INPUT)}));case m.NUMBER:case m.STRING:return e(r,Object.assign({},n.data,{icon:n.icon?n.icon:a.icon?a.icon:null,fullWidth:!0,inputType:c===m.NUMBER?"number":null,value:c===m.NUMBER?i(n.value).toString():n.value,onChange:e=>j(e,l,c,p.UPDATE),onInput:e=>j(e,l,c,p.INPUT)}))}}($,B,n,o,c):n.data&&g.includes($)?(c.setSizes&&function(e,c,t){switch(e){case m.BAR:c.sizeY||(c.sizeY="26px");break;case m.BUTTON:let e="";c.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case m.CHART:c.sizeX||(c.sizeX="100%"),c.sizeY||(c.sizeY="100%");break;case m.CHIP:case m.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}($,y,n),T=c.renderKup?function(c,t,n,a,r,o,u){switch(c){case m.BAR:return n.data?e("div",{style:{height:n.sizeY}},e(l,Object.assign({},n))):e("kup-image",Object.assign({},n));case m.BUTTON:return d.includes(u.component.rootElement.tagName)&&(t[k.C_CENTERED]=!0),e("kup-button",Object.assign({},n,{"onkup-button-click":e=>j(e,u,c,p.CLICK)}));case m.BUTTON_LIST:return d.includes(u.component.rootElement.tagName)&&(t[k.C_CENTERED]=!0),n["data-storage"]={cell:a,row:r,column:o},e("kup-button-list",Object.assign({},n));case m.CHART:return d.includes(u.component.rootElement.tagName)&&(t[k.C_CENTERED]=!0),e("kup-chart",Object.assign({},n));case m.CHIP:return e(s,Object.assign({},n));case m.COLOR_PICKER:return e("kup-color-picker",Object.assign({},n,{disabled:!0}));case m.GAUGE:return e("kup-gauge",Object.assign({value:i(a.value),"width-component":"280px"},n));case m.KNOB:case m.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({},n));case m.RADIO:return d.includes(u.component.rootElement.tagName)&&(t[k.C_CENTERED]=!0),n.disabled=r.readOnly,e("kup-radio",Object.assign({},n));case m.RATING:return e("kup-rating",Object.assign({},n,{disabled:!0}))}}($,B,y,n,u,o,c):e("span",{class:"cell-"+$+" placeholder"})):(c.setSizes&&function(e,c,t,n){switch(e){case m.CHECKBOX:case m.ICON:c.sizeX||(c.sizeX="18px"),c.sizeY||(c.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=c.sizeY):t.style={minHeight:c.sizeY};break;case m.IMAGE:"KUP-BOX"===n.component.rootElement.tagName?(c.sizeY||(c.sizeY="auto"),void 0===c.fit&&(c.fit=!0)):c.sizeX||(c.sizeX="auto"),c.sizeY||(c.sizeY="64px")}}($,y,n,c),T=function(c,n,a,s,r,o,u){switch(c){case m.AUTOCOMPLETE:case m.COMBOBOX:case m.DATE:case m.DATETIME:case m.TIME:if(a&&""!=a){const c=t(o,r);return e("div",{class:"f-cell__text"},c)}return a;case m.CHECKBOX:return d.includes(u.component.rootElement.tagName)&&(s[k.C_CENTERED]=!0),e(l,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case m.EDITOR:return e("div",{innerHTML:r.value});case m.ICON:case m.IMAGE:return d.includes(u.component.rootElement.tagName)&&(s[k.C_CENTERED]=!0),n.badgeData&&(s[k.C_PADDED]=!0),e(l,Object.assign({},n));case m.LINK:return e("a",{href:a,target:"_blank"},r.value);case m.NUMBER:if(a&&""!=a){const c=i(r.value),n=t(o,r);return c<0&&(s[k.TEXT_DANGER]=!0),d.includes(u.component.rootElement.tagName)&&(s[k.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},a);default:return e("div",{class:"f-cell__text"},a)}}($,y,T,B,n,o,c));let z=null;!w&&(o.icon||n.icon)&&T&&(z=e(l,Object.assign({},{color:`rgba(var(${a.TEXT}-rgb), 0.375)`,resource:n.icon?n.icon:o.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let A=null;v.ketchup.debug.isDebug()&&_?A=n.obj.t+"; "+n.obj.p+"; "+n.obj.k+";":null!=n.title&&""!=n.title.trim()&&(A=n.title);let F=null;if(n.info){const c=Object.assign({},n.info);c.color||(c.color=`var(${a.INFO})`),c.icon||(c.icon="info"),F=e(l,Object.assign({},{color:c.color,resource:c.icon,sizeX:"1.25em",sizeY:"1.25em",title:c.message?c.message:"",wrapperClass:"cell-info"}))}return e("div",{class:B,style:n.style},e("div",{class:"f-cell__content",style:n.styleContent,title:A},c.indents,F,z,T))};function j(e,c,n,a){const i=c.cell,l=c.column,s=c.component,r=c.row;let o="INPUT"===e.target.tagName?e.target.value:e.detail.value;switch(n){case m.AUTOCOMPLETE:case m.COMBOBOX:case m.DATE:case m.TIME:i.data&&(i.data.initialValue=o);break;case m.CHECKBOX:o="on"===o?"0":"1",i.data&&(i.data.checked="0"!==o)}if(i.obj&&(i.obj.k=o),i.value=o,i.displayedValue=null,i.displayedValue=t(l,i),s&&s.rootElement){const c=new CustomEvent(a,{bubbles:!0,cancelable:!0,detail:{comp:s,id:s.rootElement.id,cell:i,column:l,event:e,row:r,type:n}});s.rootElement.dispatchEvent(c);try{s.refresh()}catch(e){}}}export{r as F,_ as a,x as b,b as c}

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

@@ -1 +0,0 @@
-import{r as t,f as i,h as s,H as o,g as e}from"./p-cb5f4994.js";import{k as a,g as n,f as r,J as c,x as h,L as l,l as p,b as u}from"./p-f6bff949.js";import{F as d}from"./p-0fd98ab4.js";import{F as b}from"./p-06c209a5.js";import{g as m,s as g}from"./p-4748be4b.js";import{c as f}from"./p-ad2e21d2.js";var k,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(k||(k={})),function(t){t.BOX="Box",t.CHART="Chart",t.DATATABLE="Datatable",t.JSON="JSON"}(x||(x={}));let y=class{constructor(i){t(this,i),this.display=x.DATATABLE,this.customStyle="",this.data=null,this.kupManager=a(),this.dragHandler=null,this.wrapperRef=null}async getProps(t){return m(this,k,t)}async refresh(){i(this)}async setProps(t){g(this,k,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({text:x[i],value:x[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(n.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 x.BOX:i.data=this.data,t.push(s("kup-box",Object.assign({},i)));break;case x.CHART:i.data=this.data,i.series=[];for(let t=0;t<this.data.columns.length;t++){const s=this.data.columns[t];s.obj&&this.kupManager.objects.isNumber(s.obj)?i.series.push({code:s.name,decode:s.title}):i.axis=s.name}0===i.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",r.WARNING),i.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",r.WARNING),t.push(s("kup-chart",Object.assign({},i)));break;case x.DATATABLE:i.data=this.data,i.autoFillMissingCells=!0,t.push(s("kup-data-table",Object.assign({},i)));break;case x.JSON:i.data=this.data,t.push(s("pre",{class:"json"},JSON.stringify(this.data,null,2)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",r.ERROR)}}else t.push(s("div",{class:"empty"},s(b,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(n.DROP_YOUR_DATA))));return t}updateData(t){{const i=Object.assign({},this.data),s=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;s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",r.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(c,(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:`[${h}],[${l}]`},{dispatcher:this.rootElement,type:p.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(o,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:f},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:d.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${u.PRIMARY}: var(${u.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{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 e(this)}};y.style=":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-color);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)}";export{y as kup_magic_box}

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

@@ -1 +0,0 @@
-import{r as t,f as e,h as s,H as h,g as i}from"./p-cb5f4994.js";import{k as o}from"./p-f6bff949.js";import{g as a,s as n}from"./p-4748be4b.js";import{c as p}from"./p-ad2e21d2.js";var c,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."}(c||(c={})),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,c,t)}async refresh(){e(this)}async setProps(t){n(this,c,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,i=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"}))}return 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)),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),s(h,{class:i},s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:p},t))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.intObserver.unobserve(this.rootElement)}get rootElement(){return i(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}