npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

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

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

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-a489112a.js');
+const fTextField = require('./f-text-field-78547f53.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 CHANGED Viewed

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

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

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

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager$1 = require('./kup-manager-22be97c0.js');
+const kupManager$1 = require('./kup-manager-59aafed4.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-a489112a.js');
+const fTextField = require('./f-text-field-78547f53.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 CHANGED Viewed

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.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 CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.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 CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.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 CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4e97f23f.js');
-const kupManager = require('./kup-manager-22be97c0.js');
+const kupManager = require('./kup-manager-59aafed4.js');
 const fTypography = require('./f-typography-024bace8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');

package/dist/collection/assets/radio.js CHANGED Viewed

@@ -28,3 +28,23 @@ radioEls[0].data = [
         checked: false,
     },
 ];
+radioEls.type = 'radio';
+radioEls[2].data = [
+    {
+        value: 'Favorites',
+        label: 'label 1',
+        checked: false,
+    },
+    {
+        value: 'Set alarm clock',
+        label: 'label 2',
+        checked: true,
+    },
+    {
+        value: 'Settings',
+        label: 'label 3',
+        checked: false,
+    },
+];

package/dist/collection/components/kup-cell/kup-cell.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupCellProps } from "./kup-cell-declarations";
-import { FCell } from "../../f-components/f-cell/f-cell";
 import { FCellPadding, } from "../../f-components/f-cell/f-cell-declarations";
 import { KupDragEffect, } from "../../managers/kup-interact/kup-interact-declarations";
 import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
+import { FCellOptions } from "../../f-components/f-cell-options.tsx/f-cell-options";
 export class KupCell {
     constructor() {
         /*-------------------------------------------------*/
@@ -151,7 +151,7 @@ export class KupCell {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, { key: 'd708238a74da2eccf9a3bb299960dc985bb5cb0d' }, h("style", { key: '7bf86a6bc3b61046b3bb7bfd921aaae114b49ed3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '763804a8d45ca9f75e66157ebcc9aa1c27750424', id: componentWrapperId }, h(FCell, Object.assign({ key: '95717d73c39673ffcc382cb7c430b780dd72acfb' }, props)))));
+        return (h(Host, { key: '71041f26b08b203e0255d6dca4979403fc8cfd59' }, h("style", { key: 'd6cf8c97c3b7ce59bf14d71652047b00cd74e353' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ecfe428a78f408cacda35db0da9a00c5008f11a7', id: componentWrapperId }, h(FCellOptions, Object.assign({ key: '3939e4d024ef606d4919458e975b4e5d62229973' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-cell/kup-cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,WAAW,EACX,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAEH,kBAAkB,GACrB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAEH,YAAY,GAEf,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAEH,aAAa,GAChB,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAC;AAO3F,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAOpF,MAAM,OAAO,OAAO;;QA+BhB,qDAAqD;QACrD,qDAAqD;QACrD,qDAAqD;QAErD;;WAEG;QACK,eAAU,GAAe,kBAAkB,EAAE,CAAC;2BAvBxB,EAAE;oBAKJ,IAAI;uBAIA,YAAY,CAAC,IAAI;2BAKlB,KAAK;;IAWpC,qDAAqD;IACrD,qDAAqD;IACrD,qDAAqD;IAErD;;;OAGG;IAEH,KAAK,CAAC,aAAa,CAAC,OAAkB;QAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QAC5B,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACV,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;gBAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,QAAQ,EAAE,CAAC;gBACzC,CAAC;YACL,CAAC;QACL,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IACD;;;;OAIG;IAEH,KAAK,CAAC,QAAQ,CAAC,YAAsB;QACjC,OAAO,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;IACtD,CAAC;IACD;;OAEG;IAEH,KAAK,CAAC,OAAO;QACT,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IACD;;;OAGG;IAEH,KAAK,CAAC,gBAAgB,CAAC,OAAkB;QACrC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACV,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;gBAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAC3C,IAAI,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EACzB,EAAE,CACL,CAAC;gBACN,CAAC;YACL,CAAC;QACL,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IACD;;;OAGG;IAEH,KAAK,CAAC,QAAQ,CAAC,KAAoB;QAC/B,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,qDAAqD;IACrD,qDAAqD;IACrD,qDAAqD;IAE7C,sBAAsB;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,MAAM,MAAM,GAAgC,GAAG,EAAE;gBAC7C,OAAO;oBACH,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;oBAC7B,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;oBACvB,QAAQ,EAAE,KAAK;oBACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;iBAC1B,CAAC;YACN,CAAC,CAAC;YAEF,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAC9B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CACrC,GAAG,GAAG,kBAAkB,CAC3B,EACD;gBACI,aAAa;oBACT,OAAO,IAAI,CAAC;gBAChB,CAAC;aACJ,EACD;gBACI,QAAQ,EAAE,MAAM;aACnB,EACD,aAAa,CAAC,KAAK,CACtB,CAAC;QACN,CAAC;IACL,CAAC;IAEO,cAAc;QAClB,MAAM,OAAO,GACT,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,SAAS,CAAC;QACpB,MAAM,QAAQ,GACV,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAC9B,kBAAkB,CAAC,YAAY,CAClC,CAAC;QACZ,OAAO;YACH,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,QAAQ;SAClB,CAAC;IACN,CAAC;IAEO,WAAW;QACf,MAAM,GAAG,GAAkB,IAAI,CAAC,cAAc,EAAE,CAAC;QACjD,MAAM,GAAG,GAAe,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACtC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;QAChC,OAAO,GAAG,CAAC;IACf,CAAC;IAED,qDAAqD;IACrD,qDAAqD;IACrD,qDAAqD;IAErD,iBAAiB;QACb,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,mBAAmB;QACf,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAED,kBAAkB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,MAAM;QACF,MAAM,KAAK,GAAsB;YAC7B,IAAI,EAAE,IAAI,CAAC,IAA0B;YACrC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;YAC9B,SAAS,EAAE,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE;SAC1B,CAAC;QACF,OAAO,CACH,EAAC,IAAI;YACD,gEACK,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAC9B,IAAI,CAAC,WAA2B,CACnC,CACG;YACR,4DAAK,EAAE,EAAE,kBAAkB;gBACvB,EAAC,YAAY,qEAAK,KAAK,EAAiB,CACtC,CACH,CACV,CAAC;IACN,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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 FCellOptionsProps,\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 KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\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: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCellOptions {...props}></FCellOptions>\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"]}

package/dist/collection/f-components/f-cell/f-cell-declarations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"~~AAOA~~,OAAO,~~EAGH~~,WAAW,GACd,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;~~AA2B~~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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n CellActionProps,\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n FComponent,\n KupEventPayload,\n KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/*\n Props of the f-cell component.\n /\nexport interface FCellProps extends FComponent {\n cell?: KupDataCell;\n column?: KupDataColumn;\n component?: unknown;\n density?: FCellPadding;\n editable?: boolean;\n indents?: VNode[];\n previousValue?: string;\n renderKup?: boolean;\n row?: KupDataRow;\n setSizes?: boolean;\n shape?: FCellShapes;\n cellActionIcon?: CellActionProps;\n}\n/\n Information about the cell, displayed before the content.\n /\nexport interface FCellInfo {\n color?: string;\n icon?: string;\n placeholderIcon?: string;\n message: string;\n}\n/\n Supported cell events.\n /\nexport enum FCellEvents {\n CLICK = 'kup-cell-click',\n ICON_CLICK = 'kup-cell-iconclick',\n INPUT = 'kup-cell-input',\n KEYUP = 'kup-cell-keyup',\n UPDATE = 'kup-cell-update',\n}\n/\n Supported cell padding.\n /\nexport enum FCellPadding {\n DENSE = 'dense',\n MEDIUM = 'medium',\n NONE = '',\n WIDE = 'wide',\n}\n/\n Supported cell CSS classes.\n /\nexport enum FCellClasses {\n BG_DANGER = 'danger-bg',\n BG_GREEN = 'green-bg',\n BG_GREY = 'grey-bg',\n BG_ORANGE = 'orange-bg',\n BG_PURPLE = 'purple-bg',\n BG_SUCCESS = 'success-bg',\n BG_TEAL = 'teal-bg',\n BG_WARNING = 'warning-bg',\n C_BG_DANGER = 'c-danger-bg',\n C_BG_GREEN = 'c-green-bg',\n C_BG_GREY = 'c-grey-bg',\n C_BG_ORANGE = 'c-orange-bg',\n C_BG_PURPLE = 'c-purple-bg',\n C_BG_SUCCESS = 'c-success-bg',\n C_BG_TEAL = 'c-teal-bg',\n C_BG_WARNING = 'c-warning-bg',\n C_CENTERED = 'c-centered',\n C_FITTED = 'c-fitted',\n C_PADDED = 'c-padded',\n C_PADDED_HOR = 'c-padded-hor',\n C_PADDED_VER = 'c-padded-ver',\n C_ROUND = 'c-round',\n C_RIGHT_ALIGNED = 'c-right-aligned',\n C_SHAPED = 'c-shaped',\n C_TEXT_VERTICAL = 'c-vertical-text',\n CLICKABLE = 'clickable',\n HOVER_DISPLAY = 'display-on-hover',\n HOVER_EXPAND = 'expand-on-hover',\n HOVER_REDUCE = 'reduce-on-hover',\n INDICATOR_TOPRIGHT = 'top-right-indicator',\n LINK = 'link',\n MONOSPACE = 'monospace',\n OBJ = 'obj',\n SHAPED = 'shaped',\n TEXT_DANGER = 'danger-text',\n TEXT_INFO = 'info-text',\n TEXT_PRIMARY = 'primary-text',\n TEXT_PURPLE = 'purple-text',\n TEXT_SECONDARY = 'secondary-text',\n TEXT_STRONG = 'strong-text',\n TEXT_SUCCESS = 'success-text',\n TEXT_WARNING = 'warning-text',\n UNDERLINED = 'underlined',\n}\n/\n Supported cell shapes.\n /\nexport enum FCellShapes {\n AUTOCOMPLETE = 'ACP',\n BUTTON_LIST = 'BTN',\n CHART = 'GRA',\n CHECKBOX = 'CHK',\n CHIP = 'CHI',\n COLOR_PICKER = 'CLP',\n COMBOBOX = 'CMB',\n DATE = 'DAT',\n EDITOR = 'EDT',\n GAUGE = 'GAU',\n IMAGE = 'IMG',\n INPUT_CHECKBOX = 'INC',\n INPUT_FIELD = 'INF',\n KNOB = 'KNB',\n LABEL = 'LBL',\n MULTI_AUTOCOMPLETE = 'AML',\n MULTI_COMBOBOX = 'CML',\n PROGRESS_BAR = 'PGB',\n RADIO = 'RAD',\n RATING = 'RTG',\n SWITCH = 'SWT',\n TABLE = 'TBL',\n TEXT_FIELD = 'ITX',\n TIME = 'TIM',\n}\n/\n Supported cell types.\n /\nexport enum FCellTypes {\n AUTOCOMPLETE = 'autocomplete',\n BAR = 'bar',\n BUTTON = 'button',\n BUTTON_LIST = 'button-list',\n CHART = 'chart',\n CHECKBOX = 'checkbox',\n CHIP = 'chips',\n COLOR_PICKER = 'color-picker',\n COMBOBOX = 'combobox',\n DATE = 'date',\n DATETIME = 'datetime',\n EDITOR = 'editor',\n GAUGE = 'gauge',\n ICON = 'icon',\n IMAGE = 'image',\n KNOB = 'knob',\n LINK = 'link',\n MULTI_AUTOCOMPLETE = 'multi-autocomplete',\n MULTI_COMBOBOX = 'multi-combobox',\n NUMBER = 'number',\n PROGRESS_BAR = 'progress-bar',\n RADIO = 'radio',\n RATING = 'rating',\n STRING = 'string',\n SWITCH = 'switch',\n TABLE = 'table',\n TIME = 'time',\n}\nexport const editableTypes = [\n FCellTypes.AUTOCOMPLETE,\n FCellTypes.CHECKBOX,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.COMBOBOX,\n FCellTypes.DATE,\n FCellTypes.LINK,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.NUMBER,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n FCellTypes.STRING,\n FCellTypes.SWITCH,\n FCellTypes.TIME,\n];\nexport const kupTypes = [\n FCellTypes.BAR,\n FCellTypes.BUTTON,\n FCellTypes.BUTTON_LIST,\n FCellTypes.CHART,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.GAUGE,\n FCellTypes.KNOB,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.PROGRESS_BAR,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n];\n/\n Payload of the event fired when a cell is updated.\n */\nexport interface FCellEventPayload extends KupEventPayload {\n cell: KupDataCell;\n column: KupDataColumn;\n event: CustomEvent \| InputEvent \| MouseEvent \| KeyboardEvent;\n row: KupDataRow;\n type: FCellTypes;\n}\n"]}
1	+ {"version":3,"file":"f-cell-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell/f-cell-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import type { VNode } from '@stencil/core';\nimport {\n CellActionProps,\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport {\n FComponent,\n GenericObject,\n KupEventPayload,\n KupTagNames,\n} from '../../types/GenericTypes';\n\nexport const autoCenterComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\nexport const fullWidthFieldsComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];\n/*\n Props of the f-cell component.\n /\nexport interface FCellProps extends FComponent {\n cell?: KupDataCell;\n column?: KupDataColumn;\n component?: unknown;\n density?: FCellPadding;\n editable?: boolean;\n indents?: VNode[];\n previousValue?: string;\n renderKup?: boolean;\n row?: KupDataRow;\n setSizes?: boolean;\n shape?: FCellShapes;\n cellActionIcon?: CellActionProps;\n}\n\nexport interface FCellOptionsProps extends FCellProps {\n cell?: KupDataCellOptions;\n}\n/\n Information about the cell, displayed before the content.\n /\nexport interface FCellInfo {\n color?: string;\n icon?: string;\n placeholderIcon?: string;\n message: string;\n}\n/\n Supported cell events.\n /\nexport enum FCellEvents {\n CLICK = 'kup-cell-click',\n ICON_CLICK = 'kup-cell-iconclick',\n INPUT = 'kup-cell-input',\n KEYUP = 'kup-cell-keyup',\n UPDATE = 'kup-cell-update',\n}\n/\n Supported cell padding.\n /\nexport enum FCellPadding {\n DENSE = 'dense',\n MEDIUM = 'medium',\n NONE = '',\n WIDE = 'wide',\n}\n/\n Supported cell CSS classes.\n /\nexport enum FCellClasses {\n BG_DANGER = 'danger-bg',\n BG_GREEN = 'green-bg',\n BG_GREY = 'grey-bg',\n BG_ORANGE = 'orange-bg',\n BG_PURPLE = 'purple-bg',\n BG_SUCCESS = 'success-bg',\n BG_TEAL = 'teal-bg',\n BG_WARNING = 'warning-bg',\n C_BG_DANGER = 'c-danger-bg',\n C_BG_GREEN = 'c-green-bg',\n C_BG_GREY = 'c-grey-bg',\n C_BG_ORANGE = 'c-orange-bg',\n C_BG_PURPLE = 'c-purple-bg',\n C_BG_SUCCESS = 'c-success-bg',\n C_BG_TEAL = 'c-teal-bg',\n C_BG_WARNING = 'c-warning-bg',\n C_CENTERED = 'c-centered',\n C_FITTED = 'c-fitted',\n C_PADDED = 'c-padded',\n C_PADDED_HOR = 'c-padded-hor',\n C_PADDED_VER = 'c-padded-ver',\n C_ROUND = 'c-round',\n C_RIGHT_ALIGNED = 'c-right-aligned',\n C_SHAPED = 'c-shaped',\n C_TEXT_VERTICAL = 'c-vertical-text',\n CLICKABLE = 'clickable',\n HOVER_DISPLAY = 'display-on-hover',\n HOVER_EXPAND = 'expand-on-hover',\n HOVER_REDUCE = 'reduce-on-hover',\n INDICATOR_TOPRIGHT = 'top-right-indicator',\n LINK = 'link',\n MONOSPACE = 'monospace',\n OBJ = 'obj',\n SHAPED = 'shaped',\n TEXT_DANGER = 'danger-text',\n TEXT_INFO = 'info-text',\n TEXT_PRIMARY = 'primary-text',\n TEXT_PURPLE = 'purple-text',\n TEXT_SECONDARY = 'secondary-text',\n TEXT_STRONG = 'strong-text',\n TEXT_SUCCESS = 'success-text',\n TEXT_WARNING = 'warning-text',\n UNDERLINED = 'underlined',\n}\n/\n Supported cell shapes.\n /\nexport enum FCellShapes {\n AUTOCOMPLETE = 'ACP',\n BUTTON_LIST = 'BTN',\n CHART = 'GRA',\n CHECKBOX = 'CHK',\n CHIP = 'CHI',\n COLOR_PICKER = 'CLP',\n COMBOBOX = 'CMB',\n DATE = 'DAT',\n EDITOR = 'EDT',\n GAUGE = 'GAU',\n IMAGE = 'IMG',\n INPUT_CHECKBOX = 'INC',\n INPUT_FIELD = 'INF',\n KNOB = 'KNB',\n LABEL = 'LBL',\n MULTI_AUTOCOMPLETE = 'AML',\n MULTI_COMBOBOX = 'CML',\n PROGRESS_BAR = 'PGB',\n RADIO = 'RAD',\n RATING = 'RTG',\n SWITCH = 'SWT',\n TABLE = 'TBL',\n TEXT_FIELD = 'ITX',\n TIME = 'TIM',\n}\n/\n Supported cell types.\n /\nexport enum FCellTypes {\n AUTOCOMPLETE = 'autocomplete',\n BAR = 'bar',\n BUTTON = 'button',\n BUTTON_LIST = 'button-list',\n CHART = 'chart',\n CHECKBOX = 'checkbox',\n CHIP = 'chips',\n COLOR_PICKER = 'color-picker',\n COMBOBOX = 'combobox',\n DATE = 'date',\n DATETIME = 'datetime',\n EDITOR = 'editor',\n GAUGE = 'gauge',\n ICON = 'icon',\n IMAGE = 'image',\n KNOB = 'knob',\n LINK = 'link',\n MULTI_AUTOCOMPLETE = 'multi-autocomplete',\n MULTI_COMBOBOX = 'multi-combobox',\n NUMBER = 'number',\n PROGRESS_BAR = 'progress-bar',\n RADIO = 'radio',\n RATING = 'rating',\n STRING = 'string',\n SWITCH = 'switch',\n TABLE = 'table',\n TIME = 'time',\n}\nexport const editableTypes = [\n FCellTypes.AUTOCOMPLETE,\n FCellTypes.CHECKBOX,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.COMBOBOX,\n FCellTypes.DATE,\n FCellTypes.LINK,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.NUMBER,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n FCellTypes.STRING,\n FCellTypes.SWITCH,\n FCellTypes.TIME,\n];\nexport const kupTypes = [\n FCellTypes.BAR,\n FCellTypes.BUTTON,\n FCellTypes.BUTTON_LIST,\n FCellTypes.CHART,\n FCellTypes.CHIP,\n FCellTypes.COLOR_PICKER,\n FCellTypes.GAUGE,\n FCellTypes.KNOB,\n FCellTypes.MULTI_AUTOCOMPLETE,\n FCellTypes.MULTI_COMBOBOX,\n FCellTypes.PROGRESS_BAR,\n FCellTypes.RADIO,\n FCellTypes.RATING,\n];\n/\n Payload of the event fired when a cell is updated.\n */\nexport interface FCellEventPayload extends KupEventPayload {\n cell: KupDataCell;\n column: KupDataColumn;\n event: CustomEvent \| InputEvent \| MouseEvent \| KeyboardEvent;\n row: KupDataRow;\n type: FCellTypes;\n}\n"]}

package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.declarations.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=f-cell-options.declarations.js.map

package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.declarations.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"f-cell-options.declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-cell-options.tsx/f-cell-options.declarations.ts"],"names":[],"mappings":"","sourcesContent":["import { VNode } from '@stencil/core';\nimport { FCellPadding, KupDataCell, KupDataColumn } from '../../components';\nimport {\n KupDataRow,\n CellActionProps,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FComponent } from '../../types/GenericTypes';\nimport { FCellShapes } from '../f-cell/f-cell-declarations';\n\nexport interface FCellOptionsProps extends FComponent {\n cell?: KupDataCell;\n column?: KupDataColumn;\n component?: unknown;\n density?: FCellPadding;\n editable?: boolean;\n indents?: VNode[];\n previousValue?: string;\n renderKup?: boolean;\n row?: KupDataRow;\n setSizes?: boolean;\n shape?: FCellShapes;\n cellActionIcon?: CellActionProps;\n}\n"]}

package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js ADDED Viewed

@@ -0,0 +1,162 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { h } from "@stencil/core";
+import { CMBandACPAdapter, RADAdapter } from "../../utils/cell-utils";
+import { FCellTypes, } from "../f-cell/f-cell-declarations";
+import { FCell } from "../f-cell/f-cell";
+const dom = document.documentElement;
+const treeOptionsNodeAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.content.codice,
+            value: child.content.testo,
+            selected: currentValue === child.content.codice,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? treeOptionsNodeAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const dataTreeOptionsChildrenAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.obj.k,
+            value: child.value,
+            selected: currentValue === child.obj.k,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? dataTreeOptionsChildrenAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const tableOptionsAdapter = (options, currentValue) => {
+    return options.rows.map((row) => {
+        var _a;
+        const cells = row.fields || row.cells;
+        const [id, value] = Object.keys(cells);
+        return {
+            id: cells[id].value,
+            value: ((_a = cells[value]) === null || _a === void 0 ? void 0 : _a.value) || cells[id].value,
+            selected: currentValue === cells[id].value,
+        };
+    });
+};
+const optionsTreeComboAdapter = (options, currentValue) => {
+    const adapter = optionsAdapterMap.get(options.type);
+    if (adapter) {
+        return adapter(options, currentValue);
+    }
+    else {
+        return options.map((option) => ({
+            value: option.label,
+            id: option.id,
+            selected: currentValue === option.id,
+        }));
+    }
+};
+const optionsAdapterMap = new Map([
+    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],
+    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],
+    ['SmeupTable', tableOptionsAdapter.bind(this)],
+    ['SmeupDataTable', tableOptionsAdapter.bind(this)],
+]);
+export const FCellOptions = (props) => {
+    const mappedCell = props.cell
+        ? Object.assign(Object.assign({}, props.cell), { data: setProps(props.cell, props.column), slotData: slotData(props.cell, props.column), isEditable: true }) : null;
+    const mappedProps = Object.assign(Object.assign({}, props), { editable: true, cell: mappedCell });
+    return h(FCell, Object.assign({}, mappedProps));
+};
+const slotData = (cell, col) => {
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    if (!cell.isEditable) {
+        return null;
+    }
+    if (cellType === FCellTypes.MULTI_AUTOCOMPLETE ||
+        cellType === FCellTypes.MULTI_COMBOBOX) {
+        return Object.assign(Object.assign({}, CMBandACPAdapter(null, col.title, cell.options
+        // cell,
+        // col.name
+        )), { showDropDownIcon: true, class: '', style: { width: '100%' }, disabled: !cell.isEditable, id: col.name });
+    }
+    return null;
+};
+const setProps = (cell, column) => {
+    const defaultProps = Object.assign(Object.assign({}, mapData(cell, column)), { disabled: !cell.isEditable, id: column.name });
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const _a = cell.data || {}, { data } = _a, noDataProps = __rest(_a, ["data"]);
+    return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&
+        cellType !== FCellTypes.MULTI_COMBOBOX
+        ? deepObjectsMerge(defaultProps, Object.assign({}, cell.data))
+        : // Add and ovverride defaultProps of Chip host component except data
+            Object.assign(Object.assign({}, defaultProps), noDataProps);
+};
+const deepObjectsMerge = (target, source) => {
+    for (const key in source) {
+        if (source[key] instanceof Object &&
+            !Array.isArray(source[key]) &&
+            key in target) {
+            target[key] = deepObjectsMerge(target[key], source[key]);
+        }
+        else {
+            target[key] = source[key];
+        }
+    }
+    return target;
+};
+const mapData = (cell, col) => {
+    if (!cell) {
+        return null;
+    }
+    const options = cell.options;
+    const fieldLabel = col.title;
+    const currentValue = cell.value;
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const dataAdapterMap = new Map([
+        [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],
+        [FCellTypes.STRING, MainITXAdapter.bind(this)],
+        [FCellTypes.RADIO, MainRADAdapter.bind(this)],
+        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],
+        [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],
+    ]);
+    const adapter = dataAdapterMap.get(cellType);
+    return adapter
+        ? adapter(options, fieldLabel, currentValue, cell, col.name)
+        : null;
+};
+const MainRADAdapter = (options, _fieldLabel, currentValue) => {
+    return RADAdapter(currentValue, options);
+};
+const MainITXAdapter = (options, _fieldLabel, _currentValue) => {
+    if (options === null || options === void 0 ? void 0 : options[0]) {
+        return { label: options[0].label };
+    }
+};
+const MainBTNAdapter = (_options, _fieldLabel, _currentValue, cell) => {
+    var _a, _b;
+    return {
+        data: ((_a = cell.options) === null || _a === void 0 ? void 0 : _a.length)
+            ? (_b = cell.options) === null || _b === void 0 ? void 0 : _b.map((option) => ({
+                icon: option.icon,
+                value: option.value,
+            }))
+            : [],
+    };
+};
+const MainCMBandACPAdapter = (rawOptions, fieldLabel, currentValue) => {
+    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
+    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(rawOptions, currentValue);
+    return configCMandACP;
+};
+//# sourceMappingURL=f-cell-options.js.map

package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"f-cell-options.js","sourceRoot":"","sources":["../../../src/f-components/f-cell-options.tsx/f-cell-options.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { GenericObject, KupDataColumn } from '../../components';\nimport { CMBandACPAdapter, RADAdapter } from '../../utils/cell-utils';\nimport {\n FCellOptionsProps,\n FCellProps,\n FCellTypes,\n} from '../f-cell/f-cell-declarations';\nimport {\n DataAdapterFn,\n KupInputPanelCell,\n} from '../../components/kup-input-panel/kup-input-panel-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCell } from '../f-cell/f-cell';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nconst treeOptionsNodeAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.content.codice,\n value: child.content.testo,\n selected: currentValue === child.content.codice,\n children: child.children?.length\n ? treeOptionsNodeAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst dataTreeOptionsChildrenAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.children.map((child) => ({\n id: child.obj.k,\n value: child.value,\n selected: currentValue === child.obj.k,\n children: child.children?.length\n ? dataTreeOptionsChildrenAdapter(child, currentValue)\n : [],\n }));\n};\n\nconst tableOptionsAdapter = (\n options: any,\n currentValue: string\n): GenericObject[] => {\n return options.rows.map((row) => {\n const cells = row.fields || row.cells;\n const [id, value] = Object.keys(cells);\n\n return {\n id: cells[id].value,\n value: cells[value]?.value || cells[id].value,\n selected: currentValue === cells[id].value,\n };\n });\n};\n\nconst optionsTreeComboAdapter = (options: any, currentValue: string) => {\n const adapter = optionsAdapterMap.get(options.type);\n\n if (adapter) {\n return adapter(options, currentValue);\n } else {\n return options.map((option) => ({\n value: option.label,\n id: option.id,\n selected: currentValue === option.id,\n }));\n }\n};\n\nconst optionsAdapterMap = new Map<\n string,\n (options: any, currentValue: string) => GenericObject[]\n>([\n ['SmeupTreeNode', treeOptionsNodeAdapter.bind(this)],\n ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(this)],\n ['SmeupTable', tableOptionsAdapter.bind(this)],\n ['SmeupDataTable', tableOptionsAdapter.bind(this)],\n]);\n\nexport const FCellOptions: FunctionalComponent<FCellOptionsProps> = (\n props: FCellOptionsProps\n) => {\n const mappedCell = props.cell\n ? {\n ...props.cell,\n data: setProps(props.cell, props.column),\n slotData: slotData(props.cell, props.column),\n isEditable: true,\n }\n : null;\n\n const mappedProps: FCellProps = {\n ...props,\n editable: true,\n cell: mappedCell as KupDataCell,\n };\n\n return <FCell {...mappedProps}></FCell>;\n};\n\nconst slotData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (!cell.isEditable) {\n return null;\n }\n\n if (\n cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n cellType === FCellTypes.MULTI_COMBOBOX\n ) {\n return {\n ...CMBandACPAdapter(\n null,\n col.title,\n cell.options\n // cell,\n // col.name\n ),\n showDropDownIcon: true,\n class: '',\n style: { width: '100%' },\n disabled: !cell.isEditable,\n id: col.name,\n };\n }\n\n return null;\n};\n\nconst setProps = (cell: KupDataCellOptions, column: KupDataColumn) => {\n const defaultProps = {\n ...mapData(cell, column),\n disabled: !cell.isEditable,\n id: column.name,\n };\n\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const { data, ...noDataProps } = cell.data || {};\n return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n cellType !== FCellTypes.MULTI_COMBOBOX\n ? deepObjectsMerge(defaultProps, {\n ...cell.data,\n })\n : // Add and ovverride defaultProps of Chip host component except data\n {\n ...defaultProps,\n ...noDataProps,\n };\n};\n\nconst deepObjectsMerge = (target: GenericObject, source: GenericObject) => {\n for (const key in source) {\n if (\n source[key] instanceof Object &&\n !Array.isArray(source[key]) &&\n key in target\n ) {\n target[key] = deepObjectsMerge(target[key], source[key]);\n } else {\n target[key] = source[key];\n }\n }\n return target;\n};\n\nconst mapData = (cell: KupDataCellOptions, col: KupDataColumn) => {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n const fieldLabel = col.title;\n const currentValue = cell.value;\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],\n [FCellTypes.STRING, MainITXAdapter.bind(this)],\n [FCellTypes.RADIO, MainRADAdapter.bind(this)],\n [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(this)],\n [FCellTypes.COMBOBOX, MainCMBandACPAdapter.bind(this)],\n ]);\n\n const adapter = dataAdapterMap.get(cellType);\n\n return adapter\n ? adapter(options, fieldLabel, currentValue, cell, col.name)\n : null;\n};\n\nconst MainRADAdapter = (\n options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n) => {\n return RADAdapter(currentValue, options);\n};\n\nconst MainITXAdapter = (\n options: GenericObject,\n _fieldLabel: string,\n _currentValue: string\n) => {\n if (options?.[0]) {\n return { label: options[0].label };\n }\n};\n\nconst MainBTNAdapter = (\n _options: GenericObject,\n _fieldLabel: string,\n _currentValue: string,\n cell: KupDataCellOptions\n) => {\n return {\n data: cell.options?.length\n ? cell.options?.map((option) => ({\n icon: option.icon,\n value: option.value,\n }))\n : [],\n };\n};\n\nconst MainCMBandACPAdapter = (\n rawOptions: GenericObject,\n fieldLabel: string,\n currentValue: string\n) => {\n const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(\n rawOptions,\n currentValue\n );\n return configCMandACP;\n};\n"]}

package/dist/collection/f-components/f-radio/f-radio-declarations.js CHANGED Viewed

@@ -1,2 +1,6 @@
-export {};
+export var FRadioType;
+(function (FRadioType) {
+    FRadioType["RADIO"] = "radio";
+    FRadioType["CHEVRON"] = "chevron";
+})(FRadioType || (FRadioType = {}));
 //# sourceMappingURL=f-radio-declarations.js.map

package/dist/collection/f-components/f-radio/f-radio-declarations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"f-radio-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-radio/f-radio-declarations.ts"],"names":[],"mappings":"","sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-radio component.\n /\nexport interface FRadioProps extends FComponent {\n columns?: number;\n data?: FRadioData[];\n disabled?: boolean;\n label?: string;\n leadingLabel?: boolean;\n onBlur?: (event: FocusEvent) => void;\n onChange?: (i: number, event: Event) => void;\n onFocus?: (event: FocusEvent) => void;\n horizontal?: boolean;\n}\n/\n The object of a single radio.\n */\nexport interface FRadioData {\n checked: boolean;\n label: string;\n value: string;\n}\n"]}
1	+ {"version":3,"file":"f-radio-declarations.js","sourceRoot":"","sources":["../../../src/f-components/f-radio/f-radio-declarations.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACvB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB","sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-radio component.\n /\nexport interface FRadioProps extends FComponent {\n type?: FRadioType;\n columns?: number;\n data?: FRadioData[];\n disabled?: boolean;\n label?: string;\n leadingLabel?: boolean;\n onBlur?: (event: FocusEvent) => void;\n onChange?: (i: number, event: Event) => void;\n onFocus?: (event: FocusEvent) => void;\n horizontal?: boolean;\n}\n/\n The object of a single radio.\n */\nexport interface FRadioData {\n checked: boolean;\n label: string;\n value: string;\n}\n\nexport enum FRadioType {\n RADIO = 'radio',\n CHEVRON = 'chevron',\n}\n"]}

package/dist/collection/f-components/f-radio/f-radio.js CHANGED Viewed

@@ -1,4 +1,6 @@
-import { h } from "@stencil/core";
+import { h, Fragment } from "@stencil/core";
+import { FRadioType, } from "./f-radio-declarations";
+import { FImage } from "../f-image/f-image";
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -6,17 +8,26 @@ export const FRadio = (props) => {
     var _a;
     const hasColumns = !!props.columns;
     const radioList = [];
+    // Default to 'radio' if props.type is not specified
+    const radioType = props.type || FRadioType.RADIO;
     for (let i = 0; i < ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length); i++) {
         const data = props.data[i];
         const classObj = {
             radio: true,
             'radio--checked': data.checked ? true : false,
             'radio--disabled': props.disabled ? true : false,
+            [`radio--${props.type}`]: props.type ? true : false,
         };
         radioList.push(h("div", { class: `form-field
-                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''}` }, h("div", { class: classObj }, h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
+                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''}` }, h("div", { class: classObj }, radioType === FRadioType.RADIO ? (
+        // Radio button type rendering
+        h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
                 ? props.onChange.bind(props.onChange, i)
-                : null, onFocus: props.onFocus }), h("div", { class: "radio__background" }, h("div", { class: "radio__outer-circle" }), h("div", { class: "radio__inner-circle" }))), h("label", { htmlFor: 'radio-element', onClick: props.onChange
+                : null, onFocus: props.onFocus })) : (
+        // Chevron type rendering
+        h(Fragment, null, data.checked ? (h(FImage, { resource: "check", sizeX: "14px", sizeY: "14px" })) : (h(FImage, { sizeX: "14px", sizeY: "14px", onClick: props.onChange
+                ? props.onChange.bind(props.onChange, i)
+                : null })))), radioType === FRadioType.RADIO && (h("div", { class: "radio__background" }, h("div", { class: "radio__outer-circle" }), h("div", { class: "radio__inner-circle" })))), h("label", { htmlFor: 'radio-element', onClick: props.onChange
                 ? props.onChange.bind(props.onChange, i)
                 : null }, data.label ? data.label : '')));
     }
@@ -25,7 +36,7 @@ export const FRadio = (props) => {
             ? `repeat(${props.columns}, 1fr)`
             : '',
     };
-    return (h("div", { class: `f-radio radio-wrapper
+    return (h("div", { class: `f-radio radio-wrapper
              ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''} ${props.horizontal ? 'kup-horizontal' : ''}`, style: styleObj }, radioList));
 };
 //# sourceMappingURL=f-radio.js.map

package/dist/collection/f-components/f-radio/f-radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"f-radio.js","sourceRoot":"","sources":["../../../src/f-components/f-radio/f-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAI9D~~,qDAAqD;AACrD,qDAAqD;AACrD,qDAAqD;AAErD,MAAM,CAAC,MAAM,MAAM,GAAqC,CACpD,KAAkB,EACpB,EAAE;;IACA,MAAM,UAAU,GAAY,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAC5C,MAAM,SAAS,GAAiB,EAAE,CAAC;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAG,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,MAAM,IAAI,GAAe,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAkB;YAC5B,KAAK,EAAE,IAAI;YACX,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YAC7C,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;~~SACnD~~,CAAC;~~QACF~~,SAAS,CAAC,IAAI,CACV,WACI,KAAK,EAAE;oBACH,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAClD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EACzC,EAAE;YAEF,WAAK,KAAK,EAAE,QAAQ;~~gBAChB~~,aACI,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EACJ,KAAK,CAAC,QAAQ;wBACV,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;wBACxC,CAAC,CAAC,IAAI,EAEd,OAAO,EAAE,KAAK,CAAC,OAAO,GACjB;~~gBACT~~,WAAK,KAAK,EAAC,mBAAmB;oBAC1B,WAAK,KAAK,EAAC,qBAAqB,GAAO;oBACvC,WAAK,KAAK,EAAC,qBAAqB,GAAO,CACrC,~~CACJ~~;YACN,aACI,OAAO,EAAE,eAAe,EACxB,OAAO,EACH,KAAK,CAAC,QAAQ;oBACV,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;oBACxC,CAAC,CAAC,IAAI,IAGb,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CACzB,CACN,CACT,CAAC;IACN,CAAC;IAED,MAAM,QAAQ,GAAkB;QAC5B,qBAAqB,EAAE,UAAU;YAC7B,CAAC,CAAC,UAAU,KAAK,CAAC,OAAO,QAAQ;YACjC,CAAC,CAAC,EAAE;KACX,CAAC;IAEF,OAAO,CACH,WACI,KAAK,EAAE;eACJ,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,IACrC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAClC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAC5B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EACxC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAClC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EACpC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,IAC5C,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAC1C,EAAE,EACF,KAAK,EAAE,QAAQ,IAEd,SAAS,CACR,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["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"]}
1	+ {"version":3,"file":"f-radio.js","sourceRoot":"","sources":["../../../src/f-components/f-radio/f-radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, VNode, h, Fragment } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport {\n FRadioType,\n type FRadioData,\n type FRadioProps,\n} from './f-radio-declarations';\nimport { FImage } from '../f-image/f-image';\n\n/-------------------------------------------------/\n/* C o m p o n e n t /\n/-------------------------------------------------*/\n\nexport const FRadio: FunctionalComponent<FRadioProps> = (\n props: FRadioProps\n) => {\n const hasColumns: boolean = !!props.columns;\n const radioList: Array<VNode> = [];\n\n // Default to 'radio' if props.type is not specified\n const radioType = props.type \|\| FRadioType.RADIO;\n for (let i = 0; i < props.data?.length; i++) {\n const data: FRadioData = props.data[i];\n const classObj: GenericObject = {\n radio: true,\n 'radio--checked': data.checked ? true : false,\n 'radio--disabled': props.disabled ? true : false,\n [`radio--${props.type}`]: props.type ? true : false,\n };\n\n radioList.push(\n <div\n class={`form-field \n ${props.leadingLabel ? ' form-field--align-end' : ''} ${\n props.disabled ? 'radio--disabled' : ''\n }`}\n >\n <div class={classObj}>\n {radioType === FRadioType.RADIO ? (\n // Radio button type rendering\n <input\n class=\"radio__native-control\"\n type=\"radio\"\n name=\"radio-element\"\n value={data.value}\n checked={data.checked}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onChange={\n props.onChange\n ? props.onChange.bind(props.onChange, i)\n : null\n }\n onFocus={props.onFocus}\n ></input>\n ) : (\n // Chevron type rendering\n <>\n {data.checked ? (\n <FImage\n resource=\"check\"\n sizeX=\"14px\"\n sizeY=\"14px\"\n ></FImage>\n ) : (\n <FImage\n sizeX=\"14px\"\n sizeY=\"14px\"\n onClick={\n props.onChange\n ? props.onChange.bind(\n props.onChange,\n i\n )\n : null\n }\n ></FImage>\n )}\n </>\n )}\n {radioType === FRadioType.RADIO && (\n <div class=\"radio__background\">\n <div class=\"radio__outer-circle\"></div>\n <div class=\"radio__inner-circle\"></div>\n </div>\n )}\n </div>\n <label\n htmlFor={'radio-element'}\n onClick={\n props.onChange\n ? props.onChange.bind(props.onChange, i)\n : null\n }\n >\n {data.label ? data.label : ''}\n </label>\n </div>\n );\n }\n\n const styleObj: GenericObject = {\n '--kup_radio_columns': hasColumns\n ? `repeat(${props.columns}, 1fr)`\n : '',\n };\n\n return (\n <div\n class={`f-radio radio-wrapper\n ${hasColumns ? 'radio-wrapper-grid' : ''} ${\n props.danger ? 'kup-danger' : ''\n } ${props.info ? 'kup-info' : ''} ${\n props.secondary ? 'kup-secondary' : ''\n } ${props.success ? 'kup-success' : ''} ${\n props.warning ? 'kup-warning' : ''\n } ${props.wrapperClass ? props.wrapperClass : ''} ${\n props.horizontal ? 'kup-horizontal' : ''\n }`}\n style={styleObj}\n >\n {radioList}\n </div>\n );\n};\n"]}