@sme.up/ketchup 11.0.0-SNAPSHOT-20241126152113 → 11.0.0-SNAPSHOT-20241127090925
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-cell-6a401f54.js → f-cell-9e9a291e.js} +4 -4
- package/dist/cjs/{f-cell-6a401f54.js.map → f-cell-9e9a291e.js.map} +1 -1
- package/dist/cjs/{f-chip-525536f4.js → f-chip-43fb65b2.js} +2 -2
- package/dist/cjs/{f-chip-525536f4.js.map → f-chip-43fb65b2.js.map} +1 -1
- package/dist/cjs/{f-paginator-utils-f6758cd9.js → f-paginator-utils-ada85b68.js} +2 -2
- package/dist/cjs/{f-paginator-utils-f6758cd9.js.map → f-paginator-utils-ada85b68.js.map} +1 -1
- package/dist/cjs/{f-text-field-3bdc88d7.js → f-text-field-be868b63.js} +5 -2
- package/dist/cjs/f-text-field-be868b63.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +6 -6
- package/dist/cjs/kup-box.cjs.entry.js +6 -6
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +4 -4
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-d64f7d7a.js → kup-data-table-helper-fd333383.js} +2 -2
- package/dist/cjs/{kup-data-table-helper-d64f7d7a.js.map → kup-data-table-helper-fd333383.js.map} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
- package/dist/cjs/kup-input-panel.cjs.entry.js +4 -4
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-c352f5e2.js → kup-manager-a588c6da.js} +2 -2
- package/dist/cjs/{kup-manager-c352f5e2.js.map → kup-manager-a588c6da.js.map} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-txt.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/f-components/f-text-field/f-text-field.js +3 -0
- package/dist/collection/f-components/f-text-field/f-text-field.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +3 -0
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-manager.js +1 -1
- package/dist/components/kup-manager.js.map +1 -1
- package/dist/esm/{f-cell-d344559d.js → f-cell-dc844fda.js} +4 -4
- package/dist/esm/{f-cell-d344559d.js.map → f-cell-dc844fda.js.map} +1 -1
- package/dist/esm/{f-chip-b5a960e4.js → f-chip-9103ffc9.js} +2 -2
- package/dist/esm/{f-chip-b5a960e4.js.map → f-chip-9103ffc9.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-59096636.js → f-paginator-utils-6edcb9c3.js} +2 -2
- package/dist/esm/{f-paginator-utils-59096636.js.map → f-paginator-utils-6edcb9c3.js.map} +1 -1
- package/dist/esm/{f-text-field-3e8f19e4.js → f-text-field-80930605.js} +5 -2
- package/dist/{ketchup/p-a61546b9.js.map → esm/f-text-field-80930605.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_28.entry.js +6 -6
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +4 -4
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-d87897de.js → kup-data-table-helper-995fc188.js} +2 -2
- package/dist/esm/{kup-data-table-helper-d87897de.js.map → kup-data-table-helper-995fc188.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +4 -4
- package/dist/esm/kup-input-panel.entry.js +4 -4
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-734ac610.js → kup-manager-e9b17e17.js} +2 -2
- package/dist/esm/{kup-manager-734ac610.js.map → kup-manager-e9b17e17.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-txt.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-6e8c175f.entry.js → p-02503afe.entry.js} +2 -2
- package/dist/ketchup/{p-c1eab0b5.entry.js → p-043324c6.entry.js} +2 -2
- package/dist/ketchup/{p-41373d28.js → p-0facfbaf.js} +2 -2
- package/dist/ketchup/p-2acd1e25.js +2 -0
- package/dist/ketchup/p-2acd1e25.js.map +1 -0
- package/dist/ketchup/{p-ce5f056b.entry.js → p-2deef1fb.entry.js} +2 -2
- package/dist/ketchup/{p-a2b1c88f.entry.js → p-40349e58.entry.js} +2 -2
- package/dist/ketchup/{p-c3fd52bb.entry.js → p-4175b5ce.entry.js} +2 -2
- package/dist/ketchup/{p-99aa3fd5.entry.js → p-44a9afa7.entry.js} +2 -2
- package/dist/ketchup/{p-f1ccd876.js → p-54f6e4df.js} +4 -4
- package/dist/ketchup/p-54f6e4df.js.map +1 -0
- package/dist/ketchup/{p-d2f32f1c.entry.js → p-574e970a.entry.js} +2 -2
- package/dist/ketchup/{p-7142f2cb.js → p-6b225612.js} +2 -2
- package/dist/ketchup/{p-5e7bdc8f.entry.js → p-70ea1441.entry.js} +2 -2
- package/dist/ketchup/{p-8d393000.entry.js → p-76573017.entry.js} +2 -2
- package/dist/ketchup/{p-d3318d46.entry.js → p-7fc2ece1.entry.js} +2 -2
- package/dist/ketchup/p-81876eef.entry.js +2 -0
- package/dist/ketchup/{p-ad948253.entry.js.map → p-81876eef.entry.js.map} +1 -1
- package/dist/ketchup/{p-733fa75d.entry.js → p-836b5606.entry.js} +2 -2
- package/dist/ketchup/{p-a533d712.entry.js → p-854b4c27.entry.js} +2 -2
- package/dist/ketchup/{p-95e2b3e9.entry.js → p-87e71fb1.entry.js} +2 -2
- package/dist/ketchup/{p-03746a30.entry.js → p-8a540599.entry.js} +2 -2
- package/dist/ketchup/{p-1cd09e44.entry.js → p-8a7e8043.entry.js} +2 -2
- package/dist/ketchup/{p-e0fffd5d.entry.js → p-9bae40e3.entry.js} +2 -2
- package/dist/ketchup/{p-8bfe8781.entry.js → p-a3ae1c57.entry.js} +2 -2
- package/dist/ketchup/{p-9fc0c161.entry.js → p-b2e6fcf9.entry.js} +2 -2
- package/dist/ketchup/{p-8c8dda16.entry.js → p-b3bee19d.entry.js} +2 -2
- package/dist/ketchup/{p-743d9b2c.entry.js → p-b413dbae.entry.js} +2 -2
- package/dist/ketchup/{p-36a98a27.entry.js → p-b44cdd98.entry.js} +2 -2
- package/dist/ketchup/{p-80cf6fc6.entry.js → p-b6589b6a.entry.js} +2 -2
- package/dist/ketchup/{p-13afe462.entry.js → p-badd6e2e.entry.js} +2 -2
- package/dist/ketchup/{p-507e6f98.entry.js → p-c0ded373.entry.js} +2 -2
- package/dist/ketchup/{p-7ca44626.entry.js → p-c739bb15.entry.js} +2 -2
- package/dist/ketchup/{p-4166302d.entry.js → p-cfb1d74e.entry.js} +2 -2
- package/dist/ketchup/{p-66d129ca.entry.js → p-cfee9a84.entry.js} +2 -2
- package/dist/ketchup/{p-69b1117e.js → p-d5ec4d2e.js} +2 -2
- package/dist/ketchup/{p-c4ff4d97.js → p-df8c4398.js} +2 -2
- package/dist/ketchup/{p-3ed44151.entry.js → p-e2506dce.entry.js} +2 -2
- package/dist/ketchup/{p-edf45917.entry.js → p-ff4f5497.entry.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/f-text-field-3bdc88d7.js.map +0 -1
- package/dist/esm/f-text-field-3e8f19e4.js.map +0 -1
- package/dist/ketchup/p-a61546b9.js +0 -2
- package/dist/ketchup/p-ad948253.entry.js +0 -2
- package/dist/ketchup/p-f1ccd876.js.map +0 -1
- /package/dist/ketchup/{p-6e8c175f.entry.js.map → p-02503afe.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c1eab0b5.entry.js.map → p-043324c6.entry.js.map} +0 -0
- /package/dist/ketchup/{p-41373d28.js.map → p-0facfbaf.js.map} +0 -0
- /package/dist/ketchup/{p-ce5f056b.entry.js.map → p-2deef1fb.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a2b1c88f.entry.js.map → p-40349e58.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c3fd52bb.entry.js.map → p-4175b5ce.entry.js.map} +0 -0
- /package/dist/ketchup/{p-99aa3fd5.entry.js.map → p-44a9afa7.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d2f32f1c.entry.js.map → p-574e970a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-7142f2cb.js.map → p-6b225612.js.map} +0 -0
- /package/dist/ketchup/{p-5e7bdc8f.entry.js.map → p-70ea1441.entry.js.map} +0 -0
- /package/dist/ketchup/{p-8d393000.entry.js.map → p-76573017.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d3318d46.entry.js.map → p-7fc2ece1.entry.js.map} +0 -0
- /package/dist/ketchup/{p-733fa75d.entry.js.map → p-836b5606.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a533d712.entry.js.map → p-854b4c27.entry.js.map} +0 -0
- /package/dist/ketchup/{p-95e2b3e9.entry.js.map → p-87e71fb1.entry.js.map} +0 -0
- /package/dist/ketchup/{p-03746a30.entry.js.map → p-8a540599.entry.js.map} +0 -0
- /package/dist/ketchup/{p-1cd09e44.entry.js.map → p-8a7e8043.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e0fffd5d.entry.js.map → p-9bae40e3.entry.js.map} +0 -0
- /package/dist/ketchup/{p-8bfe8781.entry.js.map → p-a3ae1c57.entry.js.map} +0 -0
- /package/dist/ketchup/{p-9fc0c161.entry.js.map → p-b2e6fcf9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-8c8dda16.entry.js.map → p-b3bee19d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-743d9b2c.entry.js.map → p-b413dbae.entry.js.map} +0 -0
- /package/dist/ketchup/{p-36a98a27.entry.js.map → p-b44cdd98.entry.js.map} +0 -0
- /package/dist/ketchup/{p-80cf6fc6.entry.js.map → p-b6589b6a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-13afe462.entry.js.map → p-badd6e2e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-507e6f98.entry.js.map → p-c0ded373.entry.js.map} +0 -0
- /package/dist/ketchup/{p-7ca44626.entry.js.map → p-c739bb15.entry.js.map} +0 -0
- /package/dist/ketchup/{p-4166302d.entry.js.map → p-cfb1d74e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-66d129ca.entry.js.map → p-cfee9a84.entry.js.map} +0 -0
- /package/dist/ketchup/{p-69b1117e.js.map → p-d5ec4d2e.js.map} +0 -0
- /package/dist/ketchup/{p-c4ff4d97.js.map → p-df8c4398.js.map} +0 -0
- /package/dist/ketchup/{p-3ed44151.entry.js.map → p-e2506dce.entry.js.map} +0 -0
- /package/dist/ketchup/{p-edf45917.entry.js.map → p-ff4f5497.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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,ai as b,aj as k,e as h}from"./p-f1ccd876.js";import{h as v,g as m,F as g}from"./p-d7c15b0e.js";import{F as j}from"./p-5d03c077.js";import{F as w}from"./p-a61546b9.js";import{F as O}from"./p-2b519589.js";import{F as y,c as $}from"./p-41373d28.js";import{F as x}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 C;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(C||(C={}));var I;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(I||(I={}));var z;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(z||(z={}));const N=e=>{if(!e.sizing){e.sizing=z.MEDIUM}e.sizing.toLowerCase()===z.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return v("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}),v("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},v("div",{class:t},v("div",{class:"switch__track"}),v("div",{class:"switch__thumb-underlay"},v("div",{class:"switch__thumb"},v("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})))),v("label",{onClick:e.onChange},e.label)))};const F=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=H(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=v("span",{class:"label"},e.label)}else{a=v("span",{class:"label"},e.value,v("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 v("div",{class:t},a,v("div",{class:s},v("div",{style:n,class:"left-side half-circle"}),v("div",{class:"right-side half-circle"})),v("div",{class:"shadow"}))}else{return v("div",{class:t},v("div",{class:"progress-bar-percentage",style:c},v("span",{style:i},a)))}};function H(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return v("span",{class:"label kup-icon is-image"},v("img",{src:e.icon}))}else{let t=`url('${m(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return v("span",{style:s,class:"label kup-icon"})}}var D;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(D||(D={}));const T=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||D.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(v("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},v("div",{class:c},i===D.RADIO?v("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}):v(g,null,t.checked?v(O,{resource:"check",sizeX:"14px",sizeY:"14px"}):v(O,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===D.RADIO&&v("div",{class:"radio__background"},v("div",{class:"radio__outer-circle"}),v("div",{class:"radio__inner-circle"}))),v("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 v("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 M=e=>{if(!e.maxValue){e.maxValue=5}return v("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:""}`},S(e))};function S(e){const t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const E=document.documentElement;const V=(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=!E.ketchup.objects.isEmptyKupObj(l.obj);let h=false;if(l.hasOwnProperty("isEditable")){h=l.isEditable}else if(o.hasOwnProperty("isEditable")){h=o.isEditable}h=h&&e.editable;if(l.options){l.data=(a=X(l,o))!==null&&a!==void 0?a:l.data}const m=e.previousValue!==l.value?l.value:"";const g=E.ketchup.data.cell.getType(l,d);const j=Object.assign({},l.data);let w=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){w+=" monospace c-pre"}const y={"f-cell":true,[u.OBJ]:f?true:false,[g+"-cell"]:true,[e.wrapperClass]:e.wrapperClass?true:false,[e.density]:e.density&&g!==i.BAR?true:false,[w]:w?true:false,"c-input-uppercase":b(l),"c-input-lowercase":k(l)};let $=m;if(!l.data){ne(g,l)}if(h&&t.includes(g)){$=ee(g,y,l,o,e)}else if(l.data&&s.includes(g)){if(e.setSizes){Z(g,j,l)}if(!e.renderKup){const e="cell-"+g+" placeholder";$=v("span",{class:e})}else{$=se(g,y,j,l,r,o,e)}}else{if(e.setSizes){Q(g,j,l,e)}$=te(g,j,$,y,l,o,e)}let x=null;if(!h&&(o.icon||l.icon)&&$){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"};x=v(O,Object.assign({},e))}let _=null;if(E.ketchup.debug.isDebug()&&f){_=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){_=l.title}let C=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"};C=v(O,Object.assign({},t))}return v("div",{onKeyUp:t=>ie(t,e,g,p.KEYUP),class:y,"kup-get-cell-props":()=>e,ref:e=>l.element=e,style:l.style},v("div",{class:"f-cell__content",style:l.styleContent,title:_},e.cellActionIcon&&v(O,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${g===i.NUMBER?"left":"right"}`,onClick:e.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[e.indents,C,x,$]))};const X=(e,t)=>{if(!e){return null}const s=e.options;const n=t.title;const c=e.value;const a=E.ketchup.data.cell.getType(e,e.shape);const l=new Map([[i.BUTTON_LIST,W.bind(undefined)],[i.STRING,A.bind(undefined)],[i.RADIO,B.bind(undefined)],[i.AUTOCOMPLETE,G.bind(undefined)],[i.COMBOBOX,G.bind(undefined)],[i.CHECKBOX,K.bind(undefined)],[i.OBJECT,Y.bind(undefined)],[i.CHIP,R.bind(undefined)]]);const o=l.get(a);return o?o(s,n,c,e):null};const R=(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 Y=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const K=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const W=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const A=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const B=(e,t,s,n)=>{const i=c(s,e);n.data=Object.assign(Object.assign({},n.data),i)};const G=(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=P(e,s);return n}};const P=(e,t)=>{const s=J.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 L=(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)?L(e,t):[]}}));const U=(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)?U(e,t):[]}}));const q=(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 J=new Map([["SmeupTreeNode",L.bind(undefined)],["SmeupDataTree",U.bind(undefined)],["SmeupTable",q.bind(undefined)],["SmeupDataTable",q.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 Z(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 ee(t,s,n,c,a){var l,r;switch(t){case i.AUTOCOMPLETE:return v("kup-autocomplete",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-autocomplete-change":e=>ie(e,a,t,p.UPDATE),"onkup-autocomplete-input":e=>ie(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>ie(e,a,t,p.ICON_CLICK)}));case i.CHECKBOX:if(ae(a)){s[u.C_CENTERED]=true}if(n.shape===o.INPUT_CHECKBOX){return v("input",{checked:n.value==="on"||n.value==="1"?true:false,class:"input-checkbox",onChange:e=>ie(e,a,t,p.UPDATE),type:"checkbox"})}else{return v(j,Object.assign({},n.data,{onChange:e=>ie(e,a,t,p.UPDATE)}))}case i.CHIP:return v("kup-chip",Object.assign({},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-text-field",Object.assign({fullWidth:true,slot:"field"},n.slotData,{error:n.data.error})));case i.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":e=>ie(e,a,t,p.UPDATE)}));case i.COMBOBOX:return v("kup-combobox",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-combobox-change":e=>ie(e,a,t,p.UPDATE),"onkup-combobox-input":e=>ie(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>ie(e,a,t,p.ICON_CLICK)}));case i.DATE:return v("kup-date-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-datepicker-change":e=>ie(e,a,t,p.UPDATE),"onkup-datepicker-input":e=>ie(e,a,t,p.INPUT)}));case i.MULTI_AUTOCOMPLETE:return v("kup-chip",Object.assign({displayId:true},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":e=>ie(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>ie(e,a,t,p.ICON_CLICK),showDropDownIcon:false},n.slotData,{error:n.data.error})));case i.MULTI_COMBOBOX:return v("kup-chip",Object.assign({displayId:true},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-combobox-input":e=>ie(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>ie(e,a,t,p.ICON_CLICK)},n.slotData,{error:n.data.error})));case i.RADIO:return v(T,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}}ie(s,a,t,p.UPDATE)}}));case i.RATING:return v("kup-rating",Object.assign({key:c.name+a.row.id},n.data,{disabled:false,"onkup-rating-click":e=>ie(e,a,t,p.UPDATE)}));case i.SWITCH:return v(N,Object.assign({},n.data,{disabled:false,onChange:e=>ie(e,a,t,p.UPDATE)}));case i.TIME:return v("kup-time-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-timepicker-change":e=>ie(e,a,t,p.UPDATE),"onkup-timepicker-input":e=>ie(e,a,t,p.INPUT)}));case i.OBJECT:return v(g,null,v(w,Object.assign({icon:"table"},n.data,{disabled:false,onIconClick:e=>ie(e,a,t,p.ICON_CLICK)})),v(x,{icon:"menu",onClick:e=>ie(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=>ie(e,a,t,p.UPDATE);const f=e=>ie(e,a,t,p.INPUT);const b=t===i.NUMBER?"number":null;const k=t===i.NUMBER&&n.value?E.ketchup.math.numberifySafe(n.value).toString():n.value;if(n.shape===o.INPUT_FIELD){return v("input",{class:"input-field",onChange:d,onInput:f,type:b,value:k,maxLength:(r=(l=c.cellData)===null||l===void 0?void 0:l.maxLength)!==null&&r!==void 0?r:-1})}else{return v(w,Object.assign({inputType:b,fullWidth:le(a)?true:false},n.data,{icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:c.icon?c.icon:null,value:k,onChange:d,onInput:f,onIconClick:e=>ie(e,a,t,p.ICON_CLICK)}))}}}function te(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 v("div",{class:"f-cell__text"},e)}return s;case i.CHECKBOX:if(ae(l)){n[u.C_CENTERED]=true}return v(O,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return v("div",{innerHTML:c.value});case i.ICON:if(ae(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return v(O,Object.assign({},t));case i.IMAGE:if(ae(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return v(O,Object.assign({},t));case i.LINK:return v("a",{href:s,target:"_blank"},c.value);case i.NUMBER:if(s&&s!=""){const e=E.ketchup.math.numberifySafe(c.value);const t=f(a,c);if(e<0){n[u.TEXT_DANGER]=true}if(ae(l)){n[u.C_RIGHT_ALIGNED]=true}return v("div",{class:"f-cell__text"},t)}return v("div",{class:"f-cell__text"},s);case i.SWITCH:if(ae(l)){n[u.C_CENTERED]=true}t["disabled"]=true;return v(N,Object.assign({},t));default:return v("div",{class:"f-cell__text"},s)}}function se(e,t,s,n,c,a,l){switch(e){case i.BAR:if(!s.data){return v("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return v("div",{style:e},v(O,Object.assign({},s)))}case i.BUTTON:if(ae(l)){t[u.C_CENTERED]=true}return v(x,Object.assign({},s,{onClick:t=>ie(t,l,e,p.CLICK)}));case i.BUTTON_LIST:if(ae(l)){t[u.C_CENTERED]=true}s["data-storage"]={cell:n,row:c,column:a};return v("kup-button-list",Object.assign({key:a.name+l.row.id},s));case i.CHART:if(ae(l)){t[u.C_CENTERED]=true}return v("kup-chart",Object.assign({key:a.name+l.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return v($,Object.assign({},s));case i.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:le(l)?"kup-full-width":"",disabled:true}));case i.GAUGE:return v("kup-gauge",Object.assign({key:a.name+l.row.id,value:E.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?v("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):v(F,Object.assign({},s));case i.RADIO:if(ae(l)){t[u.C_CENTERED]=true}s["disabled"]=c.readOnly;return v(T,Object.assign({},s));case i.RATING:return v(M,Object.assign({},s,{disabled:true}));case i.OBJECT:return v(w,Object.assign({icon:"table"},s,{disabled:true}))}}function ne(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 ie(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=ce(e,s);if(b(c)){t=t===null||t===void 0?void 0:t.toUpperCase()}else if(k(c)){t=t===null||t===void 0?void 0:t.toLowerCase()}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){E.ketchup.debug.logMessage(l,e,h.ERROR)}}}}function ce(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=E.ketchup.math.formattedStringToNumberString(n,"")}return n}function ae(e){var t;return d.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function le(e){var t;return r.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{V as F,I,C as K,_ as a,F as b,T as c,M as d,z as e,N as f};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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,ai as b,aj as k,e as h}from"./p-54f6e4df.js";import{h as v,g as m,F as g}from"./p-d7c15b0e.js";import{F as j}from"./p-5d03c077.js";import{F as w}from"./p-2acd1e25.js";import{F as O}from"./p-2b519589.js";import{F as y,c as $}from"./p-0facfbaf.js";import{F as x}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 C;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(C||(C={}));var I;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(I||(I={}));var z;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(z||(z={}));const N=e=>{if(!e.sizing){e.sizing=z.MEDIUM}e.sizing.toLowerCase()===z.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return v("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}),v("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},v("div",{class:t},v("div",{class:"switch__track"}),v("div",{class:"switch__thumb-underlay"},v("div",{class:"switch__thumb"},v("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})))),v("label",{onClick:e.onChange},e.label)))};const F=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=H(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=v("span",{class:"label"},e.label)}else{a=v("span",{class:"label"},e.value,v("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 v("div",{class:t},a,v("div",{class:s},v("div",{style:n,class:"left-side half-circle"}),v("div",{class:"right-side half-circle"})),v("div",{class:"shadow"}))}else{return v("div",{class:t},v("div",{class:"progress-bar-percentage",style:c},v("span",{style:i},a)))}};function H(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return v("span",{class:"label kup-icon is-image"},v("img",{src:e.icon}))}else{let t=`url('${m(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return v("span",{style:s,class:"label kup-icon"})}}var D;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(D||(D={}));const T=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||D.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(v("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},v("div",{class:c},i===D.RADIO?v("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}):v(g,null,t.checked?v(O,{resource:"check",sizeX:"14px",sizeY:"14px"}):v(O,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===D.RADIO&&v("div",{class:"radio__background"},v("div",{class:"radio__outer-circle"}),v("div",{class:"radio__inner-circle"}))),v("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 v("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 M=e=>{if(!e.maxValue){e.maxValue=5}return v("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:""}`},S(e))};function S(e){const t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const E=document.documentElement;const V=(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=!E.ketchup.objects.isEmptyKupObj(l.obj);let h=false;if(l.hasOwnProperty("isEditable")){h=l.isEditable}else if(o.hasOwnProperty("isEditable")){h=o.isEditable}h=h&&e.editable;if(l.options){l.data=(a=X(l,o))!==null&&a!==void 0?a:l.data}const m=e.previousValue!==l.value?l.value:"";const g=E.ketchup.data.cell.getType(l,d);const j=Object.assign({},l.data);let w=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){w+=" monospace c-pre"}const y={"f-cell":true,[u.OBJ]:f?true:false,[g+"-cell"]:true,[e.wrapperClass]:e.wrapperClass?true:false,[e.density]:e.density&&g!==i.BAR?true:false,[w]:w?true:false,"c-input-uppercase":b(l),"c-input-lowercase":k(l)};let $=m;if(!l.data){ne(g,l)}if(h&&t.includes(g)){$=ee(g,y,l,o,e)}else if(l.data&&s.includes(g)){if(e.setSizes){Z(g,j,l)}if(!e.renderKup){const e="cell-"+g+" placeholder";$=v("span",{class:e})}else{$=se(g,y,j,l,r,o,e)}}else{if(e.setSizes){Q(g,j,l,e)}$=te(g,j,$,y,l,o,e)}let x=null;if(!h&&(o.icon||l.icon)&&$){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"};x=v(O,Object.assign({},e))}let _=null;if(E.ketchup.debug.isDebug()&&f){_=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){_=l.title}let C=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"};C=v(O,Object.assign({},t))}return v("div",{onKeyUp:t=>ie(t,e,g,p.KEYUP),class:y,"kup-get-cell-props":()=>e,ref:e=>l.element=e,style:l.style},v("div",{class:"f-cell__content",style:l.styleContent,title:_},e.cellActionIcon&&v(O,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${g===i.NUMBER?"left":"right"}`,onClick:e.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[e.indents,C,x,$]))};const X=(e,t)=>{if(!e){return null}const s=e.options;const n=t.title;const c=e.value;const a=E.ketchup.data.cell.getType(e,e.shape);const l=new Map([[i.BUTTON_LIST,W.bind(undefined)],[i.STRING,A.bind(undefined)],[i.RADIO,B.bind(undefined)],[i.AUTOCOMPLETE,G.bind(undefined)],[i.COMBOBOX,G.bind(undefined)],[i.CHECKBOX,K.bind(undefined)],[i.OBJECT,Y.bind(undefined)],[i.CHIP,R.bind(undefined)]]);const o=l.get(a);return o?o(s,n,c,e):null};const R=(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 Y=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const K=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const W=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const A=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const B=(e,t,s,n)=>{const i=c(s,e);n.data=Object.assign(Object.assign({},n.data),i)};const G=(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=P(e,s);return n}};const P=(e,t)=>{const s=J.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 L=(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)?L(e,t):[]}}));const U=(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)?U(e,t):[]}}));const q=(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 J=new Map([["SmeupTreeNode",L.bind(undefined)],["SmeupDataTree",U.bind(undefined)],["SmeupTable",q.bind(undefined)],["SmeupDataTable",q.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 Z(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 ee(t,s,n,c,a){var l,r;switch(t){case i.AUTOCOMPLETE:return v("kup-autocomplete",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-autocomplete-change":e=>ie(e,a,t,p.UPDATE),"onkup-autocomplete-input":e=>ie(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>ie(e,a,t,p.ICON_CLICK)}));case i.CHECKBOX:if(ae(a)){s[u.C_CENTERED]=true}if(n.shape===o.INPUT_CHECKBOX){return v("input",{checked:n.value==="on"||n.value==="1"?true:false,class:"input-checkbox",onChange:e=>ie(e,a,t,p.UPDATE),type:"checkbox"})}else{return v(j,Object.assign({},n.data,{onChange:e=>ie(e,a,t,p.UPDATE)}))}case i.CHIP:return v("kup-chip",Object.assign({},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-text-field",Object.assign({fullWidth:true,slot:"field"},n.slotData,{error:n.data.error})));case i.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":e=>ie(e,a,t,p.UPDATE)}));case i.COMBOBOX:return v("kup-combobox",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-combobox-change":e=>ie(e,a,t,p.UPDATE),"onkup-combobox-input":e=>ie(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>ie(e,a,t,p.ICON_CLICK)}));case i.DATE:return v("kup-date-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-datepicker-change":e=>ie(e,a,t,p.UPDATE),"onkup-datepicker-input":e=>ie(e,a,t,p.INPUT)}));case i.MULTI_AUTOCOMPLETE:return v("kup-chip",Object.assign({displayId:true},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":e=>ie(e,a,t,p.INPUT),"onkup-autocomplete-iconclick":e=>ie(e,a,t,p.ICON_CLICK),showDropDownIcon:false},n.slotData,{error:n.data.error})));case i.MULTI_COMBOBOX:return v("kup-chip",Object.assign({displayId:true},n.data,{type:y.INPUT,enableInput:true,"onKup-chip-change":e=>ie(e,a,t,p.UPDATE)}),v("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-combobox-input":e=>ie(e,a,t,p.INPUT),"onkup-combobox-iconclick":e=>ie(e,a,t,p.ICON_CLICK)},n.slotData,{error:n.data.error})));case i.RADIO:return v(T,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}}ie(s,a,t,p.UPDATE)}}));case i.RATING:return v("kup-rating",Object.assign({key:c.name+a.row.id},n.data,{disabled:false,"onkup-rating-click":e=>ie(e,a,t,p.UPDATE)}));case i.SWITCH:return v(N,Object.assign({},n.data,{disabled:false,onChange:e=>ie(e,a,t,p.UPDATE)}));case i.TIME:return v("kup-time-picker",Object.assign({key:c.name+a.row.id,initialValue:n.value},n.data,{class:le(a)?"kup-full-width":"","onkup-timepicker-change":e=>ie(e,a,t,p.UPDATE),"onkup-timepicker-input":e=>ie(e,a,t,p.INPUT)}));case i.OBJECT:return v(g,null,v(w,Object.assign({icon:"table"},n.data,{disabled:false,onIconClick:e=>ie(e,a,t,p.ICON_CLICK)})),v(x,{icon:"menu",onClick:e=>ie(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=>ie(e,a,t,p.UPDATE);const f=e=>ie(e,a,t,p.INPUT);const b=t===i.NUMBER?"number":null;const k=t===i.NUMBER&&n.value?E.ketchup.math.numberifySafe(n.value).toString():n.value;if(n.shape===o.INPUT_FIELD){return v("input",{class:"input-field",onChange:d,onInput:f,type:b,value:k,maxLength:(r=(l=c.cellData)===null||l===void 0?void 0:l.maxLength)!==null&&r!==void 0?r:-1})}else{return v(w,Object.assign({inputType:b,fullWidth:le(a)?true:false},n.data,{icon:n.data&&n.data.icon?n.data.icon:n.icon?n.icon:c.icon?c.icon:null,value:k,onChange:d,onInput:f,onIconClick:e=>ie(e,a,t,p.ICON_CLICK)}))}}}function te(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 v("div",{class:"f-cell__text"},e)}return s;case i.CHECKBOX:if(ae(l)){n[u.C_CENTERED]=true}return v(O,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return v("div",{innerHTML:c.value});case i.ICON:if(ae(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return v(O,Object.assign({},t));case i.IMAGE:if(ae(l)){n[u.C_CENTERED]=true}if(t.badgeData){n[u.C_PADDED]=true}return v(O,Object.assign({},t));case i.LINK:return v("a",{href:s,target:"_blank"},c.value);case i.NUMBER:if(s&&s!=""){const e=E.ketchup.math.numberifySafe(c.value);const t=f(a,c);if(e<0){n[u.TEXT_DANGER]=true}if(ae(l)){n[u.C_RIGHT_ALIGNED]=true}return v("div",{class:"f-cell__text"},t)}return v("div",{class:"f-cell__text"},s);case i.SWITCH:if(ae(l)){n[u.C_CENTERED]=true}t["disabled"]=true;return v(N,Object.assign({},t));default:return v("div",{class:"f-cell__text"},s)}}function se(e,t,s,n,c,a,l){switch(e){case i.BAR:if(!s.data){return v("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return v("div",{style:e},v(O,Object.assign({},s)))}case i.BUTTON:if(ae(l)){t[u.C_CENTERED]=true}return v(x,Object.assign({},s,{onClick:t=>ie(t,l,e,p.CLICK)}));case i.BUTTON_LIST:if(ae(l)){t[u.C_CENTERED]=true}s["data-storage"]={cell:n,row:c,column:a};return v("kup-button-list",Object.assign({key:a.name+l.row.id},s));case i.CHART:if(ae(l)){t[u.C_CENTERED]=true}return v("kup-chart",Object.assign({key:a.name+l.row.id},s));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return v($,Object.assign({},s));case i.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:le(l)?"kup-full-width":"",disabled:true}));case i.GAUGE:return v("kup-gauge",Object.assign({key:a.name+l.row.id,value:E.ketchup.math.numberifySafe(n.value),"width-component":"280px"},s));case i.KNOB:case i.PROGRESS_BAR:return s.customStyle?v("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):v(F,Object.assign({},s));case i.RADIO:if(ae(l)){t[u.C_CENTERED]=true}s["disabled"]=c.readOnly;return v(T,Object.assign({},s));case i.RATING:return v(M,Object.assign({},s,{disabled:true}));case i.OBJECT:return v(w,Object.assign({icon:"table"},s,{disabled:true}))}}function ne(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 ie(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=ce(e,s);if(b(c)){t=t===null||t===void 0?void 0:t.toUpperCase()}else if(k(c)){t=t===null||t===void 0?void 0:t.toLowerCase()}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){E.ketchup.debug.logMessage(l,e,h.ERROR)}}}}function ce(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=E.ketchup.math.formattedStringToNumberString(n,"")}return n}function ae(e){var t;return d.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function le(e){var t;return r.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{V as F,I,C as K,_ as a,F as b,T as c,M as d,z as e,N as f};
|
|
2
|
+
//# sourceMappingURL=p-6b225612.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as f,s as p,e as h}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as f,s as p,e as h}from"./p-54f6e4df.js";import"./p-029c7cbe.js";var r;(function(t){t["buttonData"]="Props of the button (when isButton is set to true).";t["isButton"]="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.";t["src"]="The address the iframe should be referencing to."})(r||(r={}));const l=".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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";const g=l;const u=class{constructor(e){t(this,e);this.kupIframeError=i(this,"kup-iframe-error",6);this.kupIframeLoad=i(this,"kup-iframe-load",6);this.kupManager=a();this.buttonData={};this.isButton=false;this.src=undefined}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return f(this,r,t)}async refresh(){e(this)}async setProps(t){p(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(this.src===undefined||this.src===null||this.src===""){let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,h.WARNING);return}if(!this.buttonData["icon"]){this.buttonData["icon"]="open_in_new"}if(!this.buttonData["label"]){this.buttonData["label"]="Open in new tab"}return!this.isButton?n(o,{"is-iframe":true},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src})):n(o,{"is-button":true},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()})))}get rootElement(){return s(this)}};u.style=g;export{u as kup_iframe};
|
|
2
|
+
//# sourceMappingURL=p-70ea1441.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as n,f as i,h as e,H as a,d as s}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as n,f as i,h as e,H as a,d as s}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-54f6e4df.js";import{a as l,F as r}from"./p-68e220e8.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const a={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},a))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let a=this.data[i];if(e!=-1){return a.children[e].obj}return a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(a,{key:"d7b768251df8d87d8ea1c93e27187e57a6a65452"},e("style",{key:"aa51626a29652773da249bdec6c2f74349e58821"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"4ff5f450206f98e3852d768a82ad47f741a1ae63",id:c},e("div",{key:"b9a19b554bc583a747fe302cd09b3fbaf3540d72",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
|
|
2
|
+
//# sourceMappingURL=p-76573017.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-54f6e4df.js";import{c as s}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var d;(function(i){i["columns"]="The number of columns displayed by the grid, the default behavior is 12.";i["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";i["singleLine"]="When set to true, forces the content on a single line."})(d||(d={}));const g=".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_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";const u=g;const f=class{constructor(n){i(this,n);this.kupManager=l();this.columns=12;this.customStyle="";this.singleLine=false}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const i=this.rootElement.children;if(!i||i.length===0){this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);return}const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine){a=t("slot",{name:`${e}`})}else{const n=i[e]["span"]||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};if(this.columns&&this.columns!==12){a["--kup_grid_columns"]=this.columns}return t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};f.style=u;export{f as kup_grid};
|
|
2
|
+
//# sourceMappingURL=p-7fc2ece1.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-54f6e4df.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"8d7afacda7cc4439039c941af5d9150ed668d03f"},s?i("style",null,s):null,i("div",{key:"4a15796d3c5cc632b326bddef692c640edc1c366",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{c as kup_probe};
|
|
2
|
+
//# sourceMappingURL=p-81876eef.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["KupProbe","this","kupManager","kupManagerInstance","startTime","performance","now","featuresStartTime","endTime","debug","language","longCycleProp","longCycleVar","objects","objectsFunction","theme","printLifecycleTime","featuresTime","fullTime","content","rootElement","tagName","id","refresh","forceUpdate","longCycleObjects","index","isNumber","t","p","k","longCycleObjectsFunction","componentWillLoad","features","logLoad","register","componentDidLoad","componentWillRender","logRender","componentDidRender","render","customStyle","setKupStyle","h","Host","key","componentWrapperId","disconnectedCallback","unregister"],"sources":["src/components/kup-probe/kup-probe.tsx"],"sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { KupComponent } from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\n\n@Component({\n tag: 'kup-probe',\n shadow: true,\n})\nexport class KupProbe {\n /**\n * References the root HTML element of the component (<kup-probe>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Lifecycle time.\n * @default null\n */\n @State() content: string = null;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Specify features to test.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() features: {\n debug: boolean;\n language: boolean;\n longCycleProp: boolean;\n longCycleVar: boolean;\n objects: boolean;\n objectsFunction: boolean;\n theme: boolean;\n } = {\n debug: false,\n language: false,\n longCycleProp: false,\n longCycleVar: false,\n objects: false,\n objectsFunction: false,\n theme: false,\n };\n /**\n * Uncomment the code below to test render times with many props (100).\n */\n /*\n @Prop({ reflect: true }) test001 = 'null';\n @Prop({ reflect: true }) test002 = 'null';\n @Prop({ reflect: true }) test003 = 'null';\n @Prop({ reflect: true }) test004 = 'null';\n @Prop({ reflect: true }) test005 = 'null';\n @Prop({ reflect: true }) test006 = 'null';\n @Prop({ reflect: true }) test007 = 'null';\n @Prop({ reflect: true }) test008 = 'null';\n @Prop({ reflect: true }) test009 = 'null';\n @Prop({ reflect: true }) test010 = 'null';\n @Prop({ reflect: true }) test011 = 'null';\n @Prop({ reflect: true }) test012 = 'null';\n @Prop({ reflect: true }) test013 = 'null';\n @Prop({ reflect: true }) test014 = 'null';\n @Prop({ reflect: true }) test015 = 'null';\n @Prop({ reflect: true }) test016 = 'null';\n @Prop({ reflect: true }) test017 = 'null';\n @Prop({ reflect: true }) test018 = 'null';\n @Prop({ reflect: true }) test019 = 'null';\n @Prop({ reflect: true }) test020 = 'null';\n @Prop({ reflect: true }) test021 = 'null';\n @Prop({ reflect: true }) test022 = 'null';\n @Prop({ reflect: true }) test023 = 'null';\n @Prop({ reflect: true }) test024 = 'null';\n @Prop({ reflect: true }) test025 = 'null';\n @Prop({ reflect: true }) test026 = 'null';\n @Prop({ reflect: true }) test027 = 'null';\n @Prop({ reflect: true }) test028 = 'null';\n @Prop({ reflect: true }) test029 = 'null';\n @Prop({ reflect: true }) test030 = 'null';\n @Prop({ reflect: true }) test031 = 'null';\n @Prop({ reflect: true }) test032 = 'null';\n @Prop({ reflect: true }) test033 = 'null';\n @Prop({ reflect: true }) test034 = 'null';\n @Prop({ reflect: true }) test035 = 'null';\n @Prop({ reflect: true }) test036 = 'null';\n @Prop({ reflect: true }) test037 = 'null';\n @Prop({ reflect: true }) test038 = 'null';\n @Prop({ reflect: true }) test039 = 'null';\n @Prop({ reflect: true }) test040 = 'null';\n @Prop({ reflect: true }) test041 = 'null';\n @Prop({ reflect: true }) test042 = 'null';\n @Prop({ reflect: true }) test043 = 'null';\n @Prop({ reflect: true }) test044 = 'null';\n @Prop({ reflect: true }) test045 = 'null';\n @Prop({ reflect: true }) test046 = 'null';\n @Prop({ reflect: true }) test047 = 'null';\n @Prop({ reflect: true }) test048 = 'null';\n @Prop({ reflect: true }) test049 = 'null';\n @Prop({ reflect: true }) test050 = 'null';\n @Prop({ reflect: true }) test051 = 'null';\n @Prop({ reflect: true }) test052 = 'null';\n @Prop({ reflect: true }) test053 = 'null';\n @Prop({ reflect: true }) test054 = 'null';\n @Prop({ reflect: true }) test055 = 'null';\n @Prop({ reflect: true }) test056 = 'null';\n @Prop({ reflect: true }) test057 = 'null';\n @Prop({ reflect: true }) test058 = 'null';\n @Prop({ reflect: true }) test059 = 'null';\n @Prop({ reflect: true }) test060 = 'null';\n @Prop({ reflect: true }) test061 = 'null';\n @Prop({ reflect: true }) test062 = 'null';\n @Prop({ reflect: true }) test063 = 'null';\n @Prop({ reflect: true }) test064 = 'null';\n @Prop({ reflect: true }) test065 = 'null';\n @Prop({ reflect: true }) test066 = 'null';\n @Prop({ reflect: true }) test067 = 'null';\n @Prop({ reflect: true }) test068 = 'null';\n @Prop({ reflect: true }) test069 = 'null';\n @Prop({ reflect: true }) test070 = 'null';\n @Prop({ reflect: true }) test071 = 'null';\n @Prop({ reflect: true }) test072 = 'null';\n @Prop({ reflect: true }) test073 = 'null';\n @Prop({ reflect: true }) test074 = 'null';\n @Prop({ reflect: true }) test075 = 'null';\n @Prop({ reflect: true }) test076 = 'null';\n @Prop({ reflect: true }) test077 = 'null';\n @Prop({ reflect: true }) test078 = 'null';\n @Prop({ reflect: true }) test079 = 'null';\n @Prop({ reflect: true }) test080 = 'null';\n @Prop({ reflect: true }) test081 = 'null';\n @Prop({ reflect: true }) test082 = 'null';\n @Prop({ reflect: true }) test083 = 'null';\n @Prop({ reflect: true }) test084 = 'null';\n @Prop({ reflect: true }) test085 = 'null';\n @Prop({ reflect: true }) test086 = 'null';\n @Prop({ reflect: true }) test087 = 'null';\n @Prop({ reflect: true }) test088 = 'null';\n @Prop({ reflect: true }) test089 = 'null';\n @Prop({ reflect: true }) test090 = 'null';\n @Prop({ reflect: true }) test091 = 'null';\n @Prop({ reflect: true }) test092 = 'null';\n @Prop({ reflect: true }) test093 = 'null';\n @Prop({ reflect: true }) test094 = 'null';\n @Prop({ reflect: true }) test095 = 'null';\n @Prop({ reflect: true }) test096 = 'null';\n @Prop({ reflect: true }) test097 = 'null';\n @Prop({ reflect: true }) test098 = 'null';\n @Prop({ reflect: true }) test099 = 'null';\n @Prop({ reflect: true }) test100 = 'null';\n */\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n /**\n * Start performance.now()\n */\n private startTime: number = performance.now();\n /**\n * Start performance.now() inside componentWillLoad() lifecycle hook - to measure actual features\n */\n private featuresStartTime: number = null;\n /**\n * End performance.now()\n */\n private endTime: number = null;\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async printLifecycleTime(): Promise<{\n id: string;\n featuresTime: number;\n fullTime: number;\n }> {\n const featuresTime: number = this.endTime - this.featuresStartTime;\n const fullTime: number = this.endTime - this.startTime;\n this.content =\n 'Full lifecycle of this probe (' +\n this.rootElement.tagName +\n '#' +\n this.rootElement.id +\n ') took ' +\n fullTime +\n 'ms, while features took ' +\n featuresTime +\n 'ms.';\n return {\n id: this.rootElement.id,\n fullTime: fullTime,\n featuresTime: featuresTime,\n };\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private longCycleProp() {\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.customStyle;\n }\n }\n\n private longCycleVar() {\n const a: string = this.customStyle;\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = a;\n }\n }\n\n private longCycleObjects() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.kupManager.objects.isNumber({ t: 'NR', p: '', k: '' });\n }\n }\n\n private longCycleObjectsFunction() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = isNumber({ t: 'NR', p: '', k: '' });\n }\n function isNumber(obj: KupObj): boolean {\n if (obj == null) return false;\n return 'NR' === obj.t;\n }\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.featuresStartTime = performance.now();\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, false);\n }\n if (this.features.language) {\n this.kupManager.language.register(this);\n }\n if (this.features.longCycleProp) {\n this.longCycleProp();\n }\n if (this.features.longCycleVar) {\n this.longCycleVar();\n }\n if (this.features.objects) {\n this.longCycleObjects();\n }\n if (this.features.objectsFunction) {\n this.longCycleObjectsFunction();\n }\n if (this.features.theme) {\n this.kupManager.theme.register(this);\n }\n }\n\n componentDidLoad() {\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, true);\n }\n this.endTime = performance.now();\n }\n\n componentWillRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, false);\n }\n }\n\n componentDidRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, true);\n }\n }\n\n render() {\n let customStyle: string = null;\n\n if (this.features.theme) {\n customStyle = this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n );\n }\n\n return (\n <Host>\n {customStyle ? <style>{customStyle}</style> : null}\n <div id={componentWrapperId}>{this.content}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.features.language) {\n this.kupManager.language.unregister(this);\n }\n if (this.features.theme) {\n this.kupManager.theme.unregister(this);\n }\n }\n}\n"],"mappings":"iKAsBaA,EAAQ,M,yBAgKTC,KAAAC,WAAyBC,IAIzBF,KAAAG,UAAoBC,YAAYC,MAIhCL,KAAAM,kBAA4B,KAI5BN,KAAAO,QAAkB,K,aA9JC,K,iBAWG,G,cAc1B,CACAC,MAAO,MACPC,SAAU,MACVC,cAAe,MACfC,aAAc,MACdC,QAAS,MACTC,gBAAiB,MACjBC,MAAO,M,CAwIX,wBAAMC,GAKF,MAAMC,EAAuBhB,KAAKO,QAAUP,KAAKM,kBACjD,MAAMW,EAAmBjB,KAAKO,QAAUP,KAAKG,UAC7CH,KAAKkB,QACD,iCACAlB,KAAKmB,YAAYC,QACjB,IACApB,KAAKmB,YAAYE,GACjB,UACAJ,EACA,2BACAD,EACA,MACJ,MAAO,CACHK,GAAIrB,KAAKmB,YAAYE,GACrBJ,SAAUA,EACVD,aAAcA,E,CAOtB,aAAMM,GACFC,EAAYvB,K,CAOR,aAAAU,G,CAOA,YAAAC,G,CAQA,gBAAAa,GAEJ,IAAK,IAAIC,EAAQ,EAAGA,EAAQ,IAASA,IAAS,CACtCzB,KAAKC,WAAWW,QAAQc,SAAS,CAAEC,EAAG,KAAMC,EAAG,GAAIC,EAAG,I,EAI1D,wBAAAC,G,CAeR,iBAAAC,GACI/B,KAAKM,kBAAoBF,YAAYC,MACrC,GAAIL,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,M,CAExC,GAAIA,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASyB,SAASlC,K,CAEtC,GAAIA,KAAKgC,SAAStB,cAAe,CAC7BV,KAAKU,e,CAET,GAAIV,KAAKgC,SAASrB,aAAc,CAC5BX,KAAKW,c,CAET,GAAIX,KAAKgC,SAASpB,QAAS,CACvBZ,KAAKwB,kB,CAET,GAAIxB,KAAKgC,SAASnB,gBAAiB,CAC/Bb,KAAK8B,0B,CAET,GAAI9B,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMoB,SAASlC,K,EAIvC,gBAAAmC,GACI,GAAInC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,K,CAExCA,KAAKO,QAAUH,YAAYC,K,CAG/B,mBAAA+B,GACI,GAAIpC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,M,EAI9C,kBAAAsC,GACI,GAAItC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,K,EAI9C,MAAAuC,GACI,IAAIC,EAAsB,KAE1B,GAAIxC,KAAKgC,SAASlB,MAAO,CACrB0B,EAAcxC,KAAKC,WAAWa,MAAM2B,YAChCzC,KAAKmB,Y,CAIb,OACIuB,EAACC,EAAI,CAAAC,IAAA,4CACAJ,EAAcE,EAAA,aAAQF,GAAuB,KAC9CE,EAAA,OAAAE,IAAA,2CAAKvB,GAAIwB,GAAqB7C,KAAKkB,S,CAK/C,oBAAA4B,GACI,GAAI9C,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASsC,WAAW/C,K,CAExC,GAAIA,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMiC,WAAW/C,K","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["KupProbe","this","kupManager","kupManagerInstance","startTime","performance","now","featuresStartTime","endTime","debug","language","longCycleProp","longCycleVar","objects","objectsFunction","theme","printLifecycleTime","featuresTime","fullTime","content","rootElement","tagName","id","refresh","forceUpdate","longCycleObjects","index","isNumber","t","p","k","longCycleObjectsFunction","componentWillLoad","features","logLoad","register","componentDidLoad","componentWillRender","logRender","componentDidRender","render","customStyle","setKupStyle","h","Host","key","componentWrapperId","disconnectedCallback","unregister"],"sources":["src/components/kup-probe/kup-probe.tsx"],"sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { KupComponent } from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\n\n@Component({\n tag: 'kup-probe',\n shadow: true,\n})\nexport class KupProbe {\n /**\n * References the root HTML element of the component (<kup-probe>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Lifecycle time.\n * @default null\n */\n @State() content: string = null;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Specify features to test.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() features: {\n debug: boolean;\n language: boolean;\n longCycleProp: boolean;\n longCycleVar: boolean;\n objects: boolean;\n objectsFunction: boolean;\n theme: boolean;\n } = {\n debug: false,\n language: false,\n longCycleProp: false,\n longCycleVar: false,\n objects: false,\n objectsFunction: false,\n theme: false,\n };\n /**\n * Uncomment the code below to test render times with many props (100).\n */\n /*\n @Prop({ reflect: true }) test001 = 'null';\n @Prop({ reflect: true }) test002 = 'null';\n @Prop({ reflect: true }) test003 = 'null';\n @Prop({ reflect: true }) test004 = 'null';\n @Prop({ reflect: true }) test005 = 'null';\n @Prop({ reflect: true }) test006 = 'null';\n @Prop({ reflect: true }) test007 = 'null';\n @Prop({ reflect: true }) test008 = 'null';\n @Prop({ reflect: true }) test009 = 'null';\n @Prop({ reflect: true }) test010 = 'null';\n @Prop({ reflect: true }) test011 = 'null';\n @Prop({ reflect: true }) test012 = 'null';\n @Prop({ reflect: true }) test013 = 'null';\n @Prop({ reflect: true }) test014 = 'null';\n @Prop({ reflect: true }) test015 = 'null';\n @Prop({ reflect: true }) test016 = 'null';\n @Prop({ reflect: true }) test017 = 'null';\n @Prop({ reflect: true }) test018 = 'null';\n @Prop({ reflect: true }) test019 = 'null';\n @Prop({ reflect: true }) test020 = 'null';\n @Prop({ reflect: true }) test021 = 'null';\n @Prop({ reflect: true }) test022 = 'null';\n @Prop({ reflect: true }) test023 = 'null';\n @Prop({ reflect: true }) test024 = 'null';\n @Prop({ reflect: true }) test025 = 'null';\n @Prop({ reflect: true }) test026 = 'null';\n @Prop({ reflect: true }) test027 = 'null';\n @Prop({ reflect: true }) test028 = 'null';\n @Prop({ reflect: true }) test029 = 'null';\n @Prop({ reflect: true }) test030 = 'null';\n @Prop({ reflect: true }) test031 = 'null';\n @Prop({ reflect: true }) test032 = 'null';\n @Prop({ reflect: true }) test033 = 'null';\n @Prop({ reflect: true }) test034 = 'null';\n @Prop({ reflect: true }) test035 = 'null';\n @Prop({ reflect: true }) test036 = 'null';\n @Prop({ reflect: true }) test037 = 'null';\n @Prop({ reflect: true }) test038 = 'null';\n @Prop({ reflect: true }) test039 = 'null';\n @Prop({ reflect: true }) test040 = 'null';\n @Prop({ reflect: true }) test041 = 'null';\n @Prop({ reflect: true }) test042 = 'null';\n @Prop({ reflect: true }) test043 = 'null';\n @Prop({ reflect: true }) test044 = 'null';\n @Prop({ reflect: true }) test045 = 'null';\n @Prop({ reflect: true }) test046 = 'null';\n @Prop({ reflect: true }) test047 = 'null';\n @Prop({ reflect: true }) test048 = 'null';\n @Prop({ reflect: true }) test049 = 'null';\n @Prop({ reflect: true }) test050 = 'null';\n @Prop({ reflect: true }) test051 = 'null';\n @Prop({ reflect: true }) test052 = 'null';\n @Prop({ reflect: true }) test053 = 'null';\n @Prop({ reflect: true }) test054 = 'null';\n @Prop({ reflect: true }) test055 = 'null';\n @Prop({ reflect: true }) test056 = 'null';\n @Prop({ reflect: true }) test057 = 'null';\n @Prop({ reflect: true }) test058 = 'null';\n @Prop({ reflect: true }) test059 = 'null';\n @Prop({ reflect: true }) test060 = 'null';\n @Prop({ reflect: true }) test061 = 'null';\n @Prop({ reflect: true }) test062 = 'null';\n @Prop({ reflect: true }) test063 = 'null';\n @Prop({ reflect: true }) test064 = 'null';\n @Prop({ reflect: true }) test065 = 'null';\n @Prop({ reflect: true }) test066 = 'null';\n @Prop({ reflect: true }) test067 = 'null';\n @Prop({ reflect: true }) test068 = 'null';\n @Prop({ reflect: true }) test069 = 'null';\n @Prop({ reflect: true }) test070 = 'null';\n @Prop({ reflect: true }) test071 = 'null';\n @Prop({ reflect: true }) test072 = 'null';\n @Prop({ reflect: true }) test073 = 'null';\n @Prop({ reflect: true }) test074 = 'null';\n @Prop({ reflect: true }) test075 = 'null';\n @Prop({ reflect: true }) test076 = 'null';\n @Prop({ reflect: true }) test077 = 'null';\n @Prop({ reflect: true }) test078 = 'null';\n @Prop({ reflect: true }) test079 = 'null';\n @Prop({ reflect: true }) test080 = 'null';\n @Prop({ reflect: true }) test081 = 'null';\n @Prop({ reflect: true }) test082 = 'null';\n @Prop({ reflect: true }) test083 = 'null';\n @Prop({ reflect: true }) test084 = 'null';\n @Prop({ reflect: true }) test085 = 'null';\n @Prop({ reflect: true }) test086 = 'null';\n @Prop({ reflect: true }) test087 = 'null';\n @Prop({ reflect: true }) test088 = 'null';\n @Prop({ reflect: true }) test089 = 'null';\n @Prop({ reflect: true }) test090 = 'null';\n @Prop({ reflect: true }) test091 = 'null';\n @Prop({ reflect: true }) test092 = 'null';\n @Prop({ reflect: true }) test093 = 'null';\n @Prop({ reflect: true }) test094 = 'null';\n @Prop({ reflect: true }) test095 = 'null';\n @Prop({ reflect: true }) test096 = 'null';\n @Prop({ reflect: true }) test097 = 'null';\n @Prop({ reflect: true }) test098 = 'null';\n @Prop({ reflect: true }) test099 = 'null';\n @Prop({ reflect: true }) test100 = 'null';\n */\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n /**\n * Start performance.now()\n */\n private startTime: number = performance.now();\n /**\n * Start performance.now() inside componentWillLoad() lifecycle hook - to measure actual features\n */\n private featuresStartTime: number = null;\n /**\n * End performance.now()\n */\n private endTime: number = null;\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async printLifecycleTime(): Promise<{\n id: string;\n featuresTime: number;\n fullTime: number;\n }> {\n const featuresTime: number = this.endTime - this.featuresStartTime;\n const fullTime: number = this.endTime - this.startTime;\n this.content =\n 'Full lifecycle of this probe (' +\n this.rootElement.tagName +\n '#' +\n this.rootElement.id +\n ') took ' +\n fullTime +\n 'ms, while features took ' +\n featuresTime +\n 'ms.';\n return {\n id: this.rootElement.id,\n fullTime: fullTime,\n featuresTime: featuresTime,\n };\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private longCycleProp() {\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.customStyle;\n }\n }\n\n private longCycleVar() {\n const a: string = this.customStyle;\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = a;\n }\n }\n\n private longCycleObjects() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.kupManager.objects.isNumber({ t: 'NR', p: '', k: '' });\n }\n }\n\n private longCycleObjectsFunction() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = isNumber({ t: 'NR', p: '', k: '' });\n }\n function isNumber(obj: KupObj): boolean {\n if (obj == null) return false;\n return 'NR' === obj.t;\n }\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.featuresStartTime = performance.now();\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, false);\n }\n if (this.features.language) {\n this.kupManager.language.register(this);\n }\n if (this.features.longCycleProp) {\n this.longCycleProp();\n }\n if (this.features.longCycleVar) {\n this.longCycleVar();\n }\n if (this.features.objects) {\n this.longCycleObjects();\n }\n if (this.features.objectsFunction) {\n this.longCycleObjectsFunction();\n }\n if (this.features.theme) {\n this.kupManager.theme.register(this);\n }\n }\n\n componentDidLoad() {\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, true);\n }\n this.endTime = performance.now();\n }\n\n componentWillRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, false);\n }\n }\n\n componentDidRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, true);\n }\n }\n\n render() {\n let customStyle: string = null;\n\n if (this.features.theme) {\n customStyle = this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n );\n }\n\n return (\n <Host>\n {customStyle ? <style>{customStyle}</style> : null}\n <div id={componentWrapperId}>{this.content}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.features.language) {\n this.kupManager.language.unregister(this);\n }\n if (this.features.theme) {\n this.kupManager.theme.unregister(this);\n }\n }\n}\n"],"mappings":"sKAsBaA,EAAQ,M,yBAgKTC,KAAAC,WAAyBC,IAIzBF,KAAAG,UAAoBC,YAAYC,MAIhCL,KAAAM,kBAA4B,KAI5BN,KAAAO,QAAkB,K,aA9JC,K,iBAWG,G,cAc1B,CACAC,MAAO,MACPC,SAAU,MACVC,cAAe,MACfC,aAAc,MACdC,QAAS,MACTC,gBAAiB,MACjBC,MAAO,M,CAwIX,wBAAMC,GAKF,MAAMC,EAAuBhB,KAAKO,QAAUP,KAAKM,kBACjD,MAAMW,EAAmBjB,KAAKO,QAAUP,KAAKG,UAC7CH,KAAKkB,QACD,iCACAlB,KAAKmB,YAAYC,QACjB,IACApB,KAAKmB,YAAYE,GACjB,UACAJ,EACA,2BACAD,EACA,MACJ,MAAO,CACHK,GAAIrB,KAAKmB,YAAYE,GACrBJ,SAAUA,EACVD,aAAcA,E,CAOtB,aAAMM,GACFC,EAAYvB,K,CAOR,aAAAU,G,CAOA,YAAAC,G,CAQA,gBAAAa,GAEJ,IAAK,IAAIC,EAAQ,EAAGA,EAAQ,IAASA,IAAS,CACtCzB,KAAKC,WAAWW,QAAQc,SAAS,CAAEC,EAAG,KAAMC,EAAG,GAAIC,EAAG,I,EAI1D,wBAAAC,G,CAeR,iBAAAC,GACI/B,KAAKM,kBAAoBF,YAAYC,MACrC,GAAIL,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,M,CAExC,GAAIA,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASyB,SAASlC,K,CAEtC,GAAIA,KAAKgC,SAAStB,cAAe,CAC7BV,KAAKU,e,CAET,GAAIV,KAAKgC,SAASrB,aAAc,CAC5BX,KAAKW,c,CAET,GAAIX,KAAKgC,SAASpB,QAAS,CACvBZ,KAAKwB,kB,CAET,GAAIxB,KAAKgC,SAASnB,gBAAiB,CAC/Bb,KAAK8B,0B,CAET,GAAI9B,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMoB,SAASlC,K,EAIvC,gBAAAmC,GACI,GAAInC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,K,CAExCA,KAAKO,QAAUH,YAAYC,K,CAG/B,mBAAA+B,GACI,GAAIpC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,M,EAI9C,kBAAAsC,GACI,GAAItC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,K,EAI9C,MAAAuC,GACI,IAAIC,EAAsB,KAE1B,GAAIxC,KAAKgC,SAASlB,MAAO,CACrB0B,EAAcxC,KAAKC,WAAWa,MAAM2B,YAChCzC,KAAKmB,Y,CAIb,OACIuB,EAACC,EAAI,CAAAC,IAAA,4CACAJ,EAAcE,EAAA,aAAQF,GAAuB,KAC9CE,EAAA,OAAAE,IAAA,2CAAKvB,GAAIwB,GAAqB7C,KAAKkB,S,CAK/C,oBAAA4B,GACI,GAAI9C,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASsC,WAAW/C,K,CAExC,GAAIA,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMiC,WAAW/C,K","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-10dfd311.js";import{F as a}from"./p-7142f2cb.js";import{k as r,a5 as u,F as c,g as h,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-f1ccd876.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-a61546b9.js";import"./p-41373d28.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".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);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 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:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}: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__section-inline{display:inline-block;width:max-content}: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}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;var F=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 L=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 R=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 B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.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"]]]));H.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,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[c.BUTTON_LIST,F(this,B,"m",it).bind(this)],[c.EDITOR,F(this,B,"m",et).bind(this)],[c.LABEL,F(this,B,"m",lt).bind(this)],[c.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(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++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const c={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const h={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:c,style:a},r),e("div",{class:h},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"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 r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=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);F(this,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ct).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};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=>F(this,B,"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((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).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:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),c):c},ct=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=>F(this,B,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const c=`${W(n.absoluteColumn)}px`;const h={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},ht=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(F(this,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ht).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 F(this,B,"m",ut).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(!F(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);F(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)},pt=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 a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=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}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,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},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=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=>F(this,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=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){F(this,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((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:F(this,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"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=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=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(F(this,B,"m",Ft).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:[]})},_t=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 a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const c=r.get(a);return c?c(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.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({},F(this,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(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)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(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({},F(this,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=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(F(this,G,"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}},Lt=function t(i,n){const e=F(this,A,"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})))}},Rt=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)?F(this,B,"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)?F(this,B,"m",t).call(this,i,n):[]}}))},Pt=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}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).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:F(this,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).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:F(this,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=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))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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-10dfd311.js";import{F as a}from"./p-6b225612.js";import{k as r,a5 as u,F as c,g as h,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-54f6e4df.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-2acd1e25.js";import"./p-0facfbaf.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".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);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 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:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}: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__section-inline{display:inline-block;width:max-content}: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}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;var F=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 L=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 R=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 B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.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"]]]));H.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,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[c.BUTTON_LIST,F(this,B,"m",it).bind(this)],[c.EDITOR,F(this,B,"m",et).bind(this)],[c.LABEL,F(this,B,"m",lt).bind(this)],[c.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(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++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const c={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const h={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:c,style:a},r),e("div",{class:h},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"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 r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=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);F(this,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ct).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};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=>F(this,B,"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((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).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:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),c):c},ct=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=>F(this,B,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const c=`${W(n.absoluteColumn)}px`;const h={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},ht=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(F(this,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ht).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 F(this,B,"m",ut).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(!F(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);F(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)},pt=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 a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=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}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,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},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=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=>F(this,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=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){F(this,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((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:F(this,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"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=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=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(F(this,B,"m",Ft).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:[]})},_t=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 a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const c=r.get(a);return c?c(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.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({},F(this,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(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)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(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({},F(this,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=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(F(this,G,"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}},Lt=function t(i,n){const e=F(this,A,"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})))}},Rt=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)?F(this,B,"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)?F(this,B,"m",t).call(this,i,n):[]}}))},Pt=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}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).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:F(this,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).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:F(this,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=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))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
|
|
2
|
+
//# sourceMappingURL=p-836b5606.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as f,f as o,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as f,f as o,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-54f6e4df.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-10dfd311.js";import{F as y}from"./p-6b225612.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-2acd1e25.js";import"./p-0facfbaf.js";const k=".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;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,f());this.customStyle="";this.data=null;this.density=o.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
|
|
2
|
+
//# sourceMappingURL=p-854b4c27.entry.js.map
|