@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023082921
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-cell-95f965f3.js → f-cell-c5a85032.js} +64 -1
- package/dist/cjs/f-cell-c5a85032.js.map +1 -0
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +49 -49
- package/dist/cjs/kup-box.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +4 -19
- package/dist/cjs/kup-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +7 -7
- package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +2 -2
- package/dist/cjs/kup-gantt_10.cjs.entry.js +23 -23
- package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
- package/dist/cjs/kup-input-panel.cjs.entry.js +2 -2
- package/dist/cjs/kup-lazy.cjs.entry.js +11 -11
- package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
- package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
- package/dist/cjs/kup-planner.cjs.entry.js +1 -1
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/components/kup-cell/kup-cell.js +4 -18
- package/dist/collection/components/kup-cell/kup-cell.js.map +1 -1
- package/dist/collection/components/kup-checkbox/kup-checkbox.js +1 -1
- package/dist/collection/components/kup-chip/kup-chip.js +2 -2
- package/dist/collection/components/kup-color-picker/kup-color-picker.js +2 -2
- package/dist/collection/components/kup-combobox/kup-combobox.js +1 -1
- package/dist/collection/components/kup-dashboard/kup-dashboard.js +1 -1
- package/dist/collection/components/kup-date-picker/kup-date-picker.js +1 -1
- package/dist/collection/components/kup-dialog/kup-dialog.js +1 -1
- package/dist/collection/components/kup-drawer/kup-drawer.js +2 -2
- package/dist/collection/components/kup-echart/kup-echart.js +1 -1
- package/dist/collection/components/kup-editor/kup-editor.js +1 -1
- package/dist/collection/components/kup-family-tree/kup-family-tree.js +2 -2
- package/dist/collection/components/kup-form/kup-form.js +2 -2
- package/dist/collection/components/kup-image-list/kup-image-list.js +3 -3
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +1 -1
- package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
- package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
- package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
- package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
- package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
- package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
- package/dist/collection/components/kup-planner/kup-planner.js +1 -1
- package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
- package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
- package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
- package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
- package/dist/collection/components/kup-probe/kup-probe.js +1 -1
- package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
- package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
- package/dist/collection/components/kup-rating/kup-rating.js +1 -1
- package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
- package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
- package/dist/collection/components/kup-switch/kup-switch.js +1 -1
- package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
- package/dist/collection/components/kup-typography/kup-typography.js +1 -1
- package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js +64 -1
- package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js +0 -1
- package/dist/collection/f-components/f-cell-options.tsx/f-cell-options.js.map +1 -1
- package/dist/components/custom-task-list-header.js +2 -2
- package/dist/components/kup-autocomplete2.js +112 -49
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-cell.js +4 -19
- package/dist/components/kup-cell.js.map +1 -1
- package/dist/components/kup-dashboard.js +1 -1
- package/dist/components/kup-drawer.js +2 -2
- package/dist/components/kup-echart2.js +1 -1
- package/dist/components/kup-editor2.js +1 -1
- package/dist/components/kup-family-tree.js +2 -2
- package/dist/components/kup-gantt-calendar2.js +2 -2
- package/dist/components/kup-gantt2.js +2 -2
- package/dist/components/kup-grid-renderer2.js +3 -3
- package/dist/components/kup-horizontal-scroll2.js +5 -5
- package/dist/components/kup-image-list.js +3 -3
- package/dist/components/kup-input-panel.js +2 -2
- package/dist/components/kup-lazy.js +11 -11
- package/dist/components/kup-magic-box.js +3 -3
- package/dist/components/kup-manager.js +1 -1
- package/dist/components/kup-nav-bar.js +1 -1
- package/dist/components/kup-numeric-picker.js +1 -1
- package/dist/components/kup-pdf.js +1 -1
- package/dist/components/kup-photo-frame.js +2 -2
- package/dist/components/kup-planner-renderer2.js +2 -2
- package/dist/components/kup-planner.js +1 -1
- package/dist/components/kup-probe.js +1 -1
- package/dist/components/kup-qlik.js +1 -1
- package/dist/components/kup-snackbar.js +1 -1
- package/dist/components/kup-standard-tooltip2.js +1 -1
- package/dist/components/kup-switcher2.js +1 -1
- package/dist/components/kup-task-gantt2.js +2 -2
- package/dist/components/kup-task-list-header2.js +7 -7
- package/dist/components/kup-task-list-table2.js +1 -1
- package/dist/components/kup-task-list2.js +1 -1
- package/dist/components/kup-tooltip2.js +1 -1
- package/dist/components/kup-typography-list.js +1 -1
- package/dist/components/kup-typography.js +1 -1
- package/dist/components/kup-vertical-scroll2.js +2 -2
- package/dist/esm/{f-cell-c813c70c.js → f-cell-aea93e3a.js} +67 -4
- package/dist/esm/f-cell-aea93e3a.js.map +1 -0
- package/dist/esm/{f-chip-4a35f0f8.js → f-chip-4eb4d42d.js} +2 -2
- package/dist/esm/{f-chip-4a35f0f8.js.map → f-chip-4eb4d42d.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-4e6a69f6.js → f-paginator-utils-ae1c08f2.js} +2 -2
- package/dist/esm/{f-paginator-utils-4e6a69f6.js.map → f-paginator-utils-ae1c08f2.js.map} +1 -1
- package/dist/esm/{f-text-field-a7ef5d61.js → f-text-field-5c7e1016.js} +2 -2
- package/dist/esm/{f-text-field-a7ef5d61.js.map → f-text-field-5c7e1016.js.map} +1 -1
- package/dist/esm/index.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_27.entry.js +54 -54
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +7 -22
- package/dist/esm/kup-cell.entry.js.map +1 -1
- package/dist/esm/kup-custom-task-list-header_4.entry.js +7 -7
- package/dist/esm/kup-dashboard.entry.js +3 -3
- package/dist/esm/{kup-data-table-helper-9913aac7.js → kup-data-table-helper-77b091da.js} +2 -2
- package/dist/esm/{kup-data-table-helper-9913aac7.js.map → kup-data-table-helper-77b091da.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +3 -3
- package/dist/esm/kup-echart.entry.js +2 -2
- package/dist/esm/kup-editor.entry.js +2 -2
- package/dist/esm/kup-family-tree.entry.js +3 -3
- package/dist/esm/kup-gantt_10.entry.js +23 -23
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +7 -7
- package/dist/esm/kup-input-panel.entry.js +5 -5
- package/dist/esm/kup-lazy.entry.js +12 -12
- package/dist/esm/kup-magic-box.entry.js +4 -4
- package/dist/esm/{kup-manager-669cda17.js → kup-manager-7f0308ee.js} +2 -2
- package/dist/esm/{kup-manager-669cda17.js.map → kup-manager-7f0308ee.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +2 -2
- package/dist/esm/kup-numeric-picker.entry.js +3 -3
- package/dist/esm/kup-pdf.entry.js +2 -2
- package/dist/esm/kup-photo-frame.entry.js +3 -3
- package/dist/esm/kup-planner-renderer.entry.js +2 -2
- package/dist/esm/kup-planner.entry.js +3 -3
- package/dist/esm/kup-probe.entry.js +2 -2
- package/dist/esm/kup-qlik.entry.js +2 -2
- package/dist/esm/kup-snackbar.entry.js +2 -2
- package/dist/esm/kup-typography-list.entry.js +2 -2
- package/dist/esm/kup-typography.entry.js +2 -2
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-ada5beae.entry.js → p-03885b8d.entry.js} +2 -2
- package/dist/ketchup/{p-42582605.entry.js → p-05a7120a.entry.js} +2 -2
- package/dist/ketchup/{p-cc1abfc4.js → p-1754ee9b.js} +2 -2
- package/dist/ketchup/{p-1460050d.entry.js → p-18229ac3.entry.js} +2 -2
- package/dist/ketchup/{p-ed400b83.entry.js → p-188ed514.entry.js} +2 -2
- package/dist/ketchup/{p-6f3846da.entry.js → p-202dfeee.entry.js} +3 -3
- package/dist/ketchup/{p-a7e1edb6.entry.js → p-203cb58a.entry.js} +3 -3
- package/dist/ketchup/{p-19c0491c.entry.js → p-2227785a.entry.js} +2 -2
- package/dist/ketchup/{p-07ab58b7.entry.js → p-246e4816.entry.js} +2 -2
- package/dist/ketchup/{p-06651510.entry.js → p-2b47d837.entry.js} +2 -2
- package/dist/ketchup/{p-22d4016a.entry.js → p-39fa8da7.entry.js} +2 -2
- package/dist/ketchup/{p-68be312f.entry.js → p-45db3eae.entry.js} +2 -2
- package/dist/ketchup/{p-c85be66a.entry.js → p-48368d6a.entry.js} +2 -2
- package/dist/ketchup/p-544eca9d.js +2 -0
- package/dist/ketchup/{p-bd9b1a39.entry.js → p-5d738584.entry.js} +3 -3
- package/dist/ketchup/{p-ac90237a.entry.js → p-674a4d20.entry.js} +2 -2
- package/dist/ketchup/{p-398b13ca.entry.js → p-6d51f043.entry.js} +2 -2
- package/dist/ketchup/{p-13f4b18e.entry.js → p-7b5bef8e.entry.js} +3 -3
- package/dist/ketchup/{p-a0dce50f.js → p-802a4e44.js} +2 -2
- package/dist/ketchup/{p-9ab7218f.entry.js → p-87ff86ee.entry.js} +2 -2
- package/dist/ketchup/{p-99de1bea.entry.js → p-8a77b0b2.entry.js} +2 -2
- package/dist/ketchup/{p-26030fba.js → p-8c07fd42.js} +2 -2
- package/dist/ketchup/p-9394a966.entry.js +2 -0
- package/dist/ketchup/p-9394a966.entry.js.map +1 -0
- package/dist/ketchup/{p-ac894b67.entry.js → p-9788df0b.entry.js} +2 -2
- package/dist/ketchup/{p-547ce22c.entry.js → p-992647ed.entry.js} +2 -2
- package/dist/ketchup/{p-aefbe2a4.entry.js → p-9d9bb8a9.entry.js} +2 -2
- package/dist/ketchup/{p-5fef2650.entry.js → p-afc92adf.entry.js} +2 -2
- package/dist/ketchup/p-b3c7cbd9.entry.js +2 -0
- package/dist/ketchup/{p-1ac6a21a.entry.js.map → p-b3c7cbd9.entry.js.map} +1 -1
- package/dist/ketchup/{p-fd60c779.entry.js → p-b6c07403.entry.js} +3 -3
- package/dist/ketchup/p-bbdf4a8f.js +2 -0
- package/dist/ketchup/p-bbdf4a8f.js.map +1 -0
- package/dist/ketchup/{p-ca5d792d.entry.js → p-cdd29a6d.entry.js} +2 -2
- package/dist/ketchup/{p-13b2ca2d.js → p-df06309a.js} +2 -2
- package/dist/ketchup/{p-ecd177b6.entry.js → p-e01cb12b.entry.js} +2 -2
- package/dist/ketchup/{p-07af0f44.entry.js → p-e32ad7e4.entry.js} +2 -2
- package/dist/ketchup/{p-ce2c3d02.entry.js → p-e921b455.entry.js} +2 -2
- package/dist/ketchup/{p-e8dc8c8f.entry.js → p-f4a6652e.entry.js} +2 -2
- package/dist/ketchup/{p-9586b234.entry.js → p-fedd9482.entry.js} +2 -2
- package/dist/types/components/kup-cell/kup-cell.d.ts +0 -1
- package/package.json +1 -1
- package/dist/cjs/f-cell-95f965f3.js.map +0 -1
- package/dist/esm/f-cell-c813c70c.js.map +0 -1
- package/dist/ketchup/p-1ac6a21a.entry.js +0 -2
- package/dist/ketchup/p-50e5a990.js +0 -2
- package/dist/ketchup/p-7285b1b3.entry.js +0 -2
- package/dist/ketchup/p-7285b1b3.entry.js.map +0 -1
- package/dist/ketchup/p-812c59be.js +0 -2
- package/dist/ketchup/p-812c59be.js.map +0 -1
- /package/dist/ketchup/{p-ada5beae.entry.js.map → p-03885b8d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-42582605.entry.js.map → p-05a7120a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-cc1abfc4.js.map → p-1754ee9b.js.map} +0 -0
- /package/dist/ketchup/{p-1460050d.entry.js.map → p-18229ac3.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ed400b83.entry.js.map → p-188ed514.entry.js.map} +0 -0
- /package/dist/ketchup/{p-6f3846da.entry.js.map → p-202dfeee.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a7e1edb6.entry.js.map → p-203cb58a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-19c0491c.entry.js.map → p-2227785a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-07ab58b7.entry.js.map → p-246e4816.entry.js.map} +0 -0
- /package/dist/ketchup/{p-06651510.entry.js.map → p-2b47d837.entry.js.map} +0 -0
- /package/dist/ketchup/{p-22d4016a.entry.js.map → p-39fa8da7.entry.js.map} +0 -0
- /package/dist/ketchup/{p-68be312f.entry.js.map → p-45db3eae.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c85be66a.entry.js.map → p-48368d6a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-50e5a990.js.map → p-544eca9d.js.map} +0 -0
- /package/dist/ketchup/{p-bd9b1a39.entry.js.map → p-5d738584.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ac90237a.entry.js.map → p-674a4d20.entry.js.map} +0 -0
- /package/dist/ketchup/{p-398b13ca.entry.js.map → p-6d51f043.entry.js.map} +0 -0
- /package/dist/ketchup/{p-13f4b18e.entry.js.map → p-7b5bef8e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a0dce50f.js.map → p-802a4e44.js.map} +0 -0
- /package/dist/ketchup/{p-9ab7218f.entry.js.map → p-87ff86ee.entry.js.map} +0 -0
- /package/dist/ketchup/{p-99de1bea.entry.js.map → p-8a77b0b2.entry.js.map} +0 -0
- /package/dist/ketchup/{p-26030fba.js.map → p-8c07fd42.js.map} +0 -0
- /package/dist/ketchup/{p-ac894b67.entry.js.map → p-9788df0b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-547ce22c.entry.js.map → p-992647ed.entry.js.map} +0 -0
- /package/dist/ketchup/{p-aefbe2a4.entry.js.map → p-9d9bb8a9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-5fef2650.entry.js.map → p-afc92adf.entry.js.map} +0 -0
- /package/dist/ketchup/{p-fd60c779.entry.js.map → p-b6c07403.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ca5d792d.entry.js.map → p-cdd29a6d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-13b2ca2d.js.map → p-df06309a.js.map} +0 -0
- /package/dist/ketchup/{p-ecd177b6.entry.js.map → p-e01cb12b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-07af0f44.entry.js.map → p-e32ad7e4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ce2c3d02.entry.js.map → p-e921b455.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e8dc8c8f.entry.js.map → p-f4a6652e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-9586b234.entry.js.map → p-fedd9482.entry.js.map} +0 -0
|
@@ -138,39 +138,39 @@ const KupLazy = class {
|
|
|
138
138
|
switch (this.componentName) {
|
|
139
139
|
case 'kup-button':
|
|
140
140
|
//call_to_action.svg
|
|
141
|
-
resource = (index.h("svg", { key: '
|
|
141
|
+
resource = (index.h("svg", { key: '142ecf1bc4606810244eee4d37220b10dfb13c33', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '09ac2094fee710434998fe06d2fbac5ab0ea2bab', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
|
|
142
142
|
break;
|
|
143
143
|
case 'kup-card':
|
|
144
144
|
//art_track.svg
|
|
145
|
-
resource = (index.h("svg", { key: '
|
|
145
|
+
resource = (index.h("svg", { key: 'dd62523adb23354d1c2f9a786a45250d6dc30eb7', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'b821b9703a1b37f39c866d24ffd9106d369d2279', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
|
|
146
146
|
break;
|
|
147
147
|
case 'kup-checkbox':
|
|
148
148
|
//check_box_outline_blank.svg
|
|
149
|
-
resource = (index.h("svg", { key: '
|
|
149
|
+
resource = (index.h("svg", { key: '3b2d93abfa208eb9dd0f8b159b51c2268c4daab4', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '0e41239707e74680252d041a8e6d14e1c4b9bb74', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
|
|
150
150
|
break;
|
|
151
151
|
case 'kup-chart':
|
|
152
152
|
//chart-bar.svg
|
|
153
|
-
resource = (index.h("svg", { key: '
|
|
153
|
+
resource = (index.h("svg", { key: 'b2bf0893222cb4fa17069327b4df6c432f3f912a', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: 'f0ed2001a3697f63cafb42c95c275e2522d431fa', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
|
|
154
154
|
break;
|
|
155
155
|
case 'kup-data-table':
|
|
156
156
|
//table-large.svg
|
|
157
|
-
resource = (index.h("svg", { key: '
|
|
157
|
+
resource = (index.h("svg", { key: '084d0f8abaa50390fe0f1e7cbcce5ea771937d35', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, index.h("path", { key: '442510a55fa566bd83b2f631c05d778d4be7d5fe', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
|
|
158
158
|
break;
|
|
159
159
|
case 'kup-image':
|
|
160
160
|
//photo.svg
|
|
161
|
-
resource = (index.h("svg", { key: '
|
|
161
|
+
resource = (index.h("svg", { key: 'c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'bcf61cc6292bb257e361d11e3a1097eb98f6597a', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
|
|
162
162
|
break;
|
|
163
163
|
case 'kup-progress-bar':
|
|
164
164
|
//linear_scale.svg
|
|
165
|
-
resource = (index.h("svg", { key: '
|
|
165
|
+
resource = (index.h("svg", { key: '2dec9530bdb12f97736d48518edfe5294cca0214', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'a1bdb54b3d9570d154a65ed27d77c4681672c601', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
|
|
166
166
|
break;
|
|
167
167
|
case 'kup-radio':
|
|
168
168
|
//radio_button_unchecked.svg
|
|
169
|
-
resource = (index.h("svg", { key: '
|
|
169
|
+
resource = (index.h("svg", { key: '452bb4adbfc904d56c3298b32beac0281abb7353', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: 'd5b58baa6fbb481587efd2384dd5fb30f2f1ef9e', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
|
|
170
170
|
break;
|
|
171
171
|
default:
|
|
172
172
|
//art_track.svg
|
|
173
|
-
resource = (index.h("svg", { key: '
|
|
173
|
+
resource = (index.h("svg", { key: '08e04f703cbe01a686aaa2056b31d956d8c1ea39', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, index.h("path", { key: '11e39f63de784e1600605fd35fa2d9b506fdeb87', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
|
|
174
174
|
break;
|
|
175
175
|
}
|
|
176
176
|
if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
|
|
@@ -179,14 +179,14 @@ const KupLazy = class {
|
|
|
179
179
|
this.data &&
|
|
180
180
|
this.isInViewport)) {
|
|
181
181
|
let Tag = this.componentName;
|
|
182
|
-
content = (index.h(Tag, Object.assign({ key: '
|
|
182
|
+
content = (index.h(Tag, Object.assign({ key: '085714fe736dba6ddf9c94d0a2243f792d040675' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
|
|
183
183
|
className += ' kup-loaded';
|
|
184
184
|
}
|
|
185
185
|
else if (this.showPlaceholder) {
|
|
186
186
|
content = resource;
|
|
187
187
|
className += ' kup-to-be-loaded';
|
|
188
188
|
}
|
|
189
|
-
return (index.h(index.Host, { key: '
|
|
189
|
+
return (index.h(index.Host, { key: '802fd7017a1f67bd03d02b6458c2b77c1f8465a6', class: className }, index.h("style", { key: 'c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '6ce3ca10b77781163bc8f97c963bf2fa207a2e05', id: GenericVariables.componentWrapperId }, content)));
|
|
190
190
|
}
|
|
191
191
|
disconnectedCallback() {
|
|
192
192
|
var _a;
|
|
@@ -291,11 +291,11 @@ const KupMagicBox = class {
|
|
|
291
291
|
this.kupManager.debug.logRender(this, true);
|
|
292
292
|
}
|
|
293
293
|
render() {
|
|
294
|
-
return (index.h(index.Host, { key: '
|
|
294
|
+
return (index.h(index.Host, { key: 'f472c456d846a8db13368b9f54e5a092225f22d3' }, index.h("style", { key: '0d90e35e265af8810a2b5873b7bef9dd48fb9bd8' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '87cdb1e3bdcb196b71031c160aa6608dbd298c5c', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'c99994dc335f14d63208b0fee2b67632c0ff1161', class: "magic-box-wrapper" }, index.h("div", { key: 'b318cdac704373547ece7c0a4e770a6b83a1c784', class: "actions", id: "drag-handle" }, index.h("kup-combobox", Object.assign({ key: '77800dd052310dade4154a339e08e6e25c0d8cb7' }, this.comboboxProps())), index.h("kup-button", { key: 'ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd', styling: fButtonDeclarations.FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
|
|
295
295
|
this.data = null;
|
|
296
|
-
} }), index.h("kup-button", { key: '
|
|
296
|
+
} }), index.h("kup-button", { key: '243a20cf6a6bbd9182290d4bdf6994386bf79d94', id: "close-dialog", customStyle: `:host{${kupManager.KupThemeColorValues.PRIMARY}: var(${kupManager.KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
|
|
297
297
|
this.kupManager.hideMagicBox();
|
|
298
|
-
} })), index.h("div", { key: '
|
|
298
|
+
} })), index.h("div", { key: '35cae487666a6cadd2e205971b080692a84e2d7f', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
|
|
299
299
|
}
|
|
300
300
|
disconnectedCallback() {
|
|
301
301
|
this.kupManager.interact.unregister([
|
|
@@ -130,7 +130,7 @@ const KupNavBar = class {
|
|
|
130
130
|
this.kupManager.debug.logRender(this, true);
|
|
131
131
|
}
|
|
132
132
|
render() {
|
|
133
|
-
return (index.h(index.Host, { key: '
|
|
133
|
+
return (index.h(index.Host, { key: 'b53200bbb8e99b1357a1f12747f22aa1c7e0ef38', class: "header" }, index.h("style", { key: 'c84079987ac63f9eabde7379f37c5cb35d0b3134' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '9773a5835ae5514ed277f27c1643ff2de73051b9', id: GenericVariables.componentWrapperId }, index.h("header", { key: '11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, index.h("div", { key: 'b5724ddecf17ebeafb772a2289378d7783ac5c37', class: `${navbarClass}__row` }, this.content())))));
|
|
134
134
|
}
|
|
135
135
|
disconnectedCallback() {
|
|
136
136
|
this.kupManager.language.unregister(this);
|
|
@@ -355,7 +355,7 @@ const KupNumericPicker = class {
|
|
|
355
355
|
this.kupManager.debug.logRender(this, true);
|
|
356
356
|
}
|
|
357
357
|
render() {
|
|
358
|
-
return (index.h(index.Host, { key: '
|
|
358
|
+
return (index.h(index.Host, { key: '6facc37e24731377be34e65dcc123692e5c3e828' }, index.h("style", { key: '54b8ddc07dc8d32c3b72da8ab2734e760d867c1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1', id: GenericVariables.componentWrapperId }, this.prepTextfield())));
|
|
359
359
|
}
|
|
360
360
|
disconnectedCallback() {
|
|
361
361
|
this.kupManager.dates.unregister(this);
|
|
@@ -76585,7 +76585,7 @@ const KupPdf = class {
|
|
|
76585
76585
|
catch (error) { }
|
|
76586
76586
|
}
|
|
76587
76587
|
render() {
|
|
76588
|
-
return (index.h(index.Host, { key: '
|
|
76588
|
+
return (index.h(index.Host, { key: '2a3b734bf003893e73498e706f61496e2d12bb21' }, index.h("div", { key: '71419dc64be983e72599bcff5565390966d9afe0', id: GenericVariables.componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
|
|
76589
76589
|
}
|
|
76590
76590
|
disconnectedCallback() {
|
|
76591
76591
|
__classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);
|
|
@@ -120,9 +120,9 @@ const KupPhotoFrame = class {
|
|
|
120
120
|
if (this.isInViewport && !__classPrivateFieldGet(this, _KupPhotoFrame_renderResource, "f")) {
|
|
121
121
|
__classPrivateFieldSet(this, _KupPhotoFrame_renderResource, true, "f");
|
|
122
122
|
}
|
|
123
|
-
return (index.h(index.Host, { key: '
|
|
123
|
+
return (index.h(index.Host, { key: '96e9dc9b29a8715944440efb3cde806001db9841' }, index.h("style", { key: '1a9d6f8d9163c49ec458f52fcc47e3b83b37fd95' }, __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c41d71aba188a432bcbbd1e81234d4eb84ac5cad', id: GenericVariables.componentWrapperId, ref: (el) => {
|
|
124
124
|
__classPrivateFieldSet(this, _KupPhotoFrame_wrapperEl, el, "f");
|
|
125
|
-
} }, index.h("img", Object.assign({ key: '
|
|
125
|
+
} }, index.h("img", Object.assign({ key: '66a44a24938c4fa72cd984729d2c5edd37c357eb' }, this.placeholderAttrs, { class: "placeholder", ref: (el) => (__classPrivateFieldSet(this, _KupPhotoFrame_placeholderEl, el, "f")), onLoad: () => {
|
|
126
126
|
if (__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalWidth >
|
|
127
127
|
__classPrivateFieldGet(this, _KupPhotoFrame_placeholderEl, "f").naturalHeight) {
|
|
128
128
|
__classPrivateFieldGet(this, _KupPhotoFrame_wrapperEl, "f").classList.add('horizontal');
|
|
@@ -230,13 +230,13 @@ const KupPlannerRenderer = class {
|
|
|
230
230
|
}
|
|
231
231
|
render() {
|
|
232
232
|
var _a, _b, _c;
|
|
233
|
-
return (index.h("div", { key: '
|
|
233
|
+
return (index.h("div", { key: 'ef64ebfca1179e885670c4570ad6708e1e7cf16a', class: "planner-render" }, index.h("kup-switcher", { key: '4080da8f661b375bbe8fa23bca79deb1aff0f5a4', timeUnitChange: (timeUnit) => {
|
|
234
234
|
var _a, _b;
|
|
235
235
|
(_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
|
|
236
236
|
this.timeUnit = timeUnit;
|
|
237
237
|
this.viewDate = undefined;
|
|
238
238
|
this.scrollX = -1;
|
|
239
|
-
} }), this.props && (index.h("div", { key: '
|
|
239
|
+
} }), this.props && (index.h("div", { key: '7df3c02f9d67e4858e360e5873e141ae6eca7f0a', style: {
|
|
240
240
|
display: 'flex',
|
|
241
241
|
flexDirection: 'column',
|
|
242
242
|
} }, index.h("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: kupPlannerDeclarations.KUP_PLANNER_MAIN_GANTT_ID, key: kupPlannerDeclarations.KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: kupPlannerRendererHelper.columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {
|
|
@@ -647,7 +647,7 @@ const KupPlanner = class {
|
|
|
647
647
|
if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
|
|
648
648
|
plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
|
|
649
649
|
}
|
|
650
|
-
return (index.h(index.Host, { key: '
|
|
650
|
+
return (index.h(index.Host, { key: 'ab02db06dbbc4cec735bfe4a94be886dccdd074b' }, index.h("style", { key: 'a8e138dc9432e9a72e35c5ebbdd90a6ac7a4cdcb' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5a7c342a7ca934a076dce7ff708cb4d7c24f430a', id: GenericVariables.componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (index.h("kup-planner-renderer", { key: 'fb472e15412e52ab4df9fb3c64d37bb00c6d3bfc', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), index.h("div", { key: '96a4a1cc970e0e1babf8814becbd057eb3c02ee4', style: { display: this.plannerProps ? 'none' : '' } }, index.h(fTextField.FTextField, { key: 'ff0b0c6354de9bad576fa94012693e74565c0392', icon: kupManager$1.KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), onKeyDown: (e) => {
|
|
651
651
|
if (e.key === 'Enter') {
|
|
652
652
|
__classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
|
|
653
653
|
}
|
|
@@ -239,7 +239,7 @@ const KupProbe = class {
|
|
|
239
239
|
if (this.features.theme) {
|
|
240
240
|
customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
|
|
241
241
|
}
|
|
242
|
-
return (index.h(index.Host, { key: '
|
|
242
|
+
return (index.h(index.Host, { key: '996ddafe0d4e6423ce2479b9cac0ae323939cb71' }, customStyle ? index.h("style", null, customStyle) : null, index.h("div", { key: '39eae7739d080800145c30fa1ce713d131d3352f', id: GenericVariables.componentWrapperId }, this.content)));
|
|
243
243
|
}
|
|
244
244
|
disconnectedCallback() {
|
|
245
245
|
if (this.features.language) {
|
|
@@ -120,7 +120,7 @@ const KupQlik = class {
|
|
|
120
120
|
layoutStyle = {
|
|
121
121
|
['--lyo_obj-height']: this.defobjsize,
|
|
122
122
|
};
|
|
123
|
-
return (index.h("div", { key: '
|
|
123
|
+
return (index.h("div", { key: '6757be8be4d68fdb03789b12e011aeae050014ea', class: classLayout, style: layoutStyle }, this.divlist));
|
|
124
124
|
}
|
|
125
125
|
componentDidRender() {
|
|
126
126
|
if (this.debug) {
|
|
@@ -119,7 +119,7 @@ const KupSnackbar = class {
|
|
|
119
119
|
this.kupManager.debug.logRender(this, true);
|
|
120
120
|
}
|
|
121
121
|
render() {
|
|
122
|
-
return (index.h(index.Host, { key: '
|
|
122
|
+
return (index.h(index.Host, { key: '34b5225f8c03f89d8d530db8dd04546f560c08a3', "kup-visible": this.visible }, index.h("style", { key: 'bc24655adb906dc83635fb9256159adee92029ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '4171edfa33a999f7a46f64beb304fe90ba8bfde5', id: GenericVariables.componentWrapperId }, index.h("div", { key: '1c59a969e3ea2177fcd8c4404b77f9e05fb4d34d', class: snackbarClass }, index.h("div", { key: '016234060f2d8e636927234854fddb3804b91f26', class: "snackbar__text__block" }, index.h("div", { key: '11e5d3d57c8059797d3ec267b25c7463e748e5e4', class: `${snackbarClass}__header` }, this.header), index.h("div", { key: '08a9932c0bbf21b7263cd6e6ffb125078d851a02', class: `${snackbarClass}__text` }, this.text)), this.actionButton || this.closeButton ? (index.h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (index.h("div", { class: `${snackbarClass}__action` }, index.h(fButton.FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (index.h("div", { class: `${snackbarClass}__close` }, index.h(fButton.FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
|
|
123
123
|
}
|
|
124
124
|
disconnectedCallback() {
|
|
125
125
|
this.kupManager.theme.unregister(this);
|
|
@@ -189,7 +189,7 @@ const KupTypographyList = class {
|
|
|
189
189
|
}
|
|
190
190
|
render() {
|
|
191
191
|
const typograhy = this.renderTypographys();
|
|
192
|
-
return (index.h(index.Host, { key: '
|
|
192
|
+
return (index.h(index.Host, { key: 'fe03c54c9dcb80d85fb4ce5fe5b307906113632d' }, index.h("style", { key: 'aaa3c98e4d550f2669c5b9db481e390e03a3bf25' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a6eb07b0d4da2fb8b9a818eeb6000c31d7641809', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'd3496f8ba12d87d2cd51dc5c80817590b62485df', class: "typographies-wrapper" }, typograhy))));
|
|
193
193
|
}
|
|
194
194
|
disconnectedCallback() {
|
|
195
195
|
this.kupManager.theme.unregister(this);
|
|
@@ -187,7 +187,7 @@ const KupTypography = class {
|
|
|
187
187
|
const classObjParent = {
|
|
188
188
|
'kup-typography--wrap': props.toolbar ? true : false,
|
|
189
189
|
};
|
|
190
|
-
return (index.h(index.Host, { key: '
|
|
190
|
+
return (index.h(index.Host, { key: '981f5e75f5014b5ef747f943ffb6905ee03a07b5' }, index.h("style", { key: '4a77e168bda23918fcbd1aded179d9cb54027385' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '7b4d3cd14a278c481cac14077fa16c899c81fc56', id: GenericVariables.componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, index.h(fTypography.FTypography, Object.assign({ key: '4e487b2d58d1161b443f7823a0c3e0f7e977ac6e' }, props)), index.h(fImage.FImage, Object.assign({ key: 'c62c2a74f3687836c9cfb1f3cc8afe65822ece9f' }, propsFImage, { onClick: (event) => {
|
|
191
191
|
event.stopPropagation();
|
|
192
192
|
this.onKupIconClick(event.currentTarget);
|
|
193
193
|
} })))));
|
|
@@ -11,7 +11,7 @@ import { kupManagerInstance, } from "../../managers/kup-manager/kup-manager";
|
|
|
11
11
|
import { getProps, setProps } from "../../utils/utils";
|
|
12
12
|
import { componentWrapperId } from "../../variables/GenericVariables";
|
|
13
13
|
import { KupCellProps, KupCellSubmitButtonPosition, } from "./kup-cell-declarations";
|
|
14
|
-
import { FCellPadding,
|
|
14
|
+
import { FCellPadding, } from "../../f-components/f-cell/f-cell-declarations";
|
|
15
15
|
import { KupDragEffect, } from "../../managers/kup-interact/kup-interact-declarations";
|
|
16
16
|
import { KupLanguageGeneric } from "../../managers/kup-language/kup-language-declarations";
|
|
17
17
|
import { FCellOptions } from "../../f-components/f-cell-options.tsx/f-cell-options";
|
|
@@ -25,15 +25,6 @@ export class KupCell {
|
|
|
25
25
|
* Instance of the KupManager class.
|
|
26
26
|
*/
|
|
27
27
|
_KupCell_kupManager.set(this, kupManagerInstance());
|
|
28
|
-
this.getLabelComponent = (cell, label) => {
|
|
29
|
-
if (!label) {
|
|
30
|
-
return null;
|
|
31
|
-
}
|
|
32
|
-
if (cell.shape === FCellShapes.RADIO) {
|
|
33
|
-
return h("span", null, label);
|
|
34
|
-
}
|
|
35
|
-
return null;
|
|
36
|
-
};
|
|
37
28
|
this.customStyle = '';
|
|
38
29
|
this.data = null;
|
|
39
30
|
this.density = FCellPadding.NONE;
|
|
@@ -176,21 +167,16 @@ export class KupCell {
|
|
|
176
167
|
renderKup: true,
|
|
177
168
|
row: this.generateRow(),
|
|
178
169
|
};
|
|
179
|
-
|
|
180
|
-
return (h(Host, { key: '395f8c5d9ad62699eacfe369ff53b362e162be3b' }, h("style", { key: 'b975f8a0e72a1cc0b301b4ec76a631f8a4476bf3' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '35b6fff68640929e637b2ef04266e9bd89ca43ee', id: componentWrapperId, style: this.showSubmit
|
|
170
|
+
return (h(Host, { key: 'a4505e4d7ffa3784c6f5762f2b5a53e50cc5a627' }, h("style", { key: '83795fa9a931b49588e77d60b32bc27c0c11b203' }, __classPrivateFieldGet(this, _KupCell_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5fb3f00c4c3b543442084ab8231b232188296473', id: componentWrapperId, style: this.showSubmit
|
|
181
171
|
? {
|
|
182
172
|
display: 'flex',
|
|
183
173
|
'flex-direction': this.submitPosition,
|
|
184
174
|
'align-items': 'center',
|
|
185
175
|
gap: '0.5rem',
|
|
186
176
|
}
|
|
187
|
-
: {} }, h(
|
|
188
|
-
'input-panel__label_container': label
|
|
189
|
-
? true
|
|
190
|
-
: false,
|
|
191
|
-
} }, label, h(FCellOptions, Object.assign({ key: '87c2ca717b6415d999ea22e2d11635de2293a08c' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
|
|
177
|
+
: {} }, h(FCellOptions, Object.assign({ key: '5875cef585519fef471a0566cb448bf4d96d26ed' }, props)), this.showSubmit ? (h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupCell_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", onClick: (e) => {
|
|
192
178
|
this.submitClick(e);
|
|
193
|
-
} })) : null)))
|
|
179
|
+
} })) : null)));
|
|
194
180
|
}
|
|
195
181
|
disconnectedCallback() {
|
|
196
182
|
__classPrivateFieldGet(this, _KupCell_kupManager, "f").dates.unregister(this);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellSubmitButtonPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellSubmitButtonPosition =\n KupCellSubmitButtonPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n const label = this.getLabelComponent(props.cell, props.column.title);\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': this.submitPosition,\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <div\n class={{\n 'input-panel__label_container': label\n ? true\n : false,\n }}\n >\n {label}\n <FCellOptions {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </div>\n </Host>\n );\n }\n\n getLabelComponent = (cell: KupDataCell, label: string) => {\n if (!label) {\n return null;\n }\n\n if (cell.shape === FCellShapes.RADIO) {\n return <span>{label}</span>;\n }\n\n return null;\n };\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kup-cell.js","sourceRoot":"","sources":["../../../src/components/kup-cell/kup-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellSubmitButtonPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n FCellShapes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FCellOptions } from '../../f-components/f-cell-options.tsx/f-cell-options';\nimport { FButton } from '../../f-components/f-button/f-button';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellSubmitButtonPosition =\n KupCellSubmitButtonPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': this.submitPosition,\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCellOptions {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"]}
|
|
@@ -134,7 +134,7 @@ export class KupCheckbox {
|
|
|
134
134
|
onChange: () => this.onKupChange(),
|
|
135
135
|
onFocus: () => this.onKupFocus(),
|
|
136
136
|
};
|
|
137
|
-
return (h(Host, { key: '
|
|
137
|
+
return (h(Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, h("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
|
|
138
138
|
}
|
|
139
139
|
disconnectedCallback() {
|
|
140
140
|
this.kupManager.theme.unregister(this);
|
|
@@ -192,13 +192,13 @@ export class KupChip {
|
|
|
192
192
|
props.onFocus.push((chip) => this.onKupFocus(chip));
|
|
193
193
|
props.onIconClick.push((chip) => this.onKupIconClick(chip));
|
|
194
194
|
}
|
|
195
|
-
return (h(Host, { key: '
|
|
195
|
+
return (h(Host, { key: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "onKup-autocomplete-itemclick": (e) => {
|
|
196
196
|
__classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
197
197
|
}, "onKup-combobox-itemclick": (e) => {
|
|
198
198
|
__classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
199
199
|
}, "onKup-textfield-change": (e) => {
|
|
200
200
|
__classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
|
|
201
|
-
} }, h("style", { key: '
|
|
201
|
+
} }, h("style", { key: 'a9c2bec738240a0e281a5b5901307c072794dd0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9bdd7db8c5130175a4f4315203827ccfce8ae74c', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'b6669cc2db3989ce563a5b70f31a246756ebe816', name: "field" }))));
|
|
202
202
|
}
|
|
203
203
|
disconnectedCallback() {
|
|
204
204
|
this.kupManager.theme.unregister(this);
|
|
@@ -228,7 +228,7 @@ export class KupColorPicker {
|
|
|
228
228
|
render() {
|
|
229
229
|
let widget = null;
|
|
230
230
|
if (this.swatchOnly) {
|
|
231
|
-
widget = (h("button", { key: '
|
|
231
|
+
widget = (h("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
|
|
232
232
|
backgroundColor: this.value,
|
|
233
233
|
}, type: "button" }));
|
|
234
234
|
}
|
|
@@ -238,7 +238,7 @@ export class KupColorPicker {
|
|
|
238
238
|
const style = {
|
|
239
239
|
['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
|
|
240
240
|
};
|
|
241
|
-
return (h(Host, { key: '
|
|
241
|
+
return (h(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
|
|
242
242
|
}
|
|
243
243
|
disconnectedCallback() {
|
|
244
244
|
if (this.card) {
|
|
@@ -302,7 +302,7 @@ export class KupCombobox {
|
|
|
302
302
|
};
|
|
303
303
|
const fullHeight = this.rootElement.classList.contains('kup-full-height');
|
|
304
304
|
const fullWidth = this.rootElement.classList.contains('kup-full-width');
|
|
305
|
-
return (h(Host, { key: '
|
|
305
|
+
return (h(Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
|
|
306
306
|
? KupThemeIconValues.DROPDOWN
|
|
307
307
|
: null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
|
|
308
308
|
}
|
|
@@ -376,7 +376,7 @@ export class KupDashboard {
|
|
|
376
376
|
this.didRenderInteractables();
|
|
377
377
|
}
|
|
378
378
|
render() {
|
|
379
|
-
return (h(Host, { key: '
|
|
379
|
+
return (h(Host, { key: '2a5f7d91b832041e5c68460409f8723bcae04c25' }, h("style", { key: '00165eccb43eb45e9519e50ae383b6f237b6d293' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66a90a4032f46aec89e48e2e8c3c95d948dee416', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
|
|
380
380
|
}
|
|
381
381
|
disconnectedCallback() {
|
|
382
382
|
this.unregisterInteractables();
|
|
@@ -385,7 +385,7 @@ export class KupDatePicker {
|
|
|
385
385
|
this.kupManager.debug.logRender(this, true);
|
|
386
386
|
}
|
|
387
387
|
render() {
|
|
388
|
-
return (h(Host, { key: '
|
|
388
|
+
return (h(Host, { key: 'e10406fb95cbc5a21623a51f5923a5cc40e97891' }, h("style", { key: '952b82ef56dc9af82091dc246faabfc01845bc35' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4434afab90e310e7d57b309fc5abcebdc3d4c7d5', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
|
|
389
389
|
}
|
|
390
390
|
disconnectedCallback() {
|
|
391
391
|
this.kupManager.dates.unregister(this);
|
|
@@ -137,7 +137,7 @@ export class KupDialog {
|
|
|
137
137
|
'--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
|
|
138
138
|
'--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
|
|
139
139
|
};
|
|
140
|
-
return (h(Host, { key: '
|
|
140
|
+
return (h(Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: '007d7c592754925335bca87dbff8c104de64f424', class: "content" }, h("slot", { key: '830977e967e8e7c0be4c43151908220e9ab929dd' })))));
|
|
141
141
|
}
|
|
142
142
|
disconnectedCallback() {
|
|
143
143
|
if (this.modal) {
|
|
@@ -108,7 +108,7 @@ export class KupDrawer {
|
|
|
108
108
|
this.kupManager.debug.logRender(this, true);
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h(Host, { key: '
|
|
111
|
+
return (h(Host, { key: '47b6e1195efa7ac6696505f19808aaeed8804c81', "kup-opened": this.opened }, h("style", { key: '2ae05ab9c05ad338fa42f7ea827139883dc370c9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9574a0c126fbedb4022932c0388d96874bca3a71', class: "backdrop", onClick: (e) => {
|
|
112
112
|
e.preventDefault();
|
|
113
113
|
e.stopPropagation();
|
|
114
114
|
}, onPointerDown: (e) => {
|
|
@@ -118,7 +118,7 @@ export class KupDrawer {
|
|
|
118
118
|
}, onTouchStart: (e) => {
|
|
119
119
|
e.preventDefault();
|
|
120
120
|
e.stopPropagation();
|
|
121
|
-
} }), h("div", { key: '
|
|
121
|
+
} }), h("div", { key: 'bb38d8793e68860b78c53a82e067e5ee765db93b', id: componentWrapperId }, h("div", { key: 'fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3', class: drawerClass }, this.content()))));
|
|
122
122
|
}
|
|
123
123
|
disconnectedCallback() {
|
|
124
124
|
this.kupManager.theme.unregister(this);
|
|
@@ -139,7 +139,7 @@ export class KupEchart {
|
|
|
139
139
|
'--kup_echart_height': this.sizeY ? this.sizeY : '100%',
|
|
140
140
|
'--kup_echart_width': this.sizeX ? this.sizeX : '100%',
|
|
141
141
|
};
|
|
142
|
-
return (h(Host, { key: '
|
|
142
|
+
return (h(Host, { key: '2bb29a57f0dd5bb037c344371102d3d4b72eca25', style: style }, h("style", { key: '4df6d5703a6eca3d331b2b9d9dc08d40a2b2ac62' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cd18230ff95ba7df8d9fac0781e3621a4eb4376a', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
|
|
143
143
|
}
|
|
144
144
|
disconnectedCallback() {
|
|
145
145
|
__classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);
|
|
@@ -389,7 +389,7 @@ export class KupEditor {
|
|
|
389
389
|
__classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
|
|
390
390
|
}
|
|
391
391
|
render() {
|
|
392
|
-
return (h(Host, { key: '
|
|
392
|
+
return (h(Host, { key: 'e732ebc91b5f48c0bc515cfffa8cc2d1d6d7485f' }, h("div", { key: '560b1ac7dcdab0bf90db09bb92e847a9e5d14f7e', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
|
|
393
393
|
}
|
|
394
394
|
disconnectedCallback() {
|
|
395
395
|
__classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);
|
|
@@ -149,12 +149,12 @@ export class KupFamilyTree {
|
|
|
149
149
|
__classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
|
|
150
150
|
}
|
|
151
151
|
render() {
|
|
152
|
-
return (h(Host, { key: '
|
|
152
|
+
return (h(Host, { key: '602bb95f29dfe9e017313b01a3fc485c23dd2f97', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
|
|
153
153
|
e.preventDefault();
|
|
154
154
|
__classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
|
|
155
155
|
}, onWheel: (e) => {
|
|
156
156
|
__classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
|
|
157
|
-
} }, h("style", { key: '
|
|
157
|
+
} }, h("style", { key: 'becb707b0e477aff23e752bbb7ce335c01b428bd' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'aa50336a80b5499f3241b277639bb234c9e3eee5', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
|
|
158
158
|
}
|
|
159
159
|
disconnectedCallback() {
|
|
160
160
|
__classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);
|
|
@@ -408,7 +408,7 @@ export class KupForm {
|
|
|
408
408
|
render() {
|
|
409
409
|
let formContent = null;
|
|
410
410
|
if (this.data.rows.length === 0) {
|
|
411
|
-
formContent = (h("p", { key: '
|
|
411
|
+
formContent = (h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
|
|
412
412
|
}
|
|
413
413
|
else {
|
|
414
414
|
const rows = this.data.rows;
|
|
@@ -419,7 +419,7 @@ export class KupForm {
|
|
|
419
419
|
formContent.push(this.renderRow(rows[cnt++]));
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
|
-
return (h(Host, { key: '
|
|
422
|
+
return (h(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
|
|
423
423
|
}
|
|
424
424
|
disconnectedCallback() {
|
|
425
425
|
this.kupManager.language.unregister(this);
|
|
@@ -201,14 +201,14 @@ export class KupImageList {
|
|
|
201
201
|
};
|
|
202
202
|
combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
|
|
203
203
|
}
|
|
204
|
-
return (h(Host, { key: '
|
|
204
|
+
return (h(Host, { key: 'a739d3569084048dfbfbcfb797a1a69e3b30647f' }, h("style", { key: '5703cab616be68410bfcc78016598049e939caf5' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dcac9252c2ec7bfad10836a4e7193289612a7179', id: componentWrapperId, ref: (el) => {
|
|
205
205
|
__classPrivateFieldSet(this, _KupImageList_el, el, "f");
|
|
206
|
-
} }, h("div", { key: '
|
|
206
|
+
} }, h("div", { key: '21c0bc1aab2d618da88ccb4dbbf240afc5146cb2', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
|
|
207
207
|
? 'navigation-bar__wrapper--active'
|
|
208
208
|
: ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
|
|
209
209
|
this.navigationBarToggled =
|
|
210
210
|
!this.navigationBarToggled;
|
|
211
|
-
} }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '
|
|
211
|
+
} }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'f2a6f4fecf1a38fc173ab4569277772baf8e91b0', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
|
|
212
212
|
}
|
|
213
213
|
disconnectedCallback() {
|
|
214
214
|
__classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));
|