@sme.up/ketchup 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030135105

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-03d5cda6.js');
+const fTextField = require('./f-text-field-8b373b26.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');

package/dist/cjs/kup-pdf.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 

package/dist/cjs/kup-planner.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager$1 = require('./kup-manager-51a6b521.js');
+const kupManager$1 = require('./kup-manager-6e414e08.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-03d5cda6.js');
+const fTextField = require('./f-text-field-8b373b26.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 require('./kup-dates-3fc9697c.js');
 require('./f-image-8dbf27a2.js');

package/dist/cjs/kup-probe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');
 

package/dist/cjs/kup-qlik.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 require('./kup-dates-3fc9697c.js');
 
 const kupQlikCss = ".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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";

package/dist/cjs/kup-snackbar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-54d0f017.js');
 require('./kup-dates-3fc9697c.js');

package/dist/cjs/kup-typography-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-3fc9697c.js');

package/dist/cjs/kup-typography.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-51a6b521.js');
+const kupManager = require('./kup-manager-6e414e08.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
@@ -187,7 +187,7 @@ const KupTypography = class {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (index.h(index.Host, { key: '9b6d456eb00745c049ad88669c69421503a0689e' }, index.h("style", { key: '805ec04b61f03df27983446576d90e72555b3dc2' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a9740d5f078e2bb88ce9cf883af4c3c389117437', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '77aba9c411341c4c8977b0bd2e304373029844de' }, props)), index.h(fImage.FImage, Object.assign({ key: '0aa9eb3ba5a6ea9c25c9f44637ef53b24fd90c4e' }, propsFImage, { onClick: (event) => {
+        return (index.h(index.Host, { key: '94065214e2a71b21f5c267b9e674a87b80c9875c' }, index.h("style", { key: '4bb5e3698c6f7a0ec37b13ddc461d4c3e08ad71f' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '2c3d0c38823f5444d9cf94f141f4399b32b0f1f4', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '4486f4bb1ef72269e23cb1f5277657310789a277' }, props)), index.h(fImage.FImage, Object.assign({ key: '66a5d473165b7b1f2467fb4e4210011fbb32016a' }, propsFImage, { onClick: (event) => {
                 event.stopPropagation();
                 this.onKupIconClick(event.currentTarget);
             } })))));
@@ -195,6 +195,7 @@ const KupTypography = class {
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
     }
+    static get assetsDirs() { return ["assets/fonts"]; }
     get rootElement() { return index.getElement(this); }
 };
 _KupTypography_clickCbDropCard = new WeakMap(), _KupTypography_dropDownActionCardAnchor = new WeakMap();

package/dist/cjs/kup-typography.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"kup-typography.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FTypographyType","KupDynamicPositionPlacement","getProps","forceUpdate","setProps","h","Host","componentWrapperId","FTypography","FImage"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-typography component.\n * Used to export every prop in an object.\n */\nexport enum KupTypographyProps {\n    data = 'the text of the text',\n    Style = 'it is the style of the text',\n    Border = 'when true it will appear a border',\n    BorderWidth = 'it is the width of the border',\n    Align = 'text alignment',\n    FontBold = 'when true it will display the bold font',\n    FontItalic = 'when true it will display the italic ( cursive )',\n    FontName = 'it is the name of the font',\n    FontSize = 'it is the size of the font of the text',\n    FontULine = 'when true it will show the underline',\n    FontColor = 'it is the color of the font of the text',\n    BackColor = 'it is the background color of the text',\n    Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n    value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n    KupManager,\n    KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n    FTypographyProps,\n    FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n    KupTypographyClickEventPayload,\n    KupTypographyIconClickEventPayload,\n    KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n    KupDynamicPositionAnchor,\n    KupDynamicPositionElement,\n    KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n    tag: 'kup-typography',\n    styleUrl: 'kup-typography.scss',\n    shadow: true,\n})\nexport class KupTypography {\n    /**\n     * References the root HTML element of the component (<kup-typography>).\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     * Manage the toolbar icon. If true is visible, otherwise is not\n     * @default null\n     */\n    @Prop() toolbar: boolean = true;\n    /**\n     * Display DataNode Toolbar.\n     * @default null\n     */\n    @Prop() toolbarData: KupDataNode[];\n    /**\n     * Sets the sizing of the textfield\n     * @default FTypographyType.BODY_COMPACT\n     */\n    @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n    /**\n     * This is the content of the text\n     * @default null\n     */\n    @Prop() value: string = null;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    private kupManager: KupManager = kupManagerInstance();\n    #clickCbDropCard: KupManagerClickCb = null;\n    /**\n     * Toolbar List.\n     */\n    private toolbarList: KupDynamicPositionElement;\n    #dropDownActionCardAnchor: HTMLElement = null;\n\n    /*-------------------------------------------------*/\n    /*                   E v e n t s                   */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-typography-iconclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-itemclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n    onKupClick() {\n        this.kupClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n        });\n    }\n\n    onKupIconClick(el: HTMLElement) {\n        this.#dropDownActionCardAnchor = el;\n        this.kupIconClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n        });\n        this.createDropDownToolbarList();\n    }\n\n    onKupToolbarItemClick(e: CustomEvent) {\n        this.kupItemClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n            node: e.detail.selected,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    closeRowToolbarList() {\n        if (this.toolbarList) {\n            this.kupManager.dynamicPosition.stop(\n                this.toolbarList as KupDynamicPositionElement\n            );\n            this.kupManager.removeClickCallback(this.#clickCbDropCard);\n            this.toolbarList.remove();\n            this.toolbarList = null;\n        }\n    }\n\n    createDropDownToolbarList() {\n        if (this.toolbarList) {\n            this.closeRowToolbarList();\n        }\n        const listEl = document.createElement('kup-toolbar');\n        listEl.data = this.toolbarData;\n        listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n            this.onKupToolbarItemClick(e);\n            setTimeout(() => {\n                this.closeRowToolbarList();\n            }, 0);\n        });\n        this.toolbarList = listEl;\n        this.#clickCbDropCard = {\n            cb: () => {\n                this.closeRowToolbarList();\n            },\n            el: this.toolbarList,\n        };\n\n        this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n        this.rootElement.shadowRoot.appendChild(this.toolbarList);\n        requestAnimationFrame(() => {\n            this.kupManager.dynamicPosition.register(\n                this.toolbarList as unknown as KupDynamicPositionElement,\n                this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n                0,\n                KupDynamicPositionPlacement.AUTO,\n                true\n            );\n            this.kupManager.dynamicPosition.start(\n                this.toolbarList as unknown as KupDynamicPositionElement\n            );\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\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, KupTypographyProps, 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     * 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FTypographyProps = {\n            toolbar: this.toolbar,\n            value: this.value,\n            type: this.type,\n        };\n\n        const propsFImage: FImageProps = {\n            color: 'var(--kup-gray-color-70)',\n            resource: 'more_vert',\n            sizeX: '16px',\n            sizeY: '16px',\n            wrapperClass: 'image__iconToolbar',\n        };\n        const classObjParent: Record<string, boolean> = {\n            'kup-typography--wrap': props.toolbar ? true : false,\n        };\n        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    class={classObjParent}\n                    onClick={() => this.onKupClick}\n                >\n                    <FTypography {...props} />\n                    <FImage\n                        {...propsFImage}\n                        onClick={(event: MouseEvent) => {\n                            event.stopPropagation();\n                            this.onKupIconClick(\n                                event.currentTarget as HTMLElement\n                            );\n                        }}\n                    />\n                </div>\n            </Host>\n        );\n    }\n    disconnectedCallback() {\n        this.kupManager.theme.unregister(this);\n    }\n}\n"],"version":3}
+{"file":"kup-typography.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FTypographyType","KupDynamicPositionPlacement","getProps","forceUpdate","setProps","h","Host","componentWrapperId","FTypography","FImage"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-typography component.\n * Used to export every prop in an object.\n */\nexport enum KupTypographyProps {\n    data = 'the text of the text',\n    Style = 'it is the style of the text',\n    Border = 'when true it will appear a border',\n    BorderWidth = 'it is the width of the border',\n    Align = 'text alignment',\n    FontBold = 'when true it will display the bold font',\n    FontItalic = 'when true it will display the italic ( cursive )',\n    FontName = 'it is the name of the font',\n    FontSize = 'it is the size of the font of the text',\n    FontULine = 'when true it will show the underline',\n    FontColor = 'it is the color of the font of the text',\n    BackColor = 'it is the background color of the text',\n    Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n    value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n    KupManager,\n    KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n    FTypographyProps,\n    FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n    KupTypographyClickEventPayload,\n    KupTypographyIconClickEventPayload,\n    KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n    KupDynamicPositionAnchor,\n    KupDynamicPositionElement,\n    KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../components/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n    assetsDirs: ['assets/fonts'],\n    tag: 'kup-typography',\n    styleUrl: 'kup-typography.scss',\n    shadow: true,\n})\nexport class KupTypography {\n    /**\n     * References the root HTML element of the component (<kup-typography>).\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     * Manage the toolbar icon. If true is visible, otherwise is not\n     * @default null\n     */\n    @Prop() toolbar: boolean = true;\n    /**\n     * Display DataNode Toolbar.\n     * @default null\n     */\n    @Prop() toolbarData: KupDataNode[];\n    /**\n     * Sets the sizing of the textfield\n     * @default FTypographyType.BODY_COMPACT\n     */\n    @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n    /**\n     * This is the content of the text\n     * @default null\n     */\n    @Prop() value: string = null;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    private kupManager: KupManager = kupManagerInstance();\n    #clickCbDropCard: KupManagerClickCb = null;\n    /**\n     * Toolbar List.\n     */\n    private toolbarList: KupDynamicPositionElement;\n    #dropDownActionCardAnchor: HTMLElement = null;\n\n    /*-------------------------------------------------*/\n    /*                   E v e n t s                   */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-typography-iconclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-itemclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n    onKupClick() {\n        this.kupClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n        });\n    }\n\n    onKupIconClick(el: HTMLElement) {\n        this.#dropDownActionCardAnchor = el;\n        this.kupIconClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n        });\n        this.createDropDownToolbarList();\n    }\n\n    onKupToolbarItemClick(e: CustomEvent) {\n        this.kupItemClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n            node: e.detail.selected,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    closeRowToolbarList() {\n        if (this.toolbarList) {\n            this.kupManager.dynamicPosition.stop(\n                this.toolbarList as KupDynamicPositionElement\n            );\n            this.kupManager.removeClickCallback(this.#clickCbDropCard);\n            this.toolbarList.remove();\n            this.toolbarList = null;\n        }\n    }\n\n    createDropDownToolbarList() {\n        if (this.toolbarList) {\n            this.closeRowToolbarList();\n        }\n        const listEl = document.createElement('kup-toolbar');\n        listEl.data = this.toolbarData;\n        listEl.addEventListener('kup-toolbar-click', (e: CustomEvent) => {\n            this.onKupToolbarItemClick(e);\n            setTimeout(() => {\n                this.closeRowToolbarList();\n            }, 0);\n        });\n        this.toolbarList = listEl;\n        this.#clickCbDropCard = {\n            cb: () => {\n                this.closeRowToolbarList();\n            },\n            el: this.toolbarList,\n        };\n\n        this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n        this.rootElement.shadowRoot.appendChild(this.toolbarList);\n        requestAnimationFrame(() => {\n            this.kupManager.dynamicPosition.register(\n                this.toolbarList as unknown as KupDynamicPositionElement,\n                this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n                0,\n                KupDynamicPositionPlacement.AUTO,\n                true\n            );\n            this.kupManager.dynamicPosition.start(\n                this.toolbarList as unknown as KupDynamicPositionElement\n            );\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\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, KupTypographyProps, 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     * 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, KupTypographyProps, props);\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.debug.logLoad(this, false);\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.kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FTypographyProps = {\n            toolbar: this.toolbar,\n            value: this.value,\n            type: this.type,\n        };\n\n        const propsFImage: FImageProps = {\n            color: 'var(--kup-gray-color-70)',\n            resource: 'more_vert',\n            sizeX: '16px',\n            sizeY: '16px',\n            wrapperClass: 'image__iconToolbar',\n        };\n        const classObjParent: Record<string, boolean> = {\n            'kup-typography--wrap': props.toolbar ? true : false,\n        };\n        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    class={classObjParent}\n                    onClick={() => this.onKupClick}\n                >\n                    <FTypography {...props} />\n                    <FImage\n                        {...propsFImage}\n                        onClick={(event: MouseEvent) => {\n                            event.stopPropagation();\n                            this.onKupIconClick(\n                                event.currentTarget as HTMLElement\n                            );\n                        }}\n                    />\n                </div>\n            </Host>\n        );\n    }\n    disconnectedCallback() {\n        this.kupManager.theme.unregister(this);\n    }\n}\n"],"version":3}

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_eventBlurNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkObjProp, _KupInputPanel_checkObjOnEvent;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_eventBlurNames, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderEditor, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_checkOnBlurProp, _KupInputPanel_checkOnBlurEvent, _KupInputPanel_setCellError;
 import { Host, forceUpdate, h, } from "@stencil/core";
 import { FButton } from "../../f-components/f-button/f-button";
 import { FCell } from "../../f-components/f-cell/f-cell";
@@ -185,7 +185,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '01b4e1cee68c38fe5389f350461f6a2c043fea1f' }, h("style", { key: '8a60c86bb661508fd4a94d0ade51ce2ed40674bd' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b1137af99188462dd3ca48131592a292c8660192', id: componentWrapperId }, inputPanelContent)));
+        return (h(Host, { key: '2e431f8ed3bc24cb844c21e62f09d0ebd4c95227' }, h("style", { key: '1b5d013473b0270b3ff95950c956b4e040f5bb6f' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1bd47df5bced2847e3a661588f7f7234c3be9e1a', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -497,7 +497,14 @@ export class KupInputPanel {
             }];
     }
 }
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_eventBlurNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_eventBlurNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
+    return this.inputPanelCells.reduce((cell, { cells }) => {
+        if (!cell) {
+            return cells.find(({ column }) => column.name === id).cell;
+        }
+        return cell;
+    }, null);
+}, _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
     var _a;
     const layout = inputPanelCell.row.layout;
     const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
@@ -866,8 +873,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     return null;
 }, _KupInputPanel_CHIAdapter = function _KupInputPanel_CHIAdapter(_options, _fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return CHIAdapter(currentValue);
 }, _KupInputPanel_GRAAdapter = function _KupInputPanel_GRAAdapter() {
@@ -930,16 +937,16 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         configCMandACP.data['kup-list'].data =
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, rawOptions, currentValue);
     }
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return configCMandACP;
 }, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
     let data = CHKAdapter(currentValue, fieldLabel);
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             } });
     }
     return data;
@@ -957,11 +964,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_ITXAdapter = function _KupInputPanel_ITXAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             label: fieldLabel,
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -969,9 +976,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
 }, _KupInputPanel_RADAdapter = function _KupInputPanel_RADAdapter(options, _fieldLabel, currentValue, cell, id) {
     var _a;
     let data = RADAdapter(currentValue, options);
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return Object.assign(Object.assign({}, data), { onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             } });
     }
     return data;
@@ -979,8 +986,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     return SWTAdapter(currentValue, fieldLabel);
 }, _KupInputPanel_DateAdapter = function _KupInputPanel_DateAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return {
         data: {
@@ -992,13 +999,13 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_ObjectAdapter = function _KupInputPanel_ObjectAdapter(_options, fieldLabel, currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             initialValue: currentValue || '',
             label: fieldLabel || ' ',
             value: currentValue || '',
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -1009,8 +1016,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_TimeAdapter = function _KupInputPanel_TimeAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
-        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjOnEvent).call(this, id, cell.shape, cell.obj, cell.fun);
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurEvent).call(this, cell, id);
     }
     return {
         data: {
@@ -1021,11 +1028,11 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     };
 }, _KupInputPanel_NumberAdapter = function _KupInputPanel_NumberAdapter(_options, fieldLabel, _currentValue, cell, id) {
     var _a;
-    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+    if (((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) || cell.mandatory) {
         return {
             label: fieldLabel,
             onBlur: () => {
-                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkObjProp).call(this, cell, id);
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_checkOnBlurProp).call(this, cell, id);
             },
         };
     }
@@ -1137,49 +1144,83 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
             (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue)) !== null && _a !== void 0 ? _a : [];
         detail.comp.refresh();
     });
-}, _KupInputPanel_checkObjProp = function _KupInputPanel_checkObjProp(cell, id) {
-    this.checkValidObjCallback({
-        obj: cell.obj,
-        currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-        fun: cell.fun,
-    }).then(({ valid }) => {
-        this.inputPanelCells = this.inputPanelCells.map((cell) => (Object.assign(Object.assign({}, cell), { cells: cell.cells.map(({ cell, column }) => {
-                const data = column.name === id
-                    ? Object.assign(Object.assign({}, cell.data), { error: valid
-                            ? // If it's a valid object remove the error message
-                                null
-                            : // else set the error message
-                                __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE) }) : cell.data;
-                return {
-                    column,
-                    cell: Object.assign(Object.assign({}, cell), { data }),
-                };
-            }) })));
-    });
-}, _KupInputPanel_checkObjOnEvent = function _KupInputPanel_checkObjOnEvent(id, shape, obj, fun) {
-    const evName = __classPrivateFieldGet(this, _KupInputPanel_eventBlurNames, "f").get(shape);
+}, _KupInputPanel_checkOnBlurProp = function _KupInputPanel_checkOnBlurProp(cell, id) {
+    var _a;
+    const currCell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, id);
+    // Required cell check
+    if (cell.mandatory) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, currCell.value
+            ? // If it's not empty remove the error message
+                null
+            : // else set the error message
+                __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE));
+    }
+    if (!currCell.value) {
+        return;
+    }
+    // Valid object check
+    if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+        this.checkValidObjCallback({
+            obj: cell.obj,
+            currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+            fun: cell.fun,
+        }).then(({ valid }) => {
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_setCellError).call(this, id, valid
+                ? // If it's a valid object remove the error message
+                    null
+                : // else set the error message
+                    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE));
+        });
+    }
+}, _KupInputPanel_checkOnBlurEvent = function _KupInputPanel_checkOnBlurEvent(cell, id) {
+    const evName = __classPrivateFieldGet(this, _KupInputPanel_eventBlurNames, "f").get(cell.shape);
     if (!evName) {
         return;
     }
     const handler = (e) => {
+        var _a;
         if (e.detail.id !== id) {
             return;
         }
-        this.checkValidObjCallback({
-            obj: obj,
-            currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
-            fun: fun,
-        }).then(({ valid }) => {
-            e.detail.comp.error = valid
-                ? null
-                : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE);
+        // Required cell check
+        if (cell.mandatory) {
+            e.detail.comp.error = e.detail.value
+                ? // If it's not empty remove the error message
+                    null
+                : // else set the error message
+                    __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.REQUIRED_VALUE);
             e.detail.comp.refresh();
-        });
+        }
+        if (!e.detail.value) {
+            return;
+        }
+        // Valid object check
+        if ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkObject) {
+            this.checkValidObjCallback({
+                obj: cell.obj,
+                currentState: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
+                fun: cell.fun,
+            }).then(({ valid }) => {
+                e.detail.comp.error = valid
+                    ? null
+                    : __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.INVALID_VALUE);
+                e.detail.comp.refresh();
+            });
+        }
     };
     this.rootElement.addEventListener(evName, handler);
     __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
         event: evName,
         handler,
     });
+}, _KupInputPanel_setCellError = function _KupInputPanel_setCellError(id, error) {
+    this.inputPanelCells = this.inputPanelCells.map((cell) => (Object.assign(Object.assign({}, cell), { cells: cell.cells.map(({ cell, column }) => {
+            const data = column.name === id
+                ? Object.assign(Object.assign({}, cell.data), { error }) : cell.data;
+            return {
+                column,
+                cell: Object.assign(Object.assign({}, cell), { data }),
+            };
+        }) })));
 };
 //# sourceMappingURL=kup-input-panel.js.map