@sme.up/ketchup 11.0.0-SNAPSHOT-20241118094932 → 11.0.0-SNAPSHOT-20241118132117
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/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +8 -4
- package/dist/cjs/kup-image-list.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/kup-image-list/kup-image-list-declarations.js +1 -0
- package/dist/collection/components/kup-image-list/kup-image-list-declarations.js.map +1 -1
- package/dist/collection/components/kup-image-list/kup-image-list.css +10 -0
- package/dist/collection/components/kup-image-list/kup-image-list.js +27 -3
- package/dist/collection/components/kup-image-list/kup-image-list.js.map +1 -1
- package/dist/components/kup-image-list.js +9 -4
- package/dist/components/kup-image-list.js.map +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-image-list.entry.js +8 -4
- package/dist/esm/kup-image-list.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js.map +1 -1
- package/dist/ketchup/p-ef2cde8d.entry.js +2 -0
- package/dist/ketchup/p-ef2cde8d.entry.js.map +1 -0
- package/dist/types/components/kup-image-list/kup-image-list-declarations.d.ts +2 -1
- package/dist/types/components/kup-image-list/kup-image-list.d.ts +5 -0
- package/dist/types/components.d.ts +10 -0
- package/package.json +1 -1
- package/dist/ketchup/p-394e1212.entry.js +0 -2
- package/dist/ketchup/p-394e1212.entry.js.map +0 -1
package/dist/cjs/ketchup.cjs.js
CHANGED
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"kup-autocomplete_28.cjs\",[[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"autoFillMissingCells\":[4,\"auto-fill-missing-cells\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"density\":[1],\"dragEnabled\":[1540,\"drag-enabled\"],\"dropEnabled\":[516,\"drop-enabled\"],\"editableData\":[1028,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableColumnsFormula\":[4,\"enable-columns-formula\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableMergeColumns\":[4,\"enable-merge-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedColumnsR\":[2,\"fixed-columns-r\"],\"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\"],\"insertMode\":[1,\"insert-mode\"],\"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\"],\"legacyLook\":[516,\"legacy-look\"],\"removableColumns\":[4,\"removable-columns\"],\"resizableColumns\":[4,\"resizable-columns\"],\"rowActions\":[16],\"commands\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"showCustomization\":[4,\"show-customization\"],\"showDeleteButton\":[4,\"show-delete-button\"],\"showHistoryButton\":[4,\"show-history-button\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showGroups\":[4,\"show-groups\"],\"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],\"updatableData\":[1028,\"updatable-data\"],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"deleteRows\":[64],\"closeInsertCard\":[64],\"closeConfirmDeleteCard\":[64],\"getCards\":[64],\"insertNewRow\":[64],\"expandAll\":[64],\"getProps\":[64],\"getSelectedRows\":[64],\"hideColumn\":[64],\"setGroupExpansionByDepth\":[64],\"newColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setCellValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]},null,{\"rowsPerPage\":[\"rowsPerPageHandler\",\"recalculateRows\"],\"expandGroups\":[\"expandGroupsHandler\"],\"filters\":[\"filtersChanged\"],\"globalFilterValue\":[\"filtersChanged\"],\"sort\":[\"recalculateRows\"],\"totals\":[\"recalculateRows\"],\"currentPage\":[\"recalculateRows\"],\"currentRowsPerPage\":[\"recalculateRows\"],\"data\":[\"identifyAndInitRows\",\"decorateAndInitForUpdTable\"],\"groups\":[\"recalculateRowsAndUndoSelections\"],\"fixedColumns\":[\"controlFixedRowsColumns\"],\"fixedColumnsR\":[\"controlFixedRowsColumns\"],\"fixedRows\":[\"controlFixedRowsColumns\"],\"transpose\":[\"recalculateData\"]}],[1,\"kup-form\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"labelPlacement\":[1,\"label-placement\"],\"layout\":[16],\"submitCb\":[16],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64]},null,{\"data\":[\"onDataChanged\"],\"layout\":[\"onLayoutChanged\"]}],[1,\"kup-toolbar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"focused\":[32],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-autocomplete\",{\"alert\":[1],\"allowInconsistentValues\":[4,\"allow-inconsistent-values\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"error\":[1],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"isClearable\":[4,\"is-clearable\"],\"inputDelay\":[2,\"input-delay\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"minimumChars\":[2,\"minimum-chars\"],\"readOnly\":[4,\"read-only\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"sizing\":[1],\"trailingIcon\":[4,\"trailing-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],\"contentAlign\":[1,\"content-align\"],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"blackMode\":[4,\"black-mode\"],\"placeholderIcon\":[1,\"placeholder-icon\"],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"sizing\":[1],\"keyShortcut\":[1,\"key-shortcut\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-button-list\",{\"blackMode\":[4,\"black-mode\"],\"contentAlign\":[1,\"content-align\"],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"sizing\":[1],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}],[1,\"kup-checkbox\",{\"alert\":[1],\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"error\":[1],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"readOnly\":[4,\"read-only\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[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],\"placeholderIcon\":[1,\"placeholder-icon\"],\"selectMode\":[1,\"select-mode\"],\"sizing\":[1],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"id\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"horizontal\":[4],\"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],\"setExpansionByDepth\":[64],\"getProps\":[64],\"hideColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"enrichDataWhenChanged\"],\"expanded\":[\"enrichStructureStateWhenChanged\"]}],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"placeholderResource\":[1,\"placeholder-resource\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"zoomEnable\":[4,\"zoom-enable\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"type\":[1],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"identifyRows\"]}],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayId\":[4,\"display-id\"],\"enableInput\":[4,\"enable-input\"],\"type\":[1],\"sizing\":[1],\"styling\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}],[1,\"kup-combobox\",{\"alert\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"error\":[1],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"isClearable\":[4,\"is-clearable\"],\"isSelect\":[516,\"is-select\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"readOnly\":[4,\"read-only\"],\"selectMode\":[1,\"select-mode\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"sizing\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]],{\"initialValue\":[\"initialValueChange\"]}],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"outlined\":[4],\"sizing\":[1],\"showIcon\":[4,\"show-icon\"],\"showPreviousNextMonthDays\":[4,\"show-previous-next-month-days\"],\"error\":[1],\"stateSwitcher\":[32],\"ISOvalue\":[32],\"notISOvalue\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]],{\"firstDayIndex\":[\"watchFirstDayIndex\"]}],[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-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],\"getSelectedNode\":[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-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"sizing\":[1],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"variant\":[1],\"dense\":[4],\"ripple\":[4],\"toolbar\":[4],\"toolbarData\":[16],\"value\":[32],\"getProps\":[64],\"getSelectedNode\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"ripple\":[\"applyRipple\"]}],[1,\"kup-text-field\",{\"alert\":[1],\"allowNegative\":[4,\"allow-negative\"],\"customStyle\":[1,\"custom-style\"],\"decimals\":[2],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"error\":[1],\"fullWidth\":[516,\"full-width\"],\"group\":[4],\"helper\":[1],\"helperIcon\":[4,\"helper-icon\"],\"helperEnabled\":[4,\"helper-enabled\"],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"hiddenCounter\":[4,\"hidden-counter\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputMode\":[1,\"input-mode\"],\"inputType\":[1,\"input-type\"],\"integers\":[2],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"lightMode\":[4,\"light-mode\"],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"name\":[1],\"outlined\":[4],\"placeholder\":[1],\"quantityButtons\":[4,\"quantity-buttons\"],\"readOnly\":[4,\"read-only\"],\"size\":[2],\"sizing\":[1],\"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\"],\"error\":[1],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]],{\"timeMinutesStep\":[\"watchTimeMinutesStep\"]}],[1,\"kup-dialog\",{\"autoCenter\":[16],\"customStyle\":[1,\"custom-style\"],\"header\":[16],\"modal\":[16],\"resizable\":[4],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"close\":[64],\"getProps\":[64],\"recalcPosition\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-planner.cjs\",[[1,\"kup-planner\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"detailData\":[16],\"detailColorCol\":[1,\"detail-color-col\"],\"detailColumns\":[16],\"detailDates\":[16],\"detailFilter\":[1,\"detail-filter\"],\"detailHeight\":[2,\"detail-height\"],\"detailHours\":[16],\"detailIconCol\":[1,\"detail-icon-col\"],\"detailIdCol\":[1,\"detail-id-col\"],\"detailNameCol\":[1,\"detail-name-col\"],\"detailPrevHours\":[16],\"detailPrevDates\":[16],\"detailInitialScrollX\":[2,\"detail-initial-scroll-x\"],\"detailInitialScrollY\":[2,\"detail-initial-scroll-y\"],\"listCellWidth\":[1,\"list-cell-width\"],\"maxWidth\":[1,\"max-width\"],\"phaseColorCol\":[1,\"phase-color-col\"],\"phaseColumns\":[16],\"phaseColParDep\":[1,\"phase-col-par-dep\"],\"phaseDates\":[16],\"phaseHours\":[16],\"phaseIconCol\":[1,\"phase-icon-col\"],\"phaseIdCol\":[1,\"phase-id-col\"],\"phaseNameCol\":[1,\"phase-name-col\"],\"phasePrevHours\":[16],\"phasePrevDates\":[16],\"readOnly\":[4,\"read-only\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"taskColumns\":[16],\"taskDates\":[16],\"taskFilter\":[1,\"task-filter\"],\"taskHeight\":[2,\"task-height\"],\"taskHours\":[16],\"taskIconCol\":[1,\"task-icon-col\"],\"taskIdCol\":[1,\"task-id-col\"],\"taskInitialScrollX\":[2,\"task-initial-scroll-x\"],\"taskInitialScrollY\":[2,\"task-initial-scroll-y\"],\"taskNameCol\":[1,\"task-name-col\"],\"taskPrevHours\":[16],\"taskPrevDates\":[16],\"titleMess\":[1,\"title-mess\"],\"viewMode\":[1,\"view-mode\"],\"mainFilter\":[16],\"secondaryFilter\":[16],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"plannerProps\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"addPhases\":[64]},null,{\"data\":[\"dataChanged\"]}]]],[\"kup-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-card-list.cjs\",[[1,\"kup-card-list\",{\"columnsNumber\":[2,\"columns-number\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"descrCol\":[1,\"descr-col\"],\"iconCol\":[1,\"icon-col\"],\"valueCol\":[1,\"value-col\"],\"measureCol\":[1,\"measure-col\"],\"intvalueCol\":[1,\"intvalue-col\"],\"decvalueCol\":[1,\"decvalue-col\"],\"textcolorCol\":[1,\"textcolor-col\"],\"valuecolorCol\":[1,\"valuecolor-col\"],\"iconcolorCol\":[1,\"iconcolor-col\"],\"layoutCol\":[1,\"layout-col\"],\"isClickable\":[4,\"is-clickable\"],\"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-input-panel.cjs\",[[1,\"kup-input-panel\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"submitCb\":[16],\"optionsHandler\":[16],\"customButtonClickHandler\":[16],\"checkValidObjCallback\":[16],\"checkValidValueCallback\":[16],\"dashboardMode\":[4,\"dashboard-mode\"],\"inputPanelCells\":[32],\"inputPanelCommands\":[32],\"tabSelected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"onDataChanged\"]}]]],[\"kup-accordion.cjs\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"sizing\":[1],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]},null,{\"ripple\":[\"applyRipple\"]}]]],[\"kup-activity-timeline.cjs\",[[1,\"kup-activity-timeline\",{\"data\":[16],\"dateColumn\":[1,\"date-column\"],\"sort\":[16],\"timeColumn\":[1,\"time-column\"],\"timeline\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-calendar.cjs\",[[1,\"kup-calendar\",{\"currentDate\":[1,\"current-date\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"calendarColumns\":[16],\"hideNavigation\":[4,\"hide-navigation\"],\"editableEvents\":[4,\"editable-events\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"setCalendarData\"],\"currentDate\":[\"setCalendarData\"]}]]],[\"kup-cell.cjs\",[[1,\"kup-cell\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"showSubmit\":[4,\"show-submit\"],\"submitPosition\":[1,\"submit-position\"],\"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]},null,{\"data\":[\"dataChanged\"]}]]],[\"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-htm.cjs\",[[1,\"kup-htm\",{\"data\":[16],\"getProps\":[64],\"refresh\":[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\",{\"columns\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"rows\":[2],\"selectedNode\":[16],\"stateId\":[1,\"state-id\"],\"store\":[16],\"currentNode\":[32],\"navigationBarToggled\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"selectedNode\":[\"selectNode\"]}]]],[\"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-pdf.cjs\",[[1,\"kup-pdf\",{\"pdfPath\":[1,\"pdf-path\"],\"sendCredentials\":[4,\"send-credentials\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"pdfPath\":[\"onPdfPathChange\"]}]]],[\"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],\"header\":[1],\"timeout\":[2],\"visible\":[32],\"getProps\":[64],\"hide\":[64],\"refresh\":[64],\"setProps\":[64],\"show\":[64]}]]],[\"kup-txt.cjs\",[[1,\"kup-txt\",{\"data\":[16],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-typography.cjs\",[[1,\"kup-typography\",{\"customStyle\":[1,\"custom-style\"],\"toolbar\":[4],\"toolbarData\":[16],\"type\":[1],\"value\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-typography-list.cjs\",[[1,\"kup-typography-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"type\":[1],\"toolbar\":[4],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}]]],[\"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],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"stacked\":[4],\"types\":[16],\"xAxis\":[16],\"yAxis\":[16],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-editor.cjs\",[[0,\"kup-editor\",{\"autosaveTimer\":[2,\"autosave-timer\"],\"editorHeight\":[1,\"editor-height\"],\"initialEditType\":[1,\"initial-edit-type\"],\"initialValue\":[1,\"initial-value\"],\"isReadOnly\":[4,\"is-read-only\"],\"previewStyle\":[1,\"preview-style\"],\"selectedTab\":[1,\"selected-tab\"],\"showSaveButton\":[4,\"show-save-button\"],\"showToolbar\":[4,\"show-toolbar\"],\"editor\":[32],\"editorRef\":[32],\"viewer\":[32],\"getProps\":[64],\"getValueAsHTML\":[64],\"getValueAsMarkdown\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"editorRef\":[\"onEditorRefUpdated\"],\"editor\":[\"onEditorUpdate\"],\"initialEditType\":[\"onInitialEditTypeChanged\"],\"isReadOnly\":[\"onIsReadOnlyChanged\"],\"previewStyle\":[\"onPreviewStyleChanged\"],\"selectedTab\":[\"onMarkdownPreviewTabChanged\"],\"showSaveButton\":[\"onShowSaveButtonChanged\"],\"showToolbar\":[\"onShowToolBarChanged\"],\"autosaveTimer\":[\"onAutosaveTimerChanged\"]}]]],[\"kup-grid.cjs\",[[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-custom-task-list-header_4.cjs\",[[0,\"kup-custom-task-list-header\",{\"label\":[1],\"doubleView\":[4,\"double-view\"],\"setDoubleView\":[16],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"]}],[0,\"kup-custom-task-list-table\",{\"ganttId\":[1,\"gantt-id\"],\"tasks\":[16],\"rowHeight\":[2,\"row-height\"],\"rowWidth\":[1,\"row-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"taskListScrollX\":[2,\"task-list-scroll-x\"],\"setSelectedTask\":[16],\"onclickTaskList\":[16],\"ondblclickTaskList\":[16],\"oncontextmenuTaskList\":[16],\"ontaskListScrollWidth\":[16]},null,{\"taskListScrollX\":[\"updateTaskListScroll\"]}],[0,\"kup-gantt-calendar\",{\"dateSetup\":[16],\"locale\":[1],\"rtl\":[4],\"headerHeight\":[2,\"header-height\"],\"columnWidth\":[2,\"column-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"dateTimeFormatters\":[16],\"singleLineHeader\":[4,\"single-line-header\"],\"currentDateIndicator\":[16],\"svgWidth\":[2,\"svg-width\"],\"simplifiedHeader\":[32]}],[0,\"kup-grid-renderer\",{\"tasks\":[16],\"dates\":[16],\"ganttEvent\":[16],\"selectedTask\":[16],\"rowHeight\":[2,\"row-height\"],\"columnWidth\":[2,\"column-width\"],\"timeStep\":[2,\"time-step\"],\"taskHeight\":[2,\"task-height\"],\"arrowColor\":[1,\"arrow-color\"],\"arrowIndent\":[2,\"arrow-indent\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rtl\":[4],\"hideLabel\":[4,\"hide-label\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"currentDateIndicator\":[16],\"projection\":[16],\"readOnly\":[4,\"read-only\"],\"gridProps\":[16],\"dateChange\":[16],\"progressChange\":[16],\"doubleClick\":[16],\"barClick\":[16],\"barDblClick\":[16],\"barContextMenu\":[16],\"delete\":[16],\"setFailedTask\":[16],\"setSelectedTask\":[16],\"eventStart\":[16],\"eMouseDown\":[16],\"phaseDrop\":[16],\"setGanttEvent\":[1040],\"phaseDragScroll\":[16],\"xStep\":[32],\"initEventX1Delta\":[32],\"initEventXClick\":[32],\"isMoving\":[32],\"point\":[32],\"svg\":[32],\"currentTarget\":[32],\"dragScrollInterval\":[32],\"dropZoneTask\":[32]},null,{\"columnWidth\":[\"updateXStep\"],\"dates\":[\"updateXStep\"],\"timeStep\":[\"updateXStep\",\"updateSvgMove\"],\"ganttEvent\":[\"updateSvgMove\"],\"xStep\":[\"updateSvgMove\"],\"svg\":[\"updateSvgMove\"],\"initEventX1Delta\":[\"updateSvgMove\"],\"point\":[\"updateSvgMove\"],\"rtl\":[\"updateSvgMove\"],\"onProgressChange\":[\"updateSvgMove\"],\"onDateChange\":[\"updateSvgMove\"]}]]],[\"kup-gantt_10.cjs\",[[0,\"kup-gantt\",{\"ganttId\":[1,\"gantt-id\"],\"tasks\":[16],\"headerHeight\":[2,\"header-height\"],\"columnWidth\":[2,\"column-width\"],\"listCellWidth\":[1,\"list-cell-width\"],\"rowHeight\":[2,\"row-height\"],\"filter\":[16],\"ganttHeight\":[2,\"gantt-height\"],\"viewMode\":[1,\"view-mode\"],\"preStepsCount\":[2,\"pre-steps-count\"],\"locale\":[1],\"barFill\":[2,\"bar-fill\"],\"projectFill\":[2,\"project-fill\"],\"timelineFill\":[2,\"timeline-fill\"],\"barCornerRadius\":[2,\"bar-corner-radius\"],\"barProgressColor\":[1,\"bar-progress-color\"],\"barProgressSelectedColor\":[1,\"bar-progress-selected-color\"],\"barBackgroundColor\":[1,\"bar-background-color\"],\"barBackgroundSelectedColor\":[1,\"bar-background-selected-color\"],\"projectProgressColor\":[1,\"project-progress-color\"],\"projectProgressSelectedColor\":[1,\"project-progress-selected-color\"],\"projectBackgroundColor\":[1,\"project-background-color\"],\"projectBackgroundSelectedColor\":[1,\"project-background-selected-color\"],\"rtl\":[4],\"handleWidth\":[2,\"handle-width\"],\"timeStep\":[2,\"time-step\"],\"arrowColor\":[1,\"arrow-color\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"arrowIndent\":[2,\"arrow-indent\"],\"todayColor\":[1,\"today-color\"],\"viewDate\":[16],\"TooltipContent\":[16],\"TaskListHeader\":[16],\"TaskListTable\":[16],\"dateTimeFormatters\":[16],\"singleLineHeader\":[4,\"single-line-header\"],\"hideLabel\":[4,\"hide-label\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"hideDependencies\":[4,\"hide-dependencies\"],\"projection\":[16],\"displayedStartDate\":[16],\"displayedEndDate\":[16],\"initialScrollX\":[2,\"initial-scroll-x\"],\"initialScrollY\":[2,\"initial-scroll-y\"],\"readOnly\":[4,\"read-only\"],\"currentTasks\":[16],\"label\":[1],\"doubleView\":[4,\"double-view\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"setDoubleView\":[16],\"barContextMenu\":[16],\"scrollXChange\":[16],\"scrollYChange\":[16],\"barClick\":[16],\"barDblClick\":[16],\"dateChange\":[16],\"select\":[16],\"handleClick\":[16],\"handleDblClick\":[16],\"handleContextMenu\":[16],\"ganttOnClick\":[16],\"ganttOnDblClick\":[16],\"ganttonOnContextMenu\":[16],\"progressChange\":[16],\"doubleClick\":[16],\"delete\":[16],\"expanderClick\":[16],\"phaseDrop\":[16],\"wrapperRef\":[32],\"taskGanttRef\":[32],\"taskListRef\":[32],\"dateSetup\":[32],\"taskListWidth\":[32],\"svgContainerWidth\":[32],\"svgContainerHeight\":[32],\"barTasks\":[32],\"ganttEvent\":[32],\"taskHeight\":[32],\"projectHeight\":[32],\"timelineHeight\":[32],\"selectedTask\":[32],\"failedTask\":[32],\"svgWidth\":[32],\"ganttFullHeight\":[32],\"scrollX\":[32],\"scrollY\":[32],\"ignoreScrollEvent\":[32],\"currentDateIndicatorContent\":[32],\"projectionContent\":[32],\"taskListScrollWidth\":[32],\"taskListScrollX\":[32],\"refresh\":[64]},[[0,\"wheel\",\"handleWheel\"]],{\"initialScrollY\":[\"updateInitialScrollY\"],\"scrollYChange\":[\"updateInitialScrollY\"],\"initialScrollX\":[\"updateInitialScrollX\",\"updateIgnoreScrollEvent\"],\"scrollXChange\":[\"updateInitialScrollX\"],\"tasks\":[\"updateGanttData\",\"updateSvgContainerHeight\"],\"viewMode\":[\"updateGanttData\",\"updateIgnoreScrollEvent\"],\"preStepsCount\":[\"updateGanttData\"],\"rowHeight\":[\"updateGanttData\",\"updateSvgContainerHeight\",\"updateGanttFullHeight\"],\"barCornerRadius\":[\"updateGanttData\"],\"columnWidth\":[\"updateGanttData\",\"updateIgnoreScrollEvent\",\"updateCurrentDateIndicatorContent\",\"updateProjectionContent\",\"updateSvgWidth\"],\"taskHeight\":[\"updateGanttData\"],\"handleWidth\":[\"updateGanttData\"],\"barProgressColor\":[\"updateGanttData\"],\"barProgressSelectedColor\":[\"updateGanttData\"],\"barBackgroundColor\":[\"updateGanttData\"],\"barBackgroundSelectedColor\":[\"updateGanttData\"],\"projectProgressColor\":[\"updateGanttData\"],\"projectProgressSelectedColor\":[\"updateGanttData\"],\"projectBackgroundColor\":[\"updateGanttData\"],\"projectBackgroundSelectedColor\":[\"updateGanttData\"],\"milestoneBackgroundColor\":[\"updateGanttData\"],\"milestoneBackgroundSelectedColor\":[\"updateGanttData\"],\"rtl\":[\"updateGanttData\",\"handleWheel\"],\"scrollX\":[\"updateGanttData\",\"handleWheel\"],\"onExpanderClick\":[\"updateGanttData\"],\"showSecondaryDates\":[\"updateGanttData\"],\"projectHeight\":[\"updateGanttData\"],\"timelineHeight\":[\"updateGanttData\"],\"displayedStartDate\":[\"updateGanttData\"],\"displayedEndDate\":[\"updateGanttData\"],\"dateSetup\":[\"updateGanttData\",\"updateIgnoreScrollEvent\",\"updateCurrentDateIndicatorContent\",\"updateProjectionContent\",\"updateSvgWidth\"],\"viewDate\":[\"updateIgnoreScrollEvent\"],\"ganttEvent\":[\"updateGanttEventAndBarTasks\"],\"failedTask\":[\"updateFailedTasksAndBarChart\"],\"barTasks\":[\"updateFailedTasksAndBarChart\",\"updateGanttFullHeight\"],\"taskListRef\":[\"updateTaskListWidth\"],\"listCellWidth\":[\"updateTaskListWidth\"],\"wrapperRef\":[\"updateSvgContainerWidth\",\"handleWheel\"],\"ganttHeight\":[\"updateSvgContainerHeight\",\"handleWheel\"],\"headerHeight\":[\"updateSvgContainerHeight\"],\"scrollY\":[\"handleWheel\"],\"svgWidth\":[\"handleWheel\"],\"ganttFullHeight\":[\"handleWheel\"],\"todayColor\":[\"updateCurrentDateIndicatorContent\"],\"projection\":[\"updateProjectionContent\"]}],[0,\"kup-switcher\",{\"timeUnitChange\":[16],\"activeButton\":[32]}],[0,\"kup-task-gantt\",{\"gridProps\":[16],\"calendarProps\":[16],\"barProps\":[16],\"taskGanttRef\":[16],\"ganttHeight\":[2,\"gantt-height\"],\"scrollY\":[1026,\"scroll-y\"],\"scrollX\":[1026,\"scroll-x\"],\"phaseDragScroll\":[16]},null,{\"scrollX\":[\"updateScrollX\"],\"verticalGanttContainerRef\":[\"updateScrollX\"],\"scrollY\":[\"updateScrollY\"],\"horizontalContainerRef\":[\"updateScrollY\"]}],[0,\"kup-task-list\",{\"headerHeight\":[2,\"header-height\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rowWidth\":[1,\"row-width\"],\"rowHeight\":[2,\"row-height\"],\"scrollY\":[2,\"scroll-y\"],\"locale\":[1],\"tasks\":[16],\"selectedTask\":[16],\"horizontalContainerClass\":[1,\"horizontal-container-class\"],\"ganttHeight\":[2,\"gantt-height\"],\"filter\":[16],\"TaskListHeader\":[16],\"TaskListTable\":[16],\"currentTasks\":[16],\"label\":[1],\"doubleView\":[4,\"double-view\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"updateTaskListScrollX\":[4,\"update-task-list-scroll-x\"],\"taskListScrollX\":[2,\"task-list-scroll-x\"],\"setDoubleView\":[16],\"handleClick\":[16],\"handleDblClick\":[16],\"handleContextMenu\":[16],\"ganttOnClick\":[16],\"ganttOnDblClick\":[16],\"ganttonOnContextMenu\":[16],\"setSelectedTask\":[16],\"expanderClick\":[16],\"ontaskListScrollWidth\":[16],\"selectedTaskId\":[32]},null,{\"scrollY\":[\"updateScrollY\"]}],[1,\"kup-horizontal-scroll\",{\"scrollNumber\":[2,\"scroll-number\"],\"svgWidth\":[2,\"svg-width\"],\"taskListTrueRef\":[16],\"rtl\":[4],\"taskListWidth\":[2,\"task-list-width\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"listCellWidth\":[1,\"list-cell-width\"],\"taskListScrollWidth\":[2,\"task-list-scroll-width\"],\"taskListScrollNumber\":[2,\"task-list-scroll-number\"],\"horizontalScroll\":[16],\"horizontalTaskListScroll\":[16],\"timeoutId\":[32]},null,{\"scrollNumber\":[\"scrollLeft\"],\"taskListScrollNumber\":[\"listScrollLeft\"]}],[1,\"kup-standard-tooltip\",{\"task\":[16],\"fontSize\":[1,\"font-size\"],\"fontFamily\":[1,\"font-family\"]}],[0,\"kup-task-list-header\",{\"headerHeight\":[2,\"header-height\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rowWidth\":[1,\"row-width\"]}],[0,\"kup-task-list-table\",{\"rowHeight\":[2,\"row-height\"],\"rowWidth\":[1,\"row-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"locale\":[1],\"tasks\":[16],\"selectedTaskId\":[1,\"selected-task-id\"],\"setSelectedTask\":[16],\"expanderClick\":[16],\"expandedTasks\":[32]}],[1,\"kup-tooltip\",{\"task\":[16],\"rowHeight\":[2,\"row-height\"],\"rtl\":[4],\"svgContainerHeight\":[2,\"svg-container-height\"],\"svgContainerWidth\":[2,\"svg-container-width\"],\"scrollX\":[2,\"scroll-x\"],\"scrollY\":[2,\"scroll-y\"],\"arrowIndent\":[2,\"arrow-indent\"],\"fontSize\":[1,\"font-size\"],\"fontFamily\":[1,\"font-family\"],\"headerHeight\":[2,\"header-height\"],\"taskListWidth\":[2,\"task-list-width\"],\"TooltipContent\":[8,\"tooltip-content\"],\"svgWidth\":[2,\"svg-width\"],\"relatedY\":[32],\"relatedX\":[32]},null,{\"task\":[\"calculateTooltipPosition\"],\"arrowIndent\":[\"calculateTooltipPosition\"],\"scrollX\":[\"calculateTooltipPosition\"],\"scrollY\":[\"calculateTooltipPosition\"],\"headerHeight\":[\"calculateTooltipPosition\"],\"taskListWidth\":[\"calculateTooltipPosition\"],\"rowHeight\":[\"calculateTooltipPosition\"],\"svgContainerHeight\":[\"calculateTooltipPosition\"],\"svgContainerWidth\":[\"calculateTooltipPosition\"],\"rtl\":[\"calculateTooltipPosition\"]}],[0,\"kup-vertical-scroll\",{\"scrollNumber\":[2,\"scroll-number\"],\"ganttHeight\":[2,\"gantt-height\"],\"ganttFullHeight\":[2,\"gantt-full-height\"],\"headerHeight\":[2,\"header-height\"],\"rtl\":[4],\"verticalScroll\":[16]},null,{\"scrollNumber\":[\"updateScroll\"]}]]],[\"kup-planner-renderer.cjs\",[[0,\"kup-planner-renderer\",{\"props\":[1040],\"timeUnit\":[32],\"currentTasks\":[32],\"currentDetails\":[32],\"scrollX\":[32],\"mainGanttDoubleView\":[32],\"displayedDates\":[32],\"viewDate\":[32],\"projection\":[32],\"tasks\":[32],\"details\":[32],\"refresh\":[64]},null,{\"props\":[\"mainGanttChangeHandler\"],\"timeUnit\":[\"updateDisplayedDates\"],\"mainGanttDoubleView\":[\"updateDisplayedDates\"],\"props.preStepsCount\":[\"updateDisplayedDates\"],\"viewDate\":[\"updateDisplayedDates\"],\"currentTasks\":[\"updateTasks\"],\"currentDetails\":[\"updateTasks\"]}]]],[\"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],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showLoadMore\":[4,\"show-load-more\"],\"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]},null,{\"rowsPerPage\":[\"rowsPerPageHandler\",\"recalculateRows\"],\"globalFilterValue\":[\"recalculateRows\"],\"sortBy\":[\"recalculateRows\"],\"pagination\":[\"recalculateRows\"],\"currentPage\":[\"recalculateRows\"],\"currentRowsPerPage\":[\"recalculateRows\"],\"data\":[\"onDataChanged\"],\"layout\":[\"onLayoutChanged\"],\"selectBox\":[\"onSelectBoxChanged\"]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"kup-autocomplete_28.cjs\",[[1,\"kup-data-table\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"autoFillMissingCells\":[4,\"auto-fill-missing-cells\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"density\":[1],\"dragEnabled\":[1540,\"drag-enabled\"],\"dropEnabled\":[516,\"drop-enabled\"],\"editableData\":[1028,\"editable-data\"],\"emptyDataLabel\":[1025,\"empty-data-label\"],\"enableColumnsFormula\":[4,\"enable-columns-formula\"],\"enableExtraColumns\":[4,\"enable-extra-columns\"],\"enableMergeColumns\":[4,\"enable-merge-columns\"],\"enableSortableColumns\":[4,\"enable-sortable-columns\"],\"expandGroups\":[4,\"expand-groups\"],\"filters\":[1040],\"fixedColumns\":[2,\"fixed-columns\"],\"fixedColumnsR\":[2,\"fixed-columns-r\"],\"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\"],\"insertMode\":[1,\"insert-mode\"],\"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\"],\"legacyLook\":[516,\"legacy-look\"],\"removableColumns\":[4,\"removable-columns\"],\"resizableColumns\":[4,\"resizable-columns\"],\"rowActions\":[16],\"commands\":[16],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selection\":[1],\"showCustomization\":[4,\"show-customization\"],\"showDeleteButton\":[4,\"show-delete-button\"],\"showHistoryButton\":[4,\"show-history-button\"],\"showFilters\":[4,\"show-filters\"],\"showFooter\":[4,\"show-footer\"],\"showGrid\":[1,\"show-grid\"],\"showGroups\":[4,\"show-groups\"],\"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],\"updatableData\":[1028,\"updatable-data\"],\"lazyLoadCells\":[32],\"currentPage\":[32],\"currentRowsPerPage\":[32],\"selectedRows\":[32],\"selectedColumn\":[32],\"columnMenuAnchor\":[32],\"groupState\":[32],\"openedTotalMenu\":[32],\"openedCustomSettings\":[32],\"fontsize\":[32],\"closeColumnMenu\":[64],\"collapseAll\":[64],\"deleteRows\":[64],\"closeInsertCard\":[64],\"closeConfirmDeleteCard\":[64],\"getCards\":[64],\"insertNewRow\":[64],\"expandAll\":[64],\"getProps\":[64],\"getSelectedRows\":[64],\"hideColumn\":[64],\"setGroupExpansionByDepth\":[64],\"newColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setCellValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setSelectedRows\":[64],\"getInternalState\":[64],\"defaultSortingFunction\":[64]},null,{\"rowsPerPage\":[\"rowsPerPageHandler\",\"recalculateRows\"],\"expandGroups\":[\"expandGroupsHandler\"],\"filters\":[\"filtersChanged\"],\"globalFilterValue\":[\"filtersChanged\"],\"sort\":[\"recalculateRows\"],\"totals\":[\"recalculateRows\"],\"currentPage\":[\"recalculateRows\"],\"currentRowsPerPage\":[\"recalculateRows\"],\"data\":[\"identifyAndInitRows\",\"decorateAndInitForUpdTable\"],\"groups\":[\"recalculateRowsAndUndoSelections\"],\"fixedColumns\":[\"controlFixedRowsColumns\"],\"fixedColumnsR\":[\"controlFixedRowsColumns\"],\"fixedRows\":[\"controlFixedRowsColumns\"],\"transpose\":[\"recalculateData\"]}],[1,\"kup-form\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"labelPlacement\":[1,\"label-placement\"],\"layout\":[16],\"submitCb\":[16],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64]},null,{\"data\":[\"onDataChanged\"],\"layout\":[\"onLayoutChanged\"]}],[1,\"kup-toolbar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"focused\":[32],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-autocomplete\",{\"alert\":[1],\"allowInconsistentValues\":[4,\"allow-inconsistent-values\"],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"error\":[1],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"isClearable\":[4,\"is-clearable\"],\"inputDelay\":[2,\"input-delay\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"minimumChars\":[2,\"minimum-chars\"],\"readOnly\":[4,\"read-only\"],\"selectMode\":[1,\"select-mode\"],\"serverHandledFilter\":[516,\"server-handled-filter\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"sizing\":[1],\"trailingIcon\":[4,\"trailing-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],\"contentAlign\":[1,\"content-align\"],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"icon\":[1],\"iconOff\":[1,\"icon-off\"],\"label\":[1],\"blackMode\":[4,\"black-mode\"],\"placeholderIcon\":[1,\"placeholder-icon\"],\"styling\":[1],\"showSpinner\":[4,\"show-spinner\"],\"toggable\":[4],\"trailingIcon\":[4,\"trailing-icon\"],\"sizing\":[1],\"keyShortcut\":[1,\"key-shortcut\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-button-list\",{\"blackMode\":[4,\"black-mode\"],\"contentAlign\":[1,\"content-align\"],\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"showSelection\":[4,\"show-selection\"],\"sizing\":[1],\"styling\":[513],\"selected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}],[1,\"kup-checkbox\",{\"alert\":[1],\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"error\":[1],\"indeterminate\":[1028],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-color-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"initialValue\":[1,\"initial-value\"],\"readOnly\":[4,\"read-only\"],\"swatchOnly\":[4,\"swatch-only\"],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64],\"refresh\":[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],\"placeholderIcon\":[1,\"placeholder-icon\"],\"selectMode\":[1,\"select-mode\"],\"sizing\":[1],\"styling\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"id\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]]],[1,\"kup-radio\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"horizontal\":[4],\"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],\"setExpansionByDepth\":[64],\"getProps\":[64],\"hideColumn\":[64],\"openColumnMenu\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"enrichDataWhenChanged\"],\"expanded\":[\"enrichStructureStateWhenChanged\"]}],[1,\"kup-image\",{\"badgeData\":[16],\"color\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"feedback\":[4],\"isCanvas\":[4,\"is-canvas\"],\"placeholderResource\":[1,\"placeholder-resource\"],\"resource\":[1],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"zoomEnable\":[4,\"zoom-enable\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-badge\",{\"customStyle\":[1,\"custom-style\"],\"imageData\":[16],\"type\":[1],\"text\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-card\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"isMenu\":[516,\"is-menu\"],\"layoutFamily\":[1,\"layout-family\"],\"layoutNumber\":[2,\"layout-number\"],\"menuVisible\":[1540,\"menu-visible\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}],[1,\"kup-chart\",{\"asp\":[1],\"axis\":[1],\"chartTitle\":[16],\"colors\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hAxis\":[16],\"hAxes\":[16],\"legend\":[1],\"offlineMode\":[16],\"series\":[16],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"sorting\":[16],\"stacked\":[4],\"types\":[16],\"vAxes\":[16],\"vAxis\":[16],\"trendlines\":[16],\"version\":[1],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"identifyRows\"]}],[1,\"kup-chip\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"displayId\":[4,\"display-id\"],\"enableInput\":[4,\"enable-input\"],\"type\":[1],\"sizing\":[1],\"styling\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}],[1,\"kup-combobox\",{\"alert\":[1],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"disabled\":[4],\"displayMode\":[1,\"display-mode\"],\"error\":[1],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"isClearable\":[4,\"is-clearable\"],\"isSelect\":[516,\"is-select\"],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"readOnly\":[4,\"read-only\"],\"selectMode\":[1,\"select-mode\"],\"showDropDownIcon\":[4,\"show-drop-down-icon\"],\"sizing\":[1],\"trailingIcon\":[4,\"trailing-icon\"],\"displayedValue\":[32],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[0,\"keydown\",\"listenKeydown\"]],{\"initialValue\":[\"initialValueChange\"]}],[1,\"kup-date-picker\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"disabled\":[4],\"firstDayIndex\":[2,\"first-day-index\"],\"initialValue\":[1,\"initial-value\"],\"outlined\":[4],\"sizing\":[1],\"showIcon\":[4,\"show-icon\"],\"showPreviousNextMonthDays\":[4,\"show-previous-next-month-days\"],\"error\":[1],\"stateSwitcher\":[32],\"ISOvalue\":[32],\"notISOvalue\":[32],\"getValue\":[64],\"getProps\":[64],\"refresh\":[64],\"setFocus\":[64],\"setValue\":[64]},[[0,\"keyup\",\"listenKeyup\"]],{\"firstDayIndex\":[\"watchFirstDayIndex\"]}],[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-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],\"getSelectedNode\":[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-rating\",{\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"maxValue\":[2,\"max-value\"],\"value\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-spinner\",{\"active\":[516],\"barVariant\":[4,\"bar-variant\"],\"customStyle\":[1,\"custom-style\"],\"dimensions\":[1],\"fader\":[4],\"faderTimeout\":[2,\"fader-timeout\"],\"fullScreen\":[516,\"full-screen\"],\"layout\":[2],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-switch\",{\"checked\":[1028],\"customStyle\":[1,\"custom-style\"],\"disabled\":[4],\"label\":[1],\"leadingLabel\":[4,\"leading-label\"],\"sizing\":[1],\"value\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}],[1,\"kup-tab-bar\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"variant\":[1],\"dense\":[4],\"ripple\":[4],\"toolbar\":[4],\"toolbarData\":[16],\"value\":[32],\"getProps\":[64],\"getSelectedNode\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"ripple\":[\"applyRipple\"]}],[1,\"kup-text-field\",{\"alert\":[1],\"allowNegative\":[4,\"allow-negative\"],\"customStyle\":[1,\"custom-style\"],\"decimals\":[2],\"disabled\":[4],\"emitSubmitEventOnEnter\":[4,\"emit-submit-event-on-enter\"],\"error\":[1],\"fullWidth\":[516,\"full-width\"],\"group\":[4],\"helper\":[1],\"helperIcon\":[4,\"helper-icon\"],\"helperEnabled\":[4,\"helper-enabled\"],\"helperWhenFocused\":[4,\"helper-when-focused\"],\"hiddenCounter\":[4,\"hidden-counter\"],\"icon\":[1],\"initialValue\":[1,\"initial-value\"],\"inputMode\":[1,\"input-mode\"],\"inputType\":[1,\"input-type\"],\"integers\":[2],\"isClearable\":[4,\"is-clearable\"],\"label\":[1],\"lightMode\":[4,\"light-mode\"],\"leadingLabel\":[4,\"leading-label\"],\"max\":[2],\"maxLength\":[2,\"max-length\"],\"min\":[2],\"name\":[1],\"outlined\":[4],\"placeholder\":[1],\"quantityButtons\":[4,\"quantity-buttons\"],\"readOnly\":[4,\"read-only\"],\"size\":[2],\"sizing\":[1],\"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\"],\"error\":[1],\"value\":[32],\"getProps\":[64],\"getValue\":[64],\"refresh\":[64],\"setFocus\":[64],\"setProps\":[64],\"setValue\":[64]},[[4,\"keyup\",\"listenKeyup\"]],{\"timeMinutesStep\":[\"watchTimeMinutesStep\"]}],[1,\"kup-dialog\",{\"autoCenter\":[16],\"customStyle\":[1,\"custom-style\"],\"header\":[16],\"modal\":[16],\"resizable\":[4],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"close\":[64],\"getProps\":[64],\"recalcPosition\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-planner.cjs\",[[1,\"kup-planner\",{\"stateId\":[1,\"state-id\"],\"store\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"detailData\":[16],\"detailColorCol\":[1,\"detail-color-col\"],\"detailColumns\":[16],\"detailDates\":[16],\"detailFilter\":[1,\"detail-filter\"],\"detailHeight\":[2,\"detail-height\"],\"detailHours\":[16],\"detailIconCol\":[1,\"detail-icon-col\"],\"detailIdCol\":[1,\"detail-id-col\"],\"detailNameCol\":[1,\"detail-name-col\"],\"detailPrevHours\":[16],\"detailPrevDates\":[16],\"detailInitialScrollX\":[2,\"detail-initial-scroll-x\"],\"detailInitialScrollY\":[2,\"detail-initial-scroll-y\"],\"listCellWidth\":[1,\"list-cell-width\"],\"maxWidth\":[1,\"max-width\"],\"phaseColorCol\":[1,\"phase-color-col\"],\"phaseColumns\":[16],\"phaseColParDep\":[1,\"phase-col-par-dep\"],\"phaseDates\":[16],\"phaseHours\":[16],\"phaseIconCol\":[1,\"phase-icon-col\"],\"phaseIdCol\":[1,\"phase-id-col\"],\"phaseNameCol\":[1,\"phase-name-col\"],\"phasePrevHours\":[16],\"phasePrevDates\":[16],\"readOnly\":[4,\"read-only\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"taskColumns\":[16],\"taskDates\":[16],\"taskFilter\":[1,\"task-filter\"],\"taskHeight\":[2,\"task-height\"],\"taskHours\":[16],\"taskIconCol\":[1,\"task-icon-col\"],\"taskIdCol\":[1,\"task-id-col\"],\"taskInitialScrollX\":[2,\"task-initial-scroll-x\"],\"taskInitialScrollY\":[2,\"task-initial-scroll-y\"],\"taskNameCol\":[1,\"task-name-col\"],\"taskPrevHours\":[16],\"taskPrevDates\":[16],\"titleMess\":[1,\"title-mess\"],\"viewMode\":[1,\"view-mode\"],\"mainFilter\":[16],\"secondaryFilter\":[16],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"plannerProps\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"addPhases\":[64]},null,{\"data\":[\"dataChanged\"]}]]],[\"kup-magic-box.cjs\",[[1,\"kup-magic-box\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"display\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-card-list.cjs\",[[1,\"kup-card-list\",{\"columnsNumber\":[2,\"columns-number\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"fullWidth\":[4,\"full-width\"],\"horizontal\":[4],\"descrCol\":[1,\"descr-col\"],\"iconCol\":[1,\"icon-col\"],\"valueCol\":[1,\"value-col\"],\"measureCol\":[1,\"measure-col\"],\"intvalueCol\":[1,\"intvalue-col\"],\"decvalueCol\":[1,\"decvalue-col\"],\"textcolorCol\":[1,\"textcolor-col\"],\"valuecolorCol\":[1,\"valuecolor-col\"],\"iconcolorCol\":[1,\"iconcolor-col\"],\"layoutCol\":[1,\"layout-col\"],\"isClickable\":[4,\"is-clickable\"],\"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-input-panel.cjs\",[[1,\"kup-input-panel\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"hiddenSubmitButton\":[4,\"hidden-submit-button\"],\"submitCb\":[16],\"optionsHandler\":[16],\"customButtonClickHandler\":[16],\"checkValidObjCallback\":[16],\"checkValidValueCallback\":[16],\"dashboardMode\":[4,\"dashboard-mode\"],\"inputPanelCells\":[32],\"inputPanelCommands\":[32],\"tabSelected\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"onDataChanged\"]}]]],[\"kup-accordion.cjs\",[[1,\"kup-accordion\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"sizing\":[1],\"selectedItems\":[32],\"collapseAll\":[64],\"expandAll\":[64],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64],\"toggleItem\":[64]},null,{\"ripple\":[\"applyRipple\"]}]]],[\"kup-activity-timeline.cjs\",[[1,\"kup-activity-timeline\",{\"data\":[16],\"dateColumn\":[1,\"date-column\"],\"sort\":[16],\"timeColumn\":[1,\"time-column\"],\"timeline\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-calendar.cjs\",[[1,\"kup-calendar\",{\"currentDate\":[1,\"current-date\"],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"calendarColumns\":[16],\"hideNavigation\":[4,\"hide-navigation\"],\"editableEvents\":[4,\"editable-events\"],\"viewType\":[1025,\"view-type\"],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]},null,{\"data\":[\"setCalendarData\"],\"currentDate\":[\"setCalendarData\"]}]]],[\"kup-cell.cjs\",[[1,\"kup-cell\",{\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"density\":[1],\"dragEnabled\":[4,\"drag-enabled\"],\"showSubmit\":[4,\"show-submit\"],\"submitPosition\":[1,\"submit-position\"],\"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]},null,{\"data\":[\"dataChanged\"]}]]],[\"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-htm.cjs\",[[1,\"kup-htm\",{\"data\":[16],\"getProps\":[64],\"refresh\":[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\",{\"columns\":[16],\"customStyle\":[1,\"custom-style\"],\"data\":[16],\"ripple\":[4],\"rows\":[2],\"selectedNode\":[16],\"stateId\":[1,\"state-id\"],\"store\":[16],\"showFullDescription\":[4,\"show-full-description\"],\"currentNode\":[32],\"navigationBarToggled\":[32],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"selectedNode\":[\"selectNode\"]}]]],[\"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-pdf.cjs\",[[1,\"kup-pdf\",{\"pdfPath\":[1,\"pdf-path\"],\"sendCredentials\":[4,\"send-credentials\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"pdfPath\":[\"onPdfPathChange\"]}]]],[\"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],\"header\":[1],\"timeout\":[2],\"visible\":[32],\"getProps\":[64],\"hide\":[64],\"refresh\":[64],\"setProps\":[64],\"show\":[64]}]]],[\"kup-txt.cjs\",[[1,\"kup-txt\",{\"data\":[16],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-typography.cjs\",[[1,\"kup-typography\",{\"customStyle\":[1,\"custom-style\"],\"toolbar\":[4],\"toolbarData\":[16],\"type\":[1],\"value\":[1],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-typography-list.cjs\",[[1,\"kup-typography-list\",{\"customStyle\":[1,\"custom-style\"],\"data\":[1040],\"type\":[1],\"toolbar\":[4],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"data\":[\"checkDataset\"]}]]],[\"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],\"showMarks\":[4,\"show-marks\"],\"sizeX\":[1,\"size-x\"],\"sizeY\":[1,\"size-y\"],\"stacked\":[4],\"types\":[16],\"xAxis\":[16],\"yAxis\":[16],\"getProps\":[64],\"refresh\":[64],\"resizeCallback\":[64],\"setProps\":[64]}]]],[\"kup-editor.cjs\",[[0,\"kup-editor\",{\"autosaveTimer\":[2,\"autosave-timer\"],\"editorHeight\":[1,\"editor-height\"],\"initialEditType\":[1,\"initial-edit-type\"],\"initialValue\":[1,\"initial-value\"],\"isReadOnly\":[4,\"is-read-only\"],\"previewStyle\":[1,\"preview-style\"],\"selectedTab\":[1,\"selected-tab\"],\"showSaveButton\":[4,\"show-save-button\"],\"showToolbar\":[4,\"show-toolbar\"],\"editor\":[32],\"editorRef\":[32],\"viewer\":[32],\"getProps\":[64],\"getValueAsHTML\":[64],\"getValueAsMarkdown\":[64],\"refresh\":[64],\"setProps\":[64]},null,{\"editorRef\":[\"onEditorRefUpdated\"],\"editor\":[\"onEditorUpdate\"],\"initialEditType\":[\"onInitialEditTypeChanged\"],\"isReadOnly\":[\"onIsReadOnlyChanged\"],\"previewStyle\":[\"onPreviewStyleChanged\"],\"selectedTab\":[\"onMarkdownPreviewTabChanged\"],\"showSaveButton\":[\"onShowSaveButtonChanged\"],\"showToolbar\":[\"onShowToolBarChanged\"],\"autosaveTimer\":[\"onAutosaveTimerChanged\"]}]]],[\"kup-grid.cjs\",[[1,\"kup-grid\",{\"columns\":[2],\"customStyle\":[1,\"custom-style\"],\"singleLine\":[4,\"single-line\"],\"getProps\":[64],\"refresh\":[64],\"setProps\":[64]}]]],[\"kup-custom-task-list-header_4.cjs\",[[0,\"kup-custom-task-list-header\",{\"label\":[1],\"doubleView\":[4,\"double-view\"],\"setDoubleView\":[16],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"]}],[0,\"kup-custom-task-list-table\",{\"ganttId\":[1,\"gantt-id\"],\"tasks\":[16],\"rowHeight\":[2,\"row-height\"],\"rowWidth\":[1,\"row-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"taskListScrollX\":[2,\"task-list-scroll-x\"],\"setSelectedTask\":[16],\"onclickTaskList\":[16],\"ondblclickTaskList\":[16],\"oncontextmenuTaskList\":[16],\"ontaskListScrollWidth\":[16]},null,{\"taskListScrollX\":[\"updateTaskListScroll\"]}],[0,\"kup-gantt-calendar\",{\"dateSetup\":[16],\"locale\":[1],\"rtl\":[4],\"headerHeight\":[2,\"header-height\"],\"columnWidth\":[2,\"column-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"dateTimeFormatters\":[16],\"singleLineHeader\":[4,\"single-line-header\"],\"currentDateIndicator\":[16],\"svgWidth\":[2,\"svg-width\"],\"simplifiedHeader\":[32]}],[0,\"kup-grid-renderer\",{\"tasks\":[16],\"dates\":[16],\"ganttEvent\":[16],\"selectedTask\":[16],\"rowHeight\":[2,\"row-height\"],\"columnWidth\":[2,\"column-width\"],\"timeStep\":[2,\"time-step\"],\"taskHeight\":[2,\"task-height\"],\"arrowColor\":[1,\"arrow-color\"],\"arrowIndent\":[2,\"arrow-indent\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rtl\":[4],\"hideLabel\":[4,\"hide-label\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"currentDateIndicator\":[16],\"projection\":[16],\"readOnly\":[4,\"read-only\"],\"gridProps\":[16],\"dateChange\":[16],\"progressChange\":[16],\"doubleClick\":[16],\"barClick\":[16],\"barDblClick\":[16],\"barContextMenu\":[16],\"delete\":[16],\"setFailedTask\":[16],\"setSelectedTask\":[16],\"eventStart\":[16],\"eMouseDown\":[16],\"phaseDrop\":[16],\"setGanttEvent\":[1040],\"phaseDragScroll\":[16],\"xStep\":[32],\"initEventX1Delta\":[32],\"initEventXClick\":[32],\"isMoving\":[32],\"point\":[32],\"svg\":[32],\"currentTarget\":[32],\"dragScrollInterval\":[32],\"dropZoneTask\":[32]},null,{\"columnWidth\":[\"updateXStep\"],\"dates\":[\"updateXStep\"],\"timeStep\":[\"updateXStep\",\"updateSvgMove\"],\"ganttEvent\":[\"updateSvgMove\"],\"xStep\":[\"updateSvgMove\"],\"svg\":[\"updateSvgMove\"],\"initEventX1Delta\":[\"updateSvgMove\"],\"point\":[\"updateSvgMove\"],\"rtl\":[\"updateSvgMove\"],\"onProgressChange\":[\"updateSvgMove\"],\"onDateChange\":[\"updateSvgMove\"]}]]],[\"kup-gantt_10.cjs\",[[0,\"kup-gantt\",{\"ganttId\":[1,\"gantt-id\"],\"tasks\":[16],\"headerHeight\":[2,\"header-height\"],\"columnWidth\":[2,\"column-width\"],\"listCellWidth\":[1,\"list-cell-width\"],\"rowHeight\":[2,\"row-height\"],\"filter\":[16],\"ganttHeight\":[2,\"gantt-height\"],\"viewMode\":[1,\"view-mode\"],\"preStepsCount\":[2,\"pre-steps-count\"],\"locale\":[1],\"barFill\":[2,\"bar-fill\"],\"projectFill\":[2,\"project-fill\"],\"timelineFill\":[2,\"timeline-fill\"],\"barCornerRadius\":[2,\"bar-corner-radius\"],\"barProgressColor\":[1,\"bar-progress-color\"],\"barProgressSelectedColor\":[1,\"bar-progress-selected-color\"],\"barBackgroundColor\":[1,\"bar-background-color\"],\"barBackgroundSelectedColor\":[1,\"bar-background-selected-color\"],\"projectProgressColor\":[1,\"project-progress-color\"],\"projectProgressSelectedColor\":[1,\"project-progress-selected-color\"],\"projectBackgroundColor\":[1,\"project-background-color\"],\"projectBackgroundSelectedColor\":[1,\"project-background-selected-color\"],\"rtl\":[4],\"handleWidth\":[2,\"handle-width\"],\"timeStep\":[2,\"time-step\"],\"arrowColor\":[1,\"arrow-color\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"arrowIndent\":[2,\"arrow-indent\"],\"todayColor\":[1,\"today-color\"],\"viewDate\":[16],\"TooltipContent\":[16],\"TaskListHeader\":[16],\"TaskListTable\":[16],\"dateTimeFormatters\":[16],\"singleLineHeader\":[4,\"single-line-header\"],\"hideLabel\":[4,\"hide-label\"],\"showSecondaryDates\":[4,\"show-secondary-dates\"],\"hideDependencies\":[4,\"hide-dependencies\"],\"projection\":[16],\"displayedStartDate\":[16],\"displayedEndDate\":[16],\"initialScrollX\":[2,\"initial-scroll-x\"],\"initialScrollY\":[2,\"initial-scroll-y\"],\"readOnly\":[4,\"read-only\"],\"currentTasks\":[16],\"label\":[1],\"doubleView\":[4,\"double-view\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"setDoubleView\":[16],\"barContextMenu\":[16],\"scrollXChange\":[16],\"scrollYChange\":[16],\"barClick\":[16],\"barDblClick\":[16],\"dateChange\":[16],\"select\":[16],\"handleClick\":[16],\"handleDblClick\":[16],\"handleContextMenu\":[16],\"ganttOnClick\":[16],\"ganttOnDblClick\":[16],\"ganttonOnContextMenu\":[16],\"progressChange\":[16],\"doubleClick\":[16],\"delete\":[16],\"expanderClick\":[16],\"phaseDrop\":[16],\"wrapperRef\":[32],\"taskGanttRef\":[32],\"taskListRef\":[32],\"dateSetup\":[32],\"taskListWidth\":[32],\"svgContainerWidth\":[32],\"svgContainerHeight\":[32],\"barTasks\":[32],\"ganttEvent\":[32],\"taskHeight\":[32],\"projectHeight\":[32],\"timelineHeight\":[32],\"selectedTask\":[32],\"failedTask\":[32],\"svgWidth\":[32],\"ganttFullHeight\":[32],\"scrollX\":[32],\"scrollY\":[32],\"ignoreScrollEvent\":[32],\"currentDateIndicatorContent\":[32],\"projectionContent\":[32],\"taskListScrollWidth\":[32],\"taskListScrollX\":[32],\"refresh\":[64]},[[0,\"wheel\",\"handleWheel\"]],{\"initialScrollY\":[\"updateInitialScrollY\"],\"scrollYChange\":[\"updateInitialScrollY\"],\"initialScrollX\":[\"updateInitialScrollX\",\"updateIgnoreScrollEvent\"],\"scrollXChange\":[\"updateInitialScrollX\"],\"tasks\":[\"updateGanttData\",\"updateSvgContainerHeight\"],\"viewMode\":[\"updateGanttData\",\"updateIgnoreScrollEvent\"],\"preStepsCount\":[\"updateGanttData\"],\"rowHeight\":[\"updateGanttData\",\"updateSvgContainerHeight\",\"updateGanttFullHeight\"],\"barCornerRadius\":[\"updateGanttData\"],\"columnWidth\":[\"updateGanttData\",\"updateIgnoreScrollEvent\",\"updateCurrentDateIndicatorContent\",\"updateProjectionContent\",\"updateSvgWidth\"],\"taskHeight\":[\"updateGanttData\"],\"handleWidth\":[\"updateGanttData\"],\"barProgressColor\":[\"updateGanttData\"],\"barProgressSelectedColor\":[\"updateGanttData\"],\"barBackgroundColor\":[\"updateGanttData\"],\"barBackgroundSelectedColor\":[\"updateGanttData\"],\"projectProgressColor\":[\"updateGanttData\"],\"projectProgressSelectedColor\":[\"updateGanttData\"],\"projectBackgroundColor\":[\"updateGanttData\"],\"projectBackgroundSelectedColor\":[\"updateGanttData\"],\"milestoneBackgroundColor\":[\"updateGanttData\"],\"milestoneBackgroundSelectedColor\":[\"updateGanttData\"],\"rtl\":[\"updateGanttData\",\"handleWheel\"],\"scrollX\":[\"updateGanttData\",\"handleWheel\"],\"onExpanderClick\":[\"updateGanttData\"],\"showSecondaryDates\":[\"updateGanttData\"],\"projectHeight\":[\"updateGanttData\"],\"timelineHeight\":[\"updateGanttData\"],\"displayedStartDate\":[\"updateGanttData\"],\"displayedEndDate\":[\"updateGanttData\"],\"dateSetup\":[\"updateGanttData\",\"updateIgnoreScrollEvent\",\"updateCurrentDateIndicatorContent\",\"updateProjectionContent\",\"updateSvgWidth\"],\"viewDate\":[\"updateIgnoreScrollEvent\"],\"ganttEvent\":[\"updateGanttEventAndBarTasks\"],\"failedTask\":[\"updateFailedTasksAndBarChart\"],\"barTasks\":[\"updateFailedTasksAndBarChart\",\"updateGanttFullHeight\"],\"taskListRef\":[\"updateTaskListWidth\"],\"listCellWidth\":[\"updateTaskListWidth\"],\"wrapperRef\":[\"updateSvgContainerWidth\",\"handleWheel\"],\"ganttHeight\":[\"updateSvgContainerHeight\",\"handleWheel\"],\"headerHeight\":[\"updateSvgContainerHeight\"],\"scrollY\":[\"handleWheel\"],\"svgWidth\":[\"handleWheel\"],\"ganttFullHeight\":[\"handleWheel\"],\"todayColor\":[\"updateCurrentDateIndicatorContent\"],\"projection\":[\"updateProjectionContent\"]}],[0,\"kup-switcher\",{\"timeUnitChange\":[16],\"activeButton\":[32]}],[0,\"kup-task-gantt\",{\"gridProps\":[16],\"calendarProps\":[16],\"barProps\":[16],\"taskGanttRef\":[16],\"ganttHeight\":[2,\"gantt-height\"],\"scrollY\":[1026,\"scroll-y\"],\"scrollX\":[1026,\"scroll-x\"],\"phaseDragScroll\":[16]},null,{\"scrollX\":[\"updateScrollX\"],\"verticalGanttContainerRef\":[\"updateScrollX\"],\"scrollY\":[\"updateScrollY\"],\"horizontalContainerRef\":[\"updateScrollY\"]}],[0,\"kup-task-list\",{\"headerHeight\":[2,\"header-height\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rowWidth\":[1,\"row-width\"],\"rowHeight\":[2,\"row-height\"],\"scrollY\":[2,\"scroll-y\"],\"locale\":[1],\"tasks\":[16],\"selectedTask\":[16],\"horizontalContainerClass\":[1,\"horizontal-container-class\"],\"ganttHeight\":[2,\"gantt-height\"],\"filter\":[16],\"TaskListHeader\":[16],\"TaskListTable\":[16],\"currentTasks\":[16],\"label\":[1],\"doubleView\":[4,\"double-view\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"updateTaskListScrollX\":[4,\"update-task-list-scroll-x\"],\"taskListScrollX\":[2,\"task-list-scroll-x\"],\"setDoubleView\":[16],\"handleClick\":[16],\"handleDblClick\":[16],\"handleContextMenu\":[16],\"ganttOnClick\":[16],\"ganttOnDblClick\":[16],\"ganttonOnContextMenu\":[16],\"setSelectedTask\":[16],\"expanderClick\":[16],\"ontaskListScrollWidth\":[16],\"selectedTaskId\":[32]},null,{\"scrollY\":[\"updateScrollY\"]}],[1,\"kup-horizontal-scroll\",{\"scrollNumber\":[2,\"scroll-number\"],\"svgWidth\":[2,\"svg-width\"],\"taskListTrueRef\":[16],\"rtl\":[4],\"taskListWidth\":[2,\"task-list-width\"],\"scrollableTaskList\":[4,\"scrollable-task-list\"],\"listCellWidth\":[1,\"list-cell-width\"],\"taskListScrollWidth\":[2,\"task-list-scroll-width\"],\"taskListScrollNumber\":[2,\"task-list-scroll-number\"],\"horizontalScroll\":[16],\"horizontalTaskListScroll\":[16],\"timeoutId\":[32]},null,{\"scrollNumber\":[\"scrollLeft\"],\"taskListScrollNumber\":[\"listScrollLeft\"]}],[1,\"kup-standard-tooltip\",{\"task\":[16],\"fontSize\":[1,\"font-size\"],\"fontFamily\":[1,\"font-family\"]}],[0,\"kup-task-list-header\",{\"headerHeight\":[2,\"header-height\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"rowWidth\":[1,\"row-width\"]}],[0,\"kup-task-list-table\",{\"rowHeight\":[2,\"row-height\"],\"rowWidth\":[1,\"row-width\"],\"fontFamily\":[1,\"font-family\"],\"fontSize\":[1,\"font-size\"],\"locale\":[1],\"tasks\":[16],\"selectedTaskId\":[1,\"selected-task-id\"],\"setSelectedTask\":[16],\"expanderClick\":[16],\"expandedTasks\":[32]}],[1,\"kup-tooltip\",{\"task\":[16],\"rowHeight\":[2,\"row-height\"],\"rtl\":[4],\"svgContainerHeight\":[2,\"svg-container-height\"],\"svgContainerWidth\":[2,\"svg-container-width\"],\"scrollX\":[2,\"scroll-x\"],\"scrollY\":[2,\"scroll-y\"],\"arrowIndent\":[2,\"arrow-indent\"],\"fontSize\":[1,\"font-size\"],\"fontFamily\":[1,\"font-family\"],\"headerHeight\":[2,\"header-height\"],\"taskListWidth\":[2,\"task-list-width\"],\"TooltipContent\":[8,\"tooltip-content\"],\"svgWidth\":[2,\"svg-width\"],\"relatedY\":[32],\"relatedX\":[32]},null,{\"task\":[\"calculateTooltipPosition\"],\"arrowIndent\":[\"calculateTooltipPosition\"],\"scrollX\":[\"calculateTooltipPosition\"],\"scrollY\":[\"calculateTooltipPosition\"],\"headerHeight\":[\"calculateTooltipPosition\"],\"taskListWidth\":[\"calculateTooltipPosition\"],\"rowHeight\":[\"calculateTooltipPosition\"],\"svgContainerHeight\":[\"calculateTooltipPosition\"],\"svgContainerWidth\":[\"calculateTooltipPosition\"],\"rtl\":[\"calculateTooltipPosition\"]}],[0,\"kup-vertical-scroll\",{\"scrollNumber\":[2,\"scroll-number\"],\"ganttHeight\":[2,\"gantt-height\"],\"ganttFullHeight\":[2,\"gantt-full-height\"],\"headerHeight\":[2,\"header-height\"],\"rtl\":[4],\"verticalScroll\":[16]},null,{\"scrollNumber\":[\"updateScroll\"]}]]],[\"kup-planner-renderer.cjs\",[[0,\"kup-planner-renderer\",{\"props\":[1040],\"timeUnit\":[32],\"currentTasks\":[32],\"currentDetails\":[32],\"scrollX\":[32],\"mainGanttDoubleView\":[32],\"displayedDates\":[32],\"viewDate\":[32],\"projection\":[32],\"tasks\":[32],\"details\":[32],\"refresh\":[64]},null,{\"props\":[\"mainGanttChangeHandler\"],\"timeUnit\":[\"updateDisplayedDates\"],\"mainGanttDoubleView\":[\"updateDisplayedDates\"],\"props.preStepsCount\":[\"updateDisplayedDates\"],\"viewDate\":[\"updateDisplayedDates\"],\"currentTasks\":[\"updateTasks\"],\"currentDetails\":[\"updateTasks\"]}]]],[\"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],\"lazyLoadRows\":[4,\"lazy-load-rows\"],\"loadMoreLimit\":[2,\"load-more-limit\"],\"loadMoreMode\":[1,\"load-more-mode\"],\"loadMoreStep\":[2,\"load-more-step\"],\"multiSelection\":[4,\"multi-selection\"],\"pageSelected\":[2,\"page-selected\"],\"pagination\":[4],\"rowsPerPage\":[2,\"rows-per-page\"],\"scrollOnHover\":[4,\"scroll-on-hover\"],\"selectBox\":[2,\"select-box\"],\"selectedRowsState\":[1025,\"selected-rows-state\"],\"showLoadMore\":[4,\"show-load-more\"],\"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]},null,{\"rowsPerPage\":[\"rowsPerPageHandler\",\"recalculateRows\"],\"globalFilterValue\":[\"recalculateRows\"],\"sortBy\":[\"recalculateRows\"],\"pagination\":[\"recalculateRows\"],\"currentPage\":[\"recalculateRows\"],\"currentRowsPerPage\":[\"recalculateRows\"],\"data\":[\"onDataChanged\"],\"layout\":[\"onLayoutChanged\"],\"selectBox\":[\"onSelectBoxChanged\"]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -26,6 +26,7 @@ var KupImageListProps;
|
|
|
26
26
|
KupImageListProps["data"] = "Actual data of the component";
|
|
27
27
|
KupImageListProps["ripple"] = "When enabled displays Material's ripple effect on clicked items.";
|
|
28
28
|
KupImageListProps["rows"] = "Cam set a specific number of rows. It overwrite the columns flow into rows flow";
|
|
29
|
+
KupImageListProps["showFullDescription"] = "When enabled, image descriptions will always be displayed entirely and not cut or truncated.";
|
|
29
30
|
})(KupImageListProps || (KupImageListProps = {}));
|
|
30
31
|
|
|
31
32
|
class KupImageListState {
|
|
@@ -38,7 +39,7 @@ class KupImageListState {
|
|
|
38
39
|
}
|
|
39
40
|
}
|
|
40
41
|
|
|
41
|
-
const kupImageListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";
|
|
42
|
+
const kupImageListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";
|
|
42
43
|
const KupImageListStyle0 = kupImageListCss;
|
|
43
44
|
|
|
44
45
|
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
@@ -110,6 +111,7 @@ const KupImageList = class {
|
|
|
110
111
|
this.selectedNode = [];
|
|
111
112
|
this.stateId = '';
|
|
112
113
|
this.store = undefined;
|
|
114
|
+
this.showFullDescription = false;
|
|
113
115
|
}
|
|
114
116
|
initWithPersistedState() {
|
|
115
117
|
if (this.store && this.stateId) {
|
|
@@ -234,14 +236,16 @@ const KupImageList = class {
|
|
|
234
236
|
};
|
|
235
237
|
combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
|
|
236
238
|
}
|
|
237
|
-
|
|
239
|
+
const imlClass = 'image-list' +
|
|
240
|
+
(this.showFullDescription ? ' full-description' : '');
|
|
241
|
+
return (index.h(index.Host, { key: 'aaefac38b6fc8edb0a3378edce114b31dcd4c982' }, index.h("style", { key: '80541c8e96c4949ae9d3635342458ed4636aa4f3' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e21da53853b397147fae86eb46c4ec73ab1918c8', id: GenericVariables.componentWrapperId, ref: (el) => {
|
|
238
242
|
__classPrivateFieldSet(this, _KupImageList_el, el, "f");
|
|
239
|
-
} }, index.h("div", { key: '
|
|
243
|
+
} }, index.h("div", { key: '2ea71db6523c5ed84e6e04bc36844199208ae69f', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
|
|
240
244
|
? 'navigation-bar__wrapper--active'
|
|
241
245
|
: ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
|
|
242
246
|
this.navigationBarToggled =
|
|
243
247
|
!this.navigationBarToggled;
|
|
244
|
-
} }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '
|
|
248
|
+
} }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: 'cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
|
|
245
249
|
}
|
|
246
250
|
disconnectedCallback() {
|
|
247
251
|
__classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"kup-image-list.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FButtonStyling","getProps","forceUpdate","setProps","MDCRipple","h","Host","componentWrapperId","FImage","FButton","KupLanguageGeneric","FCell","FCellPadding","index","KupPointerEventTypes"],"sources":["src/components/kup-image-list/kup-image-list-declarations.ts","src/components/kup-image-list/kup-image-list-state.ts","src/components/kup-image-list/kup-image-list.scss?tag=kup-image-list&encapsulation=shadow","src/components/kup-image-list/kup-image-list.tsx"],"sourcesContent":["import {\n KupDataCell,\n KupDataColumn,\n KupDataNode,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { GenericObject, KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-image-list component.\n * Used to export every prop in an object.\n */\nexport enum KupImageListProps {\n columns = 'Can set a specific number of columns',\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the component',\n ripple = \"When enabled displays Material's ripple effect on clicked items.\",\n rows = 'Cam set a specific number of rows. It overwrite the columns flow into rows flow',\n}\n\nexport interface KupImageListEventPayload extends KupEventPayload {\n details: KupImageListEventHandlerDetails;\n}\n/**\n * Contains all the data of an event.\n */\nexport interface KupImageListEventHandlerDetails {\n cell: KupDataCell;\n column: KupDataColumn;\n originalEvent: PointerEvent;\n row: KupDataRow;\n}\n\nexport interface KupImageListDataNode extends KupDataNode {\n badgeData: GenericObject[];\n children?: KupImageListDataNode[];\n}\n","import { KupState } from '../kup-state/kup-state';\nexport class KupImageListState implements KupState {\n selectedTreeNodePath: string;\n load: boolean = false;\n\n public toDebugString() {\n // TODO\n return 'image-list state';\n }\n}\n","@import 'styles/kup-image-list-main';\n@import 'styles/kup-image-list-classes';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n} from '@stencil/core';\nimport { MDCRipple } from '@material/ripple';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport {\n KupImageListDataNode,\n KupImageListEventHandlerDetails,\n KupImageListEventPayload,\n KupImageListProps,\n} from './kup-image-list-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport {\n FButtonProps,\n FButtonStyling,\n} from '../../f-components/f-button/f-button-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { KupStore } from '../kup-state/kup-store';\nimport { KupImageListState } from './kup-image-list-state';\nimport { TreeNodePath } from '../kup-tree/kup-tree-declarations';\nimport { KupPointerEventTypes } from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-image-list',\n styleUrl: 'kup-image-list.scss',\n shadow: true,\n})\nexport class KupImageList {\n /**\n * References the root HTML element of the component (<kup-image-list>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n state: KupImageListState = new KupImageListState();\n\n @State() currentNode: KupImageListDataNode = null;\n @State() navigationBarToggled: boolean = false;\n\n initWithPersistedState(): void {\n if (this.store && this.stateId) {\n const state = this.store.getState(this.stateId);\n if (state != null) {\n this.currentNode =\n this.#kupManager.data.node.findByStrTreeNodePath(\n this.data,\n state.selectedTreeNodePath\n ) as KupImageListDataNode;\n }\n }\n }\n\n persistState(): void {\n if (this.store && this.stateId) {\n let somethingChanged = false;\n let cNodeRowId = this.currentNode ? this.currentNode.id : '';\n\n if (\n !this.#kupManager.objects.deepEqual(\n this.state.selectedTreeNodePath,\n cNodeRowId\n )\n ) {\n this.state.selectedTreeNodePath = cNodeRowId;\n somethingChanged = true;\n }\n\n if (!this.state.load) {\n this.state.load = true;\n return;\n }\n if (somethingChanged) {\n this.store.persistState(this.stateId, this.state);\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n /**\n * Number of columns to display in the grid layout.\n * @default null\n */\n @Prop() columns: number[] = [];\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Actual data of the component.\n * @default []\n */\n @Prop() data: KupImageListDataNode[] = [];\n /**\n * When enabled displays Material's ripple effect on clicked items.\n * @default true\n */\n @Prop() ripple: boolean = false;\n /**\n * Number of rows to display in the grid layout.\n * @default null\n */\n @Prop() rows: number = null;\n\n /**\n * An array of integers containing the path to a selected child.\\\n */\n @Prop() selectedNode: TreeNodePath = [];\n @Prop() stateId: string = '';\n @Prop() store: KupStore;\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n /**\n * Instance of the KupManager class.\n */\n\n #clickTimeout: ReturnType<typeof setTimeout>[] = [];\n #kupManager: KupManager = kupManagerInstance();\n #backProps: FButtonProps = {\n icon: 'arrow_back',\n onClick: () => {\n this.currentNode = this.#kupManager.data.node.getParent(\n this.data,\n this.currentNode\n ) as KupImageListDataNode;\n if (!this.currentNode) {\n this.navigationBarToggled = false;\n }\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__back',\n };\n #topProps: FButtonProps = {\n icon: 'arrow_upward',\n onClick: () => {\n this.currentNode = null;\n this.navigationBarToggled = false;\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__top',\n };\n #el: HTMLElement;\n #hold: boolean = false;\n #interactableTouch: HTMLElement[] = [];\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-imagelist-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-contextmenu',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupContextMenu: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-dblclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupDblClick: EventEmitter<KupImageListEventPayload>;\n\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('selectedNode')\n selectNode(newData: TreeNodePath) {\n if (!newData || newData.length == 0) {\n return;\n }\n this.currentNode = this.#kupManager.data.node.find(\n this.data,\n newData\n ) as KupImageListDataNode;\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupImageListProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupImageListProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #createItem(node: KupImageListDataNode): VNode {\n const props: FImageProps = {\n fit: true,\n resource: node.icon,\n placeholderResource: node.placeholderIcon,\n title: node.title,\n wrapperClass: 'image-list__image',\n badgeData: node.badgeData,\n };\n\n const image = <FImage {...props}></FImage>;\n const label = <div class=\"image-list__label\">{node.value}</div>;\n\n const hasExternalResource =\n props.resource.indexOf('.') > -1 ||\n props.resource.indexOf('/') > -1 ||\n props.resource.indexOf('\\\\') > -1;\n\n return (\n <FCell\n cell={{\n value: node.value,\n icon: node.icon,\n placeholderIcon: node.placeholderIcon,\n obj: node.obj,\n }}\n column={{ name: 'IMAGE', title: 'Image' }}\n component={this}\n density={FCellPadding.NONE}\n row={{ ...node }}\n >\n <div\n class={`image-list__wrapper${\n hasExternalResource ? ' images' : ''\n }`}\n >\n {!hasExternalResource && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 24 24\"\n ></svg>\n )}\n {image}\n {label}\n </div>\n </FCell>\n );\n }\n\n #createList(): VNode[] {\n const nodes: VNode[] = [];\n const items = this.currentNode ? this.currentNode.children : this.data;\n for (let index = 0; items && index < items.length; index++) {\n const node = items[index];\n const classObj = {\n 'image-list__item': true,\n 'mdc-ripple-surface': this.ripple ? true : false,\n };\n const item: VNode = (\n <div\n onContextMenu={(e) => {\n e.preventDefault();\n }}\n class={classObj}\n >\n {this.#createItem(node)}\n </div>\n );\n nodes.push(item);\n }\n return nodes;\n }\n\n #getEventDetails(\n path: HTMLElement[],\n e?: PointerEvent\n ): KupImageListEventHandlerDetails {\n let cellProps: FCellProps;\n\n if (path) {\n for (let i = path.length - 1; i >= 0; i--) {\n let p = path[i];\n if (!p.tagName) {\n continue;\n }\n if (p.classList.contains('f-cell')) {\n cellProps = p['kup-get-cell-props']();\n }\n }\n }\n\n return {\n cell: cellProps?.cell,\n column: cellProps?.column,\n originalEvent: e,\n row: cellProps?.row,\n };\n }\n\n #clickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #contextMenuHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #dblClickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #didLoadInteractables() {\n this.#interactableTouch.push(this.#el);\n const tapCb = (e: PointerEvent) => {\n if (this.#hold) {\n this.#hold = false;\n return;\n }\n switch (e.button) {\n // left click\n case 0:\n // Note: event must be cloned\n // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).\n const clone: GenericObject = {};\n for (const key in e) {\n clone[key] = e[key];\n }\n this.#clickTimeout.push(\n setTimeout(() => {\n const details = this.#clickHandler(\n clone as PointerEvent\n );\n const node = details.row as KupImageListDataNode;\n if (node?.children?.length > 0) {\n this.currentNode = node;\n }\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n details,\n });\n }, 300)\n );\n break;\n // right click\n case 2:\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n break;\n }\n };\n const doubletapCb = (e: PointerEvent) => {\n switch (e.button) {\n // left click\n case 0:\n for (\n let index = 0;\n index < this.#clickTimeout.length;\n index++\n ) {\n clearTimeout(this.#clickTimeout[index]);\n this.#kupManager.debug.logMessage(\n this,\n 'Cleared clickHandler timeout(' +\n this.#clickTimeout[index] +\n ').'\n );\n }\n this.#clickTimeout = [];\n this.kupDblClick.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#dblClickHandler(e),\n });\n break;\n }\n };\n const holdCb = (e: PointerEvent) => {\n if (e.pointerType === 'pen' || e.pointerType === 'touch') {\n this.#hold = true;\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n }\n };\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.HOLD,\n holdCb\n );\n this.#kupManager.interact.on(this.#el, KupPointerEventTypes.TAP, tapCb);\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.DOUBLETAP,\n doubletapCb\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#didLoadInteractables();\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root = this.rootElement.shadowRoot;\n if (root && this.ripple) {\n const rippleCells = root.querySelectorAll(\n '.mdc-ripple-surface:not(.mdc-ripple-upgraded)'\n );\n if (rippleCells) {\n for (let i = 0; i < rippleCells.length; i++) {\n MDCRipple.attachTo(rippleCells[i]);\n }\n }\n }\n // *** Store\n this.persistState();\n // ***\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const hasNavigation = !!this.currentNode;\n let gridColumnsStyle: { [key: string]: string } = {};\n if (this.columns) {\n if (this.columns.length === 1) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[0]}`,\n };\n } else if (this.columns.length === 2) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[1]}`,\n };\n } else if (this.columns.length === 3) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[1]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[2]}`,\n };\n }\n }\n let combinedGridStyle: { [key: string]: string } = {\n ...gridColumnsStyle,\n };\n\n if (this.rows != null && this.rows > 0) {\n const gridRowsStyle = {\n 'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`,\n 'grid-auto-flow': `column`,\n };\n combinedGridStyle = { ...combinedGridStyle, ...gridRowsStyle };\n }\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n ref={(el) => {\n this.#el = el;\n }}\n >\n <div class=\"navigation-bar\">\n {hasNavigation ? (\n <div\n class={`navigation-bar__wrapper ${\n this.navigationBarToggled\n ? 'navigation-bar__wrapper--active'\n : ''\n }`}\n >\n <div\n class={`navigation-bar__title`}\n onClick={() => {\n this.navigationBarToggled =\n !this.navigationBarToggled;\n }}\n >\n <FImage\n fit={true}\n resource={this.currentNode.icon}\n placeholderResource={\n this.currentNode.placeholderIcon\n }\n sizeX=\"1.25em\"\n sizeY=\"1.25em\"\n wrapperClass=\"navigation-bar__title__image\"\n ></FImage>\n <div class=\"navigation-bar__title__label\">\n {this.currentNode.value}\n </div>\n </div>\n <FButton\n {...this.#backProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.BACK\n )}\n ></FButton>\n <FButton\n {...this.#topProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.TOP\n )}\n ></FButton>\n </div>\n ) : null}\n </div>\n <div class=\"image-list\" style={combinedGridStyle}>\n {...this.#createList()}\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.interact.unregister(this.#interactableTouch);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"kup-image-list.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FButtonStyling","getProps","forceUpdate","setProps","MDCRipple","h","Host","componentWrapperId","FImage","FButton","KupLanguageGeneric","FCell","FCellPadding","index","KupPointerEventTypes"],"sources":["src/components/kup-image-list/kup-image-list-declarations.ts","src/components/kup-image-list/kup-image-list-state.ts","src/components/kup-image-list/kup-image-list.scss?tag=kup-image-list&encapsulation=shadow","src/components/kup-image-list/kup-image-list.tsx"],"sourcesContent":["import {\n KupDataCell,\n KupDataColumn,\n KupDataNode,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { GenericObject, KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-image-list component.\n * Used to export every prop in an object.\n */\nexport enum KupImageListProps {\n columns = 'Can set a specific number of columns',\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the component',\n ripple = \"When enabled displays Material's ripple effect on clicked items.\",\n rows = 'Cam set a specific number of rows. It overwrite the columns flow into rows flow',\n showFullDescription = 'When enabled, image descriptions will always be displayed entirely and not cut or truncated.',\n}\n\nexport interface KupImageListEventPayload extends KupEventPayload {\n details: KupImageListEventHandlerDetails;\n}\n/**\n * Contains all the data of an event.\n */\nexport interface KupImageListEventHandlerDetails {\n cell: KupDataCell;\n column: KupDataColumn;\n originalEvent: PointerEvent;\n row: KupDataRow;\n}\n\nexport interface KupImageListDataNode extends KupDataNode {\n badgeData: GenericObject[];\n children?: KupImageListDataNode[];\n}\n","import { KupState } from '../kup-state/kup-state';\nexport class KupImageListState implements KupState {\n selectedTreeNodePath: string;\n load: boolean = false;\n\n public toDebugString() {\n // TODO\n return 'image-list state';\n }\n}\n","@import 'styles/kup-image-list-main';\n@import 'styles/kup-image-list-classes';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n} from '@stencil/core';\nimport { MDCRipple } from '@material/ripple';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport {\n KupImageListDataNode,\n KupImageListEventHandlerDetails,\n KupImageListEventPayload,\n KupImageListProps,\n} from './kup-image-list-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport {\n FButtonProps,\n FButtonStyling,\n} from '../../f-components/f-button/f-button-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { KupStore } from '../kup-state/kup-store';\nimport { KupImageListState } from './kup-image-list-state';\nimport { TreeNodePath } from '../kup-tree/kup-tree-declarations';\nimport { KupPointerEventTypes } from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-image-list',\n styleUrl: 'kup-image-list.scss',\n shadow: true,\n})\nexport class KupImageList {\n /**\n * References the root HTML element of the component (<kup-image-list>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n state: KupImageListState = new KupImageListState();\n\n @State() currentNode: KupImageListDataNode = null;\n @State() navigationBarToggled: boolean = false;\n\n initWithPersistedState(): void {\n if (this.store && this.stateId) {\n const state = this.store.getState(this.stateId);\n if (state != null) {\n this.currentNode =\n this.#kupManager.data.node.findByStrTreeNodePath(\n this.data,\n state.selectedTreeNodePath\n ) as KupImageListDataNode;\n }\n }\n }\n\n persistState(): void {\n if (this.store && this.stateId) {\n let somethingChanged = false;\n let cNodeRowId = this.currentNode ? this.currentNode.id : '';\n\n if (\n !this.#kupManager.objects.deepEqual(\n this.state.selectedTreeNodePath,\n cNodeRowId\n )\n ) {\n this.state.selectedTreeNodePath = cNodeRowId;\n somethingChanged = true;\n }\n\n if (!this.state.load) {\n this.state.load = true;\n return;\n }\n if (somethingChanged) {\n this.store.persistState(this.stateId, this.state);\n }\n }\n }\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n /**\n * Number of columns to display in the grid layout.\n * @default null\n */\n @Prop() columns: number[] = [];\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Actual data of the component.\n * @default []\n */\n @Prop() data: KupImageListDataNode[] = [];\n /**\n * When enabled displays Material's ripple effect on clicked items.\n * @default true\n */\n @Prop() ripple: boolean = false;\n /**\n * Number of rows to display in the grid layout.\n * @default null\n */\n @Prop() rows: number = null;\n\n /**\n * An array of integers containing the path to a selected child.\\\n */\n @Prop() selectedNode: TreeNodePath = [];\n @Prop() stateId: string = '';\n @Prop() store: KupStore;\n\n /**\n * When enabled images descriptions will be fully shown.\n * @default false\n */\n @Prop() showFullDescription: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n /**\n * Instance of the KupManager class.\n */\n\n #clickTimeout: ReturnType<typeof setTimeout>[] = [];\n #kupManager: KupManager = kupManagerInstance();\n #backProps: FButtonProps = {\n icon: 'arrow_back',\n onClick: () => {\n this.currentNode = this.#kupManager.data.node.getParent(\n this.data,\n this.currentNode\n ) as KupImageListDataNode;\n if (!this.currentNode) {\n this.navigationBarToggled = false;\n }\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__back',\n };\n #topProps: FButtonProps = {\n icon: 'arrow_upward',\n onClick: () => {\n this.currentNode = null;\n this.navigationBarToggled = false;\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__top',\n };\n #el: HTMLElement;\n #hold: boolean = false;\n #interactableTouch: HTMLElement[] = [];\n\n /*-------------------------------------------------*/\n /* E v e n t s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-imagelist-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-contextmenu',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupContextMenu: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-dblclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupDblClick: EventEmitter<KupImageListEventPayload>;\n\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('selectedNode')\n selectNode(newData: TreeNodePath) {\n if (!newData || newData.length == 0) {\n return;\n }\n this.currentNode = this.#kupManager.data.node.find(\n this.data,\n newData\n ) as KupImageListDataNode;\n }\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupImageListProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupImageListProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #createItem(node: KupImageListDataNode): VNode {\n const props: FImageProps = {\n fit: true,\n resource: node.icon,\n placeholderResource: node.placeholderIcon,\n title: node.title,\n wrapperClass: 'image-list__image',\n badgeData: node.badgeData,\n };\n\n const image = <FImage {...props}></FImage>;\n const label = <div class=\"image-list__label\">{node.value}</div>;\n\n const hasExternalResource =\n props.resource.indexOf('.') > -1 ||\n props.resource.indexOf('/') > -1 ||\n props.resource.indexOf('\\\\') > -1;\n\n return (\n <FCell\n cell={{\n value: node.value,\n icon: node.icon,\n placeholderIcon: node.placeholderIcon,\n obj: node.obj,\n }}\n column={{ name: 'IMAGE', title: 'Image' }}\n component={this}\n density={FCellPadding.NONE}\n row={{ ...node }}\n >\n <div\n class={`image-list__wrapper${\n hasExternalResource ? ' images' : ''\n }`}\n >\n {!hasExternalResource && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 24 24\"\n ></svg>\n )}\n {image}\n {label}\n </div>\n </FCell>\n );\n }\n\n #createList(): VNode[] {\n const nodes: VNode[] = [];\n const items = this.currentNode ? this.currentNode.children : this.data;\n for (let index = 0; items && index < items.length; index++) {\n const node = items[index];\n const classObj = {\n 'image-list__item': true,\n 'mdc-ripple-surface': this.ripple ? true : false,\n };\n const item: VNode = (\n <div\n onContextMenu={(e) => {\n e.preventDefault();\n }}\n class={classObj}\n >\n {this.#createItem(node)}\n </div>\n );\n nodes.push(item);\n }\n return nodes;\n }\n\n #getEventDetails(\n path: HTMLElement[],\n e?: PointerEvent\n ): KupImageListEventHandlerDetails {\n let cellProps: FCellProps;\n\n if (path) {\n for (let i = path.length - 1; i >= 0; i--) {\n let p = path[i];\n if (!p.tagName) {\n continue;\n }\n if (p.classList.contains('f-cell')) {\n cellProps = p['kup-get-cell-props']();\n }\n }\n }\n\n return {\n cell: cellProps?.cell,\n column: cellProps?.column,\n originalEvent: e,\n row: cellProps?.row,\n };\n }\n\n #clickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #contextMenuHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #dblClickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #didLoadInteractables() {\n this.#interactableTouch.push(this.#el);\n const tapCb = (e: PointerEvent) => {\n if (this.#hold) {\n this.#hold = false;\n return;\n }\n switch (e.button) {\n // left click\n case 0:\n // Note: event must be cloned\n // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).\n const clone: GenericObject = {};\n for (const key in e) {\n clone[key] = e[key];\n }\n this.#clickTimeout.push(\n setTimeout(() => {\n const details = this.#clickHandler(\n clone as PointerEvent\n );\n const node = details.row as KupImageListDataNode;\n if (node?.children?.length > 0) {\n this.currentNode = node;\n }\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n details,\n });\n }, 300)\n );\n break;\n // right click\n case 2:\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n break;\n }\n };\n const doubletapCb = (e: PointerEvent) => {\n switch (e.button) {\n // left click\n case 0:\n for (\n let index = 0;\n index < this.#clickTimeout.length;\n index++\n ) {\n clearTimeout(this.#clickTimeout[index]);\n this.#kupManager.debug.logMessage(\n this,\n 'Cleared clickHandler timeout(' +\n this.#clickTimeout[index] +\n ').'\n );\n }\n this.#clickTimeout = [];\n this.kupDblClick.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#dblClickHandler(e),\n });\n break;\n }\n };\n const holdCb = (e: PointerEvent) => {\n if (e.pointerType === 'pen' || e.pointerType === 'touch') {\n this.#hold = true;\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n }\n };\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.HOLD,\n holdCb\n );\n this.#kupManager.interact.on(this.#el, KupPointerEventTypes.TAP, tapCb);\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.DOUBLETAP,\n doubletapCb\n );\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#didLoadInteractables();\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root = this.rootElement.shadowRoot;\n if (root && this.ripple) {\n const rippleCells = root.querySelectorAll(\n '.mdc-ripple-surface:not(.mdc-ripple-upgraded)'\n );\n if (rippleCells) {\n for (let i = 0; i < rippleCells.length; i++) {\n MDCRipple.attachTo(rippleCells[i]);\n }\n }\n }\n // *** Store\n this.persistState();\n // ***\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const hasNavigation = !!this.currentNode;\n let gridColumnsStyle: { [key: string]: string } = {};\n if (this.columns) {\n if (this.columns.length === 1) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[0]}`,\n };\n } else if (this.columns.length === 2) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[1]}`,\n };\n } else if (this.columns.length === 3) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[1]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[2]}`,\n };\n }\n }\n let combinedGridStyle: { [key: string]: string } = {\n ...gridColumnsStyle,\n };\n\n if (this.rows != null && this.rows > 0) {\n const gridRowsStyle = {\n 'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`,\n 'grid-auto-flow': `column`,\n };\n combinedGridStyle = { ...combinedGridStyle, ...gridRowsStyle };\n }\n\n const imlClass =\n 'image-list' +\n (this.showFullDescription ? ' full-description' : '');\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n ref={(el) => {\n this.#el = el;\n }}\n >\n <div class=\"navigation-bar\">\n {hasNavigation ? (\n <div\n class={`navigation-bar__wrapper ${\n this.navigationBarToggled\n ? 'navigation-bar__wrapper--active'\n : ''\n }`}\n >\n <div\n class={`navigation-bar__title`}\n onClick={() => {\n this.navigationBarToggled =\n !this.navigationBarToggled;\n }}\n >\n <FImage\n fit={true}\n resource={this.currentNode.icon}\n placeholderResource={\n this.currentNode.placeholderIcon\n }\n sizeX=\"1.25em\"\n sizeY=\"1.25em\"\n wrapperClass=\"navigation-bar__title__image\"\n ></FImage>\n <div class=\"navigation-bar__title__label\">\n {this.currentNode.value}\n </div>\n </div>\n <FButton\n {...this.#backProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.BACK\n )}\n ></FButton>\n <FButton\n {...this.#topProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.TOP\n )}\n ></FButton>\n </div>\n ) : null}\n </div>\n <div class={imlClass} style={combinedGridStyle}>\n {...this.#createList()}\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.interact.unregister(this.#interactableTouch);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
|