@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

package/dist/esm/{f-cell-95c186c6.js → f-cell-b88b2731.js}

@@ -1,9 +1,9 @@
-import { h, a as getAssetPath } from './index-e0e67c23.js';
-import { b as getCellValueForDisplay } from './cell-utils-8f512ea9.js';
-import { a as KupThemeIconValues, b as KupThemeColorValues } from './kup-manager-7fc234da.js';
-import { d as stringToNumber } from './utils-6c73709d.js';
-import { F as FImage } from './f-image-3bc8b24f.js';
-import { F as FChip } from './f-chip-c0e9c0ff.js';
+import { a as KupThemeIconValues, c as KupTagNames, b as KupThemeColorValues } from './kup-manager-1f76a3ef.js';
+import { h, a as getAssetPath } from './index-78f3699d.js';
+import { b as getCellValueForDisplay } from './cell-utils-571978d6.js';
+import { d as stringToNumber } from './utils-93ae800f.js';
+import { F as FImage } from './f-image-5e5ed7e2.js';
+import { F as FChip } from './f-chip-a52489ec.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -40,7 +40,7 @@ function setContent(props) {
         webkitMask: svg,
       };
     }
-    iconEl = (h("span", { tabindex: "0", style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
+    iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
   }
   const classObj = {
     'is-clearable': props.isClearable,
@@ -61,7 +61,7 @@ function setContent(props) {
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
       h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
-    props.isClearable ? (h("span", { tabindex: "1", class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
+    props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,
     isOutlined ? (h("div", { class: "mdc-notched-outline" },
@@ -70,7 +70,7 @@ function setContent(props) {
       h("div", { class: "mdc-notched-outline__trailing" }))) : (h("span", { class: "mdc-line-ripple" }))));
 }
 function setHelper(props) {
-  if (props.helperEnabled) {
+  if (props.helperEnabled !== false) {
     if (props.helper) {
       const classObj = {
         'mdc-text-field-helper-text': true,
@@ -93,13 +93,14 @@ function setHelper(props) {
   }
 }
 
-const autoAlignComps = ['KUP-DATA-TABLE', 'KUP-TREE'];
+const autoAlignComps = [KupTagNames.DATA_TABLE, KupTagNames.TREE];
 /**
  * Supported cell events.
  */
 var FCellEvents;
 (function (FCellEvents) {
   FCellEvents["CLICK"] = "kup-cell-click";
+  FCellEvents["ICON_CLICK"] = "kup-cell-iconclick";
   FCellEvents["INPUT"] = "kup-cell-input";
   FCellEvents["UPDATE"] = "kup-cell-update";
 })(FCellEvents || (FCellEvents = {}));
@@ -383,7 +384,7 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
       break;
     case FCellTypes.IMAGE:
       if (props.component.rootElement.tagName ===
-        'KUP-BOX') {
+        KupTagNames.BOX) {
         if (!subcomponentProps.sizeY) {
           subcomponentProps.sizeY = 'auto';
         }
@@ -454,16 +455,17 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
 function setEditableCell(cellType, classObj, cell, column, props) {
   switch (cellType) {
     case FCellTypes.AUTOCOMPLETE:
-      return (h("kup-autocomplete", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-autocomplete", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.CHECKBOX:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, cell.data, { disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      return (h("kup-color-picker", Object.assign({}, cell.data, { class: "kup-full-width", disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
     case FCellTypes.COMBOBOX:
-      return (h("kup-combobox", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+      return (h("kup-combobox", Object.assign({}, cell.data, { class: "kup-full-width", "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
     case FCellTypes.DATE:
       return (h("kup-date-picker", Object.assign({ initialValue: cell.value }, cell.data, { class: "kup-full-width", "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
     case FCellTypes.RATING:
@@ -475,7 +477,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.STRING:
       return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: true, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
           ? stringToNumber(cell.value).toString()
-          : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+          : 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) })));
   }
 }
 function setCell(cellType, subcomponentProps, content, classObj, cell, column, props) {
@@ -491,7 +493,8 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       }
       return content;
     case FCellTypes.CHECKBOX:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h(FImage, { resource: subcomponentProps.checked
@@ -501,7 +504,8 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       return h("div", { innerHTML: cell.value });
     case FCellTypes.ICON:
     case FCellTypes.IMAGE:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       if (subcomponentProps.badgeData) {
@@ -517,7 +521,8 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
         if (cellValueNumber < 0) {
           classObj[FCellClasses.TEXT_DANGER] = true;
         }
-        if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+        if (autoAlignComps.includes(props.component.rootElement
+          .tagName)) {
           classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
         }
         return h("div", { class: "f-cell__text" }, cellValue);
@@ -536,17 +541,20 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       else {
         const barStyle = {
           height: subcomponentProps.sizeY,
+          width: '100%',
         };
         return (h("div", { style: barStyle },
           h(FImage, Object.assign({}, subcomponentProps))));
       }
     case FCellTypes.BUTTON:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return (h("kup-button", Object.assign({}, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['data-storage'] = {
@@ -556,21 +564,23 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       };
       return h("kup-button-list", Object.assign({}, subcomponentProps));
     case FCellTypes.CHART:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       return h("kup-chart", Object.assign({}, subcomponentProps));
     case FCellTypes.CHIP:
       return h(FChip, Object.assign({}, subcomponentProps));
     case FCellTypes.COLOR_PICKER:
-      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { disabled: true })));
+      return (h("kup-color-picker", Object.assign({}, subcomponentProps, { class: "kup-full-width", disabled: true })));
     case FCellTypes.GAUGE:
       return (h("kup-gauge", Object.assign({ value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
       return h("kup-progress-bar", Object.assign({}, subcomponentProps));
     case FCellTypes.RADIO:
-      if (autoAlignComps.includes(props.component.rootElement.tagName)) {
+      if (autoAlignComps.includes(props.component.rootElement
+        .tagName)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
@@ -695,14 +705,14 @@ function cellEvent(e, props, cellType, cellEventName) {
         break;
     }
     if (cell.obj) {
-      cell.obj.k = value;
+      cell.obj.k = value.toString();
     }
-    cell.value = value;
+    cell.value = value.toString();
     cell.displayedValue = null;
     cell.displayedValue = getCellValueForDisplay(column, cell);
   }
   if (comp && comp.rootElement) {
-    const updateEvent = new CustomEvent(cellEventName, {
+    const cellEvent = new CustomEvent(cellEventName, {
       bubbles: true,
       cancelable: true,
       composed: true,
@@ -716,7 +726,7 @@ function cellEvent(e, props, cellType, cellEventName) {
         type: cellType,
       },
     });
-    comp.rootElement.dispatchEvent(updateEvent);
+    comp.rootElement.dispatchEvent(cellEvent);
     try {
       comp.refresh();
     }

package/dist/esm/f-chip-a52489ec.js

@@ -0,0 +1,128 @@
+import { h } from './index-78f3699d.js';
+import { F as FImage } from './f-image-5e5ed7e2.js';
+import { a as KupThemeIconValues, i as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-1f76a3ef.js';
+
+/**
+ * Types of the f-chip component.
+ * @enum {string}
+ * @property {string} CHOICE - Only 1 chip may be selected at a time.
+ * @property {string} FILTER - Multiple chips may be selected at a time.
+ * @property {string} INPUT - Chips can be deleted by clicking on the rightmost icon.
+ * @property {string} STANDARD - Standard chip set.
+ */
+var FChipType;
+(function (FChipType) {
+  FChipType["CHOICE"] = "choice";
+  FChipType["FILTER"] = "filter";
+  FChipType["INPUT"] = "input";
+  FChipType["STANDARD"] = "standard";
+})(FChipType || (FChipType = {}));
+
+const dom = document.documentElement;
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FChip = (props) => {
+  if (!props.type) {
+    props.type = FChipType.STANDARD;
+  }
+  const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
+  const isFilter = props.type.toLowerCase() === FChipType.FILTER;
+  const isInput = props.type.toLowerCase() === FChipType.INPUT;
+  const classObj = {
+    'chip-set': true,
+    'chip-set--choice': isChoice ? true : false,
+    'chip-set--filter': isFilter ? true : false,
+    'chip-set--input': isInput ? true : false,
+  };
+  return (h("div", Object.assign({ class: `f-chip ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
+    h("div", { class: classObj, role: "grid" }, createChipList(props, isChoice, isFilter, isInput))));
+};
+/*-------------------------------------------------*/
+/*                  M e t h o d s                  */
+/*-------------------------------------------------*/
+function createChipList(props, isChoice, isFilter, isInput) {
+  const chipList = [];
+  for (let i = 0; props.data && i < props.data.length; i++) {
+    const chipGroup = [];
+    recursive(props.data[i], 0);
+    chipList.push(h("div", { class: "chip-set__item" }, ...chipGroup));
+    function recursive(chip, indent) {
+      const hasChildren = !!(chip.children && chip.children.length > 0);
+      const showChildren = !!(hasChildren && chip.isExpanded);
+      const indentStyle = {
+        ['--kup_chip_indent_offset']: indent.toString(),
+      };
+      chipGroup.push(h("div", { class: `chip-set__wrapper ${hasChildren && !showChildren
+          ? 'chip-set__wrapper--hidden-children'
+          : ''}` },
+        h("div", { class: "chip-set__indent", style: indentStyle }),
+        hasChildren ? (h(FImage, { onClick: props.onExpansionClick &&
+            props.onExpansionClick[i]
+            ? props.onExpansionClick[i].bind(props.onExpansionClick[i], chip)
+            : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "18px", sizeY: "18px", title: dom.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
+            '/' +
+            dom.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
+            ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "18px", sizeY: "18px", wrapperClass: "dropdown-icon" })) : null,
+        createChip(chip)));
+      if (showChildren) {
+        for (let index = 0; index < chip.children.length; index++) {
+          if (chip.children[index]) {
+            recursive(chip.children[index], indent + 1);
+          }
+        }
+      }
+    }
+    function createChip(chip) {
+      let componentClass = `chip `;
+      let iconEl = [];
+      let iconClass = 'chip__icon chip__icon--leading';
+      if (isFilter || isChoice) {
+        if (chip.checked) {
+          componentClass += ' chip--selected';
+          if (isFilter) {
+            iconClass += ' chip__icon--leading-hidden';
+          }
+        }
+      }
+      if (chip.icon) {
+        const p = {
+          color: isChoice && chip.checked
+            ? `var(${KupThemeColorValues.PRIMARY})`
+            : `var(${KupThemeColorValues.TEXT})`,
+          resource: chip.icon,
+          sizeX: '18px',
+          sizeY: '18px',
+          wrapperClass: iconClass,
+        };
+        iconEl.push(h(FImage, Object.assign({}, p)));
+      }
+      if (isFilter) {
+        iconEl.push(h("span", { class: "chip__checkmark" },
+          h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" },
+            h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
+      }
+      return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
+          ? props.onClick[i].bind(props.onClick[i], chip)
+          : null, role: "row", title: chip.title ? chip.title : '' },
+        h("span", { class: "chip-set__indent" }),
+        iconEl,
+        h("span", { role: "gridcell" },
+          h("span", { role: "button", tabindex: i, class: "chip__primary-action", 
+            // @ts-ignore
+            value: chip.id, checked: chip.checked, onBlur: props.onBlur && props.onBlur[i]
+              ? props.onBlur[i].bind(props.onBlur[i], chip)
+              : null, onFocus: props.onFocus && props.onFocus[i]
+              ? props.onFocus[i].bind(props.onFocus[i], chip)
+              : null },
+            h("span", { class: "chip__text" }, chip.value))),
+        isInput ? (h("span", { role: "gridcell" },
+          h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
+              ? props.onIconClick[i].bind(props.onIconClick[i], chip)
+              : null }))) : null));
+    }
+  }
+  return chipList;
+}
+
+export { FChip as F, FChipType as a };

package/dist/esm/{f-image-3bc8b24f.js → f-image-5e5ed7e2.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-e0e67c23.js';
-import { b as KupThemeColorValues } from './kup-manager-7fc234da.js';
+import { h, a as getAssetPath } from './index-78f3699d.js';
+import { b as KupThemeColorValues } from './kup-manager-1f76a3ef.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.
@@ -49,7 +49,7 @@ const FImage = (props) => {
   }
   return (h("div", Object.assign({ class: `f-image ${props.wrapperClass ? props.wrapperClass : ''} ${props.fit ? 'kup-fit' : ''}` }, props.dataSet, { id: props.id, style: style, title: props.title, onClick: props.onClick }),
     el,
-    badgeCollection));
+    ...badgeCollection));
 };
 /*-------------------------------------------------*/
 /*                  M e t h o d s                  */

package/dist/esm/{index-e0e67c23.js → index-78f3699d.js}

@@ -926,6 +926,29 @@ const then = (promise, thenFn) => {
 };
 const addHydratedFlag = (elm) => elm.classList.add('hydrated')
     ;
+/**
+ * Parse a new property value for a given property type.
+ *
+ * While the prop value can reasonably be expected to be of `any` type as far as TypeScript's type checker is concerned,
+ * it is not safe to assume that the string returned by evaluating `typeof propValue` matches:
+ *   1. `any`, the type given to `propValue` in the function signature
+ *   2. the type stored from `propType`.
+ *
+ * This function provides the capability to parse/coerce a property's value to potentially any other JavaScript type.
+ *
+ * Property values represented in TSX preserve their type information. In the example below, the number 0 is passed to
+ * a component. This `propValue` will preserve its type information (`typeof propValue === 'number'`). Note that is
+ * based on the type of the value being passed in, not the type declared of the class member decorated with `@Prop`.
+ * ```tsx
+ * <my-cmp prop-val={0}></my-cmp>
+ * ```
+ *
+ * HTML prop values on the other hand, will always a string
+ *
+ * @param propValue the new value to coerce to some type
+ * @param propType the type of the prop, expressed as a binary number
+ * @returns the parsed/coerced value
+ */
 const parsePropertyValue = (propValue, propType) => {
     // ensure this value is of the correct prop type
     if (propValue != null && !isComplexType(propValue)) {

package/dist/esm/ketchup.js

@@ -1,7 +1,7 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-e0e67c23.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-78f3699d.js';
 
 /*
- Stencil Client Patch Browser v2.12.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.14.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"kup-autocomplete_28\",[[1,\"kup-box\",{\"cardData\":[16],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dragEnabled\":[4,\"drag-enabled\"],\"dropEnabled\":[4,\"drop-enabled\"],\"dropOnSection\":[4,\"drop-on-section\"],\"editableData\":[4,\"editable-data\"],\"enableRowActions\":[4,\"enable-row-actions\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"kanban\":[16],\"layout\":[16],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pageSize\":[2,\"page-size\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showSelection\":[4,\"show-selection\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tooltip\",{\"cellOptions\":[1040],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"detailData\":[1040],\"detailTimeout\":[2,\"detail-timeout\"],\"layout\":[1],\"loadTimeout\":[2,\"load-timeout\"],\"owner\":[1],\"relatedObject\":[1040],\"visible\":[32],\"refresh\":[64],\"setTooltipInfo\":[64],\"unsetTooltipInfo\":[64],\"getProps\":[64],\"setProps\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"autoFillMissingCells\":[4,\"auto-fill-missing-cells\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[516,\"drag-enabled\"],\"dropEnabled\":[516,\"drop-enabled\"],\"editableData\":[4,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedRows\":[2,\"fixed-rows\"],\"forceOneLine\":[516,\"force-one-line\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"groupLabelDisplay\":[1,\"group-label-display\"],\"groups\":[1040],\"headerIsPersistent\":[4,\"header-is-persistent\"],\"isFocusable\":[4,\"is-focusable\"],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"lineBreakCharacter\":[1,\"line-break-character\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"pageSelected\":[2,\"page-selected\"],\"paginatorPos\":[1,\"paginator-pos\"],\"removableColumns\":[4,\"removable-columns\"],\"resizableColumns\":[4,\"resizable-columns\"],\"rowActions\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"selectRow\":[2,\"select-row\"],\"selectRowsById\":[1,\"select-rows-by-id\"],\"showCustomization\":[4,\"show-customization\"],\"showFilters\":[4,\"show-filters\"],\"showGroups\":[4,\"show-groups\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showHeader\":[4,\"show-header\"],\"showLoadMore\":[4,\"show-load-more\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"transpose\":[4],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"triggerColumnSortRerender\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]}],[1,\"kup-paginator\",{\"customStyle\":[1,\"custom-style\"],\"currentPage\":[2,\"current-page\"],\"max\":[2],\"mode\":[1],\"perPage\":[2,\"per-page\"],\"selectedPerPage\":[1026,\"selected-per-page\"],\"refresh\":[64]}],[1,\"kup-tree\",{\"asAccordion\":[516,\"as-accordion\"],\"autoSelectionNodeMode\":[4,\"auto-selection-node-mode\"],\"columns\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dynamicExpansionCallback\":[16],\"editableData\":[4,\"editable-data\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"expanded\":[4],\"expansionMode\":[1,\"expansion-mode\"],\"filters\":[1040],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"globalFilterMode\":[1,\"global-filter-mode\"],\"preventXScroll\":[516,\"prevent-x-scroll\"],\"removableColumns\":[4,\"removable-columns\"],\"ripple\":[4],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectedNode\":[1040],\"showColumns\":[4,\"show-columns\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"showIcons\":[4,\"show-icons\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"useDynamicExpansion\":[4,\"use-dynamic-expansion\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"treeColumnVisible\":[32],\"openedTotalMenu\":[32],\"columnMenuAnchor\":[32],\"selectedNodeString\":[32],\"stateSwitcher\":[32],\"isEmpty\":[64],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-button-list\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[64]}],[1,\"kup-gauge\",{\"arcThickness\":[2,\"arc-thickness\"],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"firstThreshold\":[2,\"first-threshold\"],\"labelDistance\":[1026,\"label-distance\"],\"maxValue\":[1026,\"max-value\"],\"measurementUnit\":[1,\"measurement-unit\"],\"minValue\":[1026,\"min-value\"],\"needleCircle\":[4,\"needle-circle\"],\"onlyValue\":[4,\"only-value\"],\"reverseColors\":[4,\"reverse-colors\"],\"secondThreshold\":[2,\"second-threshold\"],\"showLabels\":[4,\"show-labels\"],\"showMaxmin\":[4,\"show-maxmin\"],\"showValue\":[4,\"show-value\"],\"size\":[2],\"value\":[1026],\"valueSize\":[2,\"value-size\"],\"widthComponent\":[1,\"width-component\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"stars\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-dropdown-button\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"dropdownOnly\":[4,\"dropdown-only\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"label\":[1],\"selectMode\":[1,\"select-mode\"],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]]],[1,\"kup-time-picker\",{\"clockVariant\":[4,\"clock-variant\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"manageSeconds\":[4,\"manage-seconds\"],\"timeMinutesStep\":[2,\"time-minutes-step\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]]],[1,\"kup-autocomplete\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"minimumChars\":[2,\"minimum-chars\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"dataNew\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-checkbox\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-progress-bar\",{\"centeredLabel\":[4,\"centered-label\"],\"customStyle\":[1,\"custom-style\"],\"hideLabel\":[4,\"hide-label\"],\"icon\":[1],\"label\":[1],\"isRadial\":[516,\"is-radial\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"fullWidth\":[516,\"full-width\"],\"helper\":[1],\"helperEnabled\":[4,\"helper-enabled\"],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputType\":[1,\"input-type\"],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"outlined\":[4],\"readOnly\":[4,\"read-only\"],\"step\":[2],\"textArea\":[4,\"text-area\"],\"trailingIcon\":[4,\"trailing-icon\"],\"trailingLabel\":[4,\"trailing-label\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]}],[1,\"kup-combobox\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"isSelect\":[516,\"is-select\"],\"selectMode\":[1,\"select-mode\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-button\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayMode\":[1,\"display-mode\"],\"filter\":[1025],\"hideText\":[4,\"hide-text\"],\"isMenu\":[4,\"is-menu\"],\"keyboardNavigation\":[4,\"keyboard-navigation\"],\"menuVisible\":[4,\"menu-visible\"],\"roleType\":[1025,\"role-type\"],\"selectable\":[4],\"showIcons\":[4,\"show-icons\"],\"twoLine\":[4,\"two-line\"],\"focused\":[32],\"selected\":[32],\"focusNext\":[64],\"focusPrevious\":[64],\"getProps\":[64],\"refresh\":[64],\"resetFilter\":[64],\"select\":[64],\"setProps\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-magic-box\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-cell\",[[1,\"kup-cell\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"addCssClasses\":[64],\"getProps\":[64],\"refresh\":[64],\"removeCssClasses\":[64],\"setProps\":[64]}]]],[\"kup-dash-list\",[[1,\"kup-dash-list\",{\"layout\":[1],\"fontsize\":[1],\"active\":[4],\"columnsNumber\":[2,\"columns-number\"],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"iconColor\":[16],\"valueColor\":[16],\"textColor\":[16],\"data\":[16]}]]],[\"kup-field\",[[1,\"kup-field\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"label\":[1],\"labelPos\":[1,\"label-pos\"],\"showSubmit\":[4,\"show-submit\"],\"submitLabel\":[1,\"submit-label\"],\"submitPos\":[1,\"submit-pos\"],\"type\":[1],\"getCurrentValue\":[64],\"getProps\":[64],\"refresh\":[64]}]]],[\"kup-iframe\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-accordion\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]}]]],[\"kup-calendar\",[[1,\"kup-calendar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dateCol\":[1,\"date-col\"],\"descrCol\":[1,\"descr-col\"],\"endCol\":[1,\"end-col\"],\"hideNavigation\":[4,\"hide-navigation\"],\"iconCol\":[1,\"icon-col\"],\"imageCol\":[1,\"image-col\"],\"initialDate\":[1,\"initial-date\"],\"startCol\":[1,\"start-col\"],\"styleCol\":[1,\"style-col\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-snackbar\",[[1,\"kup-snackbar\",{\"actionButton\":[16],\"closeButton\":[4,\"close-button\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"timeout\":[2],\"visible\":[32],\"getProps\":[64],\"hide\":[64],\"refresh\":[64],\"setProps\":[64],\"show\":[64]}]]],[\"kup-drawer\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-lazy\",[[1,\"kup-lazy\",{\"componentName\":[1,\"component-name\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"renderMode\":[1,\"render-mode\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"isInViewport\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-nav-bar\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-probe\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-dash_2\",[[1,\"kup-dash\",{\"active\":[4],\"fontsize\":[1],\"layout\":[1],\"index\":[2]}],[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"kup-autocomplete_27\",[[1,\"kup-box\",{\"cardData\":[16],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"dragEnabled\":[4,\"drag-enabled\"],\"dropEnabled\":[4,\"drop-enabled\"],\"dropOnSection\":[4,\"drop-on-section\"],\"editableData\":[4,\"editable-data\"],\"enableRowActions\":[4,\"enable-row-actions\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"kanban\":[16],\"layout\":[16],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pageSize\":[2,\"page-size\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showSelection\":[4,\"show-selection\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"autoFillMissingCells\":[4,\"auto-fill-missing-cells\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"density\":[1],\"dragEnabled\":[1540,\"drag-enabled\"],\"dropEnabled\":[516,\"drop-enabled\"],\"editableData\":[1028,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableColumnsFormula\":[4,\"enable-columns-formula\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableMergeColumns\":[4,\"enable-merge-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedRows\":[2,\"fixed-rows\"],\"forceOneLine\":[516,\"force-one-line\"],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"groupLabelDisplay\":[1,\"group-label-display\"],\"groups\":[1040],\"headerIsPersistent\":[4,\"header-is-persistent\"],\"isFocusable\":[4,\"is-focusable\"],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"lineBreakCharacter\":[1,\"line-break-character\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"pageSelected\":[2,\"page-selected\"],\"paginatorPos\":[1,\"paginator-pos\"],\"removableColumns\":[4,\"removable-columns\"],\"resizableColumns\":[4,\"resizable-columns\"],\"rowActions\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"selectRow\":[2,\"select-row\"],\"selectRowsById\":[1,\"select-rows-by-id\"],\"showCustomization\":[4,\"show-customization\"],\"showFilters\":[4,\"show-filters\"],\"showGroups\":[4,\"show-groups\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showHeader\":[4,\"show-header\"],\"showLoadMore\":[4,\"show-load-more\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"transpose\":[1028],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"hideColumn\":[64],\"newColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]}],[1,\"kup-tooltip\",{\"cellOptions\":[1040],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"detailData\":[1040],\"detailTimeout\":[2,\"detail-timeout\"],\"layout\":[1],\"loadTimeout\":[2,\"load-timeout\"],\"owner\":[1],\"relatedObject\":[1040],\"visible\":[32],\"refresh\":[64],\"setTooltipInfo\":[64],\"unsetTooltipInfo\":[64],\"getProps\":[64],\"setProps\":[64]}],[1,\"kup-tree\",{\"asAccordion\":[516,\"as-accordion\"],\"autoSelectionNodeMode\":[4,\"auto-selection-node-mode\"],\"columns\":[1040],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"density\":[1],\"dynamicExpansionCallback\":[16],\"editableData\":[4,\"editable-data\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"expanded\":[4],\"expansionMode\":[1,\"expansion-mode\"],\"filters\":[1040],\"globalFilter\":[4,\"global-filter\"],\"globalFilterValue\":[1537,\"global-filter-value\"],\"globalFilterMode\":[1,\"global-filter-mode\"],\"preventXScroll\":[516,\"prevent-x-scroll\"],\"removableColumns\":[4,\"removable-columns\"],\"ripple\":[4],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectedNode\":[1040],\"showColumns\":[1028,\"show-columns\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[1028,\"show-header\"],\"showIcons\":[4,\"show-icons\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"useDynamicExpansion\":[4,\"use-dynamic-expansion\"],\"showTooltipOnRightClick\":[4,\"show-tooltip-on-right-click\"],\"tooltipDetailTimeout\":[2,\"tooltip-detail-timeout\"],\"tooltipEnabled\":[4,\"tooltip-enabled\"],\"tooltipLoadTimeout\":[2,\"tooltip-load-timeout\"],\"totals\":[1040],\"treeColumnVisible\":[32],\"openedTotalMenu\":[32],\"columnMenuAnchor\":[32],\"selectedNodeString\":[32],\"stateSwitcher\":[32],\"isEmpty\":[64],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"hideColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-button-list\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-gauge\",{\"arcThickness\":[2,\"arc-thickness\"],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"firstThreshold\":[2,\"first-threshold\"],\"labelDistance\":[1026,\"label-distance\"],\"maxValue\":[1026,\"max-value\"],\"measurementUnit\":[1,\"measurement-unit\"],\"minValue\":[1026,\"min-value\"],\"needleCircle\":[4,\"needle-circle\"],\"onlyValue\":[4,\"only-value\"],\"reverseColors\":[4,\"reverse-colors\"],\"secondThreshold\":[2,\"second-threshold\"],\"showLabels\":[4,\"show-labels\"],\"showMaxmin\":[4,\"show-maxmin\"],\"showValue\":[4,\"show-value\"],\"size\":[2],\"value\":[1026],\"valueSize\":[2,\"value-size\"],\"widthComponent\":[1,\"width-component\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"stars\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-dropdown-button\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"dropdownOnly\":[4,\"dropdown-only\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"label\":[1],\"selectMode\":[1,\"select-mode\"],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]]],[1,\"kup-time-picker\",{\"clockVariant\":[4,\"clock-variant\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"manageSeconds\":[4,\"manage-seconds\"],\"timeMinutesStep\":[2,\"time-minutes-step\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]]],[1,\"kup-autocomplete\",{\"allowInconsistentValues\":[4,\"allow-inconsistent-values\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"inputDelay\":[2,\"input-delay\"],\"minimumChars\":[2,\"minimum-chars\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-combobox\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"initialValue\":[1,\"initial-value\"],\"isSelect\":[516,\"is-select\"],\"selectMode\":[1,\"select-mode\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-checkbox\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-progress-bar\",{\"centeredLabel\":[4,\"centered-label\"],\"customStyle\":[1,\"custom-style\"],\"hideLabel\":[4,\"hide-label\"],\"icon\":[1],\"label\":[1],\"isRadial\":[516,\"is-radial\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"fullWidth\":[516,\"full-width\"],\"helper\":[1],\"helperEnabled\":[4,\"helper-enabled\"],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputType\":[1,\"input-type\"],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"outlined\":[4],\"readOnly\":[4,\"read-only\"],\"step\":[2],\"textArea\":[4,\"text-area\"],\"trailingIcon\":[4,\"trailing-icon\"],\"trailingLabel\":[4,\"trailing-label\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]}],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-button\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayMode\":[1,\"display-mode\"],\"filter\":[1025],\"hideText\":[4,\"hide-text\"],\"isMenu\":[4,\"is-menu\"],\"keyboardNavigation\":[4,\"keyboard-navigation\"],\"menuVisible\":[4,\"menu-visible\"],\"roleType\":[1025,\"role-type\"],\"selectable\":[4],\"showIcons\":[4,\"show-icons\"],\"twoLine\":[4,\"two-line\"],\"focused\":[32],\"selected\":[32],\"focusNext\":[64],\"focusPrevious\":[64],\"getProps\":[64],\"refresh\":[64],\"select\":[64],\"setProps\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-magic-box\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-cell\",[[1,\"kup-cell\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"addCssClasses\":[64],\"getProps\":[64],\"refresh\":[64],\"removeCssClasses\":[64],\"setProps\":[64]}]]],[\"kup-dash-list\",[[1,\"kup-dash-list\",{\"layout\":[1],\"fontsize\":[1],\"active\":[4],\"columnsNumber\":[2,\"columns-number\"],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"iconColor\":[16],\"valueColor\":[16],\"textColor\":[16],\"data\":[16]}]]],[\"kup-field\",[[1,\"kup-field\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"label\":[1],\"labelPos\":[1,\"label-pos\"],\"showSubmit\":[4,\"show-submit\"],\"submitLabel\":[1,\"submit-label\"],\"submitPos\":[1,\"submit-pos\"],\"type\":[1],\"getCurrentValue\":[64],\"getProps\":[64],\"refresh\":[64]}]]],[\"kup-iframe\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-accordion\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]}]]],[\"kup-calendar\",[[1,\"kup-calendar\",{\"currentDate\":[1,\"current-date\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hideNavigation\":[4,\"hide-navigation\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-snackbar\",[[1,\"kup-snackbar\",{\"actionButton\":[16],\"closeButton\":[4,\"close-button\"],\"customStyle\":[1,\"custom-style\"],\"text\":[1],\"timeout\":[2],\"visible\":[32],\"getProps\":[64],\"hide\":[64],\"refresh\":[64],\"setProps\":[64],\"show\":[64]}]]],[\"kup-drawer\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-lazy\",[[1,\"kup-lazy\",{\"componentName\":[1,\"component-name\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"renderMode\":[1,\"render-mode\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"isInViewport\":[32],\"getProps\":[64],\"getComponent\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-nav-bar\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-probe\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-echart\",[[1,\"kup-echart\",{\"axis\":[1],\"chartTitle\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"legend\":[1],\"map\":[1],\"series\":[16],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"types\":[16],\"xAxis\":[16],\"yAxis\":[16],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-dash_2\",[[1,\"kup-dash\",{\"active\":[4],\"fontsize\":[1],\"layout\":[1],\"index\":[2]}],[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]]]"), options);
 });

package/dist/esm/kup-accordion.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-e0e67c23.js';
-import { k as kupManagerInstance, b as KupThemeColorValues, a as KupThemeIconValues } from './kup-manager-7fc234da.js';
-import { g as getProps, s as setProps } from './utils-6c73709d.js';
-import { F as FImage } from './f-image-3bc8b24f.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-78f3699d.js';
+import { k as kupManagerInstance, b as KupThemeColorValues, a as KupThemeIconValues } from './kup-manager-1f76a3ef.js';
+import { g as getProps, s as setProps } from './utils-93ae800f.js';
+import { F as FImage } from './f-image-5e5ed7e2.js';
 import { c as componentWrapperId } from './GenericVariables-6dfdd433.js';
-import { c as MDCRipple } from './component-d2803feb.js';
-import './tslib.es6-e6137777.js';
+import { M as MDCRipple } from './component-c4eb6153.js';
+import './tslib.es6-8f2d44b6.js';
 
 /**
  * Props of the kup-accordion component.
@@ -17,7 +17,7 @@ var KupAccordionProps;
   KupAccordionProps["ripple"] = "When enabled displays Material's ripple effect on item headers.";
 })(KupAccordionProps || (KupAccordionProps = {}));
 
-const kupAccordionCss = ":host{--kup_accordion_background_color:var(\n    --kup-accordion-background-color,\n    var(--kup-background-color)\n  );--kup_accordion_border:var(\n    --kup-accordion-border,\n    1px solid var(--kup-border-color)\n  );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n    --kup-accordion-dropdown-icon-color,\n    var(--kup-icon-color)\n  );--kup_accordion_font_family:var(\n    --kup-accordion-font-family,\n    var(--kup-font-family)\n  );--kup_accordion_font_size:var(\n    --kup-accordion-font-size,\n    var(--kup-font-size)\n  );--kup_accordion_hover_background_color:var(\n    --kup-accordion-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_accordion_hover_color:var(\n    --kup-accordion-hover-color,\n    var(--kup-hover-color)\n  );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n    --kup-accordion-primary-color,\n    var(--kup-primary-color)\n  );--kup_accordion_primary_color_rgb:var(\n    --kup-accordion-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_accordion_text_color:var(\n    --kup-accordion-text-color,\n    var(--kup-text-color)\n  );--kup_accordion_text_on_primary_color:var(\n    --kup-accordion-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none;overflow:hidden}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";
+const kupAccordionCss = ":host{--kup_accordion_background_color:var(\n    --kup-accordion-background-color,\n    var(--kup-background-color)\n  );--kup_accordion_border:var(\n    --kup-accordion-border,\n    1px solid var(--kup-border-color)\n  );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n    --kup-accordion-dropdown-icon-color,\n    var(--kup-icon-color)\n  );--kup_accordion_font_family:var(\n    --kup-accordion-font-family,\n    var(--kup-font-family)\n  );--kup_accordion_font_size:var(\n    --kup-accordion-font-size,\n    var(--kup-font-size)\n  );--kup_accordion_hover_background_color:var(\n    --kup-accordion-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_accordion_hover_color:var(\n    --kup-accordion-hover-color,\n    var(--kup-hover-color)\n  );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n    --kup-accordion-primary-color,\n    var(--kup-primary-color)\n  );--kup_accordion_primary_color_rgb:var(\n    --kup-accordion-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_accordion_text_color:var(\n    --kup-accordion-text-color,\n    var(--kup-text-color)\n  );--kup_accordion_text_on_primary_color:var(\n    --kup-accordion-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";
 
 let KupAccordion = class {
   constructor(hostRef) {