@sme.up/ketchup 8.3.2 → 9.0.0

package/dist/ketchup/p-ecb9fe91.entry.js

@@ -0,0 +1 @@
+import{r as i,f as n,h as l,H as a,g as t}from"./p-2d42477d.js";import{k as e,g as r,s as d,c as s}from"./p-25de68e5.js";import{c as o}from"./p-635bb4b3.js";var p;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",i.singleLine="When set to true, forces the content on a single line."}(p||(p={}));const u=class{constructor(n){i(this,n),this.kupManager=e(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return r(this,p,i)}async refresh(){n(this)}async setProps(i){d(this,p,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",s.WARNING);const n=[];for(let a=0;a<i.length;a++){let t=null;if(this.singleLine)t=l("slot",{name:`${a}`});else{const n=i[a].span||i[a].getAttribute("span")||1;t=l("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},l("slot",{name:`${a}`}))}n.push(t)}const t={};return this.columns&&12!==this.columns&&(t["--kup_grid_columns"]=this.columns),l(a,{style:t},l("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),l("div",{id:o},l("div",{class:this.singleLine?"flex-layout":"layout-grid"},l("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return t(this)}};u.style=":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);display:block;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{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.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(var(--kup_grid_columns, 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(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{u as kup_grid}

package/dist/ketchup/{p-3879be61.js → p-f729449f.js}

@@ -1 +1 @@
-import{h as t,a as e}from"./p-b5deb573.js";import{b as s}from"./p-bd5ece4c.js";var i;!function(t){t.BAR="bar"}(i||(i={}));const a=a=>{let n,o;a.resource?a.resource.indexOf(".")>-1||a.resource.indexOf("/")>-1||a.resource.indexOf("\\")>-1?(o={"--kup_image_height":a.sizeY?a.sizeY:"auto","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){return t("img",{onLoad:e.onLoad,src:e.resource})}(a)):(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(i){const a={"f-image__icon":!0},n={background:i.color?i.color:`var(${s.ICON})`};if(i.resource.indexOf("--kup")>-1){let t=i.resource.replace("--","");a["kup-icon"]=!0,a[t]=!0}else{const t=e(`./assets/svg/${i.resource}.svg`);n.mask=`url('${t}') no-repeat center`,n.webkitMask=`url('${t}') no-repeat center`}return t("div",{class:a,style:n})}(a)):a.data&&(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){const s=[];let a=0;for(let n=0;n<e.length;n++){let o;e[n].shape||(e[n].shape=i.BAR),e[n].color||(e[n].color="transparent"),e[n].height||(e[n].height="100%"),e[n].width||(e[n].width="100%");const r="step-"+n,c="css-step bottom-aligned",l={backgroundColor:e[n].color,left:a+"%",height:e[n].height,width:e[n].width};a+=parseFloat(e[n].width),o=t("span",{id:r,class:c,style:l}),s.push(o)}return t("div",{class:"f-image__css"},s)}(a.data));const r=[];if(a.badgeData)for(let e=0;e<a.badgeData.length;e++)r.push(t("kup-badge",Object.assign({},a.badgeData[e])));return t("div",Object.assign({class:`f-image ${a.wrapperClass?a.wrapperClass:""} ${a.fit?"kup-fit":""}`},a.dataSet,{id:a.id,style:o,title:a.title,onClick:a.onClick}),n,...r)};export{a as F}
+import{h as t,a as e}from"./p-2d42477d.js";import{b as s}from"./p-25de68e5.js";var i;!function(t){t.BAR="bar"}(i||(i={}));const a=a=>{let n,o;a.resource?a.resource.indexOf(".")>-1||a.resource.indexOf("/")>-1||a.resource.indexOf("\\")>-1?(o={"--kup_image_height":a.sizeY?a.sizeY:"auto","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){return t("img",{onLoad:e.onLoad,src:e.resource})}(a)):(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(i){const a={"f-image__icon":!0},n={background:i.color?i.color:`var(${s.ICON})`};if(i.resource.indexOf("--kup")>-1){let t=i.resource.replace("--","");a["kup-icon"]=!0,a[t]=!0}else{const t=e(`./assets/svg/${i.resource}.svg`);n.mask=`url('${t}') no-repeat center`,n.webkitMask=`url('${t}') no-repeat center`}return t("div",{class:a,style:n})}(a)):a.data&&(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){const s=[];let a=0;for(let n=0;n<e.length;n++){let o;e[n].shape||(e[n].shape=i.BAR),e[n].color||(e[n].color="transparent"),e[n].height||(e[n].height="100%"),e[n].width||(e[n].width="100%");const r="step-"+n,c="css-step bottom-aligned",l={backgroundColor:e[n].color,left:a+"%",height:e[n].height,width:e[n].width};a+=parseFloat(e[n].width),o=t("span",{id:r,class:c,style:l}),s.push(o)}return t("div",{class:"f-image__css"},s)}(a.data));const r=[];if(a.badgeData)for(let e=0;e<a.badgeData.length;e++)r.push(t("kup-badge",Object.assign({},a.badgeData[e])));return t("div",Object.assign({class:`f-image ${a.wrapperClass?a.wrapperClass:""} ${a.fit?"kup-fit":""}`},a.dataSet,{id:a.id,style:o,title:a.title,onClick:a.onClick}),n,...r)};export{a as F}

package/dist/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/dist/types/components/kup-calendar/kup-calendar-declarations.d.ts

@@ -7,7 +7,8 @@ import { KupEventPayload } from '../../types/GenericTypes';
 export declare enum KupCalendarProps {
   currentDate = "Sets the date of the calendar. Must be in ISO format (YYYY-MM-DD).",
   customStyle = "Custom style of the component.",
-  data = " Actual data of the calendar.",
+  data = "Actual data of the calendar.",
+  editableEvents = "When true, events are editable.",
   hideNavigation = "When disabled, the navigation toolbar won't be displayed.",
   viewType = "Type of the view."
 }
@@ -21,7 +22,7 @@ export declare enum KupCalendarViewTypes {
   WEEK = "timeGridWeek"
 }
 /**
- * Available view types.
+ * Available column options.
  */
 export declare enum KupCalendarOptions {
   DATE = "date",

package/dist/types/components/kup-calendar/kup-calendar.d.ts

@@ -3,7 +3,7 @@ import { GenericObject } from '../../types/GenericTypes';
 import { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from './kup-calendar-declarations';
 export declare class KupCalendar {
   /**
-   * References the root HTML element of the component (<kup-button>).
+   * References the root HTML element of the component (<kup-calendar>).
    */
   rootElement: HTMLElement;
   /**
@@ -27,6 +27,11 @@ export declare class KupCalendar {
    * @default false
    */
   hideNavigation: boolean;
+  /**
+   * When true, events are editable.
+   * @default true
+   */
+  editableEvents: boolean;
   /**
    * Type of the view.
    * @default KupCalendarViewTypes.MONTH

package/dist/types/components/kup-card/kup-card.d.ts

@@ -144,12 +144,12 @@ export declare class KupCard {
   registerListeners(): void;
   /**
    * This method is invoked by the layout manager when the layout family is scalable.
-   * The content of the card (.scalable-element) will be resized to fit the wrapper (.scalable-card).
-   * The scaling is performed by using a CSS variable (--kup_card_multiplier) which will impact the card's font-size.
+   * The content of the card (.scalable-element) will be resized to fit the wrapper (kup-card).
+   * The scaling is performed by using a CSS variable (--kup_card_scalable_multiplier) which will impact the card's font-size.
    * When there is empty space, the multiplier will be increased, as will the content.
    * Viceversa, when the content exceeds the boundaries, the multiplier will be decreased.
    */
-  scalable(): void;
+  scalable(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

package/dist/types/components/kup-card-list/kup-card-list-declarations.d.ts

@@ -0,0 +1,35 @@
+import { KupEventPayload } from '../../components';
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+/**
+ * Props of the kup-card-list component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupCardListProps {
+  columnsNumber = "Sets the number of columns.",
+  customStyle = "Custom style of the component.",
+  data = "Actual data of the component.",
+  fullWidth = "Sets whether the component occupies all available width.",
+  horizontal = "Sets whether the cards are placed horizontally or not.",
+  isClickable = "Sets whether a single card is clickable or not."
+}
+/**
+ * Available column options.
+ */
+export type KupCardListOptions = 'descr' | 'icon' | 'value' | 'measure' | 'intvalue' | 'decvalue' | 'textcolor' | 'valuecolor' | 'iconcolor' | 'layout';
+/**
+ * Card list column.
+ */
+export interface KupCardListColumn extends KupDataColumn {
+  cardListOption?: KupCardListOptions;
+}
+/**
+ * Dataset of the card list.
+ */
+export interface KupCardListData {
+  columns: KupCardListColumn[];
+  rows: KupDataRow[];
+}
+export interface KupCardListClickEventPayload extends KupEventPayload {
+  index: number;
+  row: KupDataRow;
+}

package/dist/types/components/kup-card-list/kup-card-list.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { KupCardListData, KupCardListClickEventPayload } from './kup-card-list-declarations';
+import { GenericObject } from '../../types/GenericTypes';
+export declare class KupCardList {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-card-list>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Sets the number of columns.
+   * @default 1
+   */
+  columnsNumber: number;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Actual data of the component.
+   * @default null
+   */
+  data: KupCardListData;
+  /**
+   * Sets whether the component occupies all available width.
+   * @default true
+   */
+  fullWidth: boolean;
+  /**
+   * Sets whether the cards are placed horizontally or not.
+   * @default false
+   */
+  horizontal: boolean;
+  /**
+   * Sets whether a single card is clickable or not.
+   * @default false
+   */
+  isClickable: boolean;
+  kupCardListClickEvent: EventEmitter<KupCardListClickEventPayload>;
+  /**
+   * 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.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components.d.ts

@@ -17,6 +17,7 @@ import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-d
 import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
 import { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
 import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
+import { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
 import { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
 import { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
@@ -64,6 +65,7 @@ export { KupButtonClickEventPayload } from "./components/kup-button/kup-button-d
 export { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations";
 export { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
 export { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
+export { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations";
 export { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 export { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
 export { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
@@ -549,6 +551,11 @@ export namespace Components {
           * @default null
          */
         "data": KupCalendarData;
+        /**
+          * When true, events are editable.
+          * @default true
+         */
+        "editableEvents": boolean;
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -641,6 +648,54 @@ export namespace Components {
          */
         "sizeY": string;
     }
+    interface KupCardList {
+        /**
+          * Sets the number of columns.
+          * @default 1
+         */
+        "columnsNumber": number;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Actual data of the component.
+          * @default null
+         */
+        "data": KupCardListData;
+        /**
+          * Sets whether the component occupies all available width.
+          * @default true
+         */
+        "fullWidth": boolean;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Sets whether the cards are placed horizontally or not.
+          * @default false
+         */
+        "horizontal": boolean;
+        /**
+          * Sets whether a single card is clickable or not.
+          * @default false
+         */
+        "isClickable": boolean;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupCell {
         /**
           * Adds the given CSS classes to the cell's data.
@@ -1024,36 +1079,6 @@ export namespace Components {
          */
         "showDropDownIcon": boolean;
     }
-    interface KupDash {
-        /**
-          * The component can be clicked.
-         */
-        "active": boolean;
-        /**
-          * Sets the font size of the component.
-         */
-        "fontsize": string;
-        /**
-          * No idea what this is about.
-         */
-        "index": number;
-        /**
-          * Sets the layout of the component.
-         */
-        "layout": string;
-    }
-    interface KupDashList {
-        "active": boolean;
-        "columnsNumber": number;
-        "data": KupDataDataset;
-        "fontsize": string;
-        "fullWidth": boolean;
-        "horizontal": boolean;
-        "iconColor": Array<any>;
-        "layout": string;
-        "textColor": Array<any>;
-        "valueColor": Array<any>;
-    }
     interface KupDashboard {
         /**
           * Custom style of the component.
@@ -3497,6 +3522,10 @@ export interface KupCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupCardElement;
 }
+export interface KupCardListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupCardListElement;
+}
 export interface KupChartCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupChartElement;
@@ -3517,14 +3546,6 @@ export interface KupComboboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupComboboxElement;
 }
-export interface KupDashCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLKupDashElement;
-}
-export interface KupDashListCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLKupDashListElement;
-}
 export interface KupDashboardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupDashboardElement;
@@ -3682,6 +3703,12 @@ declare global {
         prototype: HTMLKupCardElement;
         new (): HTMLKupCardElement;
     };
+    interface HTMLKupCardListElement extends Components.KupCardList, HTMLStencilElement {
+    }
+    var HTMLKupCardListElement: {
+        prototype: HTMLKupCardListElement;
+        new (): HTMLKupCardListElement;
+    };
     interface HTMLKupCellElement extends Components.KupCell, HTMLStencilElement {
     }
     var HTMLKupCellElement: {
@@ -3718,18 +3745,6 @@ declare global {
         prototype: HTMLKupComboboxElement;
         new (): HTMLKupComboboxElement;
     };
-    interface HTMLKupDashElement extends Components.KupDash, HTMLStencilElement {
-    }
-    var HTMLKupDashElement: {
-        prototype: HTMLKupDashElement;
-        new (): HTMLKupDashElement;
-    };
-    interface HTMLKupDashListElement extends Components.KupDashList, HTMLStencilElement {
-    }
-    var HTMLKupDashListElement: {
-        prototype: HTMLKupDashListElement;
-        new (): HTMLKupDashListElement;
-    };
     interface HTMLKupDashboardElement extends Components.KupDashboard, HTMLStencilElement {
     }
     var HTMLKupDashboardElement: {
@@ -3937,14 +3952,13 @@ declare global {
         "kup-button-list": HTMLKupButtonListElement;
         "kup-calendar": HTMLKupCalendarElement;
         "kup-card": HTMLKupCardElement;
+        "kup-card-list": HTMLKupCardListElement;
         "kup-cell": HTMLKupCellElement;
         "kup-chart": HTMLKupChartElement;
         "kup-checkbox": HTMLKupCheckboxElement;
         "kup-chip": HTMLKupChipElement;
         "kup-color-picker": HTMLKupColorPickerElement;
         "kup-combobox": HTMLKupComboboxElement;
-        "kup-dash": HTMLKupDashElement;
-        "kup-dash-list": HTMLKupDashListElement;
         "kup-dashboard": HTMLKupDashboardElement;
         "kup-data-table": HTMLKupDataTableElement;
         "kup-date-picker": HTMLKupDatePickerElement;
@@ -4366,6 +4380,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "data"?: KupCalendarData;
+        /**
+          * When true, events are editable.
+          * @default true
+         */
+        "editableEvents"?: boolean;
         /**
           * When disabled, the navigation toolbar won't be displayed.
           * @default false
@@ -4452,6 +4471,40 @@ declare namespace LocalJSX {
          */
         "sizeY"?: string;
     }
+    interface KupCardList {
+        /**
+          * Sets the number of columns.
+          * @default 1
+         */
+        "columnsNumber"?: number;
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Actual data of the component.
+          * @default null
+         */
+        "data"?: KupCardListData;
+        /**
+          * Sets whether the component occupies all available width.
+          * @default true
+         */
+        "fullWidth"?: boolean;
+        /**
+          * Sets whether the cards are placed horizontally or not.
+          * @default false
+         */
+        "horizontal"?: boolean;
+        /**
+          * Sets whether a single card is clickable or not.
+          * @default false
+         */
+        "isClickable"?: boolean;
+        "onKup-cardlist-click"?: (event: KupCardListCustomEvent<KupCardListClickEventPayload>) => void;
+    }
     interface KupCell {
         /**
           * Custom style of the component.
@@ -4747,42 +4800,6 @@ declare namespace LocalJSX {
          */
         "showDropDownIcon"?: boolean;
     }
-    interface KupDash {
-        /**
-          * The component can be clicked.
-         */
-        "active"?: boolean;
-        /**
-          * Sets the font size of the component.
-         */
-        "fontsize"?: string;
-        /**
-          * No idea what this is about.
-         */
-        "index"?: number;
-        /**
-          * Sets the layout of the component.
-         */
-        "layout"?: string;
-        "onKup-dash-click"?: (event: KupDashCustomEvent<{
-        id: number;
-    }>) => void;
-    }
-    interface KupDashList {
-        "active"?: boolean;
-        "columnsNumber"?: number;
-        "data"?: KupDataDataset;
-        "fontsize"?: string;
-        "fullWidth"?: boolean;
-        "horizontal"?: boolean;
-        "iconColor"?: Array<any>;
-        "layout"?: string;
-        "onKup-dash-click"?: (event: KupDashListCustomEvent<{
-        idx: number;
-    }>) => void;
-        "textColor"?: Array<any>;
-        "valueColor"?: Array<any>;
-    }
     interface KupDashboard {
         /**
           * Custom style of the component.
@@ -6759,14 +6776,13 @@ declare namespace LocalJSX {
         "kup-button-list": KupButtonList;
         "kup-calendar": KupCalendar;
         "kup-card": KupCard;
+        "kup-card-list": KupCardList;
         "kup-cell": KupCell;
         "kup-chart": KupChart;
         "kup-checkbox": KupCheckbox;
         "kup-chip": KupChip;
         "kup-color-picker": KupColorPicker;
         "kup-combobox": KupCombobox;
-        "kup-dash": KupDash;
-        "kup-dash-list": KupDashList;
         "kup-dashboard": KupDashboard;
         "kup-data-table": KupDataTable;
         "kup-date-picker": KupDatePicker;
@@ -6814,14 +6830,13 @@ declare module "@stencil/core" {
             "kup-button-list": LocalJSX.KupButtonList & JSXBase.HTMLAttributes<HTMLKupButtonListElement>;
             "kup-calendar": LocalJSX.KupCalendar & JSXBase.HTMLAttributes<HTMLKupCalendarElement>;
             "kup-card": LocalJSX.KupCard & JSXBase.HTMLAttributes<HTMLKupCardElement>;
+            "kup-card-list": LocalJSX.KupCardList & JSXBase.HTMLAttributes<HTMLKupCardListElement>;
             "kup-cell": LocalJSX.KupCell & JSXBase.HTMLAttributes<HTMLKupCellElement>;
             "kup-chart": LocalJSX.KupChart & JSXBase.HTMLAttributes<HTMLKupChartElement>;
             "kup-checkbox": LocalJSX.KupCheckbox & JSXBase.HTMLAttributes<HTMLKupCheckboxElement>;
             "kup-chip": LocalJSX.KupChip & JSXBase.HTMLAttributes<HTMLKupChipElement>;
             "kup-color-picker": LocalJSX.KupColorPicker & JSXBase.HTMLAttributes<HTMLKupColorPickerElement>;
             "kup-combobox": LocalJSX.KupCombobox & JSXBase.HTMLAttributes<HTMLKupComboboxElement>;
-            "kup-dash": LocalJSX.KupDash & JSXBase.HTMLAttributes<HTMLKupDashElement>;
-            "kup-dash-list": LocalJSX.KupDashList & JSXBase.HTMLAttributes<HTMLKupDashListElement>;
             "kup-dashboard": LocalJSX.KupDashboard & JSXBase.HTMLAttributes<HTMLKupDashboardElement>;
             "kup-data-table": LocalJSX.KupDataTable & JSXBase.HTMLAttributes<HTMLKupDataTableElement>;
             "kup-date-picker": LocalJSX.KupDatePicker & JSXBase.HTMLAttributes<HTMLKupDatePickerElement>;

package/dist/types/f-components/f-cell/f-cell-declarations.d.ts

@@ -108,6 +108,7 @@ export declare enum FCellShapes {
   EDITOR = "EDT",
   GAUGE = "GAU",
   IMAGE = "IMG",
+  INPUT_FIELD = "INF",
   KNOB = "KNB",
   MULTI_AUTOCOMPLETE = "AML",
   MULTI_COMBOBOX = "CML",

package/dist/types/managers/kup-math/kup-math.d.ts

@@ -129,7 +129,7 @@ export declare class KupMath {
    * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
    * @param {number} decimals number of significant decimal digits for output
    * @param {string} type - type of number for calculate suffix
-   * @param {string} decSeparator decimal separator for outpu string
+   * @param {string} decSeparator decimal separator for output string
    * @returns {string} number as string, formatted by actual browser locale (or using decimal separator param), with suffix by type
    **/
   numberStringToFormattedString(input: string, decimals: number, type: string, decSeparator?: string): string;

package/dist/types/stencil-public-runtime.d.ts

@@ -432,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -930,6 +930,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1143,6 +1145,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1289,7 +1293,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1619,8 +1623,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/types/GenericTypes.d.ts

@@ -67,14 +67,13 @@ export declare enum KupTagNames {
   BUTTON_LIST = "KUP-BUTTON-LIST",
   CALENDAR = "KUP-CALENDAR",
   CARD = "KUP-CARD",
+  CARD_LIST = "KUP-CARD-LIST",
   CELL = "KUP-CELL",
   CHART = "KUP-CHART",
   CHECKBOX = "KUP-CHECKBOX",
   CHIP = "KUP-CHIP",
   COLOR_PICKER = "KUP-COLOR-PICKER",
   COMBOBOX = "KUP-COMBOBOX",
-  DASH = "KUP-DASH",
-  DASH_LIST = "KUP-DASH-LIST",
   DASHBOARD = "KUP-DASHBOARD",
   DATA_TABLE = "KUP-DATA-TABLE",
   DATE_PICKER = "KUP-DATE-PICKER",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "8.3.2",
+    "version": "9.0.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -48,7 +48,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@sme.up/gantt-component": "^1.3.28",
+        "@sme.up/gantt-component": "^1.3.30",
         "d3-shape": "^3.2.0",
         "dayjs": "^1.11.7",
         "echarts": "^5.4.2",
@@ -62,9 +62,9 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^3.3.0",
-        "@stencil/sass": "^3.0.3",
-        "@stencil/react-output-target": "0.5.0",
+        "@stencil/core": "^4.0.2",
+        "@stencil/react-output-target": "0.5.3",
+        "@stencil/sass": "^3.0.5",
         "jest": "^27.4.5",
         "jest-cli": "^27.4.5",
         "jest-html-reporter": "^3.7.1",
@@ -76,5 +76,8 @@
     "repository": {
         "type": "git",
         "url": "https://github.com/smeup/ketchup.git"
+    },
+    "installConfig": {
+        "hoistingLimits": "workspaces"
     }
 }