@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/cjs/drag-and-drop-4787ff6f.js

@@ -1,281 +0,0 @@
-'use strict';
-
-/**
- * Props of the kup-data-table component.
- * Used to export every prop in an object.
- */
-exports.KupDataTableProps = void 0;
-(function (KupDataTableProps) {
-  KupDataTableProps["customStyle"] = "Custom style of the component.";
-  KupDataTableProps["data"] = "The data of the table.";
-  KupDataTableProps["density"] = "The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'.";
-  KupDataTableProps["dragEnabled"] = "Enables drag.";
-  KupDataTableProps["dropEnabled"] = "Enables drop.";
-  KupDataTableProps["editableData"] = "When set to true, editable cells will be rendered using input components.";
-  KupDataTableProps["emptyDataLabel"] = "Defines the label to show when the table is empty.";
-  KupDataTableProps["enableExtraColumns"] = "Enables adding extra columns.";
-  KupDataTableProps["enableSortableColumns"] = "Enables the sorting of columns by dragging them into different columns.";
-  KupDataTableProps["expandGroups"] = "Expands groups when set to true.";
-  KupDataTableProps["filters"] = "List of filters set by the user.";
-  KupDataTableProps["fixedColumns"] = "Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows.";
-  KupDataTableProps["fixedRows"] = "Fixes the given number of rows so that they stay visible when vertically scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedColumns.";
-  KupDataTableProps["forceOneLine"] = "Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling.";
-  KupDataTableProps["globalFilter"] = "When set to true it activates the global filter.";
-  KupDataTableProps["globalFilterValue"] = "The value of the global filter.";
-  KupDataTableProps["groupLabelDisplay"] = "How the label of a group must be displayed. For available values";
-  KupDataTableProps["groups"] = "The list of groups.";
-  KupDataTableProps["headerIsPersistent"] = "When set to true the header will stick on top of the table when scrolling.";
-  KupDataTableProps["isFocusable"] = "When set to true, clicked-on rows will have a visual feedback.";
-  KupDataTableProps["lazyLoadRows"] = "When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.";
-  KupDataTableProps["lineBreakCharacter"] = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.";
-  KupDataTableProps["loadMoreLimit"] = "Sets a maximum limit of new records which can be required by the load more functionality.";
-  KupDataTableProps["loadMoreMode"] = "Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.";
-  KupDataTableProps["loadMoreStep"] = "The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.";
-  KupDataTableProps["multiSelection"] = "When set to true enables rows multi selection.";
-  KupDataTableProps["pageSelected"] = "Current selected page set on component load";
-  KupDataTableProps["paginatorPos"] = "Sets the position of the paginator. Available positions: top, bottom or both.";
-  KupDataTableProps["removableColumns"] = "Sets the possibility to remove the selected column.";
-  KupDataTableProps["rowActions"] = "Sets the actions of the rows.";
-  KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
-  KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
-  KupDataTableProps["selectRow"] = "Selects the row at the specified rendered rows prosition (base 1).";
-  KupDataTableProps["selectRowsById"] = "Semicolon separated rows id to select.";
-  KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
-  KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
-  KupDataTableProps["showFooter"] = "When set to true shows the footer.";
-  KupDataTableProps["showGrid"] = "Can be used to customize the grid view of the table.";
-  KupDataTableProps["showGroups"] = "When set to true enables the column grouping.";
-  KupDataTableProps["showHeader"] = "Enables rendering of the table header.";
-  KupDataTableProps["showLoadMore"] = "If set to true, displays the button to load more records.";
-  KupDataTableProps["showTooltipOnRightClick"] = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.";
-  KupDataTableProps["sort"] = "Defines the current sorting options.";
-  KupDataTableProps["stateId"] = "";
-  KupDataTableProps["store"] = "";
-  KupDataTableProps["sortableColumnsMutateData"] = "If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event";
-  KupDataTableProps["sortEnabled"] = "When set to true enables the sorting of the columns by clicking on the column header.";
-  KupDataTableProps["tableHeight"] = "Sets the height of the table.";
-  KupDataTableProps["tableWidth"] = "Sets the width of the table.";
-  KupDataTableProps["tooltipDetailTimeout"] = "Defines the timeout for tooltip detail";
-  KupDataTableProps["tooltipEnabled"] = "Enable show tooltip";
-  KupDataTableProps["totals"] = "Defines the current totals options.";
-})(exports.KupDataTableProps || (exports.KupDataTableProps = {}));
-exports.SortMode = void 0;
-(function (SortMode) {
-  SortMode["A"] = "A";
-  SortMode["D"] = "D";
-})(exports.SortMode || (exports.SortMode = {}));
-exports.TotalMode = void 0;
-(function (TotalMode) {
-  TotalMode["COUNT"] = "Count";
-  TotalMode["SUM"] = "Sum";
-  TotalMode["MIN"] = "Min";
-  TotalMode["MAX"] = "Max";
-  TotalMode["DISTINCT"] = "Distinct";
-  TotalMode["AVERAGE"] = "Average";
-  TotalMode["MATH"] = "MATH";
-})(exports.TotalMode || (exports.TotalMode = {}));
-exports.TotalLabel = void 0;
-(function (TotalLabel) {
-  TotalLabel["COUNT"] = "Count";
-  TotalLabel["SUM"] = "Sum";
-  TotalLabel["MIN"] = "Min";
-  TotalLabel["MAX"] = "Max";
-  TotalLabel["DISTINCT"] = "Distinct";
-  TotalLabel["AVERAGE"] = "Average";
-  TotalLabel["MATH"] = "Formula";
-  TotalLabel["CANC"] = "Cancel";
-  TotalLabel["CALC"] = "Calculate";
-})(exports.TotalLabel || (exports.TotalLabel = {}));
-exports.PaginatorPos = void 0;
-(function (PaginatorPos) {
-  PaginatorPos["TOP"] = "Top";
-  PaginatorPos["BOTTOM"] = "Bottom";
-  PaginatorPos["BOTH"] = "Both";
-})(exports.PaginatorPos || (exports.PaginatorPos = {}));
-exports.ShowGrid = void 0;
-(function (ShowGrid) {
-  ShowGrid["NONE"] = "None";
-  ShowGrid["ROW"] = "Row";
-  ShowGrid["COL"] = "Col";
-  ShowGrid["COMPLETE"] = "Complete";
-})(exports.ShowGrid || (exports.ShowGrid = {}));
-// export enum RowActionType {
-//     DEFAULT = 'Default',
-//     VARIABLE = 'Variable',
-// }
-//---- *NEXT functionality AKA load more ----
-exports.LoadMoreMode = void 0;
-(function (LoadMoreMode) {
-  LoadMoreMode["CONSTANT"] = "constant";
-  LoadMoreMode["CONSTANT_INCREMENT"] = "constant_increment";
-  LoadMoreMode["PROGRESSIVE_THRESHOLD"] = "progressive_threshold";
-})(exports.LoadMoreMode || (exports.LoadMoreMode = {}));
-//---- Sortable Columns Functionality ----
-const KupDataTableColumnDragType = 'text/kup-data-table-column-drag';
-const KupDataTableColumnDragRemoveType = 'text/kup-data-table-column-drag-remove';
-const KupDataTableColumnDragGroupType = 'text/kup-data-table-column-drag-group';
-const KupDataTableRowDragType = 'text/kup-data-table-row-drag';
-//---- Group label display functionality ----
-/**
- * The possible values the display property can have.
- * @enum
- * @property {string} BOTH - Shows both the column label and the value. This is the default.
- * @property {string} LABEL - Shows only the columns label.
- * @property {string} VALUE - Shows only the value.
- * @readonly
- */
-exports.GroupLabelDisplayMode = void 0;
-(function (GroupLabelDisplayMode) {
-  GroupLabelDisplayMode["BOTH"] = "Both";
-  GroupLabelDisplayMode["LABEL"] = "Label";
-  GroupLabelDisplayMode["VALUE"] = "Value";
-})(exports.GroupLabelDisplayMode || (exports.GroupLabelDisplayMode = {}));
-//---- Fixed rows and cells classes ----
-const FixedCellsClasses = {
-  columns: 'fixed-column',
-  rows: 'fixed-row',
-};
-const FixedCellsCSSVarsBase = {
-  columns: '--ddt_column-left-',
-  rows: '--ddt_row-top-',
-};
-const totalMenuOpenID = 'TOMEOPID';
-/**
- * Constants for mocked/premade columns created by data mutations.
- */
-const fieldColumn = 'Field';
-const iconColumn = 'Icon';
-const keyColumn = 'Key';
-exports.SelectionMode = void 0;
-(function (SelectionMode) {
-  SelectionMode["SINGLE"] = "single";
-  SelectionMode["MULTIPLE_CHECKBOX"] = "multiple-checkbox";
-  SelectionMode["MULTIPLE"] = "multiple";
-  SelectionMode["NONE"] = "none";
-})(exports.SelectionMode || (exports.SelectionMode = {}));
-
-// TODO: [feat-1]: if acceptedDataTypesFound must be passed to all drag event handler but the dragStart event.a
-// This could possibly simplify the analysis of the e.dataTransfer.types
-// TODO: PayloadStructure to implement or remove (implement the TypeScript type lika a generic)
-const dragDropPayloadHolder = {
-  // fields used only by the D&D wrapper
-  // [...]
-  // The holder of the payload data
-  dragPayload: undefined,
-};
-// payload getter
-function getDragDropPayload() {
-  return dragDropPayloadHolder.dragPayload;
-}
-// payload setter
-function setDragDropPayload(dragPayload) {
-  dragDropPayloadHolder.dragPayload = dragPayload;
-}
-// playload cleaner
-function _cleanDragDropPayload() {
-  dragDropPayloadHolder.dragPayload = undefined;
-}
-/**
- *
- */
-function setKetchupDraggable(handlers, data, image) {
-  const onDragStart = (e) => {
-    // clean the DragDropPlayload
-    _cleanDragDropPayload();
-    // Sets drag data, the type of drag action, and the image
-    Object.keys(data).forEach((key) => {
-      e.dataTransfer.setData(key, typeof data[key] === 'string'
-        ? data[key]
-        : JSON.stringify(data[key]));
-    });
-    // manage the dragImage
-    if (image) {
-      e.dataTransfer.setDragImage(image.img, image.offsetX, image.offsetY);
-    }
-    // Executes the given handler for custom behavior
-    handlers.onDragStart(e);
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory in order to launch the onDrop method
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replaced by the same methods in DropHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({ draggable: true, onDragStart }, (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), (onDragOver ? { onDragOver } : {})), (handlers.onDragEnd ? { onDragEnd: handlers.onDragEnd } : {}));
-}
-function setKetchupDroppable(handlers, acceptedDataTypes, dispatcherElement, targetElement) {
-  const onDrop = (e) => {
-    // Searches for accepted data types
-    const acceptedDataTypesFound = acceptedDataTypes.filter((dataType) => hasDragDataType(e, dataType));
-    // If not accepted data types have been found, we stop the drop operation
-    let processedDataType = '';
-    if (acceptedDataTypesFound.length >= 1 &&
-      !!(processedDataType = handlers.onDrop(e, acceptedDataTypesFound))) {
-      let sourceElement;
-      try {
-        sourceElement = JSON.parse(e.dataTransfer.getData('kup-drag-source-element'));
-      }
-      catch (error) {
-        console.log('Managed error during the kup-drop-source-element parsing', error);
-        sourceElement = e.dataTransfer.getData('kup-drag-source-element');
-      }
-      // dataType: identifier of Drag & Drop
-      // sourceElement: applicative dragged object
-      // targetElement: applicative dropped object
-      const ketchupDropEvent = new CustomEvent('kup-drop', {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          dataType: processedDataType,
-          sourceElement,
-          targetElement,
-        },
-      });
-      console.log('kup-drop event', ketchupDropEvent);
-      dispatcherElement.dispatchEvent(ketchupDropEvent);
-      // this is mandatory
-      e.preventDefault();
-    }
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replace the same methods in DragHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({}, (onDragOver ? { onDragOver } : {})), (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), { onDrop });
-}
-// utility that set the drag effect allowed
-function setDragEffectAllowed(e, effectAllowed = 'move') {
-  e.dataTransfer.effectAllowed = effectAllowed;
-}
-// utility that simply check the drag data type
-function hasDragDataType(e, dataType) {
-  return e.dataTransfer.types.indexOf(dataType) >= 0;
-}
-
-exports.FixedCellsCSSVarsBase = FixedCellsCSSVarsBase;
-exports.FixedCellsClasses = FixedCellsClasses;
-exports.KupDataTableColumnDragGroupType = KupDataTableColumnDragGroupType;
-exports.KupDataTableColumnDragRemoveType = KupDataTableColumnDragRemoveType;
-exports.KupDataTableColumnDragType = KupDataTableColumnDragType;
-exports.KupDataTableRowDragType = KupDataTableRowDragType;
-exports.fieldColumn = fieldColumn;
-exports.getDragDropPayload = getDragDropPayload;
-exports.iconColumn = iconColumn;
-exports.keyColumn = keyColumn;
-exports.setDragDropPayload = setDragDropPayload;
-exports.setDragEffectAllowed = setDragEffectAllowed;
-exports.setKetchupDraggable = setKetchupDraggable;
-exports.setKetchupDroppable = setKetchupDroppable;
-exports.totalMenuOpenID = totalMenuOpenID;

package/dist/cjs/f-chip-2d58c8f7.js

@@ -1,239 +0,0 @@
-'use strict';
-
-const index = require('./index-3c471303.js');
-const fButtonDeclarations = require('./f-button-declarations-76b4fb4c.js');
-const fImage = require('./f-image-5f4f29ca.js');
-const kupManager = require('./kup-manager-59ad8bdc.js');
-
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FButton = (props) => {
-  if (!props.styling) {
-    props.styling = fButtonDeclarations.FButtonStyling.RAISED;
-  }
-  if (!props.label && !props.icon) {
-    return;
-  }
-  const isIconButton = !!(props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON ||
-    (props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.RAISED &&
-      props.icon &&
-      (props.label === null || props.label === undefined)));
-  return (index.h("div", Object.assign({ class: `f-button--wrapper ${props.danger ? 'kup-danger' : ''} ${props.fullHeight ? 'kup-full-height' : ''} ${props.fullWidth ? 'kup-full-width' : ''} ${props.info ? 'kup-info' : ''} ${props.large ? 'kup-large' : ''} ${props.pulsating ? 'kup-pulsating' : ''}  ${props.shaped ? 'kup-shaped' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }), isIconButton ? renderIconButton(props) : renderButton(props)));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function renderButton(props) {
-  const isFlat = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLAT;
-  const isFloating = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.FLOATING;
-  const isIcon = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON;
-  const isOutlined = props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.OUTLINED;
-  const isRaised = !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;
-  const propsFImage = {
-    color: props.disabled
-      ? `var(--kup_button_disabled_color)`
-      : isOutlined || isFlat
-        ? `var(--kup_button_primary_color)`
-        : `var(--kup_button_text_on_primary_color)`,
-    resource: props.icon,
-    sizeX: isFloating ? '1.75em' : '1.475em',
-    sizeY: isFloating ? '1.75em' : '1.475em',
-    wrapperClass: 'button__icon kup-icon',
-  };
-  if (props.showSpinner)
-    propsFImage.wrapperClass += ' content--hidden';
-  const classObj = {
-    button: true,
-    'button--disabled': props.disabled ? true : false,
-    'button--floating': isFloating ? true : false,
-    'button--outlined': isOutlined ? true : false,
-    'button--raised': isRaised ? true : false,
-    'button--no-label': !props.label || props.label === ' ' ? true : false,
-    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-  };
-  const classLabelObj = {
-    button__label: true,
-    'content--hidden': props.showSpinner && !props.disabled ? true : false,
-  };
-  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" },
-    props.trailingIcon
-      ? [
-        index.h("span", { class: classLabelObj }, props.label),
-        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
-      ]
-      : [
-        props.icon ? index.h(fImage.FImage, Object.assign({}, propsFImage)) : undefined,
-        index.h("span", { class: classLabelObj }, props.label),
-      ],
-    props.showSpinner && !props.disabled ? (index.h("div", { class: "button__spinner-container" },
-      index.h("slot", { name: "spinner" }))) : undefined));
-}
-function renderIconButton(props) {
-  const propsFImage = {
-    color: props.disabled
-      ? `var(--kup_button_disabled_color)`
-      : `var(--kup_button_primary_color)`,
-    sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
-    sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',
-  };
-  const classObj = {
-    'icon-button': true,
-    'button--disabled': props.disabled ? true : false,
-    'icon-button--on': props.toggable && props.checked ? true : false,
-    toggable: props.toggable ? true : false,
-    'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-  };
-  const styleSpinnerContainer = {
-    '--kup_button_spinner_height': propsFImage.sizeY,
-    '--kup_button_spinner_width': propsFImage.sizeX,
-  };
-  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' },
-    !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" },
-      index.h("slot", { name: "spinner" }))) : undefined));
-}
-
-/**
- * Types of the f-chip component.
- * @enum {string}
- * @property {string} CHOICE - Only 1 chip may be selected at a time.
- * @property {string} FILTER - Multiple chips may be selected at a time.
- * @property {string} INPUT - Chips can be deleted by clicking on the rightmost icon.
- * @property {string} STANDARD - Standard chip set.
- */
-exports.FChipType = void 0;
-(function (FChipType) {
-  FChipType["CHOICE"] = "choice";
-  FChipType["FILTER"] = "filter";
-  FChipType["INPUT"] = "input";
-  FChipType["STANDARD"] = "standard";
-})(exports.FChipType || (exports.FChipType = {}));
-
-const dom = document.documentElement;
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FChip = (props) => {
-  if (!props.type) {
-    props.type = exports.FChipType.STANDARD;
-  }
-  const isChoice = props.type.toLowerCase() === exports.FChipType.CHOICE;
-  const isFilter = props.type.toLowerCase() === exports.FChipType.FILTER;
-  const isInput = props.type.toLowerCase() === exports.FChipType.INPUT;
-  const classObj = {
-    'chip-set': true,
-    'chip-set--choice': isChoice ? true : false,
-    'chip-set--filter': isFilter ? true : false,
-    'chip-set--input': isInput ? true : false,
-  };
-  return (index.h("div", Object.assign({ class: `f-chip--wrapper ${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: classObj, role: "grid" }, createChipList(props, isChoice, isFilter, isInput))));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function createChipList(props, isChoice, isFilter, isInput) {
-  const chipList = [];
-  let chipEl;
-  if (props.dataNew && props.dataNew.length > 0) {
-    props.data = treeNode2Data(props.dataNew);
-  }
-  for (let i = 0; i < props.data.length; i++) {
-    // could happen due to functions that change the data (such as transposition, etc)
-    if (!props.data[i]) {
-      continue;
-    }
-    let componentClass = 'chip';
-    let iconEl = [];
-    let iconClass = 'chip__icon chip__icon--leading';
-    if (isFilter || isChoice) {
-      if (props.data[i].checked) {
-        componentClass += ' chip--selected';
-        if (isFilter) {
-          iconClass += ' chip__icon--leading-hidden';
-        }
-      }
-    }
-    if (props.data[i].icon) {
-      const p = {
-        color: isChoice && props.data[i].checked
-          ? `var(${kupManager.KupThemeColorValues.PRIMARY})`
-          : `var(${kupManager.KupThemeColorValues.TEXT})`,
-        resource: props.data[i].icon,
-        sizeX: '18px',
-        sizeY: '18px',
-        wrapperClass: iconClass,
-      };
-      iconEl.push(index.h(fImage.FImage, Object.assign({}, p)));
-    }
-    if (isFilter) {
-      iconEl.push(index.h("span", { class: "chip__checkmark" },
-        index.h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" },
-          index.h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
-    }
-    chipEl = (index.h("div", { class: componentClass, "data-value": props.data[i].value, onClick: props.onClick && props.onClick[i] ? props.onClick[i] : null, role: "row" },
-      iconEl,
-      index.h("span", { role: "gridcell" },
-        index.h("span", { role: "button", tabindex: i, class: "chip__primary-action", 
-          // @ts-ignore
-          value: props.data[i].value, checked: props.data[i].checked, onBlur: props.onBlur && props.onBlur[i]
-            ? props.onBlur[i]
-            : null, onFocus: props.onFocus && props.onFocus[i]
-            ? props.onFocus[i]
-            : null },
-          index.h("span", { class: "chip__text" }, props.data[i].label))),
-      isInput ? (index.h("span", { role: "gridcell" },
-        index.h("span", { tabindex: "-1", class: `kup-icon chip__icon ${kupManager.KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
-            ? props.onIconClick[i]
-            : null }))) : undefined));
-    chipList.push(chipEl);
-  }
-  return chipList;
-}
-/**
- * This function converts TreeNode[] to FChipData[]. This is valid until FChipData is removed.
- *
- * @return {FChipData} Array of FChipData.
- */
-function treeNode2Data(dataNew) {
-  function children(TreeNode) {
-    for (let index = 0; index < TreeNode.children.length; index++) {
-      const node = TreeNode.children[index];
-      data.push({
-        icon: TreeNode.children[index].icon,
-        label: TreeNode.children[index].value,
-        obj: TreeNode.children[index].obj,
-        value: TreeNode.children[index].id,
-      });
-      if (node.children) {
-        children(node);
-      }
-    }
-  }
-  const data = [];
-  for (let index = 0; index < dataNew.length; index++) {
-    const node = dataNew[index];
-    data.push({
-      icon: node.icon,
-      label: node.value,
-      obj: node.obj,
-      value: node.id,
-    });
-    if (node.children) {
-      children(dataNew[index]);
-    }
-  }
-  dom.ketchup.debug.logMessage('f-chip', 'Chip data was deducted from a TreeNode[] structure (experimental feature).', kupManager.KupDebugCategory.WARNING);
-  return data;
-}
-
-exports.FButton = FButton;
-exports.FChip = FChip;

package/dist/cjs/kup-grid.cjs.entry.js

@@ -1,130 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3c471303.js');
-const kupManager = require('./kup-manager-59ad8bdc.js');
-const utils = require('./utils-2af73538.js');
-const GenericVariables = require('./GenericVariables-9cd88034.js');
-require('./kup-objects-59ea949c.js');
-
-/**
- * Props of the kup-grid component.
- * Used to export every prop in an object.
- */
-var KupGridProps;
-(function (KupGridProps) {
-  KupGridProps["columns"] = "The number of columns displayed by the grid, the default behavior is 12.";
-  KupGridProps["customStyle"] = "Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization";
-  KupGridProps["singleLine"] = "When set to true, forces the content on a single line.";
-})(KupGridProps || (KupGridProps = {}));
-
-const kupGridCss = ":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{display:flex;margin:0px;width:auto;box-sizing:border-box}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(8, minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(4, minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";
-
-let KupGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * The number of columns displayed by the grid, the default behavior is 12.
-     * @default 12
-     */
-    this.columns = 12;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * When set to true, forces the content on a single line.
-     * @default false
-     */
-    this.singleLine = false;
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManager.kupManagerInstance();
-  }
-  /*-------------------------------------------------*/
-  /*           P u b l i c   M e t h o d s           */
-  /*-------------------------------------------------*/
-  /**
-   * Used to retrieve component's props values.
-   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
-   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
-   */
-  async getProps(descriptions) {
-    return utils.getProps(this, KupGridProps, descriptions);
-  }
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    index.forceUpdate(this);
-  }
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  async setProps(props) {
-    utils.setProps(this, KupGridProps, props);
-  }
-  /*-------------------------------------------------*/
-  /*          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);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    const slots = this.rootElement.children;
-    if (!slots || slots.length === 0) {
-      this.kupManager.debug.logMessage(this, 'Missing slots, not rendering!', kupManager.KupDebugCategory.WARNING);
-      return;
-    }
-    const content = [];
-    for (let i = 0; i < slots.length; i++) {
-      let el = null;
-      if (this.singleLine) {
-        el = index.h("slot", { name: `${i}` });
-      }
-      else {
-        let span = 1;
-        if (slots[i]['span']) {
-          span = slots[i]['span'];
-        }
-        el = (index.h("div", { class: `layout-grid__cell layout-grid__cell--span-${span}` }, index.h("slot", { name: `${i}` })));
-      }
-      content.push(el);
-    }
-    const style = {
-      ['--kup_grid_columns']: this.columns,
-    };
-    const customStyle = this.kupManager.theme.setCustomStyle(this.rootElement);
-    return (index.h(index.Host, { style: style }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: this.singleLine ? 'flex-layout' : 'layout-grid' }, index.h("div", { class: this.singleLine
-        ? 'flex-layout__inner'
-        : 'layout-grid__inner' }, content)))));
-  }
-  disconnectedCallback() {
-    this.kupManager.theme.unregister(this);
-  }
-  get rootElement() { return index.getElement(this); }
-};
-KupGrid.style = kupGridCss;
-
-exports.kup_grid = KupGrid;