@sme.up/ketchup 8.3.2 → 9.0.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.

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.
@@ -9452,21 +9452,20 @@ var VerticalScroll = function VerticalScroll(_ref) {
     headerHeight = _ref.headerHeight,
     rtl = _ref.rtl,
     onScroll = _ref.onScroll;
-  var scrollRef = react.useRef(null);
+  var scrollRef = react.createRef();
   react.useEffect(function () {
+    var id;
     if (scrollRef.current) {
       var wrap = scrollRef.current;
       var setScrollTop = function setScrollTop() {
         wrap.scrollTop = scroll;
       };
-      setTimeout(setScrollTop, 250);
-    }
-  }, []);
-  react.useEffect(function () {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scroll;
+      id = setTimeout(setScrollTop, 50);
     }
-  }, [scroll]);
+    return function () {
+      clearTimeout(id);
+    };
+  }, [scroll, scrollRef]);
   return react.createElement("div", {
     style: {
       height: ganttHeight,
@@ -11207,6 +11206,12 @@ var Gantt = function Gantt(_ref) {
   var _useState9 = react.useState(),
     projectionContent = _useState9[0],
     setProjectionContent = _useState9[1];
+  react.useEffect(function () {
+    if (onScrollY) {
+      onScrollY(initialScrollY);
+    }
+    setScrollY(initialScrollY);
+  }, [initialScrollY, onScrollY]);
   react.useEffect(function () {
     window.addEventListener("gantt-sync-scroll-event", function (e) {
       if (e.detail.id !== id) {
@@ -11367,6 +11372,9 @@ var Gantt = function Gantt(_ref) {
           newScrollY = ganttFullHeight - ganttHeight;
         }
         if (newScrollY !== scrollY) {
+          if (onScrollY) {
+            onScrollY(newScrollY);
+          }
           setScrollY(newScrollY);
           event.preventDefault();
         }
@@ -11382,10 +11390,10 @@ var Gantt = function Gantt(_ref) {
   }, [wrapperRef, scrollY, scrollX, ganttHeight, svgWidth, rtl, ganttFullHeight]);
   var handleScrollY = function handleScrollY(event) {
     if (scrollY !== event.currentTarget.scrollTop) {
-      if (onScrollY) {
-        onScrollY(event.currentTarget.scrollTop);
-      }
       if (!ignoreScrollEvent.current) {
+        if (onScrollY) {
+          onScrollY(event.currentTarget.scrollTop);
+        }
         setScrollY(event.currentTarget.scrollTop);
         setIgnoreScrollEvent(true);
       } else {
@@ -11457,7 +11465,7 @@ var Gantt = function Gantt(_ref) {
         newScrollY = ganttFullHeight - ganttHeight;
       }
       if (onScrollY) {
-        onScrollY(event.currentTarget.scrollTop);
+        onScrollY(newScrollY);
       }
       setScrollY(newScrollY);
     }

package/dist/esm/{component-e86c51ea.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-3b97025a.js → f-button-baa419dc.js}

@@ -1,6 +1,6 @@
-import { h } from './index-bb15ce14.js';
-import { F as FButtonStyling } from './f-button-declarations-fd4965d1.js';
-import { F as FImage } from './f-image-705c1694.js';
+import { h } from './index-3336c3b1.js';
+import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
+import { F as FImage } from './f-image-da03494c.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-ae537010.js → f-cell-18ee3afa.js}

@@ -1,9 +1,9 @@
-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-bad7bec3.js';
-import { h } from './index-bb15ce14.js';
-import { F as FCheckbox } from './f-checkbox-91358c27.js';
-import { F as FTextField } from './f-text-field-fa349928.js';
-import { F as FImage } from './f-image-705c1694.js';
-import { F as FChipType, a as FChip } from './f-chip-69df7df4.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-c8d5c94d.js';
+import { h } from './index-3336c3b1.js';
+import { F as FCheckbox } from './f-checkbox-00a1e020.js';
+import { F as FTextField } from './f-text-field-e5f1f1fd.js';
+import { F as FImage } from './f-image-da03494c.js';
+import { F as FChipType, a as FChip } from './f-chip-311500f4.js';
 
 /**
  * Props of the kup-list component.
@@ -278,17 +278,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) {

package/dist/esm/{f-checkbox-91358c27.js → f-checkbox-00a1e020.js}

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

package/dist/esm/{f-chip-69df7df4.js → f-chip-311500f4.js}

@@ -1,6 +1,6 @@
-import { h } from './index-bb15ce14.js';
-import { F as FImage } from './f-image-705c1694.js';
-import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-bad7bec3.js';
+import { h } from './index-3336c3b1.js';
+import { F as FImage } from './f-image-da03494c.js';
+import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-c8d5c94d.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-705c1694.js → f-image-da03494c.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-bb15ce14.js';
-import { b as KupThemeColorValues } from './kup-manager-bad7bec3.js';
+import { h, a as getAssetPath } from './index-3336c3b1.js';
+import { b as KupThemeColorValues } from './kup-manager-c8d5c94d.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-b7009f00.js → f-paginator-utils-d63a195e.js}

@@ -1,7 +1,7 @@
-import { E as Filters, J as FilterInterval, H as getValueForDisplay, D as getValueForDisplay2, af as getCellValueForDisplay, v as getColumnByName, z as KupObjects, ah as KupData, ai as compareCell, N as TotalMode, h as KupDatesFormats, a2 as SortMode, aj as KupLanguagePage, r as KupLanguageRow, m as KupLanguageGeneric } from './kup-manager-bad7bec3.js';
-import { h } from './index-bb15ce14.js';
-import { F as FButton } from './f-button-3b97025a.js';
-import { F as FButtonStyling } from './f-button-declarations-fd4965d1.js';
+import { E as Filters, J as FilterInterval, H as getValueForDisplay, D as getValueForDisplay2, af as getCellValueForDisplay, v as getColumnByName, z as KupObjects, ah as KupData, ai as compareCell, N as TotalMode, h as KupDatesFormats, a2 as SortMode, aj as KupLanguagePage, r as KupLanguageRow, m as KupLanguageGeneric } from './kup-manager-c8d5c94d.js';
+import { h } from './index-3336c3b1.js';
+import { F as FButton } from './f-button-baa419dc.js';
+import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
 
 /**
  * Filtering algorithms related to column menus.

package/dist/esm/{f-text-field-fa349928.js → f-text-field-e5f1f1fd.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-bb15ce14.js';
-import { K as KupThemeIconValues } from './kup-manager-bad7bec3.js';
+import { h, a as getAssetPath } from './index-3336c3b1.js';
+import { K as KupThemeIconValues } from './kup-manager-c8d5c94d.js';
 
 const dom = document.documentElement;
 /*-------------------------------------------------*/

package/dist/esm/{f-text-field-mdc-a1b4a919.js → f-text-field-mdc-1143cf21.js}

@@ -1,4 +1,4 @@
-import { _ as __extends, a as __assign, b as MDCFoundation, c as MDCComponent, e as estimateScrollWidth, d as __values, f as applyPassive, M as MDCRipple, m as matches, g as MDCRippleFoundation } from './component-e86c51ea.js';
+import { _ as __extends, a as __assign, b as MDCFoundation, c as MDCComponent, e as estimateScrollWidth, d as __values, f as applyPassive, M as MDCRipple, m as matches, g as MDCRippleFoundation } from './component-879e99bf.js';
 
 /**
  * @license

package/dist/esm/{index-bb15ce14.js → index-3336c3b1.js}

@@ -316,9 +316,9 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     }
     styles.set(scopeId, style);
 };
-const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+const addStyle = (styleContainerNode, cmpMeta, mode) => {
     var _a;
-    let scopeId = getScopeId(cmpMeta);
+    const scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
@@ -333,11 +333,8 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
             }
             if (!appliedStyles.has(scopeId)) {
                 {
-                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
-                    {
-                        styleElm = doc.createElement('style');
-                        styleElm.innerHTML = style;
-                    }
+                    styleElm = doc.createElement('style');
+                    styleElm.innerHTML = style;
                     // Apply CSP nonce to the style tag if it exists
                     const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
                     if (nonce != null) {
@@ -362,7 +359,6 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
-    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -385,6 +381,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -986,17 +997,44 @@ const nullifyVNodeRefs = (vNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const cmpMeta = hostRef.$cmpMeta$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
     if (cmpMeta.$attrsToReflect$) {
         rootVnode.$attrs$ = rootVnode.$attrs$ || {};
         cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));
     }
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -1115,6 +1153,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -1126,7 +1174,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -1150,7 +1198,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render() ;
         {
@@ -1165,7 +1225,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1495,6 +1555,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1538,22 +1600,34 @@ const connectedCallback = (elm) => {
             // reattach any event listeners to the host
             // since they would have been removed when disconnected
             addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
         }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+    {
+        safeCall(instance, 'disconnectedCallback');
+    }
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
-        const instance = hostRef.$lazyInstance$ ;
         {
             if (hostRef.$rmListeners$) {
                 hostRef.$rmListeners$.map((rmListener) => rmListener());
                 hostRef.$rmListeners$ = undefined;
             }
         }
-        {
-            safeCall(instance, 'disconnectedCallback');
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
+            disconnectInstance(hostRef.$lazyInstance$);
+        }
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
         }
     }
 };
@@ -1750,8 +1824,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 const styles = /*@__PURE__*/ new Map();
 const win = typeof window !== 'undefined' ? window : {};
 const doc = win.document || { head: {} };
-const H = (win.HTMLElement || class {
-});
 const plt = {
     $flags$: 0,
     $resourcesUrl$: '',
@@ -1814,4 +1886,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, setAssetPath as d, H as e, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, setAssetPath as d, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };