@sme.up/ketchup 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851

package/dist/ketchup/p-5dd13932.entry.js

@@ -1,2 +0,0 @@
-import{r as t,f as i,h as e,H as s,d as n}from"./p-d7c15b0e.js";import{k as o,f as a,g as h,s as p,R as f,h as l}from"./p-3788598c.js";import{c}from"./p-635bb4b3.js";import{F as r}from"./p-c42a79a7.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-b563176c.js";import"./p-178c8a26.js";import"./p-cc32b7a2.js";import"./p-e3062c19.js";var m;(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."})(m||(m={}));const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const u=g;const d=class{constructor(i){t(this,i);this.kupManager=o();this.customStyle="";this.data=null;this.density=a.NONE;this.dragEnabled=false}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,m,t)}async refresh(){i(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){p(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+c),{cursorChecker(){return null}},{callback:t},f.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const i=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT);return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();this.kupManager.debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return e(s,{key:"d708238a74da2eccf9a3bb299960dc985bb5cb0d"},e("style",{key:"7bf86a6bc3b61046b3bb7bfd921aaae114b49ed3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"763804a8d45ca9f75e66157ebcc9aa1c27750424",id:c},e(r,Object.assign({key:"95717d73c39673ffcc382cb7c430b780dd72acfb"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};d.style=u;export{d as kup_cell};
-//# sourceMappingURL=p-5dd13932.entry.js.map

package/dist/ketchup/p-5dd13932.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["KupCellProps","kupCellCss","KupCellStyle0","KupCell","this","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","obj","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","name","title","col","cells","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","FCell","Object","assign","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\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","/**\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    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 { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n    FCellPadding,\n    FCellProps,\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    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\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    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    private kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\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    /*-------------------------------------------------*/\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: FCellProps = {\n            cell: this.data,\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        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div id={componentWrapperId}>\n                    <FCell {...props}></FCell>\n                </div>\n            </Host>\n        );\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":"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","ignoreList":[]}

package/dist/ketchup/p-c42a79a7.js

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

package/dist/ketchup/p-c42a79a7.js.map

@@ -1 +0,0 @@
-{"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","FRadio","hasColumns","columns","radioList","i","_a","data","length","radio","push","name","bind","htmlFor","styleObj","horizontal","FRating","maxValue","buildStars","stars","dom","document","documentElement","FCell","children","cell","column","row","shape","hasObj","ketchup","objects","isEmptyKupObj","obj","isEditable","hasOwnProperty","editable","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","resource","placeholderResource","placeholderIcon","sizeX","sizeY","FImage","cellTitle","debug","isDebug","t","p","k","trim","infoEl","INFO","message","onKeyUp","e","cellEvent","FCellEvents","KEYUP","ref","el","element","styleContent","cellActionIcon","NUMBER","tabIndex","indents","CHECKBOX","ICON","height","minHeight","IMAGE","cellValue","hasExternalResource","rootElement","tagName","KupTagNames","DATA_TABLE","BOX","fit","BUTTON","CHART","CHIP","RADIO","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","C_RIGHT_ALIGNED","LINK","STRING","onInput","math","numberifySafe","toString","INPUT_FIELD","maxLength","_b","cellData","FTextField","inputType","onIconClick","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.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 { FunctionalComponent, VNode, h } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport type { FRadioData, FRadioProps } from './f-radio-declarations';\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    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        };\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                    <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                    <div class=\"radio__background\">\n                        <div class=\"radio__outer-circle\"></div>\n                        <div class=\"radio__inner-circle\"></div>\n                    </div>\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 } 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    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';\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    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\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.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    }\n}\n\nfunction setDefaults(cellType: string, cell: KupDataCell): void {\n    function isShapeBarMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;BAR');\n    }\n\n    function isShapeMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;');\n    }\n\n    function isBgColorMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('BCOLOR;');\n    }\n\n    function isHeightMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('HEIGHT;');\n    }\n\n    function isDecoratorMarker(value: string): boolean {\n        return (\n            value.toUpperCase().startsWith('SEP;') ||\n            value.toUpperCase().startsWith('DIV;') ||\n            value.toUpperCase().startsWith('ARW;') ||\n            value.toUpperCase().startsWith('GRID;')\n        );\n    }\n    function getData(value: string): FImageData[] | null {\n        if (!value) {\n            return null;\n        }\n        const graphicElementDefinitionArr = value.split('\\\\\\\\AND\\\\');\n        const data: FImageData[] = [];\n        for (const graphicElem of graphicElementDefinitionArr) {\n            const elementData = getElementData(graphicElem);\n            if (elementData) {\n                data.push(...elementData);\n            } else {\n                return null;\n            }\n        }\n        return data;\n    }\n\n    function getElementData(value: string): FImageData[] | null {\n        const commonsData: FImageData = {};\n\n        const markersArray = value.split('\\\\\\\\');\n        const shapesArray: FImageData[] = [];\n\n        for (const vString of markersArray) {\n            if (vString) {\n                if (isDecoratorMarker(vString)) {\n                    return null;\n                }\n\n                if (isShapeMarker(vString)) {\n                    if (!isShapeBarMarker(vString)) {\n                        return null;\n                    } else {\n                        const attr = vString.split(';');\n                        if (attr.length === 3) {\n                            const width = attr[2].replace(',', '.');\n                            if (!isNaN(parseFloat(width))) {\n                                commonsData.width = `${width}%`;\n                            }\n                        }\n                    }\n                } else if (isBgColorMarker(vString)) {\n                    // Background color handling can be added here if needed\n                } else if (isHeightMarker(vString)) {\n                    const height = vString\n                        .substring('HEIGHT;'.length)\n                        .replace(',', '.');\n                    if (!isNaN(parseFloat(height))) {\n                        commonsData.height = `${height}%`;\n                    }\n                } else {\n                    shapesArray.push(getShapeData(vString, commonsData));\n                }\n            }\n            return shapesArray.length ? shapesArray : null;\n        }\n\n        function getShapeData(\n            value: string,\n            commonsData: FImageData\n        ): FImageData {\n            const shapeData: FImageData = { ...commonsData };\n            const attr = value.split(';');\n            if (attr.length >= 1) {\n                const pattern = /R(\\d+)G(\\d+)B(\\d+)/;\n                const match = pattern.exec(attr[0]);\n                if (match) {\n                    const [, r, g, b] = match;\n                    if (\n                        !isNaN(parseInt(r, 10)) &&\n                        !isNaN(parseInt(g, 10)) &&\n                        !isNaN(parseInt(b, 10))\n                    ) {\n                        shapeData.color = `rgb(${parseInt(r)},${parseInt(\n                            g\n                        )},${parseInt(b)})`;\n                    }\n                }\n                if (attr.length >= 2) {\n                    const width = attr[1].replace(',', '.');\n                    if (!isNaN(parseFloat(width))) {\n                        shapeData.width = `${width}%`;\n                    }\n                }\n            }\n            return shapeData;\n        }\n    }\n\n    cell.data = {};\n\n    const createDataset = () => {\n        const parts = cell.value?.split(';');\n        if (parts?.[parts.length - 1].trim() === '') {\n            parts.pop();\n        }\n        if (parts && parts.length) {\n            cell.data.data = [];\n            for (let part of parts) {\n                (cell.data.data as KupDataNode[]).push({\n                    id: part,\n                    value: part,\n                });\n            }\n        }\n    };\n\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.SWITCH:\n            cell.data.checked = cell.value === '1' ? true : false;\n            break;\n\n        case FCellTypes.BAR:\n            if (isShapeMarker(cell.value)) {\n                cell.data.isCanvas = true;\n                cell.data.resource = cell.value;\n            } else {\n                cell.data.data = getData(cell.value);\n            }\n            break;\n\n        case FCellTypes.BUTTON:\n            cell.data.label = cell.value;\n            break;\n\n        case FCellTypes.CHART:\n            Object.assign(cell.data, {\n                sizeX: '100px',\n                sizeY: '100px',\n                offlineMode: {\n                    value: cell.value,\n                    shape: 'pie',\n                },\n            });\n            break;\n\n        case FCellTypes.BUTTON_LIST:\n        case FCellTypes.CHIP:\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.RADIO:\n            createDataset();\n            break;\n\n        case FCellTypes.COLOR_PICKER:\n            cell.data.initialValue = cell.value;\n            break;\n\n        case FCellTypes.GAUGE:\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n        case FCellTypes.RATING:\n            cell.data.value = parseInt(cell.value);\n            break;\n\n        case FCellTypes.ICON:\n        case FCellTypes.IMAGE:\n            cell.data.resource = cell.value;\n            break;\n    }\n}\n\nfunction cellEvent(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    props: FCellProps,\n    cellType: FCellTypes,\n    cellEventName: FCellEvents\n): void {\n    const cell = props.cell;\n    const column = props.column;\n    const comp = props.component;\n    const row = props.row;\n    if (cellEventName === FCellEvents.UPDATE) {\n        let value = getValueFromEventTaget(e, cellType);\n        switch (cellType) {\n            case FCellTypes.AUTOCOMPLETE:\n            case FCellTypes.COMBOBOX:\n            case FCellTypes.DATE:\n            case FCellTypes.TIME:\n                if (cell.data) {\n                    cell.data['initialValue'] = value;\n                }\n                break;\n            case FCellTypes.CHECKBOX:\n            case FCellTypes.SWITCH:\n                value = value === 'on' ? '0' : '1';\n                if (cell.data) {\n                    (cell.data as FCheckboxProps).checked =\n                        value === '0' ? false : true;\n                }\n                break;\n            case FCellTypes.RADIO:\n                // data change handled outside this switchcase to avoid passing the index\n                break;\n            case FCellTypes.CHIP:\n            case FCellTypes.MULTI_AUTOCOMPLETE:\n            case FCellTypes.MULTI_COMBOBOX:\n                value = (e as CustomEvent<KupChipChangeEventPayload>).detail\n                    .stringifiedValues;\n                if (cell.data) {\n                    (cell.data as FChipsProps).data = (\n                        e as CustomEvent<KupChipChangeEventPayload>\n                    ).detail.comp.data;\n                }\n                break;\n        }\n        if (cell.obj) {\n            cell.obj.k = value.toString();\n        }\n        cell.value = value.toString();\n        cell.displayedValue = null;\n        cell.displayedValue = getCellValueForDisplay(column, cell);\n    }\n    if (comp && (comp as KupComponent).rootElement) {\n        const cellEvent = new CustomEvent<FCellEventPayload>(cellEventName, {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n                comp: comp,\n                id: (comp as KupComponent).rootElement.id,\n                cell: cell,\n                column: column,\n                event: e,\n                row: row,\n                type: cellType,\n            },\n        });\n        (comp as KupComponent).rootElement.dispatchEvent(cellEvent);\n        if (cellEventName === FCellEvents.UPDATE) {\n            try {\n                (comp as KupComponent).refresh();\n            } catch (error) {\n                dom.ketchup.debug.logMessage(\n                    comp,\n                    error,\n                    KupDebugCategory.ERROR\n                );\n            }\n        }\n    }\n}\n\nfunction getValueFromEventTaget(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    cellType: FCellTypes\n): string {\n    const isInputEvent = !!((e.target as HTMLElement).tagName === 'INPUT');\n    let value = isInputEvent\n        ? (e.target as HTMLInputElement).value\n        : e.detail.value;\n\n    if (cellType === FCellTypes.CHECKBOX && isInputEvent) {\n        value = (e.target as HTMLInputElement).checked ? 'off' : 'on';\n    }\n\n    if (cellType === FCellTypes.NUMBER && isInputEvent) {\n        value = dom.ketchup.math.formattedStringToNumberString(value, '');\n    }\n    return value;\n}\n\nfunction isAutoCentered(props: FCellProps) {\n    return autoCenterComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n\nfunction isFullWidth(props: FCellProps) {\n    return fullWidthFieldsComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/p-f106458a.js

@@ -1,2 +0,0 @@
-import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-3788598c.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const c=c=>{if(!c.perPage){c.perPage=10}const m=Math.ceil(c.max/c.perPage);const b=u(c,m);const h=p(c);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${c.max}`,helperWhenFocused:true,inputType:"number",max:c.max,min:1}};return e("div",Object.assign({class:`f-paginator ${c.mode?c.mode:""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.onLoadMore?e(r,{icon:"plus",onClick:c.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),e("div",{class:"arrow-wrapper"},c.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:f(c),onClick:c.onPrevPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:d(c),onClick:c.onNextPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function u(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{c as F,b as p,h as r};
-//# sourceMappingURL=p-f106458a.js.map