@sme.up/ketchup 11.0.0-SNAPSHOT-20241120152755 → 11.0.0-SNAPSHOT-20241120152921

package/dist/ketchup/{p-1368c22b.js → p-f7d95fe5.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./p-e3062c19.js";import{a8 as t,a9 as s,d as n,a5 as i,aa as c,ab as a,ac as l,F as o,ad as r,ae as u,af as d,ag as f,ah as p,e as b}from"./p-af7bddae.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-294d3d1c.js";import{F as j}from"./p-2b519589.js";import{F as w,c as O}from"./p-8021ea4e.js";import{F as y}from"./p-e3032f6d.js";var $;(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."})($||($={}));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 C;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(C||(C={}));const I=e=>{if(!e.sizing){e.sizing=C.MEDIUM}e.sizing.toLowerCase()===C.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(j,{resource:"check",sizeX:"14px",sizeY:"14px"}):k(j,{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=(e,c)=>{var a;const l=e.cell;const o=e.column;const r=e.row;const d=e.shape?e.shape:l.shape?l.shape:o.shape?o.shape:null;const f=!M.ketchup.objects.isEmptyKupObj(l.obj);let b=false;if(l.hasOwnProperty("isEditable")){b=l.isEditable}else if(o.hasOwnProperty("isEditable")){b=o.isEditable}b=b&&e.editable;if(l.options){l.data=(a=E(l,o))!==null&&a!==void 0?a:l.data}const h=e.previousValue!==l.value?l.value:"";const v=M.ketchup.data.cell.getType(l,d);const m=Object.assign({},l.data);let g=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(e.component.legacyLook){g+=" monospace c-pre"}const w={"f-cell":true,[u.OBJ]:f?true:false,[v+"-cell"]:true,[e.wrapperClass]:e.wrapperClass?true:false,[e.density]:e.density&&v!==i.BAR?true:false,[g]:g?true:false};let O=h;if(!l.data){te(v,l)}if(b&&t.includes(v)){O=Q(v,w,l,o,e)}else if(l.data&&s.includes(v)){if(e.setSizes){J(v,m,l)}if(!e.renderKup){const e="cell-"+v+" placeholder";O=k("span",{class:e})}else{O=ee(v,w,m,l,r,o,e)}}else{if(e.setSizes){q(v,m,l,e)}O=Z(v,m,O,w,l,o,e)}let y=null;if(!b&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${n.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=k(j,Object.assign({},e))}let $=null;if(M.ketchup.debug.isDebug()&&f){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${n.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(j,Object.assign({},t))}return k("div",{onKeyUp:t=>se(t,e,v,p.KEYUP),class:w,"kup-get-cell-props":()=>e,ref:e=>l.element=e,style:l.style},k("div",{class:"f-cell__content",style:l.styleContent,title:$},e.cellActionIcon&&k(j,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${v===i.NUMBER?"left":"right"}`,onClick:e.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[e.indents,x,y,O]))};const E=(e,t)=>{if(!e){return null}const s=e.options;const n=t.title;const c=e.value;const a=M.ketchup.data.cell.getType(e,e.shape);const l=new Map([[i.BUTTON_LIST,Y.bind(undefined)],[i.STRING,K.bind(undefined)],[i.RADIO,W.bind(undefined)],[i.AUTOCOMPLETE,A.bind(undefined)],[i.COMBOBOX,A.bind(undefined)],[i.CHECKBOX,R.bind(undefined)],[i.OBJECT,X.bind(undefined)],[i.CHIP,V.bind(undefined)]]);const o=l.get(a);return o?o(s,n,c,e):null};const V=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};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,n)=>{const i=c(s,e);n.data=Object.assign(Object.assign({},n.data),i)};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,n){var c;switch(e){case i.CHECKBOX:case i.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 i.IMAGE:const e=((c=n.cell)===null||c===void 0?void 0:c.value)||"";const a=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(n.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(n.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 i.BAR:if(!t.sizeY){t.sizeY="26px"}break;case i.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 i.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case i.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case i.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function Q(t,s,n,c,a){var l,r;switch(t){case i.AUTOCOMPLETE:return k("kup-autocomplete",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-autocomplete-change":e=>se(e,a,t,p.UPDATE),"onkup-autocomplete-input":e=>se(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>se(e,a,t,p.ICON_CLICK)}));case i.CHECKBOX:if(ie(a)){s[u.C_CENTERED]=true}if(n.shape===o.INPUT_CHECKBOX){return k("input",{checked:n.value==="on"||n.value==="1"?true:false,class:"input-checkbox",onChange:e=>se(e,a,t,p.UPDATE),type:"checkbox"})}else{return k(m,Object.assign({},n.data,{onChange:e=>se(e,a,t,p.UPDATE)}))}case i.CHIP:return k("kup-chip",Object.assign({},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-text-field",Object.assign({fullWidth:true,slot:"field"},n.slotData,{error:n.data.error})));case i.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":e=>se(e,a,t,p.UPDATE)}));case i.COMBOBOX:return k("kup-combobox",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-combobox-change":e=>se(e,a,t,p.UPDATE),"onkup-combobox-input":e=>se(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>se(e,a,t,p.ICON_CLICK)}));case i.DATE:return k("kup-date-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-datepicker-change":e=>se(e,a,t,p.UPDATE),"onkup-datepicker-input":e=>se(e,a,t,p.INPUT)}));case i.MULTI_AUTOCOMPLETE:return k("kup-chip",Object.assign({displayId:true},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":e=>se(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>se(e,a,t,p.ICON_CLICK),showDropDownIcon:false},n.slotData,{error:n.data.error})));case i.MULTI_COMBOBOX:return k("kup-chip",Object.assign({displayId:true},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-combobox-input":e=>se(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>se(e,a,t,p.ICON_CLICK)},n.slotData,{error:n.data.error})));case i.RADIO:return k(H,Object.assign({},n.data,{disabled:false,onChange:(e,s)=>{const i=n.data.data;for(let t=0;t<i.length;t++){const s=i[t];if(t===e){s.checked=true}else{s.checked=false}}se(s,a,t,p.UPDATE)}}));case i.RATING:return k("kup-rating",Object.assign({key:c.name+a.row.id},n.data,{disabled:false,"onkup-rating-click":e=>se(e,a,t,p.UPDATE)}));case i.SWITCH:return k(I,Object.assign({},n.data,{disabled:false,onChange:e=>se(e,a,t,p.UPDATE)}));case i.TIME:return k("kup-time-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-timepicker-change":e=>se(e,a,t,p.UPDATE),"onkup-timepicker-input":e=>se(e,a,t,p.INPUT)}));case i.OBJECT:return k(v,null,k(g,Object.assign({icon:"table"},n.data,{disabled:false,onIconClick:e=>se(e,a,t,p.ICON_CLICK)})),k(y,{icon:"menu",onClick:e=>se(e,a,t,p.ICON_CLICK),styling:e.FLAT,wrapperClass:"obj-field-extra-btn"}));case i.NUMBER:s[u.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const d=e=>se(e,a,t,p.UPDATE);const f=e=>se(e,a,t,p.INPUT);const b=t===i.NUMBER?"number":null;const h=t===i.NUMBER&&n.value?M.ketchup.math.numberifySafe(n.value).toString():n.value;if(n.shape===o.INPUT_FIELD){return k("input",{class:"input-field",onChange:d,onInput:f,type:b,value:h,maxLength:(r=(l=c.cellData)===null||l===void 0?void 0:l.maxLength)!==null&&r!==void 0?r:-1})}else{return k(g,Object.assign({inputType:b,fullWidth:ce(a)?true:false},n.data,{icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:c.icon?c.icon:null,value:h,onChange:d,onInput:f,onIconClick:e=>se(e,a,t,p.ICON_CLICK)}))}}}function Z(e,t,s,n,c,a,l){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(s&&s!=""){const e=f(a,c);return k("div",{class:"f-cell__text"},e)}return s;case i.CHECKBOX:if(ie(l)){n[u.C_CENTERED]=true}return k(j,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return k("div",{innerHTML:c.value});case i.ICON:if(ie(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return k(j,Object.assign({},t));case i.IMAGE:if(ie(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return k(j,Object.assign({},t));case i.LINK:return k("a",{href:s,target:"_blank"},c.value);case i.NUMBER:if(s&&s!=""){const e=M.ketchup.math.numberifySafe(c.value);const t=f(a,c);if(e<0){n[u.TEXT_DANGER]=true}if(ie(l)){n[u.C_RIGHT_ALIGNED]=true}return k("div",{class:"f-cell__text"},t)}return k("div",{class:"f-cell__text"},s);case i.SWITCH:if(ie(l)){n[u.C_CENTERED]=true}t["disabled"]=true;return k(I,Object.assign({},t));default:return k("div",{class:"f-cell__text"},s)}}function ee(e,t,s,n,c,a,l){switch(e){case i.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(j,Object.assign({},s)))}case i.BUTTON:if(ie(l)){t[u.C_CENTERED]=true}return k(y,Object.assign({},s,{onClick:t=>se(t,l,e,p.CLICK)}));case i.BUTTON_LIST:if(ie(l)){t[u.C_CENTERED]=true}s["data-storage"]={cell:n,row:c,column:a};return k("kup-button-list",Object.assign({key:a.name+l.row.id},s));case i.CHART:if(ie(l)){t[u.C_CENTERED]=true}return k("kup-chart",Object.assign({key:a.name+l.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return k(O,Object.assign({},s));case i.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 i.GAUGE:return k("kup-gauge",Object.assign({key:a.name+l.row.id,value:M.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?k("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):k(z,Object.assign({},s));case i.RADIO:if(ie(l)){t[u.C_CENTERED]=true}s["disabled"]=c.readOnly;return k(H,Object.assign({},s));case i.RATING:return k(D,Object.assign({},s,{disabled:true}));case i.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 n(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 o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const i=e.split("\\\\");const o=[];for(const e of i){if(e){if(l(e)){return null}if(n(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{o.push(r(e,t))}}return o.length?o:null}function r(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 i.CHECKBOX:case i.SWITCH:t.data.checked=t.value==="1"?true:false;break;case i.BAR:if(n(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case i.BUTTON:t.data.label=t.value;break;case i.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:u();break;case i.COLOR_PICKER:t.data.initialValue=t.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:t.data.value=parseInt(t.value);break;case i.ICON:case i.IMAGE:t.data.resource=t.value;break}}function se(e,t,s,n){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(n===p.UPDATE){let t=ne(e,s);switch(s){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(c.data){c.data["initialValue"]=t}break;case i.CHECKBOX:case i.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case i.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=f(a,c)}if(l&&l.rootElement){const t=new CustomEvent(n,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(n===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 n=s?e.target.value:e.detail.value;if(t===i.CHECKBOX&&s){n=e.target.checked?"off":"on"}if(t===i.NUMBER&&s){n=M.ketchup.math.formattedStringToNumberString(n,"")}return n}function ie(e){var t;return d.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ce(e){var t;return r.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{S as F,_ as I,x as K,$ as a,z as b,H as c,D as d,C as e,I as f};
-//# sourceMappingURL=p-1368c22b.js.map
+import{a as e}from"./p-e3062c19.js";import{a8 as t,a9 as s,d as n,a5 as i,aa as c,ab as a,ac as l,F as o,ad as r,ae as u,af as d,ag as f,ah as p,e as b}from"./p-f7bd59af.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-d6a135fc.js";import{F as j}from"./p-2b519589.js";import{F as w,c as O}from"./p-12b043a8.js";import{F as y}from"./p-10dfd311.js";var $;(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."})($||($={}));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 C;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(C||(C={}));const I=e=>{if(!e.sizing){e.sizing=C.MEDIUM}e.sizing.toLowerCase()===C.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(j,{resource:"check",sizeX:"14px",sizeY:"14px"}):k(j,{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=(e,c)=>{var a;const l=e.cell;const o=e.column;const r=e.row;const d=e.shape?e.shape:l.shape?l.shape:o.shape?o.shape:null;const f=!M.ketchup.objects.isEmptyKupObj(l.obj);let b=false;if(l.hasOwnProperty("isEditable")){b=l.isEditable}else if(o.hasOwnProperty("isEditable")){b=o.isEditable}b=b&&e.editable;if(l.options){l.data=(a=E(l,o))!==null&&a!==void 0?a:l.data}const h=e.previousValue!==l.value?l.value:"";const v=M.ketchup.data.cell.getType(l,d);const m=Object.assign({},l.data);let g=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(e.component.legacyLook){g+=" monospace c-pre"}const w={"f-cell":true,[u.OBJ]:f?true:false,[v+"-cell"]:true,[e.wrapperClass]:e.wrapperClass?true:false,[e.density]:e.density&&v!==i.BAR?true:false,[g]:g?true:false};let O=h;if(!l.data){te(v,l)}if(b&&t.includes(v)){O=Q(v,w,l,o,e)}else if(l.data&&s.includes(v)){if(e.setSizes){J(v,m,l)}if(!e.renderKup){const e="cell-"+v+" placeholder";O=k("span",{class:e})}else{O=ee(v,w,m,l,r,o,e)}}else{if(e.setSizes){q(v,m,l,e)}O=Z(v,m,O,w,l,o,e)}let y=null;if(!b&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${n.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=k(j,Object.assign({},e))}let $=null;if(M.ketchup.debug.isDebug()&&f){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${n.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(j,Object.assign({},t))}return k("div",{onKeyUp:t=>se(t,e,v,p.KEYUP),class:w,"kup-get-cell-props":()=>e,ref:e=>l.element=e,style:l.style},k("div",{class:"f-cell__content",style:l.styleContent,title:$},e.cellActionIcon&&k(j,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${v===i.NUMBER?"left":"right"}`,onClick:e.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[e.indents,x,y,O]))};const E=(e,t)=>{if(!e){return null}const s=e.options;const n=t.title;const c=e.value;const a=M.ketchup.data.cell.getType(e,e.shape);const l=new Map([[i.BUTTON_LIST,Y.bind(undefined)],[i.STRING,K.bind(undefined)],[i.RADIO,W.bind(undefined)],[i.AUTOCOMPLETE,A.bind(undefined)],[i.COMBOBOX,A.bind(undefined)],[i.CHECKBOX,R.bind(undefined)],[i.OBJECT,X.bind(undefined)],[i.CHIP,V.bind(undefined)]]);const o=l.get(a);return o?o(s,n,c,e):null};const V=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};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,n)=>{const i=c(s,e);n.data=Object.assign(Object.assign({},n.data),i)};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,n){var c;switch(e){case i.CHECKBOX:case i.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 i.IMAGE:const e=((c=n.cell)===null||c===void 0?void 0:c.value)||"";const a=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(n.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(n.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 i.BAR:if(!t.sizeY){t.sizeY="26px"}break;case i.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 i.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case i.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case i.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function Q(t,s,n,c,a){var l,r;switch(t){case i.AUTOCOMPLETE:return k("kup-autocomplete",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-autocomplete-change":e=>se(e,a,t,p.UPDATE),"onkup-autocomplete-input":e=>se(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>se(e,a,t,p.ICON_CLICK)}));case i.CHECKBOX:if(ie(a)){s[u.C_CENTERED]=true}if(n.shape===o.INPUT_CHECKBOX){return k("input",{checked:n.value==="on"||n.value==="1"?true:false,class:"input-checkbox",onChange:e=>se(e,a,t,p.UPDATE),type:"checkbox"})}else{return k(m,Object.assign({},n.data,{onChange:e=>se(e,a,t,p.UPDATE)}))}case i.CHIP:return k("kup-chip",Object.assign({},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-text-field",Object.assign({fullWidth:true,slot:"field"},n.slotData,{error:n.data.error})));case i.COLOR_PICKER:return k("kup-color-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":e=>se(e,a,t,p.UPDATE)}));case i.COMBOBOX:return k("kup-combobox",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-combobox-change":e=>se(e,a,t,p.UPDATE),"onkup-combobox-input":e=>se(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>se(e,a,t,p.ICON_CLICK)}));case i.DATE:return k("kup-date-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-datepicker-change":e=>se(e,a,t,p.UPDATE),"onkup-datepicker-input":e=>se(e,a,t,p.INPUT)}));case i.MULTI_AUTOCOMPLETE:return k("kup-chip",Object.assign({displayId:true},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":e=>se(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>se(e,a,t,p.ICON_CLICK),showDropDownIcon:false},n.slotData,{error:n.data.error})));case i.MULTI_COMBOBOX:return k("kup-chip",Object.assign({displayId:true},n.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":e=>se(e,a,t,p.UPDATE)}),k("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:_.DESCRIPTION_AND_CODE,selectMode:_.DESCRIPTION_AND_CODE,"onkup-combobox-input":e=>se(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>se(e,a,t,p.ICON_CLICK)},n.slotData,{error:n.data.error})));case i.RADIO:return k(H,Object.assign({},n.data,{disabled:false,onChange:(e,s)=>{const i=n.data.data;for(let t=0;t<i.length;t++){const s=i[t];if(t===e){s.checked=true}else{s.checked=false}}se(s,a,t,p.UPDATE)}}));case i.RATING:return k("kup-rating",Object.assign({key:c.name+a.row.id},n.data,{disabled:false,"onkup-rating-click":e=>se(e,a,t,p.UPDATE)}));case i.SWITCH:return k(I,Object.assign({},n.data,{disabled:false,onChange:e=>se(e,a,t,p.UPDATE)}));case i.TIME:return k("kup-time-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:ce(a)?"kup-full-width":"","onkup-timepicker-change":e=>se(e,a,t,p.UPDATE),"onkup-timepicker-input":e=>se(e,a,t,p.INPUT)}));case i.OBJECT:return k(v,null,k(g,Object.assign({icon:"table"},n.data,{disabled:false,onIconClick:e=>se(e,a,t,p.ICON_CLICK)})),k(y,{icon:"menu",onClick:e=>se(e,a,t,p.ICON_CLICK),styling:e.FLAT,wrapperClass:"obj-field-extra-btn"}));case i.NUMBER:s[u.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const d=e=>se(e,a,t,p.UPDATE);const f=e=>se(e,a,t,p.INPUT);const b=t===i.NUMBER?"number":null;const h=t===i.NUMBER&&n.value?M.ketchup.math.numberifySafe(n.value).toString():n.value;if(n.shape===o.INPUT_FIELD){return k("input",{class:"input-field",onChange:d,onInput:f,type:b,value:h,maxLength:(r=(l=c.cellData)===null||l===void 0?void 0:l.maxLength)!==null&&r!==void 0?r:-1})}else{return k(g,Object.assign({inputType:b,fullWidth:ce(a)?true:false},n.data,{icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:c.icon?c.icon:null,value:h,onChange:d,onInput:f,onIconClick:e=>se(e,a,t,p.ICON_CLICK)}))}}}function Z(e,t,s,n,c,a,l){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(s&&s!=""){const e=f(a,c);return k("div",{class:"f-cell__text"},e)}return s;case i.CHECKBOX:if(ie(l)){n[u.C_CENTERED]=true}return k(j,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return k("div",{innerHTML:c.value});case i.ICON:if(ie(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return k(j,Object.assign({},t));case i.IMAGE:if(ie(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return k(j,Object.assign({},t));case i.LINK:return k("a",{href:s,target:"_blank"},c.value);case i.NUMBER:if(s&&s!=""){const e=M.ketchup.math.numberifySafe(c.value);const t=f(a,c);if(e<0){n[u.TEXT_DANGER]=true}if(ie(l)){n[u.C_RIGHT_ALIGNED]=true}return k("div",{class:"f-cell__text"},t)}return k("div",{class:"f-cell__text"},s);case i.SWITCH:if(ie(l)){n[u.C_CENTERED]=true}t["disabled"]=true;return k(I,Object.assign({},t));default:return k("div",{class:"f-cell__text"},s)}}function ee(e,t,s,n,c,a,l){switch(e){case i.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(j,Object.assign({},s)))}case i.BUTTON:if(ie(l)){t[u.C_CENTERED]=true}return k(y,Object.assign({},s,{onClick:t=>se(t,l,e,p.CLICK)}));case i.BUTTON_LIST:if(ie(l)){t[u.C_CENTERED]=true}s["data-storage"]={cell:n,row:c,column:a};return k("kup-button-list",Object.assign({key:a.name+l.row.id},s));case i.CHART:if(ie(l)){t[u.C_CENTERED]=true}return k("kup-chart",Object.assign({key:a.name+l.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return k(O,Object.assign({},s));case i.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 i.GAUGE:return k("kup-gauge",Object.assign({key:a.name+l.row.id,value:M.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?k("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):k(z,Object.assign({},s));case i.RADIO:if(ie(l)){t[u.C_CENTERED]=true}s["disabled"]=c.readOnly;return k(H,Object.assign({},s));case i.RATING:return k(D,Object.assign({},s,{disabled:true}));case i.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 n(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 o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const i=e.split("\\\\");const o=[];for(const e of i){if(e){if(l(e)){return null}if(n(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{o.push(r(e,t))}}return o.length?o:null}function r(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 i.CHECKBOX:case i.SWITCH:t.data.checked=t.value==="1"?true:false;break;case i.BAR:if(n(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case i.BUTTON:t.data.label=t.value;break;case i.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:u();break;case i.COLOR_PICKER:t.data.initialValue=t.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:t.data.value=parseInt(t.value);break;case i.ICON:case i.IMAGE:t.data.resource=t.value;break}}function se(e,t,s,n){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(n===p.UPDATE){let t=ne(e,s);switch(s){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(c.data){c.data["initialValue"]=t}break;case i.CHECKBOX:case i.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case i.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=f(a,c)}if(l&&l.rootElement){const t=new CustomEvent(n,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(n===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 n=s?e.target.value:e.detail.value;if(t===i.CHECKBOX&&s){n=e.target.checked?"off":"on"}if(t===i.NUMBER&&s){n=M.ketchup.math.formattedStringToNumberString(n,"")}return n}function ie(e){var t;return d.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ce(e){var t;return r.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{S as F,_ as I,x as K,$ as a,z as b,H as c,D as d,C as e,I as f};
+//# sourceMappingURL=p-f7d95fe5.js.map

package/dist/ketchup/{p-2168db8b.entry.js → p-fe866c33.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as a,t as r}from"./p-af7bddae.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-294d3d1c.js";import{F as c}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var f;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(f||(f={}));const m=".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{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const g=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,a.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:r.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");c(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"d76abbac915abcc83bac32c74b35822acfe2bfc9"},s("style",{key:"bd6b6d0854cb79f7df85031c246984954f1faec3"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"b495a995883a1ef06a4b9a1921406cb867af1f04",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};g.style=k;export{g as kup_numeric_picker};
-//# sourceMappingURL=p-2168db8b.entry.js.map
+import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as a,t as r}from"./p-f7bd59af.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-d6a135fc.js";import{F as c}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var f;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(f||(f={}));const m=".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{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const g=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,a.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:r.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");c(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"d76abbac915abcc83bac32c74b35822acfe2bfc9"},s("style",{key:"bd6b6d0854cb79f7df85031c246984954f1faec3"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"b495a995883a1ef06a4b9a1921406cb867af1f04",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};g.style=k;export{g as kup_numeric_picker};
+//# sourceMappingURL=p-fe866c33.entry.js.map

package/dist/types/f-components/f-button/f-button-declarations.d.ts

@@ -27,6 +27,7 @@ export interface FButtonProps extends FComponent {
     showSpinner?: boolean;
     toggable?: boolean;
     trailingIcon?: boolean;
+    invisible?: boolean;
 }
 /**
  * Styling options for the f-button component.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20241120152755",
+    "version": "11.0.0-SNAPSHOT-20241120152921",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/cjs/f-button-e29b456b.js.map

@@ -1 +0,0 @@
-{"file":"f-button-e29b456b.js","mappings":"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","names":["FButtonStyling","h","FImage"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n    props: FButtonProps,\n    children: VNode[]\n) => {\n    if (!props.styling) {\n        props.styling = FButtonStyling.RAISED;\n    }\n    if (!props.label && !props.icon) {\n        return;\n    }\n    const isIconButton: boolean = !!(\n        props.styling.toLowerCase() === FButtonStyling.ICON ||\n        (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n            props.icon &&\n            (props.label === null || props.label === undefined))\n    );\n    const classObj: Record<string, boolean> = {\n        'f-button': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-large': props.large,\n        'kup-pulsating': props.pulsating,\n        'kup-shaped': props.shaped,\n        'kup-secondary': props.secondary,\n        'kup-slim': props.slim,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        'kup-neutral': props.neutral,\n        'kup-black-mode': props.blackMode,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {isIconButton ? renderIconButton(props) : renderButton(props)}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n    const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n    const isFloating: boolean =\n        props.styling.toLowerCase() === FButtonStyling.FLOATING;\n    const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n    const isRaised: boolean =\n        !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : isOutlined || isFlat\n            ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n            : `var(--kup_button_text_color)`,\n        resource: props.icon,\n        placeholderResource: props.placeholderIcon,\n        sizeX: isFloating ? '1.75em' : '1.475em',\n        sizeY: isFloating ? '1.75em' : '1.475em',\n        wrapperClass: 'button__icon kup-icon',\n    };\n    if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n    const classObj: Record<string, boolean> = {\n        button: true,\n        'button--disabled': props.disabled ? true : false,\n        'button--floating': isFloating ? true : false,\n        'button--flat': isFlat ? true : false,\n        'button--outlined': isOutlined ? true : false,\n        'button--raised': isRaised ? true : false,\n        'button--no-label': !props.label || props.label === ' ' ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n        [`button--${props.sizing || 'small'}`]: true,\n        [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n    };\n\n    const classLabelObj: Record<string, boolean> = {\n        button__label: true,\n        'content--hidden': props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n    };\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onBlur={props.onBlur}\n            onClick={props.onClick}\n            onFocus={props.onFocus}\n            style={styleSpinnerContainer}\n            aria-label={props.title}\n        >\n            {props.trailingIcon\n                ? [\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                  ]\n                : [\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                  ]}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : `var(--kup_button_text_color)`,\n        sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n        sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n    };\n\n    const classObj: Record<string, boolean> = {\n        'icon-button': true,\n        'button--disabled': props.disabled ? true : false,\n        'icon-button--on': props.toggable && props.checked ? true : false,\n        toggable: props.toggable ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n        '--kup_button_spinner_width': propsFImage.sizeX,\n    };\n\n    const iconOff: string = props.iconOff\n        ? props.iconOff\n        : props.icon + '_border';\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onClick={props.onClick}\n            style={styleSpinnerContainer}\n            value={props.checked ? 'on' : 'off'}\n            aria-label={props.title}\n        >\n            {!props.showSpinner || props.disabled ? (\n                <FImage\n                    {...propsFImage}\n                    resource={\n                        props.toggable && !props.checked ? iconOff : props.icon\n                    }\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon kup-icon`}\n                />\n            ) : null}\n            {props.toggable && !props.showSpinner ? (\n                <FImage\n                    {...propsFImage}\n                    resource={props.icon}\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n                />\n            ) : null}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"icon-button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n"],"version":3}

package/dist/esm/f-button-bfe24f7d.js.map

@@ -1 +0,0 @@
-{"file":"f-button-bfe24f7d.js","mappings":"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","names":[],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n    props: FButtonProps,\n    children: VNode[]\n) => {\n    if (!props.styling) {\n        props.styling = FButtonStyling.RAISED;\n    }\n    if (!props.label && !props.icon) {\n        return;\n    }\n    const isIconButton: boolean = !!(\n        props.styling.toLowerCase() === FButtonStyling.ICON ||\n        (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n            props.icon &&\n            (props.label === null || props.label === undefined))\n    );\n    const classObj: Record<string, boolean> = {\n        'f-button': true,\n        'kup-danger': props.danger,\n        'kup-full-height': props.fullHeight,\n        'kup-full-width': props.fullWidth,\n        'kup-info': props.info,\n        'kup-large': props.large,\n        'kup-pulsating': props.pulsating,\n        'kup-shaped': props.shaped,\n        'kup-secondary': props.secondary,\n        'kup-slim': props.slim,\n        'kup-success': props.success,\n        'kup-warning': props.warning,\n        'kup-neutral': props.neutral,\n        'kup-black-mode': props.blackMode,\n        [props.wrapperClass]: !!props.wrapperClass,\n    };\n    return (\n        <div\n            class={classObj}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            {isIconButton ? renderIconButton(props) : renderButton(props)}\n            {children}\n        </div>\n    );\n};\n\n/*-------------------------------------------------*/\n/*                  M e t h o d s                  */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n    const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n    const isFloating: boolean =\n        props.styling.toLowerCase() === FButtonStyling.FLOATING;\n    const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n    const isOutlined: boolean =\n        props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n    const isRaised: boolean =\n        !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : isOutlined || isFlat\n            ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n            : `var(--kup_button_text_color)`,\n        resource: props.icon,\n        placeholderResource: props.placeholderIcon,\n        sizeX: isFloating ? '1.75em' : '1.475em',\n        sizeY: isFloating ? '1.75em' : '1.475em',\n        wrapperClass: 'button__icon kup-icon',\n    };\n    if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n    const classObj: Record<string, boolean> = {\n        button: true,\n        'button--disabled': props.disabled ? true : false,\n        'button--floating': isFloating ? true : false,\n        'button--flat': isFlat ? true : false,\n        'button--outlined': isOutlined ? true : false,\n        'button--raised': isRaised ? true : false,\n        'button--no-label': !props.label || props.label === ' ' ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n        [`button--${props.sizing || 'small'}`]: true,\n        [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n    };\n\n    const classLabelObj: Record<string, boolean> = {\n        button__label: true,\n        'content--hidden': props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n    };\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onBlur={props.onBlur}\n            onClick={props.onClick}\n            onFocus={props.onFocus}\n            style={styleSpinnerContainer}\n            aria-label={props.title}\n        >\n            {props.trailingIcon\n                ? [\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                  ]\n                : [\n                      props.icon ? <FImage {...propsFImage} /> : undefined,\n                      props.label ? (\n                          <span class={classLabelObj}>{props.label}</span>\n                      ) : undefined,\n                  ]}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n    const propsFImage: FImageProps = {\n        color: props.neutral\n            ? `var(--kup-text-primary)`\n            : props.disabled\n            ? `var(--kup_button_text_color_disabled)`\n            : `var(--kup_button_text_color)`,\n        sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n        sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n    };\n\n    const classObj: Record<string, boolean> = {\n        'icon-button': true,\n        'button--disabled': props.disabled ? true : false,\n        'icon-button--on': props.toggable && props.checked ? true : false,\n        toggable: props.toggable ? true : false,\n        'button--with-spinner':\n            props.showSpinner && !props.disabled ? true : false,\n    };\n\n    const styleSpinnerContainer: Record<string, string> = {\n        '--kup_button_spinner_height': propsFImage.sizeY,\n        '--kup_button_spinner_width': propsFImage.sizeX,\n    };\n\n    const iconOff: string = props.iconOff\n        ? props.iconOff\n        : props.icon + '_border';\n\n    return (\n        <button\n            type={props.buttonType ? props.buttonType : 'button'}\n            class={classObj}\n            disabled={props.disabled}\n            onClick={props.onClick}\n            style={styleSpinnerContainer}\n            value={props.checked ? 'on' : 'off'}\n            aria-label={props.title}\n        >\n            {!props.showSpinner || props.disabled ? (\n                <FImage\n                    {...propsFImage}\n                    resource={\n                        props.toggable && !props.checked ? iconOff : props.icon\n                    }\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon kup-icon`}\n                />\n            ) : null}\n            {props.toggable && !props.showSpinner ? (\n                <FImage\n                    {...propsFImage}\n                    resource={props.icon}\n                    placeholderResource={props.placeholderIcon}\n                    wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n                />\n            ) : null}\n            {props.showSpinner && !props.disabled ? (\n                <div class=\"icon-button__spinner-container\">\n                    <slot name=\"spinner\"></slot>\n                </div>\n            ) : undefined}\n        </button>\n    );\n}\n"],"version":3}

package/dist/ketchup/p-01e7a8d0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-e3032f6d.js";import{F as r}from"./p-1368c22b.js";import{k as a,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,ak as g}from"./p-af7bddae.js";import{F as y}from"./p-c4054aba.js";import{F as _,a as j}from"./p-68e220e8.js";import{c as w}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-294d3d1c.js";import"./p-8021ea4e.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var O;(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"})(O||(O={}));const $=12;const z=22;const S=t=>{if(t==0){return $/2}if(!t){return null}if(t===1){return 1.5*$}return t*$};const M=t=>{if(!t){return null}return t*z};const T=t=>{if(!t){return null}return(t-1)*z};const W=t=>{if(!t){return null}return t*$};const D=".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-fcell-width:fit-content;--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:1rem}:host .input-panel__commands{display:flex;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;min-width:0}: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{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 C=D;var E=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var F=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var B=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var I,P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At;const Lt=document.documentElement;const Ht=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);I.add(this);P.set(this,a());R.set(this,new Map([["SmeupTreeNode",E(this,I,"m",Ft).bind(this)],["SmeupDataTree",E(this,I,"m",Bt).bind(this)],["SmeupTable",E(this,I,"m",It).bind(this)],["SmeupDataTable",E(this,I,"m",It).bind(this)]]));N.set(this,null);V.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","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));J.set(this,[]);A.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));L.set(this,new Map([[c.BUTTON_LIST,E(this,I,"m",Q).bind(this)],[c.EDITOR,E(this,I,"m",Z).bind(this)],[c.LABEL,E(this,I,"m",it).bind(this)],[c.TABLE,E(this,I,"m",tt).bind(this)]]));H.set(this,new Map([[x.TAB,E(this,I,"m",at).bind(this)]]));K.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){F(this,N,structuredClone(this.data),"f");if(E(this,J,"f").length){E(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));F(this,J,[],"f")}if(E(this,K,"f").length){E(this,K,"f").map((t=>{E(this,P,"f").keysBinding.unregister(t)}));F(this,K,[],"f")}E(this,I,"m",ft).call(this,this.data)}async getProps(t){return h(this,O,t)}async refresh(){n(this)}async setProps(t){f(this,O,t)}componentWillLoad(){E(this,P,"f").debug.logLoad(this,false);E(this,P,"f").language.register(this);E(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});E(this,P,"f").debug.logLoad(this,true)}componentWillRender(){E(this,P,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){y(i[t])}}E(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,E(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>E(this,I,"m",Y).call(this,t)));return e(s,{key:"430380b3dc65cb01f4eed9b4f4b2171e41ef968e"},e("style",{key:"36d3ff4f33dbca2be696a26e505491821da378ee"},E(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"635b3b5c6264f486127f4cfdd949c2177a43e54b",id:w},i))}disconnectedCallback(){E(this,P,"f").language.unregister(this);E(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,I=new WeakSet,X=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Y=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>E(this,I,"m",q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=E(this,I,"m",st).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));r.height=`${t*z}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=E(this,I,"m",et).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},E(this,N,"f")),after:E(this,I,"m",mt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:E(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},q=function t(i,n,s){if(!i){return}const l=E(this,L,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=E(this,I,"m",nt).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},Q=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},U=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{E(this,I,"m",At).call(this,t.detail.node,t.detail.node.id)}}))},Z=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);E(this,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},tt=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},it=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},nt=function t(i,n){if(!n){return null}const s=Lt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},et=function t(i,n){const e=E(this,H,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>E(this,I,"m",lt).call(this,i,t)))},st=function t(i,n){return n.sections.map((t=>E(this,I,"m",ot).call(this,i,t)))},lt=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>E(this,I,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>E(this,I,"m",ut).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(_,{type:j.HEADING1,value:n.title}),c):c},ot=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>E(this,I,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>E(this,I,"m",ct).call(this,i,t)))}if(S(n.absoluteWidth)==null){return o}const r=`${S(n.absoluteWidth)!=null?`${S(n.absoluteWidth)}px`:"100%"}`;const a=`${M(n.absoluteHeight)!=null?`${M(n.absoluteHeight)}px`:"100%"}`;const u=`${T(n.absoluteRow)}px`;const c=`${W(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},rt=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(E(this,I,"m",t).call(this,i))}))}return s},at=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=E(this,I,"m",rt).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return E(this,I,"m",lt).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!E(this,J,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);E(this,J,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ut=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},E(this,I,"m",q).call(this,s.cell,i.row,s.column))},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${S(l)}px`;const r=`${M(1)}px`;const a=`${T(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},E(this,I,"m",q).call(this,s.cell,i.row,s.column))},ht=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>E(this,I,"m",Pt).call(this,t)))}};return E(this,I,"m",U).call(this,t,i)}else{const i=E(this,I,"m",Pt).call(this,t);return E(this,I,"m",Q).call(this,i,t.value)}})).flat()},ft=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){E(this,I,"m",ht).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:E(this,I,"m",pt).call(this,i,t,o),slotData:E(this,I,"m",bt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Lt.ketchup.data.cell.getType(t,t.shape);const e=E(this,A,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},pt=function t(i,n,e){const s=Object.assign(Object.assign({},E(this,I,"m",vt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Lt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=B(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?E(this,I,"m",dt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},dt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=E(this,I,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},mt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(E(this,I,"m",Ct).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},vt=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Lt.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,E(this,I,"m",_t).bind(this)],[u.BUTTON_LIST,E(this,I,"m",yt).bind(this)],[u.CHART,E(this,I,"m",gt).bind(this)],[u.CHIP,E(this,I,"m",kt).bind(this)],[u.CHECKBOX,E(this,I,"m",jt).bind(this)],[u.COLOR_PICKER,E(this,I,"m",wt).bind(this)],[u.COMBOBOX,E(this,I,"m",_t).bind(this)],[u.EDITOR,E(this,I,"m",xt).bind(this)],[u.MULTI_AUTOCOMPLETE,E(this,I,"m",kt).bind(this)],[u.MULTI_COMBOBOX,E(this,I,"m",kt).bind(this)],[u.NUMBER,E(this,I,"m",Wt).bind(this)],[u.DATE,E(this,I,"m",St).bind(this)],[u.OBJECT,E(this,I,"m",Mt).bind(this)],[u.RADIO,E(this,I,"m",$t).bind(this)],[u.STRING,E(this,I,"m",Ot).bind(this)],[u.SWITCH,E(this,I,"m",zt).bind(this)],[u.TABLE,E(this,I,"m",Dt).bind(this)],[u.TIME,E(this,I,"m",Tt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},bt=function t(i,n){const e=Lt.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},E(this,I,"m",_t).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},kt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){E(this,I,"m",Vt).call(this,s,l)}return d(e)},gt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},yt=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{E(this,I,"m",At).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){E(this,K,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);E(this,P,"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)},_t=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Lt.ketchup.data.cell.getType(s,s.shape);const i=E(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{E(this,I,"m",Rt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);E(this,J,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=E(this,I,"m",Et).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){E(this,I,"m",Vt).call(this,s,l)}return a},jt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{E(this,I,"m",Nt).call(this,s,l)}})}return a},wt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},xt=function t(i,n,e){return{initialValue:e}},Ot=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{E(this,I,"m",Nt).call(this,s,l)}}}return{label:n}},$t=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{E(this,I,"m",Nt).call(this,s,l)}})}return a},zt=function t(i,n,e){return b(e,n)},St=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){E(this,I,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{E(this,I,"m",Nt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){E(this,I,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{E(this,I,"m",Nt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){E(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){E(this,P,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},E(this,I,"m",vt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){E(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ct=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(E(this,N,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Et=function t(i,n){const e=E(this,R,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Ft=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?E(this,I,"m",t).call(this,i,n):[]}}))},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?E(this,I,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Pt=function t(i){const n=Object.assign(Object.assign({},i),{data:E(this,I,"m",yt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Rt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,E(this,I,"m",mt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=E(this,I,"m",Et).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Nt=async function t(i,n){var e,s;const l=E(this,I,"m",X).call(this,n);if(i.mandatory){E(this,I,"m",Gt).call(this,n,l.value?null:E(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{E(this,I,"m",Gt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:E(this,I,"m",mt).call(this),fun:i.fun});if(t){E(this,I,"m",Gt).call(this,n,null)}else{E(this,I,"m",Gt).call(this,n,E(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&E(this,I,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},E(this,N,"f")),after:E(this,I,"m",mt).call(this)},n)}},Vt=function t(i,n){const e=E(this,G,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=E(this,I,"m",X).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){E(this,I,"m",Gt).call(this,n,l.value?null:E(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{E(this,I,"m",Gt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:E(this,I,"m",mt).call(this),fun:i.fun});E(this,I,"m",Gt).call(this,n,t?null:E(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&E(this,I,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},E(this,N,"f")),after:E(this,I,"m",mt).call(this)},n)}};this.rootElement.addEventListener(e,s);E(this,J,"f").push({event:e,handler:s})},Gt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},Jt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},At=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:E(this,I,"m",mt).call(this)}):this.submitCb({value:{before:Object.assign({},E(this,N,"f")),after:E(this,I,"m",mt).call(this)},cell:n})};Ht.style=C;export{Ht as kup_input_panel};
-//# sourceMappingURL=p-01e7a8d0.entry.js.map