@sme.up/ketchup 6.3.0 → 6.4.0

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

@@ -1 +0,0 @@
-import{r as t,f as o,h as e,H as l,g as i}from"./p-b0b3989b.js";import{k as r,y as n,g as s,s as a,al as c,j as f}from"./p-21ea11cb.js";import{c as u}from"./p-97e8ea42.js";import{F as m}from"./p-3586f59c.js";import{F as d}from"./p-a203f78b.js";import"./p-5552f156.js";import"./p-8673bd4e.js";import"./p-389fd0bf.js";import"./p-cd4fc3fb.js";import"./p-79b0730b.js";import"./p-81605f08.js";var h,_,p;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the form.",t.layout="How the form will arrange its content."}(h||(h={})),function(t){t.CENTER="center",t.LEFT="left",t.RIGHT="right"}(_||(_={})),function(t){t.BOTTOM="bottom",t.LEFT="left",t.HIDDEN="hidden",t.PLACEHOLDER="placeholder",t.RIGHT="right",t.TOP="top"}(p||(p={}));const b=document.documentElement,v=class{constructor(o){t(this,o),this.customStyle="",this.data=null,this.layout=null,this.kupManager=r(),this.visibleColumns=[]}onDataChanged(){n(this.getRows()),this.initVisibleColumns(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}async getProps(t){return s(this,h,t)}async refresh(){o(this)}async setFocus(t,o){const e=this.rootElement.shadowRoot.querySelectorAll('td[data-column="'+t+'"]');for(let t=0;e&&t<e.length;t++){const l=e[t];if(l["data-row"]&&l["data-row"].id==o){const t=l.querySelector("input");if(t)t.focus();else{const t=l.querySelector(".hydrated");if(t)try{t.setFocus()}catch(t){}}}}}async setProps(t){a(this,h,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}checkLayout(){if(this.layout)return void(this.formLayout=this.layout);const t={horizontal:!1,sections:[]},o=this.visibleColumns;let e=o.length;const l=[];let i=0;for(;e-- >0;)l.push({column:o[i++].name});t.content=l,this.formLayout={sections:[t]}}renderRow(t){const o=[...this.visibleColumns];let l=null,i=t.layout;i||(i=this.formLayout);let r=!1;if(i){i.horizontal&&(r=!0);const e=i.sections;let n=e.length,s=0;n>0&&(l=[]);const a={horizontal:r};for(;n-- >0;)l.push(this.renderSection(e[s++],a,t,o))}return e("form",{class:{form:!0,"form--column":!r}},l)}renderSection(t,o,l,i){var r;let n=null;if(t.sections&&t.sections.length>0){const o=t.sections;let e=o.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderSection(o[r++],t,l,i))}else if(t.content){const o=t.content;let r=o.length,s=0;for(r>0&&(n=[]);r-- >0;){const r=this.renderFormField({formField:o[s++],row:l,visibleColumns:i},t);let a=r;t.horizontal||(a=e("tr",null,r)),n.push(a)}}else i.length>0&&(n=this.renderFormField({formField:{column:i[0].name},row:l,visibleColumns:i}));const s=!!t.columns,a=(null===(r=null==t?void 0:t.label)||void 0===r?void 0:r.placement)||p.LEFT,c={form__section:!0,"form__section--column":!s&&!t.horizontal,"form__section--grid":s,"form__section--titled":!!t.title,"form__section--last":!t.sections||0===t.sections.length,[`form__section--${a}`]:!0},f=t.style||{};return t.dim&&o&&(f.flex=`0 0 ${t.dim}`,o.horizontal?f.maxWidth=t.dim:f.maxHeight=t.dim),s&&(f["grid-template-columns"]=`repeat(${t.columns}, 1fr)`),e("div",{class:c,style:f},t.title?e("h3",null,t.title):null,e("table",null,e("tbody",null,t.horizontal?e("tr",null,n):n)))}renderFormField({formField:t,row:o,visibleColumns:l},i){var r;const n={form__field:!0},s={};let a=null,f=-1;for(let o=0;o<l.length;o++)if(l[o].name===t.column){f=o;break}f>=0?(a=l[f],l.splice(f,1)):i&&(a=this.data.columns.find((o=>o.name===t.column)));const u=o.cells[t.column];let d;if(!u)return null;u.isEditable=!0,this.kupManager.objects.isEmptyKupObj(u.obj)||this.kupManager.debug.isDebug()&&(d=u.obj.t+"; "+u.obj.p+"; "+u.obj.k+";");const h={cell:t.data?Object.assign(Object.assign({},u),{data:t.data}):u,column:a,component:this,editable:!0,renderKup:!0,row:o,setSizes:!0,shape:t.shape},v=t.label||a.title;switch(function(){u.data||(u.data={});try{delete u.data.label}catch(t){}try{delete u.data.data["kup-text-field"].label}catch(t){}}(),null===(r=i.label)||void 0===r?void 0:r.placement){case p.BOTTOM:return[e("tr",null,g()),e("tr",null,k(v))];case p.PLACEHOLDER:!function(){switch(b.ketchup.data.cell.getType(u,u.shape||a.shape||null)){case c.AUTOCOMPLETE:case c.COLOR_PICKER:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:u.data.data&&u.data.data["kup-text-field"]?u.data.data["kup-text-field"].label=a.title:u.data.data={"kup-text-field":{label:a.title}};break;case c.CHECKBOX:case c.NUMBER:case c.STRING:case c.SWITCH:u.data.label=a.title}}();case p.HIDDEN:return i?[g()]:[e("tr",null,g())];case p.RIGHT:return i?[g(),k(v)]:[e("tr",null,g(),k(v))];case p.TOP:return[e("tr",null,k(v)),e("tr",null,g())];default:return i?[k(v),g()]:[e("tr",null,k(v),g())]}function g(){return e("td",{"data-cell":u,"data-row":o,"data-column":t.column,class:n,style:s,title:d},u&&a?e(m,Object.assign({},h)):e("span",null,t.value))}function k(t){var o,l,r;const n=(null===(o=null==i?void 0:i.label)||void 0===o?void 0:o.alignment)||_.LEFT,s={width:(null===(l=null==i?void 0:i.label)||void 0===l?void 0:l.width)?null===(r=null==i?void 0:i.label)||void 0===r?void 0:r.width:""};return e("td",{class:`form__label form__label--${n}`,style:s},e("span",null,t))}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged()}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const o=t.querySelectorAll(".f-text-field");for(let t=0;t<o.length;t++)d(o[t])}this.kupManager.debug.logRender(this,!0)}render(){let t=null;if(0===this.data.rows.length)t=e("p",null,this.kupManager.language.translate(f.EMPTY_DATA));else{const o=this.data.rows;let e=o.length,l=0;for(t=[];e-- >0;)t.push(this.renderRow(o[l++]))}return e(l,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:u},t))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}static get watchers(){return{data:["onDataChanged"],layout:["onLayoutChanged"]}}};v.style=":host{--kup_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-background-color)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-color));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}.form__section--titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";export{v as kup_form}

package/dist/ketchup/p-af664379.js

@@ -1 +0,0 @@
-import{h as n}from"./p-b0b3989b.js";import{F as t}from"./p-6c77a36c.js";import{F as o}from"./p-389fd0bf.js";const e=(e,u)=>{if(e.styling||(e.styling=t.RAISED),!e.label&&!e.icon)return;const i=!!(e.styling.toLowerCase()===t.ICON||e.styling.toLowerCase()===t.RAISED&&e.icon&&null==e.label);return n("div",Object.assign({class:`f-button ${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}),i?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","aria-label":t.title},!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 u=e.styling.toLowerCase()===t.FLAT,i=e.styling.toLowerCase()===t.FLOATING,s=e.styling.toLowerCase()===t.ICON,r=e.styling.toLowerCase()===t.OUTLINED,c=!(u||i||r||s),l={color:e.disabled?"var(--kup_button_disabled_color)":r||u?"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 a={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":!!c,"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},"aria-label":e.title,type:"button"},e.trailingIcon?[n("span",{class:a},e.label),e.icon?n(o,Object.assign({},l)):void 0]:[e.icon?n(o,Object.assign({},l)):void 0,n("span",{class:a},e.label)],e.showSpinner&&!e.disabled?n("div",{class:"button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e),u)};export{e as F}