@sme.up/ketchup 11.0.3 → 11.0.4
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-88ea3c2a.js → f-cell-9a669d52.js} +4 -4
- package/dist/cjs/{f-chip-507253cb.js → f-chip-07d8ae50.js} +1 -1
- package/dist/cjs/{f-object-field-7ade850e.js → f-object-field-461aee23.js} +2 -2
- package/dist/cjs/{f-paginator-utils-7bf669ba.js → f-paginator-utils-5ec61279.js} +1 -1
- package/dist/cjs/{f-text-field-207cb958.js → f-text-field-a46eeef6.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +3 -3
- package/dist/cjs/kup-autocomplete_30.cjs.entry.js +9 -9
- package/dist/cjs/kup-box.cjs.entry.js +8 -8
- package/dist/cjs/kup-calendar.cjs.entry.js +3 -3
- package/dist/cjs/kup-card-list.cjs.entry.js +2 -2
- package/dist/cjs/kup-cell.cjs.entry.js +6 -6
- package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +1 -1
- package/dist/cjs/kup-dashboard.cjs.entry.js +3 -3
- package/dist/cjs/{kup-data-table-helper-850b5723.js → kup-data-table-helper-7f29e726.js} +2 -2
- package/dist/cjs/{kup-dates-2ff08e4f.js → kup-dates-84f0bc78.js} +2 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
- package/dist/cjs/kup-echart.cjs.entry.js +2 -2
- package/dist/cjs/kup-editor.cjs.entry.js +2 -2
- package/dist/cjs/kup-family-tree.cjs.entry.js +2 -2
- package/dist/cjs/kup-gantt_10.cjs.entry.js +2 -2
- package/dist/cjs/kup-grid.cjs.entry.js +2 -2
- package/dist/cjs/kup-htm.cjs.entry.js +2 -2
- package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
- package/dist/cjs/kup-input-panel.cjs.entry.js +17 -20
- package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
- package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
- package/dist/cjs/{kup-manager-00e29452.js → kup-manager-8d8da1cd.js} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +3 -3
- package/dist/cjs/kup-object-field.cjs.entry.js +4 -4
- package/dist/cjs/{kup-planner-renderer-helper-7dfe474d.js → kup-planner-renderer-helper-7123c277.js} +1 -1
- package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
- package/dist/cjs/kup-planner.cjs.entry.js +3 -3
- package/dist/cjs/kup-probe.cjs.entry.js +2 -2
- package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
- package/dist/cjs/kup-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/kup-txt.cjs.entry.js +2 -2
- package/dist/cjs/kup-typography-list.cjs.entry.js +2 -2
- package/dist/cjs/kup-typography.cjs.entry.js +2 -2
- package/dist/collection/components/kup-data-table/kup-data-table.css +5 -4
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +11 -14
- package/dist/collection/managers/kup-dates/kup-dates.js +2 -1
- package/dist/components/index.js +1 -1
- package/dist/components/kup-accordion.js +2 -2
- package/dist/components/kup-activity-timeline.js +2 -2
- package/dist/components/kup-autocomplete.js +1 -1
- package/dist/components/kup-badge.js +1 -1
- package/dist/components/kup-box.js +1 -1
- package/dist/components/kup-button-list.js +1 -1
- package/dist/components/kup-button.js +1 -1
- package/dist/components/kup-calendar.js +3 -3
- package/dist/components/kup-card-list.js +3 -3
- package/dist/components/kup-card.js +1 -1
- package/dist/components/kup-cell.js +2 -2
- package/dist/components/kup-chart.js +1 -1
- package/dist/components/kup-checkbox.js +1 -1
- package/dist/components/kup-chip.js +1 -1
- package/dist/components/kup-color-picker.js +1 -1
- package/dist/components/kup-combobox.js +1 -1
- package/dist/components/kup-custom-task-list-table.js +1 -1
- package/dist/components/kup-dashboard.js +2 -2
- package/dist/components/kup-data-table.js +1 -1
- package/dist/components/kup-date-picker.js +1 -1
- package/dist/components/kup-dialog.js +1 -1
- package/dist/components/kup-drawer.js +2 -2
- package/dist/components/kup-dropdown-button.js +1 -1
- package/dist/components/kup-echart.js +1 -1
- package/dist/components/kup-editor.js +1 -1
- package/dist/components/kup-family-tree.js +3 -3
- package/dist/components/kup-file-upload.js +1 -1
- package/dist/components/kup-form.js +1 -1
- package/dist/components/kup-gantt.js +1 -1
- package/dist/components/kup-gauge.js +1 -1
- package/dist/components/kup-grid.js +1 -1
- package/dist/components/kup-htm.js +2 -2
- package/dist/components/kup-iframe.js +2 -2
- package/dist/components/kup-image-list.js +1 -1
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +14 -17
- package/dist/components/kup-lazy.js +2 -2
- package/dist/components/kup-list.js +1 -1
- package/dist/components/kup-magic-box.js +4 -4
- package/dist/components/kup-nav-bar.js +2 -2
- package/dist/components/kup-numeric-picker.js +2 -2
- package/dist/components/kup-object-field.js +2 -2
- package/dist/components/kup-planner-renderer.js +1 -1
- package/dist/components/kup-planner.js +6 -6
- package/dist/components/kup-probe.js +2 -2
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +2 -2
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +2 -2
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-task-list.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +2 -2
- package/dist/components/kup-typography-list.js +2 -2
- package/dist/components/kup-typography.js +2 -2
- package/dist/components/{p-2d3187f1.js → p-10425b28.js} +3 -3
- package/dist/components/{p-9c67c242.js → p-253bbc27.js} +4 -4
- package/dist/components/{p-00cf9dd2.js → p-3a2aa794.js} +2 -2
- package/dist/components/{p-2d2e8390.js → p-3cae4730.js} +2 -2
- package/dist/components/{p-d56d09a2.js → p-6e5dfb91.js} +1 -1
- package/dist/components/{p-d2c21bde.js → p-7122e72e.js} +2 -2
- package/dist/components/{p-2f618e95.js → p-83ef07f8.js} +2 -2
- package/dist/components/{p-cf2c9c0d.js → p-a6fb0332.js} +2 -2
- package/dist/components/{p-e7a113c6.js → p-a9d2d2fa.js} +2 -2
- package/dist/components/{p-d7365aa4.js → p-b23df37b.js} +2 -1
- package/dist/components/{p-873d5549.js → p-bc63c612.js} +1 -1
- package/dist/esm/{f-cell-0a405bc3.js → f-cell-2580227b.js} +4 -4
- package/dist/esm/{f-chip-9df5d2c6.js → f-chip-1e3d0b52.js} +1 -1
- package/dist/esm/{f-object-field-aac161d2.js → f-object-field-02b15db0.js} +2 -2
- package/dist/esm/{f-paginator-utils-968b5af6.js → f-paginator-utils-a99ed9fd.js} +1 -1
- package/dist/esm/{f-text-field-416d425c.js → f-text-field-983d2207.js} +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/kup-accordion.entry.js +2 -2
- package/dist/esm/kup-activity-timeline.entry.js +3 -3
- package/dist/esm/kup-autocomplete_30.entry.js +9 -9
- package/dist/esm/kup-box.entry.js +8 -8
- package/dist/esm/kup-calendar.entry.js +3 -3
- package/dist/esm/kup-card-list.entry.js +2 -2
- package/dist/esm/kup-cell.entry.js +6 -6
- package/dist/esm/kup-custom-task-list-header_4.entry.js +1 -1
- package/dist/esm/kup-dashboard.entry.js +3 -3
- package/dist/esm/{kup-data-table-helper-050584ae.js → kup-data-table-helper-3ca6c75d.js} +2 -2
- package/dist/esm/{kup-dates-bf500166.js → kup-dates-992086f1.js} +2 -1
- package/dist/esm/kup-drawer.entry.js +2 -2
- package/dist/esm/kup-echart.entry.js +2 -2
- package/dist/esm/kup-editor.entry.js +2 -2
- package/dist/esm/kup-family-tree.entry.js +2 -2
- package/dist/esm/kup-gantt_10.entry.js +2 -2
- package/dist/esm/kup-grid.entry.js +2 -2
- package/dist/esm/kup-htm.entry.js +2 -2
- package/dist/esm/kup-iframe.entry.js +2 -2
- package/dist/esm/kup-input-panel.entry.js +17 -20
- package/dist/esm/kup-lazy.entry.js +2 -2
- package/dist/esm/kup-magic-box.entry.js +2 -2
- package/dist/esm/{kup-manager-a47748da.js → kup-manager-ca9d4ded.js} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +2 -2
- package/dist/esm/kup-numeric-picker.entry.js +3 -3
- package/dist/esm/kup-object-field.entry.js +4 -4
- package/dist/esm/{kup-planner-renderer-helper-b328ea3f.js → kup-planner-renderer-helper-9db7a491.js} +1 -1
- package/dist/esm/kup-planner-renderer.entry.js +2 -2
- package/dist/esm/kup-planner.entry.js +3 -3
- package/dist/esm/kup-probe.entry.js +2 -2
- package/dist/esm/kup-qlik.entry.js +2 -2
- package/dist/esm/kup-snackbar.entry.js +2 -2
- package/dist/esm/kup-txt.entry.js +2 -2
- package/dist/esm/kup-typography-list.entry.js +2 -2
- package/dist/esm/kup-typography.entry.js +2 -2
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-72724296.entry.js → p-12882b29.entry.js} +1 -1
- package/dist/ketchup/p-12f06f17.entry.js +1 -0
- package/dist/ketchup/{p-060ec8ef.js → p-164d575d.js} +1 -1
- package/dist/ketchup/{p-f9a6acb8.entry.js → p-1db7e6e7.entry.js} +1 -1
- package/dist/ketchup/{p-76868077.entry.js → p-2018e835.entry.js} +1 -1
- package/dist/ketchup/{p-34a92fec.entry.js → p-2e143e5f.entry.js} +1 -1
- package/dist/ketchup/{p-32c0cc6c.entry.js → p-3021d0a5.entry.js} +1 -1
- package/dist/ketchup/{p-c5e5fbb2.entry.js → p-313b5d4c.entry.js} +1 -1
- package/dist/ketchup/{p-ecf0eb17.js → p-42976c0d.js} +1 -1
- package/dist/ketchup/{p-7f7a9ebc.js → p-480cdc73.js} +1 -1
- package/dist/ketchup/{p-42e63e2e.entry.js → p-4a97cfee.entry.js} +1 -1
- package/dist/ketchup/{p-895a22ef.entry.js → p-4bf94655.entry.js} +1 -1
- package/dist/ketchup/{p-2ca5047c.js → p-530dceb2.js} +1 -1
- package/dist/ketchup/{p-3f71f711.entry.js → p-582be100.entry.js} +1 -1
- package/dist/ketchup/{p-3478ab68.entry.js → p-6029ad07.entry.js} +1 -1
- package/dist/ketchup/{p-5a24cdc1.entry.js → p-63c3f820.entry.js} +1 -1
- package/dist/ketchup/p-78909be2.entry.js +1 -0
- package/dist/ketchup/{p-235f2751.entry.js → p-791e847d.entry.js} +1 -1
- package/dist/ketchup/{p-bea1f185.js → p-7a47674f.js} +1 -1
- package/dist/ketchup/{p-839b289d.entry.js → p-7ff4bd3f.entry.js} +1 -1
- package/dist/ketchup/{p-df7f1752.entry.js → p-821bfe8a.entry.js} +1 -1
- package/dist/ketchup/{p-71410c8c.entry.js → p-9452564e.entry.js} +1 -1
- package/dist/ketchup/{p-aebeb30c.entry.js → p-a36d1a21.entry.js} +1 -1
- package/dist/ketchup/{p-3923312c.entry.js → p-a617a3e4.entry.js} +1 -1
- package/dist/ketchup/{p-06ceea6f.entry.js → p-a6ad67b6.entry.js} +1 -1
- package/dist/ketchup/{p-adadf8b5.js → p-a78c9d39.js} +1 -1
- package/dist/ketchup/{p-62e118bc.entry.js → p-abb2444a.entry.js} +2 -2
- package/dist/ketchup/{p-9854a470.entry.js → p-ae83ee66.entry.js} +1 -1
- package/dist/ketchup/{p-613d82ed.entry.js → p-b579a5e0.entry.js} +1 -1
- package/dist/ketchup/{p-41d4dd10.entry.js → p-b7a301ee.entry.js} +1 -1
- package/dist/ketchup/{p-1e546759.entry.js → p-b9726137.entry.js} +1 -1
- package/dist/ketchup/{p-65509faf.js → p-bdbbfb48.js} +1 -1
- package/dist/ketchup/{p-46a89edc.js → p-c12d1db7.js} +1 -1
- package/dist/ketchup/{p-d09cf0b3.entry.js → p-c2bccaf5.entry.js} +1 -1
- package/dist/ketchup/{p-c47a69dc.js → p-c96e9120.js} +1 -1
- package/dist/ketchup/{p-6b9430ff.entry.js → p-ddffe391.entry.js} +1 -1
- package/dist/ketchup/{p-e618deeb.entry.js → p-e85f1e78.entry.js} +1 -1
- package/dist/ketchup/{p-65f31377.entry.js → p-edec2479.entry.js} +1 -1
- package/dist/ketchup/{p-763fd00d.entry.js → p-f96390e2.entry.js} +1 -1
- package/dist/ketchup/{p-4ccac10f.entry.js → p-fd0533ec.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/ketchup/p-4f97da3e.entry.js +0 -1
- package/dist/ketchup/p-e4a9100b.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-710d0a7d.js";import{F as l}from"./p-cce08de3.js";import{I as n,d as i,b as c}from"./p-
|
|
1
|
+
import{h as e}from"./p-710d0a7d.js";import{F as l}from"./p-cce08de3.js";import{I as n,d as i,b as c}from"./p-42976c0d.js";function r(e,l,i){const{id:c,value:r,decode:s}=e;if(null==c&&(s||r))return s||r;if(c&&null==s&&null==r)return c;switch(l){case n.CODE:return c;case n.DESCRIPTION:return s||r||c;case n.CODE_AND_DESC:case n.CODE_AND_DESC_ALIAS:return c&&(s||r)?c+i+(s||r):c||s||r;case n.DESC_AND_CODE:return(s||r)&&c?(s||r)+i+c:s||r||c;default:return c}}function s(e,l,i,c,s,t){const a=!!(i&&l&&l.data);let o="",u="",p=null;null!=t&&(p=t.detail.selected),null==p&&null!=e&&a&&(p=function(e,l,i){if(e&&e.data){let c=!1,s=null;for(let t=0;t<e.data.length;t++){let a=r(e.data[t],""==l?n.DESCRIPTION:i," - ");e.data[t].selected=!1,c||a.toString().toLowerCase()!=l.toString().toLowerCase()||(s=e.data[t],s.selected=!0,c=!0)}if(1==c)return s}return function(e,l){if(e&&e.data){let n=!1,i=null;for(let c=0;c<e.data.length;c++)e.data[c].selected=!1,n||e.data[c].id.toString().toLowerCase()!=l.toString().toLowerCase()||(i=e.data[c],i.selected=!0,n=!0);if(1==n)return i;for(let c=0;c<e.data.length;c++)if(e.data[c].value.toString().toLowerCase()==l.toString().toLowerCase()){i=e.data[c],i.selected=!0,n=!0;break}if(1==n)return i}return null}(e,l)}(l,e,s),i.data=[...l.data]),null==p&&null==e&&l&&(p=function(e){if(e.data)for(let l=0;l<e.data.length;l++)if(e.data[l].selected)return e.data[l];return null}(l));let d=null;null==p?(p={id:null==e?"":e,value:null==e?"":e},o=p.id,u=p.id,d=p.id):(o=r(p,c," - "),u=r(p,""==o?n.DESCRIPTION:s," - "),d=r(p,n.CODE," - "));const h=a?l.data.find((e=>e.id===d)):null;return{value:o,displayedValue:u,node:h,exists:!!h}}var t,a,o;!function(e){e.CHOICE="choice",e.FILTER="filter",e.INPUT="input",e.STANDARD="standard"}(t||(t={})),function(e){e.OUTLINED="outlined",e.RAISED="raised"}(a||(a={})),function(e){e.SMALL="small",e.MEDIUM="medium"}(o||(o={}));const u=document.documentElement,p=s=>{s.styling||(s.styling=a.RAISED),s.type||(s.type=t.STANDARD),s.DescrMode||(s.DescrMode=n.DESCRIPTION);const o=s.type.toLowerCase()===t.CHOICE,p=s.type.toLowerCase()===t.FILTER,d=s.type.toLowerCase()===t.INPUT,h=s.styling.toLowerCase()===a.OUTLINED,f={"chip-set":!0,"chip-set--choice":!!o,"chip-set--filter":!!p,"chip-set--input":!!d,"chip--outlined":!!h,"chip--raised":!h,[`chip--${s.sizing||"extra-small"}`]:!0};return e("div",Object.assign({class:`f-chip ${s.danger?"kup-danger":""} ${s.info?"kup-info":""} ${s.secondary?"kup-secondary":""} ${s.success?"kup-success":""} ${s.warning?"kup-warning":""} ${s.wrapperClass?s.wrapperClass:""} ${s.primary?"kup-primary":""}`},s.dataSet,{id:s.id,title:s.title}),e("div",{class:f,role:"grid"},function(s,t,a,o){const p=[];for(let d=0;s.data&&d<s.data.length;d++){const h=[];function f(n,r){const t=!!(n.children&&n.children.length>0),a=!(!t||!n.isExpanded),o={"--kup_chip_indent_offset":r.toString()},p=s.disabled;if(h.push(e("div",{class:"chip-set__wrapper "+(t&&!a?"chip-set__wrapper--hidden-children":"")},e("div",{class:"chip-set__indent",style:o}),t?e(l,{onClick:s.onExpansionClick&&s.onExpansionClick[d]?s.onExpansionClick[d].bind(s.onExpansionClick[d],n):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:u.ketchup.language.translate(c.EXPAND)+"/"+u.ketchup.language.translate(c.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):r?e(l,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,_(n,p))),a)for(let e=0;e<n.children.length;e++)n.children[e]&&f(n.children[e],r+1)}function _(c,u){var p;let h=`chip ${!c.icon||c.value||c.decode?"":"chip--only-icon"} ${u?"chip--disabled":""}`,f=[],_="chip__icon chip__icon--leading";(a||t)&&c.checked&&(h+=" chip--selected",a&&(_+=" chip__icon--leading-hidden")),c.icon&&f.push(e(l,Object.assign({},{color:t&&c.checked?"var(--kup_chip_primary_color)":"var(--kup_chip_text_color)",resource:c.icon,placeholderResource:c.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:_}))),a&&f.push(e("span",{class:"chip__checkmark"},e("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},e("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))));let k=r(c,c.value||c.decode?s.DescrMode:n.CODE," - ");return e("div",{class:h,"data-value":c.id,onClick:s.onClick&&s.onClick[d]?s.onClick[d].bind(s.onClick[d],c):null,onContextMenu:s.onContextMenu&&s.onContextMenu[d]?s.onContextMenu[d].bind(s.onContextMenu[d],c):null,role:"row",title:c.title?c.title:""},e("span",{class:"chip-set__indent"}),f,e("span",{role:"gridcell"},e("span",{role:"button",tabindex:d,class:"chip__primary-action",value:c.id,checked:c.checked,onBlur:s.onBlur&&s.onBlur[d]?s.onBlur[d].bind(s.onBlur[d],c):null,onFocus:s.onFocus&&s.onFocus[d]?s.onFocus[d].bind(s.onFocus[d],c):null},e("span",{class:"chip__text"},k))),(null===(p=s.hasFilter)||void 0===p?void 0:p[d])&&e("span",{role:"gridcell"},e("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.FILTER_REMOVE.replace("--","")}`,onClick:s.onClearFilterClick&&s.onClearFilterClick[d]?s.onClearFilterClick[d].bind(s.onClearFilterClick[d],c):null})),o?e("span",{role:"gridcell"},e("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:s.onIconClick&&s.onIconClick[d]?s.onIconClick[d].bind(s.onIconClick[d],c):null})):null)}f(s.data[d],0),p.push(e("div",{class:"chip-set__item"},...h))}return p}(s,o,p,d)))};export{t as F,o as a,a as b,s as c,p as d,r as g}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,aB as f,g as h,s as l,Z as r,aC as c,b as m,aD as d}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,aB as f,g as h,s as l,Z as r,aC as c,b as m,aD as d}from"./p-42976c0d.js";import{c as g}from"./p-635bb4b3.js";import{F as u}from"./p-14c6efce.js";import{F as k}from"./p-530dceb2.js";import"./p-a78c9d39.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-31ae78d1.js";import"./p-480cdc73.js";import"./p-c12d1db7.js";import"./p-c96e9120.js";var y,x=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)};const b=class{constructor(e){t(this,e),this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6),this.kupCellUpload=i(this,"kup-cell-upload",6),y.set(this,o()),this.customStyle="",this.data=null,this.density=p.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=f.right}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return h(this,d,t)}async refresh(){e(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){l(this,d,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});x(this,y,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+g),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:"KUPCELL",title:void 0}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}submitClick(t){t.stopPropagation(),this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}upload(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)}componentWillLoad(){x(this,y,"f").dates.register(this),x(this,y,"f").debug.logLoad(this,!1),x(this,y,"f").language.register(this),x(this,y,"f").theme.register(this)}componentDidLoad(){x(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){x(this,y,"f").debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),x(this,y,"f").debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return s(n,{key:"01c0f9dc1d970c0da37687dd07ecf95cf0cb0279","onKup-file-upload-upload":this.upload.bind(this)},s("style",{key:"4ad06f4bbbb2cfebee565fee5606194d2e68d871"},x(this,y,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2d06ac608cd5eaa25b014dbc2420e2dec44ea89b",id:g,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(k,Object.assign({key:"393bd349a7310e9e9f8fbefac85c6ef733799a3f"},t)),this.showSubmit?s(u,{buttonType:"submit",label:x(this,y,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){x(this,y,"f").dates.unregister(this),x(this,y,"f").language.unregister(this),x(this,y,"f").theme.unregister(this)}get rootElement(){return a(this)}};y=new WeakMap,b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-710d0a7d.js";import{k as p,g as s,s as h,h as f}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-710d0a7d.js";import{k as p,g as s,s as h,h as f}from"./p-42976c0d.js";import"./p-a78c9d39.js";var r;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(r||(r={}));const l=class{constructor(e){t(this,e),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=p(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return s(this,r,t)}async refresh(){e(this)}async setProps(t){h(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?n(o,{"is-button":!0},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):n(o,{"is-iframe":!0},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",f.WARNING)}get rootElement(){return a(this)}};l.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{l as kup_iframe}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as n}from"./p-710d0a7d.js";import{ar as o,as as a,U as t,ae as c,f as l,ap as i,an as r,am as s,at as u,F as d,aj as p,a as b,au as k,I as v,av as f,aw as m,ax as h,ay as g,az as j,h as O}from"./p-ecf0eb17.js";import{F as x}from"./p-14c6efce.js";import{F as w}from"./p-31ae78d1.js";import{F as _,d as y}from"./p-7f7a9ebc.js";import{F as C}from"./p-cce08de3.js";import{F as $}from"./p-46a89edc.js";import{F}from"./p-c47a69dc.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const D=o=>{var a;const t=o.horizontal||"lineDirection"==o.RadLay,c=!!o.columns,l=[],i=o.type||I.RADIO;for(let t=0;t<(null===(a=o.data)||void 0===a?void 0:a.length);t++){const a=o.data[t],c={radio:!0,"radio--checked":!!a.checked,"radio--disabled":!!o.disabled,[`radio--${o.type}`]:!!o.type};l.push(e("div",{class:`form-field \n ${o.leadingLabel?" form-field--align-end":""} ${o.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:o.onChange?o.onChange.bind(o.onChange,t):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:a.value,checked:a.checked,disabled:o.disabled,onBlur:o.onBlur,onChange:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()},onFocus:o.onFocus}):e(n,null,e(C,a.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{o.onChange&&o.onChange(t,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:a.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},a.label?a.label:""),a.shortcutLabel&&e("div",{class:"shortcut"},a.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${o.danger?"kup-danger":""} ${o.info?"kup-info":""} ${o.secondary?"kup-secondary":""} ${o.success?"kup-success":""} ${o.warning?"kup-warning":""} ${o.wrapperClass?o.wrapperClass:""} ${t?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${o.columns}, 1fr)`:""}},l)},E=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const o=[];for(let a=1;a<=n.maxValue;a++)o.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,a):null},a<=n.value?"★":"☆"));return o}(n)));var A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const B=n=>{n.sizing||(n.sizing=A.MEDIUM),n.sizing.toLowerCase();const o={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:o},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({style:n,text:o,classes:a})=>{const t=function(e){const n=[];let o=null;return function(e,n){const o=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let a,t=0;for(;null!==(a=o.exec(e));)a.index>t&&n.onContent(e.slice(t,a.index)),"_n_"===a[1]?n.onEndTag(a[1]):n.onStartTag(a[2]),t=o.lastIndex;t<e.length&&n.onContent(e.slice(t))}(e,{onStartTag(e){(null==o?void 0:o.tag)&&(o.closed=!0),n.push(o={tag:e,content:""})},onEndTag(e){o?o.tag?(o.closed=!0,o=null):this.onContent(e):n.push(o={content:e})},onContent(e){o?o.content+=e:n.push(o={content:e})}}),o&&o.tag&&(o.closed=!0),n}(o);return e("span",{class:a,style:n},t.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var o,a;const t=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let o=0;o<e.length;o++)switch(o){case 0:n+=N(e.charAt(o));break;case 1:n+=R(e.charAt(o));break;case 2:n+=L(e.charAt(o));break;case 3:n+=K(e.charAt(o))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[o,a]=n.split(":").map((e=>e.trim()));if(o&&a){const n=a.replace(/!important/g,"").trim();e[o.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(o=n.tag)||void 0===o?void 0:o.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:t},n.content):e("span",null,`${null!==(a=n.tag)&&void 0!==a?a:""}${n.content}`)}))}(t):o)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O,I;const A=n.cell,z=n.column,N=n.row,R=n.shape?n.shape:A.shape?A.shape:z.shape?z.shape:null,L=!T.ketchup.objects.isEmptyKupObj(A.obj);let K=!1;A.hasOwnProperty("isEditable")?K=A.isEditable:z.hasOwnProperty("isEditable")&&(K=z.isEditable),K=K&&n.editable,A.data=null!==(r=X(A,z))&&void 0!==r?r:A.data;let V=null!==(s=A.decode)&&void 0!==s?s:A.value;const G=n.previousValue!==V?V:"",U=T.ketchup.data.cell.getType(A,R),Y="extra_dense"===n.density?"extra-small":null===(k=A.data)||void 0===k?void 0:k.sizing;let W=A.cssClass?A.cssClass:(null==z?void 0:z.cssClass)?null==z?void 0:z.cssClass:"";const P={"f-cell":!0,[t.OBJ]:!!L,[U+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||U===c.BAR),[W]:!!W,"c-input-uppercase":g(A),"c-input-lowercase":j(A),"monospace c-pre":null===(f=A.data)||void 0===f?void 0:f.legacyLook};let Z=G;A.data&&0!==Object.keys(A.data).length||function(e,n){function o(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function a(e){return e.toUpperCase().startsWith("SHAPE;")}function t(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(a(e)){if(!o(e))return null;{const o=e.split(";");if(3===o.length){const e=o[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(t(e));else if(l(e)){const o=e.substring(7).replace(",",".");isNaN(parseFloat(o))||(n.height=`${o}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const o=Object.assign({},n),a=e.split(";");if(a.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(a[0]);if(e){const[,n,a,t]=e;isNaN(parseInt(n,10))||isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||(o.color=`rgb(${parseInt(n)},${parseInt(a)},${parseInt(t)})`)}if(a.length>=2){const e=a[1].replace(",",".");isNaN(parseFloat(e))||(o.width=`${e}%`)}}return o}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:a(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),o=[];for(const e of n){const n=r(e);if(!n)return null;o.push(...n)}return o}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const o=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==o?void 0:o[o.length-1].trim())&&o.pop(),o&&o.length){n.data.data=[];for(let e of o)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(U,A);const q=Object.assign(Object.assign(Object.assign(Object.assign({},A.data),(null==A?void 0:A.icon)?{resource:A.icon}:{}),(null==A?void 0:A.placeholderIcon)?{placeholderResource:A.placeholderIcon}:{}),Y?{sizing:Y}:{});K&&o.includes(U)?(A.data.showMarker=null!==(O=A.tooltip)&&void 0!==O&&O,Z=function(n,o,a,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,E;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode},a.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>te(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(o[t.C_CENTERED]=!0),a.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===a.value.toLowerCase()||"1"===a.value,class:"input-checkbox",onChange:e=>te(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>te(e,i,n,h.BLUR)}):e(w,Object.assign({},a.data,{onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},a.slotData,{error:a.data.error,"onKup-textfield-blur":e=>te(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({},a.data,{key:l.name+i.row.id,initialValue:a.value.toUpperCase(),class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>te(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:a.value,initialValueDecode:a.decode,ListDescrMode:a.data.ListDescrMode},a.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>te(e,i,n,h.UPDATE),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>te(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>te(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>te(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>te(e,i,n,h.UPDATE)}));case c.EDITOR:const A=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},a.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:a.data.maxLength,value:a.value,onChange:e=>{te(e,i,n,h.UPDATE)},onInput:e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},onBlur:e=>te(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>te(e,i,n,h.UPDATE)},a.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({DescrMode:null!==(r=a.data.DescrMode)&&void 0!==r?r:v.DESCRIPTION},a.data,{label:null!==(u=null===(s=a.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>te(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>te(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>te(e,i,n,h.ICON_CLICK),data:null===(k=a.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=a.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=a.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=a.slotData)||void 0===g?void 0:g.style,disabled:null===(j=a.slotData)||void 0===j?void 0:j.disabled,id:null===(O=a.slotData)||void 0===O?void 0:O.id,error:a.data.error,showMarker:null!==(x=a.tooltip)&&void 0!==x&&x,ListDescrMode:a.data.ListDescrMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({DescrMode:null!==(y=a.data.DescrMode)&&void 0!==y?y:v.DESCRIPTION},a.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>te(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>te(e,i,n,h.BLUR),"onkup-combobox-input":e=>te(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>te(e,i,n,h.ICON_CLICK)},a.slotData,{error:a.data.error,showMarker:null!==(C=a.tooltip)&&void 0!==C&&C,ListDescrMode:a.data.ListDescrMode})));case c.RADIO:return e(D,Object.assign({},a.data,{disabled:!1,onChange:(e,o)=>{const t=a.data.data;for(let n=0;n<t.length;n++){t[n].checked=n===e}te(o,i,n,h.UPDATE)},onBlur:e=>te(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},a.data,{disabled:!1,"onkup-rating-click":e=>te(e,i,n,h.UPDATE)}));case c.SWITCH:return e(B,Object.assign({},a.data,{disabled:!1,onChange:e=>te(e,i,n,h.UPDATE),onBlur:e=>te(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:a.value},a.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>te(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>te(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>te(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:a,column:i.column,row:i.row,inputValue:a.value,onChange:e=>te(e,i,n,h.UPDATE)});case c.NUMBER:o[t.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>te(e,i,n,h.UPDATE),N=e=>{var o,t;null===(t=null===(o=a.data)||void 0===o?void 0:o.onInput)||void 0===t||t.call(o,e),te(e,i,n,h.INPUT)},R=e=>{var o,t,l;null===(t=null===(o=a.data)||void 0===o?void 0:o.onKeyDown)||void 0===t||t.call(o,e);const r="MEMO"===a.shape||(null===(l=a.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&te(e,i,n,h.UPDATE)},L=n===c.NUMBER?"number":null;if(a.shape===d.INPUT_FIELD){const o=n===c.NUMBER&&a.value?p(l,a):a.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:o,maxLength:null!==(E=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==E?E:-1})}{const o=!!a.shape&&a.shape===d.MEMO||!!n&&n===c.MEMO||a.data.maxLength>=256;return e(F,Object.assign({},a.data,{textArea:o,sizing:a.data.sizing?a.data.sizing:o?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:a.data.maxLength,icon:a.data&&a.data.icon?a.data.icon:a.icon?a.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:a.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>te(e,i,n,h.ICON_CLICK),onBlur:e=>te(e,i,n,h.BLUR)}))}}}(U,P,A,z,n)):A.data&&a.includes(U)?(n.setSizes&&function(e,n,o,a){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px"),!n.sizeX&&a.size&&(n.sizeX=a.size);break;case c.BUTTON:let e="";n.label&&(e="36px"),o.style?o.style.height||(o.style.minHeight=e):o.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:o.style?o.style.height||(o.style.minHeight="18px"):o.style={minHeight:"18px"};break;case c.RADIO:o.style?o.style.height||(o.style.minHeight="40px"):o.style={minHeight:"40px"}}}(U,q,A,z),Z=n.renderKup?function(n,o,a,l,i,r,s){switch(n){case c.BAR:return a.data?e("div",{style:{height:a.sizeY,width:"100%"}},e(C,Object.assign({},a))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},a));case c.BUTTON:ce(s)&&(o[t.C_CENTERED]=!0);let u=l.decode;u||l.icon||l.placeholderIcon||(u=l.value);const d=Object.assign({label:u,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},a);return e(x,Object.assign({},d,{onClick:e=>te(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(o[t.C_CENTERED]=!0),a["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},a,{"onKup-buttonlist-click":e=>te(e,s,n,h.CLICK)}));case c.CHART:return ce(s)&&(o[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},a));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},a));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},a,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},a));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},a,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(o[t.C_CENTERED]=!0),a.disabled=i.readOnly,e(D,Object.assign({},a));case c.RATING:return e(E,Object.assign({},a,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},a,{disabled:!0}))}}(U,P,q,A,N,z,n):e("span",{class:"cell-"+U+" placeholder"})):(n.setSizes&&function(e,n,o,a){var t;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),o.style?o.style.height||(o.style.minHeight=n.sizeY):o.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(t=a.cell)||void 0===t?void 0:t.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;a.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),a.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(U,q,A,n),P[t.INDICATOR_TOPRIGHT]=null!==(I=A.tooltip)&&void 0!==I&&I,Z=function(n,o,a,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return a&&""!=a?e("div",{class:"f-cell__text"},m(i,a," - ")):a;case c.DATE:case c.DATETIME:case c.TIME:return a&&""!=a?e("div",{class:"f-cell__text"},p(r,i)):a;case c.CHECKBOX:return ce(s)&&(l[t.C_CENTERED]=!0),e(C,{resource:o.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:p(r,i)});case c.ICON:case c.IMAGE:return ce(s)&&(l[t.C_CENTERED]=!0),o.badgeData&&(l[t.C_PADDED]=!0),e(C,Object.assign({},o));case c.LINK:return e("a",{href:a,target:"_blank"},p(r,i));case c.NUMBER:if(a&&""!=a){const n=T.ketchup.math.numberifySafe(i.value),o=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[t.TEXT_DANGER]=!0),ce(s)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},o)}return e("div",{class:"f-cell__text"},a);case c.SWITCH:return ce(s)&&(l[t.C_CENTERED]=!0),o.disabled=!0,e(B,Object.assign({},o));case c.LABEL:return e(M,{style:i.style,text:p(r,i),classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>te(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.DescrMode?m(i,a,"-"):a)}}(U,q,Z,P,A,z,n));let J=null;!K&&(z.icon||A.icon)&&Z&&U!=c.BUTTON&&U!=c.BUTTON_LIST&&U!=c.IMAGE&&U!=c.ICON&&(J=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:A.icon?A.icon:z.icon,placeholderResource:A.placeholderIcon?A.placeholderIcon:z.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let Q=null;T.ketchup.debug.isDebug()&&L?Q=A.obj.t+"; "+A.obj.p+"; "+V+";":null!=A.title&&""!=A.title.trim()&&(Q=A.title);let ee=null;if(A.info){const n=Object.assign({},A.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),ee=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&A.style){if(A.style.backgroundColor){const e=A.style.backgroundColor;A.style.backgroundColor="",A.style["--kup-textfield-background-color"]=e}if(A.style.color){const e=A.style.color;A.style.color="",A.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>te(e,n,U,h.KEYUP),class:P,"kup-get-cell-props":()=>n,ref:e=>A.element=e,style:A.style},e("div",{class:"f-cell__content",style:A.styleContent,title:Q,onMouseEnter:e=>H(e,n,U),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,ee,J,Z]))},H=(e,n,o)=>{var a;if(n.cellActionIcon){const t=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(o===c.NUMBER?"left":"right"),(null===(a=n.cellActionIcon)||void 0===a?void 0:a.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),t.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image.f-cell__iconfunction");n&&n.remove()},X=(e,n)=>{var o;if(!e)return null;const a=e.options,t=(null===(o=e.data)||void 0===o?void 0:o.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,Y.bind(void 0)],[c.OBJECT,U.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(a,t,l,e):null},G=(e,n,o,a)=>{var t;return(null===(t=a.data)||void 0===t?void 0:t.data)?Object.assign({},a.data):i(a.value,a.decode)},U=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{data:{initialValue:o||"",label:n||"",value:o||""}}),Y=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{checked:"on"===o||"1"===o,label:n}),W=(e,n,o,a)=>({data:[Object.assign(Object.assign({},a.data),{icon:a.icon,placeholderIcon:a.placeholderIcon,value:o})]}),P=(e,n,o,a)=>{var t;return Object.assign(Object.assign(Object.assign({},a.data),{label:n}),(null===(t=a.data)||void 0===t?void 0:t.maxLength)&&{textArea:a.data.maxLength>=256})},Z=(e,n,o,a)=>{var t,c,l;const i=r(o,e);return Object.assign(Object.assign(Object.assign({},a.data),i),{data:Array.from(new Map([...null!==(c=null===(t=a.data)||void 0===t?void 0:t.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,o,a)=>{if(e){const t=s(o,n,[],a.data);return t.data["kup-list"].data=Q(e,o),a.data?Object.assign(Object.assign({},t),a.data):t}},J=(e,n,o,a)=>Object.assign(Object.assign({},a.data),{pathString:o}),Q=(e,n)=>{const o=ae.get(e.type);return o?o(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var o;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var o;return{id:e.value,value:e.value,selected:n===e.value,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ne(e,n):[]}})),oe=(e,n)=>e.rows.map((e=>{var o;const a=e.fields||e.cells,[t,c]=Object.keys(a);return{id:a[t].value,value:(null===(o=a[c])||void 0===o?void 0:o.value)||a[t].value,selected:n===a[t].value}})),ae=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",oe.bind(void 0)],["SmeupDataTable",oe.bind(void 0)]]);function te(e,n,o,a){var t,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(a===h.UPDATE){let n=function(e,n){var o;const a=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let t=a?e.target.value:e.detail.value;return n===c.CHECKBOX&&a&&(t=e.target.checked?"off":"on"),n===c.DATE&&a&&(t=null===(o=e.detail)||void 0===o?void 0:o.value),n===c.NUMBER&&a&&(t=T.ketchup.math.formattedStringToNumberString(t,"")),t}(e,o);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),o){case c.AUTOCOMPLETE:k.decode=null===(l=null===(t=e.detail)||void 0===t?void 0:t.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:n=e.detail.details.cell.value}k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:o,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),a===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,D as a,E as b,A as c,B as d,M as e}
|
|
1
|
+
import{h as e,F as n}from"./p-710d0a7d.js";import{ar as o,as as t,U as a,ae as c,f as l,ap as i,an as r,am as s,at as u,F as d,aj as p,a as b,au as k,I as v,av as f,aw as m,ax as h,ay as g,az as j,h as O}from"./p-42976c0d.js";import{F as x}from"./p-14c6efce.js";import{F as w}from"./p-31ae78d1.js";import{F as _,d as y}from"./p-480cdc73.js";import{F as C}from"./p-cce08de3.js";import{F as $}from"./p-c12d1db7.js";import{F}from"./p-c96e9120.js";var I;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(I||(I={}));const D=o=>{var t;const a=o.horizontal||"lineDirection"==o.RadLay,c=!!o.columns,l=[],i=o.type||I.RADIO;for(let a=0;a<(null===(t=o.data)||void 0===t?void 0:t.length);a++){const t=o.data[a],c={radio:!0,"radio--checked":!!t.checked,"radio--disabled":!!o.disabled,[`radio--${o.type}`]:!!o.type};l.push(e("div",{class:`form-field \n ${o.leadingLabel?" form-field--align-end":""} ${o.disabled?"radio--disabled":""} ${i===I.CHEVRON?"form--chevron":""}`,onClick:o.onChange?o.onChange.bind(o.onChange,a):null},e("div",{class:c},i===I.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:o.disabled,onBlur:o.onBlur,onChange:e=>{o.onChange&&o.onChange(a,e),e.stopPropagation()},onFocus:o.onFocus}):e(n,null,e(C,t.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{o.onChange&&o.onChange(a,e),e.stopPropagation()}})),i===I.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{o.onChange&&o.onChange(a,e),e.stopPropagation()}},i===I.CHEVRON&&e(C,{resource:t.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},t.label?t.label:""),t.shortcutLabel&&e("div",{class:"shortcut"},t.shortcutLabel))))}return e("div",{class:`f-radio radio-wrapper\n ${c?"radio-wrapper-grid":""} ${o.danger?"kup-danger":""} ${o.info?"kup-info":""} ${o.secondary?"kup-secondary":""} ${o.success?"kup-success":""} ${o.warning?"kup-warning":""} ${o.wrapperClass?o.wrapperClass:""} ${a?"kup-horizontal":""}`,style:{"--kup_radio_columns":c?`repeat(${o.columns}, 1fr)`:""}},l)},E=n=>(n.maxValue||(n.maxValue=5),e("div",{class:`f-rating ${n.disabled?"disabled":""} ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},function(n){const o=[];for(let t=1;t<=n.maxValue;t++)o.push(e("span",{class:"rating",onClick:n.onClick?n.onClick.bind(n.onClick,t):null},t<=n.value?"★":"☆"));return o}(n)));var A;!function(e){e.SMALL="small",e.MEDIUM="medium"}(A||(A={}));const B=n=>{n.sizing||(n.sizing=A.MEDIUM),n.sizing.toLowerCase();const o={switch:!0,"switch--checked":n.checked,"switch--disabled":n.disabled,[`switch--${n.sizing}`]:!!n.sizing};return e("div",Object.assign({class:`f-switch ${n.danger?"kup-danger":""} ${n.info?"kup-info":""} ${n.secondary?"kup-secondary":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`},n.dataSet,{id:n.id,title:n.title}),e("div",{class:"form-field "+(n.leadingLabel?"form-field--align-end":"")},e("div",{class:o},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:n.checked,disabled:n.disabled,value:n.checked?"on":"off",onBlur:n.onBlur,onChange:n.onChange,onFocus:n.onFocus})))),e("label",{onClick:n.onChange},n.label)))},z={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function N(e){let n;switch(e){case"0":n="color: #000000 !important;";break;case"1":n="color: #6C7A89 !important;";break;case"2":n="color: #3A539B !important;";break;case"3":n="color: var(--kup-danger-color-60) !important;";break;case"4":n="color: #C0C0C0 !important;";break;case"5":n="color: #FFFFFF !important;";break;case"6":n="color: var(--kup-success-color-60) !important;";break;case"7":n="color: #9B59B6 !important;";break;default:n=""}return n}function R(e){let n;switch(e){case"1":n="font-weight: bold !important;";break;case"2":n="font-style: italic !important;";break;case"3":n="text-decoration: underline !important;";break;default:n=""}return n}function L(e){let n;switch(e){case"0":n="background: transparent;";break;case"1":n="background: #D5ECF7;";break;case"2":n="background: #59ABE3;";break;case"3":n="background: #446CB3;";break;case"4":n="background: #9B59B6;";break;case"5":n="background: #F1A9A0;";break;case"6":n="background: #E74C3C;";break;case"7":n="background: #CF000F;";break;case"8":n="background: #C0392B;";break;case"9":n="background: #95A5A6;";break;case"A":n="background: #F5D76E;";break;case"B":case"C":n="background: #F7CA18;";break;case"D":n="background: #F39C12;";break;case"E":n="background: #90C695;";break;case"F":n="background: #26A65B;";break;case"G":n="background: #019875;";break;case"H":n="background: #36D7B7;";break;default:n=""}return n}function K(e){let n;switch(e){case"1":n='font-family: "Courier New", Courier, monospace !important;';break;case"2":n='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":n="font-family: Arial, Helvetica, sans-serif !important;";break;default:n=""}return n}const M=({style:n,text:o,classes:t})=>{const a=function(e){const n=[];let o=null;return function(e,n){const o=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let t,a=0;for(;null!==(t=o.exec(e));)t.index>a&&n.onContent(e.slice(a,t.index)),"_n_"===t[1]?n.onEndTag(t[1]):n.onStartTag(t[2]),a=o.lastIndex;a<e.length&&n.onContent(e.slice(a))}(e,{onStartTag(e){(null==o?void 0:o.tag)&&(o.closed=!0),n.push(o={tag:e,content:""})},onEndTag(e){o?o.tag?(o.closed=!0,o=null):this.onContent(e):n.push(o={content:e})},onContent(e){o?o.content+=e:n.push(o={content:e})}}),o&&o.tag&&(o.closed=!0),n}(o);return e("span",{class:t,style:n},a.find((e=>void 0!==e.tag))?function(n){return n.map((n=>{var o,t;const a=function(e){const n=function(e){let n="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(n=z[e],!n)){n="";for(let o=0;o<e.length;o++)switch(o){case 0:n+=N(e.charAt(o));break;case 1:n+=R(e.charAt(o));break;case 2:n+=L(e.charAt(o));break;case 3:n+=K(e.charAt(o))}}return n}(e);return n.split(";").filter((e=>e.trim())).reduce(((e,n)=>{const[o,t]=n.split(":").map((e=>e.trim()));if(o&&t){const n=t.replace(/!important/g,"").trim();e[o.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}return e}),{})}(null===(o=n.tag)||void 0===o?void 0:o.replace(/[_]/g,"").slice(1));return n.closed?e("span",{style:a},n.content):e("span",null,`${null!==(t=n.tag)&&void 0!==t?t:""}${n.content}`)}))}(a):o)},T=document.documentElement,V=(n,i)=>{var r,s,k,f,O,I;const A=n.cell,z=n.column,N=n.row,R=n.shape?n.shape:A.shape?A.shape:z.shape?z.shape:null,L=!T.ketchup.objects.isEmptyKupObj(A.obj);let K=!1;A.hasOwnProperty("isEditable")?K=A.isEditable:z.hasOwnProperty("isEditable")&&(K=z.isEditable),K=K&&n.editable,A.data=null!==(r=X(A,z))&&void 0!==r?r:A.data;let V=null!==(s=A.decode)&&void 0!==s?s:A.value;const G=n.previousValue!==V?V:"",U=T.ketchup.data.cell.getType(A,R),Y="extra_dense"===n.density?"extra-small":null===(k=A.data)||void 0===k?void 0:k.sizing;let W=A.cssClass?A.cssClass:(null==z?void 0:z.cssClass)?null==z?void 0:z.cssClass:"";const P={"f-cell":!0,[a.OBJ]:!!L,[U+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||U===c.BAR),[W]:!!W,"c-input-uppercase":g(A),"c-input-lowercase":j(A),"monospace c-pre":null===(f=A.data)||void 0===f?void 0:f.legacyLook};let Z=G;A.data&&0!==Object.keys(A.data).length||function(e,n){function o(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function t(e){return e.toUpperCase().startsWith("SHAPE;")}function a(e){return e.toUpperCase().startsWith("BCOLOR;")}function l(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const n={},c=e.split("\\\\"),r=[];for(const e of c){if(e){if(i(e))return null;if(t(e)){if(!o(e))return null;{const o=e.split(";");if(3===o.length){const e=o[2].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}}else if(a(e));else if(l(e)){const o=e.substring(7).replace(",",".");isNaN(parseFloat(o))||(n.height=`${o}%`)}else r.push(s(e,n))}return r.length?r:null}function s(e,n){const o=Object.assign({},n),t=e.split(";");if(t.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(t[0]);if(e){const[,n,t,a]=e;isNaN(parseInt(n,10))||isNaN(parseInt(t,10))||isNaN(parseInt(a,10))||(o.color=`rgb(${parseInt(n)},${parseInt(t)},${parseInt(a)})`)}if(t.length>=2){const e=t[1].replace(",",".");isNaN(parseFloat(e))||(o.width=`${e}%`)}}return o}}n.data={};switch(e){case c.CHECKBOX:case c.SWITCH:n.data.checked="1"===n.value;break;case c.BAR:t(n.value)?(n.data.isCanvas=!0,n.data.resource=n.value):n.data.data=function(e){if(!e)return null;const n=e.split("\\\\AND\\"),o=[];for(const e of n){const n=r(e);if(!n)return null;o.push(...n)}return o}(n.value);break;case c.BUTTON:n.data.label=n.value;break;case c.CHART:Object.assign(n.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:n.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const o=null===(e=n.value)||void 0===e?void 0:e.split(";");if(""===(null==o?void 0:o[o.length-1].trim())&&o.pop(),o&&o.length){n.data.data=[];for(let e of o)n.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:n.data.initialValue=n.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:n.data.value=parseInt(n.value);break;case c.ICON:case c.IMAGE:n.data.resource=n.value}}(U,A);const q=Object.assign(Object.assign(Object.assign(Object.assign({},A.data),(null==A?void 0:A.icon)?{resource:A.icon}:{}),(null==A?void 0:A.placeholderIcon)?{placeholderResource:A.placeholderIcon}:{}),Y?{sizing:Y}:{});K&&o.includes(U)?(A.data.showMarker=null!==(O=A.tooltip)&&void 0!==O&&O,Z=function(n,o,t,l,i){var r,s,u,k,f,m,g,j,O,x,y,C,I,E;switch(n){case c.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+i.row.id,initialValue:t.value,initialValueDecode:t.decode},t.data,{class:le(i)?"kup-full-width":"","onkup-autocomplete-change":e=>ae(e,i,n,h.UPDATE),"onkup-autocomplete-input":e=>ae(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>ae(e,i,n,h.ICON_CLICK),"onKup-autocomplete-blur":e=>ae(e,i,n,h.BLUR),"onKup-autocomplete-itemclick":e=>ae(e,i,n,h.ITEMCLICK)}));case c.CHECKBOX:return ce(i)&&(o[a.C_CENTERED]=!0),t.shape===d.INPUT_CHECKBOX?e("input",{checked:"on"===t.value.toLowerCase()||"1"===t.value,class:"input-checkbox",onChange:e=>ae(e,i,n,h.UPDATE),type:"checkbox",onBlur:e=>ae(e,i,n,h.BLUR)}):e(w,Object.assign({},t.data,{onChange:e=>ae(e,i,n,h.UPDATE),onBlur:e=>ae(e,i,n,h.BLUR)}));case c.CHIP:return e("kup-chip",Object.assign({},t.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>ae(e,i,n,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData,{error:t.data.error,"onKup-textfield-blur":e=>ae(e,i,n,h.BLUR)})));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({},t.data,{key:l.name+i.row.id,initialValue:t.value.toUpperCase(),class:le(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>ae(e,i,n,h.UPDATE)}));case c.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+i.row.id,initialValue:t.value,initialValueDecode:t.decode,ListDescrMode:t.data.ListDescrMode},t.data,{class:le(i)?"kup-full-width":"","onkup-combobox-change":e=>ae(e,i,n,h.UPDATE),"onkup-combobox-input":e=>ae(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>ae(e,i,n,h.ICON_CLICK),"onKup-combobox-blur":e=>ae(e,i,n,h.BLUR),"onKup-combobox-itemclick":e=>ae(e,i,n,h.ITEMCLICK)}));case c.DATE:return e("kup-date-picker",Object.assign({key:l.name+i.row.id,initialValue:t.value},t.data,{class:le(i)?"kup-full-width":"","onkup-datepicker-change":e=>ae(e,i,n,h.UPDATE),"onkup-datepicker-input":e=>ae(e,i,n,h.INPUT),"onKup-datepicker-blur":e=>ae(e,i,n,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>ae(e,i,n,h.UPDATE)}));case c.EDITOR:const A=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&ae(e,i,n,h.UPDATE):e.stopPropagation()};return e(F,Object.assign({},t.data,{textArea:!0,sizing:b.EXTRA_LARGE,label:l.title,fullWidth:!!le(i),maxLength:t.data.maxLength,value:t.value,onChange:e=>{ae(e,i,n,h.UPDATE)},onInput:e=>{var o,a;null===(a=null===(o=t.data)||void 0===o?void 0:o.onInput)||void 0===a||a.call(o,e),ae(e,i,n,h.INPUT)},onBlur:e=>ae(e,i,n,h.BLUR),onKeyDown:A}));case c.FILE_UPLOAD:return e("kup-file-upload",Object.assign({"onKup-file-upload-change":e=>ae(e,i,n,h.UPDATE)},t.data));case c.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({DescrMode:null!==(r=t.data.DescrMode)&&void 0!==r?r:v.DESCRIPTION},t.data,{label:null!==(u=null===(s=t.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>ae(e,i,n,h.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-autocomplete-blur":e=>ae(e,i,n,h.BLUR),"onkup-autocomplete-input":e=>ae(e,i,n,h.INPUT),"onkup-autocomplete-iconclick":e=>ae(e,i,n,h.ICON_CLICK),data:null===(k=t.slotData)||void 0===k?void 0:k.data,initialValue:null===(f=t.slotData)||void 0===f?void 0:f.initialValue,showDropDownIcon:null===(m=t.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(g=t.slotData)||void 0===g?void 0:g.style,disabled:null===(j=t.slotData)||void 0===j?void 0:j.disabled,id:null===(O=t.slotData)||void 0===O?void 0:O.id,error:t.data.error,showMarker:null!==(x=t.tooltip)&&void 0!==x&&x,ListDescrMode:t.data.ListDescrMode}));case c.MULTI_COMBOBOX:return e("kup-chip",Object.assign({DescrMode:null!==(y=t.data.DescrMode)&&void 0!==y?y:v.DESCRIPTION},t.data,{type:_.INPUT,enableInput:!0,"onKup-chip-change":e=>ae(e,i,n,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",DescrMode:v.CODE_AND_DESC,sizing:b.EXTRA_SMALL,"onKup-combobox-blur":e=>ae(e,i,n,h.BLUR),"onkup-combobox-input":e=>ae(e,i,n,h.INPUT),"onkup-combobox-iconclick":e=>ae(e,i,n,h.ICON_CLICK)},t.slotData,{error:t.data.error,showMarker:null!==(C=t.tooltip)&&void 0!==C&&C,ListDescrMode:t.data.ListDescrMode})));case c.RADIO:return e(D,Object.assign({},t.data,{disabled:!1,onChange:(e,o)=>{const a=t.data.data;for(let n=0;n<a.length;n++){a[n].checked=n===e}ae(o,i,n,h.UPDATE)},onBlur:e=>ae(e,i,n,h.BLUR)}));case c.RATING:return e("kup-rating",Object.assign({key:l.name+i.row.id},t.data,{disabled:!1,"onkup-rating-click":e=>ae(e,i,n,h.UPDATE)}));case c.SWITCH:return e(B,Object.assign({},t.data,{disabled:!1,onChange:e=>ae(e,i,n,h.UPDATE),onBlur:e=>ae(e,i,n,h.BLUR)}));case c.TIME:return e("kup-time-picker",Object.assign({key:l.name+i.row.id,initialValue:t.value},t.data,{class:le(i)?"kup-full-width":"","onkup-timepicker-change":e=>ae(e,i,n,h.UPDATE),"onkup-timepicker-input":e=>ae(e,i,n,h.INPUT),"onKup-timepicker-blur":e=>ae(e,i,n,h.BLUR)}));case c.OBJECT:return e($,{cell:t,column:i.column,row:i.row,inputValue:t.value,onChange:e=>ae(e,i,n,h.UPDATE)});case c.NUMBER:o[a.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const z=e=>ae(e,i,n,h.UPDATE),N=e=>{var o,a;null===(a=null===(o=t.data)||void 0===o?void 0:o.onInput)||void 0===a||a.call(o,e),ae(e,i,n,h.INPUT)},R=e=>{var o,a,l;null===(a=null===(o=t.data)||void 0===o?void 0:o.onKeyDown)||void 0===a||a.call(o,e);const r="MEMO"===t.shape||(null===(l=t.data)||void 0===l?void 0:l.maxLength)>=256||n===c.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&ae(e,i,n,h.UPDATE)},L=n===c.NUMBER?"number":null;if(t.shape===d.INPUT_FIELD){const o=n===c.NUMBER&&t.value?p(l,t):t.value;return e("input",{class:"input-field",onChange:z,onInput:N,onKeyDown:R,type:L,value:o,maxLength:null!==(E=null===(I=l.cellData)||void 0===I?void 0:I.maxLength)&&void 0!==E?E:-1})}{const o=!!t.shape&&t.shape===d.MEMO||!!n&&n===c.MEMO||t.data.maxLength>=256;return e(F,Object.assign({},t.data,{textArea:o,sizing:t.data.sizing?t.data.sizing:o?b.EXTRA_LARGE:b.SMALL,inputType:L,fullWidth:!!le(i),maxLength:n==c.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:t.data.maxLength,icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:l.icon?l.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:t.value,label:l.title,onChange:z,onInput:N,onKeyDown:R,onIconClick:e=>ae(e,i,n,h.ICON_CLICK),onBlur:e=>ae(e,i,n,h.BLUR)}))}}}(U,P,A,z,n)):A.data&&t.includes(U)?(n.setSizes&&function(e,n,o,t){switch(e){case c.BAR:n.sizeY||(n.sizeY="26px"),!n.sizeX&&t.size&&(n.sizeX=t.size);break;case c.BUTTON:let e="";n.label&&(e="36px"),o.style?o.style.height||(o.style.minHeight=e):o.style={minHeight:e};break;case c.CHART:n.sizeX||(n.sizeX="100%"),n.sizeY||(n.sizeY="100%");break;case c.CHIP:o.style?o.style.height||(o.style.minHeight="18px"):o.style={minHeight:"18px"};break;case c.RADIO:o.style?o.style.height||(o.style.minHeight="40px"):o.style={minHeight:"40px"}}}(U,q,A,z),Z=n.renderKup?function(n,o,t,l,i,r,s){switch(n){case c.BAR:return t.data?e("div",{style:{height:t.sizeY,width:"100%"}},e(C,Object.assign({},t))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},t));case c.BUTTON:ce(s)&&(o[a.C_CENTERED]=!0);let u=l.decode;u||l.icon||l.placeholderIcon||(u=l.value);const d=Object.assign({label:u,icon:l.icon,placeholderIcon:l.placeholderIcon,title:r.title},t);return e(x,Object.assign({},d,{onClick:e=>ae(e,s,n,h.CLICK)}));case c.BUTTON_LIST:return ce(s)&&(o[a.C_CENTERED]=!0),t["data-storage"]={cell:l,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},t,{"onKup-buttonlist-click":e=>ae(e,s,n,h.CLICK)}));case c.CHART:return ce(s)&&(o[a.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},t));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return e(y,Object.assign({},t));case c.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},t,{class:le(s)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:T.ketchup.math.numberifySafe(l.value),"width-component":"280px"},t));case c.KNOB:case c.PROGRESS_BAR:return e("kup-progress-bar",Object.assign({key:r.name+s.row.id},t,{value:T.ketchup.math.numberifySafe(l.value)}));case c.RADIO:return ce(s)&&(o[a.C_CENTERED]=!0),t.disabled=i.readOnly,e(D,Object.assign({},t));case c.RATING:return e(E,Object.assign({},t,{disabled:!0}));case c.OBJECT:return e(F,Object.assign({icon:"table"},t,{disabled:!0}))}}(U,P,q,A,N,z,n):e("span",{class:"cell-"+U+" placeholder"})):(n.setSizes&&function(e,n,o,t){var a;switch(e){case c.CHECKBOX:case c.ICON:n.sizeX||(n.sizeX="18px"),n.sizeY||(n.sizeY="18px"),o.style?o.style.height||(o.style.minHeight=n.sizeY):o.style={minHeight:n.sizeY};break;case c.IMAGE:const e=(null===(a=t.cell)||void 0===a?void 0:a.value)||"",l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;t.component.rootElement.tagName!==u.DATA_TABLE||l||(n.sizeX||n.sizeY?(n.sizeX||(n.sizeX="100%",n.wrapperClass="noWidth"),n.sizeY||(n.sizeY="auto")):(n.sizeX="100%",n.sizeY="64px",n.wrapperClass="noWidth")),t.component.rootElement.tagName===u.BOX?(n.sizeY||(n.sizeY="auto"),void 0===n.fit&&(n.fit=!0)):n.sizeX||(n.sizeX="auto"),n.sizeY||(n.sizeY="64px")}}(U,q,A,n),P[a.INDICATOR_TOPRIGHT]=null!==(I=A.tooltip)&&void 0!==I&&I,Z=function(n,o,t,l,i,r,s){switch(n){case c.AUTOCOMPLETE:case c.COMBOBOX:return t&&""!=t?e("div",{class:"f-cell__text"},m(i,t," - ")):t;case c.DATE:case c.DATETIME:case c.TIME:return t&&""!=t?e("div",{class:"f-cell__text"},p(r,i)):t;case c.CHECKBOX:return ce(s)&&(l[a.C_CENTERED]=!0),e(C,{resource:o.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:case c.MEMO:return e("div",{innerHTML:p(r,i)});case c.ICON:case c.IMAGE:return ce(s)&&(l[a.C_CENTERED]=!0),o.badgeData&&(l[a.C_PADDED]=!0),e(C,Object.assign({},o));case c.LINK:return e("a",{href:t,target:"_blank"},p(r,i));case c.NUMBER:if(t&&""!=t){const n=T.ketchup.math.numberifySafe(i.value),o=p(r,i);return!Boolean(i.style&&i.style.color)&&n<0&&(l[a.TEXT_DANGER]=!0),ce(s)&&(l[a.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},o)}return e("div",{class:"f-cell__text"},t);case c.SWITCH:return ce(s)&&(l[a.C_CENTERED]=!0),o.disabled=!0,e(B,Object.assign({},o));case c.LABEL:return e(M,{style:i.style,text:p(r,i),classes:"f-cell__text"});case c.IMAGE_LIST:const u=i.data.data.find((e=>e.value===i.value))||null;return e("kup-image-list",Object.assign({ripple:!0},i.data,{"onKup-imagelist-click":e=>ae(e,s,n,h.UPDATE),activeNode:u}));default:return e("div",{class:"f-cell__text"},i.data.DescrMode?m(i,t,"-"):t)}}(U,q,Z,P,A,z,n));let J=null;!K&&(z.icon||A.icon)&&Z&&U!=c.BUTTON&&U!=c.BUTTON_LIST&&U!=c.IMAGE&&U!=c.ICON&&(J=e(C,Object.assign({},{color:`rgba(var(${l.TEXT}-rgb), 0.375)`,resource:A.icon?A.icon:z.icon,placeholderResource:A.placeholderIcon?A.placeholderIcon:z.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let Q=null;T.ketchup.debug.isDebug()&&L?Q=A.obj.t+"; "+A.obj.p+"; "+V+";":null!=A.title&&""!=A.title.trim()&&(Q=A.title);let ee=null;if(A.info){const n=Object.assign({},A.info);n.color||(n.color=`var(${l.INFO})`),n.icon||(n.icon="info"),ee=e(C,Object.assign({},{color:n.color,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:n.message?n.message:"",wrapperClass:"cell-info"}))}if(n.component.rootElement.tagName===u.INPUT_PANEL&&A.style){if(A.style.backgroundColor){const e=A.style.backgroundColor;A.style.backgroundColor="",A.style["--kup-textfield-background-color"]=e}if(A.style.color){const e=A.style.color;A.style.color="",A.style["--kup-textfield-color"]=e}}return e("div",{onKeyUp:e=>ae(e,n,U,h.KEYUP),class:P,"kup-get-cell-props":()=>n,ref:e=>A.element=e,style:A.style},e("div",{class:"f-cell__content",style:A.styleContent,title:Q,onMouseEnter:e=>H(e,n,U),onMouseLeave:e=>S(e)},i&&i.length>0?i:[n.indents,ee,J,Z]))},H=(e,n,o)=>{var t;if(n.cellActionIcon){const a=e.currentTarget,l=document.createElement("kup-image");l.resource="more_vert",l.sizeX="16px",l.sizeY="16px",l.tabIndex=0,l.className="f-cell__iconfunction "+(o===c.NUMBER?"left":"right"),(null===(t=n.cellActionIcon)||void 0===t?void 0:t.onClick)&&l.addEventListener("click",n.cellActionIcon.onClick),a.appendChild(l)}},S=e=>{const n=e.currentTarget.querySelector("kup-image.f-cell__iconfunction");n&&n.remove()},X=(e,n)=>{var o;if(!e)return null;const t=e.options,a=(null===(o=e.data)||void 0===o?void 0:o.hasOwnProperty("label"))?e.data.label:n.title,l=e.value,i=T.ketchup.data.cell.getType(e,e.shape),r=new Map([[c.BUTTON_LIST,W.bind(void 0)],[c.STRING,P.bind(void 0)],[c.RADIO,Z.bind(void 0)],[c.AUTOCOMPLETE,q.bind(void 0)],[c.COMBOBOX,q.bind(void 0)],[c.CHECKBOX,Y.bind(void 0)],[c.OBJECT,U.bind(void 0)],[c.CHIP,G.bind(void 0)],[c.FILE_UPLOAD,J.bind(void 0)]]).get(i);return r?r(t,a,l,e):null},G=(e,n,o,t)=>{var a;return(null===(a=t.data)||void 0===a?void 0:a.data)?Object.assign({},t.data):i(t.value,t.decode)},U=(e,n,o,t)=>Object.assign(Object.assign({},t.data),{data:{initialValue:o||"",label:n||"",value:o||""}}),Y=(e,n,o,t)=>Object.assign(Object.assign({},t.data),{checked:"on"===o||"1"===o,label:n}),W=(e,n,o,t)=>({data:[Object.assign(Object.assign({},t.data),{icon:t.icon,placeholderIcon:t.placeholderIcon,value:o})]}),P=(e,n,o,t)=>{var a;return Object.assign(Object.assign(Object.assign({},t.data),{label:n}),(null===(a=t.data)||void 0===a?void 0:a.maxLength)&&{textArea:t.data.maxLength>=256})},Z=(e,n,o,t)=>{var a,c,l;const i=r(o,e);return Object.assign(Object.assign(Object.assign({},t.data),i),{data:Array.from(new Map([...null!==(c=null===(a=t.data)||void 0===a?void 0:a.data)&&void 0!==c?c:[],...null!==(l=i.data)&&void 0!==l?l:[]].map((e=>[e.value,e]))).values())})},q=(e,n,o,t)=>{if(e){const a=s(o,n,[],t.data);return a.data["kup-list"].data=Q(e,o),t.data?Object.assign(Object.assign({},a),t.data):a}},J=(e,n,o,t)=>Object.assign(Object.assign({},t.data),{pathString:o}),Q=(e,n)=>{const o=te.get(e.type);return o?o(e,n):e.map((e=>({value:e.label,id:e.id,selected:n===e.id})))},ee=(e,n)=>e.children.map((e=>{var o;return{id:e.content.codice,value:e.content.testo,selected:n===e.content.codice,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ee(e,n):[]}})),ne=(e,n)=>e.children.map((e=>{var o;return{id:e.value,value:e.value,selected:n===e.value,children:(null===(o=e.children)||void 0===o?void 0:o.length)?ne(e,n):[]}})),oe=(e,n)=>e.rows.map((e=>{var o;const t=e.fields||e.cells,[a,c]=Object.keys(t);return{id:t[a].value,value:(null===(o=t[c])||void 0===o?void 0:o.value)||t[a].value,selected:n===t[a].value}})),te=new Map([["SmeupTreeNode",ee.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",oe.bind(void 0)],["SmeupDataTable",oe.bind(void 0)]]);function ae(e,n,o,t){var a,l,i,r,s,u,d,b;const k=n.cell,v=n.column,f=n.component,m=n.row;if(t===h.UPDATE){let n=function(e,n){var o;const t=!("INPUT"!==e.target.tagName&&"TEXTAREA"!==e.target.tagName);let a=t?e.target.value:e.detail.value;return n===c.CHECKBOX&&t&&(a=e.target.checked?"off":"on"),n===c.DATE&&t&&(a=null===(o=e.detail)||void 0===o?void 0:o.value),n===c.NUMBER&&t&&(a=T.ketchup.math.formattedStringToNumberString(a,"")),a}(e,o);switch(g(k)?n=null==n?void 0:n.toUpperCase():j(k)&&(n=null==n?void 0:n.toLowerCase()),o){case c.AUTOCOMPLETE:k.decode=null===(l=null===(a=e.detail)||void 0===a?void 0:a.node)||void 0===l?void 0:l.value,k.data&&(k.data.initialValue=n,k.data.initialValueDecode=null===(r=null===(i=e.detail)||void 0===i?void 0:i.node)||void 0===r?void 0:r.value);break;case c.COMBOBOX:k.decode=null===(u=null===(s=e.detail)||void 0===s?void 0:s.node)||void 0===u?void 0:u.value;case c.DATE:case c.TIME:k.data&&(k.data.initialValue=n);break;case c.CHECKBOX:case c.SWITCH:n="on"===n.toLowerCase()?"0":"1",k.data&&(k.data.checked="0"!==n);break;case c.RADIO:if(k.data.data){const e=k.data.data.find((e=>e.checked));e&&(n=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:n=e.detail.stringifiedValues,k.data&&(k.data.data=e.detail.comp.data);break;case c.IMAGE_LIST:n=e.detail.details.cell.value}k.value=null==n?void 0:n.toString(),k.displayedValue=null,k.displayedValue=p(v,k)}if(f&&f.rootElement){const n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:f,id:f.rootElement.id,cell:k,column:v,event:e,row:m,type:o,inputValue:(null===(b=null===(d=k.element)||void 0===d?void 0:d.querySelector("input"))||void 0===b?void 0:b.value)||null}});if(f.rootElement.dispatchEvent(n),t===h.UPDATE)try{f.refresh()}catch(e){T.ketchup.debug.logMessage(f,e,O.ERROR)}}}function ce(e){var n;return f.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}function le(e){var n;return k.includes(null===(n=e.component)||void 0===n?void 0:n.rootElement.tagName)}export{V as F,D as a,E as b,A as c,B as d,M as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as s,h as i,H as e,d as h}from"./p-710d0a7d.js";import{k as o}from"./p-
|
|
1
|
+
import{r as t,f as s,h as i,H as e,d as h}from"./p-710d0a7d.js";import{k as o}from"./p-42976c0d.js";import{c}from"./p-635bb4b3.js";import"./p-a78c9d39.js";const l=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,{key:"e068f28f1a723cec549e47ebf0c0ffa9a6e5540c"},t?i("style",null,t):null,i("div",{key:"2ecac4c628a1c0a387fe3c18564539bd48300924",id:c},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{l as kup_probe}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a9 as c,x as p,b as d,d as b,h as u,W as f,Z as x,aH as g,$ as k,u as m}from"./p-ecf0eb17.js";import{f as w,p as v,s as y}from"./p-060ec8ef.js";import{F as _}from"./p-cce08de3.js";import{d as j}from"./p-7f7a9ebc.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-2ca5047c.js";import{p as P,r as M,F as A}from"./p-bea1f185.js";import{F as R}from"./p-7db300e0.js";import"./p-adadf8b5.js";import"./p-14c6efce.js";import"./p-e3062c19.js";import"./p-31ae78d1.js";import"./p-46a89edc.js";import"./p-c47a69dc.js";import"./p-c56195a0.js";var I,O;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(O||(O={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var E,W,D,$,B,T,L,F,H,N,G,V=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},K=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const q=class{constructor(i){t(this,i),this.kupBoxClick=e(this,"kup-box-click",6),this.kupBoxSelected=e(this,"kup-box-selected",6),this.kupAutoBoxSelect=e(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=e(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=e(this,"kup-box-rowactionclick",6),this.kupDidLoad=e(this,"kup-box-didload",6),this.kupDidUnload=e(this,"kup-box-didunload",6),this.kupBoxContextMenu=e(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=e(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=e(this,"kup-box-cell-click",6),E.add(this),this.state=new S,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],$.set(this,void 0),B.set(this,[]),T.set(this,0),L.set(this,0),F.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=O.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(V(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=V(this,E,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(V(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,e){t.actions=e,this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const e=!V(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?e&&this.visibleColumns.includes(t.name):e&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,e)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(e.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let e=t;return this.sortBy&&(e=y(e,this.toSortObjectList())),e}toSortObjectList(){return this.sortBy.split("|").map((t=>{const e=t.split(",");return{column:e[0],sortMode:e.length>1?c[e[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(V(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||V(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&V(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},e=this.getVisibleColumns();let i=e.length,o=[],s=0;for(;i-- >0;)o.push({column:e[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let e=p(this.getVisibleColumns(),t.detail.value);this.sortBy=e.name}onGlobalFilterChange({detail:t}){let e="";t&&t.value&&(e=t.value),this.globalFilterValue=e}isSectionExpanded(t,e){return!(!t.id||!e.id)&&this.collapsedSection[e.id]&&this.collapsedSection[e.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,e){let i=null,o=null,s=null,r=null;if(t)for(let e=t.length-1;e>=0;e--){let o=t[e];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(i=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(i)if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=i["data-cell"],s=i["data-row"],r=p(this.getVisibleColumns(),i.dataset.column);return{boxObject:i||null,column:r||null,cell:o||null,originalEvent:e,row:s||null}}clickHandler(t){const e=this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t);return e.row&&(this.multiSelection?this.onSelectionCheckChange(e.row):this.selectedRows=[e.row]),e}contextMenuHandler(t){return this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var e=-1;for(let i=0;i<this.selectedRows.length;i++)if(this.selectedRows[i].id===t.id){e=i;break}e>=0?(this.selectedRows.splice(e,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,e){if(e.id)if(t.id){if(this.collapsedSection[e.id]){const i=this.collapsedSection[e.id];i[t.id]=!i[t.id]||!i[t.id]}else this.collapsedSection[e.id]={},this.collapsedSection[e.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,e,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:e,index:i})}clickFunction(t){try{const e=t.composedPath();for(let t of e)if(this.checkIfElementIsActionMenuIcon(t))return}catch(e){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const e=P(t,this.filteredRows.length,this.currentRowsPerPage);e&&(this.currentPage=e)}handleRowsPerPageChange(t){const e=M(t,this.filteredRows.length);e&&(this.currentRowsPerPage=e,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let e=!1;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let e=0;e<s.length;e++){const o=s[e];!1!==o.visible&&(i.cell.push(t.cells[o.name]),i.columns.push(o))}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const o=t.cells[e];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<o.cardID);i.button[o.cardID]={label:o.value};break;case"IMG":do{i.image.push({})}while(i.image.length<o.cardID);i.image[o.cardID]={resource:o.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<o.cardID);i.progressbar[o.cardID]={value:o.value};break;default:do{i.text.push("")}while(i.text.length<o.cardID);i.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(e=!1,s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++)if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value},e=!0;break}e||i.button.push({label:s.value});break;case"IMG":for(let t=0;t<i.image.length;t++)if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value},e=!0;break}e||i.image.push({resource:s.value});break;case"PGB":for(let t=0;t<i.progressbar.length;t++)if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value},e=!0;break}e||i.progressbar.push({value:s.value});break;default:for(let t=0;t<i.text.length;t++)if(""===i.text[t]){i.text[t]=s.value,e=!0;break}e||i.text.push(s.value)}}return o("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const e=[...this.getVisibleColumns()];let i=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(i=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)i.push(this.renderSectionAsCard(t));else for(;n-- >0;)i.push(this.renderSection(o[a++],h,t,e))}var n=!1;for(let e of this.selectedRows)e.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const e={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const e=t.actions.map(((e,i)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,e,i)},o("div",{class:`icon ${e.icon}`}),o("div",{class:"text"},e.text))));i=o("ul",null,e)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:e},i)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&V(this,B,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,i,l),h)}renderSection(t,e,i,s){let r=null;if(t.sections&&t.sections.length>0){const e=t.sections;let o=e.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(e[n++],t,i,s))}else if(t.content){const e=t.content;let o=e.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:e[n++],row:i,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:i,visibleColumns:s}));const n=this.isSectionExpanded(i,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&e&&(l.overflow="hidden",e.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const e={content:!0};let s="";s=t.title?t.title:n?V(this,D,"f").language.translate(d.COLLAPSE):V(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:e},r),o("div",{class:"header",role:"button",onClick:e=>{e.stopPropagation(),this.toggleSectionExpand(i,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const e=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},e,r)}return c}renderBoxObject({boxObject:t,row:e,visibleColumns:i},s){const r={"box-object":!0};let n=null,a=-1;for(let e=0;e<i.length;e++)if(i[e].name===t.column){a=e;break}a>=0?(n=i[a],i.splice(a,1)):s&&(n=this.data.columns.find((e=>e.name===t.column)));const h=e.cells[t.column];let l;return h&&!V(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,V(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.value+";"),h.isEditable||(h.cssClass=V(this,D,"f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({},h.obj),{k:h.value}),h.cssClass))),o("div",{"data-cell":h,"data-row":e,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:e,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return V(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),V(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let e=0;e<this.kanban.labels.length;e++)t.push({labels:this.kanban.labels[e],nodes:[]});for(let e=0;e<this.rows.length;e++){let i=[];for(let t=0;t<this.kanban.columns.length;t++)try{i.push(this.rows[e].cells[this.kanban.columns[t]].value)}catch(t){V(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let e=0;e<t.length;e++){let s=t[e].labels,r=!0;for(let t=0;t<s.length;t++)if(i[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=e;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[e])):t.push({labels:i,nodes:[this.renderRow(this.rows[e])]})}const e=[];for(let i=0;i<t.length;i++){const s=t[i].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});e.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[i].nodes))}return{jsx:e,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),V(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var e;if(this.hold)this.hold=!1;else switch(t.button){case 0:const i={};for(const e in t)i[e]=t[e];const o=this.clickHandler(i);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:null===(e=o.column)||void 0===e?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),V(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const e=this.rowsRefs[t],i=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};e&&!this.interactableDrag.includes(e)&&(this.interactableDrag.push(e),V(this,D,"f").interact.draggable(e,{allowFrom:".box-object",cursorChecker:()=>null},{callback:i},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void V(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const e=V(this,D,"f").getEventPath(t,this.rootElement),i=this.getEventDetails(e);return{cell:i.cell,column:i.column,id:this.rootElement.id,row:i.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),V(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let e=0;e<this.rowsRefs.length;e++){const i=this.rowsRefs[e];i&&!this.interactableDrop.includes(i)&&(this.interactableDrop.push(i),V(this,D,"f").interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){V(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),V(this,D,"f").language.register(this),V(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?K(this,T,document.querySelector(".header").clientHeight,"f"):K(this,T,0,"f"),document.querySelector(".topbar")&&K(this,T,V(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),V(this,E,"m",N).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((e=>t.indexOf(e.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),V(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){V(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++)R(e[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),V(this,E,"m",H).call(this),V(this,D,"f").debug.logRender(this,!0)}render(){K(this,B,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let e=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let i={label:V(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};e=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":i,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;this.globalFilter&&(i=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:V(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{V(this,E,"m",G).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},V(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let e=t.length,i=0;for(n=[];e-- >0;)n.push(this.renderRow(t[i++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,V(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},e,i,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){V(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop)),V(this,D,"f").language.unregister(this),V(this,D,"f").theme.unregister(this),this.scrollOnHover&&V(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,$=new WeakMap,B=new WeakMap,T=new WeakMap,L=new WeakMap,F=new WeakMap,E=new WeakSet,W=function(){let t=!1;V(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),V(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),V(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),V(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const e=this.selectedRows.reduce(((t,e,i)=>t+(i>0?";":"")+e.id),"");return V(this,D,"f").objects.deepEqual(this.state.selectedRowsState,e)||(this.state.selectedRowsState=e,t=!0),V(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),V(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},H=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&V(this,$,"f").observe(V(this,B,"f")[V(this,B,"f").length-1])},N=function(){const t={threshold:0,rootMargin:"-"+V(this,T,"f")+"px 0px 0px 0px"};K(this,$,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){V(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=e<this.loadMoreStep?e:this.loadMoreStep,t.target.classList.remove("last-row"),V(this,$,"f").unobserve(t.target)}}))}),t),"f")},G=function(){var t;let e=0;switch(this.loadMoreMode){case O.CONSTANT:e=this.loadMoreStep;break;case O.CONSTANT_INCREMENT:e=this.loadMoreStep*(V(this,L,"f")+1);break;case O.PROGRESSIVE_THRESHOLD:e=Math.max(V(this,F,"f"),this.loadMoreStep)*Math.min(V(this,L,"f")+1,2)}e>this.loadMoreLimit&&(e=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:e}),K(this,F,e,"f"),K(this,L,(t=V(this,L,"f"),++t),"f")},q.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(\n --kup-box-background-color,\n var(--kup-layer-1)\n );--kup_box_background_color_hover:var(\n --kup-box-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_box_background_color_selected:var(\n --kup-box-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n --kup-box-border-color-drag,\n var(--kup-border-interactive)\n );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n --kup-box-border-color,\n var(--kup-primary-color-60)\n );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{q as kup_box}
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a9 as c,x as p,b as d,d as b,h as u,W as f,Z as x,aH as g,$ as k,u as m}from"./p-42976c0d.js";import{f as w,p as v,s as y}from"./p-164d575d.js";import{F as _}from"./p-cce08de3.js";import{d as j}from"./p-480cdc73.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-530dceb2.js";import{p as P,r as M,F as A}from"./p-7a47674f.js";import{F as R}from"./p-7db300e0.js";import"./p-a78c9d39.js";import"./p-14c6efce.js";import"./p-e3062c19.js";import"./p-31ae78d1.js";import"./p-c12d1db7.js";import"./p-c96e9120.js";import"./p-c56195a0.js";var I,O;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(O||(O={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var E,W,D,$,B,T,L,F,H,N,G,V=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},K=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const q=class{constructor(e){t(this,e),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=i(this,"kup-box-cell-click",6),E.add(this),this.state=new S,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],$.set(this,void 0),B.set(this,[]),T.set(this,0),L.set(this,0),F.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=O.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(V(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=V(this,E,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(V(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){e(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const i=!V(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(V(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||V(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&V(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.getVisibleColumns();let e=i.length,o=[],s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.getVisibleColumns(),t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let e=null,o=null,s=null,r=null;if(t)for(let i=t.length-1;i>=0;i--){let o=t[i];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(e=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(e)if(e.classList.contains("f-cell")){const t=e["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],r=p(this.getVisibleColumns(),e.dataset.column);return{boxObject:e||null,column:r||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t);return i.row&&(this.multiSelection?this.onSelectionCheckChange(i.row):this.selectedRows=[i.row]),i}contextMenuHandler(t){return this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var i=-1;for(let e=0;e<this.selectedRows.length;e++)if(this.selectedRows[e].id===t.id){i=e;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const e=this.collapsedSection[i.id];e[t.id]=!e[t.id]||!e[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,e){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:e})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=P(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=M(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const e={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let i=0;i<s.length;i++){const o=s[i];!1!==o.visible&&(e.cell.push(t.cells[o.name]),e.columns.push(o))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const o=t.cells[i];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{e.button.push({})}while(e.button.length<o.cardID);e.button[o.cardID]={label:o.value};break;case"IMG":do{e.image.push({})}while(e.image.length<o.cardID);e.image[o.cardID]={resource:o.value};break;case"PGB":do{e.progressbar.push({})}while(e.progressbar.length<o.cardID);e.progressbar[o.cardID]={value:o.value};break;default:do{e.text.push("")}while(e.text.length<o.cardID);e.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<e.button.length;t++)if(!Object.keys(e.button[t]).length){e.button[t]={label:s.value},i=!0;break}i||e.button.push({label:s.value});break;case"IMG":for(let t=0;t<e.image.length;t++)if(!Object.keys(e.image[t]).length){e.image[t]={resource:s.value},i=!0;break}i||e.image.push({resource:s.value});break;case"PGB":for(let t=0;t<e.progressbar.length;t++)if(!Object.keys(e.progressbar[t]).length){e.progressbar[t]={value:s.value},i=!0;break}i||e.progressbar.push({value:s.value});break;default:for(let t=0;t<e.text.length;t++)if(""===e.text[t]){e.text[t]=s.value,i=!0;break}i||e.text.push(s.value)}}return o("kup-card",Object.assign({data:e},this.cardData))}renderRow(t){const i=[...this.getVisibleColumns()];let e=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(e=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)e.push(this.renderSectionAsCard(t));else for(;n-- >0;)e.push(this.renderSection(o[a++],h,t,i))}var n=!1;for(let i of this.selectedRows)i.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let e=null;if(t.actions){const i=t.actions.map(((i,e)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,e)},o("div",{class:`icon ${i.icon}`}),o("div",{class:"text"},i.text))));e=o("ul",null,i)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:i},e)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&V(this,B,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let r=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:i[n++],row:e,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const n=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.overflow="hidden",i.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:n?V(this,D,"f").language.translate(d.COLLAPSE):V(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},r),o("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(e,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,r)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const r={"box-object":!0};let n=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(n=e[a],e.splice(a,1)):s&&(n=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!V(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,V(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.value+";"),h.isEditable||(h.cssClass=V(this,D,"f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({},h.obj),{k:h.value}),h.cssClass))),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return V(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),V(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let e=[];for(let t=0;t<this.kanban.columns.length;t++)try{e.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){V(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,r=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=i;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:e,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let e=0;e<t.length;e++){const s=t[e].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[e].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),V(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];const o=this.clickHandler(e);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:null===(i=o.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),V(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),V(this,D,"f").interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void V(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=V(this,D,"f").getEventPath(t,this.rootElement),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),V(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),V(this,D,"f").interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){V(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),V(this,D,"f").language.register(this),V(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?K(this,T,document.querySelector(".header").clientHeight,"f"):K(this,T,0,"f"),document.querySelector(".topbar")&&K(this,T,V(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),V(this,E,"m",N).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),V(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){V(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),V(this,E,"m",H).call(this),V(this,D,"f").debug.logRender(this,!0)}render(){K(this,B,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:V(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};i=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":e,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let e=null;this.globalFilter&&(e=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:V(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{V(this,E,"m",G).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},V(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,e=0;for(n=[];i-- >0;)n.push(this.renderRow(t[e++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,V(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){V(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop)),V(this,D,"f").language.unregister(this),V(this,D,"f").theme.unregister(this),this.scrollOnHover&&V(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,$=new WeakMap,B=new WeakMap,T=new WeakMap,L=new WeakMap,F=new WeakMap,E=new WeakSet,W=function(){let t=!1;V(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),V(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),V(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),V(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),"");return V(this,D,"f").objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),V(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),V(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},H=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&V(this,$,"f").observe(V(this,B,"f")[V(this,B,"f").length-1])},N=function(){const t={threshold:0,rootMargin:"-"+V(this,T,"f")+"px 0px 0px 0px"};K(this,$,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){V(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),V(this,$,"f").unobserve(t.target)}}))}),t),"f")},G=function(){var t;let i=0;switch(this.loadMoreMode){case O.CONSTANT:i=this.loadMoreStep;break;case O.CONSTANT_INCREMENT:i=this.loadMoreStep*(V(this,L,"f")+1);break;case O.PROGRESSIVE_THRESHOLD:i=Math.max(V(this,F,"f"),this.loadMoreStep)*Math.min(V(this,L,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),K(this,F,i,"f"),K(this,L,(t=V(this,L,"f"),++t),"f")},q.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_box_background_color:var(\n --kup-box-background-color,\n var(--kup-layer-1)\n );--kup_box_background_color_hover:var(\n --kup-box-background-color-hover,\n var(--kup-layer-1-hover)\n );--kup_box_background_color_selected:var(\n --kup-box-background-color-selected,\n var(--kup-layer-1-selected)\n );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n --kup-box-border-color-drag,\n var(--kup-border-interactive)\n );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n --kup-box-border-color,\n var(--kup-primary-color-60)\n );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{q as kup_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-710d0a7d.js";import{F as n}from"./p-14c6efce.js";import{a as o}from"./p-e3062c19.js";import{F as s}from"./p-cce08de3.js";import{k as f,g as _,s as p,b as m,W as h}from"./p-ecf0eb17.js";import{c}from"./p-635bb4b3.js";import"./p-adadf8b5.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,k,g,v,x,b,w,z,j,W,C,E,M,T,S,D,L,O,P,R,A,F,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){if(!H(this,j,"f"))return;const t=H(this,j,"f").clientWidth,e=H(this,j,"f").scrollWidth;if(!t||!e)return;const i=.85*t,a=.95*t;let l=1;e>a?l=a/e:e<i&&(l=Math.min(1,i/e)),l=Math.max(.01,Math.min(1,l)),H(this,j,"f").style.setProperty("--kup_familytree_scale",l.toFixed(2))}async setProps(t){p(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"0283dcb4dc4e6de530115da529a3e624db0936be",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"64c579610819a85caeb19ffbd9173bd3e3efa39c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"829f6f951916a57d7345746e1286088b4c20a0c7",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,W=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},C=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},p={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:o.OUTLINED,title:`${H(this,b,"f").language.translate(m.EXPAND)}/${H(this,b,"f").language.translate(m.COLLAPSE)} (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component { background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:p,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",E).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(n,Object.assign({},c)):void 0)),k={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:k}),a("div",{class:"family-tree__node__staff",style:k},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",W).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},E=function(t,e){return 2===e?H(this,d,"m",T).call(this,t):H(this,d,"m",M).call(this,t)},M=function(t){var e;return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},null!==(e=t.decode)&&void 0!==e?e:t.value))},T=function(t){var e;return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,placeholderResource:t.placeholderIcon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},null!==(e=t.decode)&&void 0!==e?e:t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",C).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,n=null;return a&&(l=a["data-cell"],r=a["data-column"],n=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:n||null,td:a||null}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))$(this,k,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n --kup-layer-1,\n var(--kup-layer-1)\n );--kup_familytree_border_color:var(\n --kup-familytree-border-color,\n var(--kup-info-color-50)\n );--kup_familytree_item_color:var(\n --kup-familytree-item-color,\n var(--kup-text-color)\n );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n --kup-familytree-item-h-padding,\n var(--kup-space-00)\n );--kup_familytree_item_v_padding:var(\n --kup-familytree-item-v-padding,\n var(--kup-space-03)\n );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-subtle)\n );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:var(--kup_familytree_item_minheight);min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as l,d as r}from"./p-710d0a7d.js";import{F as n}from"./p-14c6efce.js";import{a as o}from"./p-e3062c19.js";import{F as s}from"./p-cce08de3.js";import{k as f,g as _,s as p,b as m,W as h}from"./p-42976c0d.js";import{c}from"./p-635bb4b3.js";import"./p-a78c9d39.js";var u;!function(t){t.autofitOnExpand="The component will autofit everytime a node is expanded.",t.autofitOnLoad="The component's initial render will fit the container by invoking the runAutofit method.",t.cardData="Used to render the family tree boxes as kup-cards (through kup-box).",t.collapsible="Nodes can be expanded/collapsed.",t.customStyle="Custom style of the component.",t.data="Actual data of the component",t.layout="Layout of the boxes.",t.stackedLeaves="Child nodes that have no children are arranged vertically."}(u||(u={}));var d,y,k,g,v,x,b,w,z,j,W,C,E,M,T,S,D,L,O,P,R,A,F,X,Y,H=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)},$=function(t,e,i,a,l){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?l.call(t,i):l?l.value=i:e.set(t,i),i};const B=class{constructor(i){t(this,i),this.kupClick=e(this,"kup-familytree-click",6),this.kupContextMenu=e(this,"kup-familytree-contextmenu",6),this.kupDblClick=e(this,"kup-familytree-dblclick",6),d.add(this),y.set(this,[]),k.set(this,!1),g.set(this,0),v.set(this,0),x.set(this,[]),b.set(this,f()),w.set(this,(t=>{const e=t.clientX-H(this,g,"f"),i=t.clientY-H(this,v,"f");this.rootElement.scrollTop-=i,this.rootElement.scrollLeft-=e,$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f")})),z.set(this,!1),j.set(this,null),this.autofitOnExpand=!0,this.autofitOnLoad=!0,this.cardData=null,this.collapsible=!0,this.customStyle="",this.data=null,this.layout=null,this.stackedLeaves=!1}async collapseAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!1},!0),this.refresh()}async expandAll(t=this.data.rows){H(this,b,"f").data.node.setProperties(t,{isExpanded:!0},!0),this.refresh()}async getProps(t){return _(this,u,t)}async refresh(){i(this)}async runAutofit(){if(!H(this,j,"f"))return;const t=H(this,j,"f").clientWidth,e=H(this,j,"f").scrollWidth;if(!t||!e)return;const i=.85*t,a=.95*t;let l=1;e>a?l=a/e:e<i&&(l=Math.min(1,i/e)),l=Math.max(.01,Math.min(1,l)),H(this,j,"f").style.setProperty("--kup_familytree_scale",l.toFixed(2))}async setProps(t){p(this,u,t)}componentWillLoad(){H(this,b,"f").debug.logLoad(this,!1),H(this,b,"f").language.register(this),H(this,b,"f").theme.register(this)}componentDidLoad(){H(this,d,"m",X).call(this),this.autofitOnLoad&&this.runAutofit(),H(this,b,"f").debug.logLoad(this,!0)}componentWillRender(){H(this,b,"f").debug.logRender(this,!1)}componentDidRender(){H(this,z,"f")&&($(this,z,!1,"f"),this.runAutofit()),H(this,b,"f").debug.logRender(this,!0)}render(){return a(l,{key:"0283dcb4dc4e6de530115da529a3e624db0936be",onDrag:t=>t.preventDefault(),onPointerDown:t=>{t.preventDefault(),H(this,d,"m",O).call(this,t)},onWheel:t=>{H(this,d,"m",Y).call(this,t)}},a("style",{key:"64c579610819a85caeb19ffbd9173bd3e3efa39c"},H(this,b,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"829f6f951916a57d7345746e1286088b4c20a0c7",id:c},H(this,d,"m",D).call(this)))}disconnectedCallback(){H(this,b,"f").language.unregister(this),H(this,b,"f").theme.unregister(this)}get rootElement(){return r(this)}};y=new WeakMap,k=new WeakMap,g=new WeakMap,v=new WeakMap,x=new WeakMap,b=new WeakMap,w=new WeakMap,z=new WeakMap,j=new WeakMap,d=new WeakSet,W=function(t,e,i,l){const r=[];return r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--right":!t,"family-tree__line--top":!t}},a("div",{class:"family-tree__line--placeholder"}))),r.push(a("td",{class:{"family-tree__line":!0,"family-tree__line--left":t,"family-tree__line--top":t&&!i||l&&!e}},a("div",{class:"family-tree__line--placeholder"}))),r},C=function t(e){var i;let l=null,r=null;(!this.collapsible||this.collapsible&&e.isExpanded)&&(null===(i=e.children)||void 0===i||i.forEach((t=>{t.isStaff?(r||(r=[]),r.push(t)):(l||(l=[]),l.push(t))})));const s=this.stackedLeaves&&l&&l.every((t=>!t.children||0==t.children.length)),f=l?2*l.length:1,_={"family-tree__line":!0,"family-tree__line--placeholder":!(!l&&!r),"family-tree__line--vertical":!(!l&&!r)},p={columns:[{name:"*TREECOL",title:"Fake column",visible:!1},...this.data.columns],rows:[{cells:Object.assign({"*TREECOL":e},e.cells)}]},h=e.layout||this.layout||1,c={icon:e.isExpanded?"remove":"plus",shaped:!0,slim:!0,styling:o.OUTLINED,title:`${H(this,b,"f").language.translate(m.EXPAND)}/${H(this,b,"f").language.translate(m.COLLAPSE)} (CTRL + Click)`,onClick:t=>{t.ctrlKey&&e.children&&e.children.length>0&&(e.isExpanded?this.collapseAll(e.children):this.expandAll(e.children)),e.isExpanded=!e.isExpanded,this.autofitOnExpand&&$(this,z,!0,"f"),this.refresh()},wrapperClass:"family-tree__item__expand"};let u=null;H(this,d,"m",L).call(this,h)&&(u=a("kup-box",{class:"kup-borderless kup-paddingless",customStyle:"#kup-component { background: var(--kup_familytree_item_background_color); border: 2px solid var(--kup_familytree_lines_color); box-sizing: border-box; height: var(--kup_familytree_item_height); padding: 0 var(--kup_familytree_item_h_padding); } #kup-component .box-component { background: var(--kup_familytree_item_background_color); box-sizing: border-box; height: 100%;} #kup-component .f-cell__text { color: var(--kup_familytree_item_color); }",data:p,cardData:this.cardData,layout:this.cardData?null:h,showSelection:!1}));const y=a("div",{class:"family-tree__item"},a("div",{class:"family-tree__item__wrapper"},H(this,d,"m",L).call(this,h)?u:H(this,d,"m",E).call(this,e,h),this.collapsible&&e.children&&e.children.length>0?a(n,Object.assign({},c)):void 0)),k={"--kup_familytree_staffchildren":(null==r?void 0:r.length.toString())||"0"};return a("table",{class:{"family-tree__node":!0,"family-tree__node--stacked":this.stackedLeaves&&!e.isStaff&&(!e.children||0==e.children.length)}},a("tr",null,a("td",{"data-row":e,colSpan:f},y)),a("tr",null,a("td",{colSpan:f},a("div",{class:_}))),r?[a("tr",null,a("td",{colSpan:f},a("div",{class:Object.assign(Object.assign({},_),{"family-tree__line--staff":!0}),style:k}),a("div",{class:"family-tree__node__staff",style:k},r.map((e=>[a("div",{class:"family-tree__node__staff__item"},H(this,d,"m",t).call(this,e))])))))]:null,r&&l?[a("tr",null,a("td",{colSpan:f},a("div",{class:_})))]:null,l?[a("tr",null,s?a("td",{colSpan:f},a("div",{class:_})):l.map((t=>H(this,d,"m",W).call(this,0==l.indexOf(t),l.indexOf(t)==l.length-1,1==l.length,l.length>2)))),a("tr",null,s?a("td",{colSpan:f},l.map((e=>H(this,d,"m",t).call(this,e)))):l.map((e=>a("td",{colSpan:2},H(this,d,"m",t).call(this,e)))))]:void 0)},E=function(t,e){return 2===e?H(this,d,"m",T).call(this,t):H(this,d,"m",M).call(this,t)},M=function(t){var e;return a("div",{class:"family-tree__item__layout family-tree__item__layout--1"},a("div",{class:"family-tree__item__layout__text__title"},null!==(e=t.decode)&&void 0!==e?e:t.value))},T=function(t){var e;return a("div",{class:"family-tree__item__layout family-tree__item__layout--2"},a("div",{class:"family-tree__item__layout__color"}),a("div",{class:"family-tree__item__layout__image"},a(s,{resource:t.icon,placeholderResource:t.placeholderIcon,sizeX:"48px",sizeY:"48px"})),a("div",{class:"family-tree__item__layout__text"},a("div",{class:"family-tree__item__layout__text__title"},null!==(e=t.decode)&&void 0!==e?e:t.value),t.title?a("div",{class:"family-tree__item__layout__text__subtitle"},t.title):null))},S=function(t){return t.map((t=>H(this,d,"m",C).call(this,t)))},D=function(){return a("div",{class:"family-tree",onContextMenu:t=>{t.preventDefault()},ref:t=>$(this,j,t,"f")},this.data&&this.data.rows&&this.data.rows.length?H(this,d,"m",S).call(this,this.data.rows):a("div",null,H(this,b,"f").language.translate(m.EMPTY_DATA)))},L=function(t){return!!this.cardData||t&&t.sections&&t.sections.length>0},O=function(t){$(this,g,t.clientX,"f"),$(this,v,t.clientY,"f"),H(this,j,"f").classList.add("family-tree--dragging");const e=()=>{document.removeEventListener("pointermove",H(this,w,"f")),document.removeEventListener("pointerup",e),H(this,j,"f").classList.remove("family-tree--dragging")};document.addEventListener("pointermove",H(this,w,"f")),document.addEventListener("pointerup",e)},P=function(t,e){let i,a;if(t)for(let e=t.length-1;e>=0;e--){const l=t[e];l.tagName&&(l.classList.contains("family-tree__item__expand")&&(i=l),"TD"===l.tagName.toUpperCase())&&(a=l)}let l=null,r=null,n=null;return a&&(l=a["data-cell"],r=a["data-column"],n=a["data-row"]),{cell:l||null,column:r||null,expandButton:i||null,originalEvent:e,row:n||null,td:a||null}},R=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},A=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},F=function(t){return H(this,d,"m",P).call(this,H(this,b,"f").getEventPath(t.target,this.rootElement),t)},X=function(){H(this,x,"f").push(this.rootElement),H(this,b,"f").interact.on(this.rootElement,h.TAP,(t=>{if(H(this,k,"f"))$(this,k,!1,"f");else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];H(this,y,"f").push(setTimeout((()=>{this.kupClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",R).call(this,e)})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.DOUBLETAP,(t=>{if(0===t.button){for(let t=0;t<H(this,y,"f").length;t++)clearTimeout(H(this,y,"f")[t]),H(this,b,"f").debug.logMessage(this,"Cleared clickHandler timeout("+H(this,y,"f")[t]+").");$(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",F).call(this,t)})}})),H(this,b,"f").interact.on(this.rootElement,h.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||($(this,k,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:H(this,d,"m",A).call(this,t)}))}))},Y=function(t){if(t.ctrlKey){t.preventDefault();const e=parseFloat(H(this,j,"f").style.getPropertyValue("--kup_familytree_scale"))||1,i=.05;let a=t.deltaY>0?e-i:e+i;a<i&&(a=i),H(this,j,"f").style.setProperty("--kup_familytree_scale",a.toFixed(2))}},B.style='.kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_familytree_item_background_color:var(\n --kup-layer-1,\n var(--kup-layer-1)\n );--kup_familytree_border_color:var(\n --kup-familytree-border-color,\n var(--kup-info-color-50)\n );--kup_familytree_item_color:var(\n --kup-familytree-item-color,\n var(--kup-text-color)\n );--kup_familytree_item_minheight:var(--kup-familytree-item-minheight, 32px);--kup_familytree_item_height:var(--kup-familytree-item-height, 100%);--kup_familytree_item_h_padding:var(\n --kup-familytree-item-h-padding,\n var(--kup-space-00)\n );--kup_familytree_item_v_padding:var(\n --kup-familytree-item-v-padding,\n var(--kup-space-03)\n );--kup_familytree_item_width:var(--kup-familytree-item-width, 280px);--kup_familytree_lines_color:var(\n --kup-familytree-lines-color,\n var(--kup-border-subtle)\n );display:block;overflow:hidden}.family-tree{cursor:grab;display:flex;transform:scale(var(--kup_familytree_scale, 1));transform-origin:0px 0px}.family-tree--dragging{cursor:grabbing}.family-tree__node{border-collapse:collapse;margin:auto}.family-tree__node--stacked{margin-bottom:4px}.family-tree__node__staff{align-items:center;display:flex;flex-direction:column;height:0;transform:translateX(calc((var(--kup_familytree_item_width) + var(--kup_familytree_item_h_padding) * 2) / 2)) translateY(calc(0px - (var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)))}.family-tree__node__staff__item{padding:var(--kup_familytree_item_v_padding);text-align:left}.family-tree__node__staff__item:before{border-top:2px solid var(--kup_familytree_lines_color);content:"";position:absolute;transform:translateX(calc(100% + 2px)) translateY(calc(var(--kup_familytree_item_minheight) / 2));width:var(--kup_familytree_item_h_padding)}.family-tree__node td{vertical-align:top;padding:0}.family-tree__line--left{border-left:2px solid var(--kup_familytree_lines_color)}.family-tree__line--placeholder{height:32px}.family-tree__line--staff{height:calc(var(--kup_familytree_staffchildren) * var(--kup_familytree_item_minheight) + var(--kup_familytree_staffchildren) * var(--kup_familytree_item_v_padding) * 2)}.family-tree__line--right{border-right:2px solid var(--kup_familytree_lines_color)}.family-tree__line--top{border-top:2px solid var(--kup_familytree_lines_color)}.family-tree__line--vertical{background-color:var(--kup_familytree_lines_color);margin-left:auto;margin-right:auto;width:2px}.family-tree__item{display:flex}.family-tree__item__wrapper{margin:auto;display:flex;flex-direction:column}.family-tree__item__wrapper kup-box{margin:0 auto;overflow:hidden;padding:0 var(--kup-space-05);z-index:1}.family-tree__item__wrapper .f-button{--kup-button-primary-color:var(--kup-text-color);--kup-button-primary-color-rgb:var(--kup-text-color-rgb);--kup-button-primary-color-h:var(--kup-text-color-h);--kup-button-primary-color-s:var(--kup-text-color-s);--kup-button-primary-color-l:var(--kup-text-color-l);margin:0 auto;width:max-content}.family-tree__item__wrapper .f-button button{height:32px;width:32px}.family-tree__item__layout{background-color:var(--kup_familytree_item_background_color);box-sizing:border-box;display:flex;height:var(--kup_familytree_item_minheight);min-height:32px;margin:0 18px;width:var(--kup_familytree_item_width)}.family-tree__item__layout--1{justify-content:center;color:var(--kup_familytree_item_color)}.family-tree__item__layout--1>.family-tree__item__layout__text__title{margin-top:auto;margin-bottom:auto}.family-tree__item__layout--2{background-color:var(--kup_familytree_item_background_color);justify-content:flex-start}.family-tree__item__layout__color{background-color:var(--kup_familytree_border_color);height:100%;width:10px}.family-tree__item__layout__image{display:flex;margin:auto var(--kup-space-03)}.family-tree__item__layout__image img{border-radius:50px;object-fit:cover}.family-tree__item__layout__text{display:flex;flex-direction:column;justify-content:center}.family-tree__item__layout__text__title{font-size:18px;margin-bottom:5px}.family-tree__item__layout__text__subtitle{font-size:14px}.family-tree__item__layout__text__title,.family-tree__item__layout__text__subtitle{max-width:calc(var(--kup_familytree_item_width) - 30%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{B as kup_family_tree}
|