@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.
- package/dist/cjs/{f-button-4e2a0bb6.js → f-button-a531feb2.js} +1 -1
- package/dist/cjs/{f-cell-1fc8a8b6.js → f-cell-75cb7933.js} +8 -6
- package/dist/cjs/{f-chip-7867f17b.js → f-chip-9508a2e4.js} +2 -2
- package/dist/cjs/{f-image-6b7a6168.js → f-image-c21cc616.js} +1 -1
- package/dist/cjs/{f-paginator-utils-b7712403.js → f-paginator-utils-2b72d7e8.js} +2 -4
- package/dist/cjs/{f-text-field-153e827c.js → f-text-field-a5b2bd0e.js} +1 -1
- package/dist/cjs/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_25.cjs.entry.js +235 -114
- package/dist/cjs/kup-box.cjs.entry.js +23 -13
- package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
- package/dist/cjs/kup-cell.cjs.entry.js +5 -5
- package/dist/cjs/kup-dash-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-dash_2.cjs.entry.js +1 -1
- package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +18 -6
- package/dist/cjs/kup-form.cjs.entry.js +6 -6
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +7 -7
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
- package/dist/cjs/{kup-manager-cfe2f36e.js → kup-manager-8e67afec.js} +23 -20
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/card.js +12 -2
- package/dist/collection/components/kup-box/kup-box.js +18 -6
- package/dist/collection/components/kup-button/kup-button.css +1 -0
- package/dist/collection/components/kup-card/box/kup-card-box.js +132 -0
- package/dist/collection/components/kup-card/kup-card-declarations.js +2 -0
- package/dist/collection/components/kup-card/kup-card.css +100 -20
- package/dist/collection/components/kup-card/kup-card.js +5 -1
- package/dist/collection/components/kup-card/standard/kup-card-standard.js +0 -28
- package/dist/collection/components/kup-combobox/kup-combobox.js +1 -0
- package/dist/collection/components/kup-data-table/kup-data-table.js +20 -13
- package/dist/collection/components/kup-family-tree/kup-family-tree-declarations.js +1 -0
- package/dist/collection/components/kup-family-tree/kup-family-tree.js +38 -3
- package/dist/collection/components/kup-image-list/kup-image-list.js +1 -1
- package/dist/collection/components/kup-tree/kup-tree-declarations.js +0 -2
- package/dist/collection/components/kup-tree/kup-tree.js +116 -107
- package/dist/collection/f-components/f-cell/f-cell.js +4 -2
- package/dist/collection/managers/kup-theme/kup-theme-declarations.js +1 -0
- package/dist/esm/{f-button-a24e43dd.js → f-button-15719ec1.js} +1 -1
- package/dist/esm/{f-cell-ebbb0c06.js → f-cell-692c37bf.js} +8 -6
- package/dist/esm/{f-chip-e2c38ba8.js → f-chip-abab04bf.js} +2 -2
- package/dist/esm/{f-image-7e02e88f.js → f-image-98783644.js} +1 -1
- package/dist/esm/{f-paginator-utils-e6d2638f.js → f-paginator-utils-d12ee737.js} +2 -4
- package/dist/esm/{f-text-field-8438a278.js → f-text-field-282025dd.js} +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-accordion.entry.js +2 -2
- package/dist/esm/kup-autocomplete_25.entry.js +235 -114
- package/dist/esm/kup-box.entry.js +23 -13
- package/dist/esm/kup-calendar.entry.js +4 -4
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-dash-list.entry.js +1 -1
- package/dist/esm/kup-dash_2.entry.js +1 -1
- package/dist/esm/kup-dashboard.entry.js +4 -4
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +18 -6
- package/dist/esm/kup-form.entry.js +6 -6
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +7 -7
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +2 -2
- package/dist/esm/{kup-manager-7c27e90e.js → kup-manager-abbae73e.js} +6 -3
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-1d2dea0a.entry.js +1 -0
- package/dist/ketchup/{p-a782ebd1.entry.js → p-1ef5d16d.entry.js} +1 -1
- package/dist/ketchup/{p-92595296.js → p-20221a50.js} +1 -1
- package/dist/ketchup/{p-52590a90.entry.js → p-27538d6f.entry.js} +1 -1
- package/dist/ketchup/p-29d72040.entry.js +1 -0
- package/dist/ketchup/{p-cc663bad.entry.js → p-3760a159.entry.js} +1 -1
- package/dist/ketchup/p-3e74e1ed.js +1 -0
- package/dist/ketchup/{p-191096ff.entry.js → p-5933aa02.entry.js} +1 -1
- package/dist/ketchup/{p-25875aa1.entry.js → p-5ea2a1ff.entry.js} +1 -1
- package/dist/ketchup/{p-26acb448.js → p-62421bcf.js} +1 -1
- package/dist/ketchup/{p-b502b91b.entry.js → p-62f3ec78.entry.js} +1 -1
- package/dist/ketchup/p-680a8cb4.entry.js +9 -0
- package/dist/ketchup/{p-601a50db.entry.js → p-6946b614.entry.js} +1 -1
- package/dist/ketchup/{p-3decc8e4.js → p-6f3040fb.js} +1 -1
- package/dist/ketchup/{p-2003a841.entry.js → p-725c6268.entry.js} +1 -1
- package/dist/ketchup/{p-3138cabb.entry.js → p-7d37ea62.entry.js} +1 -1
- package/dist/ketchup/{p-e0ed3fd7.entry.js → p-7e16265d.entry.js} +1 -1
- package/dist/ketchup/{p-2f009c42.entry.js → p-9419919c.entry.js} +1 -1
- package/dist/ketchup/{p-97f28bbd.entry.js → p-a450d60a.entry.js} +6 -6
- package/dist/ketchup/{p-23111c8d.entry.js → p-a4a30e0e.entry.js} +1 -1
- package/dist/ketchup/p-c05f2638.js +30 -0
- package/dist/ketchup/{p-5a703573.entry.js → p-ccef2553.entry.js} +1 -1
- package/dist/ketchup/{p-b238f9ea.entry.js → p-d7a92197.entry.js} +1 -1
- package/dist/ketchup/{p-b131b257.entry.js → p-d8af7ba6.entry.js} +1 -1
- package/dist/ketchup/{p-88722265.js → p-e07a10fb.js} +1 -1
- package/dist/ketchup/{p-1468bf09.js → p-e6ebdb80.js} +1 -1
- package/dist/ketchup/{p-45415b72.entry.js → p-eeadd688.entry.js} +1 -1
- package/dist/ketchup/{p-69dd11da.entry.js → p-f6409c42.entry.js} +1 -1
- package/dist/ketchup/p-fd930a34.entry.js +1 -0
- package/dist/types/components/kup-card/box/kup-card-box.d.ts +26 -0
- package/dist/types/components/kup-card/kup-card-declarations.d.ts +2 -0
- package/dist/types/components/kup-card/standard/kup-card-standard.d.ts +0 -6
- package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts +3 -1
- package/dist/types/components/kup-family-tree/kup-family-tree-declarations.d.ts +1 -0
- package/dist/types/components/kup-family-tree/kup-family-tree.d.ts +5 -0
- package/dist/types/components/kup-tree/kup-tree-declarations.d.ts +0 -4
- package/dist/types/components/kup-tree/kup-tree.d.ts +18 -12
- package/dist/types/components.d.ts +20 -16
- package/package.json +3 -2
- package/dist/ketchup/p-753c82d8.js +0 -1
- package/dist/ketchup/p-77600efd.entry.js +0 -9
- package/dist/ketchup/p-9027e5ac.js +0 -30
- package/dist/ketchup/p-aa564df8.entry.js +0 -1
- package/dist/ketchup/p-b4f85d34.entry.js +0 -1
- package/dist/ketchup/p-ca98059c.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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: [
|
|
164
|
-
|
|
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') ||
|
|
386
|
+
el.closest('.box-object') ||
|
|
387
|
+
el.querySelector('.box-object') ||
|
|
388
|
+
el.closest('.f-cell');
|
|
387
389
|
}
|
|
388
390
|
if (boxObject) {
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
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
|
-
}
|
|
@@ -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', '
|
|
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" },
|
|
3045
|
-
|
|
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
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
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.
|
|
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,
|
|
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(
|
|
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.
|
|
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";
|