@sme.up/ketchup 8.3.3 → 9.1.0

package/dist/components/kup-family-tree.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, S as KupLanguageGeneric, W as KupPointerEventTypes, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$s, G as defineCustomElement$t, ao as FButtonStyling, a6 as FButton, F as FImage } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, S as KupLanguageGeneric, W as KupPointerEventTypes, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$s, G as defineCustomElement$t, ap as FButtonStyling, a6 as FButton, F as FImage } from './kup-autocomplete2.js';
 import { d as defineCustomElement$r } from './kup-box2.js';
 
 /**

package/dist/components/kup-form.js

@@ -1,4 +1,4 @@
-import { ap as KupForm$1, q as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { aq as KupForm$1, q as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupForm = KupForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-gauge.js

@@ -1,4 +1,4 @@
-import { aq as KupGauge$1, p as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ar as KupGauge$1, p as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupGauge = KupGauge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-grid2.js

@@ -12,7 +12,7 @@ var KupGridProps;
   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{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}";
+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);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%}";
 
 const KupGrid = /*@__PURE__*/ proxyCustomElement(class KupGrid extends HTMLElement {
   constructor() {

package/dist/components/kup-image-list.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, ao as FButtonStyling, g as getProps, s as setProps, M as MDCRipple, c as componentWrapperId, F as FImage, a6 as FButton, S as KupLanguageGeneric, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s, T as FCell, a9 as FCellPadding } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, ap as FButtonStyling, g as getProps, s as setProps, M as MDCRipple, c as componentWrapperId, F as FImage, a6 as FButton, S as KupLanguageGeneric, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s, T as FCell, ab as FCellPadding } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-image-list component.
@@ -239,6 +239,8 @@ const KupImageList$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList exten
     "getProps": [64],
     "refresh": [64],
     "setProps": [64]
+  }, undefined, {
+    "selectedNode": ["selectNode"]
   }]);
 _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakMap(), _KupImageList_backProps = new WeakMap(), _KupImageList_topProps = new WeakMap(), _KupImageList_instances = new WeakSet(), _KupImageList_createItem = function _KupImageList_createItem(node) {
   const props = {

package/dist/components/kup-image.js

@@ -1,4 +1,4 @@
-import { ar as KupImage$1, o as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { as as KupImage$1, o as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupImage = KupImage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-list.js

@@ -1,4 +1,4 @@
-import { as as KupList$1, n as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { at as KupList$1, n as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupList = KupList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-magic-box.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, g as getProps, s as setProps, S as KupLanguageGeneric, F as FImage, U as KupDebugCategory, at as kupDropEvent, au as kupDraggableColumnAttr, av as kupDraggableRowAttr, Z as KupDropEventTypes, c as componentWrapperId, ao as FButtonStyling, K as KupThemeColorValues, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$k, x as defineCustomElement$l, y as defineCustomElement$m, z as defineCustomElement$n, A as defineCustomElement$o, B as defineCustomElement$p, C as defineCustomElement$q, D as defineCustomElement$r, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, S as KupLanguageGeneric, F as FImage, U as KupDebugCategory, au as kupDropEvent, av as kupDraggableColumnAttr, aw as kupDraggableRowAttr, Z as KupDropEventTypes, c as componentWrapperId, ap as FButtonStyling, K as KupThemeColorValues, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$k, x as defineCustomElement$l, y as defineCustomElement$m, z as defineCustomElement$n, A as defineCustomElement$o, B as defineCustomElement$p, C as defineCustomElement$q, D as defineCustomElement$r, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
 import { d as defineCustomElement$s } from './kup-box2.js';
 import { d as defineCustomElement$f } from './kup-echart2.js';
 

package/dist/components/kup-numeric-picker.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, aw as KupDynamicPositionPlacement, ah as FTextField, ax as KupCardFamily, _ as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, ax as KupDynamicPositionPlacement, ai as FTextField, a9 as KupCardFamily, _ as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-numeric-picker component.

package/dist/components/kup-planner.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, getAssetPath } from '@stencil/core/internal/client';
-import { ay as createCommonjsModule, az as commonjsGlobal, k as kupManagerInstance, aA as KupDatesFormats, af as getCellValueForDisplay, g as getProps, s as setProps, _ as FTextFieldMDC, c as componentWrapperId, ah as FTextField, a as KupThemeIconValues, $ as KupLanguageSearch, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { ay as createCommonjsModule, az as commonjsGlobal, k as kupManagerInstance, aA as KupDatesFormats, aa as getCellValueForDisplay, g as getProps, s as setProps, _ as FTextFieldMDC, c as componentWrapperId, ai as FTextField, a as KupThemeIconValues, $ as KupLanguageSearch, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
 
 /**
  * Props of the kup-gantt component.
@@ -13027,6 +13027,8 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
     "refresh": [64],
     "setProps": [64],
     "addPhases": [64]
+  }, undefined, {
+    "data": ["dataChanged"]
   }]);
 _KupPlanner_kupManager = new WeakMap(), _KupPlanner_lastOnChangeReceived = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(), _KupPlanner_phases = new WeakMap(), _KupPlanner_storedSettings = new WeakMap(), _KupPlanner_instances = new WeakSet(), _KupPlanner_renderReactPlannerElement = function _KupPlanner_renderReactPlannerElement() {
   var _a;

package/dist/esm/{component-cc25b031.js → component-879e99bf.js}

@@ -12,7 +12,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -77,7 +77,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @license

package/dist/esm/{f-button-e54ce8d5.js → f-button-f247ce10.js}

@@ -1,6 +1,6 @@
-import { h } from './index-d413187a.js';
+import { h } from './index-c161a33e.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
-import { F as FImage } from './f-image-adceee49.js';
+import { F as FImage } from './f-image-d2a9603c.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-4149a05d.js → f-cell-ba94f1b3.js}

@@ -1,9 +1,10 @@
-import { a9 as editableTypes, aa as kupTypes, b as KupThemeColorValues, a6 as FCellTypes, ab as KupTagNames, ac as fullWidthFieldsComps, ad as FCellClasses, ae as autoCenterComps, af as getCellValueForDisplay, ag as FCellEvents } from './kup-manager-a4153fb2.js';
-import { h } from './index-d413187a.js';
-import { F as FCheckbox } from './f-checkbox-7b113dd8.js';
-import { F as FTextField } from './f-text-field-aa4497a8.js';
-import { F as FImage } from './f-image-adceee49.js';
-import { F as FChipType, a as FChip } from './f-chip-c3c86f7b.js';
+import { a9 as editableTypes, aa as kupTypes, b as KupThemeColorValues, a6 as FCellTypes, ab as KupTagNames, F as FCellShapes, ac as fullWidthFieldsComps, ad as FCellClasses, ae as autoCenterComps, af as getCellValueForDisplay, ag as FCellEvents } from './kup-manager-94b3d177.js';
+import { h, a as getAssetPath } from './index-c161a33e.js';
+import { F as FCheckbox } from './f-checkbox-cbf7b3de.js';
+import { F as FTextField } from './f-text-field-4d91ccfc.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { F as FChipType, a as FChip } from './f-chip-104c4a64.js';
+import { F as FButton } from './f-button-f247ce10.js';
 
 /**
  * Props of the kup-list component.
@@ -54,6 +55,164 @@ const FSwitch = (props) => {
       h("label", { onClick: props.onChange }, props.label))));
 };
 
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FProgressBar = (props) => {
+  if (!props.centeredLabel && !props.centeredLabel !== false) {
+    props.centeredLabel = true;
+  }
+  let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${props.animated ? 'kup-animated' : ''} ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${props.slim ? 'kup-slim' : ''} ${props.striped ? 'kup-striped' : ''}   ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`;
+  let pieClass = 'pie';
+  let radialStyle = undefined;
+  if (props.isRadial) {
+    componentClass += ' pie-wrapper is-radial';
+  }
+  else {
+    componentClass += ' progress-bar';
+  }
+  let labelStyle = undefined;
+  const valueStyle = {
+    width: `${props.value}%`,
+  };
+  if (!props.centeredLabel) {
+    labelStyle = valueStyle;
+    if (props.value > 2) {
+      componentClass += ' text-color-on-primary';
+    }
+  }
+  else if (props.value > 49) {
+    componentClass += ' text-color-on-primary';
+  }
+  let label = null;
+  if (props.icon) {
+    label = createIconElement(props);
+  }
+  else {
+    if (!props.hideLabel) {
+      if (props.isRadial) {
+        if (props.label) {
+          label = h("span", { class: "label" }, props.label);
+        }
+        else {
+          label = (h("span", { class: "label" },
+            props.value,
+            h("span", { class: "smaller" }, "%")));
+        }
+      }
+      else {
+        if (props.label) {
+          label = props.label;
+        }
+        else {
+          label = props.value + '%';
+        }
+      }
+    }
+  }
+  if (props.value > 0) {
+    pieClass += ' has-value';
+    if (props.value > 50) {
+      pieClass += ' is-more-than-half';
+    }
+    else {
+      pieClass += ' is-less-than-half';
+    }
+  }
+  if (props.isRadial) {
+    return (h("div", { class: componentClass },
+      label,
+      h("div", { class: pieClass },
+        h("div", { style: radialStyle, class: "left-side half-circle" }),
+        h("div", { class: "right-side half-circle" })),
+      h("div", { class: "shadow" })));
+  }
+  else {
+    return (h("div", { class: componentClass },
+      h("div", { class: "progress-bar-percentage", style: valueStyle },
+        h("span", { style: labelStyle }, label))));
+  }
+};
+function createIconElement(props) {
+  if (!props.icon) {
+    return undefined;
+  }
+  if (props.icon.indexOf('.') > -1 ||
+    props.icon.indexOf('/') > -1 ||
+    props.icon.indexOf('\\') > -1) {
+    return (h("span", { class: "label kup-icon is-image" },
+      h("img", { src: props.icon })));
+  }
+  else {
+    let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
+    let iconStyle = {
+      mask: svg,
+      webkitMask: svg,
+    };
+    return h("span", { style: iconStyle, class: "label kup-icon" });
+  }
+}
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FRadio = (props) => {
+  var _a;
+  const hasColumns = !!props.columns;
+  const radioList = [];
+  for (let i = 0; i < ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length); i++) {
+    const data = props.data[i];
+    const classObj = {
+      radio: true,
+      'radio--checked': data.checked ? true : false,
+      'radio--disabled': props.disabled ? true : false,
+    };
+    radioList.push(h("div", { class: `form-field ${props.leadingLabel ? ' form-field--align-end' : ''}` },
+      h("div", { class: classObj },
+        h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
+            ? props.onChange.bind(props.onChange, i)
+            : null, onFocus: props.onFocus }),
+        h("div", { class: "radio__background" },
+          h("div", { class: "radio__outer-circle" }),
+          h("div", { class: "radio__inner-circle" }))),
+      h("label", { htmlFor: 'radio-element', onClick: props.onChange
+          ? props.onChange.bind(props.onChange, i)
+          : null }, data.label ? data.label : '')));
+  }
+  const styleObj = {
+    '--kup_radio_columns': hasColumns
+      ? `repeat(${props.columns}, 1fr)`
+      : '',
+  };
+  return (h("div", { class: `f-radio radio-wrapper ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`, style: styleObj }, radioList));
+};
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FRating = (props) => {
+  if (!props.maxValue) {
+    props.maxValue = 5;
+  }
+  return (h("div", { class: `f-rating ${props.disabled ? 'disabled' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, buildStars(props)));
+};
+function buildStars(props) {
+  const stars = [];
+  for (let i = 1; i <= props.maxValue; i++) {
+    if (i <= props.value) {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2605"));
+    }
+    else {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2606"));
+    }
+  }
+  return stars;
+}
+
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -252,7 +411,14 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      if (cell.shape === FCellShapes.INPUT_CHECKBOX) {
+        return (h("input", { checked: cell.value === 'on' || cell.value === '1'
+            ? true
+            : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox" }));
+      }
+      else {
+        return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      }
     case FCellTypes.CHIP:
       return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
         h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData))));
@@ -278,17 +444,24 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.LINK:
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.data && cell.data.icon
-          ? cell.data.icon
-          : cell.icon
-            ? cell.icon
-            : column.icon
-              ? column.icon
-              : null, value: cellType === FCellTypes.NUMBER && cell.value
-          ? dom.ketchup.math
-            .numberifySafe(cell.value)
-            .toString()
-          : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      const onChange = (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE);
+      const onInput = (e) => cellEvent(e, props, cellType, FCellEvents.INPUT);
+      const type = cellType === FCellTypes.NUMBER ? 'number' : null;
+      const value = cellType === FCellTypes.NUMBER && cell.value
+        ? dom.ketchup.math.numberifySafe(cell.value).toString()
+        : cell.value;
+      if (cell.shape === FCellShapes.INPUT_FIELD) {
+        return (h("input", { class: 'input-field', onChange: onChange, onInput: onInput, type: type, value: value }));
+      }
+      else {
+        return (h(FTextField, Object.assign({ inputType: type, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.data && cell.data.icon
+            ? cell.data.icon
+            : cell.icon
+              ? cell.icon
+              : column.icon
+                ? column.icon
+                : null, value: value, onChange: onChange, onInput: onInput, onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      }
   }
 }
 function setCell(cellType, subcomponentProps, content, classObj, cell, column, props) {
@@ -364,7 +537,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
+      return (h(FButton, Object.assign({}, subcomponentProps, { onClick: (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
@@ -390,15 +563,15 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
-      return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return subcomponentProps.customStyle ? (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps))) : (h(FProgressBar, Object.assign({}, subcomponentProps)));
     case FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return h(FRadio, Object.assign({}, subcomponentProps));
     case FCellTypes.RATING:
-      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
+      return h(FRating, Object.assign({}, subcomponentProps, { disabled: true }));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {
@@ -471,6 +644,9 @@ function getValueFromEventTaget(e, cellType) {
   let value = isInputEvent
     ? e.target.value
     : e.detail.value;
+  if (cellType === FCellTypes.CHECKBOX && isInputEvent) {
+    value = e.target.checked ? 'off' : 'on';
+  }
   if (cellType === FCellTypes.NUMBER && isInputEvent) {
     value = dom.ketchup.math.formattedStringToNumberString(value, '');
   }
@@ -485,4 +661,4 @@ function isFullWidth(props) {
   return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
-export { FCell as F, ItemsDisplayMode as I, KupListRole as K, KupListProps as a, FSwitch as b };
+export { FCell as F, ItemsDisplayMode as I, KupListRole as K, KupListProps as a, FProgressBar as b, FRadio as c, FRating as d, FSwitch as e };

package/dist/esm/{f-checkbox-7b113dd8.js → f-checkbox-cbf7b3de.js}

@@ -1,4 +1,4 @@
-import { h } from './index-d413187a.js';
+import { h } from './index-c161a33e.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-c3c86f7b.js → f-chip-104c4a64.js}

@@ -1,6 +1,6 @@
-import { h } from './index-d413187a.js';
-import { F as FImage } from './f-image-adceee49.js';
-import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-a4153fb2.js';
+import { h } from './index-c161a33e.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-94b3d177.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-adceee49.js → f-image-d2a9603c.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-d413187a.js';
-import { b as KupThemeColorValues } from './kup-manager-a4153fb2.js';
+import { h, a as getAssetPath } from './index-c161a33e.js';
+import { b as KupThemeColorValues } from './kup-manager-94b3d177.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.