@sme.up/ketchup 10.3.0 → 10.3.2
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/{component-cb3b32f5.js → component-a6dd6c14.js} +1 -1
- package/dist/cjs/{f-cell-cfdd6703.js → f-cell-7a2faf7a.js} +9 -7
- package/dist/cjs/{f-chip-24b1eb58.js → f-chip-f2d6124b.js} +1 -1
- package/dist/cjs/{f-object-field-2ffc49c1.js → f-object-field-3810f288.js} +2 -2
- package/dist/cjs/{f-paginator-utils-51bb9317.js → f-paginator-utils-3855e84c.js} +1 -1
- package/dist/cjs/{f-text-field-5face063.js → f-text-field-a34a5979.js} +2 -2
- package/dist/cjs/{f-text-field-mdc-2a3c8c01.js → f-text-field-mdc-29aae9c9.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +247 -44
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_29.cjs.entry.js +952 -901
- package/dist/cjs/kup-box.cjs.entry.js +86 -71
- package/dist/cjs/kup-calendar.cjs.entry.js +1036 -180
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +5 -5
- package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
- package/dist/cjs/{kup-data-table-helper-6f4d86ea.js → kup-data-table-helper-f53032e7.js} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +5 -4
- package/dist/cjs/kup-editor.cjs.entry.js +3 -3
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +10 -9
- package/dist/cjs/kup-input-panel.cjs.entry.js +60 -36
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-49d2d8fe.js → kup-manager-c70d3188.js} +171 -24
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +4 -4
- package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +4 -4
- 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-txt.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/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/accordion.js +73 -18
- package/dist/collection/assets/dashboard.js +3 -9
- package/dist/collection/components/kup-accordion/kup-accordion-declarations.js +6 -1
- package/dist/collection/components/kup-accordion/kup-accordion.css +10 -2
- package/dist/collection/components/kup-accordion/kup-accordion.js +432 -54
- package/dist/collection/components/kup-autocomplete/kup-autocomplete-declarations.js +2 -0
- package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +44 -28
- package/dist/collection/components/kup-box/kup-box.js +92 -62
- package/dist/collection/components/kup-calendar/kup-calendar.css +18 -1
- package/dist/collection/components/kup-calendar/kup-calendar.js +32 -14
- package/dist/collection/components/kup-card/built-in/kup-card-column-drop-menu.js +3 -3
- package/dist/collection/components/kup-card/kup-card-helper.js +3 -2
- package/dist/collection/components/kup-card/kup-card.css +16 -0
- package/dist/collection/components/kup-card/standard/kup-card-standard.js +10 -3
- package/dist/collection/components/kup-chip/kup-chip.js +5 -5
- package/dist/collection/components/kup-combobox/kup-combobox-declarations.js +1 -0
- package/dist/collection/components/kup-combobox/kup-combobox.js +37 -2
- package/dist/collection/components/kup-data-table/kup-data-table.js +63 -52
- package/dist/collection/components/kup-date-picker/kup-date-picker.js +1 -1
- package/dist/collection/components/kup-echart/kup-echart.js +4 -3
- package/dist/collection/components/kup-image/assets/svg/bullseye-arrow.svg +1 -0
- package/dist/collection/components/kup-image/assets/svg/email-stacked.svg +1 -0
- package/dist/collection/components/kup-image/assets/svg/filter-off.svg +1 -0
- package/dist/collection/components/kup-image/assets/svg/status.svg +9 -0
- package/dist/collection/components/kup-image-list/kup-image-list.js +4 -3
- package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js +1 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel-utils.js +20 -14
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +55 -18
- package/dist/collection/components/kup-tab-bar/kup-tab-bar-declarations.js +4 -0
- package/dist/collection/components/kup-tab-bar/kup-tab-bar.js +26 -43
- package/dist/collection/components/kup-toolbar/kup-toolbar.css +17 -6
- package/dist/collection/components/kup-tree/kup-tree.js +14 -11
- package/dist/collection/f-components/f-cell/f-cell.js +3 -2
- package/dist/collection/f-components/f-radio/f-radio.js +1 -1
- package/dist/collection/f-components/f-text-field/f-text-field.js +1 -1
- package/dist/collection/managers/kup-data/kup-data.js +51 -0
- package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js +45 -1
- package/dist/collection/managers/kup-language/kup-language-declarations.js +2 -0
- package/dist/collection/managers/kup-manager/kup-manager.js +3 -2
- package/dist/collection/managers/kup-perf-tuning/kup-perf-tuning-declarations.js +1 -0
- package/dist/collection/managers/kup-perf-tuning/kup-perf-tuning.js +25 -0
- package/dist/collection/utils/cell-utils.js +21 -0
- package/dist/components/index.js +1 -1
- package/dist/components/kup-accordion.js +253 -45
- 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 +1037 -181
- 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 +6 -5
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +57 -32
- 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-2a4abe21.js → p-286915d4.js} +2 -2
- package/dist/components/{p-c45e24b0.js → p-3ba7c133.js} +80 -64
- package/dist/components/{p-1ee81222.js → p-55fda958.js} +2049 -1989
- package/dist/components/{p-66d53743.js → p-7bdb5142.js} +4 -4
- package/dist/components/{p-7550d08c.js → p-9859e801.js} +171 -25
- package/dist/components/{p-7dd33834.js → p-a22e5ee4.js} +6 -5
- package/dist/esm/{component-879e99bf.js → component-a35bc7f1.js} +1 -1
- package/dist/esm/{f-cell-fbe84498.js → f-cell-ae0c965d.js} +9 -7
- package/dist/esm/{f-chip-35dfafdb.js → f-chip-29242e70.js} +1 -1
- package/dist/esm/{f-object-field-fa368c87.js → f-object-field-75069ac2.js} +2 -2
- package/dist/esm/{f-paginator-utils-d7e6b742.js → f-paginator-utils-212f93c3.js} +1 -1
- package/dist/esm/{f-text-field-dcf09b57.js → f-text-field-ebe023fb.js} +2 -2
- package/dist/esm/{f-text-field-mdc-9a862967.js → f-text-field-mdc-81ce6c7c.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-accordion.entry.js +247 -44
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_29.entry.js +189 -138
- package/dist/esm/kup-box.entry.js +86 -71
- package/dist/esm/kup-calendar.entry.js +1037 -181
- 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 +4 -4
- package/dist/esm/{kup-data-table-helper-537035b9.js → kup-data-table-helper-ca11e6e9.js} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +5 -4
- package/dist/esm/kup-editor.entry.js +3 -3
- 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 +10 -9
- package/dist/esm/kup-input-panel.entry.js +60 -36
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-2b2b7c68.js → kup-manager-63a8048f.js} +171 -25
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +4 -4
- 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 +4 -4
- 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/assets/svg/bullseye-arrow.svg +1 -0
- package/dist/ketchup/assets/svg/email-stacked.svg +1 -0
- package/dist/ketchup/assets/svg/filter-off.svg +1 -0
- package/dist/ketchup/assets/svg/status.svg +9 -0
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-102d35b1.js +1 -0
- package/dist/ketchup/p-11e54526.entry.js +1 -0
- package/dist/ketchup/{p-7b45a31b.entry.js → p-260587c5.entry.js} +1 -1
- package/dist/ketchup/p-3533879b.entry.js +1 -0
- package/dist/ketchup/{p-4a6c6bf4.entry.js → p-434f2c39.entry.js} +1 -1
- package/dist/ketchup/{p-8932614c.entry.js → p-4365fbd3.entry.js} +1 -1
- package/dist/ketchup/p-43f12940.entry.js +1 -0
- package/dist/ketchup/p-4a64f9f2.entry.js +1 -0
- package/dist/ketchup/p-4cfa35bc.js +1 -0
- package/dist/ketchup/{p-d7d84da0.entry.js → p-5bf3d60d.entry.js} +2 -2
- package/dist/ketchup/p-5d28e8e0.entry.js +8 -0
- package/dist/ketchup/{p-e78670d8.js → p-610faea9.js} +1 -1
- package/dist/ketchup/{p-3aa35543.entry.js → p-6c41cd20.entry.js} +1 -1
- package/dist/ketchup/{p-19689040.entry.js → p-6f1dec16.entry.js} +1 -1
- package/dist/ketchup/{p-0a60f2ec.js → p-7375d456.js} +1 -1
- package/dist/ketchup/{p-f69679df.entry.js → p-7b326bde.entry.js} +1 -1
- package/dist/ketchup/{p-c4054aba.js → p-7db300e0.js} +1 -1
- package/dist/ketchup/{p-446fedb6.entry.js → p-7dfc42f0.entry.js} +1 -1
- package/dist/ketchup/p-81743364.entry.js +1 -0
- package/dist/ketchup/p-8610d5b5.js +21 -0
- package/dist/ketchup/{p-3c882916.entry.js → p-8ba1d444.entry.js} +1 -1
- package/dist/ketchup/p-93541362.entry.js +1 -0
- package/dist/ketchup/{p-bce5be1c.entry.js → p-9b200a90.entry.js} +1 -1
- package/dist/ketchup/{p-7722245b.entry.js → p-9baa1d6d.entry.js} +1 -1
- package/dist/ketchup/{p-058d9f3a.entry.js → p-a2d40711.entry.js} +1 -1
- package/dist/ketchup/{p-e695fd91.entry.js → p-b068a383.entry.js} +1 -1
- package/dist/ketchup/p-b6beace3.entry.js +1 -0
- package/dist/ketchup/{p-8a8da47d.entry.js → p-b91e3bae.entry.js} +1 -1
- package/dist/ketchup/{p-3eb4daa3.entry.js → p-bc789017.entry.js} +1 -1
- package/dist/ketchup/{p-63117858.entry.js → p-c8cd012e.entry.js} +1 -1
- package/dist/ketchup/{p-328896f0.entry.js → p-d84e4e90.entry.js} +1 -1
- package/dist/ketchup/{p-0f7a8165.js → p-da694791.js} +1 -1
- package/dist/ketchup/{p-eaabc269.js → p-e705eb4a.js} +1 -1
- package/dist/ketchup/{p-35e03e2f.entry.js → p-e7293ae8.entry.js} +1 -1
- package/dist/ketchup/{p-13f159d6.entry.js → p-eb090acd.entry.js} +1 -1
- package/dist/ketchup/{p-6714d68a.entry.js → p-fb7c0958.entry.js} +1 -1
- package/dist/ketchup/p-fb82cad9.entry.js +1 -0
- package/dist/ketchup/{p-4418988a.entry.js → p-fe42ae2d.entry.js} +1 -1
- package/dist/types/components/kup-accordion/kup-accordion-declarations.d.ts +14 -7
- package/dist/types/components/kup-accordion/kup-accordion.d.ts +62 -6
- package/dist/types/components/kup-autocomplete/kup-autocomplete-declarations.d.ts +3 -1
- package/dist/types/components/kup-autocomplete/kup-autocomplete.d.ts +7 -2
- package/dist/types/components/kup-box/kup-box.d.ts +4 -5
- package/dist/types/components/kup-card/kup-card-declarations.d.ts +1 -1
- package/dist/types/components/kup-card/kup-card-helper.d.ts +2 -1
- package/dist/types/components/kup-combobox/kup-combobox-declarations.d.ts +2 -1
- package/dist/types/components/kup-combobox/kup-combobox.d.ts +5 -0
- package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +2 -1
- package/dist/types/components/kup-input-panel/kup-input-panel-utils.d.ts +1 -1
- package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +6 -0
- package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts +6 -1
- package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts +1 -5
- package/dist/types/components.d.ts +94 -21
- package/dist/types/f-components/f-radio/f-radio-declarations.d.ts +1 -0
- package/dist/types/managers/kup-data/kup-data.d.ts +11 -0
- package/dist/types/managers/kup-dynamic-position/kup-dynamic-position.d.ts +1 -0
- package/dist/types/managers/kup-language/kup-language-declarations.d.ts +3 -1
- package/dist/types/managers/kup-perf-tuning/kup-perf-tuning-declarations.d.ts +3 -1
- package/dist/types/managers/kup-perf-tuning/kup-perf-tuning.d.ts +1 -0
- package/dist/types/utils/cell-utils.d.ts +2 -0
- package/package.json +2 -2
- package/dist/ketchup/p-0866ddcf.entry.js +0 -1
- package/dist/ketchup/p-1f32300c.entry.js +0 -1
- package/dist/ketchup/p-2020fbaf.entry.js +0 -1
- package/dist/ketchup/p-32aa082e.entry.js +0 -1
- package/dist/ketchup/p-45d34ba7.js +0 -1
- package/dist/ketchup/p-4a44bef2.entry.js +0 -1
- package/dist/ketchup/p-6eb5f3da.js +0 -1
- package/dist/ketchup/p-8feabbf8.entry.js +0 -1
- package/dist/ketchup/p-97d8720e.entry.js +0 -1
- package/dist/ketchup/p-cd73eaec.js +0 -21
- package/dist/ketchup/p-e6be6193.entry.js +0 -9
- package/dist/ketchup/p-f69923dd.entry.js +0 -1
- /package/dist/ketchup/{p-d4a879fc.js → p-c56195a0.js} +0 -0
|
@@ -75,10 +75,6 @@ export declare class KupTabBar {
|
|
|
75
75
|
* Triggered when the icon inside tab is clicked.
|
|
76
76
|
*/
|
|
77
77
|
kupIconClick: EventEmitter<KupTabBarEventPayload>;
|
|
78
|
-
/**
|
|
79
|
-
* Triggered when the icon inside tab is clicked.
|
|
80
|
-
*/
|
|
81
|
-
kupInfoIconClick: EventEmitter<KupTabBarEventPayload>;
|
|
82
78
|
/**
|
|
83
79
|
* Triggered when the tab is focused.
|
|
84
80
|
*/
|
|
@@ -86,7 +82,7 @@ export declare class KupTabBar {
|
|
|
86
82
|
/**
|
|
87
83
|
* Triggered when a list item is clicked.
|
|
88
84
|
*/
|
|
89
|
-
|
|
85
|
+
kupToolbarItemClick: EventEmitter<KupToolbarItemClickEventPayload>;
|
|
90
86
|
onKupBlur(i: number, node: KupTabBarNode): void;
|
|
91
87
|
onKupClick(i: number, node: KupTabBarNode): void;
|
|
92
88
|
onKupIconClick(el: HTMLElement): void;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
-
import {
|
|
8
|
+
import { KupAccordionEventPayload, KupAccordionNode } from "./components/kup-accordion/kup-accordion-declarations";
|
|
9
9
|
import { GenericObject, KupComponentSizing, KupEventPayload } from "./types/GenericTypes";
|
|
10
10
|
import { KupCommand, KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
|
|
11
11
|
import { GroupLabelDisplayMode, GroupObject, KupDataTableCell, KupDatatableCellCheckPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionItemClickEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableUpdatePayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
|
|
@@ -67,7 +67,7 @@ import { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time
|
|
|
67
67
|
import { FTypographyType } from "./f-components/f-typography/f-typography-declarations";
|
|
68
68
|
import { KupTypographyClickEventPayload, KupTypographyIconClickEventPayload } from "./components/kup-typography/kup-typography-declarations";
|
|
69
69
|
import { KupTypographyListClickEventPayload, KupTypographyListIconClickEventPayload } from "./components/kup-typography-list/kup-typography-list-declarations";
|
|
70
|
-
export {
|
|
70
|
+
export { KupAccordionEventPayload, KupAccordionNode } from "./components/kup-accordion/kup-accordion-declarations";
|
|
71
71
|
export { GenericObject, KupComponentSizing, KupEventPayload } from "./types/GenericTypes";
|
|
72
72
|
export { KupCommand, KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
|
|
73
73
|
export { GroupLabelDisplayMode, GroupObject, KupDataTableCell, KupDatatableCellCheckPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionItemClickEventPayload, KupDatatableRowSelectedEventPayload, KupDatatableUpdatePayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
|
|
@@ -145,7 +145,7 @@ export namespace Components {
|
|
|
145
145
|
* Data of the accordion.
|
|
146
146
|
* @default null
|
|
147
147
|
*/
|
|
148
|
-
"data":
|
|
148
|
+
"data": KupAccordionNode[];
|
|
149
149
|
/**
|
|
150
150
|
* This method expands all expandible items.
|
|
151
151
|
*/
|
|
@@ -156,6 +156,12 @@ export namespace Components {
|
|
|
156
156
|
* @returns List of props as object, each key will be a prop.
|
|
157
157
|
*/
|
|
158
158
|
"getProps": (descriptions?: boolean) => Promise<GenericObject>;
|
|
159
|
+
"infoCallback": () => Promise<KupDataNode[]>;
|
|
160
|
+
/**
|
|
161
|
+
* When true, it will show the info activation icon.
|
|
162
|
+
* @default false
|
|
163
|
+
*/
|
|
164
|
+
"infoIcon": boolean;
|
|
159
165
|
/**
|
|
160
166
|
* This method is used to trigger a new render of the component.
|
|
161
167
|
*/
|
|
@@ -171,7 +177,7 @@ export namespace Components {
|
|
|
171
177
|
*/
|
|
172
178
|
"setProps": (props: GenericObject) => Promise<void>;
|
|
173
179
|
/**
|
|
174
|
-
* Sets the type of the
|
|
180
|
+
* Sets the type of the component sizing
|
|
175
181
|
* @default KupComponentSizing.SMALL
|
|
176
182
|
*/
|
|
177
183
|
"sizing": KupComponentSizing;
|
|
@@ -179,7 +185,13 @@ export namespace Components {
|
|
|
179
185
|
* This method activates or deactivates an item
|
|
180
186
|
* @param itemName - Name of the item.
|
|
181
187
|
*/
|
|
182
|
-
"toggleItem": (
|
|
188
|
+
"toggleItem": (node: KupAccordionNode) => Promise<void>;
|
|
189
|
+
/**
|
|
190
|
+
* When true, it will show the toolbar activation icon.
|
|
191
|
+
* @default false
|
|
192
|
+
*/
|
|
193
|
+
"toolbar": boolean;
|
|
194
|
+
"toolbarCallback": () => Promise<KupDataNode[]>;
|
|
183
195
|
}
|
|
184
196
|
interface KupActivityTimeline {
|
|
185
197
|
/**
|
|
@@ -314,8 +326,8 @@ export namespace Components {
|
|
|
314
326
|
*/
|
|
315
327
|
"minimumChars": number;
|
|
316
328
|
/**
|
|
317
|
-
* Set custom placeholder / watermark for text field
|
|
318
|
-
* @default
|
|
329
|
+
* Set custom placeholder / watermark for text field, if not set the default one will be taken on component load.
|
|
330
|
+
* @default 'Type code or description'
|
|
319
331
|
*/
|
|
320
332
|
"placeholder": string;
|
|
321
333
|
/**
|
|
@@ -366,6 +378,10 @@ export namespace Components {
|
|
|
366
378
|
* @default false
|
|
367
379
|
*/
|
|
368
380
|
"showMarker": boolean;
|
|
381
|
+
/**
|
|
382
|
+
* Sets the size of the input element
|
|
383
|
+
*/
|
|
384
|
+
"size": number;
|
|
369
385
|
/**
|
|
370
386
|
* Sets the type of the button
|
|
371
387
|
* @default KupComponentSizing.SMALL
|
|
@@ -579,6 +595,10 @@ export namespace Components {
|
|
|
579
595
|
* @default false
|
|
580
596
|
*/
|
|
581
597
|
"swipeDisabled": boolean;
|
|
598
|
+
/**
|
|
599
|
+
* List of the visible columns
|
|
600
|
+
*/
|
|
601
|
+
"visibleColumns": string[];
|
|
582
602
|
}
|
|
583
603
|
interface KupButton {
|
|
584
604
|
/**
|
|
@@ -1447,6 +1467,10 @@ export namespace Components {
|
|
|
1447
1467
|
* @default false
|
|
1448
1468
|
*/
|
|
1449
1469
|
"showMarker": boolean;
|
|
1470
|
+
/**
|
|
1471
|
+
* Sets the size of the input element
|
|
1472
|
+
*/
|
|
1473
|
+
"size": number;
|
|
1450
1474
|
/**
|
|
1451
1475
|
* Sets the type of the button
|
|
1452
1476
|
* @default KupComponentSizing.SMALL
|
|
@@ -3068,6 +3092,11 @@ export namespace Components {
|
|
|
3068
3092
|
* @default null
|
|
3069
3093
|
*/
|
|
3070
3094
|
"data": KupInputPanelData;
|
|
3095
|
+
/**
|
|
3096
|
+
* When set to true, will render a reset button
|
|
3097
|
+
* @default false
|
|
3098
|
+
*/
|
|
3099
|
+
"fieldReset": boolean;
|
|
3071
3100
|
/**
|
|
3072
3101
|
* Used to retrieve component's props values.
|
|
3073
3102
|
* @param descriptions - When provided and true, the result will be the list of props with their description.
|
|
@@ -5087,7 +5116,11 @@ export interface KupTypographyListCustomEvent<T> extends CustomEvent<T> {
|
|
|
5087
5116
|
}
|
|
5088
5117
|
declare global {
|
|
5089
5118
|
interface HTMLKupAccordionElementEventMap {
|
|
5090
|
-
"kup-accordion-
|
|
5119
|
+
"kup-accordion-blur": KupAccordionEventPayload;
|
|
5120
|
+
"kup-accordion-click": KupAccordionEventPayload;
|
|
5121
|
+
"kup-accordion-iconclick": KupAccordionEventPayload;
|
|
5122
|
+
"kup-accordion-focus": KupAccordionEventPayload;
|
|
5123
|
+
"kup-accordion-toolbaritemclick": KupAccordionEventPayload;
|
|
5091
5124
|
}
|
|
5092
5125
|
interface HTMLKupAccordionElement extends Components.KupAccordion, HTMLStencilElement {
|
|
5093
5126
|
addEventListener<K extends keyof HTMLKupAccordionElementEventMap>(type: K, listener: (this: HTMLKupAccordionElement, ev: KupAccordionCustomEvent<HTMLKupAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -6031,9 +6064,8 @@ declare global {
|
|
|
6031
6064
|
"kup-tabbar-blur": KupTabBarEventPayload;
|
|
6032
6065
|
"kup-tabbar-click": KupTabBarEventPayload;
|
|
6033
6066
|
"kup-tabbar-iconclick": KupTabBarEventPayload;
|
|
6034
|
-
"kup-tabbar-infoiconclick": KupTabBarEventPayload;
|
|
6035
6067
|
"kup-tabbar-focus": KupTabBarEventPayload;
|
|
6036
|
-
"kup-tabbar-
|
|
6068
|
+
"kup-tabbar-toolbaritemclick": KupToolbarItemClickEventPayload;
|
|
6037
6069
|
}
|
|
6038
6070
|
interface HTMLKupTabBarElement extends Components.KupTabBar, HTMLStencilElement {
|
|
6039
6071
|
addEventListener<K extends keyof HTMLKupTabBarElementEventMap>(type: K, listener: (this: HTMLKupTabBarElement, ev: KupTabBarCustomEvent<HTMLKupTabBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -6324,21 +6356,49 @@ declare namespace LocalJSX {
|
|
|
6324
6356
|
* Data of the accordion.
|
|
6325
6357
|
* @default null
|
|
6326
6358
|
*/
|
|
6327
|
-
"data"?:
|
|
6359
|
+
"data"?: KupAccordionNode[];
|
|
6360
|
+
"infoCallback"?: () => Promise<KupDataNode[]>;
|
|
6361
|
+
/**
|
|
6362
|
+
* When true, it will show the info activation icon.
|
|
6363
|
+
* @default false
|
|
6364
|
+
*/
|
|
6365
|
+
"infoIcon"?: boolean;
|
|
6366
|
+
/**
|
|
6367
|
+
* Triggered when the accordion loses focus.
|
|
6368
|
+
*/
|
|
6369
|
+
"onKup-accordion-blur"?: (event: KupAccordionCustomEvent<KupAccordionEventPayload>) => void;
|
|
6370
|
+
/**
|
|
6371
|
+
* Triggered when an item is selected.
|
|
6372
|
+
*/
|
|
6373
|
+
"onKup-accordion-click"?: (event: KupAccordionCustomEvent<KupAccordionEventPayload>) => void;
|
|
6374
|
+
/**
|
|
6375
|
+
* Triggered when the accordion is focused.
|
|
6376
|
+
*/
|
|
6377
|
+
"onKup-accordion-focus"?: (event: KupAccordionCustomEvent<KupAccordionEventPayload>) => void;
|
|
6378
|
+
/**
|
|
6379
|
+
* Triggered when the icon inside accordion is clicked.
|
|
6380
|
+
*/
|
|
6381
|
+
"onKup-accordion-iconclick"?: (event: KupAccordionCustomEvent<KupAccordionEventPayload>) => void;
|
|
6328
6382
|
/**
|
|
6329
|
-
*
|
|
6383
|
+
* Triggered when a list item is clicked.
|
|
6330
6384
|
*/
|
|
6331
|
-
"onKup-accordion-
|
|
6385
|
+
"onKup-accordion-toolbaritemclick"?: (event: KupAccordionCustomEvent<KupAccordionEventPayload>) => void;
|
|
6332
6386
|
/**
|
|
6333
6387
|
* When enabled displays Material's ripple effect on item headers.
|
|
6334
6388
|
* @default true
|
|
6335
6389
|
*/
|
|
6336
6390
|
"ripple"?: boolean;
|
|
6337
6391
|
/**
|
|
6338
|
-
* Sets the type of the
|
|
6392
|
+
* Sets the type of the component sizing
|
|
6339
6393
|
* @default KupComponentSizing.SMALL
|
|
6340
6394
|
*/
|
|
6341
6395
|
"sizing"?: KupComponentSizing;
|
|
6396
|
+
/**
|
|
6397
|
+
* When true, it will show the toolbar activation icon.
|
|
6398
|
+
* @default false
|
|
6399
|
+
*/
|
|
6400
|
+
"toolbar"?: boolean;
|
|
6401
|
+
"toolbarCallback"?: () => Promise<KupDataNode[]>;
|
|
6342
6402
|
}
|
|
6343
6403
|
interface KupActivityTimeline {
|
|
6344
6404
|
/**
|
|
@@ -6466,8 +6526,8 @@ declare namespace LocalJSX {
|
|
|
6466
6526
|
"onKup-autocomplete-input"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
|
|
6467
6527
|
"onKup-autocomplete-itemclick"?: (event: KupAutocompleteCustomEvent<KupAutocompleteEventPayload>) => void;
|
|
6468
6528
|
/**
|
|
6469
|
-
* Set custom placeholder / watermark for text field
|
|
6470
|
-
* @default
|
|
6529
|
+
* Set custom placeholder / watermark for text field, if not set the default one will be taken on component load.
|
|
6530
|
+
* @default 'Type code or description'
|
|
6471
6531
|
*/
|
|
6472
6532
|
"placeholder"?: string;
|
|
6473
6533
|
/**
|
|
@@ -6495,6 +6555,10 @@ declare namespace LocalJSX {
|
|
|
6495
6555
|
* @default false
|
|
6496
6556
|
*/
|
|
6497
6557
|
"showMarker"?: boolean;
|
|
6558
|
+
/**
|
|
6559
|
+
* Sets the size of the input element
|
|
6560
|
+
*/
|
|
6561
|
+
"size"?: number;
|
|
6498
6562
|
/**
|
|
6499
6563
|
* Sets the type of the button
|
|
6500
6564
|
* @default KupComponentSizing.SMALL
|
|
@@ -6709,6 +6773,10 @@ declare namespace LocalJSX {
|
|
|
6709
6773
|
* @default false
|
|
6710
6774
|
*/
|
|
6711
6775
|
"swipeDisabled"?: boolean;
|
|
6776
|
+
/**
|
|
6777
|
+
* List of the visible columns
|
|
6778
|
+
*/
|
|
6779
|
+
"visibleColumns"?: string[];
|
|
6712
6780
|
}
|
|
6713
6781
|
interface KupButton {
|
|
6714
6782
|
/**
|
|
@@ -7449,6 +7517,10 @@ declare namespace LocalJSX {
|
|
|
7449
7517
|
* @default false
|
|
7450
7518
|
*/
|
|
7451
7519
|
"showMarker"?: boolean;
|
|
7520
|
+
/**
|
|
7521
|
+
* Sets the size of the input element
|
|
7522
|
+
*/
|
|
7523
|
+
"size"?: number;
|
|
7452
7524
|
/**
|
|
7453
7525
|
* Sets the type of the button
|
|
7454
7526
|
* @default KupComponentSizing.SMALL
|
|
@@ -8774,6 +8846,11 @@ declare namespace LocalJSX {
|
|
|
8774
8846
|
* @default null
|
|
8775
8847
|
*/
|
|
8776
8848
|
"data"?: KupInputPanelData;
|
|
8849
|
+
/**
|
|
8850
|
+
* When set to true, will render a reset button
|
|
8851
|
+
* @default false
|
|
8852
|
+
*/
|
|
8853
|
+
"fieldReset"?: boolean;
|
|
8777
8854
|
/**
|
|
8778
8855
|
* Creates a hidden submit button in order to submit the form with enter.``
|
|
8779
8856
|
* @default false
|
|
@@ -9638,14 +9715,10 @@ declare namespace LocalJSX {
|
|
|
9638
9715
|
* Triggered when the icon inside tab is clicked.
|
|
9639
9716
|
*/
|
|
9640
9717
|
"onKup-tabbar-iconclick"?: (event: KupTabBarCustomEvent<KupTabBarEventPayload>) => void;
|
|
9641
|
-
/**
|
|
9642
|
-
* Triggered when the icon inside tab is clicked.
|
|
9643
|
-
*/
|
|
9644
|
-
"onKup-tabbar-infoiconclick"?: (event: KupTabBarCustomEvent<KupTabBarEventPayload>) => void;
|
|
9645
9718
|
/**
|
|
9646
9719
|
* Triggered when a list item is clicked.
|
|
9647
9720
|
*/
|
|
9648
|
-
"onKup-tabbar-
|
|
9721
|
+
"onKup-tabbar-toolbaritemclick"?: (event: KupTabBarCustomEvent<KupToolbarItemClickEventPayload>) => void;
|
|
9649
9722
|
/**
|
|
9650
9723
|
* When enabled displays Material's ripple effect on item headers.
|
|
9651
9724
|
* @default true
|
|
@@ -56,6 +56,17 @@ export declare class KupData {
|
|
|
56
56
|
* @returns {boolean} if cell contain action showed on f-cell
|
|
57
57
|
*/
|
|
58
58
|
hasActionCell: (cell: KupDataCell, commands: KupCommand[]) => boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Gets css styles for cell, depending on cell's obj
|
|
61
|
+
* @param obj
|
|
62
|
+
* @param cssClass
|
|
63
|
+
* @returns
|
|
64
|
+
*/
|
|
65
|
+
getObjectRelatedStyleClasses(obj: {
|
|
66
|
+
t: string;
|
|
67
|
+
p: string;
|
|
68
|
+
k: string;
|
|
69
|
+
}, cssClass?: string): string;
|
|
59
70
|
};
|
|
60
71
|
column: {
|
|
61
72
|
find(dataset: KupDataDataset | KupDataColumn[], filters: Partial<KupDataColumn>): KupDataColumn[];
|
|
@@ -167,7 +167,9 @@ export declare enum KupLanguageGeneric {
|
|
|
167
167
|
INVALID_VALUE = "genericInvalidValue",
|
|
168
168
|
REQUIRED_VALUE = "genericRequiredValue",
|
|
169
169
|
UPLOAD = "genericUpload",
|
|
170
|
-
CHOOSE = "genericChoose"
|
|
170
|
+
CHOOSE = "genericChoose",
|
|
171
|
+
TYPE_CODE_OR_DESCR = "genericTypeCodeOrDescr",
|
|
172
|
+
PARTIAL_FILTERS_LIST = "genericPartialFiltersList"
|
|
171
173
|
}
|
|
172
174
|
/**
|
|
173
175
|
* Grid decodes (data table customization settings).
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
export interface KupPerfTuningData {
|
|
2
2
|
maxCellsPerPage: number;
|
|
3
3
|
maxRowsPerPage: number;
|
|
4
|
+
filtersMaxLength: number;
|
|
4
5
|
priority: KupPerfTuningPriority;
|
|
5
6
|
}
|
|
6
7
|
export declare enum KupPerfTuningPriority {
|
|
7
8
|
CELLS_PER_PAGE = "cells-per-page",
|
|
8
|
-
ROWS_PER_PAGE = "rows-per-page"
|
|
9
|
+
ROWS_PER_PAGE = "rows-per-page",
|
|
10
|
+
DYNAMIC_ROWS_PER_PAGE = "dynamic-rows-per-page"
|
|
9
11
|
}
|
|
@@ -4,4 +4,5 @@ export declare class KupPerfTuning {
|
|
|
4
4
|
constructor(data: KupPerfTuningData);
|
|
5
5
|
getPerfIndex(duration: number): number;
|
|
6
6
|
performPerfTuning(duration?: number): void;
|
|
7
|
+
maxRowsPerPageProvider(columnsNumber: number, rowsNumber: number, maxRowsConsumer: (maxRows: number) => void): void;
|
|
7
8
|
}
|
|
@@ -3,6 +3,7 @@ import { ValueDisplayedValue } from './filters/filters-declarations';
|
|
|
3
3
|
import { KupDataCell, KupDataColumn } from '../managers/kup-data/kup-data-declarations';
|
|
4
4
|
import { GenericObject, KupChipNode } from '../components';
|
|
5
5
|
import { KupCellElementsPosition } from '../components/kup-cell/kup-cell-declarations';
|
|
6
|
+
import { ItemsDisplayMode } from '../components/kup-list/kup-list-declarations';
|
|
6
7
|
import { KupObj } from '../managers/kup-objects/kup-objects-declarations';
|
|
7
8
|
export declare function getCellValueForDisplay(column: KupDataColumn, cell: KupDataCell): string;
|
|
8
9
|
export declare function getValueForDisplay2(values: ValueDisplayedValue, column?: KupDataColumn): string;
|
|
@@ -45,3 +46,4 @@ export declare const submitPositionAdapter: (position: KupCellElementsPosition)
|
|
|
45
46
|
export declare const isForceLowercase: (cell: KupDataCell) => boolean;
|
|
46
47
|
export declare const isForceUppercase: (cell: KupDataCell) => boolean;
|
|
47
48
|
export declare function adaptContentToDisplayMode(cell: KupDataCell, content: unknown, separator: string): unknown;
|
|
49
|
+
export declare function getSizeOfInputElement(data: Object, displayMode: ItemsDisplayMode, size: number): number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sme.up/ketchup",
|
|
3
|
-
"version": "10.3.
|
|
3
|
+
"version": "10.3.2",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"smeup",
|
|
6
6
|
"KetchUP",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@stencil/core": "4.20.0",
|
|
62
62
|
"@stencil/react-output-target": "^0.8",
|
|
63
|
-
"@stencil/sass": "
|
|
63
|
+
"@stencil/sass": "3.0.12",
|
|
64
64
|
"jest": "^29.7.0",
|
|
65
65
|
"jest-cli": "^29.7.0",
|
|
66
66
|
"jest-html-reporter": "^3.10.2",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,f as e,h as s,H as a,d as o}from"./p-710d0a7d.js";import{F as i}from"./p-0f7a8165.js";import{k as r,g as n}from"./p-cd73eaec.js";import{c}from"./p-635bb4b3.js";import"./p-c4224227.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-eaabc269.js";import"./p-1ee561ba.js";var d;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(d||(d={}));var f,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),f.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return n(this,d,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,f,"f").debug.logLoad(this,!1),h(this,f,"f").theme.register(this)}componentDidLoad(){h(this,f,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,f,"f").debug.logRender(this,!1)}componentDidRender(){h(this,f,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue,onChange:null};return s(a,{key:"ad8b1b5a61471fb4f6b09b79f877a5921787afe5"},s("style",{key:"72ea7f3d7ffb39d02eb3033fd1b1a918aac3202a"},h(this,f,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"545d1726032147520c30ea0e79192fdb17b688db",id:c},s(i,Object.assign({key:"00d9b3d137fc454d8dfde620a7ca0952d65e0afb"},e))))}disconnectedCallback(){h(this,f,"f").theme.unregister(this)}get rootElement(){return o(this)}};f=new WeakMap,p.style="";export{p as kup_object_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-710d0a7d.js";import{k as s,g as p,s as r}from"./p-cd73eaec.js";import{c}from"./p-635bb4b3.js";import{F as l}from"./p-c4224227.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-3cab6420.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"eabc87550d0f2e863606f6ca638ce0201b0a792a","kup-visible":this.visible},a("style",{key:"da7c811c2ca8770cbd2ffc695dbe5289f1536f22"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"47e5c9aaf1e50f41a498fdc050b29e08dc722720",id:c},a("div",{key:"8b899247d7547a4f9f5c653c34bd6cd8b0a662e4",class:f},a("div",{key:"70b018520246323b9b8aec95af249c5d19618ff5",class:"snackbar__text__block"},a("div",{key:"91a44a17404b10e37f09651046b75bb340f4a1ff",class:`${f}__header`},this.header),a("div",{key:"7b9b325f847f9ea2d72e11670892dd46e9f1e0d5",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".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_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;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}.snackbar__text{pointer-events:all;word-break:break-word;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}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as l,s as r,h as p,V as m,f as h}from"./p-cd73eaec.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-3cab6420.js";import{F as g}from"./p-c4224227.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-45d34ba7.js";import{M as _}from"./p-d4a879fc.js";import"./p-1ee561ba.js";import"./p-9f9428d1.js";import"./p-0a60f2ec.js";import"./p-0f7a8165.js";import"./p-eaabc269.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I,R=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},S=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const F=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),b.add(this),this.state=new v,y.set(this,[]),x.set(this,n()),z.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=R(this,x,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),C.set(this,void 0),W.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=R(this,x,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=R(this,b,"m",w).call(this);if(!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=R(this,x,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){R(this,x,"f").debug.logLoad(this,!1),R(this,x,"f").language.register(this),R(this,x,"f").theme.register(this)}componentDidLoad(){R(this,b,"m",I).call(this),R(this,x,"f").debug.logLoad(this,!0)}componentWillRender(){R(this,x,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),R(this,x,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"0dfe8dc9ddc1120bcefb741e41ce2af6af225f63"},a("style",{key:"2f2e1717102b7b866e6e268c8b25db6eb7586719"},R(this,x,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"2a9e85aeb724679ad85ace215c27e5b7ddd756f2",id:c,ref:i=>{S(this,C,i,"f")}},a("div",{key:"1afaeafc6de7b2d6743571817c8aafd1ae6f8120",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},R(this,z,"f"),{label:R(this,x,"f").language.translate(p.BACK)})),a(g,Object.assign({},R(this,j,"f"),{label:R(this,x,"f").language.translate(p.TOP)}))):null),a("div",{key:"1868b4d2e1e23b78ab3eb99031a21afc88ead36d",class:o,style:e},...R(this,b,"m",E).call(this))))}disconnectedCallback(){R(this,x,"f").interact.unregister(R(this,M,"f")),R(this,x,"f").language.unregister(this),R(this,x,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,M=new WeakMap,b=new WeakSet,w=function(){let i=!1,t=this.currentNode?this.currentNode.id:"";return R(this,x,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),i},$=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},E=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},R(this,b,"m",$).call(this,s));i.push(o)}return i},O=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},T=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},I=function(){R(this,M,"f").push(R(this,C,"f")),R(this,x,"f").interact.on(R(this,C,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(S(this,W,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",P).call(this,i)}))})),R(this,x,"f").interact.on(R(this,C,"f"),m.TAP,(i=>{if(R(this,W,"f"))S(this,W,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];R(this,y,"f").push(setTimeout((()=>{var i;const e=R(this,b,"m",T).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",P).call(this,i)})}})),R(this,x,"f").interact.on(R(this,C,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<R(this,y,"f").length;i++)clearTimeout(R(this,y,"f")[i]),R(this,x,"f").debug.logMessage(this,"Cleared clickHandler timeout("+R(this,y,"f")[i]+").");S(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",D).call(this,i)})}}))},F.style=".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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{F as kup_image_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,F as a,H as o,d as f}from"./p-710d0a7d.js";import{k as p,g as h,s,h as r}from"./p-cd73eaec.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var c;!function(t){t.data="Data of the component containing url or html"}(c||(c={}));var m,g,u,k=function(t,i,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:i.get(t)};const d=class{constructor(e){t(this,e),this.kupReady=i(this,"kup-htm-ready",6),m.add(this),g.set(this,p()),this.data=void 0}async getProps(t){return h(this,c,t)}async refresh(){e(this)}async setProps(t){s(this,c,t)}componentWillLoad(){k(this,g,"f").debug.logLoad(this,!1),k(this,g,"f").theme.register(this),k(this,g,"f").language.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),k(this,g,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,g,"f").debug.logRender(this,!1)}componentDidRender(){k(this,g,"f").debug.logRender(this,!0)}render(){var t;const i=k(this,m,"m",u).call(this,null===(t=null==this?void 0:this.data)||void 0===t?void 0:t.obj);return n(o,{key:"5a79767bda05f81fbfa3b44c06592ce9d338c859"},n("style",{key:"4977d1d9a029a0669695ac206ecbd306b467cf21"},k(this,g,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"f8e7cdc3e1992853c090f3204fed1a0de76b904b",id:l},n("div",{key:"0c6724dc5d6c2b8f53ca7573424aab59adbcf6a4",class:"kup-htm "+(i?"is-link":"")},i?n(a,null,n("a",{href:this.data.value,target:"_blank",rel:"noopener noreferrer"},k(this,g,"f").language.translate(r.OPEN_IN_NEW_TAB)),n("iframe",{src:this.data.value,frameBorder:"0"})):n("div",{innerHTML:this.data.value}))))}disconnectedCallback(){k(this,g,"f").theme.unregister(this),k(this,g,"f").language.unregister(this)}get rootElement(){return f(this)}};g=new WeakMap,m=new WeakSet,u=function(t){return k(this,g,"f").objects.isLink(t)||k(this,g,"f").objects.isJ1Pathfile(t)},d.style=".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{height:100%;width:100%;display:block}#kup-component{height:100%}#kup-component .kup-htm.is-link{height:100%}#kup-component .kup-htm.is-link a{float:left}#kup-component .kup-htm.is-link iframe{min-height:600px;width:100%}";export{d as kup_htm}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,F as n}from"./p-710d0a7d.js";import{ap as a,aq as o,R as t,ac as c,d as l,an as i,al as r,ak as s,ar as u,F as d,ah as p,a as b,as as k,I as v,at as f,au as m,av as h,aw as g,ax as j,e as O}from"./p-cd73eaec.js";import{F as x}from"./p-c4224227.js";import{F as w}from"./p-9f9428d1.js";import{F as _,d as y}from"./p-0a60f2ec.js";import{F as C}from"./p-3cab6420.js";import{F as $}from"./p-0f7a8165.js";import{F}from"./p-eaabc269.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const E=a=>{var o;const t=!!a.columns,c=[],l=a.type||I.RADIO;for(let t=0;t<(null===(o=a.data)||void 0===o?void 0:o.length);t++){const o=a.data[t],i={radio:!0,"radio--checked":!!o.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};c.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${l===I.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,t):null},e("div",{class:i},l===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:o.value,checked:o.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,o.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}})),l===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(t,e),e.stopPropagation()}},l===I.CHEVRON&&e(C,{resource:o.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},o.label?o.label:""))))}return e("div",{class:`f-radio radio-wrapper\n ${t?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":t?`repeat(${a.columns}, 1fr)`:""}},c)},B=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const a=[];for(let o=1;o<=n.maxValue;o++)a.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,o):null},o<=n.value?"★":"☆"));return a}(n)));var A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const D=n=>{n.sizing||(n.sizing=A.MEDIUM),n.sizing.toLowerCase();const a={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:a},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({text:a,classes:o})=>{const t=function(e){const n=[];let a=null;return function(e,n){const a=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let o,t=0;for(;null!==(o=a.exec(e));)o.index>t&&n.onContent(e.slice(t,o.index)),"_n_"===o[1]?n.onEndTag(o[1]):n.onStartTag(o[2]),t=a.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==a?void 0:a.tag)&&(a.closed=!0),n.push(a={tag:e,content:""})},onEndTag(e){a?a.tag?(a.closed=!0,a=null):this.onContent(e):n.push(a={content:e})},onContent(e){a?a.content+=e:n.push(a={content:e})}}),a&&a.tag&&(a.closed=!0),n}(a);return t.find((e=>void 0!==e.tag))?e("span",{class:o},function(n){return n.map((n=>{var a,o;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let a=0;a<e.length;a++)switch(a){case 0:n+=N(e.charAt(a));break;case 1:n+=R(e.charAt(a));break;case 2:n+=L(e.charAt(a));break;case 3:n+=K(e.charAt(a))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[a,o]=n.split(":").map((e=>e.trim()));if(a&&o){const n=o.replace(/!important/g,"").trim();e[a.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(a=n.tag)||void 0===a?void 0:a.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(o=n.tag)&&void 0!==o?o:""}${n.content}`)}))}(t)):e(n,null,a)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O;const I=n.cell,A=n.column,z=n.row,N=n.shape?n.shape:I.shape?I.shape:A.shape?A.shape:null,R=!T.ketchup.objects.isEmptyKupObj(I.obj);let L=!1;I.hasOwnProperty("isEditable")?L=I.isEditable:A.hasOwnProperty("isEditable")&&(L=A.isEditable),L=L&&n.editable,I.data=null!==(r=X(I,A))&&void 0!==r?r:I.data;const K=n.previousValue!==I.value?I.value:"",V=T.ketchup.data.cell.getType(I,N),G="extra_dense"===n.density?"extra-small":null===(s=I.data)||void 0===s?void 0:s.sizing,Y=Object.assign(Object.assign(Object.assign(Object.assign({},I.data),(null==I?void 0:I.icon)?{resource:I.icon}:{}),(null==I?void 0:I.placeholderIcon)?{placeholderResource:I.placeholderIcon}:{}),G?{sizing:G}:{});let W=I.cssClass?I.cssClass:(null==A?void 0:A.cssClass)?null==A?void 0:A.cssClass:"";const U={"f-cell":!0,[t.OBJ]:!!R,[V+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||V===c.BAR),[W]:!!W,"c-input-uppercase":g(I),"c-input-lowercase":j(I),"monospace c-pre":null===(k=I.data)||void 0===k?void 0:k.legacyLook};let P=K;I.data||function(e,n){function a(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function o(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(o(e)){if(!a(e))return null;{const a=e.split(";");if(3===a.length){const e=a[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const a=e.substring(7).replace(",",".");isNaN(parseFloat(a))||(n.height=`${a}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const a=Object.assign({},n),o=e.split(";");if(o.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(o[0]);if(e){const[,n,o,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(o,10))||isNaN(parseInt(t,10))||(a.color=`rgb(${parseInt(n)},${parseInt(o)},${parseInt(t)})`)}if(o.length>=2){const e=o[1].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}return a}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:o(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),a=[];for(const e of n){const n=r(e);if(!n)return null;a.push(...n)}return a}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const a=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==a?void 0:a[a.length-1].trim())&&a.pop(),a&&a.length){n.data.data=[];for(let e of a)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(V,I),L&&a.includes(V)?(I.data.showMarker=null!==(f=I.tooltip)&&void 0!==f&&f,P=function(n,a,o,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,B;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(i)?"kup-full-width":"","onkup-autocomplete-change":e=>oe(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return te(i)&&(a[t.C_CENTERED]=!0),o.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===o.value.toLowerCase()||"1"===o.value,class:"input-checkbox",onChange:e=>oe(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>oe(e,i,n,h.BLUR)}):e(w,Object.assign({},o.data,{onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},o.slotData,{error:o.data.error,"onKup-textfield-blur":e=>oe(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>oe(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:o.value,initialValueDecode:o.decode},o.data,{class:ce(i)?"kup-full-width":"","onkup-combobox-change":e=>oe(e,i,n,h.UPDATE),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>oe(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(i)?"kup-full-width":"","onkup-datepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>oe(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>oe(e,i,n,h.UPDATE)}));case c.EDITOR:const A=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},o.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!ce(i),maxLength:o.data.maxLength,value:o.value,onChange:e=>{oe(e,i,n,h.UPDATE)},onInput:e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},onBlur:e=>oe(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},o.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=o.data.displayMode)&&void 0!==r?r:v.DESCRIPTION},o.data,{label:null!==(u=null===(s=o.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>oe(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>oe(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>oe(e,i,n,h.ICON_CLICK),data:null===(k=o.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=o.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=o.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=o.slotData)||void 0===g?void 0:g.style,disabled:null===(j=o.slotData)||void 0===j?void 0:j.disabled,id:null===(O=o.slotData)||void 0===O?void 0:O.id,error:o.data.error,showMarker:null!==(x=o.tooltip)&&void 0!==x&&x,listDisplayMode:o.data.listDisplayMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(y=o.data.displayMode)&&void 0!==y?y:v.DESCRIPTION},o.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>oe(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>oe(e,i,n,h.BLUR),"onkup-combobox-input":e=>oe(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>oe(e,i,n,h.ICON_CLICK)},o.slotData,{error:o.data.error,showMarker:null!==(C=o.tooltip)&&void 0!==C&&C})));case c.RADIO:return e(E,Object.assign({},o.data,{disabled:!1,onChange:(e,a)=>{const t=o.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}oe(a,i,n,h.UPDATE)},onBlur:e=>oe(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},o.data,{disabled:!1,"onkup-rating-click":e=>oe(e,i,n,h.UPDATE)}));case c.SWITCH:return e(D,Object.assign({},o.data,{disabled:!1,onChange:e=>oe(e,i,n,h.UPDATE),onBlur:e=>oe(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:o.value},o.data,{class:ce(i)?"kup-full-width":"","onkup-timepicker-change":e=>oe(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>oe(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>oe(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:o,column:i.column,row:i.row,inputValue:o.value,onChange:e=>oe(e,i,n,h.UPDATE)});case c.NUMBER:a[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>oe(e,i,n,h.UPDATE),N=e=>{var a,t;null===(t=null===(a=o.data)||void 0===a?void 0:a.onInput)||void 0===t||t.call(a,e),oe(e,i,n,h.INPUT)},R=e=>{var a,t,l;null===(t=null===(a=o.data)||void 0===a?void 0:a.onKeyDown)||void 0===t||t.call(a,e);const r="MEMO"===o.shape||(null===(l=o.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&oe(e,i,n,h.UPDATE)},L=n===c.NUMBER?"number":null;if(o.shape===d.INPUT_FIELD){const a=n===c.NUMBER&&o.value?p(l,o):o.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:a,maxLength:null!==(B=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==B?B:-1})}{const a=!!o.shape&&o.shape===d.MEMO||!!n&&n===c.MEMO;return e(F,Object.assign({},o.data,{textArea:a,sizing:o.data.sizing?o.data.sizing:a?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!ce(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:o.data.maxLength,icon:o.data&&o.data.icon?o.data.icon:o.icon?o.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:o.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>oe(e,i,n,h.ICON_CLICK),onBlur:e=>oe(e,i,n,h.BLUR)}))}}}(V,U,I,A,n)):I.data&&o.includes(V)?(n.setSizes&&function(e,n,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px");break;case c.BUTTON:let e="";n.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:a.style?a.style.height||(a.style.minHeight="18px"):a.style={minHeight:"18px"};break;case c.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,Y,I),P=n.renderKup?function(n,a,o,l,i,r,s){switch(n){case c.BAR:return o.data?e("div",{style:{height:o.sizeY,width:"100%"}},e(C,Object.assign({},o))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},o));case c.BUTTON:te(s)&&(a[t.C_CENTERED]=!0);const u=Object.assign({label:l.value,icon:l.icon,placeholderIcon:l.placeholderIcon},o);return e(x,Object.assign({},u,{onClick:e=>oe(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return te(s)&&(a[t.C_CENTERED]=!0),o["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},o));case c.CHART:return te(s)&&(a[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},o));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},o));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},o,{class:ce(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},o));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},o,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return te(s)&&(a[t.C_CENTERED]=!0),o.disabled=i.readOnly,e(E,Object.assign({},o));case c.RATING:return e(B,Object.assign({},o,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},o,{disabled:!0}))}}(V,U,Y,I,z,A,n):e("span",{class:"cell-"+V+" placeholder"})):(n.setSizes&&function(e,n,a,o){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=n.sizeY):a.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=o.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;o.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),o.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(V,Y,I,n),U[t.INDICATOR_TOPRIGHT]=null!==(O=I.tooltip)&&void 0!==O&&O,P=function(n,a,o,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return o&&""!=o?e("div",{class:"f-cell__text"},m(i,o," - ")):o;case c.DATE:case c.DATETIME:case c.TIME:if(o&&""!=o){const n=p(r,i);return e("div",{class:"f-cell__text"},n)}return o;case c.CHECKBOX:return te(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return te(s)&&(l[t.C_CENTERED]=!0),a.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},a));case c.LINK:return e("a",{href:o,target:"_blank"},i.value);case c.NUMBER:if(o&&""!=o){const n=T.ketchup.math.numberifySafe(i.value),a=p(r,i);return n<0&&(l[t.TEXT_DANGER]=!0),te(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},a)}return e("div",{class:"f-cell__text"},o);case c.SWITCH:return te(s)&&(l[t.C_CENTERED]=!0),a.disabled=!0,e(D,Object.assign({},a));case c.LABEL:return e(M,{text:i.value,classes:"f-cell__text"});default:return e("div",{class:"f-cell__text"},i.data.displayMode?m(i,o,"-"):o)}}(V,Y,P,U,I,A,n));let Z=null;!L&&(A.icon||I.icon)&&P&&V!=c.BUTTON&&V!=c.BUTTON_LIST&&V!=c.IMAGE&&V!=c.ICON&&(Z=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:I.icon?I.icon:A.icon,placeholderResource:I.placeholderIcon?I.placeholderIcon:A.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let q=null;T.ketchup.debug.isDebug()&&R?q=I.obj.t+"; "+I.obj.p+"; "+I.obj.k+";":null!=I.title&&""!=I.title.trim()&&(q=I.title);let J=null;if(I.info){const n=Object.assign({},I.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),J=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>oe(e,n,V,h.KEYUP),class:U,"kup-get-cell-props":()=>n,ref:e=>I.element=e,style:I.style},e("div",{class:"f-cell__content",style:I.styleContent,title:q,onMouseEnter:e=>H(e,n,V),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,J,Z,P]))},H=(e,n,a)=>{var o;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(a===c.NUMBER?"left":"right"),(null===(o=n.cellActionIcon)||void 0===o?void 0:o.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image");n&&n.remove()},X=(e,n)=>{var a;if(!e)return null;const o=e.options,t=(null===(a=e.data)||void 0===a?void 0:a.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[c.BUTTON_LIST,U.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,W.bind(void 0)],[c.OBJECT,Y.bind(void 0)],[c.CHIP,G.bind(void 0)]]).get(i);return r?r(o,t,l,e):null},G=(e,n,a,o)=>{var t;return(null===(t=o.data)||void 0===t?void 0:t.data)?Object.assign({},o.data):i(o.value,o.decode)},Y=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{data:{initialValue:a||"",label:n||"",value:a||""}}),W=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{checked:"on"===a||"1"===a,label:n}),U=(e,n,a,o)=>({data:[Object.assign(Object.assign({},o.data),{icon:o.icon,value:a})]}),P=(e,n,a,o)=>Object.assign(Object.assign({},o.data),{label:n}),Z=(e,n,a,o)=>{const t=r(a,e);return Object.assign(Object.assign({},o.data),t)},q=(e,n,a,o)=>{var t;if(!(null===(t=o.data)||void 0===t?void 0:t.data)&&e){const o=s(a,n,[]);return o.data["kup-list"].data=J(e,a),o}},J=(e,n)=>{const a=ae.get(e.type);return a?a(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},Q=(e,n)=>e.children.map((e=>{var a;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(a=e.children)||void 0===a?void 0:a.length)?Q(e,n):[]}})),ee=(e,n)=>e.children.map((e=>{var a;return{id:e.obj.k,value:e.value,selected:n===e.obj.k,children:(null===(a=e.children)||void 0===a?void 0:a.length)?ee(e,n):[]}})),ne=(e,n)=>e.rows.map((e=>{var a;const o=e.fields||e.cells,[t,c]=Object.keys(o);return{id:o[t].value,value:(null===(a=o[c])||void 0===a?void 0:a.value)||o[t].value,selected:n===o[t].value}})),ae=new Map([["SmeupTreeNode",Q.bind(void 0)],["SmeupDataTree",ee.bind(void 0)],["SmeupTable",ne.bind(void 0)],["SmeupDataTable",ne.bind(void 0)]]);function oe(e,n,a,o){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(o===h.UPDATE){let n=function(e,n){var a;let o=e.target.value;return n===c.CHECKBOX&&(o=e.target.checked?"off":"on"),n===c.DATE&&(o=null===(a=e.detail)||void 0===a?void 0:a.value),n===c.NUMBER&&(o=T.ketchup.math.formattedStringToNumberString(o,"")),o}(e,a);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),a){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data)}k.obj&&(k.obj.k=null==n?void 0:n.toString()),k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(o,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:a,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),o===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function te(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function ce(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,E as a,B as b,A as c,D as d,M as e}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as i,f as r,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-cd73eaec.js";import{F as h}from"./p-3cab6420.js";import{c as u}from"./p-635bb4b3.js";import{M as f}from"./p-d4a879fc.js";import"./p-1ee561ba.js";var m;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(m||(m={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)f.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,m,o)}async refresh(){r(this)}async setProps(o){d(this,m,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],e=r.name,a=this.isItemSelected(e),n=this.isItemExpandible(e),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(t("div",{class:"accordion-item"},t("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(e)},r.icon?t(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,t("span",{class:"accordion-item__text"},r.title),n?t("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),t("div",{class:c},t("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)f.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return t(e,{key:"6bccc41c0680bb83ec429fba199468a8bcdc3ff9"},t("style",{key:"5051d2c6cfb8a385568db37969402e965323cc6f"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"632bfcd9acb77fa135b3e925155fdcb30930475f",id:u},t("div",{key:"bc7ffd6b0a12fdd22418e0319a595778ee37bad6",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".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_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e}from"./p-710d0a7d.js";import{I as l,ay as a,r as t,a as n,h as o}from"./p-cd73eaec.js";import{F as i}from"./p-c4224227.js";import{a as r}from"./p-e3062c19.js";var s;!function(e){e.SIMPLE="simple",e.FULL="full"}(s||(s={}));const u=document.documentElement,c=c=>{c.perPage||(c.perPage=1e3),c.perPage>c.max&&(c.perPage=c.max);const m=Math.ceil(c.max/c.perPage),f=function(e,l){const a=[];for(let t=1;t<=l;t++){const l=t==e.currentPage;a.push({id:t.toString(),selected:l,value:t.toString()})}return a}(c,m),b=function(e){const l=[],a=Math.min(e.max,e.maxRowsPerPage);let t=e.perPage;if(0===t)return l;for(;t<a;){const a=t==e.perPage;l.push({id:t.toString(),selected:a,value:t.toString()}),t*=2}const n=a==e.perPage;return l.push({id:a.toString(),selected:n,value:a.toString()}),l}(c),h={"kup-list":{data:f,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(a.PAGE),helper:u.ketchup.language.translate(a.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},g={"kup-list":{data:b,displayMode:l.CODE},"kup-text-field":{label:u.ketchup.language.translate(t.ROWS)+" / "+u.ketchup.language.translate(a.PAGE),helper:u.ketchup.language.translate(t.TOTAL)+`: ${c.max}`,helperWhenFocused:!0,inputType:"number",max:c.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${c.mode?c.mode:""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.onLoadMore?e(i,{icon:"plus",onClick:c.onLoadMore,label:u.ketchup.language.translate(o.LOAD_MORE),sizing:n.SMALL,styling:r.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,displayMode:l.CODE,initialValue:c.perPage.toString(),initialValueDecode:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:h,displayMode:l.CODE,initialValue:c.currentPage.toString(),initialValueDecode:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),c.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null,e("div",{class:"arrow-wrapper"},c.mode!==s.SIMPLE?e(i,{icon:"chevron_left",disabled:d(c),onClick:c.onPrevPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==s.SIMPLE?e(i,{icon:"chevron_right",disabled:p(c),onClick:c.onNextPage,sizing:n.SMALL,styling:r.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function p(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,l,a){if(m.ketchup.math.isNumber(e)){const t=Math.ceil(l/a);let n=e;return n>t&&(n=t),n<1&&(n=1),n}return null}function b(e,l){if(m.ketchup.math.isNumber(e)){let a=e;return a>l&&(a=l),a<1&&(a=1),a}return null}export{c as F,f as p,b as r}
|