@sme.up/ketchup 9.6.2 → 9.6.4

package/dist/ketchup/p-a46f99d4.js

@@ -0,0 +1 @@
+import{a6 as e,a7 as s,c as t,a3 as c,a8 as a,F as n,a9 as i,aa as l,ab as o,ac as r,ad as u,d as p}from"./p-8229b97a.js";import{h as d,g as k}from"./p-47040db6.js";import{F as b}from"./p-e2bf2bb6.js";import{F as h}from"./p-6c888179.js";import{F as f}from"./p-c0f660d6.js";import{F as m,a as g}from"./p-61e8d573.js";import{F as v}from"./p-2d4a9235.js";var w,y,j;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(w||(w={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(y||(y={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(j||(j={}));const $=e=>d("div",Object.assign({class:`f-switch ${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}),d("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},d("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},d("div",{class:"switch__track"}),d("div",{class:"switch__thumb-underlay"},d("div",{class:"switch__thumb"},d("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),d("label",{onClick:e.onChange},e.label))),x=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,t=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,c="pie";t+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const a={width:`${e.value}%`};e.centeredLabel?e.value>49&&(t+=" text-color-on-primary"):(s=a,e.value>2&&(t+=" text-color-on-primary"));let n=null;return e.icon?n=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return d("span",{class:"label kup-icon is-image"},d("img",{src:e.icon}));{let s=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return d("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(n=e.isRadial?e.label?d("span",{class:"label"},e.label):d("span",{class:"label"},e.value,d("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(c+=" has-value",c+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?d("div",{class:t},n,d("div",{class:c},d("div",{style:undefined,class:"left-side half-circle"}),d("div",{class:"right-side half-circle"})),d("div",{class:"shadow"})):d("div",{class:t},d("div",{class:"progress-bar-percentage",style:a},d("span",{style:s},n)))},O=e=>{var s;const t=!!e.columns,c=[];for(let t=0;t<(null===(s=e.data)||void 0===s?void 0:s.length);t++){const s=e.data[t];c.push(d("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},d("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},d("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}),d("div",{class:"radio__background"},d("div",{class:"radio__outer-circle"}),d("div",{class:"radio__inner-circle"}))),d("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}return d("div",{class:`f-radio radio-wrapper ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,style:{"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""}},c)},_=e=>(e.maxValue||(e.maxValue=5),d("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const s=[];for(let t=1;t<=e.maxValue;t++)s.push(d("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},t<=e.value?"★":"☆"));return s}(e))),C=document.documentElement,I=(i,o)=>{const p=i.cell,k=i.column,w=i.row,y=i.shape?i.shape:p.shape?p.shape:k.shape?k.shape:null,I=!C.ketchup.objects.isEmptyKupObj(p.obj),K=!(!p.isEditable&&!k.isEditable||!i.editable),M=i.previousValue!==p.value?p.value:"",V=C.ketchup.data.cell.getType(p,y),H=Object.assign({},p.data);let T=p.cssClass?p.cssClass:k.cssClass?k.cssClass:"";i.component.legacyLook&&(T+=" monospace c-pre");const X={"f-cell":!0,[l.OBJ]:!!I,[V+"-cell"]:!0,[i.wrapperClass]:!!i.wrapperClass,[i.density]:!(!i.density||V===c.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,t,a,i){var o,r;switch(e){case c.AUTOCOMPLETE:return d("kup-autocomplete",Object.assign({key:a.name+i.row.id,initialValue:t.value},t.data,{class:D(i)?"kup-full-width":"","onkup-autocomplete-change":s=>F(s,i,e,u.UPDATE),"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case c.CHECKBOX:return z(i)&&(s[l.C_CENTERED]=!0),t.shape===n.INPUT_CHECKBOX?d("input",{checked:"on"===t.value||"1"===t.value,class:"input-checkbox",onChange:s=>F(s,i,e,u.UPDATE),type:"checkbox"}):d(b,Object.assign({},t.data,{onChange:s=>F(s,i,e,u.UPDATE)}));case c.CHIP:return d("kup-chip",Object.assign({},t.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData)));case c.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:a.name+i.row.id,initialValue:t.value},t.data,{class:D(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>F(s,i,e,u.UPDATE)}));case c.COMBOBOX:return d("kup-combobox",Object.assign({key:a.name+i.row.id,initialValue:t.value},t.data,{class:D(i)?"kup-full-width":"","onkup-combobox-change":s=>F(s,i,e,u.UPDATE),"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case c.DATE:return d("kup-date-picker",Object.assign({key:a.name+i.row.id,initialValue:t.value},t.data,{class:D(i)?"kup-full-width":"","onkup-datepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-datepicker-input":s=>F(s,i,e,u.INPUT)}));case c.MULTI_AUTOCOMPLETE:return d("kup-chip",Object.assign({displayId:!0},t.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK),showDropDownIcon:!1},t.slotData)));case c.MULTI_COMBOBOX:return d("kup-chip",Object.assign({displayId:!0},t.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)},t.slotData)));case c.RADIO:return d(O,Object.assign({},t.data,{disabled:!1,onChange:(s,c)=>{const a=t.data.data;for(let e=0;e<a.length;e++){a[e].checked=e===s}F(c,i,e,u.UPDATE)}}));case c.RATING:return d("kup-rating",Object.assign({key:a.name+i.row.id},t.data,{disabled:!1,"onkup-rating-click":s=>F(s,i,e,u.UPDATE)}));case c.SWITCH:return d($,Object.assign({},t.data,{disabled:!1,onChange:s=>F(s,i,e,u.UPDATE)}));case c.TIME:return d("kup-time-picker",Object.assign({key:a.name+i.row.id,initialValue:t.value},t.data,{class:D(i)?"kup-full-width":"","onkup-timepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-timepicker-input":s=>F(s,i,e,u.INPUT)}));case c.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.STRING:const p=s=>F(s,i,e,u.UPDATE),k=s=>F(s,i,e,u.INPUT),f=e===c.NUMBER?"number":null,g=e===c.NUMBER&&t.value?C.ketchup.math.numberifySafe(t.value).toString():t.value;return t.shape===n.INPUT_FIELD?d("input",{class:"input-field",onChange:p,onInput:k,type:f,value:g,maxLength:null!==(r=null===(o=a.cellData)||void 0===o?void 0:o.maxLength)&&void 0!==r?r:-1}):d(h,Object.assign({inputType:f,fullWidth:!!D(i)},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:a.icon?a.icon:null,value:g,onChange:p,onInput:k,onIconClick:s=>F(s,i,e,u.ICON_CLICK)}))}}(V,X,p,k,i):p.data&&s.includes(V)?(i.setSizes&&function(e,s,t){switch(e){case c.BAR:s.sizeY||(s.sizeY="26px");break;case c.BUTTON:let e="";s.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case c.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case c.CHIP:case c.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(V,H,p),W=i.renderKup?function(e,s,t,a,n,i,o){switch(e){case c.BAR:return t.data?d("div",{style:{height:t.sizeY,width:"100%"}},d(f,Object.assign({},t))):d("kup-image",Object.assign({key:i.name+o.row.id,sizeX:"250px"},t));case c.BUTTON:return z(o)&&(s[l.C_CENTERED]=!0),d(v,Object.assign({},t,{onClick:s=>F(s,o,e,u.CLICK)}));case c.BUTTON_LIST:return z(o)&&(s[l.C_CENTERED]=!0),t["data-storage"]={cell:a,row:n,column:i},d("kup-button-list",Object.assign({key:i.name+o.row.id},t));case c.CHART:return z(o)&&(s[l.C_CENTERED]=!0),d("kup-chart",Object.assign({key:i.name+o.row.id},t));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return d(g,Object.assign({},t));case c.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:i.name+o.row.id},t,{class:D(o)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return d("kup-gauge",Object.assign({key:i.name+o.row.id,value:C.ketchup.math.numberifySafe(a.value),"width-component":"280px"},t));case c.KNOB:case c.PROGRESS_BAR:return t.customStyle?d("kup-progress-bar",Object.assign({key:i.name+o.row.id},t)):d(x,Object.assign({},t));case c.RADIO:return z(o)&&(s[l.C_CENTERED]=!0),t.disabled=n.readOnly,d(O,Object.assign({},t));case c.RATING:return d(_,Object.assign({},t,{disabled:!0}))}}(V,X,H,p,w,k,i):d("span",{class:"cell-"+V+" placeholder"})):(i.setSizes&&function(e,s,t,n){switch(e){case c.CHECKBOX:case c.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),t.style?t.style.height||(t.style.minHeight=s.sizeY):t.style={minHeight:s.sizeY};break;case c.IMAGE:n.component.rootElement.tagName===a.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,p,i),W=function(e,s,t,a,n,i,o){switch(e){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:if(t&&""!=t){const e=r(i,n);return d("div",{class:"f-cell__text"},e)}return t;case c.CHECKBOX:return z(o)&&(a[l.C_CENTERED]=!0),d(f,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:return d("div",{innerHTML:n.value});case c.ICON:case c.IMAGE:return z(o)&&(a[l.C_CENTERED]=!0),s.badgeData&&(a[l.C_PADDED]=!0),d(f,Object.assign({},s));case c.LINK:return d("a",{href:t,target:"_blank"},n.value);case c.NUMBER:if(t&&""!=t){const e=C.ketchup.math.numberifySafe(n.value),s=r(i,n);return e<0&&(a[l.TEXT_DANGER]=!0),z(o)&&(a[l.C_RIGHT_ALIGNED]=!0),d("div",{class:"f-cell__text"},s)}return d("div",{class:"f-cell__text"},t);case c.SWITCH:return z(o)&&(a[l.C_CENTERED]=!0),s.disabled=!0,d($,Object.assign({},s));default:return d("div",{class:"f-cell__text"},t)}}(V,H,W,X,p,k,i));let Y=null;!K&&(k.icon||p.icon)&&W&&(Y=d(f,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:p.icon?p.icon:k.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;C.ketchup.debug.isDebug()&&I?B=p.obj.t+"; "+p.obj.p+"; "+p.obj.k+";":null!=p.title&&""!=p.title.trim()&&(B=p.title);let L=null;if(p.info){const e=Object.assign({},p.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),L=d(f,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return d("div",{onKeyUp:e=>F(e,i,V,u.KEYUP),class:X,"kup-get-cell-props":()=>i,ref:e=>p.element=e,style:p.style},d("div",{class:"f-cell__content",style:p.styleContent,title:B},o&&o.length>0?o:[i.indents,L,Y,W]))};function F(e,s,t,a){const n=s.cell,i=s.column,l=s.component,o=s.row;if(a===u.UPDATE){let s=function(e,s){const t=!("INPUT"!==e.target.tagName);let a=t?e.target.value:e.detail.value;return s===c.CHECKBOX&&t&&(a=e.target.checked?"off":"on"),s===c.NUMBER&&t&&(a=C.ketchup.math.formattedStringToNumberString(a,"")),a}(e,t);switch(t){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.TIME:n.data&&(n.data.initialValue=s);break;case c.CHECKBOX:case c.SWITCH:s="on"===s?"0":"1",n.data&&(n.data.checked="0"!==s);break;case c.RADIO:break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:s=e.detail.stringifiedValues,n.data&&(n.data.data=e.detail.comp.data)}n.obj&&(n.obj.k=s.toString()),n.value=s.toString(),n.displayedValue=null,n.displayedValue=r(i,n)}if(l&&l.rootElement){const s=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:n,column:i,event:e,row:o,type:t}});if(l.rootElement.dispatchEvent(s),a===u.UPDATE)try{l.refresh()}catch(e){C.ketchup.debug.logMessage(l,e,p.ERROR)}}}function z(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function D(e){var s;return i.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{I as F,j as I,y as K,w as a,x as b,O as c,_ as d,$ as e}

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

@@ -0,0 +1 @@
+import{r as t,c as i,f as e,h as n,H as a,d as o}from"./p-47040db6.js";import{k as s,g as p,s as r}from"./p-8229b97a.js";import{c as l}from"./p-635bb4b3.js";import{F as h}from"./p-2d4a9235.js";import"./p-eb8ea3a6.js";import"./p-c634eb82.js";import"./p-c0f660d6.js";const f="snackbar";var c;!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."}(c||(c={}));const u=class{constructor(e){t(this,e),this.kupActionClick=i(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=i(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,c,t)}async hide(){this.visible=!1}async refresh(){e(this)}async setProps(t){r(this,c,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.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return n(a,{key:"bab6e44cdbdcbd0174991aa10a9df10b4edce2a8","kup-visible":this.visible},n("style",{key:"e48b96994b94d274c276729b9c4e2abab08f534e"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"57818756dc7dfb6fe3eb28ea48941fe0e7cb22ba",id:l},n("div",{key:"05aa2207cd12926db3943ac4c25b57021fb62ddf",class:f},n("div",{key:"f1f1279844e5faf955faab329015103e7b29ba7c",class:`${f}__text`},this.text),this.actionButton||this.closeButton?n("div",{class:`${f}__buttons`},this.actionButton?n("div",{class:`${f}__action`},n(h,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?n("div",{class:`${f}__close`},n(h,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};u.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events: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{box-sizing:border-box;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:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.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;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@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-b3b50bb5.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,f as i,h as o,H as a,d as n}from"./p-47040db6.js";import{k as s,g as h,s as p}from"./p-8229b97a.js";import{c as f}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var r;!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."}(r||(r={}));var l,c,d,m,u,g,k=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)},y=function(t,e,i,o,a){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?a.call(t,i):a?a.value=i:e.set(t,i),i};const w=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),l.set(this,null),c.set(this,s()),d.set(this,null),m.set(this,null),u.set(this,!1),g.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return h(this,r,t)}async refresh(){i(this)}async setProps(t){p(this,r,t)}setObserver(){y(this,l,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,k(this,l,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){k(this,c,"f").debug.logLoad(this,!1),k(this,c,"f").theme.register(this),this.setObserver()}componentDidLoad(){k(this,c,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,c,"f").debug.logRender(this,!1)}componentDidRender(){k(this,c,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!k(this,u,"f")&&y(this,u,!0,"f"),o(a,{key:"d6d82199e94a278a68fcd3bcb2e128f4714f7dcd"},o("style",{key:"ba1ceb0cd797d7a3a7808d7b2cd4849193faff42"},k(this,c,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"4701a46d03923c418672ed93098d5bde32ae38ae",id:f,ref:t=>{y(this,g,t,"f")}},o("img",Object.assign({key:"451b86c100861cb4b72cfc2575e2c7ad6da3b6ee"},this.placeholderAttrs,{class:"placeholder",ref:t=>y(this,d,t,"f"),onLoad:()=>{k(this,d,"f").naturalWidth>k(this,d,"f").naturalHeight?k(this,g,"f").classList.add("horizontal"):k(this,g,"f").classList.add("vertical"),k(this,l,"f").observe(this.rootElement),k(this,d,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),k(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>y(this,m,t,"f"),onLoad:()=>{k(this,d,"f").classList.add("placeholder--fade-out"),k(this,m,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;k(this,c,"f").theme.unregister(this),null===(t=k(this,l,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};l=new WeakMap,c=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,g=new WeakMap,w.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_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{w as kup_photo_frame}

package/dist/ketchup/{p-c089b961.js → p-c0f660d6.js}

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