@sme.up/ketchup 6.4.0 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/cjs/{f-button-826a470e.js → f-button-a531feb2.js} +1 -1
  2. package/dist/cjs/{f-cell-2d5bcf0c.js → f-cell-75cb7933.js} +8 -6
  3. package/dist/cjs/{f-chip-2fd3363e.js → f-chip-9508a2e4.js} +2 -2
  4. package/dist/cjs/{f-image-0f17d599.js → f-image-c21cc616.js} +1 -1
  5. package/dist/cjs/{f-paginator-utils-946b579d.js → f-paginator-utils-2b72d7e8.js} +2 -4
  6. package/dist/cjs/{f-text-field-d243e4d8.js → f-text-field-a5b2bd0e.js} +2 -2
  7. package/dist/cjs/ketchup.cjs.js +1 -1
  8. package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
  9. package/dist/cjs/kup-autocomplete_25.cjs.entry.js +241 -86
  10. package/dist/cjs/kup-box.cjs.entry.js +41 -21
  11. package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
  12. package/dist/cjs/kup-cell.cjs.entry.js +5 -5
  13. package/dist/cjs/kup-dash-list.cjs.entry.js +1 -1
  14. package/dist/cjs/kup-dash_2.cjs.entry.js +1 -1
  15. package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
  16. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  17. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  18. package/dist/cjs/kup-family-tree.cjs.entry.js +18 -6
  19. package/dist/cjs/kup-form.cjs.entry.js +6 -6
  20. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-image-list.cjs.entry.js +7 -7
  22. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
  24. package/dist/cjs/{kup-manager-a8eecc60.js → kup-manager-8e67afec.js} +34 -21
  25. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  27. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  29. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  30. package/dist/cjs/kup-snackbar.cjs.entry.js +3 -3
  31. package/dist/cjs/loader.cjs.js +1 -1
  32. package/dist/collection/assets/card.js +23 -0
  33. package/dist/collection/components/kup-box/kup-box.js +36 -14
  34. package/dist/collection/components/kup-button/kup-button.css +1 -0
  35. package/dist/collection/components/kup-card/box/kup-card-box.js +132 -0
  36. package/dist/collection/components/kup-card/kup-card-declarations.js +2 -0
  37. package/dist/collection/components/kup-card/kup-card.css +100 -0
  38. package/dist/collection/components/kup-card/kup-card.js +5 -1
  39. package/dist/collection/components/kup-combobox/kup-combobox.js +1 -0
  40. package/dist/collection/components/kup-data-table/kup-data-table.js +20 -13
  41. package/dist/collection/components/kup-family-tree/kup-family-tree-declarations.js +1 -0
  42. package/dist/collection/components/kup-family-tree/kup-family-tree.js +38 -3
  43. package/dist/collection/components/kup-image-list/kup-image-list.js +1 -1
  44. package/dist/collection/components/kup-text-field/kup-text-field-declarations.js +1 -0
  45. package/dist/collection/components/kup-text-field/kup-text-field.js +27 -0
  46. package/dist/collection/components/kup-tree/kup-tree-declarations.js +0 -2
  47. package/dist/collection/components/kup-tree/kup-tree.js +116 -107
  48. package/dist/collection/f-components/f-cell/f-cell.js +4 -2
  49. package/dist/collection/f-components/f-text-field/f-text-field.js +1 -1
  50. package/dist/collection/managers/kup-objects/kup-objects.js +11 -1
  51. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +1 -0
  52. package/dist/esm/{f-button-2d0a5f21.js → f-button-15719ec1.js} +1 -1
  53. package/dist/esm/{f-cell-ee7d7b5c.js → f-cell-692c37bf.js} +8 -6
  54. package/dist/esm/{f-chip-0d29f91f.js → f-chip-abab04bf.js} +2 -2
  55. package/dist/esm/{f-image-ab131d59.js → f-image-98783644.js} +1 -1
  56. package/dist/esm/{f-paginator-utils-aa52af0f.js → f-paginator-utils-d12ee737.js} +2 -4
  57. package/dist/esm/{f-text-field-0729b19f.js → f-text-field-282025dd.js} +2 -2
  58. package/dist/esm/ketchup.js +1 -1
  59. package/dist/esm/kup-accordion.entry.js +2 -2
  60. package/dist/esm/kup-autocomplete_25.entry.js +241 -86
  61. package/dist/esm/kup-box.entry.js +41 -21
  62. package/dist/esm/kup-calendar.entry.js +4 -4
  63. package/dist/esm/kup-cell.entry.js +5 -5
  64. package/dist/esm/kup-dash-list.entry.js +1 -1
  65. package/dist/esm/kup-dash_2.entry.js +1 -1
  66. package/dist/esm/kup-dashboard.entry.js +4 -4
  67. package/dist/esm/kup-drawer.entry.js +1 -1
  68. package/dist/esm/kup-echart.entry.js +1 -1
  69. package/dist/esm/kup-family-tree.entry.js +18 -6
  70. package/dist/esm/kup-form.entry.js +6 -6
  71. package/dist/esm/kup-iframe.entry.js +1 -1
  72. package/dist/esm/kup-image-list.entry.js +7 -7
  73. package/dist/esm/kup-lazy.entry.js +1 -1
  74. package/dist/esm/kup-magic-box.entry.js +2 -2
  75. package/dist/esm/{kup-manager-13b4f989.js → kup-manager-abbae73e.js} +17 -4
  76. package/dist/esm/kup-nav-bar.entry.js +1 -1
  77. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  78. package/dist/esm/kup-photo-frame.entry.js +1 -1
  79. package/dist/esm/kup-probe.entry.js +1 -1
  80. package/dist/esm/kup-qlik.entry.js +1 -1
  81. package/dist/esm/kup-snackbar.entry.js +3 -3
  82. package/dist/esm/loader.js +1 -1
  83. package/dist/ketchup/ketchup.esm.js +1 -1
  84. package/dist/ketchup/p-1d2dea0a.entry.js +1 -0
  85. package/dist/ketchup/{p-e0f659c9.entry.js → p-1ef5d16d.entry.js} +1 -1
  86. package/dist/ketchup/{p-0cf10db0.js → p-20221a50.js} +1 -1
  87. package/dist/ketchup/{p-18b68e86.entry.js → p-27538d6f.entry.js} +1 -1
  88. package/dist/ketchup/{p-e01fa411.entry.js → p-29d72040.entry.js} +1 -1
  89. package/dist/ketchup/{p-adcfcd4f.entry.js → p-3760a159.entry.js} +1 -1
  90. package/dist/ketchup/p-3e74e1ed.js +1 -0
  91. package/dist/ketchup/{p-d7091875.entry.js → p-5933aa02.entry.js} +1 -1
  92. package/dist/ketchup/{p-83c214d7.entry.js → p-5ea2a1ff.entry.js} +1 -1
  93. package/dist/ketchup/{p-e21c744a.js → p-62421bcf.js} +1 -1
  94. package/dist/ketchup/{p-84957bbf.entry.js → p-62f3ec78.entry.js} +1 -1
  95. package/dist/ketchup/p-680a8cb4.entry.js +9 -0
  96. package/dist/ketchup/{p-fa9f161a.entry.js → p-6946b614.entry.js} +1 -1
  97. package/dist/ketchup/{p-bfe88b03.js → p-6f3040fb.js} +1 -1
  98. package/dist/ketchup/{p-816f0938.entry.js → p-725c6268.entry.js} +1 -1
  99. package/dist/ketchup/{p-28d514d0.entry.js → p-7d37ea62.entry.js} +1 -1
  100. package/dist/ketchup/{p-5f51009b.entry.js → p-7e16265d.entry.js} +1 -1
  101. package/dist/ketchup/{p-3fe35411.entry.js → p-9419919c.entry.js} +1 -1
  102. package/dist/ketchup/{p-13666119.entry.js → p-a450d60a.entry.js} +6 -6
  103. package/dist/ketchup/{p-e1d82570.entry.js → p-a4a30e0e.entry.js} +1 -1
  104. package/dist/ketchup/p-c05f2638.js +30 -0
  105. package/dist/ketchup/{p-d8656956.entry.js → p-ccef2553.entry.js} +1 -1
  106. package/dist/ketchup/{p-e5a9d60a.entry.js → p-d7a92197.entry.js} +1 -1
  107. package/dist/ketchup/{p-dc69549c.entry.js → p-d8af7ba6.entry.js} +1 -1
  108. package/dist/ketchup/{p-0986ad5d.js → p-e07a10fb.js} +1 -1
  109. package/dist/ketchup/{p-b705be3b.js → p-e6ebdb80.js} +1 -1
  110. package/dist/ketchup/{p-2ffdbee1.entry.js → p-eeadd688.entry.js} +1 -1
  111. package/dist/ketchup/{p-982d3e3a.entry.js → p-f6409c42.entry.js} +1 -1
  112. package/dist/ketchup/p-fd930a34.entry.js +1 -0
  113. package/dist/types/components/kup-card/box/kup-card-box.d.ts +26 -0
  114. package/dist/types/components/kup-card/kup-card-declarations.d.ts +3 -0
  115. package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts +3 -1
  116. package/dist/types/components/kup-family-tree/kup-family-tree-declarations.d.ts +1 -0
  117. package/dist/types/components/kup-family-tree/kup-family-tree.d.ts +5 -0
  118. package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts +1 -0
  119. package/dist/types/components/kup-text-field/kup-text-field.d.ts +5 -0
  120. package/dist/types/components/kup-tree/kup-tree-declarations.d.ts +0 -4
  121. package/dist/types/components/kup-tree/kup-tree.d.ts +18 -12
  122. package/dist/types/components.d.ts +30 -16
  123. package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +1 -0
  124. package/dist/types/managers/kup-objects/kup-objects.d.ts +6 -0
  125. package/package.json +3 -2
  126. package/dist/ketchup/p-3dcfffbe.entry.js +0 -1
  127. package/dist/ketchup/p-86795579.entry.js +0 -1
  128. package/dist/ketchup/p-8f85b8bb.entry.js +0 -9
  129. package/dist/ketchup/p-b8c921ee.js +0 -30
  130. package/dist/ketchup/p-f50cbed9.js +0 -1
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-31125378.js');
6
- const kupManager = require('./kup-manager-a8eecc60.js');
6
+ const kupManager = require('./kup-manager-8e67afec.js');
7
7
  const GenericVariables = require('./GenericVariables-a9ed17ee.js');
8
- const fTextField = require('./f-text-field-d243e4d8.js');
8
+ const fTextField = require('./f-text-field-a5b2bd0e.js');
9
9
  const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
10
10
  require('./tslib.es6-0ee02c67.js');
11
11
  require('./component-72a5b626.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-31125378.js');
6
- const kupManager = require('./kup-manager-a8eecc60.js');
6
+ const kupManager = require('./kup-manager-8e67afec.js');
7
7
  const GenericVariables = require('./GenericVariables-a9ed17ee.js');
8
8
 
9
9
  /**
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-31125378.js');
6
- const kupManager = require('./kup-manager-a8eecc60.js');
6
+ const kupManager = require('./kup-manager-8e67afec.js');
7
7
  const GenericVariables = require('./GenericVariables-a9ed17ee.js');
8
8
 
9
9
  const KupProbe = class {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-31125378.js');
6
- const kupManager = require('./kup-manager-a8eecc60.js');
6
+ const kupManager = require('./kup-manager-8e67afec.js');
7
7
 
8
8
  const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
9
9
 
@@ -3,11 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-31125378.js');
6
- const kupManager = require('./kup-manager-a8eecc60.js');
6
+ const kupManager = require('./kup-manager-8e67afec.js');
7
7
  const GenericVariables = require('./GenericVariables-a9ed17ee.js');
8
- const fButton = require('./f-button-826a470e.js');
8
+ const fButton = require('./f-button-a531feb2.js');
9
9
  require('./f-button-declarations-b611587f.js');
10
- require('./f-image-0f17d599.js');
10
+ require('./f-image-c21cc616.js');
11
11
 
12
12
  const snackbarClass = 'snackbar';
13
13
  /**
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy(JSON.parse("[[\"kup-autocomplete_25.cjs\",[[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],\"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\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"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],\"getSelectedRows\":[64],\"hideColumn\":[64],\"newColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[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-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-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-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\"],\"id\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[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-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-button\",{\"buttonType\":[1,\"button-type\"],\"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-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[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-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-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\"],\"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-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-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-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-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-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-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-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"decimals\":[2],\"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],\"name\":[1],\"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]}]]],[\"kup-dash-list.cjs\",[[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-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-family-tree.cjs\",[[1,\"kup-family-tree\",{\"autofitOnExpand\":[4,\"autofit-on-expand\"],\"autofitOnLoad\":[4,\"autofit-on-load\"],\"collapsible\":[4],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"layout\":[2],\"stackedLeaves\":[4,\"stacked-leaves\"],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"runAutofit\":[64],\"setProps\":[64]}]]],[\"kup-accordion.cjs\",[[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.cjs\",[[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-cell.cjs\",[[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-dashboard.cjs\",[[1,\"kup-dashboard\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"enableDesign\":[4,\"enable-design\"],\"resetInternalData\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-drawer.cjs\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-form.cjs\",[[1,\"kup-form\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"layout\":[16],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64]}]]],[\"kup-iframe.cjs\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-image-list.cjs\",[[1,\"kup-image-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedNode\":[16],\"stateId\":[1,\"state-id\"],\"store\":[16],\"currentNode\":[32],\"navigationBarToggled\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-lazy.cjs\",[[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.cjs\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-numeric-picker.cjs\",[[1,\"kup-numeric-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"decimals\":[4],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"maxDecimals\":[1026,\"max-decimals\"],\"maxIntegers\":[1026,\"max-integers\"],\"maxLength\":[2,\"max-length\"],\"negative\":[4],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]]]]],[\"kup-photo-frame.cjs\",[[1,\"kup-photo-frame\",{\"customStyle\":[1,\"custom-style\"],\"placeholderAttrs\":[16],\"resourceAttrs\":[16],\"threshold\":[2],\"isInViewport\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-probe.cjs\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik.cjs\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-snackbar.cjs\",[[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-echart.cjs\",[[1,\"kup-echart\",{\"axis\":[1025],\"colors\":[16],\"consistencyCheck\":[4,\"consistency-check\"],\"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.cjs\",[[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]}]]],[\"kup-box.cjs\",[[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\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}]]]]"), options);
17
+ return index.bootstrapLazy(JSON.parse("[[\"kup-autocomplete_25.cjs\",[[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-button\",{\"buttonType\":[1,\"button-type\"],\"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-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-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"type\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"text\":[1],\"getProps\":[64],\"refresh\":[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\":[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],\"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\"],\"sort\":[1040],\"sortableColumnsMutateData\":[4,\"sortable-columns-mutate-data\"],\"sortEnabled\":[4,\"sort-enabled\"],\"tableHeight\":[1,\"table-height\"],\"tableWidth\":[1,\"table-width\"],\"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],\"getSelectedRows\":[64],\"hideColumn\":[64],\"newColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[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\"],\"id\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[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-tree\",{\"asAccordion\":[516,\"as-accordion\"],\"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\"],\"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\"],\"totals\":[1040],\"treeColumnVisible\":[32],\"openedTotalMenu\":[32],\"columnMenuAnchor\":[32],\"stateSwitcher\":[32],\"selectedNode\":[32],\"getSelectedNode\":[64],\"setSelectedNode\":[64],\"isEmpty\":[64],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"hideColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[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-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-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-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-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-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-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-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-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"stars\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[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-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-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-text-field\",{\"customStyle\":[1,\"custom-style\"],\"decimals\":[2],\"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\"],\"inputMode\":[1,\"input-mode\"],\"inputType\":[1,\"input-type\"],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"name\":[1],\"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-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\"]]]]],[\"kup-dash-list.cjs\",[[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-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-family-tree.cjs\",[[1,\"kup-family-tree\",{\"autofitOnExpand\":[4,\"autofit-on-expand\"],\"autofitOnLoad\":[4,\"autofit-on-load\"],\"cardData\":[16],\"collapsible\":[4],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"layout\":[2],\"stackedLeaves\":[4,\"stacked-leaves\"],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"runAutofit\":[64],\"setProps\":[64]}]]],[\"kup-accordion.cjs\",[[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.cjs\",[[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-cell.cjs\",[[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-dashboard.cjs\",[[1,\"kup-dashboard\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"enableDesign\":[4,\"enable-design\"],\"resetInternalData\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-drawer.cjs\",[[1,\"kup-drawer\",{\"customStyle\":[1,\"custom-style\"],\"opened\":[32],\"close\":[64],\"getProps\":[64],\"isOpened\":[64],\"open\":[64],\"refresh\":[64],\"setProps\":[64],\"toggle\":[64]}]]],[\"kup-form.cjs\",[[1,\"kup-form\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"layout\":[16],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64]}]]],[\"kup-iframe.cjs\",[[1,\"kup-iframe\",{\"buttonData\":[16],\"isButton\":[4,\"is-button\"],\"src\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-image-list.cjs\",[[1,\"kup-image-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"selectedNode\":[16],\"stateId\":[1,\"state-id\"],\"store\":[16],\"currentNode\":[32],\"navigationBarToggled\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-lazy.cjs\",[[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.cjs\",[[1,\"kup-nav-bar\",{\"customStyle\":[1,\"custom-style\"],\"styling\":[513],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-numeric-picker.cjs\",[[1,\"kup-numeric-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"decimals\":[4],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"maxDecimals\":[1026,\"max-decimals\"],\"maxIntegers\":[1026,\"max-integers\"],\"maxLength\":[2,\"max-length\"],\"negative\":[4],\"stateSwitcher\":[32],\"value\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]]]]],[\"kup-photo-frame.cjs\",[[1,\"kup-photo-frame\",{\"customStyle\":[1,\"custom-style\"],\"placeholderAttrs\":[16],\"resourceAttrs\":[16],\"threshold\":[2],\"isInViewport\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-probe.cjs\",[[1,\"kup-probe\",{\"customStyle\":[1,\"custom-style\"],\"features\":[16],\"content\":[32],\"printLifecycleTime\":[64],\"refresh\":[64]}]]],[\"kup-qlik.cjs\",[[0,\"kup-qlik\",{\"config\":[16],\"qlik\":[8],\"appid\":[513],\"app\":[520],\"grid\":[16],\"debug\":[4],\"fluid\":[4],\"bordered\":[4],\"defobjsize\":[1],\"divlist\":[32]}]]],[\"kup-snackbar.cjs\",[[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-echart.cjs\",[[1,\"kup-echart\",{\"axis\":[1025],\"colors\":[16],\"consistencyCheck\":[4,\"consistency-check\"],\"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.cjs\",[[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]}]]],[\"kup-box.cjs\",[[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\"],\"sortBy\":[1025,\"sort-by\"],\"sortEnabled\":[4,\"sort-enabled\"],\"stateId\":[1,\"state-id\"],\"store\":[16],\"swipeDisabled\":[4,\"swipe-disabled\"],\"collapsedSection\":[32],\"selectedRows\":[32],\"rowActionMenuOpened\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"getProps\":[64],\"loadRowActions\":[64],\"refresh\":[64],\"setProps\":[64]}]]]]"), options);
18
18
  });
19
19
  };
20
20
 
@@ -160,6 +160,18 @@ for (let index = 0; index < cards.length; index++) {
160
160
  title: 'search',
161
161
  },
162
162
  ],
163
+ cell: [
164
+ { obj: { t: '', p: '', k: 'Cell 1' }, value: 'Cell 1' },
165
+ { obj: { t: '', p: '', k: 'Cell 2' }, value: 'Cell 2' },
166
+ { obj: { t: '', p: '', k: 'Cell 3' }, value: 'Cell 3' },
167
+ { obj: { t: 'J4', p: 'ICO', k: 'widgets' }, value: 'widgets' },
168
+ ],
169
+ columns: [
170
+ { name: '1', title: 'Column 1' },
171
+ { name: '2', title: 'Column 2' },
172
+ { name: '3', title: 'Column 3' },
173
+ { name: 'ICO', title: 'Column ICO' },
174
+ ],
163
175
  chart: [
164
176
  {
165
177
  data: {
@@ -393,6 +405,17 @@ for (let index = 0; index < cards.length; index++) {
393
405
  leadingLabel: true,
394
406
  },
395
407
  ],
408
+ object: [
409
+ { k: 'OBJ KEY #1' },
410
+ { k: 'OBJ KEY #2' },
411
+ { k: 'OBJ KEY #3' },
412
+ { k: 'OBJ KEY #4' },
413
+ { k: 'OBJ KEY #5' },
414
+ { k: 'OBJ KEY #6' },
415
+ { k: 'OBJ KEY #7' },
416
+ { k: 'OBJ KEY #8' },
417
+ { k: 'OBJ KEY #9' },
418
+ ],
396
419
  tabbar: [
397
420
  {
398
421
  data: [
@@ -383,12 +383,24 @@ export class KupBox {
383
383
  let column = null;
384
384
  if (el) {
385
385
  boxObject =
386
- el.closest('.box-object') || el.querySelector('.box-object');
386
+ el.closest('.box-object') ||
387
+ el.querySelector('.box-object') ||
388
+ el.closest('.f-cell');
387
389
  }
388
390
  if (boxObject) {
389
- cell = boxObject['data-cell'];
390
- row = boxObject['data-row'];
391
- column = getColumnByName(this.visibleColumns, boxObject.dataset.column);
391
+ if (boxObject.classList.contains('f-cell')) {
392
+ const props = boxObject['kup-get-cell-props']();
393
+ cell = props.cell;
394
+ column = props.column;
395
+ row = props.row;
396
+ }
397
+ else {
398
+ cell = boxObject['data-cell'];
399
+ row = boxObject['data-row'];
400
+ column = getColumnByName(this.visibleColumns, boxObject.dataset.column);
401
+ }
402
+ }
403
+ else {
392
404
  }
393
405
  return {
394
406
  boxObject: boxObject ? boxObject : null,
@@ -579,17 +591,26 @@ export class KupBox {
579
591
  // render methods
580
592
  renderSectionAsCard(row) {
581
593
  let skipPush = false;
582
- let cardData = {
594
+ const cardData = {
583
595
  button: [],
596
+ cell: [],
597
+ columns: [],
584
598
  image: [],
585
599
  progressbar: [],
586
600
  text: [],
587
601
  };
602
+ for (let index = 0; index < this.data.columns.length; index++) {
603
+ const column = this.data.columns[index];
604
+ if (column.visible !== false) {
605
+ cardData.cell.push(row.cells[column.name]);
606
+ cardData.columns.push(column);
607
+ }
608
+ }
588
609
  //First cycle sets specific binds between cardIDs and cells
589
- for (var key in row.cells) {
610
+ for (const key in row.cells) {
590
611
  if (row.cells.hasOwnProperty(key)) {
591
- var cell = row.cells[key];
592
- if (cell.cardID !== undefined) {
612
+ const cell = row.cells[key];
613
+ if (cell.cardID !== undefined && cell.obj) {
593
614
  switch (cell.obj.p) {
594
615
  case 'BTN':
595
616
  do {
@@ -626,16 +647,16 @@ export class KupBox {
626
647
  }
627
648
  }
628
649
  //Second cycle sets leftover binds automatically
629
- for (var key in row.cells) {
650
+ for (const key in row.cells) {
630
651
  if (row.cells.hasOwnProperty(key)) {
631
- var cell = row.cells[key];
632
- if (cell.cardID === undefined) {
652
+ const cell = row.cells[key];
653
+ if (cell.cardID === undefined && cell.obj) {
633
654
  skipPush = false;
634
655
  switch (cell.obj.p) {
635
656
  case 'BTN':
636
657
  for (let index = 0; index < cardData.button.length; index++) {
637
658
  //If there are empty elements, the first one will be used
638
- if (cardData.button[index] === {}) {
659
+ if (!Object.keys(cardData.button[index]).length) {
639
660
  cardData.button[index] = {
640
661
  label: cell.value,
641
662
  };
@@ -653,7 +674,7 @@ export class KupBox {
653
674
  case 'IMG':
654
675
  for (let index = 0; index < cardData.image.length; index++) {
655
676
  //If there are empty elements, the first one will be used
656
- if (cardData.image[index] === {}) {
677
+ if (!Object.keys(cardData.image[index]).length) {
657
678
  cardData.image[index] = {
658
679
  resource: cell.value,
659
680
  };
@@ -671,7 +692,8 @@ export class KupBox {
671
692
  case 'PGB':
672
693
  for (let index = 0; index < cardData.progressbar.length; index++) {
673
694
  //If there are empty elements, the first one will be used
674
- if (cardData.progressbar[index] === {}) {
695
+ if (!Object.keys(cardData.progressbar[index])
696
+ .length) {
675
697
  cardData.progressbar[index] = {
676
698
  value: cell.value,
677
699
  };
@@ -14,6 +14,7 @@
14
14
  * @prop --kup-button-primary-color-l: Sets the primary color Lightness value of the button (used for focus/hover effects).
15
15
  * @prop --kup-button-primary-color-rgb: Sets the primary color RGB values of the button (used for shaders).
16
16
  * @prop --kup-button-text-on-primary-color: Sets text and icon color for raised buttons.
17
+ * @prop --kup-button-text-transform: Set the label case, default is uppercase.
17
18
  */
18
19
  :host {
19
20
  display: block;
@@ -0,0 +1,132 @@
1
+ import { h } from '@stencil/core';
2
+ import { FCell } from '../../../f-components/f-cell/f-cell';
3
+ import { FCellPadding, FCellShapes, } from '../../../f-components/f-cell/f-cell-declarations';
4
+ const dom = document.documentElement;
5
+ /**
6
+ * 1st box card layout, it can be used as a key-value grid list.
7
+ * @param {KupCard} component - Card component.
8
+ * @returns {VNode} 1st box layout virtual node.
9
+ */
10
+ export function create1(component) {
11
+ const rows = [];
12
+ for (let index = 0; index < component.data.cell.length; index++) {
13
+ const cell = component.data.cell[index];
14
+ const column = component.data.columns[index];
15
+ const props = {
16
+ cell: cell,
17
+ column: column,
18
+ component: component,
19
+ density: FCellPadding.NONE,
20
+ renderKup: true,
21
+ row: { cells: { [column.name]: cell } },
22
+ };
23
+ rows.push(h("tr", null,
24
+ h("td", { class: "label" }, column.title),
25
+ h("td", { class: "value" },
26
+ h(FCell, Object.assign({}, props)))));
27
+ }
28
+ return (h("div", { class: `box-layout-${component.layoutNumber}` },
29
+ h("table", null, rows)));
30
+ }
31
+ /**
32
+ * 2nd box card layout, it can be used as a key-value grid list with text occupying the left/right edges of the box.
33
+ * @param {KupCard} component - Card component.
34
+ * @returns {VNode} 2nd box layout virtual node.
35
+ */
36
+ export function create2(component) {
37
+ const rows = [];
38
+ for (let index = 0; index < component.data.cell.length; index++) {
39
+ const cell = component.data.cell[index];
40
+ const column = component.data.columns[index];
41
+ const props = {
42
+ cell: cell,
43
+ column: column,
44
+ component: component,
45
+ density: FCellPadding.NONE,
46
+ renderKup: true,
47
+ row: { cells: { [column.name]: cell } },
48
+ };
49
+ rows.push(h("div", { class: "flex-container" },
50
+ h("div", { class: "label" }, column.title),
51
+ h("div", { class: "value" },
52
+ h(FCell, Object.assign({}, props)))));
53
+ }
54
+ return (h("div", { class: `box-layout-${component.layoutNumber}` },
55
+ h("div", { class: "container" }, rows)));
56
+ }
57
+ /**
58
+ * 3rd box card layout, it can be used as a key-value row list.
59
+ * @param {KupCard} component - Card component.
60
+ * @returns {VNode} 3rd box layout virtual node.
61
+ */
62
+ export function create3(component) {
63
+ const rows = [];
64
+ for (let index = 0; index < component.data.cell.length; index++) {
65
+ const cell = component.data.cell[index];
66
+ const column = component.data.columns[index];
67
+ const props = {
68
+ cell: cell,
69
+ column: column,
70
+ component: component,
71
+ density: FCellPadding.NONE,
72
+ renderKup: true,
73
+ row: { cells: { [column.name]: cell } },
74
+ };
75
+ rows.push(h("div", { class: "flex-container" },
76
+ h("div", { class: "label" }, column.title),
77
+ h("div", { class: "value" },
78
+ h(FCell, Object.assign({}, props)))));
79
+ }
80
+ return (h("div", { class: `box-layout-${component.layoutNumber}` },
81
+ h("div", { class: "container" }, rows)));
82
+ }
83
+ /**
84
+ * 4th box card layout, image and value.
85
+ * @param {KupCard} component - Card component.
86
+ * @returns {VNode} 4th box layout virtual node.
87
+ */
88
+ export function create4(component) {
89
+ const cells = component.data.cell;
90
+ const columns = component.data.columns;
91
+ let image = null;
92
+ let value = null;
93
+ for (let index = 0; index < cells.length; index++) {
94
+ const cell = cells[index];
95
+ if ((!image &&
96
+ (dom.ketchup.objects.isImage(cell.obj) ||
97
+ dom.ketchup.objects.isIcon(cell.obj))) ||
98
+ cell.shape === FCellShapes.IMAGE) {
99
+ image = index;
100
+ if (!cell.data) {
101
+ cell.data = { resource: cell.value };
102
+ }
103
+ }
104
+ if (!value && !dom.ketchup.objects.isImage(cell.obj)) {
105
+ value = index;
106
+ }
107
+ }
108
+ const imageProps = {
109
+ cell: cells[image],
110
+ column: columns[image],
111
+ component: component,
112
+ density: FCellPadding.NONE,
113
+ renderKup: true,
114
+ row: { cells: { [columns[image].name]: cells[image] } },
115
+ wrapperClass: 'c-centered',
116
+ };
117
+ const valueProps = {
118
+ cell: cells[value],
119
+ column: columns[value],
120
+ component: component,
121
+ density: FCellPadding.NONE,
122
+ renderKup: true,
123
+ row: { cells: { [columns[value].name]: cells[value] } },
124
+ wrapperClass: 'c-centered',
125
+ };
126
+ return (h("div", { class: `box-layout-${component.layoutNumber}` },
127
+ h("div", { class: "container" },
128
+ h("div", { class: "image" },
129
+ h(FCell, Object.assign({}, imageProps))),
130
+ h("div", { class: "value" },
131
+ h(FCell, Object.assign({}, valueProps))))));
132
+ }
@@ -29,6 +29,7 @@ export var KupCardBuiltInClockElements;
29
29
  /**
30
30
  * Layout families of the kup-card component.
31
31
  * @enum {string}
32
+ * @property {string} BOX - Layouts tailored for kup-box.
32
33
  * @property {string} BUILT_IN - Cards belonging to this family will be created automatically by the library and will have premade behaviors.
33
34
  * @property {string} COLLAPSIBLE - Cards belonging to this family will display an area usable to expand the content of the card.
34
35
  * @property {string} DIALOG - Cards belonging to this family will be movable and usually closable.
@@ -38,6 +39,7 @@ export var KupCardBuiltInClockElements;
38
39
  */
39
40
  export var KupCardFamily;
40
41
  (function (KupCardFamily) {
42
+ KupCardFamily["BOX"] = "box";
41
43
  KupCardFamily["BUILT_IN"] = "built-in";
42
44
  KupCardFamily["COLLAPSIBLE"] = "collapsible";
43
45
  KupCardFamily["DIALOG"] = "dialog";
@@ -1,3 +1,103 @@
1
+ .box-layout-1 {
2
+ background-color: var(--kup-background-color);
3
+ color: var(--kup-text-color);
4
+ font-size: var(--kup-font-size);
5
+ padding: 0.5em;
6
+ }
7
+ .box-layout-1 table {
8
+ width: 100%;
9
+ }
10
+ .box-layout-1 .label {
11
+ overflow: hidden;
12
+ padding: 0.5em;
13
+ text-overflow: ellipsis;
14
+ width: 50%;
15
+ }
16
+ .box-layout-1 .value {
17
+ padding: 0.5em;
18
+ font-weight: bold;
19
+ }
20
+
21
+ .box-layout-2 {
22
+ background-color: var(--kup-background-color);
23
+ color: var(--kup-text-color);
24
+ font-size: var(--kup-font-size);
25
+ padding: 0.5em;
26
+ }
27
+ .box-layout-2 .container {
28
+ width: 100%;
29
+ }
30
+ .box-layout-2 .flex-container {
31
+ display: flex;
32
+ justify-content: space-between;
33
+ }
34
+ .box-layout-2 .label {
35
+ overflow: hidden;
36
+ padding: 0.5em;
37
+ text-overflow: ellipsis;
38
+ width: 50%;
39
+ }
40
+ .box-layout-2 .value {
41
+ padding: 0.5em;
42
+ font-weight: bold;
43
+ }
44
+
45
+ .box-layout-3 {
46
+ background-color: var(--kup-background-color);
47
+ color: var(--kup-text-color);
48
+ font-size: var(--kup-font-size);
49
+ padding: 0.5em;
50
+ }
51
+ .box-layout-3 .container {
52
+ display: flex;
53
+ width: 100%;
54
+ }
55
+ .box-layout-3 .flex-container {
56
+ align-items: center;
57
+ display: flex;
58
+ }
59
+ .box-layout-3 .label {
60
+ overflow: hidden;
61
+ padding: 0.5em;
62
+ text-overflow: ellipsis;
63
+ white-space: nowrap;
64
+ width: 50%;
65
+ }
66
+ .box-layout-3 .value {
67
+ padding: 0.5em;
68
+ font-weight: bold;
69
+ }
70
+ .box-layout-3 .f-cell .f-cell__text {
71
+ white-space: nowrap;
72
+ }
73
+
74
+ .box-layout-4 {
75
+ background-color: var(--kup-background-color);
76
+ color: var(--kup-text-color);
77
+ display: flex;
78
+ font-size: var(--kup-font-size);
79
+ height: 100%;
80
+ padding: 0.5em;
81
+ }
82
+ .box-layout-4 .container {
83
+ margin: auto;
84
+ width: 100%;
85
+ }
86
+ .box-layout-4 .image {
87
+ border-radius: 50%;
88
+ height: 64px;
89
+ margin: auto;
90
+ width: 64px;
91
+ }
92
+ .box-layout-4 .value {
93
+ padding: 0.5em;
94
+ font-weight: bold;
95
+ }
96
+ .box-layout-4 .f-cell.c-centered .f-cell__content img,
97
+ .box-layout-4 .f-cell.c-centered .f-cell__content .f-image {
98
+ margin: 0;
99
+ }
100
+
1
101
  .built-in-layout-1 {
2
102
  background-color: var(--kup-background-color);
3
103
  border-radius: 4px;
@@ -1,5 +1,6 @@
1
1
  import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, } from '@stencil/core';
2
2
  import { MDCRipple } from '@material/ripple';
3
+ import * as boxLayouts from './box/kup-card-box';
3
4
  import * as builtInLayouts from './built-in/kup-card-built-in';
4
5
  import * as collapsibleLayouts from './collapsible/kup-card-collapsible';
5
6
  import * as dialogLayouts from './dialog/kup-card-dialog';
@@ -196,6 +197,9 @@ export class KupCard {
196
197
  const method = 'create' + this.layoutNumber;
197
198
  try {
198
199
  switch (family) {
200
+ case KupCardFamily.BOX: {
201
+ return boxLayouts[method](this);
202
+ }
199
203
  case KupCardFamily.BUILT_IN: {
200
204
  return builtInLayouts[method](this);
201
205
  }
@@ -549,7 +553,7 @@ export class KupCard {
549
553
  "mutable": false,
550
554
  "complexType": {
551
555
  "original": "KupCardFamily",
552
- "resolved": "KupCardFamily.BUILT_IN | KupCardFamily.COLLAPSIBLE | KupCardFamily.DIALOG | KupCardFamily.FREE | KupCardFamily.SCALABLE | KupCardFamily.STANDARD",
556
+ "resolved": "KupCardFamily.BOX | KupCardFamily.BUILT_IN | KupCardFamily.COLLAPSIBLE | KupCardFamily.DIALOG | KupCardFamily.FREE | KupCardFamily.SCALABLE | KupCardFamily.STANDARD",
553
557
  "references": {
554
558
  "KupCardFamily": {
555
559
  "location": "import",
@@ -154,6 +154,7 @@ export class KupCombobox {
154
154
  this.kupItemClick.emit({
155
155
  comp: this,
156
156
  id: this.rootElement.id,
157
+ node: e.detail.selected,
157
158
  value: this.value,
158
159
  inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
159
160
  });