@sme.up/ketchup 9.0.0 → 9.2.0

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/index.js

@@ -0,0 +1,5 @@
+import { KupManager } from "./managers/kup-manager/kup-manager";
+/** used for obtain a KupManager instance without a dom document (for UT)  */
+export function newKupManager(init) {
+  return new KupManager(init);
+}

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-math/kup-math-helper.js

@@ -22,7 +22,7 @@ export function customFormula(formula, row) {
     return result;
   }
   catch (e) {
-    dom.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
+    dom.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.WARNING);
     return NaN;
   }
 }

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/collection/utils/utils.js

@@ -1,4 +1,3 @@
-import { KupManager } from "../managers/kup-manager/kup-manager";
 export function identify(array) {
   if (array) {
     for (let i = 0; i < array.length; i++) {
@@ -78,7 +77,3 @@ export function getRegExpFromString(s, flags) {
 function escapeRegExp(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 }
-export function getNewKupManager() {
-  const kupManager = new KupManager();
-  return kupManager;
-}

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,9 @@
-export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+import { K as KupManager } from './kup-manager.js';
+
+/** used for obtain a KupManager instance without a dom document (for UT)  */
+function newKupManager(init) {
+  return new KupManager(init);
+}
+
+export { newKupManager };

package/dist/components/kup-accordion.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, M as MDCRipple, g as getProps, s as setProps, F as FImage, K as KupThemeColorValues, a as KupThemeIconValues, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, a as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-accordion component.
@@ -212,6 +213,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") {

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { H as KupAutocomplete$1, G as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { K as KupAutocomplete$1, B as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;