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

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

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 (174) 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/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":"AAAA,OAAO,EAA8B,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EACH,UAAU,GAGb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,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,oDAAoD;IACpD,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC;IACjD,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;YAChD,CAAC,UAAU,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;SACtD,CAAC;QAEF,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;gBACf,SAAS,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9B,8BAA8B;gBAC9B,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,CACZ,CAAC,CAAC,CAAC;gBACA,yBAAyB;gBACzB,kBACK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,EAAC,MAAM,IACH,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,GACN,CACb,CAAC,CAAC,CAAC,CACA,EAAC,MAAM,IACH,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,MAAM,EACZ,OAAO,EACH,KAAK,CAAC,QAAQ;wBACV,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CACf,KAAK,CAAC,QAAQ,EACd,CAAC,CACJ;wBACH,CAAC,CAAC,IAAI,GAER,CACb,CACF,CACN;gBACA,SAAS,KAAK,UAAU,CAAC,KAAK,IAAI,CAC/B,WAAK,KAAK,EAAC,mBAAmB;oBAC1B,WAAK,KAAK,EAAC,qBAAqB,GAAO;oBACvC,WAAK,KAAK,EAAC,qBAAqB,GAAO,CACrC,CACT,CACC;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, 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"]}

package/dist/collection/managers/kup-theme/kup-theme-declarations.js CHANGED Viewed

@@ -87,6 +87,7 @@ export const fImageUsers = [
     KupTagNames.INPUT_PANEL,
     KupTagNames.LIST,
     KupTagNames.MAGIC_BOX,
+    KupTagNames.RADIO,
     KupTagNames.SNACKBAR,
     KupTagNames.TAB_BAR,
     KupTagNames.TEXT_FIELD,

package/dist/collection/managers/kup-theme/kup-theme-declarations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kup-theme-declarations.js","sourceRoot":"","sources":["../../../src/managers/kup-theme/kup-theme-declarations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEtE;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAC1C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,WAAW,CAAC,MAAM;IAClB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,eAAe;IAC3B,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,QAAQ;CACvB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,iBAAiB;IAC7B,WAAW,CAAC,KAAK;IACjB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,MAAM;IAClB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,MAAM;IAClB,WAAW,CAAC,eAAe;IAC3B,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,KAAK;IACjB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,OAAO;IACnB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,eAAe;IAC3B,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;AACzE;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,YAAY;IACxB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,KAAK;IACjB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,MAAM;IAClB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,MAAM;IAClB,WAAW,CAAC,IAAI;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,eAAe;CAC9B,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,WAAW,CAAC,YAAY;IACxB,WAAW,CAAC,GAAG;IACf,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,YAAY;IACxB,WAAW,CAAC,QAAQ;IACpB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,cAAc;IAC1B,WAAW,CAAC,OAAO;IACnB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,WAAW;IACvB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,WAAW,CAAC,SAAS;IACrB,WAAW,CAAC,IAAI;IAChB,WAAW,CAAC,UAAU;IACtB,WAAW,CAAC,OAAO;IACnB,WAAW,CAAC,IAAI;CACnB,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;AAmGrD;;GAEG;AACH,MAAM,CAAN,IAAY,mBA4BX;AA5BD,WAAY,mBAAmB;IAC3B,sDAA+B,CAAA;IAC/B,0DAAmC,CAAA;IACnC,4DAAqC,CAAA;IACrC,qDAA8B,CAAA;IAC9B,2EAAoD,CAAA;IACpD,oDAA6B,CAAA;IAC7B,0EAAmD,CAAA;IACnD,gDAAyB,CAAA;IACzB,sEAA+C,CAAA;IAC/C,0EAAmD,CAAA;IACnD,8EAAuD,CAAA;IACvD,wDAAiC,CAAA;IACjC,wEAAiD,CAAA;IACjD,kDAA2B,CAAA;IAC3B,wEAAiD,CAAA;IACjD,kDAA2B,CAAA;IAC3B,oDAA6B,CAAA;IAC7B,qDAA8B,CAAA;IAC9B,mDAA4B,CAAA;IAC5B,yDAAkC,CAAA;IAClC,yDAAkC,CAAA;IAClC,uDAAgC,CAAA;IAChC,sDAA+B,CAAA;IAC/B,sDAA+B,CAAA;IAC/B,sDAA+B,CAAA;IAC/B,sDAA+B,CAAA;IAC/B,sDAA+B,CAAA;AACnC,CAAC,EA5BW,mBAAmB,KAAnB,mBAAmB,QA4B9B;AACD;;GAEG;AACH,MAAM,CAAN,IAAY,kBAUX;AAVD,WAAY,kBAAkB;IAC1B,wDAAkC,CAAA;IAClC,gDAA0B,CAAA;IAC1B,wDAAkC,CAAA;IAClC,0DAAoC,CAAA;IACpC,sDAAgC,CAAA;IAChC,sDAAgC,CAAA;IAChC,gEAA0C,CAAA;IAC1C,4CAAsB,CAAA;IACtB,kDAA4B,CAAA;AAChC,CAAC,EAVW,kBAAkB,KAAlB,kBAAkB,QAU7B","sourcesContent":["import { GenericObject, KupTagNames } from '../../types/GenericTypes';\n\n/*\n Variable used to fetch the MASTER customStyle (used in every component).\n /\nexport const masterCustomStyle = 'MASTER';\n/\n Components using the FButton functional component.\n /\nexport const fButtonUsers = [\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.IMAGE_LIST,\n KupTagNames.SNACKBAR,\n];\n/\n Components using the FCell functional component.\n /\nexport const fCellUsers = [\n KupTagNames.BOX,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n];\n/\n Components using the FCheckbox functional component.\n /\nexport const fCheckboxUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FChip functional component.\n /\nexport const fChipUsers = [\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n];\n/\n Components using the FImage functional component.\n /\nexport const fImageUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.ACTIVITY_TIMELINE,\n KupTagNames.BADGE,\n KupTagNames.BOX,\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DIALOG,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.IMAGE,\n KupTagNames.IMAGE_LIST,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.MAGIC_BOX,\n KupTagNames.SNACKBAR,\n KupTagNames.TAB_BAR,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FPaginator functional component.\n /\nexport const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];\n/\n Components using the FProgressBar functional component.\n /\nexport const fProgressBarUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.PROGRESS_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the FRadio functional component.\n /\nexport const fRadioUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.RADIO,\n KupTagNames.TREE,\n];\n/\n Components using the FRating functional component.\n /\nexport const fRatingUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.RATING,\n KupTagNames.TREE,\n];\n/\n Components using the FSwitch functional component.\n /\nexport const fSwitchUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.SWITCH,\n KupTagNames.TREE,\n];\n\n/\n Components using the FSwitch functional component.\n /\nexport const fTypographyUsers = [\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n];\n/\n Components using the FTextField functional component.\n /\nexport const fTextFieldUsers = [\n KupTagNames.AUTOCOMPLETE,\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.COLOR_PICKER,\n KupTagNames.COMBOBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DATE_PICKER,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.NUMERIC_PICKER,\n KupTagNames.PLANNER,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TIME_PICKER,\n KupTagNames.TREE,\n];\n/\n Components using the MDC ripple effect.\n /\nexport const rippleUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.CARD,\n KupTagNames.IMAGE_LIST,\n KupTagNames.TAB_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the Editor component.\n /\nexport const editorUsers = [KupTagNames.INPUT_PANEL];\n/\n Interface of the themes JSON.\n /\nexport interface KupThemeJSON {\n [index: string]: KupThemeElement;\n}\n/\n Interface wrapping all the others.\n /\nexport interface KupThemeElement {\n cssVariables: KupThemeCSSVariables;\n icons: KupThemeIcons;\n customStyles?: GenericObject;\n imports?: string[];\n}\n/\n All CSS variables managed by KupTheme.\n /\nexport interface KupThemeCSSVariables {\n [KupThemeColorValues.PRIMARY]: string;\n [KupThemeColorValues.SECONDARY]: string;\n [KupThemeColorValues.BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR]: string;\n [KupThemeColorValues.DRAWER]: string;\n [KupThemeColorValues.DRAWER_BACKGROUND]: string;\n '--kup-navbar-height': string;\n '--kup-drawer-width': string;\n '--kup-font-family': string;\n '--kup-font-size': string;\n [KupThemeColorValues.TEXT]: string;\n [KupThemeColorValues.TEXT_ON_PRIMARY]: string;\n [KupThemeColorValues.DISABLED_BACKGROUND]: string;\n [KupThemeColorValues.DISABLED]: string;\n [KupThemeColorValues.HOVER_BACKGROUND]: string;\n [KupThemeColorValues.HOVER]: string;\n [KupThemeColorValues.TITLE_BACKGROUND]: string;\n [KupThemeColorValues.TITLE]: string;\n [KupThemeColorValues.ICON]: string;\n [KupThemeColorValues.BORDER]: string;\n '--kup-box-shadow': string;\n [KupThemeColorValues.INFO]: string;\n [KupThemeColorValues.SUCCESS]: string;\n [KupThemeColorValues.WARNING]: string;\n [KupThemeColorValues.DANGER]: string;\n [KupThemeColorValues.SPINNER]: string;\n [KupThemeColorValues.CHART_1]: string;\n [KupThemeColorValues.CHART_2]: string;\n [KupThemeColorValues.CHART_3]: string;\n [KupThemeColorValues.CHART_4]: string;\n '--kup-font-family-monospace': string;\n '--kup-obj-cursor': string;\n [KupThemeColorValues.TEXT_ON_SECONDARY]: string;\n '--kup-card-zindex': number;\n '--kup-drawer-zindex': number;\n '--kup-navbar-zindex': number;\n}\n/\n All icons managed by KupTheme.\n /\nexport interface KupThemeIcons {\n [KupThemeIconValues.ASCENDING]: string;\n [KupThemeIconValues.CLEAR]: string;\n [KupThemeIconValues.COLLAPSED]: string;\n [KupThemeIconValues.DESCENDING]: string;\n [KupThemeIconValues.DROPDOWN]: string;\n [KupThemeIconValues.EXPANDED]: string;\n [KupThemeIconValues.FILTER_REMOVE]: string;\n}\n/\n Object returned by the colorCheck method, containing hex/rgb/hsl CSS colors and rgb/hsl values.\n /\nexport interface KupThemeColor {\n hexColor: string;\n hslColor: string;\n hslValues: string;\n hue: string;\n lightness: string;\n saturation: string;\n rgbColor: string;\n rgbValues: string;\n}\n/\n Interface of a color described by RGB colors.\n /\nexport interface KupThemeRGBValues {\n r: number;\n g: number;\n b: number;\n}\n/\n Interface of a color described by HSL colors.\n /\nexport interface KupThemeHSLValues {\n h: number;\n s: number;\n l: number;\n}\n/\n List of all colors.\n /\nexport enum KupThemeColorValues {\n PRIMARY = '--kup-primary-color',\n SECONDARY = '--kup-secondary-color',\n BACKGROUND = '--kup-background-color',\n NAV_BAR = '--kup-navbar-color',\n NAV_BAR_BACKGROUND = '--kup-navbar-background-color',\n DRAWER = '--kup-drawer-color',\n DRAWER_BACKGROUND = '--kup-drawer-background-color',\n TEXT = '--kup-text-color',\n TEXT_ON_PRIMARY = '--kup-text-on-primary-color',\n TEXT_ON_SECONDARY = '--kup-text-on-secondary-color',\n DISABLED_BACKGROUND = '--kup-disabled-background-color',\n DISABLED = '--kup-disabled-color',\n HOVER_BACKGROUND = '--kup-hover-background-color',\n HOVER = '--kup-hover-color',\n TITLE_BACKGROUND = '--kup-title-background-color',\n TITLE = '--kup-title-color',\n ICON = '--kup-text-secondary',\n BORDER = '--kup-border-subtle',\n INFO = '--kup-info-color-50',\n SUCCESS = '--kup-success-color-50',\n WARNING = '--kup-warning-color-50',\n DANGER = '--kup-danger-color-50',\n SPINNER = '--kup-spinner-color',\n CHART_1 = '--kup-chart-color-1',\n CHART_2 = '--kup-chart-color-2',\n CHART_3 = '--kup-chart-color-3',\n CHART_4 = '--kup-chart-color-4',\n}\n/\n List of all icons.\n */\nexport enum KupThemeIconValues {\n ASCENDING = '--kup-ascending-icon',\n CLEAR = '--kup-clear-icon',\n COLLAPSED = '--kup-collapsed-icon',\n DESCENDING = '--kup-descending-icon',\n DROPDOWN = '--kup-dropdown-icon',\n EXPANDED = '--kup-expanded-icon',\n FILTER_REMOVE = '--kup-filter-remove-icon',\n KEY = '--kup-key-icon',\n SEARCH = '--kup-search-icon',\n}\n"]}
1	+ {"version":3,"file":"kup-theme-declarations.js","sourceRoot":"","sources":["../../../src/managers/kup-theme/kup-theme-declarations.ts"],"names":[],"mappings":"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","sourcesContent":["import { GenericObject, KupTagNames } from '../../types/GenericTypes';\n\n/*\n Variable used to fetch the MASTER customStyle (used in every component).\n /\nexport const masterCustomStyle = 'MASTER';\n/\n Components using the FButton functional component.\n /\nexport const fButtonUsers = [\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.IMAGE_LIST,\n KupTagNames.SNACKBAR,\n];\n/\n Components using the FCell functional component.\n /\nexport const fCellUsers = [\n KupTagNames.BOX,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n];\n/\n Components using the FCheckbox functional component.\n /\nexport const fCheckboxUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FChip functional component.\n /\nexport const fChipUsers = [\n KupTagNames.BOX,\n KupTagNames.CALENDAR,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.TREE,\n];\n/\n Components using the FImage functional component.\n /\nexport const fImageUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.ACTIVITY_TIMELINE,\n KupTagNames.BADGE,\n KupTagNames.BOX,\n KupTagNames.BUTTON,\n KupTagNames.BUTTON_LIST,\n KupTagNames.CALENDAR,\n KupTagNames.CARD,\n KupTagNames.CELL,\n KupTagNames.CHIP,\n KupTagNames.CHECKBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DIALOG,\n KupTagNames.DROPDOWN_BUTTON,\n KupTagNames.FAMILY_TREE,\n KupTagNames.FORM,\n KupTagNames.IMAGE,\n KupTagNames.IMAGE_LIST,\n KupTagNames.INPUT_PANEL,\n KupTagNames.LIST,\n KupTagNames.MAGIC_BOX,\n KupTagNames.RADIO,\n KupTagNames.SNACKBAR,\n KupTagNames.TAB_BAR,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n KupTagNames.TREE,\n];\n/\n Components using the FPaginator functional component.\n /\nexport const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];\n/\n Components using the FProgressBar functional component.\n /\nexport const fProgressBarUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.PROGRESS_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the FRadio functional component.\n /\nexport const fRadioUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.RADIO,\n KupTagNames.TREE,\n];\n/\n Components using the FRating functional component.\n /\nexport const fRatingUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.RATING,\n KupTagNames.TREE,\n];\n/\n Components using the FSwitch functional component.\n /\nexport const fSwitchUsers = [\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.DATA_TABLE,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.SWITCH,\n KupTagNames.TREE,\n];\n\n/\n Components using the FSwitch functional component.\n /\nexport const fTypographyUsers = [\n KupTagNames.TYPOGRAPHY,\n KupTagNames.TYPOGRAPHY_LIST,\n];\n/\n Components using the FTextField functional component.\n /\nexport const fTextFieldUsers = [\n KupTagNames.AUTOCOMPLETE,\n KupTagNames.BOX,\n KupTagNames.CELL,\n KupTagNames.COLOR_PICKER,\n KupTagNames.COMBOBOX,\n KupTagNames.DASHBOARD,\n KupTagNames.DATA_TABLE,\n KupTagNames.DATE_PICKER,\n KupTagNames.FORM,\n KupTagNames.INPUT_PANEL,\n KupTagNames.NUMERIC_PICKER,\n KupTagNames.PLANNER,\n KupTagNames.TEXT_FIELD,\n KupTagNames.TIME_PICKER,\n KupTagNames.TREE,\n];\n/\n Components using the MDC ripple effect.\n /\nexport const rippleUsers = [\n KupTagNames.ACCORDION,\n KupTagNames.CARD,\n KupTagNames.IMAGE_LIST,\n KupTagNames.TAB_BAR,\n KupTagNames.TREE,\n];\n/\n Components using the Editor component.\n /\nexport const editorUsers = [KupTagNames.INPUT_PANEL];\n/\n Interface of the themes JSON.\n /\nexport interface KupThemeJSON {\n [index: string]: KupThemeElement;\n}\n/\n Interface wrapping all the others.\n /\nexport interface KupThemeElement {\n cssVariables: KupThemeCSSVariables;\n icons: KupThemeIcons;\n customStyles?: GenericObject;\n imports?: string[];\n}\n/\n All CSS variables managed by KupTheme.\n /\nexport interface KupThemeCSSVariables {\n [KupThemeColorValues.PRIMARY]: string;\n [KupThemeColorValues.SECONDARY]: string;\n [KupThemeColorValues.BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;\n [KupThemeColorValues.NAV_BAR]: string;\n [KupThemeColorValues.DRAWER]: string;\n [KupThemeColorValues.DRAWER_BACKGROUND]: string;\n '--kup-navbar-height': string;\n '--kup-drawer-width': string;\n '--kup-font-family': string;\n '--kup-font-size': string;\n [KupThemeColorValues.TEXT]: string;\n [KupThemeColorValues.TEXT_ON_PRIMARY]: string;\n [KupThemeColorValues.DISABLED_BACKGROUND]: string;\n [KupThemeColorValues.DISABLED]: string;\n [KupThemeColorValues.HOVER_BACKGROUND]: string;\n [KupThemeColorValues.HOVER]: string;\n [KupThemeColorValues.TITLE_BACKGROUND]: string;\n [KupThemeColorValues.TITLE]: string;\n [KupThemeColorValues.ICON]: string;\n [KupThemeColorValues.BORDER]: string;\n '--kup-box-shadow': string;\n [KupThemeColorValues.INFO]: string;\n [KupThemeColorValues.SUCCESS]: string;\n [KupThemeColorValues.WARNING]: string;\n [KupThemeColorValues.DANGER]: string;\n [KupThemeColorValues.SPINNER]: string;\n [KupThemeColorValues.CHART_1]: string;\n [KupThemeColorValues.CHART_2]: string;\n [KupThemeColorValues.CHART_3]: string;\n [KupThemeColorValues.CHART_4]: string;\n '--kup-font-family-monospace': string;\n '--kup-obj-cursor': string;\n [KupThemeColorValues.TEXT_ON_SECONDARY]: string;\n '--kup-card-zindex': number;\n '--kup-drawer-zindex': number;\n '--kup-navbar-zindex': number;\n}\n/\n All icons managed by KupTheme.\n /\nexport interface KupThemeIcons {\n [KupThemeIconValues.ASCENDING]: string;\n [KupThemeIconValues.CLEAR]: string;\n [KupThemeIconValues.COLLAPSED]: string;\n [KupThemeIconValues.DESCENDING]: string;\n [KupThemeIconValues.DROPDOWN]: string;\n [KupThemeIconValues.EXPANDED]: string;\n [KupThemeIconValues.FILTER_REMOVE]: string;\n}\n/\n Object returned by the colorCheck method, containing hex/rgb/hsl CSS colors and rgb/hsl values.\n /\nexport interface KupThemeColor {\n hexColor: string;\n hslColor: string;\n hslValues: string;\n hue: string;\n lightness: string;\n saturation: string;\n rgbColor: string;\n rgbValues: string;\n}\n/\n Interface of a color described by RGB colors.\n /\nexport interface KupThemeRGBValues {\n r: number;\n g: number;\n b: number;\n}\n/\n Interface of a color described by HSL colors.\n /\nexport interface KupThemeHSLValues {\n h: number;\n s: number;\n l: number;\n}\n/\n List of all colors.\n /\nexport enum KupThemeColorValues {\n PRIMARY = '--kup-primary-color',\n SECONDARY = '--kup-secondary-color',\n BACKGROUND = '--kup-background-color',\n NAV_BAR = '--kup-navbar-color',\n NAV_BAR_BACKGROUND = '--kup-navbar-background-color',\n DRAWER = '--kup-drawer-color',\n DRAWER_BACKGROUND = '--kup-drawer-background-color',\n TEXT = '--kup-text-color',\n TEXT_ON_PRIMARY = '--kup-text-on-primary-color',\n TEXT_ON_SECONDARY = '--kup-text-on-secondary-color',\n DISABLED_BACKGROUND = '--kup-disabled-background-color',\n DISABLED = '--kup-disabled-color',\n HOVER_BACKGROUND = '--kup-hover-background-color',\n HOVER = '--kup-hover-color',\n TITLE_BACKGROUND = '--kup-title-background-color',\n TITLE = '--kup-title-color',\n ICON = '--kup-text-secondary',\n BORDER = '--kup-border-subtle',\n INFO = '--kup-info-color-50',\n SUCCESS = '--kup-success-color-50',\n WARNING = '--kup-warning-color-50',\n DANGER = '--kup-danger-color-50',\n SPINNER = '--kup-spinner-color',\n CHART_1 = '--kup-chart-color-1',\n CHART_2 = '--kup-chart-color-2',\n CHART_3 = '--kup-chart-color-3',\n CHART_4 = '--kup-chart-color-4',\n}\n/\n List of all icons.\n */\nexport enum KupThemeIconValues {\n ASCENDING = '--kup-ascending-icon',\n CLEAR = '--kup-clear-icon',\n COLLAPSED = '--kup-collapsed-icon',\n DESCENDING = '--kup-descending-icon',\n DROPDOWN = '--kup-dropdown-icon',\n EXPANDED = '--kup-expanded-icon',\n FILTER_REMOVE = '--kup-filter-remove-icon',\n KEY = '--kup-key-icon',\n SEARCH = '--kup-search-icon',\n}\n"]}

package/dist/components/kup-autocomplete2.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h, getAssetPath, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, forceUpdate, Host } from '@stencil/core/internal/client';
+import { h, getAssetPath, Fragment, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, forceUpdate, Host } from '@stencil/core/internal/client';
 import { c as KupThemeIconValues, d as KupLanguageGeneric, e as editableTypes, f as kupTypes, b as KupThemeColorValues, F as FCellTypes, h as KupTagNames, i as FCellShapes, j as fullWidthFieldsComps, l as FCellClasses, m as autoCenterComps, n as getCellValueForDisplay, o as FCellEvents, p as KupDebugCategory, q as FCellPadding, k as kupManagerInstance, r as fillString, t as KupCardBuiltInClockElements, u as KupCardCSSClasses, v as KupLanguageTotals, w as KupLanguageColumn, x as KupDataNewColumnTypes, y as KupCardSubEvents, z as KupCardIds, A as KupLanguageRow, B as getColumnByName, C as KupObjects, D as formatToNumber, E as Filters, G as FilterInterval, H as getValueForDisplay, I as getValueForDisplay2, J as KupData, L as compareCell, T as TotalMode, M as CMBandACPAdapter, R as RADAdapter, N as CHKAdapter, O as CHIAdapter, S as SWTAdapter, P as SortMode, Q as GroupLabelDisplayMode, U as SelectionMode, V as KupDynamicPositionPlacement, W as KupLanguageGrouping, X as KupLanguageCheckbox, Y as KupLanguageSearch, Z as KupLanguagePage, a as KupComponentSizing, _ as addColumnValueFromRow, $ as KupGlobalFilterMode, g as getProps, s as setProps, a0 as TotalLabel, a1 as KupPointerEventTypes, a2 as kupDynamicPositionAttribute, a3 as KupCardFamily, a4 as identify, a5 as LoadMoreMode, a6 as PaginatorPos, a7 as ShowGrid, a8 as kupDraggableColumnAttr, a9 as kupDragActiveAttr, aa as KupDragEffect, ab as kupDraggableCellAttr, ac as KupDropEventTypes, ad as FixedCellsClasses, ae as FixedCellsCSSVarsBase, af as KupLanguageFontsize, ag as KupLanguageDensity, ah as KupLanguageGrid, ai as KupDataTableProps, aj as DataTableAreasEnum, ak as iconColumn, al as keyColumn, am as fieldColumn, an as KupCardProps } from './kup-manager.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates.js';
@@ -4800,6 +4800,12 @@ function createIconElement(props) {
     }
 }
+var FRadioType;
+(function (FRadioType) {
+    FRadioType["RADIO"] = "radio";
+    FRadioType["CHEVRON"] = "chevron";
+})(FRadioType || (FRadioType = {}));
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -4807,22 +4813,31 @@ 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 },
+                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" },
+                        : 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("div", { class: "radio__inner-circle" })))),
             h("label", { htmlFor: 'radio-element', onClick: props.onChange
                     ? props.onChange.bind(props.onChange, i)
                     : null }, data.label ? data.label : '')));
@@ -4832,7 +4847,7 @@ 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));
 };