@sme.up/ketchup 6.0.0 → 6.2.0

package/dist/cjs/{cell-utils-a78d6fac.js → cell-utils-fe64a28c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const utils = require('./utils-6287d878.js');
-const kupManager = require('./kup-manager-7a941909.js');
+const utils = require('./utils-4b208b48.js');
+const kupManager = require('./kup-manager-02acbb37.js');
 
 const dom = document.documentElement;
 // -------------

package/dist/cjs/{f-button-ac179257.js → f-button-5b69d882.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-eb556444.js');
+const index = require('./index-06b131ea.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fImage = require('./f-image-89f25556.js');
+const fImage = require('./f-image-2a61ece2.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -60,7 +60,7 @@ function renderButton(props) {
   const styleSpinnerContainer = {
     '--kup_button_spinner_height': propsFImage.sizeY,
   };
-  return (index.h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, type: "button" },
+  return (index.h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title, type: "button" },
     props.trailingIcon
       ? [
         index.h("span", { class: classLabelObj }, props.label),
@@ -95,7 +95,7 @@ function renderIconButton(props) {
   const iconOff = props.iconOff
     ? props.iconOff
     : props.icon + '_border';
-  return (index.h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off' },
+  return (index.h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off', "aria-label": props.title },
     !props.showSpinner || props.disabled ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
     props.toggable && !props.showSpinner ? (index.h(fImage.FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
     props.showSpinner && !props.disabled ? (index.h("div", { class: "icon-button__spinner-container" },

package/dist/cjs/f-cell-3a740c48.js

@@ -0,0 +1,418 @@
+'use strict';
+
+const kupManager = require('./kup-manager-02acbb37.js');
+const index = require('./index-06b131ea.js');
+const cellUtils = require('./cell-utils-fe64a28c.js');
+const fCheckbox = require('./f-checkbox-57443ca3.js');
+const fTextField = require('./f-text-field-9ee20a67.js');
+const utils = require('./utils-4b208b48.js');
+const fImage = require('./f-image-2a61ece2.js');
+const fChip = require('./f-chip-02e83f82.js');
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FSwitch = (props) => {
+  return (index.h("div", Object.assign({ class: `f-switch ${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.dataSet, { id: props.id, title: props.title }),
+    index.h("div", { class: `form-field ${props.leadingLabel ? 'form-field--align-end' : ''}` },
+      index.h("div", { class: `switch ${props.checked ? 'switch--checked' : ''} ${props.disabled ? 'switch--disabled' : ''}` },
+        index.h("div", { class: "switch__track" }),
+        index.h("div", { class: "switch__thumb-underlay" },
+          index.h("div", { class: "switch__thumb" },
+            index.h("input", { type: "checkbox", class: "switch__native-control", role: "switch", checked: props.checked, disabled: props.disabled, value: props.checked ? 'on' : 'off', onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus })))),
+      index.h("label", { onClick: props.onChange }, props.label))));
+};
+
+const dom = document.documentElement;
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FCell = (props, children) => {
+  const cell = props.cell;
+  const column = props.column;
+  const row = props.row;
+  const shape = props.shape
+    ? props.shape
+    : cell.shape
+      ? cell.shape
+      : column.shape
+        ? column.shape
+        : null;
+  const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);
+  const isEditable = cell.isEditable && props.editable ? true : false;
+  const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
+  const cellType = dom.ketchup.data.cell.getType(cell, shape);
+  const subcomponentProps = Object.assign({}, cell.data);
+  let cssClasses = cell.cssClass
+    ? cell.cssClass
+    : column.cssClass
+      ? column.cssClass
+      : '';
+  const classObj = {
+    'f-cell': true,
+    [kupManager.FCellClasses.OBJ]: hasObj ? true : false,
+    [cellType + '-cell']: true,
+    [props.wrapperClass]: props.wrapperClass ? true : false,
+    [props.density]: props.density && cellType !== kupManager.FCellTypes.BAR ? true : false,
+    [cssClasses]: cssClasses ? true : false,
+  };
+  let content = valueToDisplay;
+  if (isEditable && kupManager.editableTypes.includes(cellType)) {
+    content = setEditableCell(cellType, classObj, cell, column, props);
+  }
+  else if (cell.data && kupManager.kupTypes.includes(cellType)) {
+    if (props.setSizes) {
+      setCellSizeKup(cellType, subcomponentProps, cell);
+    }
+    if (!props.renderKup) {
+      const lazyClass = 'cell-' + cellType + ' placeholder';
+      content = index.h("span", { class: lazyClass });
+    }
+    else {
+      content = setKupCell(cellType, classObj, subcomponentProps, cell, row, column, props);
+    }
+  }
+  else {
+    if (props.setSizes) {
+      setCellSize(cellType, subcomponentProps, cell, props);
+    }
+    content = setCell(cellType, subcomponentProps, content, classObj, cell, column, props);
+  }
+  let icon = null;
+  if (!isEditable && (column.icon || cell.icon) && content) {
+    const fProps = {
+      color: `rgba(var(${kupManager.KupThemeColorValues.TEXT}-rgb), 0.375)`,
+      resource: cell.icon ? cell.icon : column.icon,
+      sizeX: '1.25em',
+      sizeY: '1.25em',
+      wrapperClass: 'obj-icon',
+    };
+    icon = index.h(fImage.FImage, Object.assign({}, fProps));
+  }
+  let cellTitle = null;
+  if (dom.ketchup.debug.isDebug() && hasObj) {
+    cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
+  }
+  else if (cell.title != null && cell.title.trim() != '') {
+    cellTitle = cell.title;
+  }
+  let infoEl = null;
+  if (cell.info) {
+    const info = Object.assign({}, cell.info);
+    if (!info.color) {
+      info.color = `var(${kupManager.KupThemeColorValues.INFO})`;
+    }
+    if (!info.icon) {
+      info.icon = 'info';
+    }
+    const fProps = {
+      color: info.color,
+      resource: info.icon,
+      sizeX: '1.25em',
+      sizeY: '1.25em',
+      title: info.message ? info.message : '',
+      wrapperClass: 'cell-info',
+    };
+    infoEl = index.h(fImage.FImage, Object.assign({}, fProps));
+  }
+  return (index.h("div", { class: classObj, "kup-get-cell-props": () => {
+      return props;
+    }, style: cell.style },
+    index.h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle }, children && children.length > 0
+      ? children
+      : [props.indents, infoEl, icon, content])));
+};
+function setCellSize(cellType, subcomponentProps, cell, props) {
+  switch (cellType) {
+    case kupManager.FCellTypes.CHECKBOX:
+    case kupManager.FCellTypes.ICON:
+      if (!subcomponentProps.sizeX) {
+        subcomponentProps.sizeX = '18px';
+      }
+      if (!subcomponentProps.sizeY) {
+        subcomponentProps.sizeY = '18px';
+      }
+      if (cell.style) {
+        if (!cell.style.height) {
+          cell.style['minHeight'] = subcomponentProps.sizeY;
+        }
+      }
+      else {
+        cell.style = {
+          minHeight: subcomponentProps.sizeY,
+        };
+      }
+      break;
+    case kupManager.FCellTypes.IMAGE:
+      if (props.component.rootElement.tagName ===
+        kupManager.KupTagNames.BOX) {
+        if (!subcomponentProps.sizeY) {
+          subcomponentProps.sizeY = 'auto';
+        }
+        if (subcomponentProps.fit === undefined) {
+          subcomponentProps.fit = true;
+        }
+      }
+      else if (!subcomponentProps.sizeX) {
+        subcomponentProps.sizeX = 'auto';
+      }
+      if (!subcomponentProps.sizeY) {
+        subcomponentProps.sizeY = '64px';
+      }
+      break;
+  }
+}
+function setCellSizeKup(cellType, subcomponentProps, cell) {
+  switch (cellType) {
+    case kupManager.FCellTypes.BAR:
+      if (!subcomponentProps.sizeY) {
+        subcomponentProps.sizeY = '26px';
+      }
+      break;
+    case kupManager.FCellTypes.BUTTON:
+      let height = '';
+      if (subcomponentProps.label) {
+        height = '36px';
+      }
+      if (cell.style) {
+        if (!cell.style.height) {
+          cell.style['minHeight'] = height;
+        }
+      }
+      else {
+        cell.style = { minHeight: height };
+      }
+      break;
+    case kupManager.FCellTypes.CHART:
+      if (!subcomponentProps.sizeX) {
+        subcomponentProps.sizeX = '100%';
+      }
+      if (!subcomponentProps.sizeY) {
+        subcomponentProps.sizeY = '100%';
+      }
+      break;
+    case kupManager.FCellTypes.CHIP:
+      if (cell.style) {
+        if (!cell.style.height) {
+          cell.style['minHeight'] = '40px';
+        }
+      }
+      else {
+        cell.style = { minHeight: '40px' };
+      }
+      break;
+    case kupManager.FCellTypes.RADIO:
+      if (cell.style) {
+        if (!cell.style.height) {
+          cell.style['minHeight'] = '40px';
+        }
+      }
+      else {
+        cell.style = { minHeight: '40px' };
+      }
+      break;
+  }
+}
+function setEditableCell(cellType, classObj, cell, column, props) {
+  switch (cellType) {
+    case kupManager.FCellTypes.AUTOCOMPLETE:
+      return (index.h("kup-autocomplete", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
+    case kupManager.FCellTypes.CHECKBOX:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      return (index.h(fCheckbox.FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+    case kupManager.FCellTypes.COLOR_PICKER:
+      return (index.h("kup-color-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+    case kupManager.FCellTypes.COMBOBOX:
+      return (index.h("kup-combobox", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
+    case kupManager.FCellTypes.DATE:
+      return (index.h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
+    case kupManager.FCellTypes.RATING:
+      return (index.h("kup-rating", Object.assign({}, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+    case kupManager.FCellTypes.SWITCH:
+      return (index.h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE) })));
+    case kupManager.FCellTypes.TIME:
+      return (index.h("kup-time-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT) })));
+    case kupManager.FCellTypes.NUMBER:
+      classObj[kupManager.FCellClasses.C_RIGHT_ALIGNED] = true;
+    case kupManager.FCellTypes.STRING:
+      return (index.h(fTextField.FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: isFullWidth(props) ? true : false, inputType: cellType === kupManager.FCellTypes.NUMBER ? 'number' : null, value: cellType === kupManager.FCellTypes.NUMBER
+          ? utils.stringToNumber(cell.value).toString()
+          : cell.value, onChange: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.ICON_CLICK) })));
+  }
+}
+function setCell(cellType, subcomponentProps, content, classObj, cell, column, props) {
+  switch (cellType) {
+    case kupManager.FCellTypes.AUTOCOMPLETE:
+    case kupManager.FCellTypes.COMBOBOX:
+    case kupManager.FCellTypes.DATE:
+    case kupManager.FCellTypes.DATETIME:
+    case kupManager.FCellTypes.TIME:
+      if (content && content != '') {
+        const cellValue = cellUtils.getCellValueForDisplay(column, cell);
+        return index.h("div", { class: "f-cell__text" }, cellValue);
+      }
+      return content;
+    case kupManager.FCellTypes.CHECKBOX:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      return (index.h(fImage.FImage, { resource: subcomponentProps.checked
+          ? 'check_box'
+          : 'check_box_outline_blank', sizeX: "18px", sizeY: "18px" }));
+    case kupManager.FCellTypes.EDITOR:
+      return index.h("div", { innerHTML: cell.value });
+    case kupManager.FCellTypes.ICON:
+    case kupManager.FCellTypes.IMAGE:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      if (subcomponentProps.badgeData) {
+        classObj[kupManager.FCellClasses.C_PADDED] = true;
+      }
+      return index.h(fImage.FImage, Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.LINK:
+      return (index.h("a", { href: content, target: "_blank" }, cell.value));
+    case kupManager.FCellTypes.NUMBER:
+      if (content && content != '') {
+        const cellValueNumber = utils.stringToNumber(cell.value);
+        const cellValue = cellUtils.getCellValueForDisplay(column, cell);
+        if (cellValueNumber < 0) {
+          classObj[kupManager.FCellClasses.TEXT_DANGER] = true;
+        }
+        if (isAutoCentered(props)) {
+          classObj[kupManager.FCellClasses.C_RIGHT_ALIGNED] = true;
+        }
+        return index.h("div", { class: "f-cell__text" }, cellValue);
+      }
+      return index.h("div", { class: "f-cell__text" }, content);
+    case kupManager.FCellTypes.SWITCH:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      subcomponentProps['disabled'] = true;
+      return index.h(FSwitch, Object.assign({}, subcomponentProps));
+    default:
+      return index.h("div", { class: "f-cell__text" }, content);
+  }
+}
+function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, props) {
+  switch (cellType) {
+    case kupManager.FCellTypes.BAR:
+      if (!subcomponentProps.data) {
+        return index.h("kup-image", Object.assign({}, subcomponentProps));
+      }
+      else {
+        const barStyle = {
+          height: subcomponentProps.sizeY,
+          width: '100%',
+        };
+        return (index.h("div", { style: barStyle },
+          index.h(fImage.FImage, Object.assign({}, subcomponentProps))));
+      }
+    case kupManager.FCellTypes.BUTTON:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      return (index.h("kup-button", Object.assign({}, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.CLICK) })));
+    case kupManager.FCellTypes.BUTTON_LIST:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      subcomponentProps['data-storage'] = {
+        cell: cell,
+        row: row,
+        column: column,
+      };
+      return index.h("kup-button-list", Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.CHART:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      return index.h("kup-chart", Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.CHIP:
+      return index.h(fChip.FChip, Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.COLOR_PICKER:
+      return (index.h("kup-color-picker", Object.assign({}, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
+    case kupManager.FCellTypes.GAUGE:
+      return (index.h("kup-gauge", Object.assign({ value: utils.stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
+    case kupManager.FCellTypes.KNOB:
+    case kupManager.FCellTypes.PROGRESS_BAR:
+      return index.h("kup-progress-bar", Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.RADIO:
+      if (isAutoCentered(props)) {
+        classObj[kupManager.FCellClasses.C_CENTERED] = true;
+      }
+      subcomponentProps['disabled'] = row.readOnly;
+      return index.h("kup-radio", Object.assign({}, subcomponentProps));
+    case kupManager.FCellTypes.RATING:
+      return index.h("kup-rating", Object.assign({}, subcomponentProps, { disabled: true }));
+  }
+}
+function cellEvent(e, props, cellType, cellEventName) {
+  const cell = props.cell;
+  const column = props.column;
+  const comp = props.component;
+  const row = props.row;
+  const isInputEvent = !!(e.target.tagName === 'INPUT');
+  let value = isInputEvent
+    ? e.target.value
+    : e.detail.value;
+  if (cellEventName === kupManager.FCellEvents.UPDATE) {
+    switch (cellType) {
+      case kupManager.FCellTypes.AUTOCOMPLETE:
+      case kupManager.FCellTypes.COMBOBOX:
+      case kupManager.FCellTypes.DATE:
+      case kupManager.FCellTypes.TIME:
+        if (cell.data) {
+          cell.data['initialValue'] = value;
+        }
+        break;
+      case kupManager.FCellTypes.CHECKBOX:
+      case kupManager.FCellTypes.SWITCH:
+        value = value === 'on' ? '0' : '1';
+        if (cell.data) {
+          cell.data.checked =
+            value === '0' ? false : true;
+        }
+        break;
+    }
+    if (cell.obj) {
+      cell.obj.k = value.toString();
+    }
+    cell.value = value.toString();
+    cell.displayedValue = null;
+    cell.displayedValue = cellUtils.getCellValueForDisplay(column, cell);
+  }
+  if (comp && comp.rootElement) {
+    const cellEvent = new CustomEvent(cellEventName, {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+      detail: {
+        comp: comp,
+        id: comp.rootElement.id,
+        cell: cell,
+        column: column,
+        event: e,
+        row: row,
+        type: cellType,
+      },
+    });
+    comp.rootElement.dispatchEvent(cellEvent);
+    try {
+      comp.refresh();
+    }
+    catch (error) { }
+  }
+}
+function isAutoCentered(props) {
+  return kupManager.autoCenterComps.includes(props.component.rootElement.tagName);
+}
+function isFullWidth(props) {
+  return kupManager.fullWidthFieldsComps.includes(props.component.rootElement.tagName);
+}
+
+exports.FCell = FCell;
+exports.FSwitch = FSwitch;

package/dist/cjs/f-checkbox-57443ca3.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const index = require('./index-06b131ea.js');
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FCheckbox = (props) => {
+  const indeterminateAttr = {
+    'data-indeterminate': props.indeterminate ? true : false,
+  };
+  const classObj = {
+    checkbox: true,
+    'checkbox--checked': props.checked && !props.indeterminate ? true : false,
+    'checkbox--disabled': props.disabled ? true : false,
+    'checkbox--indeterminate': props.indeterminate ? true : false,
+  };
+  return (index.h("div", Object.assign({ class: `f-checkbox ${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.dataSet, { id: props.id, title: props.title }),
+    index.h("div", { class: `form-field ${props.leadingLabel ? 'form-field--align-end' : ''}` },
+      index.h("div", { class: classObj },
+        index.h("input", Object.assign({ type: "checkbox", class: "checkbox__native-control", checked: props.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange, onFocus: props.onFocus }, indeterminateAttr, { value: props.checked ? 'on' : 'off' })),
+        index.h("div", { class: "checkbox__background", onClick: props.onChange },
+          index.h("svg", { class: "checkbox__checkmark", viewBox: "0 0 24 24" },
+            index.h("path", { class: "checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })),
+          index.h("div", { class: "checkbox__mixedmark" }))),
+      props.label ? index.h("label", null, props.label) : undefined)));
+};
+
+exports.FCheckbox = FCheckbox;

package/dist/cjs/{f-chip-b00897d7.js → f-chip-02e83f82.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-eb556444.js');
-const fImage = require('./f-image-89f25556.js');
-const kupManager = require('./kup-manager-7a941909.js');
+const index = require('./index-06b131ea.js');
+const fImage = require('./f-image-2a61ece2.js');
+const kupManager = require('./kup-manager-02acbb37.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-image-89f25556.js → f-image-2a61ece2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-eb556444.js');
-const kupManager = require('./kup-manager-7a941909.js');
+const index = require('./index-06b131ea.js');
+const kupManager = require('./kup-manager-02acbb37.js');
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/cjs/{f-paginator-utils-8fa501b3.js → f-paginator-utils-09126bdd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const kupManager = require('./kup-manager-7a941909.js');
-const utils = require('./utils-6287d878.js');
-const cellUtils = require('./cell-utils-a78d6fac.js');
-const index = require('./index-eb556444.js');
-const fButton = require('./f-button-ac179257.js');
+const kupManager = require('./kup-manager-02acbb37.js');
+const utils = require('./utils-4b208b48.js');
+const cellUtils = require('./cell-utils-fe64a28c.js');
+const index = require('./index-06b131ea.js');
+const fButton = require('./f-button-5b69d882.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
 
 /**

package/dist/cjs/{f-text-field-e1e45ade.js → f-text-field-9ee20a67.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-eb556444.js');
-const kupManager = require('./kup-manager-7a941909.js');
+const index = require('./index-06b131ea.js');
+const kupManager = require('./kup-manager-02acbb37.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -58,7 +58,7 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (index.h("span", { class: "mdc-text-field__resizer" },
-      index.h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (index.h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+      index.h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (index.h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
     props.isClearable ? (index.h("span", { class: `mdc-text-field__icon kup-icon ${kupManager.KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,

package/dist/cjs/{index-eb556444.js → index-06b131ea.js}

@@ -111,7 +111,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
 };
 const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
     let scopeId = getScopeId(cmpMeta);
-    let style = styles.get(scopeId);
+    const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
     styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -197,7 +197,7 @@ const h = (nodeName, vnodeData, ...children) => {
     let key = null;
     let simple = false;
     let lastSimple = false;
-    let vNodeChildren = [];
+    const vNodeChildren = [];
     const walk = (c) => {
         for (let i = 0; i < c.length; i++) {
             child = c[i];
@@ -397,7 +397,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
                 try {
                     if (!elm.tagName.includes('-')) {
-                        let n = newValue == null ? '' : newValue;
+                        const n = newValue == null ? '' : newValue;
                         // Workaround for Safari, moving the <input> caret when re-assigning the same valued
                         if (memberName === 'list') {
                             isProp = false;
@@ -474,7 +474,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
 };
 const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     // tslint:disable-next-line: prefer-const
-    let newVNode = newParentVNode.$children$[childIndex];
+    const newVNode = newParentVNode.$children$[childIndex];
     let i = 0;
     let elm;
     let childNode;
@@ -1418,7 +1418,9 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
+    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+    /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */