@sme.up/ketchup 11.0.0-SNAPSHOT-20241021152842 → 11.0.0-SNAPSHOT-20241023072631

package/dist/ketchup/p-7285b1b3.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,f as n,H as s,d as o}from"./p-d7c15b0e.js";import{a5 as a,F as l,aj as r,k as f,f as c,g as h,s as p,R as u,h as d}from"./p-26030fba.js";import{c as m}from"./p-635bb4b3.js";import{F as b}from"./p-812c59be.js";import{F as g}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-cc1abfc4.js";import"./p-13b2ca2d.js";import"./p-e3062c19.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the cell.";t["density"]="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";t["dragEnabled"]="When set to true, the component is draggable."})(y||(y={}));var v;(function(t){t["top"]="column-reverse";t["bottom"]="column";t["left"]="row-reverse";t["right"]="row"})(v||(v={}));var k=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};const x=document.documentElement;const w=(t,e)=>t.children.map((t=>{var i;return{id:t.content.codice,value:t.content.testo,selected:e===t.content.codice,children:((i=t.children)===null||i===void 0?void 0:i.length)?w(t,e):[]}}));const j=(t,e)=>t.children.map((t=>{var i;return{id:t.obj.k,value:t.value,selected:e===t.obj.k,children:((i=t.children)===null||i===void 0?void 0:i.length)?j(t,e):[]}}));const O=(t,e)=>t.rows.map((t=>{var i;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((i=n[o])===null||i===void 0?void 0:i.value)||n[s].value,selected:e===n[s].value}}));const z=(t,e)=>{const i=C.get(t.type);if(i){return i(t,e)}else{return t.map((t=>({value:t.label,id:t.id,selected:e===t.id})))}};const C=new Map([["SmeupTreeNode",w.bind(undefined)],["SmeupDataTree",j.bind(undefined)],["SmeupTable",O.bind(undefined)],["SmeupDataTable",O.bind(undefined)]]);const T=e=>{const i=e.cell?Object.assign(Object.assign({},e.cell),{data:R(e.cell,e.column),slotData:L(e.cell,e.column),isEditable:true}):null;const n=Object.assign(Object.assign({},e),{editable:true,cell:i,column:E(i.data),row:D(i.data)});if(e.cell.shape===l.TEXT_FIELD){n.cell.value=n.cell.data.value}return t(b,Object.assign({},n))};const E=t=>{const e=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"KUPCELL";const i=t&&t.obj&&t.obj.t?t.obj.t+";"+t.obj.p:"genericEmptyObject";return{name:e,title:i}};const D=t=>{const e=E(t);const i={cells:{}};i.cells[e.name]=t.cell;return i};const L=(t,e)=>{const i=x.ketchup.data.cell.getType(t,t.shape);if(!t.isEditable){return null}if(i===a.MULTI_AUTOCOMPLETE||i===a.MULTI_COMBOBOX){return Object.assign(Object.assign({},r(null,e.title,t.options)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!t.isEditable,id:e.name})}return null};const R=(t,e)=>{const i=Object.assign(Object.assign({},P(t,e)),{disabled:!t.isEditable,id:e.name});const n=x.ketchup.data.cell.getType(t,t.shape);const s=t.data||{},o=k(s,["data"]);return n!==a.MULTI_AUTOCOMPLETE&&n!==a.MULTI_COMBOBOX?_(i,Object.assign({},t.data)):Object.assign(Object.assign({},i),o)};const _=(t,e)=>{for(const i in e){if(e[i]instanceof Object&&!Array.isArray(e[i])&&i in t){t[i]=_(t[i],e[i])}else{t[i]=e[i]}}return t};const P=(t,e)=>{if(!t){return null}const i=t.options;const n=e.title;const s=t.value;const o=x.ketchup.data.cell.getType(t,t.shape);const l=new Map([[a.BUTTON_LIST,W.bind(undefined)],[a.STRING,S.bind(undefined)],[a.AUTOCOMPLETE,F.bind(undefined)],[a.COMBOBOX,F.bind(undefined)]]);const r=l.get(o);return r?r(i,n,s,t,e.name):null};const S=(t,e,i,n)=>{if(t===null||t===void 0?void 0:t[0]){return{value:t[0].label}}};const W=(t,e,i,n)=>{var s,o;return{data:((s=n.options)===null||s===void 0?void 0:s.length)?(o=n.options)===null||o===void 0?void 0:o.map((t=>({icon:t.icon,value:t.value}))):[]}};const F=(t,e,i)=>{const n=r(i,e,[]);n.data["kup-list"].data=z(t,i);return n};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:100%;width:100%}#kup-component{height:100%;width:100%}";const M=K;var I=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var U;const A=class{constructor(n){e(this,n);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);U.set(this,f());this.getLabelComponent=(e,i)=>{if(!i){return null}if(e.shape===l.RADIO){return t("span",null,i)}return null};this.customStyle="";this.data=null;this.density=c.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=v.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)<0){this.data.cssClass+=` ${i}`}}}this.refresh()}async getProps(t){return h(this,y,t)}async refresh(){n(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let e=0;e<t.length;e++){const i=t[e];if(this.data.cssClass.indexOf(i)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),"")}}}this.refresh()}async setProps(t){p(this,y,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});I(this,U,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+m),{cursorChecker(){return null}},{callback:t},u.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const e=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:I(this,U,"f").language.translate(d.EMPTY_OBJECT);return{name:t,title:e}}generateRow(){const t=this.generateColumn();const e={cells:{}};e.cells[t.name]=this.data;return e}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){I(this,U,"f").dates.register(this);I(this,U,"f").debug.logLoad(this,false);I(this,U,"f").language.register(this);I(this,U,"f").theme.register(this)}componentDidLoad(){I(this,U,"f").debug.logLoad(this,true)}componentWillRender(){I(this,U,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();I(this,U,"f").debug.logRender(this,true)}render(){const e={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};const i=this.getLabelComponent(e.cell,e.column.title);return t(s,{key:"395f8c5d9ad62699eacfe369ff53b362e162be3b"},t("style",{key:"b975f8a0e72a1cc0b301b4ec76a631f8a4476bf3"},I(this,U,"f").theme.setKupStyle(this.rootElement)),t("div",{key:"35b6fff68640929e637b2ef04266e9bd89ca43ee",id:m,style:this.showSubmit?{display:"flex","flex-direction":this.submitPosition,"align-items":"center",gap:"0.5rem"}:{}},t("div",{key:"286e3edbf419e2b83d4f5951700a66a70f59f3b6",class:{"input-panel__label_container":i?true:false}},i,t(T,Object.assign({key:"87c2ca717b6415d999ea22e2d11635de2293a08c"},e)),this.showSubmit?t(g,{buttonType:"submit",label:I(this,U,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null)))}disconnectedCallback(){I(this,U,"f").dates.unregister(this);I(this,U,"f").language.unregister(this);I(this,U,"f").theme.unregister(this)}get rootElement(){return o(this)}};U=new WeakMap;A.style=M;export{A as kup_cell};
+//# sourceMappingURL=p-7285b1b3.entry.js.map

package/dist/ketchup/p-7285b1b3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupCellProps","KupCellSubmitButtonPosition","dom","document","documentElement","treeOptionsNodeAdapter","options","currentValue","children","map","child","id","content","codice","value","testo","selected","_a","length","dataTreeOptionsChildrenAdapter","obj","k","tableOptionsAdapter","rows","row","cells","fields","Object","keys","optionsTreeComboAdapter","adapter","optionsAdapterMap","get","type","option","label","Map","bind","this","FCellOptions","props","mappedCell","cell","data","setProps","column","slotData","isEditable","mappedProps","assign","editable","generateColumn","generateRow","shape","FCellShapes","TEXT_FIELD","h","FCell","colname","t","p","coltitle","name","title","col","cellType","ketchup","getType","FCellTypes","MULTI_AUTOCOMPLETE","MULTI_COMBOBOX","CMBandACPAdapter","showDropDownIcon","class","style","width","disabled","defaultProps","mapData","noDataProps","__rest","deepObjectsMerge","target","source","key","Array","isArray","fieldLabel","dataAdapterMap","BUTTON_LIST","MainBTNAdapter","STRING","MainITXAdapter","AUTOCOMPLETE","MainCMBandACPAdapter","COMBOBOX","_fieldLabel","_currentValue","_cell","_options","_b","icon","rawOptions","configCMandACP","kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","kupManagerInstance","getLabelComponent","RADIO","FCellPadding","NONE","right","addCssClasses","classes","cssClass","index","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","didRenderInteractables","dragEnabled","dataCb","rootElement","multiple","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","language","translate","KupLanguageGeneric","EMPTY_OBJECT","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","renderKup","Host","setKupStyle","showSubmit","display","submitPosition","gap","FButton","buttonType","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/f-components/f-cell-options.tsx/f-cell-options.tsx","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["import { KupDataCell, KupEventPayload } from '../../components';\nimport { KupDataCellOptions } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the cell.',\n    density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n    dragEnabled = 'When set to true, the component is draggable.',\n}\n\nexport enum KupCellSubmitButtonPosition {\n    top = 'column-reverse',\n    bottom = 'column',\n    left = 'row-reverse',\n    right = 'row',\n}\n\nexport interface KupCellSubmitClickEventPayload extends KupEventPayload {\n    cell: KupDataCellOptions;\n}\n","import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter, RADAdapter } from '../../utils/cell-utils';\nimport {\n    FCellOptionsProps,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport {\n    DataAdapterFn,\n    KupInputPanelCell,\n} from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nconst treeOptionsNodeAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.content.codice,\n        value: child.content.testo,\n        selected: currentValue === child.content.codice,\n        children: child.children?.length\n            ? treeOptionsNodeAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.children.map((child) => ({\n        id: child.obj.k,\n        value: child.value,\n        selected: currentValue === child.obj.k,\n        children: child.children?.length\n            ? dataTreeOptionsChildrenAdapter(child, currentValue)\n            : [],\n    }));\n};\n\nconst tableOptionsAdapter = (\n    options: any,\n    currentValue: string\n): GenericObject[] => {\n    return options.rows.map((row) => {\n        const cells = row.fields || row.cells;\n        const [id, value] = Object.keys(cells);\n\n        return {\n            id: cells[id].value,\n            value: cells[value]?.value || cells[id].value,\n            selected: currentValue === cells[id].value,\n        };\n    });\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n    const adapter = optionsAdapterMap.get(options.type);\n\n    if (adapter) {\n        return adapter(options, currentValue);\n    } else {\n        return options.map((option) => ({\n            value: option.label,\n            id: option.id,\n            selected: currentValue === option.id,\n        }));\n    }\n};\n\nconst optionsAdapterMap = new Map<\n    string,\n    (options: any, currentValue: string) => GenericObject[]\n>([\n    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n    ['SmeupTable', tableOptionsAdapter.bind(this)],\n    ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n    props: FCellOptionsProps\n) => {\n    const mappedCell = props.cell\n        ? {\n              ...props.cell,\n              data: setProps(props.cell, props.column),\n              slotData: slotData(props.cell, props.column),\n              isEditable: true,\n          }\n        : null;\n\n    const mappedProps: FCellProps = {\n        ...props,\n        editable: true,\n        cell: mappedCell as KupDataCell,\n        column: generateColumn(mappedCell.data),\n        row: generateRow(mappedCell.data),\n    };\n\n    if (props.cell.shape === FCellShapes.TEXT_FIELD) {\n        mappedProps.cell.value = mappedProps.cell.data.value;\n    }\n\n    return <FCell {...mappedProps}></FCell>;\n};\n\nconst generateColumn = (data: GenericObject): KupDataColumn => {\n    const colname: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'KUPCELL';\n    const coltitle: string =\n        data && data.obj && data.obj.t\n            ? data.obj.t + ';' + data.obj.p\n            : 'genericEmptyObject';\n    return {\n        name: colname,\n        title: coltitle,\n    };\n};\n\nconst generateRow = (data: GenericObject): KupDataRow => {\n    const col: KupDataColumn = generateColumn(data);\n    const row: KupDataRow = { cells: {} };\n    row.cells[col.name] = data.cell;\n    return row;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n    if (!cell.isEditable) {\n        return null;\n    }\n\n    if (\n        cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n        cellType === FCellTypes.MULTI_COMBOBOX\n    ) {\n        return {\n            ...CMBandACPAdapter(\n                null,\n                col.title,\n                cell.options\n                // cell,\n                // col.name\n            ),\n            showDropDownIcon: true,\n            class: '',\n            style: { width: '100%' },\n            disabled: !cell.isEditable,\n            id: col.name,\n        };\n    }\n\n    return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n    const defaultProps = {\n        ...mapData(cell, column),\n        disabled: !cell.isEditable,\n        id: column.name,\n    };\n\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const { data, ...noDataProps } = cell.data || {};\n    return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n        cellType !== FCellTypes.MULTI_COMBOBOX\n        ? deepObjectsMerge(defaultProps, {\n              ...cell.data,\n          })\n        : // Add and ovverride defaultProps of Chip host component except data\n          {\n              ...defaultProps,\n              ...noDataProps,\n          };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n    for (const key in source) {\n        if (\n            source[key] instanceof Object &&\n            !Array.isArray(source[key]) &&\n            key in target\n        ) {\n            target[key] = deepObjectsMerge(target[key], source[key]);\n        } else {\n            target[key] = source[key];\n        }\n    }\n    return target;\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    if (!cell) {\n        return null;\n    }\n\n    const options = cell.options;\n    const fieldLabel = col.title;\n    const currentValue = cell.value;\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n        [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n        [FCellTypes.STRING, MainITXAdapter.bind(this)],\n        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n        [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n    ]);\n\n    const adapter = dataAdapterMap.get(cellType);\n\n    return adapter\n        ? adapter(options, fieldLabel, currentValue, cell, col.name)\n        : null;\n};\n\nconst MainITXAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    _cell: KupDataCellOptions\n) => {\n    if (options?.[0]) {\n        return {\n            value: options[0].label,\n        };\n    }\n};\n\nconst MainBTNAdapter = (\n    _options: GenericObject,\n    _fieldLabel: string,\n    _currentValue: string,\n    cell: KupDataCellOptions\n) => {\n    return {\n        data: cell.options?.length\n            ? cell.options?.map((option) => ({\n                  icon: option.icon,\n                  value: option.value,\n              }))\n            : [],\n    };\n};\n\nconst MainCMBandACPAdapter = (\n    rawOptions: GenericObject,\n    fieldLabel: string,\n    currentValue: string\n) => {\n    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n        rawOptions,\n        currentValue\n    );\n    return configCMandACP;\n};\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n#kup-component {\n  height: 100%;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellSubmitButtonPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n    FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\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     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellSubmitButtonPosition =\n        KupCellSubmitButtonPosition.right;\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    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\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     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const colname: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : 'KUPCELL';\n        const coltitle: string =\n            this.data && this.data.obj && this.data.obj.t\n                ? this.data.obj.t + ';' + this.data.obj.p\n                : this.#kupManager.language.translate(\n                      KupLanguageGeneric.EMPTY_OBJECT\n                  );\n        return {\n            name: colname,\n            title: coltitle,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\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.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        const label = this.getLabelComponent(props.cell, props.column.title);\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': this.submitPosition,\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <div\n                        class={{\n                            'input-panel__label_container': label\n                                ? true\n                                : false,\n                        }}\n                    >\n                        {label}\n                        <FCellOptions {...props} />\n                        {this.showSubmit ? (\n                            <FButton\n                                buttonType=\"submit\"\n                                label={this.#kupManager.language.translate(\n                                    KupLanguageGeneric.CONFIRM\n                                )}\n                                wrapperClass=\"form__submit\"\n                                onClick={(e) => {\n                                    this.submitClick(e);\n                                }}\n                            ></FButton>\n                        ) : null}\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    getLabelComponent = (cell: KupDataCell, label: string) => {\n        if (!label) {\n            return null;\n        }\n\n        if (cell.shape === FCellShapes.RADIO) {\n            return <span>{label}</span>;\n        }\n\n        return null;\n    };\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"iaAOA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,gDACAA,EAAA,gCACAA,EAAA,qGACAA,EAAA,8DACH,EALD,CAAYA,MAAY,KAOxB,IAAYC,GAAZ,SAAYA,GACRA,EAAA,wBACAA,EAAA,mBACAA,EAAA,sBACAA,EAAA,cACH,EALD,CAAYA,MAA2B,K,8WCOvC,MAAMC,EAAcC,SAASC,gBAE7B,MAAMC,EAAyB,CAC3BC,EACAC,IAEOD,EAAQE,SAASC,KAAKC,I,MAAU,OACnCC,GAAID,EAAME,QAAQC,OAClBC,MAAOJ,EAAME,QAAQG,MACrBC,SAAUT,IAAiBG,EAAME,QAAQC,OACzCL,WAAUS,EAAAP,EAAMF,YAAQ,MAAAS,SAAA,SAAAA,EAAEC,QACpBb,EAAuBK,EAAOH,GAC9B,GACT,IAGL,MAAMY,EAAiC,CACnCb,EACAC,IAEOD,EAAQE,SAASC,KAAKC,I,MAAU,OACnCC,GAAID,EAAMU,IAAIC,EACdP,MAAOJ,EAAMI,MACbE,SAAUT,IAAiBG,EAAMU,IAAIC,EACrCb,WAAUS,EAAAP,EAAMF,YAAQ,MAAAS,SAAA,SAAAA,EAAEC,QACpBC,EAA+BT,EAAOH,GACtC,GACT,IAGL,MAAMe,EAAsB,CACxBhB,EACAC,IAEOD,EAAQiB,KAAKd,KAAKe,I,MACrB,MAAMC,EAAQD,EAAIE,QAAUF,EAAIC,MAChC,MAAOd,EAAIG,GAASa,OAAOC,KAAKH,GAEhC,MAAO,CACHd,GAAIc,EAAMd,GAAIG,MACdA,QAAOG,EAAAQ,EAAMX,MAAM,MAAAG,SAAA,SAAAA,EAAEH,QAASW,EAAMd,GAAIG,MACxCE,SAAUT,IAAiBkB,EAAMd,GAAIG,MACxC,IAIT,MAAMe,EAA0B,CAACvB,EAAcC,KAC3C,MAAMuB,EAAUC,EAAkBC,IAAI1B,EAAQ2B,MAE9C,GAAIH,EAAS,CACT,OAAOA,EAAQxB,EAASC,E,KACrB,CACH,OAAOD,EAAQG,KAAKyB,IAAM,CACtBpB,MAAOoB,EAAOC,MACdxB,GAAIuB,EAAOvB,GACXK,SAAUT,IAAiB2B,EAAOvB,M,GAK9C,MAAMoB,EAAoB,IAAIK,IAG5B,CACE,CAAC,gBAAiB/B,EAAuBgC,KAAKC,YAC9C,CAAC,gBAAiBnB,EAA+BkB,KAAKC,YACtD,CAAC,aAAchB,EAAoBe,KAAKC,YACxC,CAAC,iBAAkBhB,EAAoBe,KAAKC,cAGzC,MAAMC,EACTC,IAEA,MAAMC,EAAaD,EAAME,K,+BAEZF,EAAME,MAAI,CACbC,KAAMC,EAASJ,EAAME,KAAMF,EAAMK,QACjCC,SAAUA,EAASN,EAAME,KAAMF,EAAMK,QACrCE,WAAY,OAEhB,KAEN,MAAMC,EAAWrB,OAAAsB,OAAAtB,OAAAsB,OAAA,GACVT,GAAK,CACRU,SAAU,KACVR,KAAMD,EACNI,OAAQM,EAAeV,EAAWE,MAClCnB,IAAK4B,EAAYX,EAAWE,QAGhC,GAAIH,EAAME,KAAKW,QAAUC,EAAYC,WAAY,CAC7CP,EAAYN,KAAK5B,MAAQkC,EAAYN,KAAKC,KAAK7B,K,CAGnD,OAAO0C,EAACC,EAAK9B,OAAAsB,OAAA,GAAKD,GAAqB,EAG3C,MAAMG,EAAkBR,IACpB,MAAMe,EACFf,GAAQA,EAAKvB,KAAOuB,EAAKvB,IAAIuC,EACvBhB,EAAKvB,IAAIuC,EAAI,IAAMhB,EAAKvB,IAAIwC,EAC5B,UACV,MAAMC,EACFlB,GAAQA,EAAKvB,KAAOuB,EAAKvB,IAAIuC,EACvBhB,EAAKvB,IAAIuC,EAAI,IAAMhB,EAAKvB,IAAIwC,EAC5B,qBACV,MAAO,CACHE,KAAMJ,EACNK,MAAOF,EACV,EAGL,MAAMT,EAAeT,IACjB,MAAMqB,EAAqBb,EAAeR,GAC1C,MAAMnB,EAAkB,CAAEC,MAAO,IACjCD,EAAIC,MAAMuC,EAAIF,MAAQnB,EAAKD,KAC3B,OAAOlB,CAAG,EAGd,MAAMsB,EAAW,CAACJ,EAA0BsB,KACxC,MAAMC,EAAW/D,EAAIgE,QAAQvB,KAAKD,KAAKyB,QAAQzB,EAAMA,EAAKW,OAE1D,IAAKX,EAAKK,WAAY,CAClB,OAAO,I,CAGX,GACIkB,IAAaG,EAAWC,oBACxBJ,IAAaG,EAAWE,eAC1B,CACE,OAAA3C,OAAAsB,OAAAtB,OAAAsB,OAAA,GACOsB,EACC,KACAP,EAAID,MACJrB,EAAKpC,UAGR,CACDkE,iBAAkB,KAClBC,MAAO,GACPC,MAAO,CAAEC,MAAO,QAChBC,UAAWlC,EAAKK,WAChBpC,GAAIqD,EAAIF,M,CAIhB,OAAO,IAAI,EAGf,MAAMlB,EAAW,CAACF,EAA0BG,KACxC,MAAMgC,EAAYlD,OAAAsB,OAAAtB,OAAAsB,OAAA,GACX6B,EAAQpC,EAAMG,IAAO,CACxB+B,UAAWlC,EAAKK,WAChBpC,GAAIkC,EAAOiB,OAGf,MAAMG,EAAW/D,EAAIgE,QAAQvB,KAAKD,KAAKyB,QAAQzB,EAAMA,EAAKW,O,MACpDpC,EAA2ByB,EAAKC,MAAQ,GAA7BoC,EAAWC,EAAA/D,EAAtB,UACN,OAAOgD,IAAaG,EAAWC,oBAC3BJ,IAAaG,EAAWE,eACtBW,EAAiBJ,EAAYlD,OAAAsB,OAAA,GACtBP,EAAKC,O,+BAILkC,GACAE,EACN,EAGX,MAAME,EAAmB,CAACC,EAAuBC,KAC7C,IAAK,MAAMC,KAAOD,EAAQ,CACtB,GACIA,EAAOC,aAAgBzD,SACtB0D,MAAMC,QAAQH,EAAOC,KACtBA,KAAOF,EACT,CACEA,EAAOE,GAAOH,EAAiBC,EAAOE,GAAMD,EAAOC,G,KAChD,CACHF,EAAOE,GAAOD,EAAOC,E,EAG7B,OAAOF,CAAM,EAGjB,MAAMJ,EAAU,CAACpC,EAA0BsB,KACvC,IAAKtB,EAAM,CACP,OAAO,I,CAGX,MAAMpC,EAAUoC,EAAKpC,QACrB,MAAMiF,EAAavB,EAAID,MACvB,MAAMxD,EAAemC,EAAK5B,MAC1B,MAAMmD,EAAW/D,EAAIgE,QAAQvB,KAAKD,KAAKyB,QAAQzB,EAAMA,EAAKW,OAC1D,MAAMmC,EAAiB,IAAIpD,IAA+B,CACtD,CAACgC,EAAWqB,YAAaC,EAAerD,KAAKC,YAC7C,CAAC8B,EAAWuB,OAAQC,EAAevD,KAAKC,YACxC,CAAC8B,EAAWyB,aAAcC,EAAqBzD,KAAKC,YACpD,CAAC8B,EAAW2B,SAAUD,EAAqBzD,KAAKC,cAGpD,MAAMR,EAAU0D,EAAexD,IAAIiC,GAEnC,OAAOnC,EACDA,EAAQxB,EAASiF,EAAYhF,EAAcmC,EAAMsB,EAAIF,MACrD,IAAI,EAGd,MAAM8B,EAAiB,CACnBtF,EACA0F,EACAC,EACAC,KAEA,GAAI5F,IAAO,MAAPA,SAAO,SAAPA,EAAU,GAAI,CACd,MAAO,CACHQ,MAAOR,EAAQ,GAAG6B,M,GAK9B,MAAMuD,EAAiB,CACnBS,EACAH,EACAC,EACAvD,K,QAEA,MAAO,CACHC,OAAM1B,EAAAyB,EAAKpC,WAAO,MAAAW,SAAA,SAAAA,EAAEC,SACdkF,EAAA1D,EAAKpC,WAAO,MAAA8F,SAAA,SAAAA,EAAE3F,KAAKyB,IAAM,CACrBmE,KAAMnE,EAAOmE,KACbvF,MAAOoB,EAAOpB,UAElB,GACT,EAGL,MAAMgF,EAAuB,CACzBQ,EACAf,EACAhF,KAEA,MAAMgG,EAAiBhC,EAAiBhE,EAAcgF,EAAY,IAElEgB,EAAe5D,KAAK,YAAYA,KAAOd,EACnCyE,EACA/F,GAEJ,OAAOgG,CAAc,EC7QzB,MAAMC,EAAa,6gEACnB,MAAAC,EAAeD,E,yWC8CFE,EAAO,M,mFAiDhBC,EAAAC,IAAAtE,KAA0BuE,KAsO1BvE,KAAAwE,kBAAoB,CAACpE,EAAmBP,KACpC,IAAKA,EAAO,CACR,OAAO,I,CAGX,GAAIO,EAAKW,QAAUC,EAAYyD,MAAO,CAClC,OAAOvD,EAAA,YAAOrB,E,CAGlB,OAAO,IAAI,E,iBAjRe,G,UAKF,K,aAII6E,EAAaC,K,iBAKd,M,gBAKD,M,oBAM1BhH,EAA4BiH,K,CA4BhC,mBAAMC,CAAcC,GAChB,IAAK9E,KAAKK,KAAK0E,SAAU,CACrB/E,KAAKK,KAAK0E,SAAW,E,CAEzB,GAAID,EAAS,CACT,IAAK,IAAIE,EAAQ,EAAGA,EAAQF,EAAQlG,OAAQoG,IAAS,CACjD,MAAMD,EAAWD,EAAQE,GACzB,GAAIhF,KAAKK,KAAK0E,SAASE,QAAQF,GAAY,EAAG,CAC1C/E,KAAKK,KAAK0E,UAAY,IAAIA,G,GAItC/E,KAAKkF,S,CAQT,cAAMC,CAASC,GACX,OAAOD,EAASnF,KAAMtC,EAAc0H,E,CAMxC,aAAMF,GACFG,EAAYrF,K,CAOhB,sBAAMsF,CAAiBR,GACnB,IAAK9E,KAAKK,KAAK0E,SAAU,CACrB,M,CAEJ,GAAID,EAAS,CACT,IAAK,IAAIE,EAAQ,EAAGA,EAAQF,EAAQlG,OAAQoG,IAAS,CACjD,MAAMD,EAAWD,EAAQE,GACzB,GAAIhF,KAAKK,KAAK0E,SAASE,QAAQF,GAAY,EAAG,CAC1C/E,KAAKK,KAAK0E,SAAW/E,KAAKK,KAAK0E,SAASQ,QACpC,IAAIC,OAAOT,EAAU,KACrB,G,GAKhB/E,KAAKkF,S,CAOT,cAAM5E,CAASJ,GACXI,EAASN,KAAMtC,EAAcwC,E,CAOzB,sBAAAuF,GACJ,GAAIzF,KAAK0F,YAAa,CAClB,MAAMC,EAAsC,KACjC,CACHvF,KAAMJ,KAAKK,KACXE,OAAQP,KAAKa,iBACbxC,GAAI2B,KAAK4F,YAAYvH,GACrBwH,SAAU,MACV3G,IAAKc,KAAKc,gBAIlBgF,EAAA9F,KAAIqE,EAAA,KAAa0B,SAASC,UACtBhG,KAAK4F,YAAYK,WAAWC,cACxB,IAAMC,GAEV,CACI,aAAAC,GACI,OAAO,I,GAGf,CACIC,SAAUV,GAEdW,EAAcC,M,EAKlB,cAAA1F,GACJ,MAAMO,EACFpB,KAAKK,MAAQL,KAAKK,KAAKvB,KAAOkB,KAAKK,KAAKvB,IAAIuC,EACtCrB,KAAKK,KAAKvB,IAAIuC,EAAI,IAAMrB,KAAKK,KAAKvB,IAAIwC,EACtC,UACV,MAAMC,EACFvB,KAAKK,MAAQL,KAAKK,KAAKvB,KAAOkB,KAAKK,KAAKvB,IAAIuC,EACtCrB,KAAKK,KAAKvB,IAAIuC,EAAI,IAAMrB,KAAKK,KAAKvB,IAAIwC,EACtCwE,EAAA9F,KAAIqE,EAAA,KAAamC,SAASC,UACtBC,EAAmBC,cAEjC,MAAO,CACHnF,KAAMJ,EACNK,MAAOF,E,CAIP,WAAAT,GACJ,MAAMY,EAAqB1B,KAAKa,iBAChC,MAAM3B,EAAkB,CAAEC,MAAO,IACjCD,EAAIC,MAAMuC,EAAIF,MAAQxB,KAAKK,KAC3B,OAAOnB,C,CAGH,WAAA0H,CAAYC,GAChBA,EAAEC,kBACF9G,KAAK+G,mBAAmBC,KAAK,CACzBC,KAAMjH,KACN3B,GAAI2B,KAAK4F,YAAYvH,GACrB+B,KAAMJ,KAAKK,M,CAQnB,iBAAA6G,GACIpB,EAAA9F,KAAIqE,EAAA,KAAa8C,MAAMC,SAASpH,MAChC8F,EAAA9F,KAAIqE,EAAA,KAAagD,MAAMC,QAAQtH,KAAM,OACrC8F,EAAA9F,KAAIqE,EAAA,KAAamC,SAASY,SAASpH,MACnC8F,EAAA9F,KAAIqE,EAAA,KAAakD,MAAMH,SAASpH,K,CAGpC,gBAAAwH,GACI1B,EAAA9F,KAAIqE,EAAA,KAAagD,MAAMC,QAAQtH,KAAM,K,CAGzC,mBAAAyH,GACI3B,EAAA9F,KAAIqE,EAAA,KAAagD,MAAMK,UAAU1H,KAAM,M,CAG3C,kBAAA2H,GACI3H,KAAKyF,yBACLK,EAAA9F,KAAIqE,EAAA,KAAagD,MAAMK,UAAU1H,KAAM,K,CAG3C,MAAA4H,GACI,MAAM1H,EAA2B,CAC7BE,KAAMJ,KAAKK,KACXE,OAAQP,KAAKa,iBACbgH,UAAW7H,KACX8H,QAAS9H,KAAK8H,QACdlH,SAAUZ,KAAKK,KAAKI,WACpBsH,UAAW,KACX7I,IAAKc,KAAKc,eAGd,MAAMjB,EAAQG,KAAKwE,kBAAkBtE,EAAME,KAAMF,EAAMK,OAAOkB,OAE9D,OACIP,EAAC8G,EAAI,CAAAlF,IAAA,4CACD5B,EAAA,SAAA4B,IAAA,4CACKgD,EAAA9F,KAAIqE,EAAA,KAAakD,MAAMU,YACpBjI,KAAK4F,cAGb1E,EAAA,OAAA4B,IAAA,2CACIzE,GAAI8H,EACJ/D,MACIpC,KAAKkI,WACC,CACIC,QAAS,OACT,iBAAkBnI,KAAKoI,eACvB,cAAe,SACfC,IAAK,UAET,IAGVnH,EAAA,OAAA4B,IAAA,2CACIX,MAAO,CACH,+BAAgCtC,EAC1B,KACA,QAGTA,EACDqB,EAACjB,EAAYZ,OAAAsB,OAAA,CAAAmC,IAAA,4CAAK5C,IACjBF,KAAKkI,WACFhH,EAACoH,EAAO,CACJC,WAAW,SACX1I,MAAOiG,EAAA9F,KAAIqE,EAAA,KAAamC,SAASC,UAC7BC,EAAmB8B,SAEvBC,aAAa,eACbC,QAAU7B,IACN7G,KAAK4G,YAAYC,EAAE,IAG3B,O,CAmBxB,oBAAA8B,GACI7C,EAAA9F,KAAIqE,EAAA,KAAa8C,MAAMyB,WAAW5I,MAClC8F,EAAA9F,KAAIqE,EAAA,KAAamC,SAASoC,WAAW5I,MACrC8F,EAAA9F,KAAIqE,EAAA,KAAakD,MAAMqB,WAAW5I,K","ignoreList":[]}

package/dist/ketchup/p-812c59be.js

@@ -0,0 +1,2 @@
+import{a8 as e,a9 as s,d as t,a5 as i,aa as c,ab as n,F as a,ac as l,ad as r,ae as o,af as u,ag as f,e as p}from"./p-26030fba.js";import{h as d,g as k,F as b}from"./p-d7c15b0e.js";import{F as h}from"./p-5d03c077.js";import{F as m}from"./p-cc1abfc4.js";import{F as v}from"./p-2b519589.js";import{F as g,c as w}from"./p-13b2ca2d.js";import{F as y}from"./p-cc32b7a2.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 j;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(j||(j={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var O;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(O||(O={}));const _=e=>{if(!e.sizing){e.sizing=O.MEDIUM}e.sizing.toLowerCase()===O.SMALL;const s={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return d("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),d("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},d("div",{class:s},d("div",{class:"switch__track"}),d("div",{class:"switch__thumb-underlay"},d("div",{class:"switch__thumb"},d("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),d("label",{onClick:e.onChange},e.label)))};const I=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let s=`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 t="pie";let i=undefined;if(e.isRadial){s+=" pie-wrapper is-radial"}else{s+=" progress-bar"}let c=undefined;const n={width:`${e.value}%`};if(!e.centeredLabel){c=n;if(e.value>2){s+=" text-color-on-primary"}}else if(e.value>49){s+=" text-color-on-primary"}let a=null;if(e.icon){a=C(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=d("span",{class:"label"},e.label)}else{a=d("span",{class:"label"},e.value,d("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){t+=" has-value";if(e.value>50){t+=" is-more-than-half"}else{t+=" is-less-than-half"}}if(e.isRadial){return d("div",{class:s},a,d("div",{class:t},d("div",{style:i,class:"left-side half-circle"}),d("div",{class:"right-side half-circle"})),d("div",{class:"shadow"}))}else{return d("div",{class:s},d("div",{class:"progress-bar-percentage",style:n},d("span",{style:c},a)))}};function C(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return d("span",{class:"label kup-icon is-image"},d("img",{src:e.icon}))}else{let s=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let t={mask:s,webkitMask:s};return d("span",{style:t,class:"label kup-icon"})}}var z;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(z||(z={}));const F=e=>{var s;const t=!!e.columns;const i=[];const c=e.type||z.RADIO;for(let t=0;t<((s=e.data)===null||s===void 0?void 0:s.length);t++){const s=e.data[t];const n={radio:true,"radio--checked":s.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};i.push(d("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},d("div",{class:n},c===z.RADIO?d("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}):d(b,null,s.checked?d(v,{resource:"check",sizeX:"14px",sizeY:"14px"}):d(v,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,t):null})),c===z.RADIO&&d("div",{class:"radio__background"},d("div",{class:"radio__outer-circle"}),d("div",{class:"radio__inner-circle"}))),d("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}const n={"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""};return d("div",{class:`f-radio radio-wrapper\n             ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:n},i)};const N=e=>{if(!e.maxValue){e.maxValue=5}return d("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},H(e))};function H(e){const s=[];for(let t=1;t<=e.maxValue;t++){if(t<=e.value){s.push(d("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"★"))}else{s.push(d("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"☆"))}}return s}const D=document.documentElement;const E=(c,n)=>{var a;const l=c.cell;const o=c.column;const u=c.row;const p=c.shape?c.shape:l.shape?l.shape:o.shape?o.shape:null;const k=!D.ketchup.objects.isEmptyKupObj(l.obj);let b=false;if(l.hasOwnProperty("isEditable")){b=l.isEditable}else if(o.hasOwnProperty("isEditable")){b=o.isEditable}b=b&&c.editable;if(l.options){l.data=(a=M(l,o))!==null&&a!==void 0?a:l.data}const h=c.previousValue!==l.value?l.value:"";const m=D.ketchup.data.cell.getType(l,p);const g=Object.assign({},l.data);let w=l.cssClass?l.cssClass:o.cssClass?o.cssClass:"";if(c.component.legacyLook){w+=" monospace c-pre"}const y={"f-cell":true,[r.OBJ]:k?true:false,[m+"-cell"]:true,[c.wrapperClass]:c.wrapperClass?true:false,[c.density]:c.density&&m!==i.BAR?true:false,[w]:w?true:false};let $=h;if(!l.data){W(m,l)}if(b&&e.includes(m)){$=V(m,y,l,o,c)}else if(l.data&&s.includes(m)){if(c.setSizes){T(m,g,l)}if(!c.renderKup){const e="cell-"+m+" placeholder";$=d("span",{class:e})}else{$=K(m,y,g,l,u,o,c)}}else{if(c.setSizes){R(m,g,l,c)}$=Y(m,g,$,y,l,o,c)}let j=null;if(!b&&(o.icon||l.icon)&&$){const e={color:`rgba(var(${t.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"};j=d(v,Object.assign({},e))}let x=null;if(D.ketchup.debug.isDebug()&&k){x=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){x=l.title}let O=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${t.INFO})`}if(!e.icon){e.icon="info"}const s={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};O=d(v,Object.assign({},s))}return d("div",{onKeyUp:e=>A(e,c,m,f.KEYUP),class:y,"kup-get-cell-props":()=>c,ref:e=>l.element=e,style:l.style},d("div",{class:"f-cell__content",style:l.styleContent,title:x},c.cellActionIcon&&d(v,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${m===i.NUMBER?"left":"right"}`,onClick:c.cellActionIcon.onClick,tabIndex:0}),n&&n.length>0?n:[c.indents,O,j,$]))};const M=(e,s)=>{if(!e){return null}const t=e.options;const c=s.title;const n=e.value;const a=D.ketchup.data.cell.getType(e,e.shape);const l=new Map([[i.RADIO,X.bind(undefined)]]);const r=l.get(a);return r?r(t,c,n,e,s.name):null};const X=(e,s,t)=>c(t,e);function R(e,s,t,c){var a;switch(e){case i.CHECKBOX:case i.ICON:if(!s.sizeX){s.sizeX="18px"}if(!s.sizeY){s.sizeY="18px"}if(t.style){if(!t.style.height){t.style["minHeight"]=s.sizeY}}else{t.style={minHeight:s.sizeY}}break;case i.IMAGE:const e=((a=c.cell)===null||a===void 0?void 0:a.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(c.component.rootElement.tagName===n.DATA_TABLE&&!l){if(!s.sizeX&&!s.sizeY){s.sizeX="100%";s.sizeY="64px";s.wrapperClass="noWidth"}else{if(!s.sizeX){s.sizeX="100%";s.wrapperClass="noWidth"}if(!s.sizeY){s.sizeY="auto"}}}if(c.component.rootElement.tagName===n.BOX){if(!s.sizeY){s.sizeY="auto"}if(s.fit===undefined){s.fit=true}}else if(!s.sizeX){s.sizeX="auto"}if(!s.sizeY){s.sizeY="64px"}break}}function T(e,s,t){switch(e){case i.BAR:if(!s.sizeY){s.sizeY="26px"}break;case i.BUTTON:let e="";if(s.label){e="36px"}if(t.style){if(!t.style.height){t.style["minHeight"]=e}}else{t.style={minHeight:e}}break;case i.CHART:if(!s.sizeX){s.sizeX="100%"}if(!s.sizeY){s.sizeY="100%"}break;case i.CHIP:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break;case i.RADIO:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break}}function V(e,s,t,c,n){var l,o;switch(e){case i.AUTOCOMPLETE:return d("kup-autocomplete",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:G(n)?"kup-full-width":"","onkup-autocomplete-change":s=>A(s,n,e,f.UPDATE),"onkup-autocomplete-input":s=>A(s,n,e,f.INPUT),"onkup-autocomplete-iconclick":s=>A(s,n,e,f.ICON_CLICK)}));case i.CHECKBOX:if(S(n)){s[r.C_CENTERED]=true}if(t.shape===a.INPUT_CHECKBOX){return d("input",{checked:t.value==="on"||t.value==="1"?true:false,class:"input-checkbox",onChange:s=>A(s,n,e,f.UPDATE),type:"checkbox"})}else{return d(h,Object.assign({},t.data,{onChange:s=>A(s,n,e,f.UPDATE)}))}case i.CHIP:return d("kup-chip",Object.assign({},t.data,{type:g.INPUT,enableInput:true,"onKup-chip-change":s=>A(s,n,e,f.UPDATE)}),d("kup-text-field",Object.assign({fullWidth:true,slot:"field"},t.slotData)));case i.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:G(n)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>A(s,n,e,f.UPDATE)}));case i.COMBOBOX:return d("kup-combobox",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:G(n)?"kup-full-width":"","onkup-combobox-change":s=>A(s,n,e,f.UPDATE),"onkup-combobox-input":s=>A(s,n,e,f.INPUT),"onkup-combobox-iconclick":s=>A(s,n,e,f.ICON_CLICK)}));case i.DATE:return d("kup-date-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:G(n)?"kup-full-width":"","onkup-datepicker-change":s=>A(s,n,e,f.UPDATE),"onkup-datepicker-input":s=>A(s,n,e,f.INPUT)}));case i.MULTI_AUTOCOMPLETE:return d("kup-chip",Object.assign({displayId:true},t.data,{type:g.INPUT,enableInput:true,"onKup-chip-change":s=>A(s,n,e,f.UPDATE)}),d("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>A(s,n,e,f.INPUT),"onkup-autocomplete-iconclick":s=>A(s,n,e,f.ICON_CLICK),showDropDownIcon:false},t.slotData)));case i.MULTI_COMBOBOX:return d("kup-chip",Object.assign({displayId:true},t.data,{type:g.INPUT,enableInput:true,"onKup-chip-change":s=>A(s,n,e,f.UPDATE)}),d("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>A(s,n,e,f.INPUT),"onkup-combobox-iconclick":s=>A(s,n,e,f.ICON_CLICK)},t.slotData)));case i.RADIO:return d(F,Object.assign({},t.data,{disabled:false,onChange:(s,i)=>{const c=t.data.data;for(let e=0;e<c.length;e++){const t=c[e];if(e===s){t.checked=true}else{t.checked=false}}A(i,n,e,f.UPDATE)}}));case i.RATING:return d("kup-rating",Object.assign({key:c.name+n.row.id},t.data,{disabled:false,"onkup-rating-click":s=>A(s,n,e,f.UPDATE)}));case i.SWITCH:return d(_,Object.assign({},t.data,{disabled:false,onChange:s=>A(s,n,e,f.UPDATE)}));case i.TIME:return d("kup-time-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:G(n)?"kup-full-width":"","onkup-timepicker-change":s=>A(s,n,e,f.UPDATE),"onkup-timepicker-input":s=>A(s,n,e,f.INPUT)}));case i.OBJECT:return d(m,Object.assign({icon:"table"},t.data,{disabled:false,onIconClick:s=>A(s,n,e,f.ICON_CLICK)}));case i.NUMBER:s[r.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const u=s=>A(s,n,e,f.UPDATE);const p=s=>A(s,n,e,f.INPUT);const k=e===i.NUMBER?"number":null;const b=e===i.NUMBER&&t.value?D.ketchup.math.numberifySafe(t.value).toString():t.value;if(t.shape===a.INPUT_FIELD){return d("input",{class:"input-field",onChange:u,onInput:p,type:k,value:b,maxLength:(o=(l=c.cellData)===null||l===void 0?void 0:l.maxLength)!==null&&o!==void 0?o:-1})}else{return d(m,Object.assign({inputType:k,fullWidth:G(n)?true:false},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:c.icon?c.icon:null,value:b,onChange:u,onInput:p,onIconClick:s=>A(s,n,e,f.ICON_CLICK)}))}}}function Y(e,s,t,c,n,a,l){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(t&&t!=""){const e=u(a,n);return d("div",{class:"f-cell__text"},e)}return t;case i.CHECKBOX:if(S(l)){c[r.C_CENTERED]=true}return d(v,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return d("div",{innerHTML:n.value});case i.ICON:if(S(l)){c[r.C_CENTERED]=true}if(s.badgeData){c[r.C_PADDED]=true}return d(v,Object.assign({},s));case i.IMAGE:if(S(l)){c[r.C_CENTERED]=true}if(s.badgeData){c[r.C_PADDED]=true}return d(v,Object.assign({},s));case i.LINK:return d("a",{href:t,target:"_blank"},n.value);case i.NUMBER:if(t&&t!=""){const e=D.ketchup.math.numberifySafe(n.value);const s=u(a,n);if(e<0){c[r.TEXT_DANGER]=true}if(S(l)){c[r.C_RIGHT_ALIGNED]=true}return d("div",{class:"f-cell__text"},s)}return d("div",{class:"f-cell__text"},t);case i.SWITCH:if(S(l)){c[r.C_CENTERED]=true}s["disabled"]=true;return d(_,Object.assign({},s));default:return d("div",{class:"f-cell__text"},t)}}function K(e,s,t,c,n,a,l){switch(e){case i.BAR:if(!t.data){return d("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},t))}else{const e={height:t.sizeY,width:"100%"};return d("div",{style:e},d(v,Object.assign({},t)))}case i.BUTTON:if(S(l)){s[r.C_CENTERED]=true}return d(y,Object.assign({},t,{onClick:s=>A(s,l,e,f.CLICK)}));case i.BUTTON_LIST:if(S(l)){s[r.C_CENTERED]=true}t["data-storage"]={cell:c,row:n,column:a};return d("kup-button-list",Object.assign({key:a.name+l.row.id},t));case i.CHART:if(S(l)){s[r.C_CENTERED]=true}return d("kup-chart",Object.assign({key:a.name+l.row.id},t));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return d(w,Object.assign({},t));case i.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:a.name+l.row.id},t,{class:G(l)?"kup-full-width":"",disabled:true}));case i.GAUGE:return d("kup-gauge",Object.assign({key:a.name+l.row.id,value:D.ketchup.math.numberifySafe(c.value),"width-component":"280px"},t));case i.KNOB:case i.PROGRESS_BAR:return t.customStyle?d("kup-progress-bar",Object.assign({key:a.name+l.row.id},t)):d(I,Object.assign({},t));case i.RADIO:if(S(l)){s[r.C_CENTERED]=true}t["disabled"]=n.readOnly;return d(F,Object.assign({},t));case i.RATING:return d(N,Object.assign({},t,{disabled:true}));case i.OBJECT:return d(m,Object.assign({icon:"table"},t,{disabled:true}))}}function W(e,s){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function n(e){return e.toUpperCase().startsWith("BCOLOR;")}function a(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const s=e.split("\\\\AND\\");const t=[];for(const e of s){const s=o(e);if(s){t.push(...s)}else{return null}}return t}function o(e){const s={};const i=e.split("\\\\");const r=[];for(const e of i){if(e){if(l(e)){return null}if(c(e)){if(!t(e)){return null}else{const t=e.split(";");if(t.length===3){const e=t[2].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}}else if(n(e));else if(a(e)){const t=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(t))){s.height=`${t}%`}}else{r.push(o(e,s))}}return r.length?r:null}function o(e,s){const t=Object.assign({},s);const i=e.split(";");if(i.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const s=e.exec(i[0]);if(s){const[,e,i,c]=s;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(i,10))&&!isNaN(parseInt(c,10))){t.color=`rgb(${parseInt(e)},${parseInt(i)},${parseInt(c)})`}}if(i.length>=2){const e=i[1].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}return t}}s.data={};const u=()=>{var e;const t=(e=s.value)===null||e===void 0?void 0:e.split(";");if((t===null||t===void 0?void 0:t[t.length-1].trim())===""){t.pop()}if(t&&t.length){s.data.data=[];for(let e of t){s.data.data.push({id:e,value:e})}}};switch(e){case i.CHECKBOX:case i.SWITCH:s.data.checked=s.value==="1"?true:false;break;case i.BAR:if(c(s.value)){s.data.isCanvas=true;s.data.resource=s.value}else{s.data.data=r(s.value)}break;case i.BUTTON:s.data.label=s.value;break;case i.CHART:Object.assign(s.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:s.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:s.data.initialValue=s.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:s.data.value=parseInt(s.value);break;case i.ICON:case i.IMAGE:s.data.resource=s.value;break}}function A(e,s,t,c){const n=s.cell;const a=s.column;const l=s.component;const r=s.row;if(c===f.UPDATE){let s=B(e,t);switch(t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(n.data){n.data["initialValue"]=s}break;case i.CHECKBOX:case i.SWITCH:s=s==="on"?"0":"1";if(n.data){n.data.checked=s==="0"?false:true}break;case i.RADIO:break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:s=e.detail.stringifiedValues;if(n.data){n.data.data=e.detail.comp.data}break}if(n.obj){n.obj.k=s.toString()}n.value=s.toString();n.displayedValue=null;n.displayedValue=u(a,n)}if(l&&l.rootElement){const s=new CustomEvent(c,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:n,column:a,event:e,row:r,type:t}});l.rootElement.dispatchEvent(s);if(c===f.UPDATE){try{l.refresh()}catch(e){D.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function B(e,s){const t=!!(e.target.tagName==="INPUT");let c=t?e.target.value:e.detail.value;if(s===i.CHECKBOX&&t){c=e.target.checked?"off":"on"}if(s===i.NUMBER&&t){c=D.ketchup.math.formattedStringToNumberString(c,"")}return c}function S(e){var s;return o.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function G(e){var s;return l.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}export{E as F,x as I,j as K,$ as a,I as b,F as c,N as d,O as e,_ as f};
+//# sourceMappingURL=p-812c59be.js.map

package/dist/ketchup/p-812c59be.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupListProps","KupListRole","ItemsDisplayMode","FSwitchSizing","FSwitch","props","sizing","MEDIUM","toLowerCase","SMALL","classObj","switch","checked","disabled","h","Object","assign","class","danger","info","secondary","success","warning","wrapperClass","dataSet","id","title","leadingLabel","type","role","value","onBlur","onChange","onFocus","onClick","label","FProgressBar","centeredLabel","componentClass","animated","padded","slim","striped","pieClass","radialStyle","undefined","isRadial","labelStyle","valueStyle","width","icon","createIconElement","hideLabel","style","indexOf","src","svg","getAssetPath","iconStyle","mask","webkitMask","FRadioType","FRadio","hasColumns","columns","radioList","radioType","RADIO","i","_a","data","length","radio","push","name","bind","Fragment","FImage","resource","sizeX","sizeY","htmlFor","styleObj","horizontal","FRating","maxValue","buildStars","stars","dom","document","documentElement","FCell","children","cell","column","row","shape","hasObj","ketchup","objects","isEmptyKupObj","obj","isEditable","hasOwnProperty","editable","options","mapData","valueToDisplay","previousValue","cellType","getType","subcomponentProps","cssClasses","cssClass","component","legacyLook","FCellClasses","OBJ","density","FCellTypes","BAR","content","setDefaults","editableTypes","includes","setEditableCell","kupTypes","setSizes","setCellSizeKup","renderKup","lazyClass","setKupCell","setCellSize","setCell","fProps","color","KupThemeColorValues","TEXT","placeholderResource","placeholderIcon","cellTitle","debug","isDebug","t","p","k","trim","infoEl","INFO","message","onKeyUp","e","cellEvent","FCellEvents","KEYUP","ref","el","element","styleContent","cellActionIcon","NUMBER","tabIndex","indents","col","fieldLabel","currentValue","dataAdapterMap","Map","MainRADAdapter","this","adapter","get","_fieldLabel","RADAdapter","CHECKBOX","ICON","height","minHeight","IMAGE","cellValue","hasExternalResource","rootElement","tagName","KupTagNames","DATA_TABLE","BOX","fit","BUTTON","CHART","CHIP","AUTOCOMPLETE","key","initialValue","isFullWidth","UPDATE","INPUT","ICON_CLICK","isAutoCentered","C_CENTERED","FCellShapes","INPUT_CHECKBOX","FCheckbox","FChipType","enableInput","fullWidth","slot","slotData","COLOR_PICKER","COMBOBOX","DATE","MULTI_AUTOCOMPLETE","displayId","displayMode","DESCRIPTION_AND_CODE","selectMode","showDropDownIcon","MULTI_COMBOBOX","radioData","index","radioEl","RATING","SWITCH","TIME","OBJECT","FTextField","onIconClick","C_RIGHT_ALIGNED","LINK","STRING","onInput","math","numberifySafe","toString","INPUT_FIELD","maxLength","_b","cellData","inputType","DATETIME","getCellValueForDisplay","EDITOR","innerHTML","badgeData","C_PADDED","href","target","cellValueNumber","TEXT_DANGER","barStyle","FButton","CLICK","BUTTON_LIST","FChip","GAUGE","KNOB","PROGRESS_BAR","customStyle","readOnly","isShapeBarMarker","toUpperCase","startsWith","isShapeMarker","isBgColorMarker","isHeightMarker","isDecoratorMarker","getData","graphicElementDefinitionArr","split","graphicElem","elementData","getElementData","commonsData","markersArray","shapesArray","vString","attr","replace","isNaN","parseFloat","substring","getShapeData","shapeData","pattern","match","exec","r","g","b","parseInt","createDataset","parts","pop","part","isCanvas","offlineMode","cellEventName","comp","getValueFromEventTaget","detail","stringifiedValues","displayedValue","CustomEvent","bubbles","cancelable","composed","event","dispatchEvent","refresh","error","logMessage","KupDebugCategory","ERROR","isInputEvent","formattedStringToNumberString","autoCenterComps","fullWidthFieldsComps"],"sources":["src/components/kup-list/kup-list-declarations.ts","src/f-components/f-switch/f-switch-declarations.ts","src/f-components/f-switch/f-switch.tsx","src/f-components/f-progress-bar/f-progress-bar.tsx","src/f-components/f-radio/f-radio-declarations.ts","src/f-components/f-radio/f-radio.tsx","src/f-components/f-rating/f-rating.tsx","src/f-components/f-cell/f-cell.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\nimport { ValueDisplayedValue as vdv } from '../../utils/filters/filters-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-list component.\n * Used to export every prop in an object.\n */\nexport enum KupListProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the list.',\n    displayMode = 'Selects how the items must display their label and how they can be filtered for.',\n    filter = 'Keeps string for filtering elements when filter mode is active',\n    hideText = \"Hides rows' text, ideally to display a list of icons only.\",\n    isMenu = 'Defines whether the list is a menu or not.',\n    keyboardNavigation = \"When true, enables items' navigation through arrow keys.\",\n    menuVisible = \"Sets the status of the menu, when false it's hidden otherwise it's visible.\",\n    roleType = 'Defines the type of selection. Values accepted: listbox, radiogroup or group.',\n    selectable = 'Defines whether items are selectable or not.',\n    showIcons = 'Displays the icons associated to each row when set to true.',\n    twoLine = 'The list elements descriptions will be arranged in two lines.',\n}\n/**\n * Data structure of a single list item.\n */\nexport interface KupListNode extends KupDataNode {\n    secondaryText?: string;\n    selected?: boolean;\n    separator?: boolean;\n}\n/**\n * Available types of selection.\n */\nexport enum KupListRole {\n    LISTBOX = 'listbox',\n    RADIOGROUP = 'radiogroup',\n    GROUP = 'group',\n}\n\nexport interface ValueDisplayedValue extends vdv {\n    exists: boolean;\n}\n\nexport enum ItemsDisplayMode {\n    CODE = 'code',\n    DESCRIPTION = 'description',\n    DESCRIPTION_AND_CODE = 'both',\n}\nexport interface KupListEventPayload extends KupEventPayload {\n    selected: KupListNode;\n    index?: number;\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-switch component.\n */\nexport interface FSwitchProps extends FComponent {\n    checked?: boolean;\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onClick?: (event: MouseEvent) => void;\n    onChange?: (event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    sizing?: FSwitchSizing;\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FSwitchSizing { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n    SMALL = 'small',\n    MEDIUM = 'medium',\n}\n","import { FSwitchSizing, type FSwitchProps } from './f-switch-declarations';\nimport { FunctionalComponent, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FSwitch: FunctionalComponent<FSwitchProps> = (\n    props: FSwitchProps\n) => {\n    if (!props.sizing) {\n        props.sizing = FSwitchSizing.MEDIUM;\n    }\n    const isSmall: boolean = props.sizing.toLowerCase() === FSwitchSizing.SMALL;\n    const classObj: Record<string, boolean> = {\n        switch: true,\n        'switch--checked': props.checked,\n        'switch--disabled': props.disabled,\n        [`switch--${props.sizing}`]: props.sizing ? true : false,\n    };\n\n    return (\n        <div\n            class={`f-switch ${props.danger ? 'kup-danger' : ''} ${\n                props.info ? 'kup-info' : ''\n            } ${props.secondary ? 'kup-secondary' : ''} ${\n                props.success ? 'kup-success' : ''\n            } ${props.warning ? 'kup-warning' : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            <div\n                class={`form-field ${\n                    props.leadingLabel ? 'form-field--align-end' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    <div class=\"switch__track\"></div>\n                    <div class=\"switch__thumb-underlay\">\n                        <div class=\"switch__thumb\">\n                            <input\n                                type=\"checkbox\"\n                                class=\"switch__native-control\"\n                                role=\"switch\"\n                                checked={props.checked}\n                                disabled={props.disabled}\n                                value={props.checked ? 'on' : 'off'}\n                                onBlur={props.onBlur}\n                                onChange={props.onChange}\n                                onFocus={props.onFocus}\n                            ></input>\n                        </div>\n                    </div>\n                </div>\n                <label onClick={props.onChange}>{props.label}</label>\n            </div>\n        </div>\n    );\n};\n","import type { FProgressBarProps } from './f-progress-bar-declarations';\nimport { FunctionalComponent, getAssetPath, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FProgressBar: FunctionalComponent<FProgressBarProps> = (\n    props: FProgressBarProps\n) => {\n    if (!props.centeredLabel && !props.centeredLabel !== false) {\n        props.centeredLabel = true;\n    }\n\n    let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${\n        props.animated ? 'kup-animated' : ''\n    } ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${\n        props.slim ? 'kup-slim' : ''\n    } ${props.striped ? 'kup-striped' : ''}   ${\n        props.secondary ? 'kup-secondary' : ''\n    } ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${\n        props.warning ? 'kup-warning' : ''\n    } ${props.wrapperClass ? props.wrapperClass : ''}`;\n    let pieClass: string = 'pie';\n    let radialStyle = undefined;\n    if (props.isRadial) {\n        componentClass += ' pie-wrapper is-radial';\n    } else {\n        componentClass += ' progress-bar';\n    }\n\n    let labelStyle = undefined;\n\n    const valueStyle = {\n        width: `${props.value}%`,\n    };\n\n    if (!props.centeredLabel) {\n        labelStyle = valueStyle;\n        if (props.value > 2) {\n            componentClass += ' text-color-on-primary';\n        }\n    } else if (props.value > 49) {\n        componentClass += ' text-color-on-primary';\n    }\n\n    let label = null;\n    if (props.icon) {\n        label = createIconElement(props);\n    } else {\n        if (!props.hideLabel) {\n            if (props.isRadial) {\n                if (props.label) {\n                    label = <span class=\"label\">{props.label}</span>;\n                } else {\n                    label = (\n                        <span class=\"label\">\n                            {props.value}\n                            <span class=\"smaller\">%</span>\n                        </span>\n                    );\n                }\n            } else {\n                if (props.label) {\n                    label = props.label;\n                } else {\n                    label = props.value + '%';\n                }\n            }\n        }\n    }\n\n    if (props.value > 0) {\n        pieClass += ' has-value';\n        if (props.value > 50) {\n            pieClass += ' is-more-than-half';\n        } else {\n            pieClass += ' is-less-than-half';\n        }\n    }\n\n    if (props.isRadial) {\n        return (\n            <div class={componentClass}>\n                {label}\n                <div class={pieClass}>\n                    <div\n                        style={radialStyle}\n                        class=\"left-side half-circle\"\n                    ></div>\n                    <div class=\"right-side half-circle\"></div>\n                </div>\n                <div class=\"shadow\"></div>\n            </div>\n        );\n    } else {\n        return (\n            <div class={componentClass}>\n                <div class=\"progress-bar-percentage\" style={valueStyle}>\n                    <span style={labelStyle}>{label}</span>\n                </div>\n            </div>\n        );\n    }\n};\n\nfunction createIconElement(props: FProgressBarProps) {\n    if (!props.icon) {\n        return undefined;\n    }\n\n    if (\n        props.icon.indexOf('.') > -1 ||\n        props.icon.indexOf('/') > -1 ||\n        props.icon.indexOf('\\\\') > -1\n    ) {\n        return (\n            <span class=\"label kup-icon is-image\">\n                <img src={props.icon}></img>\n            </span>\n        );\n    } else {\n        let svg: string = `url('${getAssetPath(\n            `./assets/svg/${props.icon}.svg`\n        )}') no-repeat center`;\n        let iconStyle = {\n            mask: svg,\n            webkitMask: svg,\n        };\n        return <span style={iconStyle} class=\"label kup-icon\"></span>;\n    }\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-radio component.\n */\nexport interface FRadioProps extends FComponent {\n    type?: FRadioType;\n    columns?: number;\n    data?: FRadioData[];\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onChange?: (i: number, event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    horizontal?: boolean;\n}\n/**\n * The object of a single radio.\n */\nexport interface FRadioData {\n    checked: boolean;\n    label: string;\n    value: string;\n}\n\nexport enum FRadioType {\n    RADIO = 'radio',\n    CHEVRON = 'chevron',\n}\n","import { FunctionalComponent, VNode, h, Fragment } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport {\n    FRadioType,\n    type FRadioData,\n    type FRadioProps,\n} from './f-radio-declarations';\nimport { FImage } from '../f-image/f-image';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRadio: FunctionalComponent<FRadioProps> = (\n    props: FRadioProps\n) => {\n    const hasColumns: boolean = !!props.columns;\n    const radioList: Array<VNode> = [];\n\n    // Default to 'radio' if props.type is not specified\n    const radioType = props.type || FRadioType.RADIO;\n    for (let i = 0; i < props.data?.length; i++) {\n        const data: FRadioData = props.data[i];\n        const classObj: GenericObject = {\n            radio: true,\n            'radio--checked': data.checked ? true : false,\n            'radio--disabled': props.disabled ? true : false,\n            [`radio--${props.type}`]: props.type ? true : false,\n        };\n\n        radioList.push(\n            <div\n                class={`form-field \n                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${\n                    props.disabled ? 'radio--disabled' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    {radioType === FRadioType.RADIO ? (\n                        // Radio button type rendering\n                        <input\n                            class=\"radio__native-control\"\n                            type=\"radio\"\n                            name=\"radio-element\"\n                            value={data.value}\n                            checked={data.checked}\n                            disabled={props.disabled}\n                            onBlur={props.onBlur}\n                            onChange={\n                                props.onChange\n                                    ? props.onChange.bind(props.onChange, i)\n                                    : null\n                            }\n                            onFocus={props.onFocus}\n                        ></input>\n                    ) : (\n                        // Chevron type rendering\n                        <>\n                            {data.checked ? (\n                                <FImage\n                                    resource=\"check\"\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                ></FImage>\n                            ) : (\n                                <FImage\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                    onClick={\n                                        props.onChange\n                                            ? props.onChange.bind(\n                                                  props.onChange,\n                                                  i\n                                              )\n                                            : null\n                                    }\n                                ></FImage>\n                            )}\n                        </>\n                    )}\n                    {radioType === FRadioType.RADIO && (\n                        <div class=\"radio__background\">\n                            <div class=\"radio__outer-circle\"></div>\n                            <div class=\"radio__inner-circle\"></div>\n                        </div>\n                    )}\n                </div>\n                <label\n                    htmlFor={'radio-element'}\n                    onClick={\n                        props.onChange\n                            ? props.onChange.bind(props.onChange, i)\n                            : null\n                    }\n                >\n                    {data.label ? data.label : ''}\n                </label>\n            </div>\n        );\n    }\n\n    const styleObj: GenericObject = {\n        '--kup_radio_columns': hasColumns\n            ? `repeat(${props.columns}, 1fr)`\n            : '',\n    };\n\n    return (\n        <div\n            class={`f-radio radio-wrapper\n             ${hasColumns ? 'radio-wrapper-grid' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''} ${\n                props.horizontal ? 'kup-horizontal' : ''\n            }`}\n            style={styleObj}\n        >\n            {radioList}\n        </div>\n    );\n};\n","import { FunctionalComponent, VNode, h } from '@stencil/core';\nimport type { FRatingProps } from './f-rating-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRating: FunctionalComponent<FRatingProps> = (\n    props: FRatingProps\n) => {\n    if (!props.maxValue) {\n        props.maxValue = 5;\n    }\n    return (\n        <div\n            class={`f-rating ${props.disabled ? 'disabled' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''}`}\n        >\n            {buildStars(props)}\n        </div>\n    );\n};\n\nfunction buildStars(props: FRatingProps) {\n    const stars: VNode[] = [];\n\n    for (let i = 1; i <= props.maxValue; i++) {\n        if (i <= props.value) {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2605;\n                </span>\n            );\n        } else {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2606;\n                </span>\n            );\n        }\n    }\n\n    return stars;\n}\n","import type { FCheckboxProps } from '../f-checkbox/f-checkbox-declarations';\nimport type { FImageData, FImageProps } from '../f-image/f-image-declarations';\nimport type { FButtonProps } from '../f-button/f-button-declarations';\nimport type { KupChart } from '../../components/kup-chart/kup-chart';\nimport type { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport type { KupAutocompleteEventPayload } from '../../components/kup-autocomplete/kup-autocomplete-declarations';\nimport type { KupComboboxEventPayload } from '../../components/kup-combobox/kup-combobox-declarations';\nimport type { KupDatePickerEventPayload } from '../../components/kup-date-picker/kup-date-picker-declarations';\nimport type { KupTimePickerEventPayload } from '../../components/kup-time-picker/kup-time-picker-declarations';\nimport type { KupRatingClickEventPayload } from '../../components/kup-rating/kup-rating-declarations';\nimport type { KupColorPickerEventPayload } from '../../components/kup-color-picker/kup-color-picker-declarations';\nimport {\n    GenericObject,\n    KupComponent,\n    KupTagNames,\n} from '../../types/GenericTypes';\nimport {\n    autoCenterComps,\n    editableTypes,\n    FCellClasses,\n    FCellEventPayload,\n    FCellEvents,\n    FCellInfo,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n    fullWidthFieldsComps,\n    kupTypes,\n} from './f-cell-declarations';\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { getCellValueForDisplay, RADAdapter } from '../../utils/cell-utils';\nimport { FCheckbox } from '../f-checkbox/f-checkbox';\nimport { FTextField } from '../f-text-field/f-text-field';\nimport { FImage } from '../f-image/f-image';\nimport { FChip } from '../f-chip/f-chip';\nimport { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataNode,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FSwitch } from '../f-switch/f-switch';\nimport { KupChipChangeEventPayload } from '../../components/kup-chip/kup-chip-declarations';\nimport { FChipsProps, FChipType } from '../f-chip/f-chip-declarations';\nimport { ItemsDisplayMode } from '../../components/kup-list/kup-list-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FProgressBar } from '../f-progress-bar/f-progress-bar';\nimport { FRadio } from '../f-radio/f-radio';\nimport { FRating } from '../f-rating/f-rating';\nimport type { KupDataTable } from '../../components/kup-data-table/kup-data-table';\nimport { FRadioProps } from '../f-radio/f-radio-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport { DataAdapterFn } from '../../components/kup-input-panel/kup-input-panel-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FCell: FunctionalComponent<FCellProps> = (\n    props: FCellProps,\n    children?: VNode[]\n) => {\n    const cell = props.cell;\n    const column = props.column;\n    const row = props.row;\n    const shape = props.shape\n        ? props.shape\n        : cell.shape\n        ? cell.shape\n        : column.shape\n        ? column.shape\n        : null;\n    const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);\n\n    let isEditable = false;\n    if (cell.hasOwnProperty('isEditable')) {\n        isEditable = cell.isEditable;\n    } else if (column.hasOwnProperty('isEditable')) {\n        isEditable = column.isEditable;\n    }\n    isEditable = isEditable && props.editable;\n\n    if (cell.options) {\n        cell.data = mapData(cell, column) ?? cell.data;\n    }\n\n    const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';\n    const cellType = dom.ketchup.data.cell.getType(cell, shape);\n    const subcomponentProps: unknown = { ...cell.data };\n    let cssClasses = cell.cssClass\n        ? cell.cssClass\n        : column.cssClass\n        ? column.cssClass\n        : '';\n    if ((props.component as KupDataTable).legacyLook) {\n        cssClasses += ' monospace c-pre';\n    }\n    const classObj: Record<string, boolean> = {\n        'f-cell': true,\n        [FCellClasses.OBJ]: hasObj ? true : false,\n        [cellType + '-cell']: true,\n        [props.wrapperClass]: props.wrapperClass ? true : false,\n        [props.density]:\n            props.density && cellType !== FCellTypes.BAR ? true : false,\n        [cssClasses]: cssClasses ? true : false,\n    };\n    let content: unknown = valueToDisplay;\n    if (!cell.data) {\n        setDefaults(cellType, cell);\n    }\n    if (isEditable && editableTypes.includes(cellType)) {\n        content = setEditableCell(cellType, classObj, cell, column, props);\n    } else if (cell.data && kupTypes.includes(cellType)) {\n        if (props.setSizes) {\n            setCellSizeKup(cellType, subcomponentProps, cell);\n        }\n        if (!props.renderKup) {\n            const lazyClass = 'cell-' + cellType + ' placeholder';\n            content = <span class={lazyClass}></span>;\n        } else {\n            content = setKupCell(\n                cellType,\n                classObj,\n                subcomponentProps,\n                cell,\n                row,\n                column,\n                props\n            );\n        }\n    } else {\n        if (props.setSizes) {\n            setCellSize(cellType, subcomponentProps, cell, props);\n        }\n        content = setCell(\n            cellType,\n            subcomponentProps,\n            content,\n            classObj,\n            cell,\n            column,\n            props\n        );\n    }\n\n    let icon: VNode = null;\n    if (!isEditable && (column.icon || cell.icon) && content) {\n        const fProps: FImageProps = {\n            color: `rgba(var(${KupThemeColorValues.TEXT}-rgb), 0.375)`,\n            resource: cell.icon ? cell.icon : column.icon,\n            placeholderResource: cell.placeholderIcon\n                ? cell.placeholderIcon\n                : column.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            wrapperClass: 'obj-icon',\n        };\n        icon = <FImage {...fProps} />;\n    }\n\n    let cellTitle: string = null;\n    if (dom.ketchup.debug.isDebug() && hasObj) {\n        cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';\n    } else if (cell.title != null && cell.title.trim() != '') {\n        cellTitle = cell.title;\n    }\n\n    let infoEl: HTMLElement = null;\n    if (cell.info) {\n        const info: FCellInfo = { ...cell.info };\n        if (!info.color) {\n            info.color = `var(${KupThemeColorValues.INFO})`;\n        }\n        if (!info.icon) {\n            info.icon = 'info';\n        }\n        const fProps: FImageProps = {\n            color: info.color,\n            resource: info.icon,\n            placeholderResource: info.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            title: info.message ? info.message : '',\n            wrapperClass: 'cell-info',\n        };\n        infoEl = <FImage {...fProps} />;\n    }\n\n    return (\n        <div\n            onKeyUp={(e) => cellEvent(e, props, cellType, FCellEvents.KEYUP)}\n            class={classObj}\n            kup-get-cell-props={() => {\n                return props;\n            }}\n            ref={(el) => (cell.element = el)}\n            style={cell.style}\n        >\n            <div\n                class=\"f-cell__content\"\n                style={cell.styleContent}\n                title={cellTitle}\n            >\n                {props.cellActionIcon && (\n                    <FImage\n                        resource=\"more_vert\"\n                        sizeX=\"16px\"\n                        sizeY=\"16px\"\n                        wrapperClass={`f-cell__iconfunction ${\n                            cellType === FCellTypes.NUMBER ? 'left' : 'right'\n                        }`}\n                        onClick={props.cellActionIcon.onClick}\n                        tabIndex={0}\n                    />\n                )}\n                {children && children.length > 0\n                    ? children\n                    : [props.indents, infoEl, icon, content]}\n            </div>\n        </div>\n    );\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n    if (!cell) {\n        return null;\n    }\n\n    const options = cell.options;\n    const fieldLabel = col.title;\n    const currentValue = cell.value;\n    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n    const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n        [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n    ]);\n\n    const adapter = dataAdapterMap.get(cellType);\n\n    return adapter\n        ? adapter(options, fieldLabel, currentValue, cell, col.name)\n        : null;\n};\n\nconst MainRADAdapter = (\n    options: GenericObject,\n    _fieldLabel: string,\n    currentValue: string\n) => {\n    return RADAdapter(currentValue, options);\n};\n\nfunction setCellSize(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell,\n    props: FCellProps\n) {\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.ICON:\n            if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = '18px';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '18px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = (\n                        subcomponentProps as FImageProps\n                    ).sizeY;\n                }\n            } else {\n                cell.style = {\n                    minHeight: (subcomponentProps as FImageProps).sizeY,\n                };\n            }\n            break;\n        case FCellTypes.IMAGE:\n            const cellValue = props.cell?.value || '';\n            const hasExternalResource =\n                cellValue.indexOf('.') > -1 ||\n                cellValue.indexOf('/') > -1 ||\n                cellValue.indexOf('\\\\') > -1;\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                    KupTagNames.DATA_TABLE &&\n                !hasExternalResource\n            ) {\n                if (\n                    !(subcomponentProps as FImageProps).sizeX &&\n                    !(subcomponentProps as FImageProps).sizeY\n                ) {\n                    (subcomponentProps as FImageProps).sizeX = '100%';\n                    (subcomponentProps as FImageProps).sizeY = '64px';\n                    (subcomponentProps as FImageProps).wrapperClass = 'noWidth';\n                } else {\n                    if (!(subcomponentProps as FImageProps).sizeX) {\n                        (subcomponentProps as FImageProps).sizeX = '100%';\n                        (subcomponentProps as FImageProps).wrapperClass =\n                            'noWidth';\n                    }\n                    if (!(subcomponentProps as FImageProps).sizeY) {\n                        (subcomponentProps as FImageProps).sizeY = 'auto';\n                    }\n                }\n            }\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                KupTagNames.BOX\n            ) {\n                if (!(subcomponentProps as FImageProps).sizeY) {\n                    (subcomponentProps as FImageProps).sizeY = 'auto';\n                }\n                if ((subcomponentProps as FImageProps).fit === undefined) {\n                    (subcomponentProps as FImageProps).fit = true;\n                }\n            } else if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = 'auto';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '64px';\n            }\n\n            break;\n    }\n}\n\nfunction setCellSizeKup(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell\n) {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '26px';\n            }\n            break;\n        case FCellTypes.BUTTON:\n            let height: string = '';\n            if ((subcomponentProps as FButtonProps).label) {\n                height = '36px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = height;\n                }\n            } else {\n                cell.style = { minHeight: height };\n            }\n            break;\n        case FCellTypes.CHART:\n            if (!(subcomponentProps as KupChart).sizeX) {\n                (subcomponentProps as KupChart).sizeX = '100%';\n            }\n            if (!(subcomponentProps as KupChart).sizeY) {\n                (subcomponentProps as KupChart).sizeY = '100%';\n            }\n            break;\n        case FCellTypes.CHIP:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n        case FCellTypes.RADIO:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n    }\n}\n\nfunction setEditableCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n            return (\n                <kup-autocomplete\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-autocomplete-change={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-autocomplete-input={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-autocomplete-iconclick={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n\n            if (cell.shape === FCellShapes.INPUT_CHECKBOX) {\n                return (\n                    <input\n                        checked={\n                            cell.value === 'on' || cell.value === '1'\n                                ? true\n                                : false\n                        }\n                        class=\"input-checkbox\"\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                        type=\"checkbox\"\n                    ></input>\n                );\n            } else {\n                return (\n                    <FCheckbox\n                        {...cell.data}\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                    />\n                );\n            }\n        case FCellTypes.CHIP:\n            return (\n                <kup-chip\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-text-field\n                        fullWidth={true}\n                        slot=\"field\"\n                        {...cell.slotData}\n                    ></kup-text-field>\n                </kup-chip>\n            );\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled={false}\n                    onkup-colorpicker-change={(\n                        e: CustomEvent<KupColorPickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-color-picker>\n            );\n        case FCellTypes.COMBOBOX:\n            return (\n                <kup-combobox\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-combobox-change={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-combobox-input={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-combobox-iconclick={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.DATE:\n            return (\n                <kup-date-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-datepicker-change={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-datepicker-input={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-autocomplete\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-autocomplete-input={(\n                            e: CustomEvent<KupAutocompleteEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-autocomplete-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        showDropDownIcon={false}\n                        {...cell.slotData}\n                    ></kup-autocomplete>\n                </kup-chip>\n            );\n        case FCellTypes.MULTI_COMBOBOX:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-combobox\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-combobox-input={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-combobox-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        {...cell.slotData}\n                    ></kup-combobox>\n                </kup-chip>\n            );\n        case FCellTypes.RADIO:\n            return (\n                <FRadio\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(i: number, e: InputEvent) => {\n                        const radioData = (cell.data as FRadioProps).data;\n                        for (let index = 0; index < radioData.length; index++) {\n                            const radioEl = radioData[index];\n                            if (index === i) {\n                                radioEl.checked = true;\n                            } else {\n                                radioEl.checked = false;\n                            }\n                        }\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE);\n                    }}\n                ></FRadio>\n            );\n        case FCellTypes.RATING:\n            return (\n                <kup-rating\n                    key={column.name + props.row.id}\n                    {...cell.data}\n                    disabled={false}\n                    onkup-rating-click={(\n                        e: CustomEvent<KupRatingClickEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-rating>\n            );\n        case FCellTypes.SWITCH:\n            return (\n                <FSwitch\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(e: InputEvent) =>\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                    }\n                ></FSwitch>\n            );\n        case FCellTypes.TIME:\n            return (\n                <kup-time-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-timepicker-change={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-timepicker-input={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.OBJECT:\n            return (\n                <FTextField\n                    icon={'table'}\n                    {...cell.data}\n                    disabled={false}\n                    onIconClick={(e) =>\n                        cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)\n                    }\n                ></FTextField>\n            );\n        case FCellTypes.NUMBER:\n            classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n        case FCellTypes.LINK:\n        case FCellTypes.STRING:\n            const onChange = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.UPDATE);\n            const onInput = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.INPUT);\n            const type = cellType === FCellTypes.NUMBER ? 'number' : null;\n            const value =\n                cellType === FCellTypes.NUMBER && cell.value\n                    ? dom.ketchup.math.numberifySafe(cell.value).toString()\n                    : cell.value;\n            if (cell.shape === FCellShapes.INPUT_FIELD) {\n                return (\n                    <input\n                        class={'input-field'}\n                        onChange={onChange}\n                        onInput={onInput}\n                        type={type}\n                        value={value}\n                        maxLength={column.cellData?.maxLength ?? -1}\n                    ></input>\n                );\n            } else {\n                return (\n                    <FTextField\n                        inputType={type}\n                        fullWidth={isFullWidth(props) ? true : false}\n                        {...cell.data}\n                        icon={\n                            cell.data && cell.data.icon\n                                ? cell.data.icon\n                                : cell.icon\n                                ? cell.icon\n                                : column.icon\n                                ? column.icon\n                                : null\n                        }\n                        value={value}\n                        onChange={onChange}\n                        onInput={onInput}\n                        onIconClick={(e: MouseEvent) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                    />\n                );\n            }\n    }\n}\n\nfunction setCell(\n    cellType: string,\n    subcomponentProps: GenericObject,\n    content: unknown,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n        case FCellTypes.COMBOBOX:\n        case FCellTypes.DATE:\n        case FCellTypes.DATETIME:\n        case FCellTypes.TIME:\n            if (content && content != '') {\n                const cellValue = getCellValueForDisplay(column, cell);\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return content;\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FImage\n                    resource={\n                        (subcomponentProps as FCheckboxProps).checked\n                            ? 'check_box'\n                            : 'check_box_outline_blank'\n                    }\n                    sizeX=\"18px\"\n                    sizeY=\"18px\"\n                />\n            );\n        case FCellTypes.EDITOR:\n            return <div innerHTML={cell.value}></div>;\n        case FCellTypes.ICON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n            return <FImage {...subcomponentProps} />;\n        case FCellTypes.IMAGE:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n\n            return <FImage {...subcomponentProps} />;\n\n        case FCellTypes.LINK:\n            return (\n                <a href={content as string} target=\"_blank\">\n                    {cell.value}\n                </a>\n            );\n        case FCellTypes.NUMBER:\n            if (content && content != '') {\n                const cellValueNumber = dom.ketchup.math.numberifySafe(\n                    cell.value\n                );\n                const cellValue = getCellValueForDisplay(column, cell);\n                if (cellValueNumber < 0) {\n                    classObj[FCellClasses.TEXT_DANGER] = true;\n                }\n                if (isAutoCentered(props)) {\n                    classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n                }\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return <div class=\"f-cell__text\">{content}</div>;\n        case FCellTypes.SWITCH:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = true;\n            return <FSwitch {...subcomponentProps}></FSwitch>;\n        default:\n            return <div class=\"f-cell__text\">{content}</div>;\n    }\n}\n\nfunction setKupCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    subcomponentProps: GenericObject,\n    cell: KupDataCell,\n    row: KupDataRow,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).data) {\n                return (\n                    <kup-image\n                        key={column.name + props.row.id}\n                        sizeX=\"250px\"\n                        {...subcomponentProps}\n                    />\n                );\n            } else {\n                const barStyle = {\n                    height: (subcomponentProps as FImageProps).sizeY,\n                    width: '100%',\n                };\n                return (\n                    <div style={barStyle}>\n                        <FImage {...subcomponentProps} />\n                    </div>\n                );\n            }\n        case FCellTypes.BUTTON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FButton\n                    {...subcomponentProps}\n                    onClick={(e) =>\n                        cellEvent(e, props, cellType, FCellEvents.CLICK)\n                    }\n                ></FButton>\n            );\n        case FCellTypes.BUTTON_LIST:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['data-storage'] = {\n                cell: cell,\n                row: row,\n                column: column,\n            };\n            return (\n                <kup-button-list\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-button-list>\n            );\n        case FCellTypes.CHART:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <kup-chart\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.CHIP:\n            return <FChip {...subcomponentProps} />;\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled\n                ></kup-color-picker>\n            );\n        case FCellTypes.GAUGE:\n            return (\n                <kup-gauge\n                    key={column.name + props.row.id}\n                    value={dom.ketchup.math.numberifySafe(cell.value)}\n                    width-component=\"280px\"\n                    {...subcomponentProps}\n                ></kup-gauge>\n            );\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n            return subcomponentProps.customStyle ? (\n                <kup-progress-bar\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-progress-bar>\n            ) : (\n                <FProgressBar {...subcomponentProps}></FProgressBar>\n            );\n        case FCellTypes.RADIO:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = row.readOnly;\n            return <FRadio {...subcomponentProps}></FRadio>;\n        case FCellTypes.RATING:\n            return <FRating {...subcomponentProps} disabled={true}></FRating>;\n        case FCellTypes.OBJECT:\n            return (\n                <FTextField\n                    icon={'table'}\n                    {...subcomponentProps}\n                    disabled={true}\n                ></FTextField>\n            );\n    }\n}\n\nfunction setDefaults(cellType: string, cell: KupDataCell): void {\n    function isShapeBarMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;BAR');\n    }\n\n    function isShapeMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;');\n    }\n\n    function isBgColorMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('BCOLOR;');\n    }\n\n    function isHeightMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('HEIGHT;');\n    }\n\n    function isDecoratorMarker(value: string): boolean {\n        return (\n            value.toUpperCase().startsWith('SEP;') ||\n            value.toUpperCase().startsWith('DIV;') ||\n            value.toUpperCase().startsWith('ARW;') ||\n            value.toUpperCase().startsWith('GRID;')\n        );\n    }\n    function getData(value: string): FImageData[] | null {\n        if (!value) {\n            return null;\n        }\n        const graphicElementDefinitionArr = value.split('\\\\\\\\AND\\\\');\n        const data: FImageData[] = [];\n        for (const graphicElem of graphicElementDefinitionArr) {\n            const elementData = getElementData(graphicElem);\n            if (elementData) {\n                data.push(...elementData);\n            } else {\n                return null;\n            }\n        }\n        return data;\n    }\n\n    function getElementData(value: string): FImageData[] | null {\n        const commonsData: FImageData = {};\n\n        const markersArray = value.split('\\\\\\\\');\n        const shapesArray: FImageData[] = [];\n\n        for (const vString of markersArray) {\n            if (vString) {\n                if (isDecoratorMarker(vString)) {\n                    return null;\n                }\n\n                if (isShapeMarker(vString)) {\n                    if (!isShapeBarMarker(vString)) {\n                        return null;\n                    } else {\n                        const attr = vString.split(';');\n                        if (attr.length === 3) {\n                            const width = attr[2].replace(',', '.');\n                            if (!isNaN(parseFloat(width))) {\n                                commonsData.width = `${width}%`;\n                            }\n                        }\n                    }\n                } else if (isBgColorMarker(vString)) {\n                    // Background color handling can be added here if needed\n                } else if (isHeightMarker(vString)) {\n                    const height = vString\n                        .substring('HEIGHT;'.length)\n                        .replace(',', '.');\n                    if (!isNaN(parseFloat(height))) {\n                        commonsData.height = `${height}%`;\n                    }\n                } else {\n                    shapesArray.push(getShapeData(vString, commonsData));\n                }\n            }\n            return shapesArray.length ? shapesArray : null;\n        }\n\n        function getShapeData(\n            value: string,\n            commonsData: FImageData\n        ): FImageData {\n            const shapeData: FImageData = { ...commonsData };\n            const attr = value.split(';');\n            if (attr.length >= 1) {\n                const pattern = /R(\\d+)G(\\d+)B(\\d+)/;\n                const match = pattern.exec(attr[0]);\n                if (match) {\n                    const [, r, g, b] = match;\n                    if (\n                        !isNaN(parseInt(r, 10)) &&\n                        !isNaN(parseInt(g, 10)) &&\n                        !isNaN(parseInt(b, 10))\n                    ) {\n                        shapeData.color = `rgb(${parseInt(r)},${parseInt(\n                            g\n                        )},${parseInt(b)})`;\n                    }\n                }\n                if (attr.length >= 2) {\n                    const width = attr[1].replace(',', '.');\n                    if (!isNaN(parseFloat(width))) {\n                        shapeData.width = `${width}%`;\n                    }\n                }\n            }\n            return shapeData;\n        }\n    }\n\n    cell.data = {};\n\n    const createDataset = () => {\n        const parts = cell.value?.split(';');\n        if (parts?.[parts.length - 1].trim() === '') {\n            parts.pop();\n        }\n        if (parts && parts.length) {\n            cell.data.data = [];\n            for (let part of parts) {\n                (cell.data.data as KupDataNode[]).push({\n                    id: part,\n                    value: part,\n                });\n            }\n        }\n    };\n\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.SWITCH:\n            cell.data.checked = cell.value === '1' ? true : false;\n            break;\n\n        case FCellTypes.BAR:\n            if (isShapeMarker(cell.value)) {\n                cell.data.isCanvas = true;\n                cell.data.resource = cell.value;\n            } else {\n                cell.data.data = getData(cell.value);\n            }\n            break;\n\n        case FCellTypes.BUTTON:\n            cell.data.label = cell.value;\n            break;\n\n        case FCellTypes.CHART:\n            Object.assign(cell.data, {\n                sizeX: '100px',\n                sizeY: '100px',\n                offlineMode: {\n                    value: cell.value,\n                    shape: 'pie',\n                },\n            });\n            break;\n\n        case FCellTypes.BUTTON_LIST:\n        case FCellTypes.CHIP:\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.RADIO:\n            createDataset();\n            break;\n\n        case FCellTypes.COLOR_PICKER:\n            cell.data.initialValue = cell.value;\n            break;\n\n        case FCellTypes.GAUGE:\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n        case FCellTypes.RATING:\n            cell.data.value = parseInt(cell.value);\n            break;\n\n        case FCellTypes.ICON:\n        case FCellTypes.IMAGE:\n            cell.data.resource = cell.value;\n            break;\n    }\n}\n\nfunction cellEvent(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    props: FCellProps,\n    cellType: FCellTypes,\n    cellEventName: FCellEvents\n): void {\n    const cell = props.cell;\n    const column = props.column;\n    const comp = props.component;\n    const row = props.row;\n    if (cellEventName === FCellEvents.UPDATE) {\n        let value = getValueFromEventTaget(e, cellType);\n        switch (cellType) {\n            case FCellTypes.AUTOCOMPLETE:\n            case FCellTypes.COMBOBOX:\n            case FCellTypes.DATE:\n            case FCellTypes.TIME:\n                if (cell.data) {\n                    cell.data['initialValue'] = value;\n                }\n                break;\n            case FCellTypes.CHECKBOX:\n            case FCellTypes.SWITCH:\n                value = value === 'on' ? '0' : '1';\n                if (cell.data) {\n                    (cell.data as FCheckboxProps).checked =\n                        value === '0' ? false : true;\n                }\n                break;\n            case FCellTypes.RADIO:\n                // data change handled outside this switchcase to avoid passing the index\n                break;\n            case FCellTypes.CHIP:\n            case FCellTypes.MULTI_AUTOCOMPLETE:\n            case FCellTypes.MULTI_COMBOBOX:\n                value = (e as CustomEvent<KupChipChangeEventPayload>).detail\n                    .stringifiedValues;\n                if (cell.data) {\n                    (cell.data as FChipsProps).data = (\n                        e as CustomEvent<KupChipChangeEventPayload>\n                    ).detail.comp.data;\n                }\n                break;\n        }\n        if (cell.obj) {\n            cell.obj.k = value.toString();\n        }\n        cell.value = value.toString();\n        cell.displayedValue = null;\n        cell.displayedValue = getCellValueForDisplay(column, cell);\n    }\n    if (comp && (comp as KupComponent).rootElement) {\n        const cellEvent = new CustomEvent<FCellEventPayload>(cellEventName, {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n                comp: comp,\n                id: (comp as KupComponent).rootElement.id,\n                cell: cell,\n                column: column,\n                event: e,\n                row: row,\n                type: cellType,\n            },\n        });\n        (comp as KupComponent).rootElement.dispatchEvent(cellEvent);\n        if (cellEventName === FCellEvents.UPDATE) {\n            try {\n                (comp as KupComponent).refresh();\n            } catch (error) {\n                dom.ketchup.debug.logMessage(\n                    comp,\n                    error,\n                    KupDebugCategory.ERROR\n                );\n            }\n        }\n    }\n}\n\nfunction getValueFromEventTaget(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    cellType: FCellTypes\n): string {\n    const isInputEvent = !!((e.target as HTMLElement).tagName === 'INPUT');\n    let value = isInputEvent\n        ? (e.target as HTMLInputElement).value\n        : e.detail.value;\n\n    if (cellType === FCellTypes.CHECKBOX && isInputEvent) {\n        value = (e.target as HTMLInputElement).checked ? 'off' : 'on';\n    }\n\n    if (cellType === FCellTypes.NUMBER && isInputEvent) {\n        value = dom.ketchup.math.formattedStringToNumberString(value, '');\n    }\n    return value;\n}\n\nfunction isAutoCentered(props: FCellProps) {\n    return autoCenterComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n\nfunction isFullWidth(props: FCellProps) {\n    return fullWidthFieldsComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n"],"mappings":"mXAQYA,GAAZ,SAAYA,GACRA,EAAA,gDACAA,EAAA,gCACAA,EAAA,kGACAA,EAAA,2EACAA,EAAA,yEACAA,EAAA,uDACAA,EAAA,iFACAA,EAAA,6FACAA,EAAA,4FACAA,EAAA,6DACAA,EAAA,2EACAA,EAAA,0EACH,EAbD,CAAYA,MAAY,K,IAyBZC,GAAZ,SAAYA,GACRA,EAAA,qBACAA,EAAA,2BACAA,EAAA,gBACH,EAJD,CAAYA,MAAW,K,IAUXC,GAAZ,SAAYA,GACRA,EAAA,eACAA,EAAA,6BACAA,EAAA,8BACH,EAJD,CAAYA,MAAgB,K,ICpBhBC,GAAZ,SAAYA,GACRA,EAAA,iBACAA,EAAA,kBACH,EAHD,CAAYA,MAAa,K,MChBZC,EACTC,IAEA,IAAKA,EAAMC,OAAQ,CACfD,EAAMC,OAASH,EAAcI,M,CAERF,EAAMC,OAAOE,gBAAkBL,EAAcM,MACtE,MAAMC,EAAoC,CACtCC,OAAQ,KACR,kBAAmBN,EAAMO,QACzB,mBAAoBP,EAAMQ,SAC1B,CAAC,WAAWR,EAAMC,UAAWD,EAAMC,OAAS,KAAO,OAGvD,OACIQ,EAAA,MAAAC,OAAAC,OAAA,CACIC,MAAO,YAAYZ,EAAMa,OAAS,aAAe,MAC7Cb,EAAMc,KAAO,WAAa,MAC1Bd,EAAMe,UAAY,gBAAkB,MACpCf,EAAMgB,QAAU,cAAgB,MAChChB,EAAMiB,QAAU,cAAgB,MAChCjB,EAAMkB,aAAelB,EAAMkB,aAAe,MAE1ClB,EAAMmB,QAAO,CACjBC,GAAIpB,EAAMoB,GACVC,MAAOrB,EAAMqB,QAEbZ,EAAA,OACIG,MAAO,cACHZ,EAAMsB,aAAe,wBAA0B,MAGnDb,EAAA,OAAKG,MAAOP,GACRI,EAAA,OAAKG,MAAM,kBACXH,EAAA,OAAKG,MAAM,0BACPH,EAAA,OAAKG,MAAM,iBACPH,EAAA,SACIc,KAAK,WACLX,MAAM,yBACNY,KAAK,SACLjB,QAASP,EAAMO,QACfC,SAAUR,EAAMQ,SAChBiB,MAAOzB,EAAMO,QAAU,KAAO,MAC9BmB,OAAQ1B,EAAM0B,OACdC,SAAU3B,EAAM2B,SAChBC,QAAS5B,EAAM4B,aAK/BnB,EAAA,SAAOoB,QAAS7B,EAAM2B,UAAW3B,EAAM8B,QAEzC,E,MCpDDC,EACT/B,IAEA,IAAKA,EAAMgC,gBAAkBhC,EAAMgC,gBAAkB,MAAO,CACxDhC,EAAMgC,cAAgB,I,CAG1B,IAAIC,EAAiB,kBAAkBjC,EAAMa,OAAS,aAAe,MACjEb,EAAMkC,SAAW,eAAiB,MAClClC,EAAMmC,OAAS,aAAe,MAAMnC,EAAMc,KAAO,WAAa,MAC9Dd,EAAMoC,KAAO,WAAa,MAC1BpC,EAAMqC,QAAU,cAAgB,QAChCrC,EAAMe,UAAY,gBAAkB,MACpCf,EAAMoC,KAAO,WAAa,MAAMpC,EAAMgB,QAAU,cAAgB,MAChEhB,EAAMiB,QAAU,cAAgB,MAChCjB,EAAMkB,aAAelB,EAAMkB,aAAe,KAC9C,IAAIoB,EAAmB,MACvB,IAAIC,EAAcC,UAClB,GAAIxC,EAAMyC,SAAU,CAChBR,GAAkB,wB,KACf,CACHA,GAAkB,e,CAGtB,IAAIS,EAAaF,UAEjB,MAAMG,EAAa,CACfC,MAAO,GAAG5C,EAAMyB,UAGpB,IAAKzB,EAAMgC,cAAe,CACtBU,EAAaC,EACb,GAAI3C,EAAMyB,MAAQ,EAAG,CACjBQ,GAAkB,wB,OAEnB,GAAIjC,EAAMyB,MAAQ,GAAI,CACzBQ,GAAkB,wB,CAGtB,IAAIH,EAAQ,KACZ,GAAI9B,EAAM6C,KAAM,CACZf,EAAQgB,EAAkB9C,E,KACvB,CACH,IAAKA,EAAM+C,UAAW,CAClB,GAAI/C,EAAMyC,SAAU,CAChB,GAAIzC,EAAM8B,MAAO,CACbA,EAAQrB,EAAA,QAAMG,MAAM,SAASZ,EAAM8B,M,KAChC,CACHA,EACIrB,EAAA,QAAMG,MAAM,SACPZ,EAAMyB,MACPhB,EAAA,QAAMG,MAAM,WAAS,K,MAI9B,CACH,GAAIZ,EAAM8B,MAAO,CACbA,EAAQ9B,EAAM8B,K,KACX,CACHA,EAAQ9B,EAAMyB,MAAQ,G,IAMtC,GAAIzB,EAAMyB,MAAQ,EAAG,CACjBa,GAAY,aACZ,GAAItC,EAAMyB,MAAQ,GAAI,CAClBa,GAAY,oB,KACT,CACHA,GAAY,oB,EAIpB,GAAItC,EAAMyC,SAAU,CAChB,OACIhC,EAAA,OAAKG,MAAOqB,GACPH,EACDrB,EAAA,OAAKG,MAAO0B,GACR7B,EAAA,OACIuC,MAAOT,EACP3B,MAAM,0BAEVH,EAAA,OAAKG,MAAM,4BAEfH,EAAA,OAAKG,MAAM,W,KAGhB,CACH,OACIH,EAAA,OAAKG,MAAOqB,GACRxB,EAAA,OAAKG,MAAM,0BAA0BoC,MAAOL,GACxClC,EAAA,QAAMuC,MAAON,GAAaZ,I,GAO9C,SAASgB,EAAkB9C,GACvB,IAAKA,EAAM6C,KAAM,CACb,OAAOL,S,CAGX,GACIxC,EAAM6C,KAAKI,QAAQ,MAAQ,GAC3BjD,EAAM6C,KAAKI,QAAQ,MAAQ,GAC3BjD,EAAM6C,KAAKI,QAAQ,OAAS,EAC9B,CACE,OACIxC,EAAA,QAAMG,MAAM,2BACRH,EAAA,OAAKyC,IAAKlD,EAAM6C,O,KAGrB,CACH,IAAIM,EAAc,QAAQC,EACtB,gBAAgBpD,EAAM6C,iCAE1B,IAAIQ,EAAY,CACZC,KAAMH,EACNI,WAAYJ,GAEhB,OAAO1C,EAAA,QAAMuC,MAAOK,EAAWzC,MAAM,kB,CAE7C,CC1GA,IAAY4C,GAAZ,SAAYA,GACRA,EAAA,iBACAA,EAAA,oBACH,EAHD,CAAYA,MAAU,K,MCZTC,EACTzD,I,MAEA,MAAM0D,IAAwB1D,EAAM2D,QACpC,MAAMC,EAA0B,GAGhC,MAAMC,EAAY7D,EAAMuB,MAAQiC,EAAWM,MAC3C,IAAK,IAAIC,EAAI,EAAGA,IAAIC,EAAAhE,EAAMiE,QAAI,MAAAD,SAAA,SAAAA,EAAEE,QAAQH,IAAK,CACzC,MAAME,EAAmBjE,EAAMiE,KAAKF,GACpC,MAAM1D,EAA0B,CAC5B8D,MAAO,KACP,iBAAkBF,EAAK1D,QAAU,KAAO,MACxC,kBAAmBP,EAAMQ,SAAW,KAAO,MAC3C,CAAC,UAAUR,EAAMuB,QAASvB,EAAMuB,KAAO,KAAO,OAGlDqC,EAAUQ,KACN3D,EAAA,OACIG,MAAO,kCACHZ,EAAMsB,aAAe,yBAA2B,MAChDtB,EAAMQ,SAAW,kBAAoB,MAGzCC,EAAA,OAAKG,MAAOP,GACPwD,IAAcL,EAAWM,MAEtBrD,EAAA,SACIG,MAAM,wBACNW,KAAK,QACL8C,KAAK,gBACL5C,MAAOwC,EAAKxC,MACZlB,QAAS0D,EAAK1D,QACdC,SAAUR,EAAMQ,SAChBkB,OAAQ1B,EAAM0B,OACdC,SACI3B,EAAM2B,SACA3B,EAAM2B,SAAS2C,KAAKtE,EAAM2B,SAAUoC,GACpC,KAEVnC,QAAS5B,EAAM4B,UAInBnB,EAAA8D,EAAA,KACKN,EAAK1D,QACFE,EAAC+D,EAAM,CACHC,SAAS,QACTC,MAAM,OACNC,MAAM,SAGVlE,EAAC+D,EAAM,CACHE,MAAM,OACNC,MAAM,OACN9C,QACI7B,EAAM2B,SACA3B,EAAM2B,SAAS2C,KACXtE,EAAM2B,SACNoC,GAEJ,QAMzBF,IAAcL,EAAWM,OACtBrD,EAAA,OAAKG,MAAM,qBACPH,EAAA,OAAKG,MAAM,wBACXH,EAAA,OAAKG,MAAM,0BAIvBH,EAAA,SACImE,QAAS,gBACT/C,QACI7B,EAAM2B,SACA3B,EAAM2B,SAAS2C,KAAKtE,EAAM2B,SAAUoC,GACpC,MAGTE,EAAKnC,MAAQmC,EAAKnC,MAAQ,K,CAM3C,MAAM+C,EAA0B,CAC5B,sBAAuBnB,EACjB,UAAU1D,EAAM2D,gBAChB,IAGV,OACIlD,EAAA,OACIG,MAAO,uCACJ8C,EAAa,qBAAuB,MACnC1D,EAAMa,OAAS,aAAe,MAC9Bb,EAAMc,KAAO,WAAa,MAC1Bd,EAAMe,UAAY,gBAAkB,MACpCf,EAAMgB,QAAU,cAAgB,MAChChB,EAAMiB,QAAU,cAAgB,MAChCjB,EAAMkB,aAAelB,EAAMkB,aAAe,MAC1ClB,EAAM8E,WAAa,iBAAmB,KAE1C9B,MAAO6B,GAENjB,EACC,E,MCnHDmB,EACT/E,IAEA,IAAKA,EAAMgF,SAAU,CACjBhF,EAAMgF,SAAW,C,CAErB,OACIvE,EAAA,OACIG,MAAO,YAAYZ,EAAMQ,SAAW,WAAa,MAC7CR,EAAMa,OAAS,aAAe,MAC9Bb,EAAMc,KAAO,WAAa,MAC1Bd,EAAMe,UAAY,gBAAkB,MACpCf,EAAMgB,QAAU,cAAgB,MAChChB,EAAMiB,QAAU,cAAgB,MAChCjB,EAAMkB,aAAelB,EAAMkB,aAAe,MAE7C+D,EAAWjF,GACV,EAId,SAASiF,EAAWjF,GAChB,MAAMkF,EAAiB,GAEvB,IAAK,IAAInB,EAAI,EAAGA,GAAK/D,EAAMgF,SAAUjB,IAAK,CACtC,GAAIA,GAAK/D,EAAMyB,MAAO,CAClByD,EAAMd,KACF3D,EAAA,QACIG,MAAM,SACNiB,QACI7B,EAAM6B,QACA7B,EAAM6B,QAAQyC,KAAKtE,EAAM6B,QAASkC,GAClC,MAAI,K,KAMnB,CACHmB,EAAMd,KACF3D,EAAA,QACIG,MAAM,SACNiB,QACI7B,EAAM6B,QACA7B,EAAM6B,QAAQyC,KAAKtE,EAAM6B,QAASkC,GAClC,MAAI,K,EAS9B,OAAOmB,CACX,CCNA,MAAMC,EAAcC,SAASC,gB,MAMhBC,EAAyC,CAClDtF,EACAuF,K,MAEA,MAAMC,EAAOxF,EAAMwF,KACnB,MAAMC,EAASzF,EAAMyF,OACrB,MAAMC,EAAM1F,EAAM0F,IAClB,MAAMC,EAAQ3F,EAAM2F,MACd3F,EAAM2F,MACNH,EAAKG,MACLH,EAAKG,MACLF,EAAOE,MACPF,EAAOE,MACP,KACN,MAAMC,GAAUT,EAAIU,QAAQC,QAAQC,cAAcP,EAAKQ,KAEvD,IAAIC,EAAa,MACjB,GAAIT,EAAKU,eAAe,cAAe,CACnCD,EAAaT,EAAKS,U,MACf,GAAIR,EAAOS,eAAe,cAAe,CAC5CD,EAAaR,EAAOQ,U,CAExBA,EAAaA,GAAcjG,EAAMmG,SAEjC,GAAIX,EAAKY,QAAS,CACdZ,EAAKvB,MAAOD,EAAAqC,EAAQb,EAAMC,MAAO,MAAAzB,SAAA,EAAAA,EAAIwB,EAAKvB,I,CAG9C,MAAMqC,EAAiBtG,EAAMuG,gBAAkBf,EAAK/D,MAAQ+D,EAAK/D,MAAQ,GACzE,MAAM+E,EAAWrB,EAAIU,QAAQ5B,KAAKuB,KAAKiB,QAAQjB,EAAMG,GACrD,MAAMe,EAAiBhG,OAAAC,OAAA,GAAiB6E,EAAKvB,MAC7C,IAAI0C,EAAanB,EAAKoB,SAChBpB,EAAKoB,SACLnB,EAAOmB,SACPnB,EAAOmB,SACP,GACN,GAAK5G,EAAM6G,UAA2BC,WAAY,CAC9CH,GAAc,kB,CAElB,MAAMtG,EAAoC,CACtC,SAAU,KACV,CAAC0G,EAAaC,KAAMpB,EAAS,KAAO,MACpC,CAACY,EAAW,SAAU,KACtB,CAACxG,EAAMkB,cAAelB,EAAMkB,aAAe,KAAO,MAClD,CAAClB,EAAMiH,SACHjH,EAAMiH,SAAWT,IAAaU,EAAWC,IAAM,KAAO,MAC1DR,CAACA,GAAaA,EAAa,KAAO,OAEtC,IAAIS,EAAmBd,EACvB,IAAKd,EAAKvB,KAAM,CACZoD,EAAYb,EAAUhB,E,CAE1B,GAAIS,GAAcqB,EAAcC,SAASf,GAAW,CAChDY,EAAUI,EAAgBhB,EAAUnG,EAAUmF,EAAMC,EAAQzF,E,MACzD,GAAIwF,EAAKvB,MAAQwD,EAASF,SAASf,GAAW,CACjD,GAAIxG,EAAM0H,SAAU,CAChBC,EAAenB,EAAUE,EAAmBlB,E,CAEhD,IAAKxF,EAAM4H,UAAW,CAClB,MAAMC,EAAY,QAAUrB,EAAW,eACvCY,EAAU3G,EAAA,QAAMG,MAAOiH,G,KACpB,CACHT,EAAUU,EACNtB,EACAnG,EACAqG,EACAlB,EACAE,EACAD,EACAzF,E,MAGL,CACH,GAAIA,EAAM0H,SAAU,CAChBK,EAAYvB,EAAUE,EAAmBlB,EAAMxF,E,CAEnDoH,EAAUY,EACNxB,EACAE,EACAU,EACA/G,EACAmF,EACAC,EACAzF,E,CAIR,IAAI6C,EAAc,KAClB,IAAKoD,IAAeR,EAAO5C,MAAQ2C,EAAK3C,OAASuE,EAAS,CACtD,MAAMa,EAAsB,CACxBC,MAAO,YAAYC,EAAoBC,oBACvC3D,SAAUe,EAAK3C,KAAO2C,EAAK3C,KAAO4C,EAAO5C,KACzCwF,oBAAqB7C,EAAK8C,gBACpB9C,EAAK8C,gBACL7C,EAAO6C,gBACb5D,MAAO,SACPC,MAAO,SACPzD,aAAc,YAElB2B,EAAOpC,EAAC+D,EAAM9D,OAAAC,OAAA,GAAKsH,G,CAGvB,IAAIM,EAAoB,KACxB,GAAIpD,EAAIU,QAAQ2C,MAAMC,WAAa7C,EAAQ,CACvC2C,EAAY/C,EAAKQ,IAAI0C,EAAI,KAAOlD,EAAKQ,IAAI2C,EAAI,KAAOnD,EAAKQ,IAAI4C,EAAI,G,MAC9D,GAAIpD,EAAKnE,OAAS,MAAQmE,EAAKnE,MAAMwH,QAAU,GAAI,CACtDN,EAAY/C,EAAKnE,K,CAGrB,IAAIyH,EAAsB,KAC1B,GAAItD,EAAK1E,KAAM,CACX,MAAMA,EAAIJ,OAAAC,OAAA,GAAmB6E,EAAK1E,MAClC,IAAKA,EAAKoH,MAAO,CACbpH,EAAKoH,MAAQ,OAAOC,EAAoBY,O,CAE5C,IAAKjI,EAAK+B,KAAM,CACZ/B,EAAK+B,KAAO,M,CAEhB,MAAMoF,EAAsB,CACxBC,MAAOpH,EAAKoH,MACZzD,SAAU3D,EAAK+B,KACfwF,oBAAqBvH,EAAKwH,gBAC1B5D,MAAO,SACPC,MAAO,SACPtD,MAAOP,EAAKkI,QAAUlI,EAAKkI,QAAU,GACrC9H,aAAc,aAElB4H,EAASrI,EAAC+D,EAAM9D,OAAAC,OAAA,GAAKsH,G,CAGzB,OACIxH,EAAA,OACIwI,QAAUC,GAAMC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYC,OAC1DzI,MAAOP,EAAQ,qBACK,IACTL,EAEXsJ,IAAMC,GAAQ/D,EAAKgE,QAAUD,EAC7BvG,MAAOwC,EAAKxC,OAEZvC,EAAA,OACIG,MAAM,kBACNoC,MAAOwC,EAAKiE,aACZpI,MAAOkH,GAENvI,EAAM0J,gBACHjJ,EAAC+D,EAAM,CACHC,SAAS,YACTC,MAAM,OACNC,MAAM,OACNzD,aAAc,wBACVsF,IAAaU,EAAWyC,OAAS,OAAS,UAE9C9H,QAAS7B,EAAM0J,eAAe7H,QAC9B+H,SAAU,IAGjBrE,GAAYA,EAASrB,OAAS,EACzBqB,EACA,CAACvF,EAAM6J,QAASf,EAAQjG,EAAMuE,IAEtC,EAId,MAAMf,EAAU,CAACb,EAA0BsE,KACvC,IAAKtE,EAAM,CACP,OAAO,I,CAGX,MAAMY,EAAUZ,EAAKY,QACrB,MAAM2D,EAAaD,EAAIzI,MACvB,MAAM2I,EAAexE,EAAK/D,MAC1B,MAAM+E,EAAWrB,EAAIU,QAAQ5B,KAAKuB,KAAKiB,QAAQjB,EAAMA,EAAKG,OAC1D,MAAMsE,EAAiB,IAAIC,IAA+B,CACtD,CAAChD,EAAWpD,MAAOqG,EAAe7F,KAAK8F,cAG3C,MAAMC,EAAUJ,EAAeK,IAAI9D,GAEnC,OAAO6D,EACDA,EAAQjE,EAAS2D,EAAYC,EAAcxE,EAAMsE,EAAIzF,MACrD,IAAI,EAGd,MAAM8F,EAAiB,CACnB/D,EACAmE,EACAP,IAEOQ,EAAWR,EAAc5D,GAGpC,SAAS2B,EACLvB,EACAE,EACAlB,EACAxF,G,MAEA,OAAQwG,GACJ,KAAKU,EAAWuD,SAChB,KAAKvD,EAAWwD,KACZ,IAAMhE,EAAkChC,MAAO,CAC1CgC,EAAkChC,MAAQ,M,CAE/C,IAAMgC,EAAkC/B,MAAO,CAC1C+B,EAAkC/B,MAAQ,M,CAE/C,GAAIa,EAAKxC,MAAO,CACZ,IAAKwC,EAAKxC,MAAM2H,OAAQ,CACpBnF,EAAKxC,MAAM,aACP0D,EACF/B,K,MAEH,CACHa,EAAKxC,MAAQ,CACT4H,UAAYlE,EAAkC/B,M,CAGtD,MACJ,KAAKuC,EAAW2D,MACZ,MAAMC,IAAY9G,EAAAhE,EAAMwF,QAAI,MAAAxB,SAAA,SAAAA,EAAEvC,QAAS,GACvC,MAAMsJ,EACFD,EAAU7H,QAAQ,MAAQ,GAC1B6H,EAAU7H,QAAQ,MAAQ,GAC1B6H,EAAU7H,QAAQ,OAAS,EAC/B,GACKjD,EAAM6G,UAA2BmE,YAAYC,UAC1CC,EAAYC,aACfJ,EACH,CACE,IACMrE,EAAkChC,QAClCgC,EAAkC/B,MACtC,CACG+B,EAAkChC,MAAQ,OAC1CgC,EAAkC/B,MAAQ,OAC1C+B,EAAkCxF,aAAe,S,KAC/C,CACH,IAAMwF,EAAkChC,MAAO,CAC1CgC,EAAkChC,MAAQ,OAC1CgC,EAAkCxF,aAC/B,S,CAER,IAAMwF,EAAkC/B,MAAO,CAC1C+B,EAAkC/B,MAAQ,M,GAIvD,GACK3E,EAAM6G,UAA2BmE,YAAYC,UAC9CC,EAAYE,IACd,CACE,IAAM1E,EAAkC/B,MAAO,CAC1C+B,EAAkC/B,MAAQ,M,CAE/C,GAAK+B,EAAkC2E,MAAQ7I,UAAW,CACrDkE,EAAkC2E,IAAM,I,OAE1C,IAAM3E,EAAkChC,MAAO,CACjDgC,EAAkChC,MAAQ,M,CAE/C,IAAMgC,EAAkC/B,MAAO,CAC1C+B,EAAkC/B,MAAQ,M,CAG/C,MAEZ,CAEA,SAASgD,EACLnB,EACAE,EACAlB,GAEA,OAAQgB,GACJ,KAAKU,EAAWC,IACZ,IAAMT,EAAkC/B,MAAO,CAC1C+B,EAAkC/B,MAAQ,M,CAE/C,MACJ,KAAKuC,EAAWoE,OACZ,IAAIX,EAAiB,GACrB,GAAKjE,EAAmC5E,MAAO,CAC3C6I,EAAS,M,CAEb,GAAInF,EAAKxC,MAAO,CACZ,IAAKwC,EAAKxC,MAAM2H,OAAQ,CACpBnF,EAAKxC,MAAM,aAAe2H,C,MAE3B,CACHnF,EAAKxC,MAAQ,CAAE4H,UAAWD,E,CAE9B,MACJ,KAAKzD,EAAWqE,MACZ,IAAM7E,EAA+BhC,MAAO,CACvCgC,EAA+BhC,MAAQ,M,CAE5C,IAAMgC,EAA+B/B,MAAO,CACvC+B,EAA+B/B,MAAQ,M,CAE5C,MACJ,KAAKuC,EAAWsE,KACZ,GAAIhG,EAAKxC,MAAO,CACZ,IAAKwC,EAAKxC,MAAM2H,OAAQ,CACpBnF,EAAKxC,MAAM,aAAe,M,MAE3B,CACHwC,EAAKxC,MAAQ,CAAE4H,UAAW,O,CAE9B,MACJ,KAAK1D,EAAWpD,MACZ,GAAI0B,EAAKxC,MAAO,CACZ,IAAKwC,EAAKxC,MAAM2H,OAAQ,CACpBnF,EAAKxC,MAAM,aAAe,M,MAE3B,CACHwC,EAAKxC,MAAQ,CAAE4H,UAAW,O,CAE9B,MAEZ,CAEA,SAASpD,EACLhB,EACAnG,EACAmF,EACAC,EACAzF,G,QAEA,OAAQwG,GACJ,KAAKU,EAAWuE,aACZ,OACIhL,EAAA,mBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BuK,aAAcnG,EAAK/D,OACf+D,EAAKvB,KAAI,CACbrD,MAAOgL,EAAY5L,GAAS,iBAAmB,GAAE,4BAE7CkJ,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAAO,2BAElD3C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,OAAM,+BAEjD5C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY2C,eAG3D,KAAK7E,EAAWuD,SACZ,GAAIuB,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAGxC,GAAIzG,EAAKG,QAAUuG,EAAYC,eAAgB,CAC3C,OACI1L,EAAA,SACIF,QACIiF,EAAK/D,QAAU,MAAQ+D,EAAK/D,QAAU,IAChC,KACA,MAEVb,MAAM,iBACNe,SAAWuH,GACPC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAE9CtK,KAAK,Y,KAGV,CACH,OACId,EAAC2L,EAAS1L,OAAAC,OAAA,GACF6E,EAAKvB,KAAI,CACbtC,SAAWuH,GACPC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,U,CAK9D,KAAK3E,EAAWsE,KACZ,OACI/K,EAAA,WAAAC,OAAAC,OAAA,GACQ6E,EAAKvB,KAAI,CACb1C,KAAM8K,EAAUP,MAChBQ,YAAa,KAAI,oBAEbpD,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,UAE/CpL,EAAA,iBAAAC,OAAAC,OAAA,CACI4L,UAAW,KACXC,KAAK,SACDhH,EAAKiH,YAIzB,KAAKvF,EAAWwF,aACZ,OACIjM,EAAA,mBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BuK,aAAcnG,EAAK/D,OACf+D,EAAKvB,KAAI,CACbrD,MAAOgL,EAAY5L,GAAS,iBAAmB,GAC/CQ,SAAU,MAAK,2BAEX0I,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,WAG3D,KAAK3E,EAAWyF,SACZ,OACIlM,EAAA,eAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BuK,aAAcnG,EAAK/D,OACf+D,EAAKvB,KAAI,CACbrD,MAAOgL,EAAY5L,GAAS,iBAAmB,GAAE,wBAE7CkJ,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAAO,uBAElD3C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,OAAM,2BAEjD5C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY2C,eAG3D,KAAK7E,EAAW0F,KACZ,OACInM,EAAA,kBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BuK,aAAcnG,EAAK/D,OACf+D,EAAKvB,KAAI,CACbrD,MAAOgL,EAAY5L,GAAS,iBAAmB,GAAE,0BAE7CkJ,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAAO,yBAElD3C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,UAG3D,KAAK5E,EAAW2F,mBACZ,OACIpM,EAAA,WAAAC,OAAAC,OAAA,CACImM,UAAW,MACPtH,EAAKvB,KAAI,CACb1C,KAAM8K,EAAUP,MAChBQ,YAAa,KAAI,oBAEbpD,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,UAE/CpL,EAAA,mBAAAC,OAAAC,OAAA,CACIC,MAAM,iBACN4L,KAAK,QACLO,YAAalN,EAAiBmN,qBAC9BC,WAAYpN,EAAiBmN,qBAAoB,2BAE7C9D,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,OAAM,+BAEjD5C,GAEAC,EACID,EACAlJ,EACAwG,EACA4C,EAAY2C,YAGpBmB,iBAAkB,OACd1H,EAAKiH,YAIzB,KAAKvF,EAAWiG,eACZ,OACI1M,EAAA,WAAAC,OAAAC,OAAA,CACImM,UAAW,MACPtH,EAAKvB,KAAI,CACb1C,KAAM8K,EAAUP,MAChBQ,YAAa,KAAI,oBAEbpD,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,UAE/CpL,EAAA,eAAAC,OAAAC,OAAA,CACIC,MAAM,iBACN4L,KAAK,QACLO,YAAalN,EAAiBmN,qBAC9BC,WAAYpN,EAAiBmN,qBAAoB,uBAE7C9D,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,OAAM,2BAEjD5C,GAEAC,EACID,EACAlJ,EACAwG,EACA4C,EAAY2C,aAGhBvG,EAAKiH,YAIzB,KAAKvF,EAAWpD,MACZ,OACIrD,EAACgD,EAAM/C,OAAAC,OAAA,GACC6E,EAAKvB,KAAI,CACbzD,SAAU,MACVmB,SAAU,CAACoC,EAAWmF,KAClB,MAAMkE,EAAa5H,EAAKvB,KAAqBA,KAC7C,IAAK,IAAIoJ,EAAQ,EAAGA,EAAQD,EAAUlJ,OAAQmJ,IAAS,CACnD,MAAMC,EAAUF,EAAUC,GAC1B,GAAIA,IAAUtJ,EAAG,CACbuJ,EAAQ/M,QAAU,I,KACf,CACH+M,EAAQ/M,QAAU,K,EAG1B4I,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,OAAO,KAIjE,KAAK3E,EAAWqG,OACZ,OACI9M,EAAA,aAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,IACzBoE,EAAKvB,KAAI,CACbzD,SAAU,MAAK,qBAEX0I,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,WAG3D,KAAK3E,EAAWsG,OACZ,OACI/M,EAACV,EAAOW,OAAAC,OAAA,GACA6E,EAAKvB,KAAI,CACbzD,SAAU,MACVmB,SAAWuH,GACPC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,WAI1D,KAAK3E,EAAWuG,KACZ,OACIhN,EAAA,kBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BuK,aAAcnG,EAAK/D,OACf+D,EAAKvB,KAAI,CACbrD,MAAOgL,EAAY5L,GAAS,iBAAmB,GAAE,0BAE7CkJ,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAAO,yBAElD3C,GACCC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,UAG3D,KAAK5E,EAAWwG,OACZ,OACIjN,EAACkN,EAAUjN,OAAAC,OAAA,CACPkC,KAAM,SACF2C,EAAKvB,KAAI,CACbzD,SAAU,MACVoN,YAAc1E,GACVC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY2C,eAI1D,KAAK7E,EAAWyC,OACZtJ,EAAS0G,EAAa8G,iBAAmB,KAC7C,KAAK3G,EAAW4G,KAChB,KAAK5G,EAAW6G,OACZ,MAAMpM,EAAYuH,GACdC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYyC,QAC9C,MAAMmC,EAAW9E,GACbC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAY0C,OAC9C,MAAMvK,EAAOiF,IAAaU,EAAWyC,OAAS,SAAW,KACzD,MAAMlI,EACF+E,IAAaU,EAAWyC,QAAUnE,EAAK/D,MACjC0D,EAAIU,QAAQoI,KAAKC,cAAc1I,EAAK/D,OAAO0M,WAC3C3I,EAAK/D,MACf,GAAI+D,EAAKG,QAAUuG,EAAYkC,YAAa,CACxC,OACI3N,EAAA,SACIG,MAAO,cACPe,SAAUA,EACVqM,QAASA,EACTzM,KAAMA,EACNE,MAAOA,EACP4M,WAAWC,GAAAtK,EAAAyB,EAAO8I,YAAQ,MAAAvK,SAAA,SAAAA,EAAEqK,aAAS,MAAAC,SAAA,EAAAA,GAAK,G,KAG/C,CACH,OACI7N,EAACkN,EAAUjN,OAAAC,OAAA,CACP6N,UAAWjN,EACXgL,UAAWX,EAAY5L,GAAS,KAAO,OACnCwF,EAAKvB,KAAI,CACbpB,KACI2C,EAAKvB,MAAQuB,EAAKvB,KAAKpB,KACjB2C,EAAKvB,KAAKpB,KACV2C,EAAK3C,KACL2C,EAAK3C,KACL4C,EAAO5C,KACP4C,EAAO5C,KACP,KAEVpB,MAAOA,EACPE,SAAUA,EACVqM,QAASA,EACTJ,YAAc1E,GACVC,EACID,EACAlJ,EACAwG,EACA4C,EAAY2C,c,EAO5C,CAEA,SAAS/D,EACLxB,EACAE,EACAU,EACA/G,EACAmF,EACAC,EACAzF,GAEA,OAAQwG,GACJ,KAAKU,EAAWuE,aAChB,KAAKvE,EAAWyF,SAChB,KAAKzF,EAAW0F,KAChB,KAAK1F,EAAWuH,SAChB,KAAKvH,EAAWuG,KACZ,GAAIrG,GAAWA,GAAW,GAAI,CAC1B,MAAM0D,EAAY4D,EAAuBjJ,EAAQD,GACjD,OAAO/E,EAAA,OAAKG,MAAM,gBAAgBkK,E,CAEtC,OAAO1D,EACX,KAAKF,EAAWuD,SACZ,GAAIuB,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExC,OACIxL,EAAC+D,EAAM,CACHC,SACKiC,EAAqCnG,QAChC,YACA,0BAEVmE,MAAM,OACNC,MAAM,SAGlB,KAAKuC,EAAWyH,OACZ,OAAOlO,EAAA,OAAKmO,UAAWpJ,EAAK/D,QAChC,KAAKyF,EAAWwD,KACZ,GAAIsB,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExC,GAAKvF,EAAkCmI,UAAW,CAC9CxO,EAAS0G,EAAa+H,UAAY,I,CAEtC,OAAOrO,EAAC+D,EAAM9D,OAAAC,OAAA,GAAK+F,IACvB,KAAKQ,EAAW2D,MACZ,GAAImB,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExC,GAAKvF,EAAkCmI,UAAW,CAC9CxO,EAAS0G,EAAa+H,UAAY,I,CAGtC,OAAOrO,EAAC+D,EAAM9D,OAAAC,OAAA,GAAK+F,IAEvB,KAAKQ,EAAW4G,KACZ,OACIrN,EAAA,KAAGsO,KAAM3H,EAAmB4H,OAAO,UAC9BxJ,EAAK/D,OAGlB,KAAKyF,EAAWyC,OACZ,GAAIvC,GAAWA,GAAW,GAAI,CAC1B,MAAM6H,EAAkB9J,EAAIU,QAAQoI,KAAKC,cACrC1I,EAAK/D,OAET,MAAMqJ,EAAY4D,EAAuBjJ,EAAQD,GACjD,GAAIyJ,EAAkB,EAAG,CACrB5O,EAAS0G,EAAamI,aAAe,I,CAEzC,GAAIlD,EAAehM,GAAQ,CACvBK,EAAS0G,EAAa8G,iBAAmB,I,CAE7C,OAAOpN,EAAA,OAAKG,MAAM,gBAAgBkK,E,CAEtC,OAAOrK,EAAA,OAAKG,MAAM,gBAAgBwG,GACtC,KAAKF,EAAWsG,OACZ,GAAIxB,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExCvF,EAAkB,YAAc,KAChC,OAAOjG,EAACV,EAAOW,OAAAC,OAAA,GAAK+F,IACxB,QACI,OAAOjG,EAAA,OAAKG,MAAM,gBAAgBwG,GAE9C,CAEA,SAASU,EACLtB,EACAnG,EACAqG,EACAlB,EACAE,EACAD,EACAzF,GAEA,OAAQwG,GACJ,KAAKU,EAAWC,IACZ,IAAMT,EAAkCzC,KAAM,CAC1C,OACIxD,EAAA,YAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BsD,MAAM,SACFgC,G,KAGT,CACH,MAAMyI,EAAW,CACbxE,OAASjE,EAAkC/B,MAC3C/B,MAAO,QAEX,OACInC,EAAA,OAAKuC,MAAOmM,GACR1O,EAAC+D,EAAM9D,OAAAC,OAAA,GAAK+F,I,CAI5B,KAAKQ,EAAWoE,OACZ,GAAIU,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExC,OACIxL,EAAC2O,EAAO1O,OAAAC,OAAA,GACA+F,EAAiB,CACrB7E,QAAUqH,GACNC,EAAUD,EAAGlJ,EAAOwG,EAAU4C,EAAYiG,UAI1D,KAAKnI,EAAWoI,YACZ,GAAItD,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExCvF,EAAkB,gBAAkB,CAChClB,KAAMA,EACNE,IAAKA,EACLD,OAAQA,GAEZ,OACIhF,EAAA,kBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,IACzBsF,IAGhB,KAAKQ,EAAWqE,MACZ,GAAIS,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExC,OACIxL,EAAA,YAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,IACzBsF,IAGhB,KAAKQ,EAAW2F,mBAChB,KAAK3F,EAAWiG,eAChB,KAAKjG,EAAWsE,KACZ,OAAO/K,EAAC8O,EAAK7O,OAAAC,OAAA,GAAK+F,IACtB,KAAKQ,EAAWwF,aACZ,OACIjM,EAAA,mBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,IACzBsF,EAAiB,CACrB9F,MAAOgL,EAAY5L,GAAS,iBAAmB,GAC/CQ,SAAQ,QAGpB,KAAK0G,EAAWsI,MACZ,OACI/O,EAAA,YAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,GAC7BK,MAAO0D,EAAIU,QAAQoI,KAAKC,cAAc1I,EAAK/D,OAAM,kBACjC,SACZiF,IAGhB,KAAKQ,EAAWuI,KAChB,KAAKvI,EAAWwI,aACZ,OAAOhJ,EAAkBiJ,YACrBlP,EAAA,mBAAAC,OAAAC,OAAA,CACI+K,IAAKjG,EAAOpB,KAAOrE,EAAM0F,IAAItE,IACzBsF,IAGRjG,EAACsB,EAAYrB,OAAAC,OAAA,GAAK+F,IAE1B,KAAKQ,EAAWpD,MACZ,GAAIkI,EAAehM,GAAQ,CACvBK,EAAS0G,EAAakF,YAAc,I,CAExCvF,EAAkB,YAAchB,EAAIkK,SACpC,OAAOnP,EAACgD,EAAM/C,OAAAC,OAAA,GAAK+F,IACvB,KAAKQ,EAAWqG,OACZ,OAAO9M,EAACsE,EAAOrE,OAAAC,OAAA,GAAK+F,EAAiB,CAAElG,SAAU,QACrD,KAAK0G,EAAWwG,OACZ,OACIjN,EAACkN,EAAUjN,OAAAC,OAAA,CACPkC,KAAM,SACF6D,EAAiB,CACrBlG,SAAU,QAI9B,CAEA,SAAS6G,EAAYb,EAAkBhB,GACnC,SAASqK,EAAiBpO,GACtB,OAAOA,EAAMqO,cAAcC,WAAW,Y,CAG1C,SAASC,EAAcvO,GACnB,OAAOA,EAAMqO,cAAcC,WAAW,S,CAG1C,SAASE,EAAgBxO,GACrB,OAAOA,EAAMqO,cAAcC,WAAW,U,CAG1C,SAASG,EAAezO,GACpB,OAAOA,EAAMqO,cAAcC,WAAW,U,CAG1C,SAASI,EAAkB1O,GACvB,OACIA,EAAMqO,cAAcC,WAAW,SAC/BtO,EAAMqO,cAAcC,WAAW,SAC/BtO,EAAMqO,cAAcC,WAAW,SAC/BtO,EAAMqO,cAAcC,WAAW,Q,CAGvC,SAASK,EAAQ3O,GACb,IAAKA,EAAO,CACR,OAAO,I,CAEX,MAAM4O,EAA8B5O,EAAM6O,MAAM,aAChD,MAAMrM,EAAqB,GAC3B,IAAK,MAAMsM,KAAeF,EAA6B,CACnD,MAAMG,EAAcC,EAAeF,GACnC,GAAIC,EAAa,CACbvM,EAAKG,QAAQoM,E,KACV,CACH,OAAO,I,EAGf,OAAOvM,C,CAGX,SAASwM,EAAehP,GACpB,MAAMiP,EAA0B,GAEhC,MAAMC,EAAelP,EAAM6O,MAAM,QACjC,MAAMM,EAA4B,GAElC,IAAK,MAAMC,KAAWF,EAAc,CAChC,GAAIE,EAAS,CACT,GAAIV,EAAkBU,GAAU,CAC5B,OAAO,I,CAGX,GAAIb,EAAca,GAAU,CACxB,IAAKhB,EAAiBgB,GAAU,CAC5B,OAAO,I,KACJ,CACH,MAAMC,EAAOD,EAAQP,MAAM,KAC3B,GAAIQ,EAAK5M,SAAW,EAAG,CACnB,MAAMtB,EAAQkO,EAAK,GAAGC,QAAQ,IAAK,KACnC,IAAKC,MAAMC,WAAWrO,IAAS,CAC3B8N,EAAY9N,MAAQ,GAAGA,I,SAIhC,GAAIqN,EAAgBY,SAEpB,GAAIX,EAAeW,GAAU,CAChC,MAAMlG,EAASkG,EACVK,UAAU,UAAUhN,QACpB6M,QAAQ,IAAK,KAClB,IAAKC,MAAMC,WAAWtG,IAAU,CAC5B+F,EAAY/F,OAAS,GAAGA,I,MAEzB,CACHiG,EAAYxM,KAAK+M,EAAaN,EAASH,G,EAG/C,OAAOE,EAAY1M,OAAS0M,EAAc,I,CAG9C,SAASO,EACL1P,EACAiP,GAEA,MAAMU,EAAS1Q,OAAAC,OAAA,GAAoB+P,GACnC,MAAMI,EAAOrP,EAAM6O,MAAM,KACzB,GAAIQ,EAAK5M,QAAU,EAAG,CAClB,MAAMmN,EAAU,qBAChB,MAAMC,EAAQD,EAAQE,KAAKT,EAAK,IAChC,GAAIQ,EAAO,CACP,MAAM,CAAGE,EAAGC,EAAGC,GAAKJ,EACpB,IACKN,MAAMW,SAASH,EAAG,OAClBR,MAAMW,SAASF,EAAG,OAClBT,MAAMW,SAASD,EAAG,KACrB,CACEN,EAAUlJ,MAAQ,OAAOyJ,SAASH,MAAMG,SACpCF,MACCE,SAASD,K,EAGtB,GAAIZ,EAAK5M,QAAU,EAAG,CAClB,MAAMtB,EAAQkO,EAAK,GAAGC,QAAQ,IAAK,KACnC,IAAKC,MAAMC,WAAWrO,IAAS,CAC3BwO,EAAUxO,MAAQ,GAAGA,I,GAIjC,OAAOwO,C,EAIf5L,EAAKvB,KAAO,GAEZ,MAAM2N,EAAgB,K,MAClB,MAAMC,GAAQ7N,EAAAwB,EAAK/D,SAAK,MAAAuC,SAAA,SAAAA,EAAEsM,MAAM,KAChC,IAAIuB,IAAK,MAALA,SAAK,SAALA,EAAQA,EAAM3N,OAAS,GAAG2E,UAAW,GAAI,CACzCgJ,EAAMC,K,CAEV,GAAID,GAASA,EAAM3N,OAAQ,CACvBsB,EAAKvB,KAAKA,KAAO,GACjB,IAAK,IAAI8N,KAAQF,EAAO,CACnBrM,EAAKvB,KAAKA,KAAuBG,KAAK,CACnChD,GAAI2Q,EACJtQ,MAAOsQ,G,IAMvB,OAAQvL,GACJ,KAAKU,EAAWuD,SAChB,KAAKvD,EAAWsG,OACZhI,EAAKvB,KAAK1D,QAAUiF,EAAK/D,QAAU,IAAM,KAAO,MAChD,MAEJ,KAAKyF,EAAWC,IACZ,GAAI6I,EAAcxK,EAAK/D,OAAQ,CAC3B+D,EAAKvB,KAAK+N,SAAW,KACrBxM,EAAKvB,KAAKQ,SAAWe,EAAK/D,K,KACvB,CACH+D,EAAKvB,KAAKA,KAAOmM,EAAQ5K,EAAK/D,M,CAElC,MAEJ,KAAKyF,EAAWoE,OACZ9F,EAAKvB,KAAKnC,MAAQ0D,EAAK/D,MACvB,MAEJ,KAAKyF,EAAWqE,MACZ7K,OAAOC,OAAO6E,EAAKvB,KAAM,CACrBS,MAAO,QACPC,MAAO,QACPsN,YAAa,CACTxQ,MAAO+D,EAAK/D,MACZkE,MAAO,SAGf,MAEJ,KAAKuB,EAAWoI,YAChB,KAAKpI,EAAWsE,KAChB,KAAKtE,EAAW2F,mBAChB,KAAK3F,EAAWiG,eAChB,KAAKjG,EAAWpD,MACZ8N,IACA,MAEJ,KAAK1K,EAAWwF,aACZlH,EAAKvB,KAAK0H,aAAenG,EAAK/D,MAC9B,MAEJ,KAAKyF,EAAWsI,MAChB,KAAKtI,EAAWuI,KAChB,KAAKvI,EAAWwI,aAChB,KAAKxI,EAAWqG,OACZ/H,EAAKvB,KAAKxC,MAAQkQ,SAASnM,EAAK/D,OAChC,MAEJ,KAAKyF,EAAWwD,KAChB,KAAKxD,EAAW2D,MACZrF,EAAKvB,KAAKQ,SAAWe,EAAK/D,MAC1B,MAEZ,CAEA,SAAS0H,EACLD,EACAlJ,EACAwG,EACA0L,GAEA,MAAM1M,EAAOxF,EAAMwF,KACnB,MAAMC,EAASzF,EAAMyF,OACrB,MAAM0M,EAAOnS,EAAM6G,UACnB,MAAMnB,EAAM1F,EAAM0F,IAClB,GAAIwM,IAAkB9I,EAAYyC,OAAQ,CACtC,IAAIpK,EAAQ2Q,EAAuBlJ,EAAG1C,GACtC,OAAQA,GACJ,KAAKU,EAAWuE,aAChB,KAAKvE,EAAWyF,SAChB,KAAKzF,EAAW0F,KAChB,KAAK1F,EAAWuG,KACZ,GAAIjI,EAAKvB,KAAM,CACXuB,EAAKvB,KAAK,gBAAkBxC,C,CAEhC,MACJ,KAAKyF,EAAWuD,SAChB,KAAKvD,EAAWsG,OACZ/L,EAAQA,IAAU,KAAO,IAAM,IAC/B,GAAI+D,EAAKvB,KAAM,CACVuB,EAAKvB,KAAwB1D,QAC1BkB,IAAU,IAAM,MAAQ,I,CAEhC,MACJ,KAAKyF,EAAWpD,MAEZ,MACJ,KAAKoD,EAAWsE,KAChB,KAAKtE,EAAW2F,mBAChB,KAAK3F,EAAWiG,eACZ1L,EAASyH,EAA6CmJ,OACjDC,kBACL,GAAI9M,EAAKvB,KAAM,CACVuB,EAAKvB,KAAqBA,KACvBiF,EACFmJ,OAAOF,KAAKlO,I,CAElB,MAER,GAAIuB,EAAKQ,IAAK,CACVR,EAAKQ,IAAI4C,EAAInH,EAAM0M,U,CAEvB3I,EAAK/D,MAAQA,EAAM0M,WACnB3I,EAAK+M,eAAiB,KACtB/M,EAAK+M,eAAiB7D,EAAuBjJ,EAAQD,E,CAEzD,GAAI2M,GAASA,EAAsBnH,YAAa,CAC5C,MAAM7B,EAAY,IAAIqJ,YAA+BN,EAAe,CAChEO,QAAS,KACTC,WAAY,KACZC,SAAU,KACVN,OAAQ,CACJF,KAAMA,EACN/Q,GAAK+Q,EAAsBnH,YAAY5J,GACvCoE,KAAMA,EACNC,OAAQA,EACRmN,MAAO1J,EACPxD,IAAKA,EACLnE,KAAMiF,KAGb2L,EAAsBnH,YAAY6H,cAAc1J,GACjD,GAAI+I,IAAkB9I,EAAYyC,OAAQ,CACtC,IACKsG,EAAsBW,S,CACzB,MAAOC,GACL5N,EAAIU,QAAQ2C,MAAMwK,WACdb,EACAY,EACAE,EAAiBC,M,GAKrC,CAEA,SAASd,EACLlJ,EACA1C,GAEA,MAAM2M,KAAmBjK,EAAE8F,OAAuB/D,UAAY,SAC9D,IAAIxJ,EAAQ0R,EACLjK,EAAE8F,OAA4BvN,MAC/ByH,EAAEmJ,OAAO5Q,MAEf,GAAI+E,IAAaU,EAAWuD,UAAY0I,EAAc,CAClD1R,EAASyH,EAAE8F,OAA4BzO,QAAU,MAAQ,I,CAG7D,GAAIiG,IAAaU,EAAWyC,QAAUwJ,EAAc,CAChD1R,EAAQ0D,EAAIU,QAAQoI,KAAKmF,8BAA8B3R,EAAO,G,CAElE,OAAOA,CACX,CAEA,SAASuK,EAAehM,G,MACpB,OAAOqT,EAAgB9L,UACnBvD,EAAChE,EAAM6G,aAA0B,MAAA7C,SAAA,SAAAA,EAAEgH,YAAYC,QAEvD,CAEA,SAASW,EAAY5L,G,MACjB,OAAOsT,EAAqB/L,UACxBvD,EAAChE,EAAM6G,aAA0B,MAAA7C,SAAA,SAAAA,EAAEgH,YAAYC,QAEvD,Q","ignoreList":[]}

package/dist/ketchup/{p-9fcf4425.entry.js → p-9586b234.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-56b44f04.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["componentName"]="Sets the tag name of the component to be lazy loaded.";t["customStyle"]="Custom style of the component.";t["data"]="Sets the data of the component to be lazy loaded.";t["showPlaceholder"]="Displays an animated SVG placeholder until the component is loaded."})(f||(f={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const d=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";const r=d;const g=class{constructor(i){t(this,i);this.kupLazyLoaded=e(this,"kup-lazy-loaded",6);this.intObserver=null;this.kupManager=o();this.lazyComponent=null;this.lazyComponentLoaded=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"142ecf1bc4606810244eee4d37220b10dfb13c33",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"09ac2094fee710434998fe06d2fbac5ab0ea2bab",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"dd62523adb23354d1c2f9a786a45250d6dc30eb7",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b821b9703a1b37f39c866d24ffd9106d369d2279",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"3b2d93abfa208eb9dd0f8b159b51c2268c4daab4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0e41239707e74680252d041a8e6d14e1c4b9bb74",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"b2bf0893222cb4fa17069327b4df6c432f3f912a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f0ed2001a3697f63cafb42c95c275e2522d431fa",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"084d0f8abaa50390fe0f1e7cbcce5ea771937d35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"442510a55fa566bd83b2f631c05d778d4be7d5fe",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bcf61cc6292bb257e361d11e3a1097eb98f6597a",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"2dec9530bdb12f97736d48518edfe5294cca0214",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a1bdb54b3d9570d154a65ed27d77c4681672c601",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"452bb4adbfc904d56c3298b32beac0281abb7353",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d5b58baa6fbb481587efd2384dd5fb30f2f1ef9e",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"08e04f703cbe01a686aaa2056b31d956d8c1ea39",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"11e39f63de784e1600605fd35fa2d9b506fdeb87",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=a(e,Object.assign({key:"085714fe736dba6ddf9c94d0a2243f792d040675"},this.data,{ref:t=>this.lazyComponent=t}));i+=" kup-loaded"}else if(this.showPlaceholder){t=e;i+=" kup-to-be-loaded"}return a(h,{key:"802fd7017a1f67bd03d02b6458c2b77c1f8465a6",class:i},a("style",{key:"c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"6ce3ca10b77781163bc8f97c963bf2fa207a2e05",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
-//# sourceMappingURL=p-9fcf4425.entry.js.map
+import{r as t,c as e,f as a,h as i,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-26030fba.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["componentName"]="Sets the tag name of the component to be lazy loaded.";t["customStyle"]="Custom style of the component.";t["data"]="Sets the data of the component to be lazy loaded.";t["showPlaceholder"]="Displays an animated SVG placeholder until the component is loaded."})(f||(f={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const r=".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_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";const d=r;const g=class{constructor(a){t(this,a);this.kupLazyLoaded=e(this,"kup-lazy-loaded",6);this.intObserver=null;this.kupManager=o();this.lazyComponent=null;this.lazyComponentLoaded=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let a=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{key:"4474a84ee97f6645684c9b59d4fb1ec42c5e29a1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"d5706963cc04947f5f4aa28156a549ba35ef7f77",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=i("svg",{key:"b31453a4fd8626449c661de31c61a99313e1c384",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"d2a34732648ebe3c88e3fa20ebe1e7e40ab54327",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=i("svg",{key:"7a06f56381994c0e7d0fce2c5eb7709590534050",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"29d0ab4f2794f765f47e1adf4385aec9f240aa07",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=i("svg",{key:"f597a469b6d3305b4ea9a2de14667c1d4f9fdcb8",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"831b12e9fdafff2092a0819fd6326a0663e46b0d",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"bd6cb8f53609ee41850029dd58664de499ac36fa",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"1f8a1aaeaa25297c553d9d2cad97610e53e22af0",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=i("svg",{key:"46bee9cd9e69a824a2712d35bfe828f9842b0766",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"5c1c81a9142da6cbe7d438fdb75afed657adf7ea",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=i("svg",{key:"8abad2d7b1dd0de806e8d05add1d62726186924f",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"6ade996bbe9b73479ffddc2148d094651b9443f3",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=i("svg",{key:"30017b287789def52887a6278772f6693bf09521",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"6cf0aa23b19fa1178568114cc6bec4ea78182163",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=i("svg",{key:"e8a2bca72cfca3b7a5997f87a452bdb0bb986ef1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2cf1063eb142e4f16a149450fa9ddc0feacf01a1",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=i(e,Object.assign({key:"ac042228a8d69a0f118e49c421c6722f96b7a1a0"},this.data,{ref:t=>this.lazyComponent=t}));a+=" kup-loaded"}else if(this.showPlaceholder){t=e;a+=" kup-to-be-loaded"}return i(h,{key:"4656050b845b8c2e22122f4784df48f815ec8c43",class:a},i("style",{key:"35554fc23a2fc3cf8a3329fc5cc59ace5a36a4a3"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9798edab4fe479c2d33b7cf1c4fb509afbc7f8a0",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=d;export{g as kup_lazy};
+//# sourceMappingURL=p-9586b234.entry.js.map