@sme.up/ketchup 9.0.0 → 9.1.0

package/dist/collection/components/kup-radio/kup-radio.js

@@ -3,6 +3,7 @@ import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
 import { KupRadioProps, } from "./kup-radio-declarations";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
+import { FRadio } from "../../f-components/f-radio/f-radio";
 export class KupRadio {
   constructor() {
     /*-------------------------------------------------*/
@@ -41,6 +42,7 @@ export class KupRadio {
       id: this.rootElement.id,
       value: this.value,
     });
+    this.refresh();
   }
   onKupFocus() {
     this.kupFocus.emit({
@@ -92,28 +94,31 @@ export class KupRadio {
     if (!this.data || this.data.length === 0) {
       return;
     }
-    const hasColumns = !!this.columns;
-    const radioList = [];
-    for (let i = 0; i < this.data.length; i++) {
-      const data = this.data[i];
-      const classObj = {
-        radio: true,
-        'radio--checked': data.checked ? true : false,
-        'radio--disabled': this.disabled ? true : false,
-      };
-      const radioEl = (h("div", { class: `form-field ${this.leadingLabel ? ' form-field--align-end' : ''}` }, h("div", { class: classObj }, h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: this.disabled, onBlur: () => this.onKupBlur(), onChange: () => this.onKupChange(i), onFocus: () => this.onKupFocus() }), h("div", { class: "radio__background" }, h("div", { class: "radio__outer-circle" }), h("div", { class: "radio__inner-circle" }))), h("label", { htmlFor: 'radio-element', onClick: () => this.onKupChange(i) }, data.label ? data.label : '')));
-      radioList.push(radioEl);
-    }
-    const hostStyle = {
-      '--kup_radio_columns': hasColumns
-        ? `repeat(${this.columns}, 1fr)`
-        : '',
-    };
-    const classObj = {
-      'radio-wrapper': true,
-      'radio-wrapper--grid': hasColumns ? true : false,
+    const props = {
+      columns: this.columns,
+      danger: this.rootElement.classList.contains('kup-danger')
+        ? true
+        : false,
+      data: this.data,
+      disabled: this.disabled,
+      info: this.rootElement.classList.contains('kup-info')
+        ? true
+        : false,
+      leadingLabel: this.leadingLabel,
+      secondary: this.rootElement.classList.contains('kup-secondary')
+        ? true
+        : false,
+      success: this.rootElement.classList.contains('kup-success')
+        ? true
+        : false,
+      warning: this.rootElement.classList.contains('kup-warning')
+        ? true
+        : false,
+      onBlur: () => this.onKupBlur(),
+      onChange: (i) => this.onKupChange(i),
+      onFocus: () => this.onKupFocus(),
     };
-    return (h(Host, { style: hostStyle }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: classObj }, radioList))));
+    return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FRadio, Object.assign({}, props)))));
   }
   disconnectedCallback() {
     this.kupManager.theme.unregister(this);
@@ -181,13 +186,13 @@ export class KupRadio {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "KupRadioData[]",
-          "resolved": "KupRadioData[]",
+          "original": "FRadioData[]",
+          "resolved": "FRadioData[]",
           "references": {
-            "KupRadioData": {
+            "FRadioData": {
               "location": "import",
-              "path": "./kup-radio-declarations",
-              "id": "src/components/kup-radio/kup-radio-declarations.ts::KupRadioData"
+              "path": "../../f-components/f-radio/f-radio-declarations",
+              "id": "src/f-components/f-radio/f-radio-declarations.ts::FRadioData"
             }
           }
         },

package/dist/collection/components/kup-rating/kup-rating.css

@@ -3,13 +3,5 @@
 * @prop --kup-rating-font-size: Sets font size of the component.
 */
 :host {
-  --kup_rating_color: var(--kup-rating-color, orange);
-  --kup_rating_font_size: var(--kup-rating-font-size, 30px);
   display: block;
-}
-
-.rating {
-  color: var(--kup_rating_color);
-  cursor: pointer;
-  font-size: var(--kup_rating_font_size);
 }

package/dist/collection/components/kup-rating/kup-rating.js

@@ -3,6 +3,7 @@ import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupRatingProps, } from "./kup-rating-declarations";
+import { FRating } from "../../f-components/f-rating/f-rating";
 export class KupRating {
   constructor() {
     /*-------------------------------------------------*/
@@ -12,30 +13,23 @@ export class KupRating {
      * Instance of the KupManager class.
      */
     this.kupManager = kupManagerInstance();
-    this.stars = [];
     this.customStyle = '';
     this.disabled = false;
     this.maxValue = 5;
     this.value = 0;
   }
-  onStarClick(newValue) {
+  onKupClick(newValue) {
     if (!this.disabled) {
       this.value = newValue;
-      this.buildStars(this.value);
-      this.kupRatingClick.emit({
+      this.kupClick.emit({
         comp: this,
         id: this.rootElement.id,
         value: this.value,
       });
+      this.refresh();
     }
   }
   /*-------------------------------------------------*/
-  /*                  W a t c h e r s                */
-  /*-------------------------------------------------*/
-  onValueChanged() {
-    this.buildStars(this.value);
-  }
-  /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
   /*-------------------------------------------------*/
   /**
@@ -60,37 +54,11 @@ export class KupRating {
     setProps(this, KupRatingProps, props);
   }
   /*-------------------------------------------------*/
-  /*           P r i v a t e   M e t h o d s         */
-  /*-------------------------------------------------*/
-  onMouseOver(newValue) {
-    if (!this.disabled) {
-      this.buildStars(newValue);
-    }
-  }
-  onMouseOut() {
-    if (!this.disabled) {
-      this.buildStars(this.value);
-    }
-  }
-  buildStars(numberOfStars) {
-    let stars = [];
-    for (let i = 1; i <= this.maxValue; i++) {
-      if (i <= numberOfStars) {
-        stars.push(h("span", { class: "rating", onMouseOver: () => this.onMouseOver(i), onMouseOut: () => this.onMouseOut(), onClick: () => this.onStarClick(i) }, "\u2605"));
-      }
-      else {
-        stars.push(h("span", { class: "rating", onMouseOver: () => this.onMouseOver(i), onMouseOut: () => this.onMouseOut(), onClick: () => this.onStarClick(i) }, "\u2606"));
-      }
-    }
-    this.stars = stars;
-  }
-  /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
   /*-------------------------------------------------*/
   componentWillLoad() {
     this.kupManager.debug.logLoad(this, false);
     this.kupManager.theme.register(this);
-    this.onValueChanged();
   }
   componentDidLoad() {
     this.kupManager.debug.logLoad(this, true);
@@ -102,7 +70,28 @@ export class KupRating {
     this.kupManager.debug.logRender(this, true);
   }
   render() {
-    return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", null, this.stars))));
+    const props = {
+      danger: this.rootElement.classList.contains('kup-danger')
+        ? true
+        : false,
+      disabled: this.disabled,
+      info: this.rootElement.classList.contains('kup-info')
+        ? true
+        : false,
+      maxValue: this.maxValue,
+      secondary: this.rootElement.classList.contains('kup-secondary')
+        ? true
+        : false,
+      success: this.rootElement.classList.contains('kup-success')
+        ? true
+        : false,
+      value: this.value,
+      warning: this.rootElement.classList.contains('kup-warning')
+        ? true
+        : false,
+      onClick: (i) => this.onKupClick(i),
+    };
+    return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FRating, Object.assign({}, props)))));
   }
   disconnectedCallback() {
     this.kupManager.theme.unregister(this);
@@ -210,14 +199,9 @@ export class KupRating {
       }
     };
   }
-  static get states() {
-    return {
-      "stars": {}
-    };
-  }
   static get events() {
     return [{
-        "method": "kupRatingClick",
+        "method": "kupClick",
         "name": "kup-rating-click",
         "bubbles": true,
         "cancelable": false,
@@ -326,13 +310,4 @@ export class KupRating {
     };
   }
   static get elementRef() { return "rootElement"; }
-  static get watchers() {
-    return [{
-        "propName": "value",
-        "methodName": "onValueChanged"
-      }, {
-        "propName": "maxValue",
-        "methodName": "onValueChanged"
-      }];
-  }
 }

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -86,6 +86,7 @@ export var FCellShapes;
   FCellShapes["EDITOR"] = "EDT";
   FCellShapes["GAUGE"] = "GAU";
   FCellShapes["IMAGE"] = "IMG";
+  FCellShapes["INPUT_CHECKBOX"] = "INC";
   FCellShapes["INPUT_FIELD"] = "INF";
   FCellShapes["KNOB"] = "KNB";
   FCellShapes["MULTI_AUTOCOMPLETE"] = "AML";

package/dist/collection/f-components/f-cell/f-cell.js

@@ -10,6 +10,10 @@ import { KupThemeColorValues } from "../../managers/kup-theme/kup-theme-declarat
 import { FSwitch } from "../f-switch/f-switch";
 import { FChipType } from "../f-chip/f-chip-declarations";
 import { ItemsDisplayMode } from "../../components/kup-list/kup-list-declarations";
+import { FButton } from "../f-button/f-button";
+import { FProgressBar } from "../f-progress-bar/f-progress-bar";
+import { FRadio } from "../f-radio/f-radio";
+import { FRating } from "../f-rating/f-rating";
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -207,7 +211,14 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      if (cell.shape === FCellShapes.INPUT_CHECKBOX) {
+        return (h("input", { checked: cell.value === 'on' || cell.value === '1'
+            ? true
+            : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox" }));
+      }
+      else {
+        return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      }
     case FCellTypes.CHIP:
       return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData))));
     case FCellTypes.COLOR_PICKER:
@@ -322,7 +333,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
+      return (h(FButton, Object.assign({}, subcomponentProps, { onClick: (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
@@ -348,15 +359,15 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
-      return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return subcomponentProps.customStyle ? (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps))) : (h(FProgressBar, Object.assign({}, subcomponentProps)));
     case FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return h(FRadio, Object.assign({}, subcomponentProps));
     case FCellTypes.RATING:
-      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
+      return h(FRating, Object.assign({}, subcomponentProps, { disabled: true }));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {
@@ -429,6 +440,9 @@ function getValueFromEventTaget(e, cellType) {
   let value = isInputEvent
     ? e.target.value
     : e.detail.value;
+  if (cellType === FCellTypes.CHECKBOX && isInputEvent) {
+    value = e.target.checked ? 'off' : 'on';
+  }
   if (cellType === FCellTypes.NUMBER && isInputEvent) {
     value = dom.ketchup.math.formattedStringToNumberString(value, '');
   }

package/dist/collection/f-components/f-progress-bar/f-progress-bar-declarations.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/f-components/f-progress-bar/f-progress-bar.js

@@ -0,0 +1,88 @@
+import { getAssetPath, h } from "@stencil/core";
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+export const FProgressBar = (props) => {
+  if (!props.centeredLabel && !props.centeredLabel !== false) {
+    props.centeredLabel = true;
+  }
+  let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${props.animated ? 'kup-animated' : ''} ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${props.slim ? 'kup-slim' : ''} ${props.striped ? 'kup-striped' : ''}   ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`;
+  let pieClass = 'pie';
+  let radialStyle = undefined;
+  if (props.isRadial) {
+    componentClass += ' pie-wrapper is-radial';
+  }
+  else {
+    componentClass += ' progress-bar';
+  }
+  let labelStyle = undefined;
+  const valueStyle = {
+    width: `${props.value}%`,
+  };
+  if (!props.centeredLabel) {
+    labelStyle = valueStyle;
+    if (props.value > 2) {
+      componentClass += ' text-color-on-primary';
+    }
+  }
+  else if (props.value > 49) {
+    componentClass += ' text-color-on-primary';
+  }
+  let label = null;
+  if (props.icon) {
+    label = createIconElement(props);
+  }
+  else {
+    if (!props.hideLabel) {
+      if (props.isRadial) {
+        if (props.label) {
+          label = h("span", { class: "label" }, props.label);
+        }
+        else {
+          label = (h("span", { class: "label" }, props.value, h("span", { class: "smaller" }, "%")));
+        }
+      }
+      else {
+        if (props.label) {
+          label = props.label;
+        }
+        else {
+          label = props.value + '%';
+        }
+      }
+    }
+  }
+  if (props.value > 0) {
+    pieClass += ' has-value';
+    if (props.value > 50) {
+      pieClass += ' is-more-than-half';
+    }
+    else {
+      pieClass += ' is-less-than-half';
+    }
+  }
+  if (props.isRadial) {
+    return (h("div", { class: componentClass }, label, h("div", { class: pieClass }, h("div", { style: radialStyle, class: "left-side half-circle" }), h("div", { class: "right-side half-circle" })), h("div", { class: "shadow" })));
+  }
+  else {
+    return (h("div", { class: componentClass }, h("div", { class: "progress-bar-percentage", style: valueStyle }, h("span", { style: labelStyle }, label))));
+  }
+};
+function createIconElement(props) {
+  if (!props.icon) {
+    return undefined;
+  }
+  if (props.icon.indexOf('.') > -1 ||
+    props.icon.indexOf('/') > -1 ||
+    props.icon.indexOf('\\') > -1) {
+    return (h("span", { class: "label kup-icon is-image" }, h("img", { src: props.icon })));
+  }
+  else {
+    let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
+    let iconStyle = {
+      mask: svg,
+      webkitMask: svg,
+    };
+    return h("span", { style: iconStyle, class: "label kup-icon" });
+  }
+}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,28 @@
+import { h } from "@stencil/core";
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+export const FRadio = (props) => {
+  var _a;
+  const hasColumns = !!props.columns;
+  const radioList = [];
+  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,
+    };
+    radioList.push(h("div", { class: `form-field ${props.leadingLabel ? ' form-field--align-end' : ''}` }, 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.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
+        ? props.onChange.bind(props.onChange, i)
+        : null }, data.label ? data.label : '')));
+  }
+  const styleObj = {
+    '--kup_radio_columns': hasColumns
+      ? `repeat(${props.columns}, 1fr)`
+      : '',
+  };
+  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 : ''}`, style: styleObj }, radioList));
+};

package/dist/collection/f-components/f-rating/f-rating-declarations.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/f-components/f-rating/f-rating.js

@@ -0,0 +1,26 @@
+import { h } from "@stencil/core";
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+export const FRating = (props) => {
+  if (!props.maxValue) {
+    props.maxValue = 5;
+  }
+  return (h("div", { class: `f-rating ${props.disabled ? 'disabled' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, buildStars(props)));
+};
+function buildStars(props) {
+  const stars = [];
+  for (let i = 1; i <= props.maxValue; i++) {
+    if (i <= props.value) {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2605"));
+    }
+    else {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2606"));
+    }
+  }
+  return stars;
+}

package/dist/collection/f-components/f-text-field/f-text-field.js

@@ -52,7 +52,8 @@ function setContent(props) {
   let value = props.value;
   let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
   let persManageForNumberFormat = false;
-  if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
+  if (props.inputType === 'number' &&
+    ((props.decimals && props.decimals > 0) || props.group)) {
     inputType = 'text';
     persManageForNumberFormat = true;
   }
@@ -90,7 +91,40 @@ function setContent(props) {
           group: props.group,
           integer: props.integers,
         };
-        e.target.value = formatValue(e.target.value, options, true);
+        if (props.min !== undefined &&
+          props.min !== null &&
+          props.min >
+            parseFloat(e.target.value)) {
+          e.target.value =
+            formatValue(props.min.toString(), options, true);
+        }
+        else if (props.max !== undefined &&
+          props.max !== null &&
+          props.max <
+            parseFloat(e.target.value)) {
+          e.target.value =
+            formatValue(props.max.toString(), options, true);
+        }
+        else {
+          e.target.value =
+            formatValue(e.target.value, options, true);
+        }
+      }
+      else {
+        if (props.min !== undefined &&
+          props.min !== null &&
+          props.min >
+            parseFloat(e.target.value)) {
+          e.target.value =
+            props.min.toString();
+        }
+        else if (props.max !== undefined &&
+          props.max !== null &&
+          props.max <
+            parseFloat(e.target.value)) {
+          e.target.value =
+            props.max.toString();
+        }
       }
       if (props.onChange) {
         props.onChange(e);

package/dist/collection/managers/kup-data/kup-data.js

@@ -50,6 +50,8 @@ export class KupData {
               return FCellTypes.GAUGE;
             case FCellShapes.IMAGE:
               return FCellTypes.IMAGE;
+            case FCellShapes.INPUT_CHECKBOX:
+              return FCellTypes.CHECKBOX;
             case FCellShapes.KNOB:
               return FCellTypes.KNOB;
             case FCellShapes.MULTI_AUTOCOMPLETE:

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

@@ -87,6 +87,39 @@ export const fImageUsers = [
  * Components using the FPaginator functional component.
  */
 export const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
+/**
+ * Components using the FProgressBar functional component.
+ */
+export const fProgressBarUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.PROGRESS_BAR,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FRadio functional component.
+ */
+export const fRadioUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.RADIO,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FRating functional component.
+ */
+export const fRatingUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.RATING,
+  KupTagNames.TREE,
+];
 /**
  * Components using the FSwitch functional component.
  */

package/dist/collection/managers/kup-theme/kup-theme.js

@@ -8,10 +8,13 @@ import * as fCheckboxCSS from "../../f-components/f-checkbox/f-checkbox.css";
 import * as fChipCSS from "../../f-components/f-chip/f-chip.css";
 import * as fImageCSS from "../../f-components/f-image/f-image.css";
 import * as fPaginatorCSS from "../../f-components/f-paginator/f-paginator.css";
+import * as fProgressBarCSS from "../../f-components/f-progress-bar/f-progress-bar.css";
+import * as fRadioCSS from "../../f-components/f-radio/f-radio.css";
+import * as fRatingCSS from "../../f-components/f-rating/f-rating.css";
 import * as fSwitchCSS from "../../f-components/f-switch/f-switch.css";
 import * as fTextFieldCSS from "../../f-components/f-text-field/f-text-field.css";
 import * as rippleCSS from "./mdc-ripple.css";
-import { fButtonUsers, fCellUsers, fCheckboxUsers, fChipUsers, fImageUsers, fPaginatorUsers, fSwitchUsers, fTextFieldUsers, masterCustomStyle, rippleUsers, } from "./kup-theme-declarations";
+import { fButtonUsers, fCellUsers, fCheckboxUsers, fChipUsers, fImageUsers, fPaginatorUsers, fProgressBarUsers, fRadioUsers, fRatingUsers, fSwitchUsers, fTextFieldUsers, masterCustomStyle, rippleUsers, } from "./kup-theme-declarations";
 import { KupDebugCategory } from "../kup-debug/kup-debug-declarations";
 const dom = document.documentElement;
 /**
@@ -219,6 +222,15 @@ export class KupTheme {
       if (fPaginatorUsers.includes(tagName)) {
         completeStyle += fPaginatorCSS['default'];
       }
+      if (fProgressBarUsers.includes(tagName)) {
+        completeStyle += fProgressBarCSS['default'];
+      }
+      if (fRadioUsers.includes(tagName)) {
+        completeStyle += fRadioCSS['default'];
+      }
+      if (fRatingUsers.includes(tagName)) {
+        completeStyle += fRatingCSS['default'];
+      }
       if (fSwitchUsers.includes(tagName)) {
         completeStyle += fSwitchCSS['default'];
       }

package/dist/collection/utils/cell-utils.js

@@ -105,13 +105,12 @@ export function compareValues(obj1, value1, obj2, value2, sortMode) {
     v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
   }
   else if (dom.ketchup.objects.isTime(obj1)) {
-    let manageSeconds = dom.ketchup.objects.isTimeWithSeconds(obj1);
-    v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, manageSeconds
-      ? KupDatesFormats.ISO_TIME
-      : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
-    v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, manageSeconds
-      ? KupDatesFormats.ISO_TIME
-      : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
+    // Previous code could not work because dayjs
+    // returns an invalid date when it tries to parse a time
+    // This solution is simpler and it works because the time format
+    // was assumed to be equals to HH:mm:ss or HH:mm
+    v1 = Number(s1.replace(/:/g, ''));
+    v2 = Number(s2.replace(/:/g, ''));
   }
   else if (dom.ketchup.objects.isTimestamp(obj1)) {
     v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));

package/dist/components/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",

package/dist/components/index.js

@@ -1 +1 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/kup-accordion.js

@@ -212,6 +212,8 @@ const KupAccordion$1 = /*@__PURE__*/ proxyCustomElement(class KupAccordion exten
     "refresh": [64],
     "setProps": [64],
     "toggleItem": [64]
+  }, undefined, {
+    "ripple": ["applyRipple"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {