@sme.up/ketchup 11.0.0-SNAPSHOT-20241015124120 → 11.0.0-SNAPSHOT-20241015131718
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-cell-626b7a7b.js → f-cell-5776c55a.js} +4 -4
- package/dist/cjs/{f-cell-626b7a7b.js.map → f-cell-5776c55a.js.map} +1 -1
- package/dist/cjs/{f-chip-96264a96.js → f-chip-353a9b69.js} +2 -2
- package/dist/cjs/{f-chip-96264a96.js.map → f-chip-353a9b69.js.map} +1 -1
- package/dist/cjs/{f-paginator-utils-111bcb5d.js → f-paginator-utils-1c4b0eee.js} +2 -2
- package/dist/cjs/{f-paginator-utils-111bcb5d.js.map → f-paginator-utils-1c4b0eee.js.map} +1 -1
- package/dist/cjs/{f-text-field-9e8c3323.js → f-text-field-9de377a5.js} +2 -2
- package/dist/cjs/{f-text-field-9e8c3323.js.map → f-text-field-9de377a5.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +6 -6
- package/dist/cjs/kup-box.cjs.entry.js +6 -6
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +4 -4
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-60a18b5e.js → kup-data-table-helper-61ed99d4.js} +2 -2
- package/dist/cjs/{kup-data-table-helper-60a18b5e.js.map → kup-data-table-helper-61ed99d4.js.map} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
- package/dist/cjs/kup-input-panel.cjs.entry.js +8 -8
- package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
- 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-3b3c6a6b.js → kup-manager-adfaa041.js} +2 -2
- package/dist/cjs/{kup-manager-3b3c6a6b.js.map → kup-manager-adfaa041.js.map} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +4 -4
- package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
- package/dist/components/kup-input-panel.js +4 -4
- package/dist/components/kup-input-panel.js.map +1 -1
- package/dist/components/kup-manager.js +1 -1
- package/dist/components/kup-manager.js.map +1 -1
- package/dist/esm/{f-cell-0bd9bc8c.js → f-cell-66b9af73.js} +4 -4
- package/dist/esm/{f-cell-0bd9bc8c.js.map → f-cell-66b9af73.js.map} +1 -1
- package/dist/esm/{f-chip-7a198b38.js → f-chip-aebac9fc.js} +2 -2
- package/dist/esm/{f-chip-7a198b38.js.map → f-chip-aebac9fc.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-f9a14b0e.js → f-paginator-utils-4b0e4330.js} +2 -2
- package/dist/esm/{f-paginator-utils-f9a14b0e.js.map → f-paginator-utils-4b0e4330.js.map} +1 -1
- package/dist/esm/{f-text-field-c1cf2b71.js → f-text-field-0fcb3142.js} +2 -2
- package/dist/esm/{f-text-field-c1cf2b71.js.map → f-text-field-0fcb3142.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_27.entry.js +6 -6
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +4 -4
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-12596469.js → kup-data-table-helper-02f1b0f8.js} +2 -2
- package/dist/esm/{kup-data-table-helper-12596469.js.map → kup-data-table-helper-02f1b0f8.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +4 -4
- package/dist/esm/kup-input-panel.entry.js +8 -8
- package/dist/esm/kup-input-panel.entry.js.map +1 -1
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-79c3423a.js → kup-manager-8a0cd285.js} +2 -2
- package/dist/esm/{kup-manager-79c3423a.js.map → kup-manager-8a0cd285.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-42c4a3fa.entry.js → p-1a7efb24.entry.js} +2 -2
- package/dist/ketchup/{p-67caac39.entry.js → p-1bac1c57.entry.js} +2 -2
- package/dist/ketchup/{p-248c1472.entry.js → p-1e8b54e7.entry.js} +2 -2
- package/dist/ketchup/{p-505f9f0b.entry.js → p-251cd449.entry.js} +2 -2
- package/dist/ketchup/{p-30bff580.entry.js → p-27b37553.entry.js} +2 -2
- package/dist/ketchup/p-2d13cc68.js +2 -0
- package/dist/ketchup/{p-b54a5f2b.js.map → p-2d13cc68.js.map} +1 -1
- package/dist/ketchup/{p-245fa3a2.entry.js → p-2dd95613.entry.js} +2 -2
- package/dist/ketchup/{p-8f2bdf39.js → p-31e54b3d.js} +2 -2
- package/dist/ketchup/{p-399b9933.js → p-3597f8bb.js} +2 -2
- package/dist/ketchup/{p-e3c9639a.entry.js → p-3dcc77f9.entry.js} +2 -2
- package/dist/ketchup/{p-516bb0a6.entry.js → p-3f161d71.entry.js} +2 -2
- package/dist/ketchup/{p-34ec8c06.entry.js → p-4e432e8c.entry.js} +2 -2
- package/dist/ketchup/{p-c0714101.entry.js → p-555a72ad.entry.js} +2 -2
- package/dist/ketchup/p-593d2457.entry.js +2 -0
- package/dist/ketchup/{p-af710e2a.entry.js.map → p-593d2457.entry.js.map} +1 -1
- package/dist/ketchup/{p-b7edd010.js → p-65cc1bb9.js} +2 -2
- package/dist/ketchup/{p-cf931b2f.entry.js → p-691b9264.entry.js} +2 -2
- package/dist/ketchup/{p-1ce6fad3.entry.js → p-6bae1a99.entry.js} +2 -2
- package/dist/ketchup/{p-ba36e4fd.entry.js → p-731af6ea.entry.js} +2 -2
- package/dist/ketchup/{p-c654fca7.entry.js → p-74836822.entry.js} +2 -2
- package/dist/ketchup/{p-e29ab71d.entry.js → p-837ec9ad.entry.js} +2 -2
- package/dist/ketchup/{p-5a14e097.entry.js → p-85ba57aa.entry.js} +2 -2
- package/dist/ketchup/{p-655031a0.entry.js → p-87cdc7b4.entry.js} +2 -2
- package/dist/ketchup/{p-62c2268b.entry.js → p-8af43f78.entry.js} +2 -2
- package/dist/ketchup/{p-3d42578c.entry.js → p-8e5fe773.entry.js} +2 -2
- package/dist/ketchup/{p-b27381aa.js → p-9bcbe397.js} +2 -2
- package/dist/ketchup/{p-b27381aa.js.map → p-9bcbe397.js.map} +1 -1
- package/dist/ketchup/{p-b6871892.entry.js → p-a2d8b75a.entry.js} +2 -2
- package/dist/ketchup/{p-d5fb7b8a.entry.js → p-aeeae530.entry.js} +2 -2
- package/dist/ketchup/{p-426ec79b.entry.js → p-c3b857cf.entry.js} +2 -2
- package/dist/ketchup/{p-d031e461.js → p-cb7201eb.js} +2 -2
- package/dist/ketchup/{p-993317a3.entry.js → p-d3623d36.entry.js} +2 -2
- package/dist/ketchup/{p-2c8a584c.entry.js → p-d998272d.entry.js} +2 -2
- package/dist/ketchup/{p-b8622242.entry.js → p-ea051539.entry.js} +2 -2
- package/dist/ketchup/p-ea051539.entry.js.map +1 -0
- package/dist/ketchup/{p-74fdfc38.entry.js → p-ef8820af.entry.js} +2 -2
- package/dist/ketchup/{p-b2ec62ed.entry.js → p-f8de4ddd.entry.js} +2 -2
- package/package.json +1 -1
- package/dist/ketchup/p-af710e2a.entry.js +0 -2
- package/dist/ketchup/p-b54a5f2b.js +0 -2
- package/dist/ketchup/p-b8622242.entry.js.map +0 -1
- /package/dist/ketchup/{p-42c4a3fa.entry.js.map → p-1a7efb24.entry.js.map} +0 -0
- /package/dist/ketchup/{p-67caac39.entry.js.map → p-1bac1c57.entry.js.map} +0 -0
- /package/dist/ketchup/{p-248c1472.entry.js.map → p-1e8b54e7.entry.js.map} +0 -0
- /package/dist/ketchup/{p-505f9f0b.entry.js.map → p-251cd449.entry.js.map} +0 -0
- /package/dist/ketchup/{p-30bff580.entry.js.map → p-27b37553.entry.js.map} +0 -0
- /package/dist/ketchup/{p-245fa3a2.entry.js.map → p-2dd95613.entry.js.map} +0 -0
- /package/dist/ketchup/{p-8f2bdf39.js.map → p-31e54b3d.js.map} +0 -0
- /package/dist/ketchup/{p-399b9933.js.map → p-3597f8bb.js.map} +0 -0
- /package/dist/ketchup/{p-e3c9639a.entry.js.map → p-3dcc77f9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-516bb0a6.entry.js.map → p-3f161d71.entry.js.map} +0 -0
- /package/dist/ketchup/{p-34ec8c06.entry.js.map → p-4e432e8c.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c0714101.entry.js.map → p-555a72ad.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b7edd010.js.map → p-65cc1bb9.js.map} +0 -0
- /package/dist/ketchup/{p-cf931b2f.entry.js.map → p-691b9264.entry.js.map} +0 -0
- /package/dist/ketchup/{p-1ce6fad3.entry.js.map → p-6bae1a99.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ba36e4fd.entry.js.map → p-731af6ea.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c654fca7.entry.js.map → p-74836822.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e29ab71d.entry.js.map → p-837ec9ad.entry.js.map} +0 -0
- /package/dist/ketchup/{p-5a14e097.entry.js.map → p-85ba57aa.entry.js.map} +0 -0
- /package/dist/ketchup/{p-655031a0.entry.js.map → p-87cdc7b4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-62c2268b.entry.js.map → p-8af43f78.entry.js.map} +0 -0
- /package/dist/ketchup/{p-3d42578c.entry.js.map → p-8e5fe773.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b6871892.entry.js.map → p-a2d8b75a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d5fb7b8a.entry.js.map → p-aeeae530.entry.js.map} +0 -0
- /package/dist/ketchup/{p-426ec79b.entry.js.map → p-c3b857cf.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d031e461.js.map → p-cb7201eb.js.map} +0 -0
- /package/dist/ketchup/{p-993317a3.entry.js.map → p-d3623d36.entry.js.map} +0 -0
- /package/dist/ketchup/{p-2c8a584c.entry.js.map → p-d998272d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-74fdfc38.entry.js.map → p-ef8820af.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b2ec62ed.entry.js.map → p-f8de4ddd.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-9bcbe397.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var b;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(b||(b={}));const h=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=h;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=b.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"b53200bbb8e99b1357a1f12747f22aa1c7e0ef38",class:"header"},o("style",{key:"c84079987ac63f9eabde7379f37c5cb35d0b3134"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9773a5835ae5514ed277f27c1643ff2de73051b9",id:l},o("header",{key:"11afd8d7c2cbdadd3fb7f991f60d8cacdaa4647a",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"b5724ddecf17ebeafb772a2289378d7783ac5c37",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
|
|
2
|
+
//# sourceMappingURL=p-27b37553.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-9bcbe397.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const c=c=>{if(!c.perPage){c.perPage=10}const m=Math.ceil(c.max/c.perPage);const b=u(c,m);const h=p(c);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${c.max}`,helperWhenFocused:true,inputType:"number",max:c.max,min:1}};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(r,{icon:"plus",onClick:c.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),e("div",{class:"arrow-wrapper"},c.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:f(c),onClick:c.onPrevPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:d(c),onClick:c.onNextPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function u(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{c as F,b as p,h as r};
|
|
2
|
+
//# sourceMappingURL=p-2d13cc68.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","MEDIUM","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i * 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","MEDIUM","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.MEDIUM}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i * 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-9bcbe397.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(g,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const s=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w.style=v;export{w as kup_magic_box};
|
|
2
|
+
//# sourceMappingURL=p-2dd95613.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{C as e,H as t,D as l,B as n,ae as i,v as r,x as s,ag as o,ah as a,J as u,e as f,F as c,ai as h,aj as d,ak as b,al as p,am as m,a1 as v}from"./p-b27381aa.js";import{K as F}from"./p-029c7cbe.js";class w extends e{getTextFilterValue(e={},t){return this._getTextFilterValue(e,t,false)}getTextFilterValueTmp(e={},t){return this._getTextFilterValue(e,t,true)}_getTextFilterValue(e={},t,l){let n="";if(e==null){return n}let i=e[t];if(i==null){return n}n=l?i.textFieldTmp:i.textField;return n}hasFiltersForColumn(e={},t){return this._hasFiltersForColumn(e,t,false)}hasFiltersForColumnTmp(e={},t){return this._hasFiltersForColumn(e,t,true)}_hasFiltersForColumn(e={},t,l){if(!t){return false}let n=this._getTextFilterValue(e,t.name,l);if(n!=null&&n.trim()!=""){return true}if(this._hasIntervalTextFieldFilterValues(e,t,l)){return true}let i=this.getCheckBoxFilterValues(e,t.name);if(i==null||i.length<1){return false}return true}getCheckBoxFilterValues(e={},t){let l=[];if(e==null){return l}let n=e[t];if(n==null){return l}if(n.checkBoxes==null){return l}l=n.checkBoxes;return l}hasIntervalTextFieldFilterValues(e={},t){return this._hasIntervalTextFieldFilterValues(e,t,false)}hasIntervalTextFieldFilterValuesTmp(e={},t){return this._hasIntervalTextFieldFilterValues(e,t,true)}_hasIntervalTextFieldFilterValues(e={},l,n){if(l==null){return false}if(!this.isColumnFiltrableByInterval(l)){return false}let i=this._getIntervalTextFieldFilterValue(e,l.name,t.FROM,n);if(i!=null&&i.trim()!=""){return true}let r=this._getIntervalTextFieldFilterValue(e,l.name,t.TO,n);if(r!=null&&r.trim()!=""){return true}return false}addCheckboxFilter(t={},l,n){if(t==null){return}let i=t[l];if(i==null){i={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};t[l]=i}if(i.checkBoxes==null){i.checkBoxes=[]}if(n==null||n.value==null){i.checkBoxes=[]}else{if(!e.valuesArrayContainsValue(i.checkBoxes,n.value)){i.checkBoxes[i.checkBoxes.length]=n}}}removeCheckboxFilter(t={},l,n){if(t==null||n==null){return}let i=t[l];if(i==null){return}if(i.checkBoxes==null){i.checkBoxes=[]}let r=e.indexOfValueInValuesArray(i.checkBoxes,n);if(r>=0){let e=[];for(let t=0;t<i.checkBoxes.length;t++){if(t!=r){e[e.length]=i.checkBoxes[t]}}i.checkBoxes=[...e]}}isColumnFiltrableByInterval(e){return this.isObjFiltrableByInterval(e.obj)}getIntervalTextFieldFilterValues(e={},t){return this._getIntervalTextFieldFilterValues(e,t,false)}getIntervalTextFieldFilterValuesTmp(e={},t){return this._getIntervalTextFieldFilterValues(e,t,true)}_getIntervalTextFieldFilterValues(e={},l,n){if(!this._hasIntervalTextFieldFilterValues(e,l,n)){return["",""]}let i=[this._getIntervalTextFieldFilterValue(e,l.name,t.FROM,n),this._getIntervalTextFieldFilterValue(e,l.name,t.TO,n)];return i}getIntervalTextFieldFilterValue(e={},t,l){return this._getIntervalTextFieldFilterValue(e,t,l,false)}getIntervalTextFieldFilterValueTmp(e={},t,l){return this._getIntervalTextFieldFilterValue(e,t,l,true)}_getIntervalTextFieldFilterValue(e={},t,l,n){let i="";if(e==null){return i}let r=e[t];if(r==null){return i}if(n&&r.intervalTmp==null){return i}if(!n&&r.interval==null){return i}i=n?r.intervalTmp[l]:r.interval[l];return i}setTextFieldFilterValue(e={},t,l){this._setTextFieldFilterValue(e,t,l,true)}_setTextFieldFilterValue(e={},t,l,n){if(e==null){return}let i=e[t];if(i==null){i={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};e[t]=i}if(n){i.textFieldTmp=l!=null?l.trim():l}else{i.textField=l!=null?l.trim():l}}setIntervalTextFieldFilterValue(e={},t,l,n){this._setIntervalTextFieldFilterValue(e,t,l,n,true)}_setIntervalTextFieldFilterValue(e={},t,l,n,i){if(e==null){return}let r=e[t];if(r==null){r={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};e[t]=r}if(r.interval==null){r.interval=[];r.interval.push("","")}if(r.intervalTmp==null){r.intervalTmp=[];r.intervalTmp.push("","")}if(i){r.intervalTmp[n]=l!=null?l.trim():l}else{r.interval[n]=l!=null?l.trim():l}}saveTextualFilters(e={},l){this._setTextFieldFilterValue(e,l,this.getTextFilterValueTmp(e,l),false);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValueTmp(e,l,t.FROM),t.FROM,false);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValueTmp(e,l,t.TO),t.TO,false)}resetTextualFilters(e={},l){this._setTextFieldFilterValue(e,l,this.getTextFilterValue(e,l),true);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValue(e,l,t.FROM),t.FROM,true);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValue(e,l,t.TO),t.TO,true)}getFilterValueForTooltip(e={},i){let r=this.getTextFilterValue(e,i.name);let s=this.getIntervalTextFieldFilterValues(e,i);let o=this.getCheckBoxFilterValues(e,i.name);let a="";let u=l(r,i.obj,i.decimals);if(r!=""){a=" AND "}if(s[t.FROM]!=""){u+=a+"(>= "+l(s[t.FROM],i.obj,i.decimals)+")";a=" AND "}if(s[t.TO]!=""){u+=a+"(<= "+l(s[t.TO],i.obj,i.decimals)+")";a=" AND "}a="";let f="";o.forEach((e=>{f+=a+n(e,i);a=" OR "}));if(f!=""){f="("+f+")";if(u!=""){f=" AND "+f}}f=u+f;return f}removeFilter(e={},t){e[t]={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null}}}var x;(function(e){e["asAccordion"]="When enabled, the first level of depth will give an accordion look to nodes.";e["columns"]="The columns of the tree when tree visualization is active.";e["customStyle"]="Custom style of the component.";e["data"]="The json data used to populate the tree view: the basic, always visible tree nodes.";e["density"]="The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.";e["dynamicExpansionCallback"]="Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change.";e["enableExtraColumns"]="Enables adding extra columns.";e["expanded"]="Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded.";e["expansionMode"]="Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node.";e["filters"]="List of filters set by the user.";e["globalFilter"]="When set to true it activates the global filter.";e["globalFilterValue"]="The value of the global filter.";e["globalFilterMode"]="The mode of the global filter.";e["removableColumns"]="Sets the possibility to remove the selected column.";e["preventXScroll"]="Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.";e["ripple"]="When enabled displays Material's ripple effect on nodes (only when no columns are displayed).";e["scrollOnHover"]="Activates the scroll on hover function.";e["showColumns"]="Shows the tree data as a table.";e["showFilters"]="When set to true enables the column filters.";e["showFooter"]="When set to true shows the footer.";e["showHeader"]="Flag: shows the header of the tree when the tree is displayed as a table.";e["showIcons"]="Shows the icons of the nodes.";e["stateId"]="";e["store"]="";e["totals"]="Defines the current totals options.";e["useDynamicExpansion"]="When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."})(x||(x={}));const T="TREE_COLUMN";var k;(function(e){e["DROPDOWN"]="dropdown";e["NODE"]="node"})(k||(k={}));const g=document.documentElement;const j=g.ketchup?g.ketchup.objects:new s;const y=g.ketchup?g.ketchup.data:new o;class O extends e{isFilterCompliantForCell(e,t,l){if(!e){return false}return this.isFilterCompliantForSimpleValue(e.value,e.obj,t,l)}isFilterCompliantForCellObj(e,t,l){if(!e){return false}if(!e.obj){return false}return this.isFilterCompliantForSimpleValue(e.obj.k,e.obj,t,l)}isRowCompliant(e,t={},l="",n=false,i=[],r){return this.areCellsCompliant(e.cells,t,l,n,i,r)}areCellsCompliant(e,t={},l="",n=false,s=[],o){if(n){let t=true;if(s&&s!=null&&s.length>0){t=false;let n=this.filterIsNegative(l);for(let r=0;r<s.length;r++){if(s[r].visible==false){continue}const o=e[s[r].name];if(o==null){continue}t=this.isFilterCompliantForValue(o.value,l);let a=i(s[r],o);if(a!=o.value){t=t||this.isFilterCompliantForValue(a,l)}if(t==true&&!n){break}if(t==false&&n){break}}}if(!t){return false}}if(o==null){o=new w}if(!this.hasFilters(t,s,o)){return true}let a=Object.keys(t);for(let l=0;l<a.length;l++){let n=a[l];const i=e[n];if(!i){return false}let u=o.getTextFilterValue(t,n);let f=o.getIntervalTextFieldFilterValues(t,r(s,n));const c=this.filterIsNegative(u);let h=this.isFilterCompliantForCell(i,u,f);let d=c;if(!j.isNumber(i.obj)&&!j.isDate(i.obj)&&!j.isTime(i.obj)&&!j.isTimestamp(i.obj)){d=this.isFilterCompliantForCellObj(i,u,f)}if(c){if(!h||!d){return false}}else{if(!h&&!d){return false}}let b=o.getCheckBoxFilterValues(t,n);if(b.length==0){continue}let p=false;for(let e=0;e<b.length;e++){let t=b[e];if(t==null||t.value==null){continue}if(i.value!=null){if(i.value.toLowerCase().trim()==t.value.toLowerCase().trim()){p=true;break}}if(i.obj!=null){if(i.obj.k.toLowerCase().trim()==t.value.toLowerCase().trim()){p=true;break}}}if(!p){return false}}return true}hasFilters(e={},t,l){if(e==null){return false}let n=Object.keys(e);if(n==null||n.length<1){return false}if(l==null){l=new w}for(let i=0;i<n.length;i++){let s=n[i];let o=null;if(s===T){o={name:T,title:""}}else{o=r(t,s)}if(l.hasFiltersForColumn(e,o)){return true}}return false}filterRows(e=[],t={},l="",n=[],i){if(!e||e==null){return[]}let r=[];const s=!!(l&&n);if(this.hasFilters(t,n,i)||s){for(let o=0;o<e.length;o++){let a=e[o];if(a.id&&a.id.indexOf("insert_")>-1||this.isRowCompliant(a,t,l,s,n,i)){r[r.length]=a}}}else{r=[...e]}return r}getColumnValues(t,n,i,r){let s=new Array;if(r==null){r=new w}let o=r.getTextFilterValueTmp(t.filters,n.name);let a=r.getIntervalTextFieldFilterValuesTmp(t.filters,n);let u=r.getCheckBoxFilterValues(t.filters,n.name);if(n.valuesForFilter!=null&&n.valuesForFilter.length>0){n.valuesForFilter.forEach((t=>{let i=t;if(e.valuesArrayContainsValue(u,i)||o==""||r.isFilterCompliantForSimpleValue(i,n.obj,o,a)){s.push({value:i,displayedValue:l(i,n.obj,n.decimals)})}}));return s}let f=Object.assign({},t.filters);f[n.name]={textField:o,textFieldTmp:o,checkBoxes:[],interval:a,intervalTmp:a};let c=this.filterRows(t.getRows(),f,i,t.getVisibleColumns(),r);for(let e=0;e<u.length;e++){s.push(u[e])}return y.cell.getUnivocalValue({rows:c},n,true)}}const V=document.documentElement;function C(e=[],t=[]){if(!e||e.length===0){return[]}if(e[0].group){return I(e,t)}if(!t||t.length===0){return e}const l=t.length>1;return e.slice(0).sort(((e,n)=>{if(l){for(let l=0;l<t.length;l++){const i=M(e,n,t[l]);if(i!==0){return i}}return 0}else{return M(e,n,t[0])}}))}function I(e=[],t=[]){if(!e||e.length===0){return[]}const l=e[0].group.column;let n=B(l,t);if(!n){n={column:l,sortMode:v.A}}e.sort(((e,t)=>{const l={obj:e.group.obj,value:e.group.id};const i={obj:t.group.obj,value:t.group.id};return a(l,i,n.sortMode)}));e.forEach((e=>{e.group.children=C(e.group.children,t)}));return e}function B(e="",t=[]){if(!e||!t||t.length===0){return null}for(let l of t){if(l.column===e){return l}}return null}function M(e,t,l){const n=e.cells[l.column];const i=t.cells[l.column];if(!n&&!i){return 0}if(!n){return 1}if(!i){return-1}return a(n,i,l.sortMode)}function N(e=[],t={},l="",n=[],i,r){if(r==null){r=new O}return r.filterRows(e,t,l,n,i)}function _(e=[],t=[],l=[],n={}){if(!t){return[]}if(!l||l.length===0||!e||e.length===0){return t}const s={};const o=l.filter((({column:t})=>{for(let{name:l,title:n}of e){if(l===t){s[l]=n;return true}}return false}));if(o.length===0){return t}const a=[];let f={};t.forEach((t=>{const l=o[0].column;const u=t.cells[l];if(u){const c=r(e,l);const h=i(c,u);const d=u.value;let b=null;for(let e of a){if(e.group.label===h){b=e;break}}if(b===null){b={group:{id:d,parent:null,column:l,columnLabel:s[l],expanded:false,label:h,children:[],obj:u.obj,totals:{}},cells:{}};a.push(b)}for(let l=1;l<o.length;l++){const n=o[l];const a=t.cells[n.column];if(a){const t=r(e,n.column);const l=i(t,a);const o=a.value;let u=null;for(let e=0;e<b.group.children.length;e++){const t=b.group.children[e];const n=t.group.label;if(n===l){u=t;break}}if(!u){u={cells:{},group:{id:o,parent:b,column:n.column,columnLabel:s[n.column],children:[],expanded:false,label:l,totals:{},obj:a.obj}};R(u);b.group.children.push(u)}b=u}}b.group.children.push(t);A(b,n,t,f)}}));D(a,n,f);S(a,u.AVERAGE,n);S(a,u.MATH,n);return a}function A(e,t,l,n){if(!e||!t){return}const i=Object.keys(t);if(i.length===0){return}i.forEach((i=>{const r=l.cells[i];if(r){const l=V.ketchup.objects.isNumber(r.obj);const s=t[i];switch(s){case u.COUNT:let t=e.group.totals[i]||0;e.group.totals[i]=++t;let o=e.group.parent;while(o!=null){let e=o.group.totals[i]||0;o.group.totals[i]=++e;o=o.group.parent}break;case u.DISTINCT:let a;if(l){a=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value))}else{a=r.value}let f=n[e.group.id];if(!f){n[e.group.id]={};n[e.group.id][i]=[];n[e.group.id][i].push(a)}else{let t=n[e.group.id][i];if(!t){n[e.group.id][i]=[];n[e.group.id][i].push(a)}else{t.push(a)}}let c=e.group.parent;while(c!=null){let e=n[c.group.id];if(!e){n[c.group.id]={};n[c.group.id][i]=[];n[c.group.id][i].push(a)}else{let e=n[c.group.id][i];if(!e){n[c.group.id][i]=[];n[c.group.id][i].push(a)}else{e.push(a)}}c=c.group.parent}break;case u.SUM:case u.AVERAGE:if(l&&r.value){const t=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));const l=e.group.totals[i]||0;e.group.totals[i]=t+l;let n=e.group.parent;while(n!=null){const e=V.ketchup.math.numberify(n.group.totals[i]||0);n.group.totals[i]=t+e;n=n.group.parent}}break;case u.MIN:if(l&&r.value){const t=e.group.totals[i];const l=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));if(t){e.group.totals[i]=Math.min(t,l)}else{e.group.totals[i]=l}let n=e.group.parent;while(n!=null){const e=n.group.totals[i];if(e){n.group.totals[i]=Math.min(e,l)}else{n.group.totals[i]=l}n=n.group.parent}}else if(r.value&&V.ketchup.objects.isDate(r.obj)){if(V.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[i];if(t){let l=[];l.push(a);l.push(V.ketchup.dates.toDayjs(t));e.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.min(l),F.ISO_DATE)}else{e.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}let l=e.group.parent;while(l!=null){const e=l.group.totals[i];if(e){let t=[];t.push(a);t.push(V.ketchup.dates.toDayjs(e));l.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.min(t),F.ISO_DATE)}else{l.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}l=l.group.parent}}}break;case u.MAX:if(l&&r.value){const t=e.group.totals[i];const l=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));if(t){e.group.totals[i]=Math.max(t,l)}else{e.group.totals[i]=l}let n=e.group.parent;while(n!=null){const e=n.group.totals[i];if(e){n.group.totals[i]=Math.max(e,l)}else{n.group.totals[i]=l}n=n.group.parent}}else if(r.value&&V.ketchup.objects.isDate(r.obj)){if(V.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[i];if(t){let l=[];l.push(a);l.push(V.ketchup.dates.toDayjs(t));e.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.max(l),F.ISO_DATE)}else{e.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}let l=e.group.parent;while(l!=null){const e=l.group.totals[i];if(e){let t=[];t.push(a);t.push(V.ketchup.dates.toDayjs(e));l.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.max(t),F.ISO_DATE)}else{l.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}l=l.group.parent}}}break;default:{if(s.indexOf(u.MATH)!=0){console.warn(`invalid total mode: ${s}`)}break}}}}))}function D(e,t,l){if(!e||!t){return}const n=Object.keys(t);if(e.length===0||!e[0].group||n.length===0){return}let i=n.filter((e=>u.DISTINCT===t[e]));if(i.length>0){e.filter((e=>e.group.children.length>0)).forEach((e=>W(e,i,l)))}}function S(e,t,l){if(!e||!l){return}const n=Object.keys(l);if(e.length===0||!e[0].group||n.length===0){return}let i;if(t==u.AVERAGE){i=n.filter((e=>u.AVERAGE===l[e]))}if(t==u.MATH){i=n.filter((e=>l[e].indexOf(u.MATH)==0))}if(i.length>0){e.filter((e=>e.group.children.length>0)).forEach((e=>E(e,t,i,l)))}}function W(e,t,l){const n=e.group.children;if(n.length===0){return}if(n[0].group){n.forEach((e=>{W(e,t,l)}))}t.forEach((t=>{const n=l[e.group.id][t];e.group.totals[t]=new Set(n).size}))}function E(e,t,l,n){const i=e.group.children;if(i.length===0){return 0}let r=0;if(i[0].group){i.forEach((e=>{r+=E(e,t,l,n)}))}else{r=i.length}l.forEach((l=>{if(t==u.AVERAGE){e.group.totals[l]=e.group.totals[l]/r}if(t==u.MATH){let t=n[l].substring(u.MATH.length);e.group.totals[l]=V.ketchup.math.formulas.custom(t,e.group.totals)}}));return r}function L(e,t){if(t){const l=Object.assign(t);t.forEach((t=>{e.forEach((e=>{if(t.cells){const l=t.cells[e.name];if(l&&e.obj&&!l.obj){l.obj={t:e.obj.t,p:e.obj.p,k:l.value}}}}))}));return l}else{return undefined}}function $(e=[],t={}){if(V.ketchup.objects.isEmptyJsObject(e)||V.ketchup.objects.isEmptyJsObject(t)){return{}}const l=Object.keys(t);const n={};const i=new Array;let r=l.length===0||l.every((e=>t[e]===u.COUNT));if(r){l.forEach((t=>n[t]=e.length))}else{let r={};e.forEach(((e,s,o)=>{l.filter((e=>u.COUNT!==t[e]&&t[e].indexOf(u.MATH)!=0)).forEach((l=>{const a=e.cells[l];if(a){if(t[l]===u.DISTINCT){let e;if(V.ketchup.objects.isNumber(a.obj)){e=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(a.value))}else{e=a.value}let t=r[l];if(!t){r[l]=[];r[l].push(e)}else{t.push(e)}}else if(V.ketchup.objects.isNumber(a.obj)){const e=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(a.value));let i=n[l];switch(true){case t[l]===u.MIN:if(i){n[l]=Math.min(i,e)}else{n[l]=e}break;case t[l]===u.MAX:if(i){n[l]=Math.max(i,e)}else{n[l]=e}break;default:i=n[l]||0;n[l]=e+V.ketchup.math.numberify(i)}}else if(V.ketchup.objects.isDate(a.obj)){if(i.indexOf(l)==-1){i.push(l)}if(V.ketchup.dates.isValidFormattedStringDate(a.value)){const e=V.ketchup.dates.toDate(V.ketchup.dates.toDayjs(a.value));const i=n[l]?V.ketchup.dates.toDate(V.ketchup.dates.toDayjs(n[l])):null;switch(true){case t[l]===u.MIN:if(i){let t=[];t.push(e);t.push(i);n[l]=V.ketchup.dates.format(V.ketchup.dates.min(t),F.ISO_DATE)}else{n[l]=V.ketchup.dates.format(e,F.ISO_DATE)}break;case t[l]===u.MAX:if(i){let t=[];t.push(e);t.push(i);n[l]=V.ketchup.dates.format(V.ketchup.dates.max(t),F.ISO_DATE)}else{n[l]=V.ketchup.dates.format(e,F.ISO_DATE)}break}}}}if(s===o.length-1&&t[l]===u.DISTINCT){n[l]=new Set(r[l]).size;r[l]=[]}}))}))}for(let r of l){switch(true){case t[r]===u.AVERAGE:const l=n[r];if(l&&e.length>0){n[r]=l/e.length}break;case t[r]===u.COUNT:n[r]=e.length;break;case t[r].indexOf(u.MATH)==0:n[r]=V.ketchup.math.formulas.custom(t[r].substring(u.MATH.length),n);break}if(n[r]){if(i.indexOf(r)!=-1){n[r]=V.ketchup.dates.format(n[r])}else if(V.ketchup.math.isNumber(n[r])){n[r]=+n[r].toFixed(2)}}}return n}function R(e){if(!e.group){return}let t=e.group.id;let l=e.group.parent;while(l!==null){t=`${l.group.id};${t}`;l=l.group.parent}e.group.id=t}function q(e,t,l,n){const i=t*l-l;const r=i+Number(l);if(n==false){return e.slice(i,r)}let s=[];z(e,s,i,Number(l),0);return s}function z(e,t,l,n,i){let r=false;for(let s=0;s<e.length;s++){let o=e[s];let a=J(e[s]);if(o.group!=null&&o.group.children!=null&&o.group.children.length>0){a.group.children=[];let e=z(o.group.children,a.group.children,l,n,i);i=e.ci;r=e.added;if(r==true){t[t.length]=a}}else{if(i>=l){t[t.length]=a;r=true}i++}if(i>=l+n){break}}return{ci:i,added:r}}function J(e){if(e==null){return null}else{return{id:e.id,cells:Object.assign({},e.cells),actions:e.actions?[...e.actions]:null,group:H(e.group),clonedFrom:e,readOnly:e.readOnly,cssClass:e.cssClass}}}function K(e){if(e==null){return null}let t=[];for(let l=0;l<e.length;l++){t[t.length]=J(e[l])}return t}function H(e){if(e==null){return null}let t={id:e.id,parent:Object.assign({},e.parent),column:e.column,columnLabel:e.columnLabel,expanded:e.expanded,label:e.label,children:K(e.children),obj:Object.assign({},e.obj),totals:Object.assign({},e.totals)};return t}function U(e,t,l=false){const n={columns:t.columns,rows:[]};for(const i of t.rows){const r={cells:{},id:i.id};for(const l of t.columns){const t=l.name;const n=i.cells[t];const s=e.rows.find((e=>e.id===i.id));const o=s?s.cells[t]:null;if(!o||n.value!==o.value){r.cells[t]=n}}if(Object.keys(r.cells).length>0||l){n.rows.push(r)}}return n}function G(e){var t;(t=e.rows)===null||t===void 0?void 0:t.forEach((e=>{Object.keys(e.cells).forEach((t=>{var l;let n=e.cells[t];const i=n.value;const r=n["options"];n.isEditable=(l=n.isEditable)!==null&&l!==void 0?l:n["editable"];if(r){const e={[c.AUTOCOMPLETE]:()=>h(i,"",r),[c.COMBOBOX]:()=>h(i,"",r),[c.RADIO]:()=>d(i,r),[c.CHECKBOX]:()=>b(i,r),[c.CHIP]:()=>p(i),[c.SWITCH]:()=>m(i,"")};const t=e[n.shape];if(t){n.data=t()}else{if(n.shape){V.ketchup.debug.logMessage("kup-data",`Shape specified ${n.shape} in cell ${JSON.stringify(n)} unsupported`,f.WARNING)}}}}))}))}export{w as F,k as K,O as a,_ as b,$ as c,G as d,x as e,N as f,U as g,L as n,q as p,C as s,T as t};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{C as e,H as t,D as l,B as n,ae as i,v as r,x as s,ag as o,ah as a,J as u,e as f,F as c,ai as h,aj as d,ak as b,al as p,am as m,a1 as v}from"./p-9bcbe397.js";import{K as F}from"./p-029c7cbe.js";class w extends e{getTextFilterValue(e={},t){return this._getTextFilterValue(e,t,false)}getTextFilterValueTmp(e={},t){return this._getTextFilterValue(e,t,true)}_getTextFilterValue(e={},t,l){let n="";if(e==null){return n}let i=e[t];if(i==null){return n}n=l?i.textFieldTmp:i.textField;return n}hasFiltersForColumn(e={},t){return this._hasFiltersForColumn(e,t,false)}hasFiltersForColumnTmp(e={},t){return this._hasFiltersForColumn(e,t,true)}_hasFiltersForColumn(e={},t,l){if(!t){return false}let n=this._getTextFilterValue(e,t.name,l);if(n!=null&&n.trim()!=""){return true}if(this._hasIntervalTextFieldFilterValues(e,t,l)){return true}let i=this.getCheckBoxFilterValues(e,t.name);if(i==null||i.length<1){return false}return true}getCheckBoxFilterValues(e={},t){let l=[];if(e==null){return l}let n=e[t];if(n==null){return l}if(n.checkBoxes==null){return l}l=n.checkBoxes;return l}hasIntervalTextFieldFilterValues(e={},t){return this._hasIntervalTextFieldFilterValues(e,t,false)}hasIntervalTextFieldFilterValuesTmp(e={},t){return this._hasIntervalTextFieldFilterValues(e,t,true)}_hasIntervalTextFieldFilterValues(e={},l,n){if(l==null){return false}if(!this.isColumnFiltrableByInterval(l)){return false}let i=this._getIntervalTextFieldFilterValue(e,l.name,t.FROM,n);if(i!=null&&i.trim()!=""){return true}let r=this._getIntervalTextFieldFilterValue(e,l.name,t.TO,n);if(r!=null&&r.trim()!=""){return true}return false}addCheckboxFilter(t={},l,n){if(t==null){return}let i=t[l];if(i==null){i={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};t[l]=i}if(i.checkBoxes==null){i.checkBoxes=[]}if(n==null||n.value==null){i.checkBoxes=[]}else{if(!e.valuesArrayContainsValue(i.checkBoxes,n.value)){i.checkBoxes[i.checkBoxes.length]=n}}}removeCheckboxFilter(t={},l,n){if(t==null||n==null){return}let i=t[l];if(i==null){return}if(i.checkBoxes==null){i.checkBoxes=[]}let r=e.indexOfValueInValuesArray(i.checkBoxes,n);if(r>=0){let e=[];for(let t=0;t<i.checkBoxes.length;t++){if(t!=r){e[e.length]=i.checkBoxes[t]}}i.checkBoxes=[...e]}}isColumnFiltrableByInterval(e){return this.isObjFiltrableByInterval(e.obj)}getIntervalTextFieldFilterValues(e={},t){return this._getIntervalTextFieldFilterValues(e,t,false)}getIntervalTextFieldFilterValuesTmp(e={},t){return this._getIntervalTextFieldFilterValues(e,t,true)}_getIntervalTextFieldFilterValues(e={},l,n){if(!this._hasIntervalTextFieldFilterValues(e,l,n)){return["",""]}let i=[this._getIntervalTextFieldFilterValue(e,l.name,t.FROM,n),this._getIntervalTextFieldFilterValue(e,l.name,t.TO,n)];return i}getIntervalTextFieldFilterValue(e={},t,l){return this._getIntervalTextFieldFilterValue(e,t,l,false)}getIntervalTextFieldFilterValueTmp(e={},t,l){return this._getIntervalTextFieldFilterValue(e,t,l,true)}_getIntervalTextFieldFilterValue(e={},t,l,n){let i="";if(e==null){return i}let r=e[t];if(r==null){return i}if(n&&r.intervalTmp==null){return i}if(!n&&r.interval==null){return i}i=n?r.intervalTmp[l]:r.interval[l];return i}setTextFieldFilterValue(e={},t,l){this._setTextFieldFilterValue(e,t,l,true)}_setTextFieldFilterValue(e={},t,l,n){if(e==null){return}let i=e[t];if(i==null){i={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};e[t]=i}if(n){i.textFieldTmp=l!=null?l.trim():l}else{i.textField=l!=null?l.trim():l}}setIntervalTextFieldFilterValue(e={},t,l,n){this._setIntervalTextFieldFilterValue(e,t,l,n,true)}_setIntervalTextFieldFilterValue(e={},t,l,n,i){if(e==null){return}let r=e[t];if(r==null){r={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null};e[t]=r}if(r.interval==null){r.interval=[];r.interval.push("","")}if(r.intervalTmp==null){r.intervalTmp=[];r.intervalTmp.push("","")}if(i){r.intervalTmp[n]=l!=null?l.trim():l}else{r.interval[n]=l!=null?l.trim():l}}saveTextualFilters(e={},l){this._setTextFieldFilterValue(e,l,this.getTextFilterValueTmp(e,l),false);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValueTmp(e,l,t.FROM),t.FROM,false);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValueTmp(e,l,t.TO),t.TO,false)}resetTextualFilters(e={},l){this._setTextFieldFilterValue(e,l,this.getTextFilterValue(e,l),true);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValue(e,l,t.FROM),t.FROM,true);this._setIntervalTextFieldFilterValue(e,l,this.getIntervalTextFieldFilterValue(e,l,t.TO),t.TO,true)}getFilterValueForTooltip(e={},i){let r=this.getTextFilterValue(e,i.name);let s=this.getIntervalTextFieldFilterValues(e,i);let o=this.getCheckBoxFilterValues(e,i.name);let a="";let u=l(r,i.obj,i.decimals);if(r!=""){a=" AND "}if(s[t.FROM]!=""){u+=a+"(>= "+l(s[t.FROM],i.obj,i.decimals)+")";a=" AND "}if(s[t.TO]!=""){u+=a+"(<= "+l(s[t.TO],i.obj,i.decimals)+")";a=" AND "}a="";let f="";o.forEach((e=>{f+=a+n(e,i);a=" OR "}));if(f!=""){f="("+f+")";if(u!=""){f=" AND "+f}}f=u+f;return f}removeFilter(e={},t){e[t]={textField:"",textFieldTmp:"",checkBoxes:[],interval:null,intervalTmp:null}}}var x;(function(e){e["asAccordion"]="When enabled, the first level of depth will give an accordion look to nodes.";e["columns"]="The columns of the tree when tree visualization is active.";e["customStyle"]="Custom style of the component.";e["data"]="The json data used to populate the tree view: the basic, always visible tree nodes.";e["density"]="The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.";e["dynamicExpansionCallback"]="Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change.";e["enableExtraColumns"]="Enables adding extra columns.";e["expanded"]="Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded.";e["expansionMode"]="Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node.";e["filters"]="List of filters set by the user.";e["globalFilter"]="When set to true it activates the global filter.";e["globalFilterValue"]="The value of the global filter.";e["globalFilterMode"]="The mode of the global filter.";e["removableColumns"]="Sets the possibility to remove the selected column.";e["preventXScroll"]="Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.";e["ripple"]="When enabled displays Material's ripple effect on nodes (only when no columns are displayed).";e["scrollOnHover"]="Activates the scroll on hover function.";e["showColumns"]="Shows the tree data as a table.";e["showFilters"]="When set to true enables the column filters.";e["showFooter"]="When set to true shows the footer.";e["showHeader"]="Flag: shows the header of the tree when the tree is displayed as a table.";e["showIcons"]="Shows the icons of the nodes.";e["stateId"]="";e["store"]="";e["totals"]="Defines the current totals options.";e["useDynamicExpansion"]="When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."})(x||(x={}));const T="TREE_COLUMN";var k;(function(e){e["DROPDOWN"]="dropdown";e["NODE"]="node"})(k||(k={}));const g=document.documentElement;const j=g.ketchup?g.ketchup.objects:new s;const y=g.ketchup?g.ketchup.data:new o;class O extends e{isFilterCompliantForCell(e,t,l){if(!e){return false}return this.isFilterCompliantForSimpleValue(e.value,e.obj,t,l)}isFilterCompliantForCellObj(e,t,l){if(!e){return false}if(!e.obj){return false}return this.isFilterCompliantForSimpleValue(e.obj.k,e.obj,t,l)}isRowCompliant(e,t={},l="",n=false,i=[],r){return this.areCellsCompliant(e.cells,t,l,n,i,r)}areCellsCompliant(e,t={},l="",n=false,s=[],o){if(n){let t=true;if(s&&s!=null&&s.length>0){t=false;let n=this.filterIsNegative(l);for(let r=0;r<s.length;r++){if(s[r].visible==false){continue}const o=e[s[r].name];if(o==null){continue}t=this.isFilterCompliantForValue(o.value,l);let a=i(s[r],o);if(a!=o.value){t=t||this.isFilterCompliantForValue(a,l)}if(t==true&&!n){break}if(t==false&&n){break}}}if(!t){return false}}if(o==null){o=new w}if(!this.hasFilters(t,s,o)){return true}let a=Object.keys(t);for(let l=0;l<a.length;l++){let n=a[l];const i=e[n];if(!i){return false}let u=o.getTextFilterValue(t,n);let f=o.getIntervalTextFieldFilterValues(t,r(s,n));const c=this.filterIsNegative(u);let h=this.isFilterCompliantForCell(i,u,f);let d=c;if(!j.isNumber(i.obj)&&!j.isDate(i.obj)&&!j.isTime(i.obj)&&!j.isTimestamp(i.obj)){d=this.isFilterCompliantForCellObj(i,u,f)}if(c){if(!h||!d){return false}}else{if(!h&&!d){return false}}let b=o.getCheckBoxFilterValues(t,n);if(b.length==0){continue}let p=false;for(let e=0;e<b.length;e++){let t=b[e];if(t==null||t.value==null){continue}if(i.value!=null){if(i.value.toLowerCase().trim()==t.value.toLowerCase().trim()){p=true;break}}if(i.obj!=null){if(i.obj.k.toLowerCase().trim()==t.value.toLowerCase().trim()){p=true;break}}}if(!p){return false}}return true}hasFilters(e={},t,l){if(e==null){return false}let n=Object.keys(e);if(n==null||n.length<1){return false}if(l==null){l=new w}for(let i=0;i<n.length;i++){let s=n[i];let o=null;if(s===T){o={name:T,title:""}}else{o=r(t,s)}if(l.hasFiltersForColumn(e,o)){return true}}return false}filterRows(e=[],t={},l="",n=[],i){if(!e||e==null){return[]}let r=[];const s=!!(l&&n);if(this.hasFilters(t,n,i)||s){for(let o=0;o<e.length;o++){let a=e[o];if(a.id&&a.id.indexOf("insert_")>-1||this.isRowCompliant(a,t,l,s,n,i)){r[r.length]=a}}}else{r=[...e]}return r}getColumnValues(t,n,i,r){let s=new Array;if(r==null){r=new w}let o=r.getTextFilterValueTmp(t.filters,n.name);let a=r.getIntervalTextFieldFilterValuesTmp(t.filters,n);let u=r.getCheckBoxFilterValues(t.filters,n.name);if(n.valuesForFilter!=null&&n.valuesForFilter.length>0){n.valuesForFilter.forEach((t=>{let i=t;if(e.valuesArrayContainsValue(u,i)||o==""||r.isFilterCompliantForSimpleValue(i,n.obj,o,a)){s.push({value:i,displayedValue:l(i,n.obj,n.decimals)})}}));return s}let f=Object.assign({},t.filters);f[n.name]={textField:o,textFieldTmp:o,checkBoxes:[],interval:a,intervalTmp:a};let c=this.filterRows(t.getRows(),f,i,t.getVisibleColumns(),r);for(let e=0;e<u.length;e++){s.push(u[e])}return y.cell.getUnivocalValue({rows:c},n,true)}}const V=document.documentElement;function C(e=[],t=[]){if(!e||e.length===0){return[]}if(e[0].group){return I(e,t)}if(!t||t.length===0){return e}const l=t.length>1;return e.slice(0).sort(((e,n)=>{if(l){for(let l=0;l<t.length;l++){const i=M(e,n,t[l]);if(i!==0){return i}}return 0}else{return M(e,n,t[0])}}))}function I(e=[],t=[]){if(!e||e.length===0){return[]}const l=e[0].group.column;let n=B(l,t);if(!n){n={column:l,sortMode:v.A}}e.sort(((e,t)=>{const l={obj:e.group.obj,value:e.group.id};const i={obj:t.group.obj,value:t.group.id};return a(l,i,n.sortMode)}));e.forEach((e=>{e.group.children=C(e.group.children,t)}));return e}function B(e="",t=[]){if(!e||!t||t.length===0){return null}for(let l of t){if(l.column===e){return l}}return null}function M(e,t,l){const n=e.cells[l.column];const i=t.cells[l.column];if(!n&&!i){return 0}if(!n){return 1}if(!i){return-1}return a(n,i,l.sortMode)}function N(e=[],t={},l="",n=[],i,r){if(r==null){r=new O}return r.filterRows(e,t,l,n,i)}function _(e=[],t=[],l=[],n={}){if(!t){return[]}if(!l||l.length===0||!e||e.length===0){return t}const s={};const o=l.filter((({column:t})=>{for(let{name:l,title:n}of e){if(l===t){s[l]=n;return true}}return false}));if(o.length===0){return t}const a=[];let f={};t.forEach((t=>{const l=o[0].column;const u=t.cells[l];if(u){const c=r(e,l);const h=i(c,u);const d=u.value;let b=null;for(let e of a){if(e.group.label===h){b=e;break}}if(b===null){b={group:{id:d,parent:null,column:l,columnLabel:s[l],expanded:false,label:h,children:[],obj:u.obj,totals:{}},cells:{}};a.push(b)}for(let l=1;l<o.length;l++){const n=o[l];const a=t.cells[n.column];if(a){const t=r(e,n.column);const l=i(t,a);const o=a.value;let u=null;for(let e=0;e<b.group.children.length;e++){const t=b.group.children[e];const n=t.group.label;if(n===l){u=t;break}}if(!u){u={cells:{},group:{id:o,parent:b,column:n.column,columnLabel:s[n.column],children:[],expanded:false,label:l,totals:{},obj:a.obj}};R(u);b.group.children.push(u)}b=u}}b.group.children.push(t);A(b,n,t,f)}}));D(a,n,f);S(a,u.AVERAGE,n);S(a,u.MATH,n);return a}function A(e,t,l,n){if(!e||!t){return}const i=Object.keys(t);if(i.length===0){return}i.forEach((i=>{const r=l.cells[i];if(r){const l=V.ketchup.objects.isNumber(r.obj);const s=t[i];switch(s){case u.COUNT:let t=e.group.totals[i]||0;e.group.totals[i]=++t;let o=e.group.parent;while(o!=null){let e=o.group.totals[i]||0;o.group.totals[i]=++e;o=o.group.parent}break;case u.DISTINCT:let a;if(l){a=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value))}else{a=r.value}let f=n[e.group.id];if(!f){n[e.group.id]={};n[e.group.id][i]=[];n[e.group.id][i].push(a)}else{let t=n[e.group.id][i];if(!t){n[e.group.id][i]=[];n[e.group.id][i].push(a)}else{t.push(a)}}let c=e.group.parent;while(c!=null){let e=n[c.group.id];if(!e){n[c.group.id]={};n[c.group.id][i]=[];n[c.group.id][i].push(a)}else{let e=n[c.group.id][i];if(!e){n[c.group.id][i]=[];n[c.group.id][i].push(a)}else{e.push(a)}}c=c.group.parent}break;case u.SUM:case u.AVERAGE:if(l&&r.value){const t=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));const l=e.group.totals[i]||0;e.group.totals[i]=t+l;let n=e.group.parent;while(n!=null){const e=V.ketchup.math.numberify(n.group.totals[i]||0);n.group.totals[i]=t+e;n=n.group.parent}}break;case u.MIN:if(l&&r.value){const t=e.group.totals[i];const l=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));if(t){e.group.totals[i]=Math.min(t,l)}else{e.group.totals[i]=l}let n=e.group.parent;while(n!=null){const e=n.group.totals[i];if(e){n.group.totals[i]=Math.min(e,l)}else{n.group.totals[i]=l}n=n.group.parent}}else if(r.value&&V.ketchup.objects.isDate(r.obj)){if(V.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[i];if(t){let l=[];l.push(a);l.push(V.ketchup.dates.toDayjs(t));e.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.min(l),F.ISO_DATE)}else{e.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}let l=e.group.parent;while(l!=null){const e=l.group.totals[i];if(e){let t=[];t.push(a);t.push(V.ketchup.dates.toDayjs(e));l.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.min(t),F.ISO_DATE)}else{l.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}l=l.group.parent}}}break;case u.MAX:if(l&&r.value){const t=e.group.totals[i];const l=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(r.value));if(t){e.group.totals[i]=Math.max(t,l)}else{e.group.totals[i]=l}let n=e.group.parent;while(n!=null){const e=n.group.totals[i];if(e){n.group.totals[i]=Math.max(e,l)}else{n.group.totals[i]=l}n=n.group.parent}}else if(r.value&&V.ketchup.objects.isDate(r.obj)){if(V.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[i];if(t){let l=[];l.push(a);l.push(V.ketchup.dates.toDayjs(t));e.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.max(l),F.ISO_DATE)}else{e.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}let l=e.group.parent;while(l!=null){const e=l.group.totals[i];if(e){let t=[];t.push(a);t.push(V.ketchup.dates.toDayjs(e));l.group.totals[i]=V.ketchup.dates.format(V.ketchup.dates.max(t),F.ISO_DATE)}else{l.group.totals[i]=V.ketchup.dates.format(a,F.ISO_DATE)}l=l.group.parent}}}break;default:{if(s.indexOf(u.MATH)!=0){console.warn(`invalid total mode: ${s}`)}break}}}}))}function D(e,t,l){if(!e||!t){return}const n=Object.keys(t);if(e.length===0||!e[0].group||n.length===0){return}let i=n.filter((e=>u.DISTINCT===t[e]));if(i.length>0){e.filter((e=>e.group.children.length>0)).forEach((e=>W(e,i,l)))}}function S(e,t,l){if(!e||!l){return}const n=Object.keys(l);if(e.length===0||!e[0].group||n.length===0){return}let i;if(t==u.AVERAGE){i=n.filter((e=>u.AVERAGE===l[e]))}if(t==u.MATH){i=n.filter((e=>l[e].indexOf(u.MATH)==0))}if(i.length>0){e.filter((e=>e.group.children.length>0)).forEach((e=>E(e,t,i,l)))}}function W(e,t,l){const n=e.group.children;if(n.length===0){return}if(n[0].group){n.forEach((e=>{W(e,t,l)}))}t.forEach((t=>{const n=l[e.group.id][t];e.group.totals[t]=new Set(n).size}))}function E(e,t,l,n){const i=e.group.children;if(i.length===0){return 0}let r=0;if(i[0].group){i.forEach((e=>{r+=E(e,t,l,n)}))}else{r=i.length}l.forEach((l=>{if(t==u.AVERAGE){e.group.totals[l]=e.group.totals[l]/r}if(t==u.MATH){let t=n[l].substring(u.MATH.length);e.group.totals[l]=V.ketchup.math.formulas.custom(t,e.group.totals)}}));return r}function L(e,t){if(t){const l=Object.assign(t);t.forEach((t=>{e.forEach((e=>{if(t.cells){const l=t.cells[e.name];if(l&&e.obj&&!l.obj){l.obj={t:e.obj.t,p:e.obj.p,k:l.value}}}}))}));return l}else{return undefined}}function $(e=[],t={}){if(V.ketchup.objects.isEmptyJsObject(e)||V.ketchup.objects.isEmptyJsObject(t)){return{}}const l=Object.keys(t);const n={};const i=new Array;let r=l.length===0||l.every((e=>t[e]===u.COUNT));if(r){l.forEach((t=>n[t]=e.length))}else{let r={};e.forEach(((e,s,o)=>{l.filter((e=>u.COUNT!==t[e]&&t[e].indexOf(u.MATH)!=0)).forEach((l=>{const a=e.cells[l];if(a){if(t[l]===u.DISTINCT){let e;if(V.ketchup.objects.isNumber(a.obj)){e=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(a.value))}else{e=a.value}let t=r[l];if(!t){r[l]=[];r[l].push(e)}else{t.push(e)}}else if(V.ketchup.objects.isNumber(a.obj)){const e=V.ketchup.math.numberify(V.ketchup.math.numberifySafe(a.value));let i=n[l];switch(true){case t[l]===u.MIN:if(i){n[l]=Math.min(i,e)}else{n[l]=e}break;case t[l]===u.MAX:if(i){n[l]=Math.max(i,e)}else{n[l]=e}break;default:i=n[l]||0;n[l]=e+V.ketchup.math.numberify(i)}}else if(V.ketchup.objects.isDate(a.obj)){if(i.indexOf(l)==-1){i.push(l)}if(V.ketchup.dates.isValidFormattedStringDate(a.value)){const e=V.ketchup.dates.toDate(V.ketchup.dates.toDayjs(a.value));const i=n[l]?V.ketchup.dates.toDate(V.ketchup.dates.toDayjs(n[l])):null;switch(true){case t[l]===u.MIN:if(i){let t=[];t.push(e);t.push(i);n[l]=V.ketchup.dates.format(V.ketchup.dates.min(t),F.ISO_DATE)}else{n[l]=V.ketchup.dates.format(e,F.ISO_DATE)}break;case t[l]===u.MAX:if(i){let t=[];t.push(e);t.push(i);n[l]=V.ketchup.dates.format(V.ketchup.dates.max(t),F.ISO_DATE)}else{n[l]=V.ketchup.dates.format(e,F.ISO_DATE)}break}}}}if(s===o.length-1&&t[l]===u.DISTINCT){n[l]=new Set(r[l]).size;r[l]=[]}}))}))}for(let r of l){switch(true){case t[r]===u.AVERAGE:const l=n[r];if(l&&e.length>0){n[r]=l/e.length}break;case t[r]===u.COUNT:n[r]=e.length;break;case t[r].indexOf(u.MATH)==0:n[r]=V.ketchup.math.formulas.custom(t[r].substring(u.MATH.length),n);break}if(n[r]){if(i.indexOf(r)!=-1){n[r]=V.ketchup.dates.format(n[r])}else if(V.ketchup.math.isNumber(n[r])){n[r]=+n[r].toFixed(2)}}}return n}function R(e){if(!e.group){return}let t=e.group.id;let l=e.group.parent;while(l!==null){t=`${l.group.id};${t}`;l=l.group.parent}e.group.id=t}function q(e,t,l,n){const i=t*l-l;const r=i+Number(l);if(n==false){return e.slice(i,r)}let s=[];z(e,s,i,Number(l),0);return s}function z(e,t,l,n,i){let r=false;for(let s=0;s<e.length;s++){let o=e[s];let a=J(e[s]);if(o.group!=null&&o.group.children!=null&&o.group.children.length>0){a.group.children=[];let e=z(o.group.children,a.group.children,l,n,i);i=e.ci;r=e.added;if(r==true){t[t.length]=a}}else{if(i>=l){t[t.length]=a;r=true}i++}if(i>=l+n){break}}return{ci:i,added:r}}function J(e){if(e==null){return null}else{return{id:e.id,cells:Object.assign({},e.cells),actions:e.actions?[...e.actions]:null,group:H(e.group),clonedFrom:e,readOnly:e.readOnly,cssClass:e.cssClass}}}function K(e){if(e==null){return null}let t=[];for(let l=0;l<e.length;l++){t[t.length]=J(e[l])}return t}function H(e){if(e==null){return null}let t={id:e.id,parent:Object.assign({},e.parent),column:e.column,columnLabel:e.columnLabel,expanded:e.expanded,label:e.label,children:K(e.children),obj:Object.assign({},e.obj),totals:Object.assign({},e.totals)};return t}function U(e,t,l=false){const n={columns:t.columns,rows:[]};for(const i of t.rows){const r={cells:{},id:i.id};for(const l of t.columns){const t=l.name;const n=i.cells[t];const s=e.rows.find((e=>e.id===i.id));const o=s?s.cells[t]:null;if(!o||n.value!==o.value){r.cells[t]=n}}if(Object.keys(r.cells).length>0||l){n.rows.push(r)}}return n}function G(e){var t;(t=e.rows)===null||t===void 0?void 0:t.forEach((e=>{Object.keys(e.cells).forEach((t=>{var l;let n=e.cells[t];const i=n.value;const r=n["options"];n.isEditable=(l=n.isEditable)!==null&&l!==void 0?l:n["editable"];if(r){const e={[c.AUTOCOMPLETE]:()=>h(i,"",r),[c.COMBOBOX]:()=>h(i,"",r),[c.RADIO]:()=>d(i,r),[c.CHECKBOX]:()=>b(i,r),[c.CHIP]:()=>p(i),[c.SWITCH]:()=>m(i,"")};const t=e[n.shape];if(t){n.data=t()}else{if(n.shape){V.ketchup.debug.logMessage("kup-data",`Shape specified ${n.shape} in cell ${JSON.stringify(n)} unsupported`,f.WARNING)}}}}))}))}export{w as F,k as K,O as a,_ as b,$ as c,G as d,x as e,N as f,U as g,L as n,q as p,C as s,T as t};
|
|
2
|
+
//# sourceMappingURL=p-31e54b3d.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-9bcbe397.js";var n;(function(c){c["CHOICE"]="choice";c["FILTER"]="filter";c["INPUT"]="input";c["STANDARD"]="standard"})(n||(n={}));var t;(function(c){c["OUTLINED"]="outlined";c["RAISED"]="raised"})(t||(t={}));var l;(function(c){c["SMALL"]="small";c["MEDIUM"]="medium"})(l||(l={}));const r=document.documentElement;const o=e=>{if(!e.styling){e.styling=t.RAISED}if(!e.type){e.type=n.STANDARD}const i=e.type.toLowerCase()===n.CHOICE;const s=e.type.toLowerCase()===n.FILTER;const l=e.type.toLowerCase()===n.INPUT;const r=e.styling.toLowerCase()===t.OUTLINED;const o=!r?true:false;const a={"chip-set":true,"chip-set--choice":i?true:false,"chip-set--filter":s?true:false,"chip-set--input":l?true:false,"chip--outlined":r?true:false,"chip--raised":o?true:false,[`chip--${e.sizing}`]:e.sizing?true:false};return c("div",Object.assign({class:`f-chip ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.primary?"kup-primary":""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:a,role:"grid"},p(e,i,s,l)))};function p(n,t,l,o){const p=[];for(let a=0;n.data&&a<n.data.length;a++){const u=[];d(n.data[a],0);p.push(c("div",{class:"chip-set__item"},...u));function d(t,l){const o=!!(t.children&&t.children.length>0);const p=!!(o&&t.isExpanded);const _={["--kup_chip_indent_offset"]:l.toString()};u.push(c("div",{class:`chip-set__wrapper ${o&&!p?"chip-set__wrapper--hidden-children":""}`},c("div",{class:"chip-set__indent",style:_}),o?c(e,{onClick:n.onExpansionClick&&n.onExpansionClick[a]?n.onExpansionClick[a].bind(n.onExpansionClick[a],t):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?c(e,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(t)));if(p){for(let c=0;c<t.children.length;c++){if(t.children[c]){d(t.children[c],l+1)}}}}function h(s){const r=!!(s.icon&&!s.value);let p=`chip ${r?"chip--only-icon":""}`;let u=[];let d="chip__icon chip__icon--leading";if(l||t){if(s.checked){p+=" chip--selected";if(l){d+=" chip__icon--leading-hidden"}}}if(s.icon){const i={color:t&&s.checked?`var(--kup_chip_primary_color)`:`var(--kup_chip_text_color)`,resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d};u.push(c(e,Object.assign({},i)))}if(l){u.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))))}return c("div",{class:p,"data-value":s.id,onClick:n.onClick&&n.onClick[a]?n.onClick[a].bind(n.onClick[a],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),u,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:a,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[a]?n.onBlur[a].bind(n.onBlur[a],s):null,onFocus:n.onFocus&&n.onFocus[a]?n.onFocus[a].bind(n.onFocus[a],s):null},c("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[a]?n.onIconClick[a].bind(n.onIconClick[a],s):null})):null)}}return p}export{n as F,l as a,t as b,o as c};
|
|
2
|
+
//# sourceMappingURL=p-3597f8bb.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ae as l}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ae as l}from"./p-9bcbe397.js";import{c as p}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["columnsNumber"]="Sets the number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the component.";t["decvalueCol"]="Sets the decimal value column.";t["descrCol"]="Sets the description column.";t["fullWidth"]="Sets whether the component occupies all available width.";t["horizontal"]="Sets whether the cards are placed horizontally or not.";t["iconCol"]="Sets the icon column.";t["iconcolorCol"]="Sets the icon color column.";t["intvalueCol"]="Sets the integer value column.";t["isClickable"]="Sets whether a single card is clickable or not.";t["layoutCol"]="Sets the layout column.";t["measureCol"]="Sets the unit of measure column.";t["textcolorCol"]="Sets the text color column.";t["valueCol"]="Sets the value column.";t["valuecolorCol"]="Sets the value color column."})(f||(f={}));const u=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";const m=u;var d=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,a){if(i==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?a:i==="a"?a.call(t):a?a.value:e.get(t)};var k;const g=class{constructor(i){t(this,i);this.kupCardListClickEvent=e(this,"kup-cardlist-click",7);k.set(this,n());this.columnsNumber=1;this.customStyle="";this.data=null;this.fullWidth=true;this.horizontal=false;this.descrCol="";this.iconCol="";this.valueCol="";this.measureCol="";this.intvalueCol="";this.decvalueCol="";this.textcolorCol="";this.valuecolorCol="";this.iconcolorCol="";this.layoutCol="";this.isClickable=false}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){c(this,f,t)}componentWillLoad(){d(this,k,"f").debug.logLoad(this,false);d(this,k,"f").theme.register(this)}componentDidLoad(){d(this,k,"f").debug.logLoad(this,true)}componentDidRender(){d(this,k,"f").debug.logRender(this,true)}render(){if(!this.data||!this.data.columns||!this.data.columns.length){return}const t=[];let e,i,o,n,r,c,f,u,m,g;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name){switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:c=a;break;case this.measureCol:f=a;break;case this.textcolorCol:u=a;break;case this.valueCol:m=a;break;case this.valuecolorCol:g=a;break}}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s];const x={color:[],image:[],text:[]};const y=c&&p.cells[c.name].value?parseInt(p.cells[c.name].value):1;const b=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:h.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{if(this.isClickable){this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})}},slot:s.toString()});const w=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=d(this,k,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a);break}}}};switch(y){case 1:w(u,"color",0);w(g,"color",1);w(i,"text",0);w(m,"text",1);break;case 2:w(n,"color",0);w(g,"color",1);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);break;case 3:w(g,"color",0);w(u,"color",1);w(m,"text",0);w(i,"text",1);break;case 4:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);w(i,"text",3);break;case 5:w(n,"color",0);w(u,"color",1);w(g,"color",2);w(o,"image",0);w(i,"text",0);w(m,"text",1);break;case 6:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 7:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 8:w(n,"color",0);w(g,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break}t.push(b)}return a(s,null,a("style",null,d(this,k,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:`${this.fullWidth?"kup-full-width":""} scalable-cards`,columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){d(this,k,"f").theme.unregister(this)}get rootElement(){return o(this)}};k=new WeakMap;g.style=m;export{g as kup_card_list};
|
|
2
|
+
//# sourceMappingURL=p-3dcc77f9.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as r,t as a}from"./p-b27381aa.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-b7edd010.js";import{F as c}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var f;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(f||(f={}));const m=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const d=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,r.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");c(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"6facc37e24731377be34e65dcc123692e5c3e828"},s("style",{key:"54b8ddc07dc8d32c3b72da8ab2734e760d867c1b"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};d.style=k;export{d as kup_numeric_picker};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as l,c as r,t as a}from"./p-9bcbe397.js";import{c as p}from"./p-635bb4b3.js";import{F as u}from"./p-65cc1bb9.js";import{F as c}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-2b519589.js";import"./p-d4a879fc.js";var f;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Props of the sub-components.";t["decimals"]="Defaults at false. When set to true, the component has decimals.";t["disabled"]="Defaults at false. When set to true, the component is disabled.";t["initialValue"]="Sets the initial value of the component";t["maxDecimals"]="when set, the component allows you to enter decimals with a maximum of characters.";t["maxIntegers"]="When set, the component allows you to enter integer numbers with a maximum of characters.";t["maxLength"]="When set, the component allows you to enter numbers with a maximum of characters, including decimals.";t["negative"]="Defaults at false. When set to true, the component has negative number."})(f||(f={}));const m=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";const k=m;const g=class{constructor(e){t(this,e);this.kupBlur=i(this,"kup-numericpicker-blur",6);this.kupChange=i(this,"kup-numericpicker-change",6);this.kupClick=i(this,"kup-numericpicker-click",6);this.kupFocus=i(this,"kup-numericpicker-focus",6);this.kupInput=i(this,"kup-numericpicker-input",6);this.kupIconClick=i(this,"kup-numericpicker-iconclick",6);this.kupItemClick=i(this,"kup-numericpicker-itemclick",6);this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6);this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6);this.kupManager=o();this.textfieldEl=null;this.pickerContainerEl=null;this.pickerEl={value:(new Date).toISOString(),date:new Date};this.clickCb=null;this.stateSwitcher=false;this.value="";this.customStyle="";this.data=null;this.decimals=false;this.disabled=false;this.initialValue="";this.maxDecimals=null;this.maxIntegers=null;this.maxLength=null;this.negative=false}onKupPickerItemClick(t){this.setPickerValueSelected(t);this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value});this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected("");this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value});this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,true)}onkupTextFieldSubmit(t){if(t.key==="Enter"){this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}}onKupIconClick(){if(this.isPickerOpened()){this.closePicker()}else{this.openPicker()}this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){if(this.isPickerOpened()){if(t.key==="Escape"){this.closePicker()}if(t.key==="Enter"){this.setPickerValueSelected()}}}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){if(this.textfieldEl!=null){this.textfieldEl.focus()}}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,true);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t;let o=h>-1?t.substring(h+1):"";if(this.maxIntegers&&n.length>this.maxIntegers)n=n.substring(n.length-this.maxIntegers);if(this.maxDecimals&&o.length>this.maxDecimals)o=o.substring(0,this.maxDecimals);while(this.maxLength&&n.length+o.length>this.maxLength){if(o.length>1)o=o.substring(0,o.length-1);else if(n.length>1)n=n.substring(1)}t=h>-1?`${n}.${o}`:n;if(e!=true){this.setValue(t)}if(i!=null){i.emit({id:this.rootElement.id,value:t})}}}setPickerValueSelected(t){if(this.disabled==true){return}if(t==null){t=this.getPickerValueSelected()}this.closePicker();if(t==null){return}this.setValue(t)}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=true;const i=this.pickerContainerEl.style;i.height="auto";i.minWidth=this.textfieldEl.parentElement.clientWidth+"px";if(t!=null){t.classList.add("toggled")}if(this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)){this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement)}else{this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,r.AUTO,true)}this.kupManager.dynamicPosition.start(this.pickerContainerEl);if(!this.clickCb){this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}}this.kupManager.addClickCallback(this.clickCb,true)}closePicker(){this.kupManager.removeClickCallback(this.clickCb);if(!this.isPickerOpened()){return}let t=this.textfieldEl;if(t!=null){t.classList.remove("toggled")}this.pickerContainerEl.menuVisible=false;this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return this.pickerContainerEl.menuVisible==true}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){if(!this.decimals&&!this.maxIntegers)this.maxIntegers=17;if(this.decimals&&!this.maxIntegers&&!this.maxDecimals){this.maxIntegers=15;this.maxDecimals=2}const t=this.rootElement.classList.contains("kup-full-height");const i=this.rootElement.classList.contains("kup-full-width");const e=Object.assign({},this.data["kup-text-field"]);if(!e.icon){e.icon="calculator"}if(e.icon){e.trailingIcon=true}return s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){const t={options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:true}};return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:t,layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:true,"onkup-card-click":t=>{if(t.detail.value!=null)this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.value=this.initialValue;if(!this.data){this.data={"kup-text-field":{}}}}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");if(i){this.textfieldEl=i.querySelector("input");c(i)}}this.kupManager.debug.logRender(this,true)}render(){return s(h,{key:"6facc37e24731377be34e65dcc123692e5c3e828"},s("style",{key:"54b8ddc07dc8d32c3b72da8ab2734e760d867c1b"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"e8c0c5d2bbee71b78cd513554d2708c9f9b0f2c1",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.theme.unregister(this);if(this.pickerContainerEl){this.pickerContainerEl.remove()}}get rootElement(){return n(this)}};g.style=k;export{g as kup_numeric_picker};
|
|
2
|
+
//# sourceMappingURL=p-3f161d71.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as n,f as i,h as e,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as n,f as i,h as e,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,e as p,g as h,s as f}from"./p-9bcbe397.js";import{F as l,a as r}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var u;(function(t){t["data"]="prop of the sub compoennt";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(u||(u={}));const g=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";const y=g;const d=class{constructor(i){t(this,i);this.kupIconClick=n(this,"kup-typographylist-icon-click",6);this.KupClick=n(this,"kup-typographylist-click",6);this.kupManager=o();this.customStyle="";this.data=[];this.type=l.BODY_COMPACT;this.toolbar=false}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){if(!t){t=[]}if(t.columns){this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",p.WARNING);const t=this.data;this.data=this.kupManager.data.row.toNode(t)}}async getProps(t){return h(this,u,t)}async refresh(){i(this)}async setProps(t){f(this,u,t)}renderTypography(t,n){if(t===null){this.kupManager.debug.logMessage(this,"Empty data text.",p.WARNING);return null}const i=this.prepareDataFromTreeNode(t,n);if(!i.value){this.kupManager.debug.logMessage(this,"Empty text.",p.WARNING);return null}const s={value:i.value,type:i.type,toolbar:i.toolbar};return e(r,Object.assign({},s))}prepareDataFromTreeNode(t,n){const i=t.data!=null?Object.assign({},t.data):{};if(this.customStyle!=null&&this.customStyle.trim()!=""){i.customStyle=this.customStyle}if(i.value==null){i.value=t.value}if(!i.wrapperClass){i.wrapperClass=""}if(this.type!=null){i.type=this.type}if(this.toolbar!=null){i.toolbar=this.toolbar}i.id=n.toString();return i}renderTypographys(){if(this.data==null||this.data.length<1){return null}const t=[];for(let n=0;n<this.data.length;n++){const i=this.data[n];let e=null;e=this.renderTypography(i,n);if(e){t.push(e)}}return t}getObjForEvent(t,n){let i=Number(t);let e=-1;if(n!=null&&n.trim()!=""){e=Number(n)}let s=this.data[i];if(e!=-1){return s.children[e].obj}return s.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.checkDataset(this.data);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t=this.renderTypographys();return e(s,{key:"fe03c54c9dcb80d85fb4ce5fe5b307906113632d"},e("style",{key:"aaa3c98e4d550f2669c5b9db481e390e03a3bf25"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a6eb07b0d4da2fb8b9a818eeb6000c31d7641809",id:c},e("div",{key:"d3496f8ba12d87d2cd51dc5c80817590b62485df",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{data:["checkDataset"]}}};d.style=y;export{d as kup_typography_list};
|
|
2
|
+
//# sourceMappingURL=p-4e432e8c.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-9bcbe397.js";import"./p-029c7cbe.js";const n=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";const p=n;const h=class{constructor(t){i(this,t);this.kupManager=o();this.config=undefined;this.qlik=undefined;this.appid="";this.app=false;this.grid=[];this.debug=false;this.fluid=false;this.bordered=false;this.defobjsize="400px";this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=false;if(i.noSelections)t=i.noSelections;this.app.getObject(i.obj,i.obj,{noInteraction:false,noSelections:t})}))}));e(true)}))}doSelection(i){return new Promise((t=>{if(i.selections){i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,false,true)}))}t(true)}))}setRender(i){return new Promise((e=>{this.divlist=[];i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";if(this.bordered){o=o+"bordered "}o=o+"width-"+i.colDim+" size-"+i.size;if(i.obj!="")e.push(t("div",{id:i.obj,class:o}));else e.push(t("div",{class:o}))}));this.divlist.push(t("div",{class:"kup-qlik-row"},e))}));e(true)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.setRender(this.grid)}render(){let i=null;let e=null;if(this.fluid){i={["kup-qlik-container-fluid"]:true}}else{i={["kup-qlik-container"]:true}}e={["--lyo_obj-height"]:this.defobjsize};return t("div",{key:"6757be8be4d68fdb03789b12e011aeae050014ea",class:i,style:e},this.divlist)}componentDidRender(){if(this.debug){console.log("Grid",this.grid)}if(this.qlik){if(this.appid!=""&&!this.app){this.app=this.qlik.openApp(this.appid,this.config)}else{if(this.debug){console.log("App already open:",this.app)}}if(this.app){this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))}}this.kupManager.debug.logRender(this,true)}get rootElement(){return e(this)}};h.style=p;export{h as kup_qlik};
|
|
2
|
+
//# sourceMappingURL=p-555a72ad.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,f as i,h as e,H as s,d as n}from"./p-d7c15b0e.js";import{k as o,f as a,g as h,s as p,R as f,h as l}from"./p-9bcbe397.js";import{c}from"./p-635bb4b3.js";import{F as r}from"./p-cb7201eb.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-65cc1bb9.js";import"./p-3597f8bb.js";import"./p-cc32b7a2.js";import"./p-e3062c19.js";var m;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the cell.";t["density"]="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";t["dragEnabled"]="When set to true, the component is draggable."})(m||(m={}));const g=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const u=g;const d=class{constructor(i){t(this,i);this.kupManager=o();this.customStyle="";this.data=null;this.density=a.NONE;this.dragEnabled=false}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,m,t)}async refresh(){i(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){p(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+c),{cursorChecker(){return null}},{callback:t},f.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const i=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT);return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();this.kupManager.debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return e(s,{key:"d708238a74da2eccf9a3bb299960dc985bb5cb0d"},e("style",{key:"7bf86a6bc3b61046b3bb7bfd921aaae114b49ed3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"763804a8d45ca9f75e66157ebcc9aa1c27750424",id:c},e(r,Object.assign({key:"95717d73c39673ffcc382cb7c430b780dd72acfb"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};d.style=u;export{d as kup_cell};
|
|
2
|
+
//# sourceMappingURL=p-593d2457.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["KupCellProps","kupCellCss","KupCellStyle0","KupCell","this","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","obj","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","name","title","col","cells","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","FCell","Object","assign","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellProps = {\n cell: this.data,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCell {...props}></FCell>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["KupCellProps","kupCellCss","KupCellStyle0","KupCell","this","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","obj","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","name","title","col","cells","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","FCell","Object","assign","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellProps = {\n cell: this.data,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCell {...props}></FCell>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|