@sme.up/ketchup 5.2.0-SNAPSHOT → 6.1.0-SNAPSHOT

package/dist/ketchup/p-2d4f19f4.js

@@ -1 +0,0 @@
-import{a as e,c,b as t}from"./p-ee33cbe9.js";import{h as n,a}from"./p-8be1337b.js";import{b as l}from"./p-33073f4a.js";import{d as i}from"./p-10c8d755.js";import{F as s}from"./p-47b57d97.js";import{F as r}from"./p-c314b1e6.js";const o=(e,c)=>n("div",Object.assign({class:`f-text-field ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""}  ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.shaped?"kup-shaped":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""}  ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),e.leadingLabel||e.trailingLabel?n("div",{class:"mdc-form-field "+(e.leadingLabel?"mdc-form-field--align-end":"")},[u(e),d(e),n("label",null,e.label)]):[u(e),d(e)],c);function u(c){const t=c.textArea||c.outlined;let l,i;if(!c.label||c.leadingLabel||c.trailingLabel||(l=n("label",{class:"mdc-floating-label",htmlFor:"kup-input"},c.label)),c.icon){let t,l="";if(Object.values(e).indexOf(c.icon)>-1)l=c.icon.replace("--","");else{let e=`url('${a(`./assets/svg/${c.icon}.svg`)}') no-repeat center`;t={mask:e,webkitMask:e}}i=n("span",{style:t,onClick:c.onIconClick,class:`mdc-text-field__icon kup-icon action ${l}`})}return n("div",{class:{"is-clearable":c.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":c.disabled,"mdc-text-field--filled":!c.fullWidth&&!t,"mdc-text-field--no-label":!c.label,"mdc-text-field--fullwidth":c.fullWidth,"mdc-text-field--outlined":t,"mdc-text-field--textarea":c.textArea,"mdc-text-field--with-leading-icon":c.icon&&!c.trailingIcon,"mdc-text-field--with-trailing-icon":c.icon&&c.trailingIcon}},c.textArea&&c.maxLength?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",c.maxLength):void 0,c.trailingIcon?void 0:i,c.textArea?n("span",{class:"mdc-text-field__resizer"},n("textarea",{class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown})):n("input",{type:c.inputType?c.inputType:"text",step:c.step,min:c.min,max:c.max,class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,placeholder:c.fullWidth?c.label:void 0,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown}),c.isClearable?n("span",{class:`mdc-text-field__icon kup-icon ${e.CLEAR.replace("--","")}`,onClick:c.onClearIconClick}):void 0,c.trailingIcon?i:void 0,c.fullWidth||t?void 0:l,t?n("div",{class:"mdc-notched-outline"},n("div",{class:"mdc-notched-outline__leading"}),n("div",{class:"mdc-notched-outline__notch"},l),n("div",{class:"mdc-notched-outline__trailing"})):n("span",{class:"mdc-line-ripple"}))}function d(e){if(!1!==e.helperEnabled){if(e.helper)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!e.helperWhenFocused}},e.helper),e.maxLength&&!e.textArea?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength.toString()):void 0);if(e.maxLength&&!e.textArea)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength))}}const p=[c.DATA_TABLE,c.TREE];var b,k,m,f,h;!function(e){e.CLICK="kup-cell-click",e.ICON_CLICK="kup-cell-iconclick",e.INPUT="kup-cell-input",e.UPDATE="kup-cell-update"}(b||(b={})),function(e){e.DENSE="dense",e.MEDIUM="medium",e.NONE="",e.WIDE="wide"}(k||(k={})),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"}(m||(m={})),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"}(h||(h={}));const g=[h.AUTOCOMPLETE,h.CHECKBOX,h.COLOR_PICKER,h.COMBOBOX,h.DATE,h.NUMBER,h.RATING,h.STRING,h.TIME],x=[h.BAR,h.BUTTON,h.BUTTON_LIST,h.CHART,h.CHIP,h.COLOR_PICKER,h.GAUGE,h.KNOB,h.PROGRESS_BAR,h.RADIO,h.RATING],v=e=>{const c={"data-indeterminate":!!e.indeterminate},t={checkbox:!0,"checkbox--checked":!(!e.checked||e.indeterminate),"checkbox--disabled":!!e.disabled,"checkbox--indeterminate":!!e.indeterminate};return n("div",Object.assign({class:`f-checkbox ${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.dataSet,{id:e.id,title:e.title}),n("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},n("div",{class:t},n("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:e.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},c,{value:e.checked?"on":"off"})),n("div",{class:"checkbox__background",onClick:e.onChange},n("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},n("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),n("div",{class:"checkbox__mixedmark"}))),e.label?n("label",null,e.label):void 0))},_=document.documentElement,j=e=>{const a=e.cell,u=e.column,d=e.row,k=e.shape?e.shape:a.shape?a.shape:u.shape?u.shape:null,j=!_.ketchup.objects.isEmptyKupObj(a.obj),O=!(!a.isEditable||!e.editable),$=e.previousValue!==a.value?a.value:"",y=function(e,c){const t=e.obj;if(c)switch(c.toUpperCase()){case f.AUTOCOMPLETE:return h.AUTOCOMPLETE;case f.BUTTON_LIST:return h.BUTTON_LIST;case f.CHART:return h.CHART;case f.CHECKBOX:return h.CHECKBOX;case f.CHIP:return h.CHIP;case f.COLOR_PICKER:return h.COLOR_PICKER;case f.COMBOBOX:return h.COMBOBOX;case f.EDITOR:return h.EDITOR;case f.GAUGE:return h.GAUGE;case f.IMAGE:return h.IMAGE;case f.KNOB:return h.KNOB;case f.PROGRESS_BAR:return h.PROGRESS_BAR;case f.RADIO:return h.RADIO;case f.RATING:return h.RATING;case f.TEXT_FIELD:return h.STRING}return _.ketchup.objects.isBar(t)?h.BAR:_.ketchup.objects.isButton(t)?h.BUTTON:_.ketchup.objects.isChart(t)?h.CHART:_.ketchup.objects.isCheckbox(t)?h.CHECKBOX:_.ketchup.objects.isColor(t)?h.COLOR_PICKER:_.ketchup.objects.isIcon(t)?h.ICON:_.ketchup.objects.isImage(t)?h.IMAGE:_.ketchup.objects.isLink(t)?h.LINK:_.ketchup.objects.isProgressBar(t)?h.PROGRESS_BAR:_.ketchup.objects.isRadio(t)?h.RADIO:_.ketchup.objects.isKupObjList(t)?h.CHIP:_.ketchup.objects.isNumber(t)?h.NUMBER:_.ketchup.objects.isDate(t)?h.DATE:_.ketchup.objects.isTimestamp(t)?h.DATETIME:_.ketchup.objects.isTime(t)?h.TIME:_.ketchup.objects.isVoCodver(t)?h.ICON:h.STRING}(a,k),C=Object.assign({},a.data);let B=a.cssClass?a.cssClass:u.cssClass?u.cssClass:"";const I={"f-cell":!0,[m.OBJ]:!!j,[y+"-cell"]:!0,[e.wrapperClass]:!!e.wrapperClass,[e.density]:!(!e.density||y===h.BAR),[B]:!!B};let z=$;O&&g.includes(y)?z=function(e,c,t,a,l){switch(e){case h.AUTOCOMPLETE:return n("kup-autocomplete",Object.assign({},t.data,{class:"kup-full-width","onkup-autocomplete-change":c=>w(c,l,e,b.UPDATE),"onkup-autocomplete-input":c=>w(c,l,e,b.INPUT),"onkup-autocomplete-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.CHECKBOX:return p.includes(l.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n(v,Object.assign({},t.data,{onChange:c=>w(c,l,e,b.UPDATE)}));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t.data,{class:"kup-full-width",disabled:!1,"onkup-colorpicker-change":c=>w(c,l,e,b.UPDATE)}));case h.COMBOBOX:return n("kup-combobox",Object.assign({},t.data,{class:"kup-full-width","onkup-combobox-change":c=>w(c,l,e,b.UPDATE),"onkup-combobox-input":c=>w(c,l,e,b.INPUT),"onkup-combobox-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.DATE:return n("kup-date-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-datepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-datepicker-input":c=>w(c,l,e,b.INPUT)}));case h.RATING:return n("kup-rating",Object.assign({},t.data,{disabled:!1,"onkup-rating-click":c=>w(c,l,e,b.UPDATE)}));case h.TIME:return n("kup-time-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-timepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-timepicker-input":c=>w(c,l,e,b.INPUT)}));case h.NUMBER:c[m.C_RIGHT_ALIGNED]=!0;case h.STRING:return n(o,Object.assign({},t.data,{icon:t.icon?t.icon:a.icon?a.icon:null,fullWidth:!0,inputType:e===h.NUMBER?"number":null,value:e===h.NUMBER?i(t.value).toString():t.value,onChange:c=>w(c,l,e,b.UPDATE),onInput:c=>w(c,l,e,b.INPUT),onIconClick:c=>w(c,l,e,b.ICON_CLICK)}))}}(y,I,a,u,e):a.data&&x.includes(y)?(e.setSizes&&function(e,c,t){switch(e){case h.BAR:c.sizeY||(c.sizeY="26px");break;case h.BUTTON:let e="";c.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case h.CHART:c.sizeX||(c.sizeX="100%"),c.sizeY||(c.sizeY="100%");break;case h.CHIP:case h.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(y,C,a),z=e.renderKup?function(e,c,t,a,l,o,u){switch(e){case h.BAR:return t.data?n("div",{style:{height:t.sizeY,width:"100%"}},n(s,Object.assign({},t))):n("kup-image",Object.assign({},t));case h.BUTTON:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n("kup-button",Object.assign({},t,{"onkup-button-click":c=>w(c,u,e,b.CLICK)}));case h.BUTTON_LIST:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),t["data-storage"]={cell:a,row:l,column:o},n("kup-button-list",Object.assign({},t));case h.CHART:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n("kup-chart",Object.assign({},t));case h.CHIP:return n(r,Object.assign({},t));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t,{class:"kup-full-width",disabled:!0}));case h.GAUGE:return n("kup-gauge",Object.assign({value:i(a.value),"width-component":"280px"},t));case h.KNOB:case h.PROGRESS_BAR:return n("kup-progress-bar",Object.assign({},t));case h.RADIO:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),t.disabled=l.readOnly,n("kup-radio",Object.assign({},t));case h.RATING:return n("kup-rating",Object.assign({},t,{disabled:!0}))}}(y,I,C,a,d,u,e):n("span",{class:"cell-"+y+" placeholder"})):(e.setSizes&&function(e,t,n,a){switch(e){case h.CHECKBOX:case h.ICON:t.sizeX||(t.sizeX="18px"),t.sizeY||(t.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=t.sizeY):n.style={minHeight:t.sizeY};break;case h.IMAGE:a.component.rootElement.tagName===c.BOX?(t.sizeY||(t.sizeY="auto"),void 0===t.fit&&(t.fit=!0)):t.sizeX||(t.sizeX="auto"),t.sizeY||(t.sizeY="64px")}}(y,C,a,e),z=function(e,c,t,a,r,o,u){switch(e){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.DATETIME:case h.TIME:if(t&&""!=t){const e=l(o,r);return n("div",{class:"f-cell__text"},e)}return t;case h.CHECKBOX:return p.includes(u.component.rootElement.tagName)&&(a[m.C_CENTERED]=!0),n(s,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case h.EDITOR:return n("div",{innerHTML:r.value});case h.ICON:case h.IMAGE:return p.includes(u.component.rootElement.tagName)&&(a[m.C_CENTERED]=!0),c.badgeData&&(a[m.C_PADDED]=!0),n(s,Object.assign({},c));case h.LINK:return n("a",{href:t,target:"_blank"},r.value);case h.NUMBER:if(t&&""!=t){const e=i(r.value),c=l(o,r);return e<0&&(a[m.TEXT_DANGER]=!0),p.includes(u.component.rootElement.tagName)&&(a[m.C_RIGHT_ALIGNED]=!0),n("div",{class:"f-cell__text"},c)}return n("div",{class:"f-cell__text"},t);default:return n("div",{class:"f-cell__text"},t)}}(y,C,z,I,a,u,e));let F=null;!O&&(u.icon||a.icon)&&z&&(F=n(s,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:a.icon?a.icon:u.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let T=null;_.ketchup.debug.isDebug()&&j?T=a.obj.t+"; "+a.obj.p+"; "+a.obj.k+";":null!=a.title&&""!=a.title.trim()&&(T=a.title);let H=null;if(a.info){const e=Object.assign({},a.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),H=n(s,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return n("div",{class:I,style:a.style},n("div",{class:"f-cell__content",style:a.styleContent,title:T},e.indents,H,F,z))};function w(e,c,t,n){const a=c.cell,i=c.column,s=c.component,r=c.row;let o="INPUT"===e.target.tagName?e.target.value:e.detail.value;if(n===b.UPDATE){switch(t){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.TIME:a.data&&(a.data.initialValue=o);break;case h.CHECKBOX:o="on"===o?"0":"1",a.data&&(a.data.checked="0"!==o)}a.obj&&(a.obj.k=o.toString()),a.value=o.toString(),a.displayedValue=null,a.displayedValue=l(i,a)}if(s&&s.rootElement){const c=new CustomEvent(n,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:s,id:s.rootElement.id,cell:a,column:i,event:e,row:r,type:t}});s.rootElement.dispatchEvent(c);try{s.refresh()}catch(e){}}}export{o as F,j as a,v as b,k as c}

package/dist/ketchup/p-3445be1e.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,f as i,h as o,H as s,g as r}from"./p-8be1337b.js";import{k as h}from"./p-ee33cbe9.js";import{g as a,s as n}from"./p-10c8d755.js";import{c as p}from"./p-97e8ea42.js";var l;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(l||(l={}));var f,c,d,m,u,w,b=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},k=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const v=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25,f.set(this,null),c.set(this,h()),d.set(this,null),m.set(this,null),u.set(this,!1),w.set(this,null)}async getProps(t){return a(this,l,t)}async refresh(){i(this)}async setProps(t){n(this,l,t)}setObserver(){k(this,f,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,b(this,f,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){b(this,c,"f").debug.logLoad(this,!1),b(this,c,"f").theme.register(this),this.setObserver()}componentDidLoad(){b(this,c,"f").debug.logLoad(this,!0)}componentWillRender(){b(this,c,"f").debug.logRender(this,!1)}componentDidRender(){b(this,c,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!b(this,u,"f")&&k(this,u,!0,"f"),o(s,null,o("style",null,b(this,c,"f").theme.setKupStyle(this.rootElement)),o("div",{id:p,ref:t=>{k(this,w,t,"f")}},o("img",Object.assign({},this.placeholderAttrs,{class:"placeholder",ref:t=>k(this,d,t,"f"),onLoad:()=>{b(this,d,"f").naturalWidth>b(this,d,"f").naturalHeight?b(this,w,"f").classList.add("horizontal"):b(this,w,"f").classList.add("vertical"),b(this,f,"f").observe(this.rootElement),b(this,d,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),b(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>k(this,m,t,"f"),onLoad:()=>{b(this,d,"f").classList.add("placeholder--fade-out"),b(this,m,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){b(this,c,"f").theme.unregister(this),b(this,f,"f").unobserve(this.rootElement)}get rootElement(){return r(this)}};f=new WeakMap,c=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,w=new WeakMap,v.style=":host{--kup_photoframe_border:var(\n    --kup-photoframe-border,\n    1px inset var(--kup-border-color)\n  );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{v as kup_photo_frame}

package/dist/ketchup/p-3aab1f0d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,f as i,h as o,H as a,g as n}from"./p-8be1337b.js";import{k as r}from"./p-ee33cbe9.js";import{g as e,s as c}from"./p-10c8d755.js";import{c as l}from"./p-97e8ea42.js";import{F as p}from"./p-5d190cf5.js";import"./p-6c77a36c.js";import"./p-47b57d97.js";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const u=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null,this.kupManager=r()}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return e(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:"snackbar"},o("div",{class:"snackbar__text"},this.text),this.actionButton||this.closeButton?o("div",{class:"snackbar__buttons"},this.actionButton?o("div",{class:"snackbar__action"},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:"snackbar__close"},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};u.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:flex-start;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;white-space:nowrap}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;width:100%}.snackbar__close{--kup-button-font-size:11px;margin-left:8px}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{u as kup_snackbar}

package/dist/ketchup/p-47b57d97.js

@@ -1 +0,0 @@
-import{h as e,a as t}from"./p-8be1337b.js";import{b as s}from"./p-ee33cbe9.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("--","");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",l={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:l}),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 ${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-5186885c.entry.js

@@ -1 +0,0 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-8be1337b.js";import{k as o,m as n,i as r}from"./p-ee33cbe9.js";import{g as l,s as a}from"./p-10c8d755.js";import{c}from"./p-97e8ea42.js";import{c as d,a as p}from"./p-2d4f19f4.js";import"./p-33073f4a.js";import"./p-47b57d97.js";import"./p-c314b1e6.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const u=class{constructor(s){t(this,s),this.customStyle="",this.data=null,this.density=d.NONE,this.dragEnabled=!1,this.kupManager=o()}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)<0&&(this.data.cssClass+=` ${i}`)}this.refresh()}async getProps(t){return l(this,m,t)}async refresh(){s(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),""))}this.refresh()}}async setProps(t){a(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+c),{cursorChecker:()=>null},{callback:t},n.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(r.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),s={cells:{}};return s.cells[t.name]=this.data,s}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return i(e,null,i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:c},i(p,Object.assign({},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};u.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{u as kup_cell}