@sme.up/ketchup 11.0.0-SNAPSHOT-20250318114815 → 11.0.0-SNAPSHOT-20250319164543
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-autocomplete_29.cjs.entry.js +191 -19
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/kup-calendar/kup-calendar.js +2 -2
- package/dist/collection/components/kup-data-table/kup-data-table.css +1 -0
- package/dist/collection/components/kup-data-table/kup-data-table.js +251 -18
- package/dist/components/index.js +1 -1
- package/dist/components/kup-accordion.js +2 -2
- package/dist/components/kup-activity-timeline.js +2 -2
- package/dist/components/kup-autocomplete.js +1 -1
- package/dist/components/kup-badge.js +1 -1
- package/dist/components/kup-box.js +1 -1
- package/dist/components/kup-button-list.js +1 -1
- package/dist/components/kup-button.js +1 -1
- package/dist/components/kup-calendar.js +4 -4
- package/dist/components/kup-card-list.js +3 -3
- package/dist/components/kup-card.js +1 -1
- package/dist/components/kup-cell.js +2 -2
- package/dist/components/kup-chart.js +1 -1
- package/dist/components/kup-checkbox.js +1 -1
- package/dist/components/kup-chip.js +1 -1
- package/dist/components/kup-color-picker.js +1 -1
- package/dist/components/kup-combobox.js +1 -1
- package/dist/components/kup-dashboard.js +2 -2
- package/dist/components/kup-data-table.js +1 -1
- package/dist/components/kup-date-picker.js +1 -1
- package/dist/components/kup-dialog.js +1 -1
- package/dist/components/kup-drawer.js +2 -2
- package/dist/components/kup-dropdown-button.js +1 -1
- package/dist/components/kup-echart.js +1 -1
- package/dist/components/kup-editor.js +1 -1
- package/dist/components/kup-family-tree.js +3 -3
- package/dist/components/kup-file-upload.js +1 -1
- package/dist/components/kup-form.js +1 -1
- package/dist/components/kup-gauge.js +1 -1
- package/dist/components/kup-grid.js +1 -1
- package/dist/components/kup-htm.js +2 -2
- package/dist/components/kup-iframe.js +2 -2
- package/dist/components/kup-image-list.js +2 -2
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +3 -3
- package/dist/components/kup-lazy.js +2 -2
- package/dist/components/kup-list.js +1 -1
- package/dist/components/kup-magic-box.js +4 -4
- package/dist/components/kup-nav-bar.js +2 -2
- package/dist/components/kup-numeric-picker.js +2 -2
- package/dist/components/kup-object-field.js +2 -2
- package/dist/components/kup-pdf.js +2 -2
- package/dist/components/kup-planner.js +2 -2
- package/dist/components/kup-probe.js +2 -2
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +2 -2
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +2 -2
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +2 -2
- package/dist/components/kup-typography-list.js +2 -2
- package/dist/components/kup-typography.js +2 -2
- package/dist/components/{p-be950287.js → p-01d3e391.js} +2 -2
- package/dist/components/{p-c733a595.js → p-86f4779b.js} +2 -2
- package/dist/components/{p-f21f39ec.js → p-ac06577a.js} +1 -1
- package/dist/components/{p-ac46ad59.js → p-b6c9751a.js} +195 -20
- package/dist/components/{p-3bc1bb5c.js → p-f46451da.js} +2 -2
- package/dist/components/{p-be315b1f.js → p-ffb51769.js} +2 -2
- package/dist/esm/{f-cell-a14c1beb.js → f-cell-a8ccc976.js} +4 -4
- package/dist/esm/{f-chip-681bccf4.js → f-chip-c184f1b7.js} +1 -1
- package/dist/esm/{f-object-field-a26d66e7.js → f-object-field-db4d0979.js} +2 -2
- package/dist/esm/{f-paginator-utils-eb7bd65b.js → f-paginator-utils-e3225229.js} +1 -1
- package/dist/esm/{f-text-field-9e18db26.js → f-text-field-dd0bb491.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_29.entry.js +198 -26
- package/dist/esm/kup-box.entry.js +7 -7
- package/dist/esm/kup-calendar.entry.js +4 -4
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-99e42eb7.js → kup-data-table-helper-5163d497.js} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +5 -5
- package/dist/esm/kup-input-panel.entry.js +5 -5
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-9c9b082e.js → kup-manager-304281d0.js} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-object-field.entry.js +3 -3
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-txt.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-c7c484da.entry.js → p-0ba65a90.entry.js} +1 -1
- package/dist/ketchup/{p-354ef5d8.entry.js → p-1ef90dbb.entry.js} +1 -1
- package/dist/ketchup/{p-4db9bbe6.entry.js → p-2887e12d.entry.js} +1 -1
- package/dist/ketchup/{p-f80b207a.entry.js → p-3d6bbc4f.entry.js} +1 -1
- package/dist/ketchup/{p-f0d5cbc6.entry.js → p-4109f094.entry.js} +1 -1
- package/dist/ketchup/{p-e5617662.entry.js → p-43e9a23d.entry.js} +1 -1
- package/dist/ketchup/{p-d135d48d.js → p-51cfb29c.js} +1 -1
- package/dist/ketchup/{p-ab123444.entry.js → p-54ed0a88.entry.js} +1 -1
- package/dist/ketchup/{p-08dc8b87.js → p-5b581802.js} +1 -1
- package/dist/ketchup/{p-287b2523.entry.js → p-5b5f65e9.entry.js} +1 -1
- package/dist/ketchup/{p-22a9acc1.entry.js → p-5cfa066c.entry.js} +1 -1
- package/dist/ketchup/{p-7eb4809f.js → p-79a3c752.js} +1 -1
- package/dist/ketchup/{p-8f5985a9.entry.js → p-7cbcb861.entry.js} +1 -1
- package/dist/ketchup/{p-a989055f.entry.js → p-7fc80e25.entry.js} +1 -1
- package/dist/ketchup/{p-659d47f6.entry.js → p-840b2ed7.entry.js} +1 -1
- package/dist/ketchup/{p-564dbace.js → p-87e03a18.js} +1 -1
- package/dist/ketchup/{p-c45ae9a8.entry.js → p-88262409.entry.js} +1 -1
- package/dist/ketchup/{p-e8380e30.entry.js → p-8d3e22e4.entry.js} +1 -1
- package/dist/ketchup/{p-9ff8c791.entry.js → p-8ed47f65.entry.js} +1 -1
- package/dist/ketchup/{p-6464b840.entry.js → p-90ceaa0d.entry.js} +1 -1
- package/dist/ketchup/{p-a0cf5b19.entry.js → p-92ddb907.entry.js} +1 -1
- package/dist/ketchup/{p-4300e7e3.js → p-a02e5ab7.js} +1 -1
- package/dist/ketchup/{p-7ce29dc0.entry.js → p-a0555cf2.entry.js} +1 -1
- package/dist/ketchup/{p-21973185.js → p-a28cbffd.js} +1 -1
- package/dist/ketchup/{p-9a46fce6.entry.js → p-a2c0c37b.entry.js} +1 -1
- package/dist/ketchup/{p-bd9f6d3b.entry.js → p-a50f98ba.entry.js} +1 -1
- package/dist/ketchup/{p-be95105f.entry.js → p-b8e58d75.entry.js} +1 -1
- package/dist/ketchup/{p-f7d1b162.entry.js → p-bf6c72d1.entry.js} +1 -1
- package/dist/ketchup/{p-3df29eda.entry.js → p-c241b62b.entry.js} +1 -1
- package/dist/ketchup/{p-b8be3e58.js → p-d0a399d1.js} +1 -1
- package/dist/ketchup/{p-0b8d24e7.entry.js → p-d3e607f2.entry.js} +1 -1
- package/dist/ketchup/{p-5f248120.entry.js → p-da8d3f53.entry.js} +1 -1
- package/dist/ketchup/{p-ed767c77.entry.js → p-ef75cfae.entry.js} +1 -1
- package/dist/ketchup/{p-caff814a.entry.js → p-f062702a.entry.js} +1 -1
- package/dist/ketchup/p-f2be0d8d.entry.js +9 -0
- package/dist/ketchup/{p-fd2d8ea5.entry.js → p-f65a874c.entry.js} +1 -1
- package/dist/ketchup/{p-9862a94c.entry.js → p-fb86a44c.entry.js} +1 -1
- package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +1 -1
- package/dist/types/components/kup-data-table/kup-data-table.d.ts +13 -1
- package/dist/types/components.d.ts +14 -2
- package/package.json +1 -1
- package/dist/ketchup/p-ea0e5d5f.entry.js +0 -9
|
@@ -8574,7 +8574,7 @@ class KupColumnMenu {
|
|
|
8574
8574
|
}
|
|
8575
8575
|
}
|
|
8576
8576
|
|
|
8577
|
-
const kupDataTableCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-layer-1)\n );--kup_datatable_th_background_color:var(\n --kup-datatable-th-background-color,\n var(--kup-layer-2)\n );--kup_datatable_background_color_selected:var(\n --kup-datatable-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_datatable_border:var(\n --kup-datatable-border-color,\n 1px solid var(--kup-border-subtle)\n );--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_fcell_line_height_extradense:var(\n --kup-fcell-line-height-extradense,\n 14px\n );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 12px);--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-gray-color-30)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );--kup_datatable_background_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_datatable_text_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-text-primary)\n );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_extradense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-01)\n );--kup_fcell_padding_dense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-03)\n );--kup_fcell_padding_medium:var(\n --kup-fcell-padding-medium,\n var(--kup-space-02) var(--kup-space-03)\n );--kup_fcell_padding_wide:var(\n --kup-fcell-padding-wide,\n var(--kup-space-04) var(--kup-space-03)\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;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;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0 var(--kup-space-03) 0.25em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative;box-sizing:content-box}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-legacy-look-padding);--kup-textfield-extrasmall-height:20px}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:12px;padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}:host([legacy-look]) table.row-separation>tbody>tr>td{box-shadow:0px 1px var(--kup-border-subtle);border-bottom:0px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20-hover)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
|
|
8577
|
+
const kupDataTableCss = ".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_datatable_background_color:var(\n --kup-datatable-background-color,\n var(--kup-layer-1)\n );--kup_datatable_th_background_color:var(\n --kup-datatable-th-background-color,\n var(--kup-layer-2)\n );--kup_datatable_background_color_selected:var(\n --kup-datatable-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_datatable_border:var(\n --kup-datatable-border-color,\n 1px solid var(--kup-border-subtle)\n );--kup_datatable_font_family:var(\n --kup-datatable-font-family,\n var(--kup-font-family)\n );--kup_datatable_font_family_monospace:var(\n --kup-datatable-font-family-monospace,\n var(--kup-font-family-monospace)\n );--kup_datatable_font_size:var(\n --kup-datatable-font-size,\n var(--kup-font-size)\n );--kup_fcell_line_height_extradense:var(\n --kup-fcell-line-height-extradense,\n 14px\n );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 12px);--kup_datatable_th_border:var(\n --kup-datatable-th-border,\n 1px solid var(--kup-gray-color-30)\n );--kup_datatable_th_resize_handle_width:var(\n --kup-datatable-th-resize-handle-width,\n 3px\n );--kup_datatable_background_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_datatable_text_color_hover:var(\n --kup-datatable-background-color-hover,\n var(--kup-text-primary)\n );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_extradense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-01)\n );--kup_fcell_padding_dense:var(\n --kup-fcell-padding-dense,\n var(--kup-space-01) var(--kup-space-03)\n );--kup_fcell_padding_medium:var(\n --kup-fcell-padding-medium,\n var(--kup-space-02) var(--kup-space-03)\n );--kup_fcell_padding_wide:var(\n --kup-fcell-padding-wide,\n var(--kup-space-04) var(--kup-space-03)\n );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;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;font-size:13px;outline:none}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0 var(--kup-space-03) 0.25em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative;box-sizing:content-box}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-legacy-look-padding);--kup-textfield-extrasmall-height:20px}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:12px;padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}:host([legacy-look]) table.row-separation>tbody>tr>td{box-shadow:0px 1px var(--kup-border-subtle);border-bottom:0px}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20-hover)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20-hover)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
|
|
8578
8578
|
const KupDataTableStyle0 = kupDataTableCss;
|
|
8579
8579
|
|
|
8580
8580
|
var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
@@ -8593,7 +8593,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8593
8593
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8594
8594
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8595
8595
|
};
|
|
8596
|
-
var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
|
|
8596
|
+
var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
|
|
8597
8597
|
const KupDataTable = class {
|
|
8598
8598
|
constructor(hostRef) {
|
|
8599
8599
|
index.registerInstance(this, hostRef);
|
|
@@ -8710,6 +8710,8 @@ const KupDataTable = class {
|
|
|
8710
8710
|
_KupDataTable_columnDropCardAnchor.set(this, null);
|
|
8711
8711
|
_KupDataTable_dropDownActionCardAnchor.set(this, null);
|
|
8712
8712
|
_KupDataTable_insertCount.set(this, 0);
|
|
8713
|
+
_KupDataTable_lastFocusedColumn.set(this, null);
|
|
8714
|
+
_KupDataTable_lastFocusedCell.set(this, null);
|
|
8713
8715
|
_KupDataTable_lastFocusedRow.set(this, null);
|
|
8714
8716
|
_KupDataTable_maxRowsPerPage.set(this, void 0);
|
|
8715
8717
|
_KupDataTable_readyPromise.set(this, void 0);
|
|
@@ -8737,6 +8739,67 @@ const KupDataTable = class {
|
|
|
8737
8739
|
}
|
|
8738
8740
|
}
|
|
8739
8741
|
});
|
|
8742
|
+
//======== Event Listeners ========
|
|
8743
|
+
_KupDataTable_horNav.set(this, (isRight) => {
|
|
8744
|
+
if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f")) {
|
|
8745
|
+
return;
|
|
8746
|
+
}
|
|
8747
|
+
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
|
|
8748
|
+
const tr = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
|
|
8749
|
+
const cells = tr.querySelectorAll('.f-cell');
|
|
8750
|
+
const oldIndex = Array.from(cells).indexOf(__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element);
|
|
8751
|
+
let newIndex = isRight ? oldIndex + 1 : oldIndex - 1;
|
|
8752
|
+
if (newIndex < 0) {
|
|
8753
|
+
newIndex = cells.length - 1;
|
|
8754
|
+
}
|
|
8755
|
+
else if (newIndex >= cells.length) {
|
|
8756
|
+
newIndex = 0;
|
|
8757
|
+
}
|
|
8758
|
+
const focused = cells[newIndex];
|
|
8759
|
+
const focusedProps = focused['kup-get-cell-props']();
|
|
8760
|
+
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
|
|
8761
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
|
|
8762
|
+
});
|
|
8763
|
+
_KupDataTable_verNav.set(this, (isDown) => {
|
|
8764
|
+
if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f")) {
|
|
8765
|
+
return;
|
|
8766
|
+
}
|
|
8767
|
+
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
|
|
8768
|
+
const tr = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
|
|
8769
|
+
const cellXIndex = Array.from(tr.querySelectorAll('.f-cell')).indexOf(__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f").element);
|
|
8770
|
+
const rows = tr.parentElement.querySelectorAll('tr:not(.group)');
|
|
8771
|
+
const index = Array.from(rows).indexOf(tr);
|
|
8772
|
+
let newIndex = isDown ? index + 1 : index - 1;
|
|
8773
|
+
if (newIndex < 0) {
|
|
8774
|
+
newIndex = rows.length - 1;
|
|
8775
|
+
}
|
|
8776
|
+
else if (newIndex >= rows.length) {
|
|
8777
|
+
newIndex = 0;
|
|
8778
|
+
}
|
|
8779
|
+
const focusedRow = rows[newIndex];
|
|
8780
|
+
const focusedCells = focusedRow.querySelectorAll('.f-cell');
|
|
8781
|
+
const focused = focusedCells[cellXIndex];
|
|
8782
|
+
const focusedProps = focused['kup-get-cell-props']();
|
|
8783
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
|
|
8784
|
+
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
|
|
8785
|
+
});
|
|
8786
|
+
_KupDataTable_onKupKeyDown.set(this, (e) => {
|
|
8787
|
+
const isHorizontal = e.key === 'ArrowLeft' || e.key === 'ArrowRight';
|
|
8788
|
+
const isVertical = e.key === 'ArrowDown' || e.key === 'ArrowUp';
|
|
8789
|
+
// Only for non-editable matrix
|
|
8790
|
+
if (!this.editableData && !this.updatableData) {
|
|
8791
|
+
// If horizontal navigation, select next/previous column
|
|
8792
|
+
if (isHorizontal) {
|
|
8793
|
+
e.preventDefault();
|
|
8794
|
+
__classPrivateFieldGet$7(this, _KupDataTable_horNav, "f").call(this, e.key === 'ArrowRight');
|
|
8795
|
+
}
|
|
8796
|
+
// If vertical navigation, select next/previous row
|
|
8797
|
+
if (isVertical) {
|
|
8798
|
+
e.preventDefault();
|
|
8799
|
+
__classPrivateFieldGet$7(this, _KupDataTable_verNav, "f").call(this, e.key === 'ArrowDown');
|
|
8800
|
+
}
|
|
8801
|
+
}
|
|
8802
|
+
});
|
|
8740
8803
|
_KupDataTable_handleUpdateClick.set(this, (command) => {
|
|
8741
8804
|
this.kupUpdate.emit({
|
|
8742
8805
|
comp: this,
|
|
@@ -9423,6 +9486,31 @@ const KupDataTable = class {
|
|
|
9423
9486
|
async getLastFocusedRow() {
|
|
9424
9487
|
return __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f");
|
|
9425
9488
|
}
|
|
9489
|
+
/**
|
|
9490
|
+
* This method is used to retrieve last focused cell
|
|
9491
|
+
*/
|
|
9492
|
+
async getLastFocusedCell() {
|
|
9493
|
+
return __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f");
|
|
9494
|
+
}
|
|
9495
|
+
/**
|
|
9496
|
+
* This method is used to retrieve last focused column
|
|
9497
|
+
*/
|
|
9498
|
+
async getLastFocusedColumn() {
|
|
9499
|
+
return __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f");
|
|
9500
|
+
}
|
|
9501
|
+
/**
|
|
9502
|
+
* This method is used to force tooltip request for current focused cell
|
|
9503
|
+
*/
|
|
9504
|
+
async tooltipRequest() {
|
|
9505
|
+
if (!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") && !__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f")) {
|
|
9506
|
+
return;
|
|
9507
|
+
}
|
|
9508
|
+
this.kupDataTableContextMenu.emit({
|
|
9509
|
+
comp: this,
|
|
9510
|
+
id: this.rootElement.id,
|
|
9511
|
+
details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_tooltipRequestHandler).call(this),
|
|
9512
|
+
});
|
|
9513
|
+
}
|
|
9426
9514
|
//#region LISTENERS
|
|
9427
9515
|
/*-------------------------------------------------*/
|
|
9428
9516
|
/* L i s t e n e r s */
|
|
@@ -9862,7 +9950,6 @@ const KupDataTable = class {
|
|
|
9862
9950
|
}
|
|
9863
9951
|
}
|
|
9864
9952
|
render() {
|
|
9865
|
-
console.log('ketchup kup-data-table render');
|
|
9866
9953
|
__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.mark('componentRender');
|
|
9867
9954
|
__classPrivateFieldSet$3(this, _KupDataTable_thRefs, [], "f");
|
|
9868
9955
|
__classPrivateFieldSet$3(this, _KupDataTable_rowsRefs, [], "f");
|
|
@@ -9875,7 +9962,7 @@ const KupDataTable = class {
|
|
|
9875
9962
|
}
|
|
9876
9963
|
let rows = null;
|
|
9877
9964
|
if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
|
|
9878
|
-
rows = (index.h("tr", { key: '
|
|
9965
|
+
rows = (index.h("tr", { key: '12bcb8add49e557cc391a1598b8ce2606f199188', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'abc343e416f02f35a269bbb9146a4224a0c51633', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
|
|
9879
9966
|
}
|
|
9880
9967
|
else {
|
|
9881
9968
|
rows = [];
|
|
@@ -9940,7 +10027,7 @@ const KupDataTable = class {
|
|
|
9940
10027
|
for (let i = 0; i < chipsData.length; i++) {
|
|
9941
10028
|
props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
|
|
9942
10029
|
}
|
|
9943
|
-
groupChips = index.h(fChip.FChip, Object.assign({ key: '
|
|
10030
|
+
groupChips = index.h(fChip.FChip, Object.assign({ key: 'a8db78860954a0925cd0074aac26ab82d3c20aa8' }, props));
|
|
9944
10031
|
}
|
|
9945
10032
|
}
|
|
9946
10033
|
const tableClass = {
|
|
@@ -9972,7 +10059,7 @@ const KupDataTable = class {
|
|
|
9972
10059
|
if (this.headerIsPersistent &&
|
|
9973
10060
|
this.tableHeight === undefined &&
|
|
9974
10061
|
this.tableWidth === undefined) {
|
|
9975
|
-
stickyEl = (index.h("sticky-header", { key: '
|
|
10062
|
+
stickyEl = (index.h("sticky-header", { key: '2d55ef8ee9aa173315edb7e73d38324856fa705e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'c019346f44a469ef9e524cb9285488f074fd74ff' }, index.h("tr-sticky", { key: 'daabe88aedc496f6a882ef0c30796709d0bd0485' }, stickyHeader))));
|
|
9976
10063
|
}
|
|
9977
10064
|
let belowClass = 'below-wrapper';
|
|
9978
10065
|
if (!!this.tableHeight || !!this.tableWidth) {
|
|
@@ -10018,7 +10105,7 @@ const KupDataTable = class {
|
|
|
10018
10105
|
const useGlobalFilter = !this.legacyLook &&
|
|
10019
10106
|
(this.globalFilter ||
|
|
10020
10107
|
this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
|
|
10021
|
-
const compCreated = (index.h(index.Host, { key: '
|
|
10108
|
+
const compCreated = (index.h(index.Host, { key: '88372e5e5a89250a99c86077479782696c98f4ae', "onKup-drop": (e) => {
|
|
10022
10109
|
this.kupDataTableDrop.emit(e.detail);
|
|
10023
10110
|
}, "onKup-cell-input": (e) => {
|
|
10024
10111
|
autoselectOnAction(e);
|
|
@@ -10033,11 +10120,11 @@ const KupDataTable = class {
|
|
|
10033
10120
|
this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
|
|
10034
10121
|
}, "onKup-objectfield-selectedmenuitem": (e) => {
|
|
10035
10122
|
this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
|
|
10036
|
-
} }, index.h("style", { key: '
|
|
10123
|
+
} }, index.h("style", { key: 'ff86e2db20f165d9f9e68b2732c8307532a4596c' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: '1c50fb0727a383eb63387028a9c7870940faffc3', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '0f3ad4246f0c4c9aa9f0ee330bce29802d482c9d', class: "group-wrapper" }, groupChips), index.h("div", { key: '07003e03c0c97423de5d08b83260f43dfddb0e81', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
|
|
10037
10124
|
const t = event.target;
|
|
10038
10125
|
window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
|
|
10039
10126
|
__classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
|
|
10040
|
-
} }))) : null, index.h("div", { key: '
|
|
10127
|
+
} }))) : null, index.h("div", { key: '3e51ba54d4257887ce028d66e0ac8b71a7f5d59a', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
|
|
10041
10128
|
this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
|
|
10042
10129
|
this.kupSave.emit({
|
|
10043
10130
|
comp: this,
|
|
@@ -10087,9 +10174,9 @@ const KupDataTable = class {
|
|
|
10087
10174
|
this.data.rows.unshift(row);
|
|
10088
10175
|
await this.refresh(true);
|
|
10089
10176
|
}
|
|
10090
|
-
}, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '
|
|
10177
|
+
}, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'cab8d9ad57152b7ab4dcafbb2457df1bf571a308', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
|
|
10091
10178
|
? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
|
|
10092
|
-
: null), index.h("div", { key: '
|
|
10179
|
+
: null), index.h("div", { key: '63bac47ea94e486dcba245cf099b3b9e890d995a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
|
|
10093
10180
|
? [
|
|
10094
10181
|
index.h("div", { class: "settings-trigger", onClick: () => {
|
|
10095
10182
|
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
|
|
@@ -10098,7 +10185,7 @@ const KupDataTable = class {
|
|
|
10098
10185
|
} }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
|
|
10099
10186
|
this.renderCustomizePanel(),
|
|
10100
10187
|
]
|
|
10101
|
-
: null, index.h("table", { key: '
|
|
10188
|
+
: null, index.h("table", { key: 'edfba608f0d4c7c375b7d15035131d17cff64660', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
|
|
10102
10189
|
ev.stopPropagation();
|
|
10103
10190
|
}, onPointerDown: (e) => {
|
|
10104
10191
|
__classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
|
|
@@ -10106,7 +10193,7 @@ const KupDataTable = class {
|
|
|
10106
10193
|
__classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
|
|
10107
10194
|
}, onContextMenu: (e) => {
|
|
10108
10195
|
e.preventDefault();
|
|
10109
|
-
} }, index.h("thead", { key: '
|
|
10196
|
+
} }, index.h("thead", { key: '4b5b6daf66bc680572edd7319d6c2950ef80fbf8', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '0611c720442b31307c1b52092754b491e46274d6' }, header)), index.h("tbody", { key: 'db6a619956e867e9cb8b2e40eeebfa6d4afb4dcf' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
|
|
10110
10197
|
__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
|
|
10111
10198
|
return compCreated;
|
|
10112
10199
|
}
|
|
@@ -10153,7 +10240,7 @@ const KupDataTable = class {
|
|
|
10153
10240
|
"transpose": ["recalculateData"]
|
|
10154
10241
|
}; }
|
|
10155
10242
|
};
|
|
10156
|
-
_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_checkUpdateState = function _KupDataTable_checkUpdateState() {
|
|
10243
|
+
_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedColumn = new WeakMap(), _KupDataTable_lastFocusedCell = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_horNav = new WeakMap(), _KupDataTable_verNav = new WeakMap(), _KupDataTable_onKupKeyDown = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_checkUpdateState = function _KupDataTable_checkUpdateState() {
|
|
10157
10244
|
let somethingChanged = false;
|
|
10158
10245
|
if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
|
|
10159
10246
|
this.state.filters = Object.assign({}, this.filters);
|
|
@@ -11452,8 +11539,81 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
11452
11539
|
th: th ? th : null,
|
|
11453
11540
|
tr: tr ? tr : null,
|
|
11454
11541
|
};
|
|
11542
|
+
}, _KupDataTable_getEventDetailsForCurrentSelection = function _KupDataTable_getEventDetailsForCurrentSelection() {
|
|
11543
|
+
let isHeader, isBody, isFooter, td, textfield, th, tr, filterRemove;
|
|
11544
|
+
isBody =
|
|
11545
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f") &&
|
|
11546
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") &&
|
|
11547
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f");
|
|
11548
|
+
isHeader =
|
|
11549
|
+
!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f") &&
|
|
11550
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") &&
|
|
11551
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f");
|
|
11552
|
+
isFooter =
|
|
11553
|
+
!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f") &&
|
|
11554
|
+
!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f") &&
|
|
11555
|
+
!!__classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f");
|
|
11556
|
+
let cell = null, column = null, isGroupRow = false, row = null;
|
|
11557
|
+
if (isBody) {
|
|
11558
|
+
row = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f");
|
|
11559
|
+
}
|
|
11560
|
+
if (isHeader || isBody) {
|
|
11561
|
+
cell = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedCell, "f");
|
|
11562
|
+
}
|
|
11563
|
+
if (isHeader || isBody || isFooter) {
|
|
11564
|
+
const columnName = __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedColumn, "f").name;
|
|
11565
|
+
if (columnName) {
|
|
11566
|
+
column = kupManager$1.getColumnByName(this.getColumns(), columnName);
|
|
11567
|
+
}
|
|
11568
|
+
}
|
|
11569
|
+
return {
|
|
11570
|
+
area: isHeader
|
|
11571
|
+
? 'header'
|
|
11572
|
+
: isBody
|
|
11573
|
+
? 'body'
|
|
11574
|
+
: isFooter
|
|
11575
|
+
? 'footer'
|
|
11576
|
+
: null,
|
|
11577
|
+
cell: cell ? cell : null,
|
|
11578
|
+
column: column ? column : null,
|
|
11579
|
+
filterRemove: filterRemove ? filterRemove : null,
|
|
11580
|
+
isGroupRow: isGroupRow,
|
|
11581
|
+
originalEvent: undefined,
|
|
11582
|
+
row: row ? row : null,
|
|
11583
|
+
td: td ? td : null,
|
|
11584
|
+
textfield: textfield ? textfield : null,
|
|
11585
|
+
th: th ? th : null,
|
|
11586
|
+
tr: tr ? tr : null,
|
|
11587
|
+
};
|
|
11588
|
+
}, _KupDataTable_getSourceElementCoordsForCurrentSelection = function _KupDataTable_getSourceElementCoordsForCurrentSelection(details) {
|
|
11589
|
+
var _a, _b, _c, _d, _e;
|
|
11590
|
+
let x = 0, y = 0;
|
|
11591
|
+
if (details.area == 'footer') {
|
|
11592
|
+
const elCoords = (_b = (_a = __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f")
|
|
11593
|
+
.querySelector(`tfoot tr td[data-column='${details.column.name}']`)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) !== null && _b !== void 0 ? _b : {
|
|
11594
|
+
x: 0,
|
|
11595
|
+
y: 0,
|
|
11596
|
+
width: 0,
|
|
11597
|
+
height: 0,
|
|
11598
|
+
};
|
|
11599
|
+
x = elCoords.x + elCoords.width / 2;
|
|
11600
|
+
y = elCoords.y + elCoords.height / 2;
|
|
11601
|
+
}
|
|
11602
|
+
else {
|
|
11603
|
+
const elCoords = (_e = (_d = (_c = details.cell) === null || _c === void 0 ? void 0 : _c.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) !== null && _e !== void 0 ? _e : {
|
|
11604
|
+
x: 0,
|
|
11605
|
+
y: 0,
|
|
11606
|
+
};
|
|
11607
|
+
x = elCoords.x;
|
|
11608
|
+
y = elCoords.y;
|
|
11609
|
+
}
|
|
11610
|
+
return { x, y };
|
|
11455
11611
|
}, _KupDataTable_clickHandler = function _KupDataTable_clickHandler(e) {
|
|
11456
11612
|
const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
|
|
11613
|
+
const { cell, column } = details;
|
|
11614
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedCell, cell, "f");
|
|
11615
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedColumn, column, "f");
|
|
11616
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedRow, undefined, "f");
|
|
11457
11617
|
if (details.area === 'header') {
|
|
11458
11618
|
if (details.th && details.column) {
|
|
11459
11619
|
if (details.filterRemove) {
|
|
@@ -11467,6 +11627,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
11467
11627
|
}
|
|
11468
11628
|
}
|
|
11469
11629
|
else if (details.area === 'body') {
|
|
11630
|
+
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedRow, details.row, "f");
|
|
11470
11631
|
if ((this.isFocusable || e.ctrlKey || e.metaKey) &&
|
|
11471
11632
|
details.tr &&
|
|
11472
11633
|
!details.isGroupRow) {
|
|
@@ -11488,7 +11649,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
11488
11649
|
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, true);
|
|
11489
11650
|
return details;
|
|
11490
11651
|
}
|
|
11491
|
-
__classPrivateFieldSet$3(this, _KupDataTable_lastFocusedRow, details.row, "f");
|
|
11492
11652
|
}
|
|
11493
11653
|
return details;
|
|
11494
11654
|
}, _KupDataTable_cellActionsMenuHandler = function _KupDataTable_cellActionsMenuHandler(e) {
|
|
@@ -11502,15 +11662,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
11502
11662
|
return details;
|
|
11503
11663
|
}, _KupDataTable_contextMenuHandler = function _KupDataTable_contextMenuHandler(e) {
|
|
11504
11664
|
const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
|
|
11665
|
+
return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandlerDetailsManager).call(this, details, {
|
|
11666
|
+
x: e.pageX,
|
|
11667
|
+
y: e.pageY,
|
|
11668
|
+
});
|
|
11669
|
+
}, _KupDataTable_tooltipRequestHandler = function _KupDataTable_tooltipRequestHandler() {
|
|
11670
|
+
const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetailsForCurrentSelection).call(this);
|
|
11671
|
+
const elCoords = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSourceElementCoordsForCurrentSelection).call(this, details);
|
|
11672
|
+
return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandlerDetailsManager).call(this, details, {
|
|
11673
|
+
x: elCoords.x,
|
|
11674
|
+
y: elCoords.y,
|
|
11675
|
+
});
|
|
11676
|
+
}, _KupDataTable_contextMenuHandlerDetailsManager = function _KupDataTable_contextMenuHandlerDetailsManager(details, eventCoords) {
|
|
11505
11677
|
if (details.area === kupManager$1.DataTableAreasEnum.HEADER) {
|
|
11506
|
-
if (details.
|
|
11678
|
+
if (details.column) {
|
|
11507
11679
|
this.openColumnMenu(details.column.name);
|
|
11508
11680
|
return details;
|
|
11509
11681
|
}
|
|
11510
11682
|
}
|
|
11511
11683
|
else if (details.area === kupManager$1.DataTableAreasEnum.FOOTER) {
|
|
11512
|
-
if (details.
|
|
11513
|
-
__classPrivateFieldSet$3(this, _KupDataTable_totalMenuCoords,
|
|
11684
|
+
if (details.column) {
|
|
11685
|
+
__classPrivateFieldSet$3(this, _KupDataTable_totalMenuCoords, eventCoords, "f");
|
|
11514
11686
|
__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onTotalMenuOpen).call(this, details.column);
|
|
11515
11687
|
return details;
|
|
11516
11688
|
}
|
|
@@ -12471,7 +12643,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
|
|
|
12471
12643
|
let eventHandlers = undefined;
|
|
12472
12644
|
let title = undefined;
|
|
12473
12645
|
cellClass = Object.assign({}, cellClass);
|
|
12474
|
-
return (index.h("td", Object.assign({ title: title, colSpan: cell.span && cell.span.col ? cell.span.col : null, rowSpan: cell.span && cell.span.row ? cell.span.row : null, "data-cell": cell, "data-column": name, "data-row": row, style: cellStyle, class: cellClass }, eventHandlers), jsxCell));
|
|
12646
|
+
return (index.h("td", Object.assign({ tabIndex: -1, title: title, colSpan: cell.span && cell.span.col ? cell.span.col : null, rowSpan: cell.span && cell.span.row ? cell.span.row : null, "data-cell": cell, "data-column": name, "data-row": row, style: cellStyle, class: cellClass }, eventHandlers), jsxCell));
|
|
12475
12647
|
});
|
|
12476
12648
|
// adding row to rendered rows
|
|
12477
12649
|
__classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").push(row);
|
|
@@ -14394,11 +14394,11 @@ const KupCalendar = class {
|
|
|
14394
14394
|
this.kupManager.debug.logRender(this, true);
|
|
14395
14395
|
}
|
|
14396
14396
|
render() {
|
|
14397
|
-
return (index$4.h(index$4.Host, { key: '
|
|
14397
|
+
return (index$4.h(index$4.Host, { key: 'fea0cfae2c7511ac81ac614b795ce10ca67fbf3c' }, index$4.h("style", { key: 'efde06b7461e37db3a052964a0f013c89d183cfe' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '739034c4182fff1f63b59da52d56b6d8c901b92f', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '775f5ff86deee0f2dacefdf79e2490f5119acef2', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'ef654cfa3a5582fdcb24cd834a0b331503371367', class: `navigation__title ${this.hideNavigation
|
|
14398
14398
|
? 'navigation__title--centered'
|
|
14399
14399
|
: ''}`, ref: (el) => {
|
|
14400
14400
|
this.navTitle = el;
|
|
14401
|
-
} }), index$4.h("div", { key: '
|
|
14401
|
+
} }), index$4.h("div", { key: 'fca30227e2c53a1c478a606a15fa2b64b4aba795', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'f76bb14eb1fa9e097d41e1486cc8fbf8b02b5b48', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
|
|
14402
14402
|
}
|
|
14403
14403
|
disconnectedCallback() {
|
|
14404
14404
|
if (this.calendar) {
|