@sme.up/ketchup 11.0.0-SNAPSHOT-20241024123002 → 11.0.0-SNAPSHOT-20241024123434
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-cell-19b57f8b.js → f-cell-36821278.js} +5 -7
- package/dist/cjs/f-cell-36821278.js.map +1 -0
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +1 -1
- package/dist/cjs/kup-box.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +5 -79
- package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-input-panel.cjs.entry.js +1 -1
- package/dist/collection/components/kup-cell/kup-cell.js +3 -3
- package/dist/collection/components/kup-cell/kup-cell.js.map +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js +4 -6
- package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +4 -6
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-cell.js +6 -80
- package/dist/components/kup-cell.js.map +1 -1
- package/dist/esm/{f-cell-0e7188e8.js → f-cell-228429ce.js} +5 -7
- package/dist/esm/f-cell-228429ce.js.map +1 -0
- package/dist/esm/kup-autocomplete_27.entry.js +1 -1
- package/dist/esm/kup-box.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +8 -82
- package/dist/esm/kup-cell.entry.js.map +1 -1
- package/dist/esm/kup-image-list.entry.js +1 -1
- package/dist/esm/kup-input-panel.entry.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-1364e356.entry.js +2 -0
- package/dist/ketchup/p-1364e356.entry.js.map +1 -0
- package/dist/ketchup/p-a38b1cf2.js +2 -0
- package/dist/ketchup/p-a38b1cf2.js.map +1 -0
- package/dist/ketchup/{p-107388e3.entry.js → p-cb6c6e19.entry.js} +2 -2
- package/dist/ketchup/{p-6e305c2f.entry.js → p-d6b0f4c9.entry.js} +2 -2
- package/dist/ketchup/{p-a97d6070.entry.js → p-e373bc7a.entry.js} +2 -2
- package/dist/ketchup/{p-e506c300.entry.js → p-ef69d072.entry.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/f-cell-19b57f8b.js.map +0 -1
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.declarations.js +0 -2
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.declarations.js.map +0 -1
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js +0 -105
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js.map +0 -1
- package/dist/esm/f-cell-0e7188e8.js.map +0 -1
- package/dist/ketchup/p-e41ef521.entry.js +0 -2
- package/dist/ketchup/p-e41ef521.entry.js.map +0 -1
- package/dist/ketchup/p-f63dd1ec.js +0 -2
- package/dist/ketchup/p-f63dd1ec.js.map +0 -1
- package/dist/types/f-components/f-cell-options.tsx/f-cell-options.d.ts +0 -3
- package/dist/types/f-components/f-cell-options.tsx/f-cell-options.declarations.d.ts +0 -19
- /package/dist/ketchup/{p-107388e3.entry.js.map → p-cb6c6e19.entry.js.map} +0 -0
- /package/dist/ketchup/{p-6e305c2f.entry.js.map → p-d6b0f4c9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a97d6070.entry.js.map → p-e373bc7a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e506c300.entry.js.map → p-ef69d072.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a8 as e,a9 as t,d as s,a5 as n,aa as i,ab as c,ac as a,ad as l,F as r,ae as o,af as u,ag as f,ah as d,ai as p,e as b}from"./p-d2ca23dd.js";import{h as k,g as h,F as v}from"./p-d7c15b0e.js";import{F as m}from"./p-5d03c077.js";import{F as g}from"./p-c5845d51.js";import{F as w}from"./p-2b519589.js";import{F as j,c as y}from"./p-4a84cdec.js";import{F as $}from"./p-cc32b7a2.js";var O;(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."})(O||(O={}));var x;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(x||(x={}));var _;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(_||(_={}));var I;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(I||(I={}));const C=e=>{if(!e.sizing){e.sizing=I.MEDIUM}e.sizing.toLowerCase()===I.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return k("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}),k("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},k("div",{class:t},k("div",{class:"switch__track"}),k("div",{class:"switch__thumb-underlay"},k("div",{class:"switch__thumb"},k("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})))),k("label",{onClick:e.onChange},e.label)))};const z=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let 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:""}`;let s="pie";let n=undefined;if(e.isRadial){t+=" pie-wrapper is-radial"}else{t+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){t+=" text-color-on-primary"}}else if(e.value>49){t+=" text-color-on-primary"}let a=null;if(e.icon){a=N(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=k("span",{class:"label"},e.label)}else{a=k("span",{class:"label"},e.value,k("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){s+=" has-value";if(e.value>50){s+=" is-more-than-half"}else{s+=" is-less-than-half"}}if(e.isRadial){return k("div",{class:t},a,k("div",{class:s},k("div",{style:n,class:"left-side half-circle"}),k("div",{class:"right-side half-circle"})),k("div",{class:"shadow"}))}else{return k("div",{class:t},k("div",{class:"progress-bar-percentage",style:c},k("span",{style:i},a)))}};function N(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return k("span",{class:"label kup-icon is-image"},k("img",{src:e.icon}))}else{let t=`url('${h(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return k("span",{style:s,class:"label kup-icon"})}}var F;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(F||(F={}));const H=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||F.RADIO;for(let s=0;s<((t=e.data)===null||t===void 0?void 0:t.length);s++){const t=e.data[s];const c={radio:true,"radio--checked":t.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(k("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},k("div",{class:c},i===F.RADIO?k("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):k(v,null,t.checked?k(w,{resource:"check",sizeX:"14px",sizeY:"14px"}):k(w,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===F.RADIO&&k("div",{class:"radio__background"},k("div",{class:"radio__outer-circle"}),k("div",{class:"radio__inner-circle"}))),k("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},t.label?t.label:"")))}const c={"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""};return k("div",{class:`f-radio radio-wrapper\n ${s?"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:""} ${e.horizontal?"kup-horizontal":""}`,style:c},n)};const D=e=>{if(!e.maxValue){e.maxValue=5}return k("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:""}`},T(e))};function T(e){const t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(k("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(k("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const M=document.documentElement;const S=(i,c)=>{var a;const l=i.cell;const r=i.column;const o=i.row;const f=i.shape?i.shape:l.shape?l.shape:r.shape?r.shape:null;const d=!M.ketchup.objects.isEmptyKupObj(l.obj);let b=false;if(l.hasOwnProperty("isEditable")){b=l.isEditable}else if(r.hasOwnProperty("isEditable")){b=r.isEditable}b=b&&i.editable;if(l.options){l.data=(a=E(l))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const v=M.ketchup.data.cell.getType(l,f);const m=Object.assign({},l.data);let g=l.cssClass?l.cssClass:r.cssClass?r.cssClass:"";if(i.component.legacyLook){g+=" monospace c-pre"}const j={"f-cell":true,[u.OBJ]:d?true:false,[v+"-cell"]:true,[i.wrapperClass]:i.wrapperClass?true:false,[i.density]:i.density&&v!==n.BAR?true:false,[g]:g?true:false};let y=h;if(!l.data){te(v,l)}if(b&&e.includes(v)){y=Q(v,j,l,r,i)}else if(l.data&&t.includes(v)){if(i.setSizes){J(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";y=k("span",{class:e})}else{y=ee(v,j,m,l,o,r,i)}}else{if(i.setSizes){q(v,m,l,i)}y=Z(v,m,y,j,l,r,i)}let $=null;if(!b&&(r.icon||l.icon)&&y){const e={color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:r.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:r.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};$=k(w,Object.assign({},e))}let O=null;if(M.ketchup.debug.isDebug()&&d){O=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){O=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${s.INFO})`}if(!e.icon){e.icon="info"}const t={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=k(w,Object.assign({},t))}return k("div",{onKeyUp:e=>se(e,i,v,p.KEYUP),class:j,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},k("div",{class:"f-cell__content",style:l.styleContent,title:O},i.cellActionIcon&&k(w,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${v===n.NUMBER?"left":"right"}`,onClick:i.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[i.indents,x,$,y]))};const E=e=>{if(!e){return null}const t=e.options;const s=e.title;const i=e.value;const c=M.ketchup.data.cell.getType(e,e.shape);const a=new Map([[n.BUTTON_LIST,Y.bind(undefined)],[n.STRING,K.bind(undefined)],[n.RADIO,W.bind(undefined)],[n.AUTOCOMPLETE,A.bind(undefined)],[n.COMBOBOX,A.bind(undefined)],[n.CHECKBOX,R.bind(undefined)],[n.OBJECT,X.bind(undefined)],[n.CHIP,V.bind(undefined)]]);const l=a.get(c);return l?l(t,s,i,e):null};const V=(e,t,s)=>i(s);const X=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const R=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const Y=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const K=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const W=(e,t,s)=>c(s,e);const A=(e,t,s,n,i)=>{var c;if(!((c=n.data)===null||c===void 0?void 0:c.data)&&e){const n=a(s,t,[]);n.data["kup-list"].data=B(e,s);return n}};const B=(e,t)=>{const s=U.get(e.type);if(s){return s(e,t)}else{return e.map((e=>({value:e.label,id:e.id,selected:t===e.id})))}};const G=(e,t)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:t===e.content.codice,children:((s=e.children)===null||s===void 0?void 0:s.length)?G(e,t):[]}}));const P=(e,t)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:t===e.obj.k,children:((s=e.children)===null||s===void 0?void 0:s.length)?P(e,t):[]}}));const L=(e,t)=>e.rows.map((e=>{var s;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((s=n[c])===null||s===void 0?void 0:s.value)||n[i].value,selected:t===n[i].value}}));const U=new Map([["SmeupTreeNode",G.bind(undefined)],["SmeupDataTree",P.bind(undefined)],["SmeupTable",L.bind(undefined)],["SmeupDataTable",L.bind(undefined)]]);function q(e,t,s,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!t.sizeX){t.sizeX="18px"}if(!t.sizeY){t.sizeY="18px"}if(s.style){if(!s.style.height){s.style["minHeight"]=t.sizeY}}else{s.style={minHeight:t.sizeY}}break;case n.IMAGE:const e=((c=i.cell)===null||c===void 0?void 0:c.value)||"";const a=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(i.component.rootElement.tagName===l.DATA_TABLE&&!a){if(!t.sizeX&&!t.sizeY){t.sizeX="100%";t.sizeY="64px";t.wrapperClass="noWidth"}else{if(!t.sizeX){t.sizeX="100%";t.wrapperClass="noWidth"}if(!t.sizeY){t.sizeY="auto"}}}if(i.component.rootElement.tagName===l.BOX){if(!t.sizeY){t.sizeY="auto"}if(t.fit===undefined){t.fit=true}}else if(!t.sizeX){t.sizeX="auto"}if(!t.sizeY){t.sizeY="64px"}break}}function J(e,t,s){switch(e){case n.BAR:if(!t.sizeY){t.sizeY="26px"}break;case n.BUTTON:let e="";if(t.label){e="36px"}if(s.style){if(!s.style.height){s.style["minHeight"]=e}}else{s.style={minHeight:e}}break;case n.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case n.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case n.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function Q(e,t,s,i,c){var a,l;switch(e){case n.AUTOCOMPLETE:return k("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ce(c)?"kup-full-width":"","onkup-autocomplete-change":t=>se(t,c,e,p.UPDATE),"onkup-autocomplete-input":t=>se(t,c,e,p.INPUT),"onkup-autocomplete-iconclick":t=>se(t,c,e,p.ICON_CLICK)}));case n.CHECKBOX:if(ie(c)){t[u.C_CENTERED]=true}if(s.shape===r.INPUT_CHECKBOX){return k("input",{checked:s.value==="on"||s.value==="1"?true:false,class:"input-checkbox",onChange:t=>se(t,c,e,p.UPDATE),type:"checkbox"})}else{return k(m,Object.assign({},s.data,{onChange:t=>se(t,c,e,p.UPDATE)}))}case n.CHIP:return k("kup-chip",Object.assign({},s.data,{type:j.INPUT,enableInput:true,"onKup-chip-change":t=>se(t,c,e,p.UPDATE)}),k("kup-text-field",Object.assign({fullWidth:true,slot:"field"},s.slotData)));case n.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ce(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":t=>se(t,c,e,p.UPDATE)}));case n.COMBOBOX:return k("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ce(c)?"kup-full-width":"","onkup-combobox-change":t=>se(t,c,e,p.UPDATE),"onkup-combobox-input":t=>se(t,c,e,p.INPUT),"onkup-combobox-iconclick":t=>se(t,c,e,p.ICON_CLICK)}));case n.DATE:return k("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ce(c)?"kup-full-width":"","onkup-datepicker-change":t=>se(t,c,e,p.UPDATE),"onkup-datepicker-input":t=>se(t,c,e,p.INPUT)}));case n.MULTI_AUTOCOMPLETE:return k("kup-chip",Object.assign({displayId:true},s.data,{type:j.INPUT,enableInput:true,"onKup-chip-change":t=>se(t,c,e,p.UPDATE)}),k("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>se(t,c,e,p.INPUT),"onkup-autocomplete-iconclick":t=>se(t,c,e,p.ICON_CLICK),showDropDownIcon:false},s.slotData)));case n.MULTI_COMBOBOX:return k("kup-chip",Object.assign({displayId:true},s.data,{type:j.INPUT,enableInput:true,"onKup-chip-change":t=>se(t,c,e,p.UPDATE)}),k("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>se(t,c,e,p.INPUT),"onkup-combobox-iconclick":t=>se(t,c,e,p.ICON_CLICK)},s.slotData)));case n.RADIO:return k(H,Object.assign({},s.data,{disabled:false,onChange:(t,n)=>{const i=s.data.data;for(let e=0;e<i.length;e++){const s=i[e];if(e===t){s.checked=true}else{s.checked=false}}se(n,c,e,p.UPDATE)}}));case n.RATING:return k("kup-rating",Object.assign({key:i.name+c.row.id},s.data,{disabled:false,"onkup-rating-click":t=>se(t,c,e,p.UPDATE)}));case n.SWITCH:return k(C,Object.assign({},s.data,{disabled:false,onChange:t=>se(t,c,e,p.UPDATE)}));case n.TIME:return k("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ce(c)?"kup-full-width":"","onkup-timepicker-change":t=>se(t,c,e,p.UPDATE),"onkup-timepicker-input":t=>se(t,c,e,p.INPUT)}));case n.OBJECT:return k(g,Object.assign({icon:"table"},s.data,{disabled:false,onIconClick:t=>se(t,c,e,p.ICON_CLICK)}));case n.NUMBER:t[u.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const o=t=>se(t,c,e,p.UPDATE);const f=t=>se(t,c,e,p.INPUT);const d=e===n.NUMBER?"number":null;const b=e===n.NUMBER&&s.value?M.ketchup.math.numberifySafe(s.value).toString():s.value;if(s.shape===r.INPUT_FIELD){return k("input",{class:"input-field",onChange:o,onInput:f,type:d,value:b,maxLength:(l=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&l!==void 0?l:-1})}else{return k(g,Object.assign({inputType:d,fullWidth:ce(c)?true:false},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:i.icon?i.icon:null,value:b,onChange:o,onInput:f,onIconClick:t=>se(t,c,e,p.ICON_CLICK)}))}}}function Z(e,t,s,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(s&&s!=""){const e=d(a,c);return k("div",{class:"f-cell__text"},e)}return s;case n.CHECKBOX:if(ie(l)){i[u.C_CENTERED]=true}return k(w,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return k("div",{innerHTML:c.value});case n.ICON:if(ie(l)){i[u.C_CENTERED]=true}if(t.badgeData){i[u.C_PADDED]=true}return k(w,Object.assign({},t));case n.IMAGE:if(ie(l)){i[u.C_CENTERED]=true}if(t.badgeData){i[u.C_PADDED]=true}return k(w,Object.assign({},t));case n.LINK:return k("a",{href:s,target:"_blank"},c.value);case n.NUMBER:if(s&&s!=""){const e=M.ketchup.math.numberifySafe(c.value);const t=d(a,c);if(e<0){i[u.TEXT_DANGER]=true}if(ie(l)){i[u.C_RIGHT_ALIGNED]=true}return k("div",{class:"f-cell__text"},t)}return k("div",{class:"f-cell__text"},s);case n.SWITCH:if(ie(l)){i[u.C_CENTERED]=true}t["disabled"]=true;return k(C,Object.assign({},t));default:return k("div",{class:"f-cell__text"},s)}}function ee(e,t,s,i,c,a,l){switch(e){case n.BAR:if(!s.data){return k("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return k("div",{style:e},k(w,Object.assign({},s)))}case n.BUTTON:if(ie(l)){t[u.C_CENTERED]=true}return k($,Object.assign({},s,{onClick:t=>se(t,l,e,p.CLICK)}));case n.BUTTON_LIST:if(ie(l)){t[u.C_CENTERED]=true}s["data-storage"]={cell:i,row:c,column:a};return k("kup-button-list",Object.assign({key:a.name+l.row.id},s));case n.CHART:if(ie(l)){t[u.C_CENTERED]=true}return k("kup-chart",Object.assign({key:a.name+l.row.id},s));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return k(y,Object.assign({},s));case n.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:ce(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return k("kup-gauge",Object.assign({key:a.name+l.row.id,value:M.ketchup.math.numberifySafe(i.value),"width-component":"280px"},s));case n.KNOB:case n.PROGRESS_BAR:return s.customStyle?k("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):k(z,Object.assign({},s));case n.RADIO:if(ie(l)){t[u.C_CENTERED]=true}s["disabled"]=c.readOnly;return k(H,Object.assign({},s));case n.RATING:return k(D,Object.assign({},s,{disabled:true}));case n.OBJECT:return k(g,Object.assign({icon:"table"},s,{disabled:true}))}}function te(e,t){function s(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function i(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function a(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=o(e);if(t){s.push(...t)}else{return null}}return s}function o(e){const t={};const n=e.split("\\\\");const r=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!s(e)){return null}else{const s=e.split(";");if(s.length===3){const e=s[2].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}}else if(c(e));else if(a(e)){const s=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(s))){t.height=`${s}%`}}else{r.push(o(e,t))}}return r.length?r:null}function o(e,t){const s=Object.assign({},t);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const t=e.exec(n[0]);if(t){const[,e,n,i]=t;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){s.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}return s}}t.data={};const u=()=>{var e;const s=(e=t.value)===null||e===void 0?void 0:e.split(";");if((s===null||s===void 0?void 0:s[s.length-1].trim())===""){s.pop()}if(s&&s.length){t.data.data=[];for(let e of s){t.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:t.data.checked=t.value==="1"?true:false;break;case n.BAR:if(i(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=r(t.value)}break;case n.BUTTON:t.data.label=t.value;break;case n.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.value,shape:"pie"}});break;case n.BUTTON_LIST:case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.RADIO:u();break;case n.COLOR_PICKER:t.data.initialValue=t.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:t.data.value=parseInt(t.value);break;case n.ICON:case n.IMAGE:t.data.resource=t.value;break}}function se(e,t,s,i){const c=t.cell;const a=t.column;const l=t.component;const r=t.row;if(i===p.UPDATE){let t=ne(e,s);switch(s){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=t}break;case n.CHECKBOX:case n.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case n.RADIO:break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t.toString()}c.value=t.toString();c.displayedValue=null;c.displayedValue=d(a,c)}if(l&&l.rootElement){const t=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:r,type:s}});l.rootElement.dispatchEvent(t);if(i===p.UPDATE){try{l.refresh()}catch(e){M.ketchup.debug.logMessage(l,e,b.ERROR)}}}}function ne(e,t){const s=!!(e.target.tagName==="INPUT");let i=s?e.target.value:e.detail.value;if(t===n.CHECKBOX&&s){i=e.target.checked?"off":"on"}if(t===n.NUMBER&&s){i=M.ketchup.math.formattedStringToNumberString(i,"")}return i}function ie(e){var t;return f.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ce(e){var t;return o.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{S as F,_ as I,x as K,O as a,z as b,H as c,D as d,I as e,C as f};
|
|
2
|
+
//# sourceMappingURL=p-a38b1cf2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["KupListProps","KupListRole","ItemsDisplayMode","FSwitchSizing","FSwitch","props","sizing","MEDIUM","toLowerCase","SMALL","classObj","switch","checked","disabled","h","Object","assign","class","danger","info","secondary","success","warning","wrapperClass","dataSet","id","title","leadingLabel","type","role","value","onBlur","onChange","onFocus","onClick","label","FProgressBar","centeredLabel","componentClass","animated","padded","slim","striped","pieClass","radialStyle","undefined","isRadial","labelStyle","valueStyle","width","icon","createIconElement","hideLabel","style","indexOf","src","svg","getAssetPath","iconStyle","mask","webkitMask","FRadioType","FRadio","hasColumns","columns","radioList","radioType","RADIO","i","_a","data","length","radio","push","name","bind","Fragment","FImage","resource","sizeX","sizeY","htmlFor","styleObj","horizontal","FRating","maxValue","buildStars","stars","dom","document","documentElement","FCell","children","cell","column","row","shape","hasObj","ketchup","objects","isEmptyKupObj","obj","isEditable","hasOwnProperty","editable","options","mapData","valueToDisplay","previousValue","cellType","getType","subcomponentProps","cssClasses","cssClass","component","legacyLook","FCellClasses","OBJ","density","FCellTypes","BAR","content","setDefaults","editableTypes","includes","setEditableCell","kupTypes","setSizes","setCellSizeKup","renderKup","lazyClass","setKupCell","setCellSize","setCell","fProps","color","KupThemeColorValues","TEXT","placeholderResource","placeholderIcon","cellTitle","debug","isDebug","t","p","k","trim","infoEl","INFO","message","onKeyUp","e","cellEvent","FCellEvents","KEYUP","ref","el","element","styleContent","cellActionIcon","NUMBER","tabIndex","indents","fieldLabel","currentValue","dataAdapterMap","Map","BUTTON_LIST","MainBTNAdapter","this","STRING","MainITXAdapter","MainRADAdapter","AUTOCOMPLETE","MainCMBandACPAdapter","COMBOBOX","CHECKBOX","MainCHKAdapter","OBJECT","MainObjectAdapter","CHIP","MainCHIAdapter","adapter","get","_options","_fieldLabel","CHIAdapter","_cell","_id","initialValue","_currentValue","RADAdapter","configCMandACP","CMBandACPAdapter","optionsTreeComboAdapter","optionsAdapterMap","map","option","selected","treeOptionsNodeAdapter","child","codice","testo","dataTreeOptionsChildrenAdapter","tableOptionsAdapter","rows","cells","fields","keys","ICON","height","minHeight","IMAGE","cellValue","hasExternalResource","rootElement","tagName","KupTagNames","DATA_TABLE","BOX","fit","BUTTON","CHART","key","isFullWidth","UPDATE","INPUT","ICON_CLICK","isAutoCentered","C_CENTERED","FCellShapes","INPUT_CHECKBOX","FCheckbox","FChipType","enableInput","fullWidth","slot","slotData","COLOR_PICKER","DATE","MULTI_AUTOCOMPLETE","displayId","displayMode","DESCRIPTION_AND_CODE","selectMode","showDropDownIcon","MULTI_COMBOBOX","radioData","index","radioEl","RATING","SWITCH","TIME","FTextField","onIconClick","C_RIGHT_ALIGNED","LINK","onInput","math","numberifySafe","toString","INPUT_FIELD","maxLength","_b","cellData","inputType","DATETIME","getCellValueForDisplay","EDITOR","innerHTML","badgeData","C_PADDED","href","target","cellValueNumber","TEXT_DANGER","barStyle","FButton","CLICK","FChip","GAUGE","KNOB","PROGRESS_BAR","customStyle","readOnly","isShapeBarMarker","toUpperCase","startsWith","isShapeMarker","isBgColorMarker","isHeightMarker","isDecoratorMarker","getData","graphicElementDefinitionArr","split","graphicElem","elementData","getElementData","commonsData","markersArray","shapesArray","vString","attr","replace","isNaN","parseFloat","substring","getShapeData","shapeData","pattern","match","exec","r","g","b","parseInt","createDataset","parts","pop","part","isCanvas","offlineMode","cellEventName","comp","getValueFromEventTaget","detail","stringifiedValues","displayedValue","CustomEvent","bubbles","cancelable","composed","event","dispatchEvent","refresh","error","logMessage","KupDebugCategory","ERROR","isInputEvent","formattedStringToNumberString","autoCenterComps","fullWidthFieldsComps"],"sources":["src/components/kup-list/kup-list-declarations.ts","src/f-components/f-switch/f-switch-declarations.ts","src/f-components/f-switch/f-switch.tsx","src/f-components/f-progress-bar/f-progress-bar.tsx","src/f-components/f-radio/f-radio-declarations.ts","src/f-components/f-radio/f-radio.tsx","src/f-components/f-rating/f-rating.tsx","src/f-components/f-cell/f-cell.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\nimport { ValueDisplayedValue as vdv } from '../../utils/filters/filters-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-list component.\n * Used to export every prop in an object.\n */\nexport enum KupListProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the list.',\n displayMode = 'Selects how the items must display their label and how they can be filtered for.',\n filter = 'Keeps string for filtering elements when filter mode is active',\n hideText = \"Hides rows' text, ideally to display a list of icons only.\",\n isMenu = 'Defines whether the list is a menu or not.',\n keyboardNavigation = \"When true, enables items' navigation through arrow keys.\",\n menuVisible = \"Sets the status of the menu, when false it's hidden otherwise it's visible.\",\n roleType = 'Defines the type of selection. Values accepted: listbox, radiogroup or group.',\n selectable = 'Defines whether items are selectable or not.',\n showIcons = 'Displays the icons associated to each row when set to true.',\n twoLine = 'The list elements descriptions will be arranged in two lines.',\n}\n/**\n * Data structure of a single list item.\n */\nexport interface KupListNode extends KupDataNode {\n secondaryText?: string;\n selected?: boolean;\n separator?: boolean;\n}\n/**\n * Available types of selection.\n */\nexport enum KupListRole {\n LISTBOX = 'listbox',\n RADIOGROUP = 'radiogroup',\n GROUP = 'group',\n}\n\nexport interface ValueDisplayedValue extends vdv {\n exists: boolean;\n}\n\nexport enum ItemsDisplayMode {\n CODE = 'code',\n DESCRIPTION = 'description',\n DESCRIPTION_AND_CODE = 'both',\n}\nexport interface KupListEventPayload extends KupEventPayload {\n selected: KupListNode;\n index?: number;\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-switch component.\n */\nexport interface FSwitchProps extends FComponent {\n checked?: boolean;\n disabled?: boolean;\n label?: string;\n leadingLabel?: boolean;\n onBlur?: (event: FocusEvent) => void;\n onClick?: (event: MouseEvent) => void;\n onChange?: (event: Event) => void;\n onFocus?: (event: FocusEvent) => void;\n sizing?: FSwitchSizing;\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FSwitchSizing { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n SMALL = 'small',\n MEDIUM = 'medium',\n}\n","import { FSwitchSizing, type FSwitchProps } from './f-switch-declarations';\nimport { FunctionalComponent, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FSwitch: FunctionalComponent<FSwitchProps> = (\n props: FSwitchProps\n) => {\n if (!props.sizing) {\n props.sizing = FSwitchSizing.MEDIUM;\n }\n const isSmall: boolean = props.sizing.toLowerCase() === FSwitchSizing.SMALL;\n const classObj: Record<string, boolean> = {\n switch: true,\n 'switch--checked': props.checked,\n 'switch--disabled': props.disabled,\n [`switch--${props.sizing}`]: props.sizing ? true : false,\n };\n\n return (\n <div\n class={`f-switch ${props.danger ? 'kup-danger' : ''} ${\n props.info ? 'kup-info' : ''\n } ${props.secondary ? 'kup-secondary' : ''} ${\n props.success ? 'kup-success' : ''\n } ${props.warning ? 'kup-warning' : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n <div\n class={`form-field ${\n props.leadingLabel ? 'form-field--align-end' : ''\n }`}\n >\n <div class={classObj}>\n <div class=\"switch__track\"></div>\n <div class=\"switch__thumb-underlay\">\n <div class=\"switch__thumb\">\n <input\n type=\"checkbox\"\n class=\"switch__native-control\"\n role=\"switch\"\n checked={props.checked}\n disabled={props.disabled}\n value={props.checked ? 'on' : 'off'}\n onBlur={props.onBlur}\n onChange={props.onChange}\n onFocus={props.onFocus}\n ></input>\n </div>\n </div>\n </div>\n <label onClick={props.onChange}>{props.label}</label>\n </div>\n </div>\n );\n};\n","import type { FProgressBarProps } from './f-progress-bar-declarations';\nimport { FunctionalComponent, getAssetPath, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FProgressBar: FunctionalComponent<FProgressBarProps> = (\n props: FProgressBarProps\n) => {\n if (!props.centeredLabel && !props.centeredLabel !== false) {\n props.centeredLabel = true;\n }\n\n let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${\n props.animated ? 'kup-animated' : ''\n } ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${\n props.slim ? 'kup-slim' : ''\n } ${props.striped ? 'kup-striped' : ''} ${\n props.secondary ? 'kup-secondary' : ''\n } ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${\n props.warning ? 'kup-warning' : ''\n } ${props.wrapperClass ? props.wrapperClass : ''}`;\n let pieClass: string = 'pie';\n let radialStyle = undefined;\n if (props.isRadial) {\n componentClass += ' pie-wrapper is-radial';\n } else {\n componentClass += ' progress-bar';\n }\n\n let labelStyle = undefined;\n\n const valueStyle = {\n width: `${props.value}%`,\n };\n\n if (!props.centeredLabel) {\n labelStyle = valueStyle;\n if (props.value > 2) {\n componentClass += ' text-color-on-primary';\n }\n } else if (props.value > 49) {\n componentClass += ' text-color-on-primary';\n }\n\n let label = null;\n if (props.icon) {\n label = createIconElement(props);\n } else {\n if (!props.hideLabel) {\n if (props.isRadial) {\n if (props.label) {\n label = <span class=\"label\">{props.label}</span>;\n } else {\n label = (\n <span class=\"label\">\n {props.value}\n <span class=\"smaller\">%</span>\n </span>\n );\n }\n } else {\n if (props.label) {\n label = props.label;\n } else {\n label = props.value + '%';\n }\n }\n }\n }\n\n if (props.value > 0) {\n pieClass += ' has-value';\n if (props.value > 50) {\n pieClass += ' is-more-than-half';\n } else {\n pieClass += ' is-less-than-half';\n }\n }\n\n if (props.isRadial) {\n return (\n <div class={componentClass}>\n {label}\n <div class={pieClass}>\n <div\n style={radialStyle}\n class=\"left-side half-circle\"\n ></div>\n <div class=\"right-side half-circle\"></div>\n </div>\n <div class=\"shadow\"></div>\n </div>\n );\n } else {\n return (\n <div class={componentClass}>\n <div class=\"progress-bar-percentage\" style={valueStyle}>\n <span style={labelStyle}>{label}</span>\n </div>\n </div>\n );\n }\n};\n\nfunction createIconElement(props: FProgressBarProps) {\n if (!props.icon) {\n return undefined;\n }\n\n if (\n props.icon.indexOf('.') > -1 ||\n props.icon.indexOf('/') > -1 ||\n props.icon.indexOf('\\\\') > -1\n ) {\n return (\n <span class=\"label kup-icon is-image\">\n <img src={props.icon}></img>\n </span>\n );\n } else {\n let svg: string = `url('${getAssetPath(\n `./assets/svg/${props.icon}.svg`\n )}') no-repeat center`;\n let iconStyle = {\n mask: svg,\n webkitMask: svg,\n };\n return <span style={iconStyle} class=\"label kup-icon\"></span>;\n }\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-radio component.\n */\nexport interface FRadioProps extends FComponent {\n type?: FRadioType;\n columns?: number;\n data?: FRadioData[];\n disabled?: boolean;\n label?: string;\n leadingLabel?: boolean;\n onBlur?: (event: FocusEvent) => void;\n onChange?: (i: number, event: Event) => void;\n onFocus?: (event: FocusEvent) => void;\n horizontal?: boolean;\n}\n/**\n * The object of a single radio.\n */\nexport interface FRadioData {\n checked: boolean;\n label: string;\n value: string;\n}\n\nexport enum FRadioType {\n RADIO = 'radio',\n CHEVRON = 'chevron',\n}\n","import { FunctionalComponent, VNode, h, Fragment } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport {\n FRadioType,\n type FRadioData,\n type FRadioProps,\n} from './f-radio-declarations';\nimport { FImage } from '../f-image/f-image';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FRadio: FunctionalComponent<FRadioProps> = (\n props: FRadioProps\n) => {\n const hasColumns: boolean = !!props.columns;\n const radioList: Array<VNode> = [];\n\n // Default to 'radio' if props.type is not specified\n const radioType = props.type || FRadioType.RADIO;\n for (let i = 0; i < props.data?.length; i++) {\n const data: FRadioData = props.data[i];\n const classObj: GenericObject = {\n radio: true,\n 'radio--checked': data.checked ? true : false,\n 'radio--disabled': props.disabled ? true : false,\n [`radio--${props.type}`]: props.type ? true : false,\n };\n\n radioList.push(\n <div\n class={`form-field \n ${props.leadingLabel ? ' form-field--align-end' : ''} ${\n props.disabled ? 'radio--disabled' : ''\n }`}\n >\n <div class={classObj}>\n {radioType === FRadioType.RADIO ? (\n // Radio button type rendering\n <input\n class=\"radio__native-control\"\n type=\"radio\"\n name=\"radio-element\"\n value={data.value}\n checked={data.checked}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onChange={\n props.onChange\n ? props.onChange.bind(props.onChange, i)\n : null\n }\n onFocus={props.onFocus}\n ></input>\n ) : (\n // Chevron type rendering\n <>\n {data.checked ? (\n <FImage\n resource=\"check\"\n sizeX=\"14px\"\n sizeY=\"14px\"\n ></FImage>\n ) : (\n <FImage\n sizeX=\"14px\"\n sizeY=\"14px\"\n onClick={\n props.onChange\n ? props.onChange.bind(\n props.onChange,\n i\n )\n : null\n }\n ></FImage>\n )}\n </>\n )}\n {radioType === FRadioType.RADIO && (\n <div class=\"radio__background\">\n <div class=\"radio__outer-circle\"></div>\n <div class=\"radio__inner-circle\"></div>\n </div>\n )}\n </div>\n <label\n htmlFor={'radio-element'}\n onClick={\n props.onChange\n ? props.onChange.bind(props.onChange, i)\n : null\n }\n >\n {data.label ? data.label : ''}\n </label>\n </div>\n );\n }\n\n const styleObj: GenericObject = {\n '--kup_radio_columns': hasColumns\n ? `repeat(${props.columns}, 1fr)`\n : '',\n };\n\n return (\n <div\n class={`f-radio radio-wrapper\n ${hasColumns ? 'radio-wrapper-grid' : ''} ${\n props.danger ? 'kup-danger' : ''\n } ${props.info ? 'kup-info' : ''} ${\n props.secondary ? 'kup-secondary' : ''\n } ${props.success ? 'kup-success' : ''} ${\n props.warning ? 'kup-warning' : ''\n } ${props.wrapperClass ? props.wrapperClass : ''} ${\n props.horizontal ? 'kup-horizontal' : ''\n }`}\n style={styleObj}\n >\n {radioList}\n </div>\n );\n};\n","import { FunctionalComponent, VNode, h } from '@stencil/core';\nimport type { FRatingProps } from './f-rating-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FRating: FunctionalComponent<FRatingProps> = (\n props: FRatingProps\n) => {\n if (!props.maxValue) {\n props.maxValue = 5;\n }\n return (\n <div\n class={`f-rating ${props.disabled ? 'disabled' : ''} ${\n props.danger ? 'kup-danger' : ''\n } ${props.info ? 'kup-info' : ''} ${\n props.secondary ? 'kup-secondary' : ''\n } ${props.success ? 'kup-success' : ''} ${\n props.warning ? 'kup-warning' : ''\n } ${props.wrapperClass ? props.wrapperClass : ''}`}\n >\n {buildStars(props)}\n </div>\n );\n};\n\nfunction buildStars(props: FRatingProps) {\n const stars: VNode[] = [];\n\n for (let i = 1; i <= props.maxValue; i++) {\n if (i <= props.value) {\n stars.push(\n <span\n class=\"rating\"\n onClick={\n props.onClick\n ? props.onClick.bind(props.onClick, i)\n : null\n }\n >\n ★\n </span>\n );\n } else {\n stars.push(\n <span\n class=\"rating\"\n onClick={\n props.onClick\n ? props.onClick.bind(props.onClick, i)\n : null\n }\n >\n ☆\n </span>\n );\n }\n }\n\n return stars;\n}\n","import type { FCheckboxProps } from '../f-checkbox/f-checkbox-declarations';\nimport type { FImageData, FImageProps } from '../f-image/f-image-declarations';\nimport type { FButtonProps } from '../f-button/f-button-declarations';\nimport type { KupChart } from '../../components/kup-chart/kup-chart';\nimport type { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport type { KupAutocompleteEventPayload } from '../../components/kup-autocomplete/kup-autocomplete-declarations';\nimport type { KupComboboxEventPayload } from '../../components/kup-combobox/kup-combobox-declarations';\nimport type { KupDatePickerEventPayload } from '../../components/kup-date-picker/kup-date-picker-declarations';\nimport type { KupTimePickerEventPayload } from '../../components/kup-time-picker/kup-time-picker-declarations';\nimport type { KupRatingClickEventPayload } from '../../components/kup-rating/kup-rating-declarations';\nimport type { KupColorPickerEventPayload } from '../../components/kup-color-picker/kup-color-picker-declarations';\nimport {\n GenericObject,\n KupComponent,\n KupTagNames,\n} from '../../types/GenericTypes';\nimport {\n autoCenterComps,\n editableTypes,\n FCellClasses,\n FCellEventPayload,\n FCellEvents,\n FCellInfo,\n FCellProps,\n FCellShapes,\n FCellTypes,\n fullWidthFieldsComps,\n kupTypes,\n} from './f-cell-declarations';\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport {\n CHIAdapter,\n CHKAdapter,\n CMBandACPAdapter,\n getCellValueForDisplay,\n RADAdapter,\n} from '../../utils/cell-utils';\nimport { FCheckbox } from '../f-checkbox/f-checkbox';\nimport { FTextField } from '../f-text-field/f-text-field';\nimport { FImage } from '../f-image/f-image';\nimport { FChip } from '../f-chip/f-chip';\nimport { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport {\n CellOptions,\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataNode,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FSwitch } from '../f-switch/f-switch';\nimport { KupChipChangeEventPayload } from '../../components/kup-chip/kup-chip-declarations';\nimport { FChipsProps, FChipType } from '../f-chip/f-chip-declarations';\nimport { ItemsDisplayMode } from '../../components/kup-list/kup-list-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FProgressBar } from '../f-progress-bar/f-progress-bar';\nimport { FRadio } from '../f-radio/f-radio';\nimport { FRating } from '../f-rating/f-rating';\nimport type { KupDataTable } from '../../components/kup-data-table/kup-data-table';\nimport { FRadioProps } from '../f-radio/f-radio-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport {\n DataAdapterFn,\n KupInputPanelCell,\n} from '../../components/kup-input-panel/kup-input-panel-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FCell: FunctionalComponent<FCellProps> = (\n props: FCellProps,\n children?: VNode[]\n) => {\n const cell = props.cell;\n const column = props.column;\n const row = props.row;\n const shape = props.shape\n ? props.shape\n : cell.shape\n ? cell.shape\n : column.shape\n ? column.shape\n : null;\n const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);\n let isEditable = false;\n if (cell.hasOwnProperty('isEditable')) {\n isEditable = cell.isEditable;\n } else if (column.hasOwnProperty('isEditable')) {\n isEditable = column.isEditable;\n }\n isEditable = isEditable && props.editable;\n\n if (cell.options) {\n cell.data = mapData(cell) ?? cell.data;\n }\n\n const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';\n const cellType = dom.ketchup.data.cell.getType(cell, shape);\n const subcomponentProps: unknown = { ...cell.data };\n let cssClasses = cell.cssClass\n ? cell.cssClass\n : column.cssClass\n ? column.cssClass\n : '';\n if ((props.component as KupDataTable).legacyLook) {\n cssClasses += ' monospace c-pre';\n }\n const classObj: Record<string, boolean> = {\n 'f-cell': true,\n [FCellClasses.OBJ]: hasObj ? true : false,\n [cellType + '-cell']: true,\n [props.wrapperClass]: props.wrapperClass ? true : false,\n [props.density]:\n props.density && cellType !== FCellTypes.BAR ? true : false,\n [cssClasses]: cssClasses ? true : false,\n };\n let content: unknown = valueToDisplay;\n if (!cell.data) {\n setDefaults(cellType, cell);\n }\n if (isEditable && editableTypes.includes(cellType)) {\n content = setEditableCell(cellType, classObj, cell, column, props);\n } else if (cell.data && kupTypes.includes(cellType)) {\n if (props.setSizes) {\n setCellSizeKup(cellType, subcomponentProps, cell);\n }\n if (!props.renderKup) {\n const lazyClass = 'cell-' + cellType + ' placeholder';\n content = <span class={lazyClass}></span>;\n } else {\n content = setKupCell(\n cellType,\n classObj,\n subcomponentProps,\n cell,\n row,\n column,\n props\n );\n }\n } else {\n if (props.setSizes) {\n setCellSize(cellType, subcomponentProps, cell, props);\n }\n content = setCell(\n cellType,\n subcomponentProps,\n content,\n classObj,\n cell,\n column,\n props\n );\n }\n\n let icon: VNode = null;\n if (!isEditable && (column.icon || cell.icon) && content) {\n const fProps: FImageProps = {\n color: `rgba(var(${KupThemeColorValues.TEXT}-rgb), 0.375)`,\n resource: cell.icon ? cell.icon : column.icon,\n placeholderResource: cell.placeholderIcon\n ? cell.placeholderIcon\n : column.placeholderIcon,\n sizeX: '1.25em',\n sizeY: '1.25em',\n wrapperClass: 'obj-icon',\n };\n icon = <FImage {...fProps} />;\n }\n\n let cellTitle: string = null;\n if (dom.ketchup.debug.isDebug() && hasObj) {\n cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';\n } else if (cell.title != null && cell.title.trim() != '') {\n cellTitle = cell.title;\n }\n\n let infoEl: HTMLElement = null;\n if (cell.info) {\n const info: FCellInfo = { ...cell.info };\n if (!info.color) {\n info.color = `var(${KupThemeColorValues.INFO})`;\n }\n if (!info.icon) {\n info.icon = 'info';\n }\n const fProps: FImageProps = {\n color: info.color,\n resource: info.icon,\n placeholderResource: info.placeholderIcon,\n sizeX: '1.25em',\n sizeY: '1.25em',\n title: info.message ? info.message : '',\n wrapperClass: 'cell-info',\n };\n infoEl = <FImage {...fProps} />;\n }\n\n return (\n <div\n onKeyUp={(e) => cellEvent(e, props, cellType, FCellEvents.KEYUP)}\n class={classObj}\n kup-get-cell-props={() => {\n return props;\n }}\n ref={(el) => (cell.element = el)}\n style={cell.style}\n >\n <div\n class=\"f-cell__content\"\n style={cell.styleContent}\n title={cellTitle}\n >\n {props.cellActionIcon && (\n <FImage\n resource=\"more_vert\"\n sizeX=\"16px\"\n sizeY=\"16px\"\n wrapperClass={`f-cell__iconfunction ${\n cellType === FCellTypes.NUMBER ? 'left' : 'right'\n }`}\n onClick={props.cellActionIcon.onClick}\n tabIndex={0}\n />\n )}\n {children && children.length > 0\n ? children\n : [props.indents, infoEl, icon, content]}\n </div>\n </div>\n );\n};\n\nconst mapData = (cell: KupDataCellOptions) => {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n const fieldLabel = cell.title;\n const currentValue = cell.value;\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n [FCellTypes.STRING, MainITXAdapter.bind(this)],\n [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n [FCellTypes.CHECKBOX, MainCHKAdapter.bind(this)],\n [FCellTypes.OBJECT, MainObjectAdapter.bind(this)],\n [FCellTypes.CHIP, MainCHIAdapter.bind(this)],\n ]);\n\n const adapter = dataAdapterMap.get(cellType);\n return adapter ? adapter(options, fieldLabel, currentValue, cell) : null;\n};\n\nconst MainCHIAdapter = (\n _options: CellOptions[],\n _fieldLabel: string,\n currentValue: string\n) => {\n return CHIAdapter(currentValue);\n};\n\nconst MainObjectAdapter = (\n _options: CellOptions[],\n fieldLabel: string,\n currentValue: string,\n _cell: KupInputPanelCell,\n _id: string\n) => ({\n data: {\n initialValue: currentValue || '',\n label: fieldLabel || '',\n value: currentValue || '',\n },\n});\n\nconst MainCHKAdapter = (\n _options: CellOptions[],\n fieldLabel: string,\n currentValue: string,\n cell: KupDataCellOptions\n) => ({\n ...cell.data,\n checked: currentValue === 'on' || currentValue === '1',\n label: fieldLabel,\n});\n\nconst MainBTNAdapter = (\n _options: CellOptions[],\n _fieldLabel: string,\n currentValue: string,\n cell: KupDataCellOptions\n) => ({\n data: [\n {\n ...cell.data,\n icon: cell.icon,\n value: currentValue,\n },\n ],\n});\n\nconst MainITXAdapter = (\n _options: CellOptions[],\n fieldLabel: string,\n _currentValue: string,\n cell: KupDataCellOptions\n) => ({\n ...cell.data,\n label: fieldLabel,\n});\n\nconst MainRADAdapter = (\n options: CellOptions[],\n _fieldLabel: string,\n currentValue: string\n) => {\n return RADAdapter(currentValue, options);\n};\n\nconst MainCMBandACPAdapter = (\n options: CellOptions[],\n fieldLabel: string,\n currentValue: string,\n cell: KupDataCellOptions,\n _id: string\n) => {\n if (!cell.data?.data && options) {\n const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n options,\n currentValue\n );\n return configCMandACP;\n }\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n const adapter = optionsAdapterMap.get(options.type);\n\n if (adapter) {\n return adapter(options, currentValue);\n } else {\n return options.map((option) => ({\n value: option.label,\n id: option.id,\n selected: currentValue === option.id,\n }));\n }\n};\n\nconst treeOptionsNodeAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.content.codice,\n value: child.content.testo,\n selected: currentValue === child.content.codice,\n children: child.children?.length\n ? treeOptionsNodeAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.obj.k,\n value: child.value,\n selected: currentValue === child.obj.k,\n children: child.children?.length\n ? dataTreeOptionsChildrenAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst tableOptionsAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.rows.map((row) => {\n const cells = row.fields || row.cells;\n const [id, value] = Object.keys(cells);\n\n return {\n id: cells[id].value,\n value: cells[value]?.value || cells[id].value,\n selected: currentValue === cells[id].value,\n };\n });\n};\n\nconst optionsAdapterMap = new Map<\n string,\n (options: any, currentValue: string) => GenericObject[]\n>([\n ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n ['SmeupTable', tableOptionsAdapter.bind(this)],\n ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nfunction setCellSize(\n cellType: string,\n subcomponentProps: unknown,\n cell: KupDataCell,\n props: FCellProps\n) {\n switch (cellType) {\n case FCellTypes.CHECKBOX:\n case FCellTypes.ICON:\n if (!(subcomponentProps as FImageProps).sizeX) {\n (subcomponentProps as FImageProps).sizeX = '18px';\n }\n if (!(subcomponentProps as FImageProps).sizeY) {\n (subcomponentProps as FImageProps).sizeY = '18px';\n }\n if (cell.style) {\n if (!cell.style.height) {\n cell.style['minHeight'] = (\n subcomponentProps as FImageProps\n ).sizeY;\n }\n } else {\n cell.style = {\n minHeight: (subcomponentProps as FImageProps).sizeY,\n };\n }\n break;\n case FCellTypes.IMAGE:\n const cellValue = props.cell?.value || '';\n const hasExternalResource =\n cellValue.indexOf('.') > -1 ||\n cellValue.indexOf('/') > -1 ||\n cellValue.indexOf('\\\\') > -1;\n if (\n (props.component as KupComponent).rootElement.tagName ===\n KupTagNames.DATA_TABLE &&\n !hasExternalResource\n ) {\n if (\n !(subcomponentProps as FImageProps).sizeX &&\n !(subcomponentProps as FImageProps).sizeY\n ) {\n (subcomponentProps as FImageProps).sizeX = '100%';\n (subcomponentProps as FImageProps).sizeY = '64px';\n (subcomponentProps as FImageProps).wrapperClass = 'noWidth';\n } else {\n if (!(subcomponentProps as FImageProps).sizeX) {\n (subcomponentProps as FImageProps).sizeX = '100%';\n (subcomponentProps as FImageProps).wrapperClass =\n 'noWidth';\n }\n if (!(subcomponentProps as FImageProps).sizeY) {\n (subcomponentProps as FImageProps).sizeY = 'auto';\n }\n }\n }\n if (\n (props.component as KupComponent).rootElement.tagName ===\n KupTagNames.BOX\n ) {\n if (!(subcomponentProps as FImageProps).sizeY) {\n (subcomponentProps as FImageProps).sizeY = 'auto';\n }\n if ((subcomponentProps as FImageProps).fit === undefined) {\n (subcomponentProps as FImageProps).fit = true;\n }\n } else if (!(subcomponentProps as FImageProps).sizeX) {\n (subcomponentProps as FImageProps).sizeX = 'auto';\n }\n if (!(subcomponentProps as FImageProps).sizeY) {\n (subcomponentProps as FImageProps).sizeY = '64px';\n }\n\n break;\n }\n}\n\nfunction setCellSizeKup(\n cellType: string,\n subcomponentProps: unknown,\n cell: KupDataCell\n) {\n switch (cellType) {\n case FCellTypes.BAR:\n if (!(subcomponentProps as FImageProps).sizeY) {\n (subcomponentProps as FImageProps).sizeY = '26px';\n }\n break;\n case FCellTypes.BUTTON:\n let height: string = '';\n if ((subcomponentProps as FButtonProps).label) {\n height = '36px';\n }\n if (cell.style) {\n if (!cell.style.height) {\n cell.style['minHeight'] = height;\n }\n } else {\n cell.style = { minHeight: height };\n }\n break;\n case FCellTypes.CHART:\n if (!(subcomponentProps as KupChart).sizeX) {\n (subcomponentProps as KupChart).sizeX = '100%';\n }\n if (!(subcomponentProps as KupChart).sizeY) {\n (subcomponentProps as KupChart).sizeY = '100%';\n }\n break;\n case FCellTypes.CHIP:\n if (cell.style) {\n if (!cell.style.height) {\n cell.style['minHeight'] = '40px';\n }\n } else {\n cell.style = { minHeight: '40px' };\n }\n break;\n case FCellTypes.RADIO:\n if (cell.style) {\n if (!cell.style.height) {\n cell.style['minHeight'] = '40px';\n }\n } else {\n cell.style = { minHeight: '40px' };\n }\n break;\n }\n}\n\nfunction setEditableCell(\n cellType: string,\n classObj: Record<string, boolean>,\n cell: KupDataCell,\n column: KupDataColumn,\n props: FCellProps\n): unknown {\n switch (cellType) {\n case FCellTypes.AUTOCOMPLETE:\n return (\n <kup-autocomplete\n key={column.name + props.row.id}\n initialValue={cell.value}\n {...cell.data}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n onkup-autocomplete-change={(\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n onkup-autocomplete-input={(\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n onkup-autocomplete-iconclick={(\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n />\n );\n case FCellTypes.CHECKBOX:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n\n if (cell.shape === FCellShapes.INPUT_CHECKBOX) {\n return (\n <input\n checked={\n cell.value === 'on' || cell.value === '1'\n ? true\n : false\n }\n class=\"input-checkbox\"\n onChange={(e: InputEvent) =>\n cellEvent(e, props, cellType, FCellEvents.UPDATE)\n }\n type=\"checkbox\"\n ></input>\n );\n } else {\n return (\n <FCheckbox\n {...cell.data}\n onChange={(e: InputEvent) =>\n cellEvent(e, props, cellType, FCellEvents.UPDATE)\n }\n />\n );\n }\n case FCellTypes.CHIP:\n return (\n <kup-chip\n {...cell.data}\n type={FChipType.INPUT}\n enableInput={true}\n onKup-chip-change={(\n e: CustomEvent<KupChipChangeEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n >\n <kup-text-field\n fullWidth={true}\n slot=\"field\"\n {...cell.slotData}\n ></kup-text-field>\n </kup-chip>\n );\n case FCellTypes.COLOR_PICKER:\n return (\n <kup-color-picker\n key={column.name + props.row.id}\n initialValue={cell.value}\n {...cell.data}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n disabled={false}\n onkup-colorpicker-change={(\n e: CustomEvent<KupColorPickerEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n ></kup-color-picker>\n );\n case FCellTypes.COMBOBOX:\n return (\n <kup-combobox\n key={column.name + props.row.id}\n initialValue={cell.value}\n {...cell.data}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n onkup-combobox-change={(\n e: CustomEvent<KupComboboxEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n onkup-combobox-input={(\n e: CustomEvent<KupComboboxEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n onkup-combobox-iconclick={(\n e: CustomEvent<KupComboboxEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n />\n );\n case FCellTypes.DATE:\n return (\n <kup-date-picker\n key={column.name + props.row.id}\n initialValue={cell.value}\n {...cell.data}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n onkup-datepicker-change={(\n e: CustomEvent<KupDatePickerEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n onkup-datepicker-input={(\n e: CustomEvent<KupDatePickerEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n />\n );\n case FCellTypes.MULTI_AUTOCOMPLETE:\n return (\n <kup-chip\n displayId={true}\n {...cell.data}\n type={FChipType.INPUT}\n enableInput={true}\n onKup-chip-change={(\n e: CustomEvent<KupChipChangeEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n >\n <kup-autocomplete\n class=\"kup-full-width\"\n slot=\"field\"\n displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n onkup-autocomplete-input={(\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n onkup-autocomplete-iconclick={(\n e: CustomEvent<KupComboboxEventPayload>\n ) =>\n cellEvent(\n e,\n props,\n cellType,\n FCellEvents.ICON_CLICK\n )\n }\n showDropDownIcon={false}\n {...cell.slotData}\n ></kup-autocomplete>\n </kup-chip>\n );\n case FCellTypes.MULTI_COMBOBOX:\n return (\n <kup-chip\n displayId={true}\n {...cell.data}\n type={FChipType.INPUT}\n enableInput={true}\n onKup-chip-change={(\n e: CustomEvent<KupChipChangeEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n >\n <kup-combobox\n class=\"kup-full-width\"\n slot=\"field\"\n displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n onkup-combobox-input={(\n e: CustomEvent<KupComboboxEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n onkup-combobox-iconclick={(\n e: CustomEvent<KupComboboxEventPayload>\n ) =>\n cellEvent(\n e,\n props,\n cellType,\n FCellEvents.ICON_CLICK\n )\n }\n {...cell.slotData}\n ></kup-combobox>\n </kup-chip>\n );\n case FCellTypes.RADIO:\n return (\n <FRadio\n {...cell.data}\n disabled={false}\n onChange={(i: number, e: InputEvent) => {\n const radioData = (cell.data as FRadioProps).data;\n for (let index = 0; index < radioData.length; index++) {\n const radioEl = radioData[index];\n if (index === i) {\n radioEl.checked = true;\n } else {\n radioEl.checked = false;\n }\n }\n cellEvent(e, props, cellType, FCellEvents.UPDATE);\n }}\n ></FRadio>\n );\n case FCellTypes.RATING:\n return (\n <kup-rating\n key={column.name + props.row.id}\n {...cell.data}\n disabled={false}\n onkup-rating-click={(\n e: CustomEvent<KupRatingClickEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n ></kup-rating>\n );\n case FCellTypes.SWITCH:\n return (\n <FSwitch\n {...cell.data}\n disabled={false}\n onChange={(e: InputEvent) =>\n cellEvent(e, props, cellType, FCellEvents.UPDATE)\n }\n ></FSwitch>\n );\n case FCellTypes.TIME:\n return (\n <kup-time-picker\n key={column.name + props.row.id}\n initialValue={cell.value}\n {...cell.data}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n onkup-timepicker-change={(\n e: CustomEvent<KupTimePickerEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n onkup-timepicker-input={(\n e: CustomEvent<KupTimePickerEventPayload>\n ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n />\n );\n case FCellTypes.OBJECT:\n return (\n <FTextField\n icon={'table'}\n {...cell.data}\n disabled={false}\n onIconClick={(e) =>\n cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)\n }\n ></FTextField>\n );\n case FCellTypes.NUMBER:\n classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n case FCellTypes.LINK:\n case FCellTypes.STRING:\n const onChange = (e: InputEvent) =>\n cellEvent(e, props, cellType, FCellEvents.UPDATE);\n const onInput = (e: InputEvent) =>\n cellEvent(e, props, cellType, FCellEvents.INPUT);\n const type = cellType === FCellTypes.NUMBER ? 'number' : null;\n const value =\n cellType === FCellTypes.NUMBER && cell.value\n ? dom.ketchup.math.numberifySafe(cell.value).toString()\n : cell.value;\n if (cell.shape === FCellShapes.INPUT_FIELD) {\n return (\n <input\n class={'input-field'}\n onChange={onChange}\n onInput={onInput}\n type={type}\n value={value}\n maxLength={column.cellData?.maxLength ?? -1}\n ></input>\n );\n } else {\n return (\n <FTextField\n inputType={type}\n fullWidth={isFullWidth(props) ? true : false}\n {...cell.data}\n icon={\n cell.data && cell.data.icon\n ? cell.data.icon\n : cell.icon\n ? cell.icon\n : column.icon\n ? column.icon\n : null\n }\n value={value}\n onChange={onChange}\n onInput={onInput}\n onIconClick={(e: MouseEvent) =>\n cellEvent(\n e,\n props,\n cellType,\n FCellEvents.ICON_CLICK\n )\n }\n />\n );\n }\n }\n}\n\nfunction setCell(\n cellType: string,\n subcomponentProps: GenericObject,\n content: unknown,\n classObj: Record<string, boolean>,\n cell: KupDataCell,\n column: KupDataColumn,\n props: FCellProps\n): unknown {\n switch (cellType) {\n case FCellTypes.AUTOCOMPLETE:\n case FCellTypes.COMBOBOX:\n case FCellTypes.DATE:\n case FCellTypes.DATETIME:\n case FCellTypes.TIME:\n if (content && content != '') {\n const cellValue = getCellValueForDisplay(column, cell);\n return <div class=\"f-cell__text\">{cellValue}</div>;\n }\n return content;\n case FCellTypes.CHECKBOX:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n return (\n <FImage\n resource={\n (subcomponentProps as FCheckboxProps).checked\n ? 'check_box'\n : 'check_box_outline_blank'\n }\n sizeX=\"18px\"\n sizeY=\"18px\"\n />\n );\n case FCellTypes.EDITOR:\n return <div innerHTML={cell.value}></div>;\n case FCellTypes.ICON:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n if ((subcomponentProps as FImageProps).badgeData) {\n classObj[FCellClasses.C_PADDED] = true;\n }\n return <FImage {...subcomponentProps} />;\n case FCellTypes.IMAGE:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n if ((subcomponentProps as FImageProps).badgeData) {\n classObj[FCellClasses.C_PADDED] = true;\n }\n\n return <FImage {...subcomponentProps} />;\n\n case FCellTypes.LINK:\n return (\n <a href={content as string} target=\"_blank\">\n {cell.value}\n </a>\n );\n case FCellTypes.NUMBER:\n if (content && content != '') {\n const cellValueNumber = dom.ketchup.math.numberifySafe(\n cell.value\n );\n const cellValue = getCellValueForDisplay(column, cell);\n if (cellValueNumber < 0) {\n classObj[FCellClasses.TEXT_DANGER] = true;\n }\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n }\n return <div class=\"f-cell__text\">{cellValue}</div>;\n }\n return <div class=\"f-cell__text\">{content}</div>;\n case FCellTypes.SWITCH:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n subcomponentProps['disabled'] = true;\n return <FSwitch {...subcomponentProps}></FSwitch>;\n default:\n return <div class=\"f-cell__text\">{content}</div>;\n }\n}\n\nfunction setKupCell(\n cellType: string,\n classObj: Record<string, boolean>,\n subcomponentProps: GenericObject,\n cell: KupDataCell,\n row: KupDataRow,\n column: KupDataColumn,\n props: FCellProps\n): unknown {\n switch (cellType) {\n case FCellTypes.BAR:\n if (!(subcomponentProps as FImageProps).data) {\n return (\n <kup-image\n key={column.name + props.row.id}\n sizeX=\"250px\"\n {...subcomponentProps}\n />\n );\n } else {\n const barStyle = {\n height: (subcomponentProps as FImageProps).sizeY,\n width: '100%',\n };\n return (\n <div style={barStyle}>\n <FImage {...subcomponentProps} />\n </div>\n );\n }\n case FCellTypes.BUTTON:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n return (\n <FButton\n {...subcomponentProps}\n onClick={(e) =>\n cellEvent(e, props, cellType, FCellEvents.CLICK)\n }\n ></FButton>\n );\n case FCellTypes.BUTTON_LIST:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n subcomponentProps['data-storage'] = {\n cell: cell,\n row: row,\n column: column,\n };\n return (\n <kup-button-list\n key={column.name + props.row.id}\n {...subcomponentProps}\n ></kup-button-list>\n );\n case FCellTypes.CHART:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n return (\n <kup-chart\n key={column.name + props.row.id}\n {...subcomponentProps}\n />\n );\n case FCellTypes.MULTI_AUTOCOMPLETE:\n case FCellTypes.MULTI_COMBOBOX:\n case FCellTypes.CHIP:\n return <FChip {...subcomponentProps} />;\n case FCellTypes.COLOR_PICKER:\n return (\n <kup-color-picker\n key={column.name + props.row.id}\n {...subcomponentProps}\n class={isFullWidth(props) ? 'kup-full-width' : ''}\n disabled\n ></kup-color-picker>\n );\n case FCellTypes.GAUGE:\n return (\n <kup-gauge\n key={column.name + props.row.id}\n value={dom.ketchup.math.numberifySafe(cell.value)}\n width-component=\"280px\"\n {...subcomponentProps}\n ></kup-gauge>\n );\n case FCellTypes.KNOB:\n case FCellTypes.PROGRESS_BAR:\n return subcomponentProps.customStyle ? (\n <kup-progress-bar\n key={column.name + props.row.id}\n {...subcomponentProps}\n ></kup-progress-bar>\n ) : (\n <FProgressBar {...subcomponentProps}></FProgressBar>\n );\n case FCellTypes.RADIO:\n if (isAutoCentered(props)) {\n classObj[FCellClasses.C_CENTERED] = true;\n }\n subcomponentProps['disabled'] = row.readOnly;\n return <FRadio {...subcomponentProps}></FRadio>;\n case FCellTypes.RATING:\n return <FRating {...subcomponentProps} disabled={true}></FRating>;\n case FCellTypes.OBJECT:\n return (\n <FTextField\n icon={'table'}\n {...subcomponentProps}\n disabled={true}\n ></FTextField>\n );\n }\n}\n\nfunction setDefaults(cellType: string, cell: KupDataCell): void {\n function isShapeBarMarker(value: string): boolean {\n return value.toUpperCase().startsWith('SHAPE;BAR');\n }\n\n function isShapeMarker(value: string): boolean {\n return value.toUpperCase().startsWith('SHAPE;');\n }\n\n function isBgColorMarker(value: string): boolean {\n return value.toUpperCase().startsWith('BCOLOR;');\n }\n\n function isHeightMarker(value: string): boolean {\n return value.toUpperCase().startsWith('HEIGHT;');\n }\n\n function isDecoratorMarker(value: string): boolean {\n return (\n value.toUpperCase().startsWith('SEP;') ||\n value.toUpperCase().startsWith('DIV;') ||\n value.toUpperCase().startsWith('ARW;') ||\n value.toUpperCase().startsWith('GRID;')\n );\n }\n function getData(value: string): FImageData[] | null {\n if (!value) {\n return null;\n }\n const graphicElementDefinitionArr = value.split('\\\\\\\\AND\\\\');\n const data: FImageData[] = [];\n for (const graphicElem of graphicElementDefinitionArr) {\n const elementData = getElementData(graphicElem);\n if (elementData) {\n data.push(...elementData);\n } else {\n return null;\n }\n }\n return data;\n }\n\n function getElementData(value: string): FImageData[] | null {\n const commonsData: FImageData = {};\n\n const markersArray = value.split('\\\\\\\\');\n const shapesArray: FImageData[] = [];\n\n for (const vString of markersArray) {\n if (vString) {\n if (isDecoratorMarker(vString)) {\n return null;\n }\n\n if (isShapeMarker(vString)) {\n if (!isShapeBarMarker(vString)) {\n return null;\n } else {\n const attr = vString.split(';');\n if (attr.length === 3) {\n const width = attr[2].replace(',', '.');\n if (!isNaN(parseFloat(width))) {\n commonsData.width = `${width}%`;\n }\n }\n }\n } else if (isBgColorMarker(vString)) {\n // Background color handling can be added here if needed\n } else if (isHeightMarker(vString)) {\n const height = vString\n .substring('HEIGHT;'.length)\n .replace(',', '.');\n if (!isNaN(parseFloat(height))) {\n commonsData.height = `${height}%`;\n }\n } else {\n shapesArray.push(getShapeData(vString, commonsData));\n }\n }\n return shapesArray.length ? shapesArray : null;\n }\n\n function getShapeData(\n value: string,\n commonsData: FImageData\n ): FImageData {\n const shapeData: FImageData = { ...commonsData };\n const attr = value.split(';');\n if (attr.length >= 1) {\n const pattern = /R(\\d+)G(\\d+)B(\\d+)/;\n const match = pattern.exec(attr[0]);\n if (match) {\n const [, r, g, b] = match;\n if (\n !isNaN(parseInt(r, 10)) &&\n !isNaN(parseInt(g, 10)) &&\n !isNaN(parseInt(b, 10))\n ) {\n shapeData.color = `rgb(${parseInt(r)},${parseInt(\n g\n )},${parseInt(b)})`;\n }\n }\n if (attr.length >= 2) {\n const width = attr[1].replace(',', '.');\n if (!isNaN(parseFloat(width))) {\n shapeData.width = `${width}%`;\n }\n }\n }\n return shapeData;\n }\n }\n\n cell.data = {};\n\n const createDataset = () => {\n const parts = cell.value?.split(';');\n if (parts?.[parts.length - 1].trim() === '') {\n parts.pop();\n }\n if (parts && parts.length) {\n cell.data.data = [];\n for (let part of parts) {\n (cell.data.data as KupDataNode[]).push({\n id: part,\n value: part,\n });\n }\n }\n };\n\n switch (cellType) {\n case FCellTypes.CHECKBOX:\n case FCellTypes.SWITCH:\n cell.data.checked = cell.value === '1' ? true : false;\n break;\n\n case FCellTypes.BAR:\n if (isShapeMarker(cell.value)) {\n cell.data.isCanvas = true;\n cell.data.resource = cell.value;\n } else {\n cell.data.data = getData(cell.value);\n }\n break;\n\n case FCellTypes.BUTTON:\n cell.data.label = cell.value;\n break;\n\n case FCellTypes.CHART:\n Object.assign(cell.data, {\n sizeX: '100px',\n sizeY: '100px',\n offlineMode: {\n value: cell.value,\n shape: 'pie',\n },\n });\n break;\n\n case FCellTypes.BUTTON_LIST:\n case FCellTypes.CHIP:\n case FCellTypes.MULTI_AUTOCOMPLETE:\n case FCellTypes.MULTI_COMBOBOX:\n case FCellTypes.RADIO:\n createDataset();\n break;\n\n case FCellTypes.COLOR_PICKER:\n cell.data.initialValue = cell.value;\n break;\n\n case FCellTypes.GAUGE:\n case FCellTypes.KNOB:\n case FCellTypes.PROGRESS_BAR:\n case FCellTypes.RATING:\n cell.data.value = parseInt(cell.value);\n break;\n\n case FCellTypes.ICON:\n case FCellTypes.IMAGE:\n cell.data.resource = cell.value;\n break;\n }\n}\n\nfunction cellEvent(\n e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n props: FCellProps,\n cellType: FCellTypes,\n cellEventName: FCellEvents\n): void {\n const cell = props.cell;\n const column = props.column;\n const comp = props.component;\n const row = props.row;\n if (cellEventName === FCellEvents.UPDATE) {\n let value = getValueFromEventTaget(e, cellType);\n switch (cellType) {\n case FCellTypes.AUTOCOMPLETE:\n case FCellTypes.COMBOBOX:\n case FCellTypes.DATE:\n case FCellTypes.TIME:\n if (cell.data) {\n cell.data['initialValue'] = value;\n }\n break;\n case FCellTypes.CHECKBOX:\n case FCellTypes.SWITCH:\n value = value === 'on' ? '0' : '1';\n if (cell.data) {\n (cell.data as FCheckboxProps).checked =\n value === '0' ? false : true;\n }\n break;\n case FCellTypes.RADIO:\n // data change handled outside this switchcase to avoid passing the index\n break;\n case FCellTypes.CHIP:\n case FCellTypes.MULTI_AUTOCOMPLETE:\n case FCellTypes.MULTI_COMBOBOX:\n value = (e as CustomEvent<KupChipChangeEventPayload>).detail\n .stringifiedValues;\n if (cell.data) {\n (cell.data as FChipsProps).data = (\n e as CustomEvent<KupChipChangeEventPayload>\n ).detail.comp.data;\n }\n break;\n }\n if (cell.obj) {\n cell.obj.k = value.toString();\n }\n cell.value = value.toString();\n cell.displayedValue = null;\n cell.displayedValue = getCellValueForDisplay(column, cell);\n }\n if (comp && (comp as KupComponent).rootElement) {\n const cellEvent = new CustomEvent<FCellEventPayload>(cellEventName, {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n comp: comp,\n id: (comp as KupComponent).rootElement.id,\n cell: cell,\n column: column,\n event: e,\n row: row,\n type: cellType,\n },\n });\n (comp as KupComponent).rootElement.dispatchEvent(cellEvent);\n if (cellEventName === FCellEvents.UPDATE) {\n try {\n (comp as KupComponent).refresh();\n } catch (error) {\n dom.ketchup.debug.logMessage(\n comp,\n error,\n KupDebugCategory.ERROR\n );\n }\n }\n }\n}\n\nfunction getValueFromEventTaget(\n e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n cellType: FCellTypes\n): string {\n const isInputEvent = !!((e.target as HTMLElement).tagName === 'INPUT');\n let value = isInputEvent\n ? (e.target as HTMLInputElement).value\n : e.detail.value;\n\n if (cellType === FCellTypes.CHECKBOX && isInputEvent) {\n value = (e.target as HTMLInputElement).checked ? 'off' : 'on';\n }\n\n if (cellType === FCellTypes.NUMBER && isInputEvent) {\n value = dom.ketchup.math.formattedStringToNumberString(value, '');\n }\n return value;\n}\n\nfunction isAutoCentered(props: FCellProps) {\n return autoCenterComps.includes(\n (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n );\n}\n\nfunction isFullWidth(props: FCellProps) {\n return fullWidthFieldsComps.includes(\n (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-d2ca23dd.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-f63dd1ec.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-c5845d51.js";import"./p-4a84cdec.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"81da022bca5cec8e7a25ae5854126fc8d1df1949"},a("style",{key:"e7ca04de4d67ec2bfd6b069f560c9cf5f131a235"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bb9852654bdef8112a36d4fe096a39e4b925cd0c",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"3547692cbbe395329b3f9ee5f6c5a9c35171e7a6",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"60eb2ce4d81bfdaf39310d9276edfab440200ab6",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as l,h as p,N as c,f as h}from"./p-d2ca23dd.js";import{c as m}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as u}from"./p-cc32b7a2.js";import{a as g}from"./p-e3062c19.js";import{F as d}from"./p-a38b1cf2.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-c5845d51.js";import"./p-4a84cdec.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow"})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var x=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var y=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=x(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:g.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:g.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=x(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!x(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=x(this,C,"f").data.node.find(this.data,i)}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){x(this,C,"f").debug.logLoad(this,false);x(this,C,"f").language.register(this);x(this,C,"f").theme.register(this)}componentDidLoad(){x(this,j,"m",S).call(this);x(this,C,"f").debug.logLoad(this,true)}componentWillRender(){x(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();x(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}return a(s,{key:"81da022bca5cec8e7a25ae5854126fc8d1df1949"},a("style",{key:"e7ca04de4d67ec2bfd6b069f560c9cf5f131a235"},x(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bb9852654bdef8112a36d4fe096a39e4b925cd0c",id:m,ref:i=>{y(this,M,i,"f")}},a("div",{key:"3547692cbbe395329b3f9ee5f6c5a9c35171e7a6",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(u,Object.assign({},x(this,W,"f"),{label:x(this,C,"f").language.translate(p.BACK)})),a(u,Object.assign({},x(this,$,"f"),{label:x(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"60eb2ce4d81bfdaf39310d9276edfab440200ab6",class:"image-list",style:e},...x(this,j,"m",P).call(this))))}disconnectedCallback(){x(this,C,"f").interact.unregister(x(this,O,"f"));x(this,C,"f").language.unregister(this);x(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},x(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=x(this,j,"m",D).call(this,x(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){x(this,O,"f").push(x(this,M,"f"));const t=i=>{if(x(this,E,"f")){y(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}x(this,z,"f").push(setTimeout((()=>{var i;const e=x(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<x(this,z,"f").length;i++){clearTimeout(x(this,z,"f")[i]);x(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+x(this,z,"f")[i]+").")}y(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){y(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:x(this,j,"m",N).call(this,i)})}};x(this,C,"f").interact.on(x(this,M,"f"),c.HOLD,a);x(this,C,"f").interact.on(x(this,M,"f"),c.TAP,t);x(this,C,"f").interact.on(x(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
|
|
2
|
+
//# sourceMappingURL=p-cb6c6e19.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,f as n,h as i,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-f63dd1ec.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,aa as d,ac as m,al as b,ab as v,am as k,e as g}from"./p-d2ca23dd.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-c5845d51.js";import"./p-4a84cdec.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const $=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const z=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,i){if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?i:n==="a"?i.call(t):i?i.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,i,s){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?s.call(t,n):s?s.value=n:e.set(t,n),n};var E=undefined&&undefined.__rest||function(t,e){var n={};for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0)n[i]=t[i];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,i=Object.getOwnPropertySymbols(t);s<i.length;s++){if(e.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(t,i[s]))n[i[s]]=t[i[s]]}return n};var F,I,P,R,N,G,J,V,A,L,B,H,K,X,Y,q,Q,U,Z,tt,et,nt,it,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,$t,zt,St,Mt,Tt,Wt;const Dt=document.documentElement;const Ct=class{constructor(n){t(this,n);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",St).bind(this)],["SmeupDataTree",D(this,F,"m",Mt).bind(this)],["SmeupTable",D(this,F,"m",Tt).bind(this)],["SmeupDataTable",D(this,F,"m",Tt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));V.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));A.set(this,new Map([[x.TAB,D(this,F,"m",nt).bind(this)]]));L.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,L,"f").length){D(this,L,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,L,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){n(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[i("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return i(s,{key:"29ce4f646604e3757538ee257c10a5e3df7153bd"},i("style",{key:"93f8c75e983d77533d19ad8b5cee6dce2be91c0f"},D(this,I,"f").theme.setKupStyle(this.rootElement)),i("div",{key:"d80dd72ef422b0057342cc89d99be3873d8a8575",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,V=new WeakMap,A=new WeakMap,L=new WeakMap,F=new WeakSet,B=function t(e){var n;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return i("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?i(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,n,s){if(!e){return}const o=D(this,V,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return i("div",{class:{"input-panel__label_container":true}},r,i(a,Object.assign({},l)))}return i(a,Object.assign({},l))},K=function t(e,n){return i(l,Object.assign({icon:e.icon,id:n},e.data,{wrapperClass:"form__submit"}))},X=function t(e,n){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===n)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return i("kup-editor",Object.assign({},e.data,{id:n,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,n){return i("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,n){return i("span",{class:"input-panel-label",id:n},e.value)},Q=function t(e,n){if(!n){return null}const s=Dt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return i("span",null,n)}return null},U=function t(e,n){const i=D(this,A,"f").get(n.sectionsType);return i?i(e,n.sections):n.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,n){return n.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,n,s=false,o={}){var l,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};o.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((l=n.sections)===null||l===void 0?void 0:l.length){u=n.sections.map((n=>D(this,F,"m",t).call(this,e,n)));const i=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){o.gridTemplateColumns=i?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal){o.gridTemplateRows=i?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>D(this,F,"m",it).call(this,e,t)));o.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";o.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}const c=i("div",{class:r,style:o},u);return n.title&&!s?i("div",{class:{"input-panel__section_label_container":true}},i("h3",null,n.title),c):c},et=function t(e,n){var s,o;let l=[];if((s=n.sections)===null||s===void 0?void 0:s.length){l=n.sections.map((n=>D(this,F,"m",t).call(this,e,n)))}else if((o=n.content)===null||o===void 0?void 0:o.length){l=n.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${$(n.absoluteWidth)}px`;const r=`${z(n.absoluteHeight)}px`;const u=`${S(n.absoluteRow)}px`;const c=`${M(n.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return i("div",{style:h},l)},nt=function t(e,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const i=t.content.map((t=>t.id));const s=e.cells.some((t=>{var n;console.log(e);const s=t.cell;const o=t.column;return i.includes(o.name)&&!!((n=s.data)===null||n===void 0?void 0:n.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const o=n.map(((t,n)=>{const i=t.id||`${n}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==i?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return i("div",{class:{"input-panel__tabs_container":true}},i("kup-tab-bar",{data:s,customStyle:l}),o)},it=function t(e,n){const s=e.cells.find((t=>t.column.name===n.id));const o=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const l=o?`span ${o}`:`${n.colStart}`;const a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return i("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,n){const s=e.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=n.absoluteLength>8?n.absoluteLength:8}else{o=n.absoluteLength}const l=`${$(o)}px`;const a=`${z(1)}px`;const r=`${S(n.absoluteRow)}px`;const u=`${M(n.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return i("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},ot=function t(e){var n;const i=((n=e===null||e===void 0?void 0:e.rows)===null||n===void 0?void 0:n.length)?e.rows.reduce(((t,n)=>{const i=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(n.cells[t.name]);const i=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:i}}));return[...t,{cells:i,row:n}]}),[]):[];i.map((({cells:t})=>t.map((({cell:t,column:e})=>{const n=Dt.ketchup.data.cell.getType(t,t.shape);const i=D(this,J,"f").get(n);if(!i){return}const s=this.rootElement.shadowRoot.querySelector(`${i}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=i},lt=function t(e,n){const i=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,n)),{disabled:!e.editable,id:n.name});const s=Dt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,i,Object.assign({},e.data)):Object.assign(Object.assign({},i),l)},at=function t(e,n){for(const i in n){if(n[i]instanceof Object&&!Array.isArray(n[i])&&i in e){e[i]=D(this,F,"m",t).call(this,e[i],n[i])}else{e[i]=n[i]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const n=Object.keys(e.row.cells).reduce(((t,n)=>{var i;const s=(i=e.cells.find((t=>t.column.name===n)))===null||i===void 0?void 0:i.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",$t).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},e.row.cells[n]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,n){if(!e){return null}const i=e.options;const s=n.title;const o=e.value;const l=Dt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",jt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.OBJECT,D(this,F,"m",xt).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",Ot).bind(this)],[u.TIME,D(this,F,"m",wt).bind(this)]]);const r=a.get(l);return r?r(i,s,o,e,n.name):null},ct=function t(e,n){const i=Dt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(i===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!e.editable,id:n.name,fullWidth:false}}if(i===u.MULTI_AUTOCOMPLETE||i===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,n.title,null,e,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:n.name})}return null},ht=function t(e,n,i){return d(i)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,n,i,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,L,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,n,i,s,o){const l=m(i,n,[]);if(s.fun){const t=Dt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Wt).call(this,t.detail,s.fun,l,o,i)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,i)}return l},mt=function t(e,n,i){return b(i,n)},bt=function t(e,n,i){return{data:{"kup-text-field":{label:n}}}},vt=function t(e,n,i){return{initialValue:i}},kt=function t(e,n,i){return{label:n}},gt=function t(e,n,i){return v(i,e)},yt=function t(e,n,i){return k(i,n)},_t=function t(e,n,i){return{data:{"kup-text-field":{label:n}},initialValue:i}},xt=function t(e,n,i,s,o){return{initialValue:i||"",label:n||" ",value:i||""}},wt=function t(e,n,i){return{data:{"kup-text-field":{label:n}}}},jt=function t(e,n,i){return{label:n}},Ot=function t(e,n,i,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((n,i)=>{const s=t.columns.find((t=>t.name===i));return Object.assign(Object.assign({},n),{[i]:Object.assign(Object.assign({},e.cells[i]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[i],s)),{disabled:e.cells[i].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},$t=function t(e,n){const i=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return i}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[n].value);i.rows=e.rows.map(((e,n)=>s.reduce(((i,s)=>{const o=t.rows[n].cells[s]&&e.cells[s].value!==t.rows[n].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},i.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:i.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return i}catch(t){return i}},zt=function t(e,n){const i=D(this,P,"f").get(e.type);if(i){return i(e,n)}else{return e.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},St=function t(e,n){return e.children.map((e=>{var i;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:((i=e.children)===null||i===void 0?void 0:i.length)?D(this,F,"m",t).call(this,e,n):[]}}))},Mt=function t(e,n){return e.children.map((e=>{var i;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:((i=e.children)===null||i===void 0?void 0:i.length)?D(this,F,"m",t).call(this,e,n):[]}}))},Tt=function t(e,n){return e.rows.map((t=>{var e;const i=t.fields||t.cells;const[s,o]=Object.keys(i);return{id:i[s].value,value:((e=i[o])===null||e===void 0?void 0:e.value)||i[s].value,selected:n===i[s].value}}))},Wt=function t(e,n,i,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(n,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var n;i.data["kup-list"].data=(n=D(this,F,"m",zt).call(this,t,o))!==null&&n!==void 0?n:[];e.comp.refresh()}))};Ct.style=W;export{Ct as kup_input_panel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,f as n,h as i,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-a38b1cf2.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,aa as d,ac as m,al as b,ab as v,am as k,e as g}from"./p-d2ca23dd.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-c5845d51.js";import"./p-4a84cdec.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const $=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const z=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-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_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,i){if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?i:n==="a"?i.call(t):i?i.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,i,s){if(i==="m")throw new TypeError("Private method is not writable");if(i==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return i==="a"?s.call(t,n):s?s.value=n:e.set(t,n),n};var E=undefined&&undefined.__rest||function(t,e){var n={};for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0)n[i]=t[i];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,i=Object.getOwnPropertySymbols(t);s<i.length;s++){if(e.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(t,i[s]))n[i[s]]=t[i[s]]}return n};var F,I,P,R,N,G,J,V,A,L,B,H,K,X,Y,q,Q,U,Z,tt,et,nt,it,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,$t,zt,St,Mt,Tt,Wt;const Dt=document.documentElement;const Ct=class{constructor(n){t(this,n);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",St).bind(this)],["SmeupDataTree",D(this,F,"m",Mt).bind(this)],["SmeupTable",D(this,F,"m",Tt).bind(this)],["SmeupDataTable",D(this,F,"m",Tt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));V.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));A.set(this,new Map([[x.TAB,D(this,F,"m",nt).bind(this)]]));L.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,L,"f").length){D(this,L,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,L,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){n(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[i("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return i(s,{key:"29ce4f646604e3757538ee257c10a5e3df7153bd"},i("style",{key:"93f8c75e983d77533d19ad8b5cee6dce2be91c0f"},D(this,I,"f").theme.setKupStyle(this.rootElement)),i("div",{key:"d80dd72ef422b0057342cc89d99be3873d8a8575",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,V=new WeakMap,A=new WeakMap,L=new WeakMap,F=new WeakSet,B=function t(e){var n;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return i("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?i(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,n,s){if(!e){return}const o=D(this,V,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return i("div",{class:{"input-panel__label_container":true}},r,i(a,Object.assign({},l)))}return i(a,Object.assign({},l))},K=function t(e,n){return i(l,Object.assign({icon:e.icon,id:n},e.data,{wrapperClass:"form__submit"}))},X=function t(e,n){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===n)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return i("kup-editor",Object.assign({},e.data,{id:n,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,n){return i("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,n){return i("span",{class:"input-panel-label",id:n},e.value)},Q=function t(e,n){if(!n){return null}const s=Dt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return i("span",null,n)}return null},U=function t(e,n){const i=D(this,A,"f").get(n.sectionsType);return i?i(e,n.sections):n.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,n){return n.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,n,s=false,o={}){var l,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};o.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((l=n.sections)===null||l===void 0?void 0:l.length){u=n.sections.map((n=>D(this,F,"m",t).call(this,e,n)));const i=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){o.gridTemplateColumns=i?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal){o.gridTemplateRows=i?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>D(this,F,"m",it).call(this,e,t)));o.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";o.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}const c=i("div",{class:r,style:o},u);return n.title&&!s?i("div",{class:{"input-panel__section_label_container":true}},i("h3",null,n.title),c):c},et=function t(e,n){var s,o;let l=[];if((s=n.sections)===null||s===void 0?void 0:s.length){l=n.sections.map((n=>D(this,F,"m",t).call(this,e,n)))}else if((o=n.content)===null||o===void 0?void 0:o.length){l=n.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${$(n.absoluteWidth)}px`;const r=`${z(n.absoluteHeight)}px`;const u=`${S(n.absoluteRow)}px`;const c=`${M(n.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return i("div",{style:h},l)},nt=function t(e,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const i=t.content.map((t=>t.id));const s=e.cells.some((t=>{var n;console.log(e);const s=t.cell;const o=t.column;return i.includes(o.name)&&!!((n=s.data)===null||n===void 0?void 0:n.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const o=n.map(((t,n)=>{const i=t.id||`${n}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==i?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return i("div",{class:{"input-panel__tabs_container":true}},i("kup-tab-bar",{data:s,customStyle:l}),o)},it=function t(e,n){const s=e.cells.find((t=>t.column.name===n.id));const o=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const l=o?`span ${o}`:`${n.colStart}`;const a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return i("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,n){const s=e.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=n.absoluteLength>8?n.absoluteLength:8}else{o=n.absoluteLength}const l=`${$(o)}px`;const a=`${z(1)}px`;const r=`${S(n.absoluteRow)}px`;const u=`${M(n.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return i("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},ot=function t(e){var n;const i=((n=e===null||e===void 0?void 0:e.rows)===null||n===void 0?void 0:n.length)?e.rows.reduce(((t,n)=>{const i=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(n.cells[t.name]);const i=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:i}}));return[...t,{cells:i,row:n}]}),[]):[];i.map((({cells:t})=>t.map((({cell:t,column:e})=>{const n=Dt.ketchup.data.cell.getType(t,t.shape);const i=D(this,J,"f").get(n);if(!i){return}const s=this.rootElement.shadowRoot.querySelector(`${i}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=i},lt=function t(e,n){const i=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,n)),{disabled:!e.editable,id:n.name});const s=Dt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,i,Object.assign({},e.data)):Object.assign(Object.assign({},i),l)},at=function t(e,n){for(const i in n){if(n[i]instanceof Object&&!Array.isArray(n[i])&&i in e){e[i]=D(this,F,"m",t).call(this,e[i],n[i])}else{e[i]=n[i]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const n=Object.keys(e.row.cells).reduce(((t,n)=>{var i;const s=(i=e.cells.find((t=>t.column.name===n)))===null||i===void 0?void 0:i.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",$t).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},e.row.cells[n]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,n){if(!e){return null}const i=e.options;const s=n.title;const o=e.value;const l=Dt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",jt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.OBJECT,D(this,F,"m",xt).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",Ot).bind(this)],[u.TIME,D(this,F,"m",wt).bind(this)]]);const r=a.get(l);return r?r(i,s,o,e,n.name):null},ct=function t(e,n){const i=Dt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(i===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!e.editable,id:n.name,fullWidth:false}}if(i===u.MULTI_AUTOCOMPLETE||i===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,n.title,null,e,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:n.name})}return null},ht=function t(e,n,i){return d(i)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,n,i,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,L,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,n,i,s,o){const l=m(i,n,[]);if(s.fun){const t=Dt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Wt).call(this,t.detail,s.fun,l,o,i)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,i)}return l},mt=function t(e,n,i){return b(i,n)},bt=function t(e,n,i){return{data:{"kup-text-field":{label:n}}}},vt=function t(e,n,i){return{initialValue:i}},kt=function t(e,n,i){return{label:n}},gt=function t(e,n,i){return v(i,e)},yt=function t(e,n,i){return k(i,n)},_t=function t(e,n,i){return{data:{"kup-text-field":{label:n}},initialValue:i}},xt=function t(e,n,i,s,o){return{initialValue:i||"",label:n||" ",value:i||""}},wt=function t(e,n,i){return{data:{"kup-text-field":{label:n}}}},jt=function t(e,n,i){return{label:n}},Ot=function t(e,n,i,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((n,i)=>{const s=t.columns.find((t=>t.name===i));return Object.assign(Object.assign({},n),{[i]:Object.assign(Object.assign({},e.cells[i]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[i],s)),{disabled:e.cells[i].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},$t=function t(e,n){const i=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return i}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[n].value);i.rows=e.rows.map(((e,n)=>s.reduce(((i,s)=>{const o=t.rows[n].cells[s]&&e.cells[s].value!==t.rows[n].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},i.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:i.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return i}catch(t){return i}},zt=function t(e,n){const i=D(this,P,"f").get(e.type);if(i){return i(e,n)}else{return e.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},St=function t(e,n){return e.children.map((e=>{var i;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:((i=e.children)===null||i===void 0?void 0:i.length)?D(this,F,"m",t).call(this,e,n):[]}}))},Mt=function t(e,n){return e.children.map((e=>{var i;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:((i=e.children)===null||i===void 0?void 0:i.length)?D(this,F,"m",t).call(this,e,n):[]}}))},Tt=function t(e,n){return e.rows.map((t=>{var e;const i=t.fields||t.cells;const[s,o]=Object.keys(i);return{id:i[s].value,value:((e=i[o])===null||e===void 0?void 0:e.value)||i[s].value,selected:n===i[s].value}}))},Wt=function t(e,n,i,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(n,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var n;i.data["kup-list"].data=(n=D(this,F,"m",zt).call(this,t,o))!==null&&n!==void 0?n:[];e.comp.refresh()}))};Ct.style=W;export{Ct as kup_input_panel};
|
|
2
|
+
//# sourceMappingURL=p-d6b0f4c9.entry.js.map
|