@sme.up/ketchup 6.5.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 (125) hide show
  1. package/dist/cjs/{f-button-4e2a0bb6.js → f-button-a531feb2.js} +1 -1
  2. package/dist/cjs/{f-cell-1fc8a8b6.js → f-cell-75cb7933.js} +8 -6
  3. package/dist/cjs/{f-chip-7867f17b.js → f-chip-9508a2e4.js} +2 -2
  4. package/dist/cjs/{f-image-6b7a6168.js → f-image-c21cc616.js} +1 -1
  5. package/dist/cjs/{f-paginator-utils-b7712403.js → f-paginator-utils-2b72d7e8.js} +2 -4
  6. package/dist/cjs/{f-text-field-153e827c.js → f-text-field-a5b2bd0e.js} +1 -1
  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 +235 -114
  10. package/dist/cjs/kup-box.cjs.entry.js +23 -13
  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-cfe2f36e.js → kup-manager-8e67afec.js} +23 -20
  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 +12 -2
  33. package/dist/collection/components/kup-box/kup-box.js +18 -6
  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 -20
  38. package/dist/collection/components/kup-card/kup-card.js +5 -1
  39. package/dist/collection/components/kup-card/standard/kup-card-standard.js +0 -28
  40. package/dist/collection/components/kup-combobox/kup-combobox.js +1 -0
  41. package/dist/collection/components/kup-data-table/kup-data-table.js +20 -13
  42. package/dist/collection/components/kup-family-tree/kup-family-tree-declarations.js +1 -0
  43. package/dist/collection/components/kup-family-tree/kup-family-tree.js +38 -3
  44. package/dist/collection/components/kup-image-list/kup-image-list.js +1 -1
  45. package/dist/collection/components/kup-tree/kup-tree-declarations.js +0 -2
  46. package/dist/collection/components/kup-tree/kup-tree.js +116 -107
  47. package/dist/collection/f-components/f-cell/f-cell.js +4 -2
  48. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +1 -0
  49. package/dist/esm/{f-button-a24e43dd.js → f-button-15719ec1.js} +1 -1
  50. package/dist/esm/{f-cell-ebbb0c06.js → f-cell-692c37bf.js} +8 -6
  51. package/dist/esm/{f-chip-e2c38ba8.js → f-chip-abab04bf.js} +2 -2
  52. package/dist/esm/{f-image-7e02e88f.js → f-image-98783644.js} +1 -1
  53. package/dist/esm/{f-paginator-utils-e6d2638f.js → f-paginator-utils-d12ee737.js} +2 -4
  54. package/dist/esm/{f-text-field-8438a278.js → f-text-field-282025dd.js} +1 -1
  55. package/dist/esm/ketchup.js +1 -1
  56. package/dist/esm/kup-accordion.entry.js +2 -2
  57. package/dist/esm/kup-autocomplete_25.entry.js +235 -114
  58. package/dist/esm/kup-box.entry.js +23 -13
  59. package/dist/esm/kup-calendar.entry.js +4 -4
  60. package/dist/esm/kup-cell.entry.js +5 -5
  61. package/dist/esm/kup-dash-list.entry.js +1 -1
  62. package/dist/esm/kup-dash_2.entry.js +1 -1
  63. package/dist/esm/kup-dashboard.entry.js +4 -4
  64. package/dist/esm/kup-drawer.entry.js +1 -1
  65. package/dist/esm/kup-echart.entry.js +1 -1
  66. package/dist/esm/kup-family-tree.entry.js +18 -6
  67. package/dist/esm/kup-form.entry.js +6 -6
  68. package/dist/esm/kup-iframe.entry.js +1 -1
  69. package/dist/esm/kup-image-list.entry.js +7 -7
  70. package/dist/esm/kup-lazy.entry.js +1 -1
  71. package/dist/esm/kup-magic-box.entry.js +2 -2
  72. package/dist/esm/{kup-manager-7c27e90e.js → kup-manager-abbae73e.js} +6 -3
  73. package/dist/esm/kup-nav-bar.entry.js +1 -1
  74. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  75. package/dist/esm/kup-photo-frame.entry.js +1 -1
  76. package/dist/esm/kup-probe.entry.js +1 -1
  77. package/dist/esm/kup-qlik.entry.js +1 -1
  78. package/dist/esm/kup-snackbar.entry.js +3 -3
  79. package/dist/esm/loader.js +1 -1
  80. package/dist/ketchup/ketchup.esm.js +1 -1
  81. package/dist/ketchup/p-1d2dea0a.entry.js +1 -0
  82. package/dist/ketchup/{p-a782ebd1.entry.js → p-1ef5d16d.entry.js} +1 -1
  83. package/dist/ketchup/{p-92595296.js → p-20221a50.js} +1 -1
  84. package/dist/ketchup/{p-52590a90.entry.js → p-27538d6f.entry.js} +1 -1
  85. package/dist/ketchup/p-29d72040.entry.js +1 -0
  86. package/dist/ketchup/{p-cc663bad.entry.js → p-3760a159.entry.js} +1 -1
  87. package/dist/ketchup/p-3e74e1ed.js +1 -0
  88. package/dist/ketchup/{p-191096ff.entry.js → p-5933aa02.entry.js} +1 -1
  89. package/dist/ketchup/{p-25875aa1.entry.js → p-5ea2a1ff.entry.js} +1 -1
  90. package/dist/ketchup/{p-26acb448.js → p-62421bcf.js} +1 -1
  91. package/dist/ketchup/{p-b502b91b.entry.js → p-62f3ec78.entry.js} +1 -1
  92. package/dist/ketchup/p-680a8cb4.entry.js +9 -0
  93. package/dist/ketchup/{p-601a50db.entry.js → p-6946b614.entry.js} +1 -1
  94. package/dist/ketchup/{p-3decc8e4.js → p-6f3040fb.js} +1 -1
  95. package/dist/ketchup/{p-2003a841.entry.js → p-725c6268.entry.js} +1 -1
  96. package/dist/ketchup/{p-3138cabb.entry.js → p-7d37ea62.entry.js} +1 -1
  97. package/dist/ketchup/{p-e0ed3fd7.entry.js → p-7e16265d.entry.js} +1 -1
  98. package/dist/ketchup/{p-2f009c42.entry.js → p-9419919c.entry.js} +1 -1
  99. package/dist/ketchup/{p-97f28bbd.entry.js → p-a450d60a.entry.js} +6 -6
  100. package/dist/ketchup/{p-23111c8d.entry.js → p-a4a30e0e.entry.js} +1 -1
  101. package/dist/ketchup/p-c05f2638.js +30 -0
  102. package/dist/ketchup/{p-5a703573.entry.js → p-ccef2553.entry.js} +1 -1
  103. package/dist/ketchup/{p-b238f9ea.entry.js → p-d7a92197.entry.js} +1 -1
  104. package/dist/ketchup/{p-b131b257.entry.js → p-d8af7ba6.entry.js} +1 -1
  105. package/dist/ketchup/{p-88722265.js → p-e07a10fb.js} +1 -1
  106. package/dist/ketchup/{p-1468bf09.js → p-e6ebdb80.js} +1 -1
  107. package/dist/ketchup/{p-45415b72.entry.js → p-eeadd688.entry.js} +1 -1
  108. package/dist/ketchup/{p-69dd11da.entry.js → p-f6409c42.entry.js} +1 -1
  109. package/dist/ketchup/p-fd930a34.entry.js +1 -0
  110. package/dist/types/components/kup-card/box/kup-card-box.d.ts +26 -0
  111. package/dist/types/components/kup-card/kup-card-declarations.d.ts +2 -0
  112. package/dist/types/components/kup-card/standard/kup-card-standard.d.ts +0 -6
  113. package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts +3 -1
  114. package/dist/types/components/kup-family-tree/kup-family-tree-declarations.d.ts +1 -0
  115. package/dist/types/components/kup-family-tree/kup-family-tree.d.ts +5 -0
  116. package/dist/types/components/kup-tree/kup-tree-declarations.d.ts +0 -4
  117. package/dist/types/components/kup-tree/kup-tree.d.ts +18 -12
  118. package/dist/types/components.d.ts +20 -16
  119. package/package.json +3 -2
  120. package/dist/ketchup/p-753c82d8.js +0 -1
  121. package/dist/ketchup/p-77600efd.entry.js +0 -9
  122. package/dist/ketchup/p-9027e5ac.js +0 -30
  123. package/dist/ketchup/p-aa564df8.entry.js +0 -1
  124. package/dist/ketchup/p-b4f85d34.entry.js +0 -1
  125. package/dist/ketchup/p-ca98059c.entry.js +0 -1
@@ -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-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\"],\"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-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\"],\"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,8 +160,18 @@ for (let index = 0; index < cards.length; index++) {
160
160
  title: 'search',
161
161
  },
162
162
  ],
163
- cell: [{ obj: { t: '', p: '', k: 'Cell 1' }, value: 'Cell 1' }],
164
- columns: [{ name: '1', title: 'Column 1' }],
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
+ ],
165
175
  chart: [
166
176
  {
167
177
  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,
@@ -598,7 +610,7 @@ export class KupBox {
598
610
  for (const key in row.cells) {
599
611
  if (row.cells.hasOwnProperty(key)) {
600
612
  const cell = row.cells[key];
601
- if (cell.cardID !== undefined) {
613
+ if (cell.cardID !== undefined && cell.obj) {
602
614
  switch (cell.obj.p) {
603
615
  case 'BTN':
604
616
  do {
@@ -638,7 +650,7 @@ export class KupBox {
638
650
  for (const key in row.cells) {
639
651
  if (row.cells.hasOwnProperty(key)) {
640
652
  const cell = row.cells[key];
641
- if (cell.cardID === undefined) {
653
+ if (cell.cardID === undefined && cell.obj) {
642
654
  skipPush = false;
643
655
  switch (cell.obj.p) {
644
656
  case 'BTN':
@@ -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;
@@ -2499,26 +2599,6 @@
2499
2599
  margin: 0 0 0.5em 0;
2500
2600
  }
2501
2601
 
2502
- .standard-layout-16 {
2503
- background-color: var(--kup-background-color);
2504
- border-radius: 4px;
2505
- box-shadow: 0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);
2506
- color: var(--kup-text-color);
2507
- font-size: var(--kup-font-size);
2508
- padding: 0.5em;
2509
- }
2510
- .standard-layout-16 > table {
2511
- width: 100%;
2512
- }
2513
- .standard-layout-16 .label {
2514
- padding: 0.5em;
2515
- vertical-align: top;
2516
- }
2517
- .standard-layout-16 .value {
2518
- padding: 0.5em;
2519
- font-weight: bold;
2520
- }
2521
-
2522
2602
  /**
2523
2603
  * @prop --kup-card-ripple-color: Sets color of ripple effect (for Material layouts).
2524
2604
  */
@@ -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",
@@ -6,8 +6,6 @@ import { FChipType } from '../../../f-components/f-chip/f-chip-declarations';
6
6
  import { KupCardCSSClasses, KupCardIds } from '../kup-card-declarations';
7
7
  import { KupColumnMenuIds } from '../../../utils/kup-column-menu/kup-column-menu-declarations';
8
8
  import { KupThemeColorValues } from '../../../managers/kup-theme/kup-theme-declarations';
9
- import { FCell } from '../../../f-components/f-cell/f-cell';
10
- import { FCellPadding, } from '../../../f-components/f-cell/f-cell-declarations';
11
9
  const dom = document.documentElement;
12
10
  /**
13
11
  * 1st standard card layout, inspired by Material Design.
@@ -773,29 +771,3 @@ export function create15(component) {
773
771
  compList(genericButtons.slice(0, 5), 'button'),
774
772
  h("kup-button", { title: dom.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" }))) : null));
775
773
  }
776
- /**
777
- * 16th standard card layout, it can be used as a key-value grid list.
778
- * @param {KupCard} component - Card component.
779
- * @returns {VNode} 16th standard layout virtual node.
780
- */
781
- export function create16(component) {
782
- const rows = [];
783
- for (let index = 0; index < component.data.cell.length; index++) {
784
- const cell = component.data.cell[index];
785
- const column = component.data.columns[index];
786
- const props = {
787
- cell: cell,
788
- column: column,
789
- component: component,
790
- density: FCellPadding.NONE,
791
- renderKup: true,
792
- row: { cells: { [column.name]: cell } },
793
- };
794
- rows.push(h("tr", null,
795
- h("td", { class: "label" }, column.title),
796
- h("td", { class: "value" },
797
- h(FCell, Object.assign({}, props)))));
798
- }
799
- return (h("div", { class: `standard-layout-${component.layoutNumber}` },
800
- h("table", null, rows)));
801
- }
@@ -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
  });
@@ -321,7 +321,7 @@ export class KupDataTable {
321
321
  'format-color-text',
322
322
  'format-font-size-increase',
323
323
  ];
324
- this.DENSITY_DECODES = ['Dense', 'Normal', 'Wide'];
324
+ this.DENSITY_DECODES = ['Dense', 'Medium', 'Wide'];
325
325
  this.DENSITY_ICONS = [
326
326
  'format-align-justify',
327
327
  'reorder-horizontal',
@@ -3041,8 +3041,9 @@ export class KupDataTable {
3041
3041
  }
3042
3042
  renderPaginator(top) {
3043
3043
  return (h("div", { class: "paginator-wrapper" },
3044
- h("div", { class: "paginator-tabs" }, !this.lazyLoadRows &&
3045
- this.rowsLength > this.rowsPerPage ? (h(FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: this.rowsLength, perPage: this.currentRowsPerPage
3044
+ h("div", { class: "paginator-tabs" }, this.showLoadMore ||
3045
+ (!this.lazyLoadRows &&
3046
+ this.rowsLength > this.rowsPerPage) ? (h(FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: this.rowsLength, perPage: this.currentRowsPerPage
3046
3047
  ? this.currentRowsPerPage
3047
3048
  : this.rowsPerPage, onLoadMore: this.showLoadMore
3048
3049
  ? () => {
@@ -3167,12 +3168,14 @@ export class KupDataTable {
3167
3168
  value = KupLanguageDensity.WIDE;
3168
3169
  break;
3169
3170
  }
3170
- listItems[i] = {
3171
- icon: icons[i],
3172
- id: codes[i],
3173
- selected: selectedCode == codes[i],
3174
- value: this.kupManager.language.translate(value),
3175
- };
3171
+ if (value) {
3172
+ listItems[i] = {
3173
+ icon: icons[i],
3174
+ id: codes[i],
3175
+ selected: selectedCode == codes[i],
3176
+ value: this.kupManager.language.translate(value),
3177
+ };
3178
+ }
3176
3179
  }
3177
3180
  return listItems;
3178
3181
  }
@@ -3204,14 +3207,18 @@ export class KupDataTable {
3204
3207
  return (h("div", { class: "customize-element fontsize-panel" },
3205
3208
  h("kup-combobox", { isSelect: true, data: data, initialValue: this.kupManager.language.translate(text), "onkup-combobox-itemclick": (e) => {
3206
3209
  e.stopPropagation();
3207
- this.fontsize = this.getFontSizeCodeFromDecode(e.detail.value);
3210
+ this.fontsize = this.getFontSizeCodeFromDecode(e.detail.node.id);
3208
3211
  } })));
3209
3212
  }
3210
3213
  getDensityCodeFromDecode(decode) {
3211
- return this.transcodeItem(decode, this.DENSITY_DECODES, Object.values(FCellPadding));
3214
+ return this.transcodeItem(decode, this.DENSITY_DECODES, [
3215
+ 'dense',
3216
+ 'medium',
3217
+ 'wide',
3218
+ ]);
3212
3219
  }
3213
3220
  renderDensityPanel() {
3214
- const listItems = this.createListData(Object.values(FCellPadding), this.DENSITY_ICONS, this.density);
3221
+ const listItems = this.createListData(['dense', 'medium', 'wide'], this.DENSITY_ICONS, this.density);
3215
3222
  const listData = { data: listItems, showIcons: true };
3216
3223
  const textfieldData = {
3217
3224
  trailingIcon: true,
@@ -3235,7 +3242,7 @@ export class KupDataTable {
3235
3242
  return (h("div", { class: "customize-element density-panel" },
3236
3243
  h("kup-combobox", { isSelect: true, initialValue: this.kupManager.language.translate(text), selectMode: ItemsDisplayMode.DESCRIPTION, data: data, "onkup-combobox-itemclick": (e) => {
3237
3244
  e.stopPropagation();
3238
- this.density = this.getDensityCodeFromDecode(e.detail.value);
3245
+ this.density = this.getDensityCodeFromDecode(e.detail.node.id);
3239
3246
  } })));
3240
3247
  }
3241
3248
  getGridCodeFromDecode(decode) {
@@ -6,6 +6,7 @@ export var KupFamilyTreeProps;
6
6
  (function (KupFamilyTreeProps) {
7
7
  KupFamilyTreeProps["autofitOnExpand"] = "The component will autofit everytime a node is expanded.";
8
8
  KupFamilyTreeProps["autofitOnLoad"] = "The component's initial render will fit the container by invoking the runAutofit method.";
9
+ KupFamilyTreeProps["cardData"] = "Used to render the family tree boxes as kup-cards (through kup-box).";
9
10
  KupFamilyTreeProps["collapsible"] = "Nodes can be expanded/collapsed.";
10
11
  KupFamilyTreeProps["customStyle"] = "Custom style of the component.";
11
12
  KupFamilyTreeProps["data"] = "Actual data of the component";