@sme.up/ketchup 11.0.1 → 11.0.3
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-6f329389.js → f-cell-88ea3c2a.js} +4 -4
- package/dist/cjs/{f-chip-c3613a58.js → f-chip-507253cb.js} +1 -1
- package/dist/cjs/{f-object-field-f47313a4.js → f-object-field-7ade850e.js} +2 -2
- package/dist/cjs/{f-paginator-utils-18ec42c0.js → f-paginator-utils-7bf669ba.js} +1 -1
- package/dist/cjs/{f-text-field-34e24c97.js → f-text-field-207cb958.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_30.cjs.entry.js +36 -35
- package/dist/cjs/kup-box.cjs.entry.js +7 -7
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +5 -5
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-a54c3e63.js → kup-data-table-helper-850b5723.js} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-input-panel.cjs.entry.js +5 -5
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-04a36733.js → kup-manager-00e29452.js} +17 -19
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-txt.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/assets/activity-timeline.js +589 -1193
- package/dist/collection/assets/box-performance.js +51 -33942
- package/dist/collection/assets/box.js +55 -113
- package/dist/collection/assets/button-list.js +45 -47
- package/dist/collection/assets/calendar.js +1 -29
- package/dist/collection/assets/card-list.js +73 -235
- package/dist/collection/assets/card.js +4 -105
- package/dist/collection/assets/cell.js +2 -3
- package/dist/collection/assets/chart.js +2629 -2899
- package/dist/collection/assets/data-table.js +12 -13202
- package/dist/collection/assets/echart.js +1 -145
- package/dist/collection/assets/family-tree.js +1 -205
- package/dist/collection/assets/form.js +1 -31
- package/dist/collection/assets/htm.js +4 -3
- package/dist/collection/assets/input-panel-tooltip.js +4 -4
- package/dist/collection/assets/input-panel.js +123 -290
- package/dist/collection/assets/kupdata.js +3 -51
- package/dist/collection/assets/planner-example-1.js +939 -1048
- package/dist/collection/assets/planner-example-2.js +416 -825
- package/dist/collection/assets/planner-example-3.js +5838 -6269
- package/dist/collection/assets/tree.js +1 -25125
- package/dist/collection/assets/txt.js +3 -2
- package/dist/collection/components/kup-data-table/kup-data-table.js +29 -28
- package/dist/collection/managers/kup-data/kup-data-cell-helper.js +1 -5
- package/dist/collection/managers/kup-interact/kup-interact.js +3 -0
- package/dist/collection/utils/cell-utils.js +12 -13
- 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 +2 -2
- package/dist/components/kup-card-list.js +3 -3
- package/dist/components/kup-card.js +1 -1
- package/dist/components/kup-cell.js +2 -2
- package/dist/components/kup-chart.js +1 -1
- package/dist/components/kup-checkbox.js +1 -1
- package/dist/components/kup-chip.js +1 -1
- package/dist/components/kup-color-picker.js +1 -1
- package/dist/components/kup-combobox.js +1 -1
- package/dist/components/kup-dashboard.js +2 -2
- package/dist/components/kup-data-table.js +1 -1
- package/dist/components/kup-date-picker.js +1 -1
- package/dist/components/kup-dialog.js +1 -1
- package/dist/components/kup-drawer.js +2 -2
- package/dist/components/kup-dropdown-button.js +1 -1
- package/dist/components/kup-echart.js +1 -1
- package/dist/components/kup-editor.js +1 -1
- package/dist/components/kup-family-tree.js +3 -3
- package/dist/components/kup-file-upload.js +1 -1
- package/dist/components/kup-form.js +1 -1
- package/dist/components/kup-gauge.js +1 -1
- package/dist/components/kup-grid.js +1 -1
- package/dist/components/kup-htm.js +2 -2
- package/dist/components/kup-iframe.js +2 -2
- package/dist/components/kup-image-list.js +1 -1
- package/dist/components/kup-image.js +1 -1
- package/dist/components/kup-input-panel.js +3 -3
- package/dist/components/kup-lazy.js +2 -2
- package/dist/components/kup-list.js +1 -1
- package/dist/components/kup-magic-box.js +4 -4
- package/dist/components/kup-nav-bar.js +2 -2
- package/dist/components/kup-numeric-picker.js +2 -2
- package/dist/components/kup-object-field.js +2 -2
- package/dist/components/kup-planner.js +2 -2
- package/dist/components/kup-probe.js +2 -2
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +2 -2
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +2 -2
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +2 -2
- package/dist/components/kup-typography-list.js +2 -2
- package/dist/components/kup-typography.js +2 -2
- package/dist/components/{p-4e778804.js → p-2d3187f1.js} +30 -29
- package/dist/components/{p-521645dc.js → p-2f618e95.js} +2 -2
- package/dist/components/{p-030f9761.js → p-cf2c9c0d.js} +2 -2
- package/dist/components/{p-6f0557fa.js → p-d2c21bde.js} +2 -2
- package/dist/components/{p-69e544b8.js → p-d56d09a2.js} +17 -19
- package/dist/components/{p-99ec9de9.js → p-e7a113c6.js} +2 -2
- package/dist/esm/{f-cell-3ed82a9a.js → f-cell-0a405bc3.js} +4 -4
- package/dist/esm/{f-chip-f4658ed9.js → f-chip-9df5d2c6.js} +1 -1
- package/dist/esm/{f-object-field-958eafe3.js → f-object-field-aac161d2.js} +2 -2
- package/dist/esm/{f-paginator-utils-21f8ead9.js → f-paginator-utils-968b5af6.js} +1 -1
- package/dist/esm/{f-text-field-e9515bd5.js → f-text-field-416d425c.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_30.entry.js +36 -35
- package/dist/esm/kup-box.entry.js +7 -7
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +5 -5
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-b5b09e78.js → kup-data-table-helper-050584ae.js} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-input-panel.entry.js +5 -5
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-9c966073.js → kup-manager-a47748da.js} +17 -19
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-object-field.entry.js +3 -3
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-txt.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-5ec1ec4b.js → p-060ec8ef.js} +1 -1
- package/dist/ketchup/{p-80ed3d73.entry.js → p-06ceea6f.entry.js} +1 -1
- package/dist/ketchup/{p-08149b4e.entry.js → p-1e546759.entry.js} +1 -1
- package/dist/ketchup/{p-b3ec3024.entry.js → p-235f2751.entry.js} +1 -1
- package/dist/ketchup/{p-e8c0a2d5.js → p-2ca5047c.js} +1 -1
- package/dist/ketchup/{p-44c875d1.entry.js → p-32c0cc6c.entry.js} +1 -1
- package/dist/ketchup/{p-621c5460.entry.js → p-3478ab68.entry.js} +1 -1
- package/dist/ketchup/{p-a963ab44.entry.js → p-34a92fec.entry.js} +1 -1
- package/dist/ketchup/{p-bc098826.entry.js → p-3923312c.entry.js} +1 -1
- package/dist/ketchup/p-3f71f711.entry.js +1 -0
- package/dist/ketchup/{p-39635a88.entry.js → p-41d4dd10.entry.js} +1 -1
- package/dist/ketchup/{p-e28b7ec4.entry.js → p-42e63e2e.entry.js} +1 -1
- package/dist/ketchup/{p-ed58ba36.js → p-46a89edc.js} +1 -1
- package/dist/ketchup/{p-073b5537.entry.js → p-4ccac10f.entry.js} +1 -1
- package/dist/ketchup/{p-4726d10f.entry.js → p-4f97da3e.entry.js} +1 -1
- package/dist/ketchup/{p-e27bd288.entry.js → p-5a24cdc1.entry.js} +1 -1
- package/dist/ketchup/{p-3cef002e.entry.js → p-613d82ed.entry.js} +1 -1
- package/dist/ketchup/p-62e118bc.entry.js +8 -0
- package/dist/ketchup/{p-0d9d7c10.entry.js → p-65f31377.entry.js} +1 -1
- package/dist/ketchup/{p-a35fbf4d.entry.js → p-6b9430ff.entry.js} +1 -1
- package/dist/ketchup/{p-9ffe610b.entry.js → p-71410c8c.entry.js} +1 -1
- package/dist/ketchup/{p-0661da43.entry.js → p-72724296.entry.js} +1 -1
- package/dist/ketchup/{p-45c361d1.js → p-7f7a9ebc.js} +1 -1
- package/dist/ketchup/{p-2dc5d434.entry.js → p-839b289d.entry.js} +1 -1
- package/dist/ketchup/{p-8d03cde8.entry.js → p-895a22ef.entry.js} +1 -1
- package/dist/ketchup/{p-e3bb206d.entry.js → p-9854a470.entry.js} +1 -1
- package/dist/ketchup/{p-985ab475.entry.js → p-aebeb30c.entry.js} +1 -1
- package/dist/ketchup/{p-aba84ebf.js → p-bea1f185.js} +1 -1
- package/dist/ketchup/{p-7ef1f37a.js → p-c47a69dc.js} +1 -1
- package/dist/ketchup/{p-0bcd8d8b.entry.js → p-c5e5fbb2.entry.js} +1 -1
- package/dist/ketchup/{p-28751607.entry.js → p-d09cf0b3.entry.js} +1 -1
- package/dist/ketchup/{p-bb034f35.entry.js → p-df7f1752.entry.js} +1 -1
- package/dist/ketchup/p-e4a9100b.entry.js +1 -0
- package/dist/ketchup/p-ecf0eb17.js +21 -0
- package/dist/ketchup/p-f9a6acb8.entry.js +1 -0
- package/dist/types/utils/cell-utils.d.ts +1 -1
- package/package.json +1 -1
- package/dist/ketchup/p-476046a9.entry.js +0 -8
- package/dist/ketchup/p-54ae75bb.js +0 -21
- package/dist/ketchup/p-860cb066.entry.js +0 -1
- package/dist/ketchup/p-f413939e.entry.js +0 -1
- package/dist/ketchup/p-fb43f240.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-710d0a7d.js";import{k as a,aj as r,g as l,s as c,d as f,u as d}from"./p-54ae75bb.js";import{K as p,d as u,a as m,b as v,c as k}from"./p-cd3a7d53.js";import{c as w}from"./p-635bb4b3.js";import{F as b}from"./p-7ef1f37a.js";import{F as g}from"./p-7db300e0.js";import"./p-adadf8b5.js";import"./p-cce08de3.js";import"./p-c56195a0.js";const y=a();function x(t,i,s,h,e,n,o,a){const r=D(t,i);let l=[];s&&h&&(l=C(s,h)?D(s,h):[...r]);let c=[];e&&n&&(z(e,n)?c=S(e,n):l=[...r]);let f=[];return o&&a&&(z(o,a)?f=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:c,secHourValues:f}}function D(t,i){let s=[t.value,i.value];return j(t)&&j(i)?s:j(t)?[t.value,t.value]:j(i)?[i.value,i.value]:s}function S(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function j(t){return y.objects.isDate(t.obj)&&y.dates.isIsoDate(t.value)}function O(t){return y.objects.isTime(t.obj)||y.objects.isTimeWithSeconds(t.obj)}function C(t,i){return j(t)||j(i)}function z(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class E{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var H,M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},st=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const ht=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupPhaseDrop=i(this,"kup-planner-phasedrop",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),H.add(this),this.state=new E,this.plannerRenderer=void 0,M.set(this,a()),P.set(this,void 0),W.set(this,[]),I.set(this,{}),R.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailHours=[],this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevHours=[],this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseHours=[],this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevHours=[],this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskHours=[],this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevHours=[],this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.scrollableTaskList=!1,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(it(this,M,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;it(this,M,"f").objects.deepEqual(this.state.detailFilter,it(this,R,"f").detailFilter)||(this.state.detailFilter=it(this,R,"f").detailFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.showSecondaryDates,it(this,R,"f").showSecondaryDates)||(this.state.showSecondaryDates=it(this,R,"f").showSecondaryDates,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollX,it(this,R,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=it(this,R,"f").detailInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollY,it(this,R,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=it(this,R,"f").detailInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskFilter,it(this,R,"f").taskFilter)||(this.state.taskFilter=it(this,R,"f").taskFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollX,it(this,R,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=it(this,R,"f").taskInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollY,it(this,R,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=it(this,R,"f").taskInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.viewMode,it(this,R,"f").viewMode)||(this.state.viewMode=it(this,R,"f").viewMode,t=!0),t&&(it(this,M,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){st(this,I,{},"f")}async getProps(t){return l(this,k,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){c(this,k,t)}async addPhases(t,i){var s;const h=it(this,H,"m",K).call(this,t);h&&(it(this,I,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=x(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]],t.cells[this.phaseHours[0]],t.cells[this.phaseHours[1]],t.cells[this.phasePrevHours[0]],t.cells[this.phasePrevHours[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=it(this,H,"m",$).call(this,t,this.phaseIconCol),o=it(this,H,"m",tt).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:p.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}}))),this.plannerProps.mainGantt.initialScrollX=it(this,R,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=it(this,R,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){it(this,M,"f").debug.logLoad(this,!1),it(this,M,"f").theme.register(this),this.initWithPersistedState(),st(this,R,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");g(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&g(s),this.plannerProps={mainGantt:{title:this.titleMess,items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:it(this,R,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)},onPhaseDrop:t=>this.handleOnPhaseDrop(t)},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,scrollableTaskList:this.scrollableTaskList,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&it(this,H,"m",U).call(this,this.taskFilter),this.detailFilter&&it(this,H,"m",U).call(this,this.detailFilter,!0),it(this,M,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),it(this,M,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupPhaseDrop(t,i){this.kupPhaseDrop.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case p.TASK:it(this,H,"m",G).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:it(this,H,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:it(this,H,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<it(this,W,"f").length;t++)clearTimeout(it(this,W,"f")[t]),it(this,M,"f").debug.logMessage(this,"Cleared click timeout("+it(this,W,"f")[t]+").");st(this,W,[],"f")}handleOnClick(t){it(this,W,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;it(this,H,"m",F).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:it(this,H,"m",N).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:it(this,H,"m",_).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:it(this,H,"m",q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:it(this,H,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:it(this,H,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;it(this,R,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){it(this,R,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){it(this,R,"f").taskInitialScrollX=t,it(this,R,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){it(this,R,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){it(this,R,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){it(this,H,"m",Q).call(this,t)&&t.rowType!=p.DETAIL&&this.onKupDateChange(t,m.onResize)}handleOnPhaseDrop(t){this.onKupPhaseDrop(t,m.onTask)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"b92ccaa55c0653a32090bd2f8d56137ca3c020c1"},h("style",{key:"0c84264c55e0bc13bab866b0240200851ca2d278"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"b13e4e3f5736fb548b1b4090948ed1bfbcf5c2b7",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"cb5cb8c176fb49c8b3dc4ff8bf68aa383ea3b3b6",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"b17375ff799b641dd10154ea34b62e595237a260",style:{display:this.plannerProps?"none":""}},h(b,{key:"2b2c91d6a081640b8bda0b693ddcd89a9610e229",icon:f.SEARCH,id:"main-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(b,{icon:f.SEARCH,id:"secondary-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){it(this,M,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:it(this,R,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};M=new WeakMap,P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,H=new WeakSet,V=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=x(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]],i.cells[this.taskHours[0]],i.cells[this.taskHours[1]],i.cells[this.taskPrevHours[0]],i.cells[this.taskPrevHours[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=it(this,H,"m",$).call(this,i,this.taskIconCol),n=it(this,H,"m",tt).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:p.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}})):[]},Y=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=x(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]],void 0,void 0,s.cells[this.detailHours[0]],s.cells[this.detailHours[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:p.DETAIL,schedule:[]},i.push(l));let c=it(this,H,"m",$).call(this,s,this.detailIconCol),f=it(this,H,"m",tt).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=f?f:"#595959"}:void 0,startHour:a.hourValues[0],endHour:a.hourValues[1]})})),i},K=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},A=function(t){const i=it(this,H,"m",K).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},G=function(){return!0},X=function(){return!0},L=function(){return!0},F=function(t){const i=it(this,H,"m",K).call(this,t.id);return(null==i?void 0:i.phases)&&it(this,H,"m",A).call(this,i.id),!0},N=function(){return!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(t){let i=!1;return it(this,P,"f")?it(this,P,"f").isEquivalent(t)||(st(this,P,new v(t),"f"),i=!0):(i=!0,st(this,P,new v(t),"f")),i},U=function(t,i){i?it(this,R,"f").detailFilter=t:it(this,R,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Z=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},$=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},tt=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=it(this,M,"f").theme.colorCheck(h).hexColor)}return h},ht.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}.filter{margin-bottom:var(--kup-space-04)}.planner-render{padding-top:40px}";export{ht as kup_planner}
|
|
1
|
+
import{r as t,c as i,f as s,h,H as e,d as n,g as o}from"./p-710d0a7d.js";import{k as a,aj as r,g as l,s as c,d as f,u as d}from"./p-ecf0eb17.js";import{K as p,d as u,a as m,b as v,c as k}from"./p-cd3a7d53.js";import{c as w}from"./p-635bb4b3.js";import{F as b}from"./p-c47a69dc.js";import{F as g}from"./p-7db300e0.js";import"./p-adadf8b5.js";import"./p-cce08de3.js";import"./p-c56195a0.js";const y=a();function x(t,i,s,h,e,n,o,a){const r=D(t,i);let l=[];s&&h&&(l=C(s,h)?D(s,h):[...r]);let c=[];e&&n&&(z(e,n)?c=S(e,n):l=[...r]);let f=[];return o&&a&&(z(o,a)?f=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:c,secHourValues:f}}function D(t,i){let s=[t.value,i.value];return j(t)&&j(i)?s:j(t)?[t.value,t.value]:j(i)?[i.value,i.value]:s}function S(t,i){let s=[t.value,i.value];return O(t)&&O(i)?s:O(t)?[t.value,t.value]:O(i)?[i.value,i.value]:s}function j(t){return y.objects.isDate(t.obj)&&y.dates.isIsoDate(t.value)}function O(t){return y.objects.isTime(t.obj)||y.objects.isTimeWithSeconds(t.obj)}function C(t,i){return j(t)||j(i)}function z(t,i){return O(t)||O(i)}function T(t,i,s,h,e,n){let o=()=>e.map((i=>r(h.find((t=>t.name==i)),t.cells[i])));return n&&(o=n),(null==e?void 0:e.length)>=2?o():[t.cells[i].value,t.cells[s].value]}class E{constructor(){this.showSecondaryDates=!1,this.detailFilter="",this.detailInitialScrollX=0,this.detailInitialScrollY=0,this.taskFilter="",this.taskInitialScrollX=0,this.taskInitialScrollY=0,this.viewMode="day"}toDebugString(){return"dt state"}}var H,M,P,W,I,R,V,Y,K,A,G,X,L,F,N,_,q,B,J,Q,U,Z,$,tt,it=function(t,i,s,h){if("a"===s&&!h)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!h:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?h:"a"===s?h.call(t):h?h.value:i.get(t)},st=function(t,i,s,h,e){if("m"===h)throw new TypeError("Private method is not writable");if("a"===h&&!e)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===h?e.call(t,s):e?e.value=s:i.set(t,s),s};const ht=class{constructor(s){t(this,s),this.kupClick=i(this,"kup-planner-click",6),this.kupDblClick=i(this,"kup-planner-dblclick",6),this.kupDateChange=i(this,"kup-planner-datechange",6),this.kupPhaseDrop=i(this,"kup-planner-phasedrop",6),this.kupReady=i(this,"kup-planner-ready",6),this.kupContextMenu=i(this,"kup-planner-contextmenu",6),this.kupDidUnload=i(this,"kup-planner-didunload",6),H.add(this),this.state=new E,this.plannerRenderer=void 0,M.set(this,a()),P.set(this,void 0),W.set(this,[]),I.set(this,{}),R.set(this,void 0),this.stateId="",this.store=void 0,this.customStyle="",this.data=void 0,this.detailData=void 0,this.detailColorCol=void 0,this.detailColumns=void 0,this.detailDates=void 0,this.detailFilter=void 0,this.detailHeight=void 0,this.detailHours=[],this.detailIconCol=void 0,this.detailIdCol=void 0,this.detailNameCol=void 0,this.detailPrevHours=[],this.detailPrevDates=void 0,this.detailInitialScrollX=void 0,this.detailInitialScrollY=void 0,this.listCellWidth="300px",this.maxWidth="90vw",this.phaseColorCol=void 0,this.phaseColumns=void 0,this.phaseColParDep=void 0,this.phaseDates=void 0,this.phaseHours=[],this.phaseIconCol=void 0,this.phaseIdCol=void 0,this.phaseNameCol=void 0,this.phasePrevHours=[],this.phasePrevDates=void 0,this.readOnly=!1,this.showSecondaryDates=!1,this.taskColumns=void 0,this.taskDates=void 0,this.taskFilter=void 0,this.taskHeight=void 0,this.taskHours=[],this.taskIconCol=void 0,this.taskIdCol=void 0,this.taskInitialScrollX=void 0,this.taskInitialScrollY=void 0,this.taskNameCol=void 0,this.taskPrevHours=[],this.taskPrevDates=void 0,this.titleMess=void 0,this.viewMode="month",this.mainFilter=void 0,this.secondaryFilter=void 0,this.scrollableTaskList=!1,this.plannerProps=void 0}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(it(this,M,"f").debug.logMessage(this,"Initializing stateId "+this.stateId),this.detailFilter=t.detailFilter,this.showSecondaryDates=t.showSecondaryDates,this.detailInitialScrollX=t.detailInitialScrollX,this.detailInitialScrollY=t.detailInitialScrollY,this.taskFilter=t.taskFilter,this.taskInitialScrollX=t.taskInitialScrollX,this.taskInitialScrollY=t.taskInitialScrollY,this.viewMode=t.viewMode)}}persistState(){if(this.store&&this.stateId){let t=!1;it(this,M,"f").objects.deepEqual(this.state.detailFilter,it(this,R,"f").detailFilter)||(this.state.detailFilter=it(this,R,"f").detailFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.showSecondaryDates,it(this,R,"f").showSecondaryDates)||(this.state.showSecondaryDates=it(this,R,"f").showSecondaryDates,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollX,it(this,R,"f").detailInitialScrollX)||(this.state.detailInitialScrollX=it(this,R,"f").detailInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.detailInitialScrollY,it(this,R,"f").detailInitialScrollY)||(this.state.detailInitialScrollY=it(this,R,"f").detailInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskFilter,it(this,R,"f").taskFilter)||(this.state.taskFilter=it(this,R,"f").taskFilter,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollX,it(this,R,"f").taskInitialScrollX)||(this.state.taskInitialScrollX=it(this,R,"f").taskInitialScrollX,t=!0),it(this,M,"f").objects.deepEqual(this.state.taskInitialScrollY,it(this,R,"f").taskInitialScrollY)||(this.state.taskInitialScrollY=it(this,R,"f").taskInitialScrollY,t=!0),it(this,M,"f").objects.deepEqual(this.state.viewMode,it(this,R,"f").viewMode)||(this.state.viewMode=it(this,R,"f").viewMode,t=!0),t&&(it(this,M,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}dataChanged(){st(this,I,{},"f")}async getProps(t){return l(this,k,t)}async refresh(){s(this),this.plannerRenderer.refresh()}async setProps(t){c(this,k,t)}async addPhases(t,i){var s;const h=it(this,H,"m",K).call(this,t);h&&(it(this,I,"f")[t]=i,h.phases=null===(s=i.rows)||void 0===s?void 0:s.filter((t=>C(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]]))).map((t=>{const s=x(t.cells[this.phaseDates[0]],t.cells[this.phaseDates[1]],t.cells[this.phasePrevDates[0]],t.cells[this.phasePrevDates[1]],t.cells[this.phaseHours[0]],t.cells[this.phaseHours[1]],t.cells[this.phasePrevHours[0]],t.cells[this.phasePrevHours[1]]),e=T(t,this.phaseIdCol,this.phaseNameCol,i.columns,this.phaseColumns,(()=>this.phaseColumns.map((s=>s==this.phaseDates[0]?"#START#":s==this.phaseDates[1]?"#END#":r(i.columns.find((t=>t.name==s)),t.cells[s])))));let n=it(this,H,"m",$).call(this,t,this.phaseIconCol),o=it(this,H,"m",tt).call(this,t,this.phaseIconCol);return{taskRow:h.taskRow,phaseRow:t,id:h.id+"_"+t.cells[this.phaseIdCol].value,phaseRowId:t.id,taskRowId:h.taskRowId,name:t.cells[this.phaseNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"task",color:t.cells[this.phaseColorCol].value,selectedColor:t.cells[this.phaseColorCol].value,valuesToShow:e,rowType:p.PHASE,icon:n?{url:n,color:null!=o?o:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}}))),this.plannerProps.mainGantt.initialScrollX=it(this,R,"f").taskInitialScrollX,this.plannerProps.mainGantt.initialScrollY=it(this,R,"f").taskInitialScrollY,this.plannerProps.secondaryGantt&&(this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollX,this.plannerProps.secondaryGantt.initialScrollX=it(this,R,"f").detailInitialScrollY),this.plannerProps=Object.assign({},this.plannerProps),this.refresh()}componentWillLoad(){it(this,M,"f").debug.logLoad(this,!1),it(this,M,"f").theme.register(this),this.initWithPersistedState(),st(this,R,{detailFilter:this.detailFilter,detailInitialScrollX:this.detailInitialScrollX,detailInitialScrollY:this.detailInitialScrollY,showSecondaryDates:this.showSecondaryDates,taskFilter:this.taskFilter,taskInitialScrollX:this.taskInitialScrollX,taskInitialScrollY:this.taskInitialScrollY,viewMode:this.viewMode},"f")}componentDidLoad(){let t=it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").detailFilter,!0));const i=this.rootElement.shadowRoot.querySelector("#main-filter");g(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&g(s),this.plannerProps={mainGantt:{title:this.titleMess,items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,it(this,R,"f").taskFilter,!1)),stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:i,hideLabel:!0,ganttHeight:this.taskHeight,showSecondaryDates:it(this,R,"f").showSecondaryDates,onClick:t=>this.handleOnClick(t),onDblClick:t=>this.handleOnDblClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.taskInitialScrollX,initialScrollY:this.taskInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(e),e=window.setTimeout((()=>this.handleTaskGanttScrollY(t)),500)},onPhaseDrop:t=>this.handleOnPhaseDrop(t)},secondaryGantt:t?{title:"",items:t,stylingOptions:Object.assign(Object.assign({},u),{listCellWidth:this.listCellWidth}),filter:s,hideLabel:!0,ganttHeight:this.detailHeight,onClick:t=>this.handleOnClick(t),onContextMenu:(t,i)=>this.handleOnContextMenu(t,i),onDateChange:t=>this.handleOnDateChange(t),initialScrollX:this.detailInitialScrollX,initialScrollY:this.detailInitialScrollY,readOnly:this.readOnly,onScrollY:t=>{window.clearTimeout(n),n=window.setTimeout((()=>this.handleDetailGanttScrollY(t)),500)}}:void 0,onSetDoubleView:t=>this.handleOnSetDoubleView(t),onSetViewMode:t=>this.handleOnSetViewMode(t),viewMode:this.viewMode,scrollableTaskList:this.scrollableTaskList,onScrollX:t=>{window.clearTimeout(h),h=window.setTimeout((()=>this.handleOnScrollX(t)),500)}},this.kupReady.emit({comp:this,id:this.rootElement.id,value:void 0}),this.taskFilter&&it(this,H,"m",U).call(this,this.taskFilter),this.detailFilter&&it(this,H,"m",U).call(this,this.detailFilter,!0),it(this,M,"f").debug.logLoad(this,!0)}componentDidRender(){this.persistState(),it(this,M,"f").debug.logRender(this,!0)}onKupDblClick(t,i){this.kupDblClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupContextMenu(t,i,s){let h,e,n;switch(i.type){case"project":h=i.taskRow,e=h.cells[this.taskIdCol],n=this.data.columns[this.taskIdCol];break;case"task":h=i.phaseRow,e=h.cells[this.phaseIdCol];break;case"timeline":h=i.detailRow,e=h.cells[this.detailIdCol],n=this.data.columns[this.detailIdCol]}this.kupContextMenu.emit({comp:this,id:this.rootElement.id,value:i,taskAction:s,details:{cell:e,column:n,originalEvent:t,row:h}})}onKupDateChange(t,i){this.kupDateChange.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}onKupPhaseDrop(t,i){this.kupPhaseDrop.emit({comp:this,id:this.rootElement.id,value:t,taskAction:i})}handleOnDblClick(t){switch(t.rowType){case p.TASK:it(this,H,"m",G).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.PHASE:it(this,H,"m",X).call(this)&&this.onKupDblClick(t,m.onDblClick);break;case p.DETAIL:it(this,H,"m",L).call(this)&&this.onKupDblClick(t,m.onDblClick)}for(let t=0;t<it(this,W,"f").length;t++)clearTimeout(it(this,W,"f")[t]),it(this,M,"f").debug.logMessage(this,"Cleared click timeout("+it(this,W,"f")[t]+").");st(this,W,[],"f")}handleOnClick(t){it(this,W,"f").push(setTimeout((()=>{switch(t.rowType){case p.TASK:const i=t.phases?m.onTaskClosing:m.onTaskOpening;it(this,H,"m",F).call(this,t)&&this.onKupClick(t,i);break;case p.PHASE:it(this,H,"m",N).call(this)&&this.onKupClick(t,m.onClick);break;case p.DETAIL:it(this,H,"m",_).call(this)&&this.onKupClick(t,m.onClick)}}),300))}handleOnContextMenu(t,i){switch(i.rowType){case p.TASK:it(this,H,"m",q).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.PHASE:it(this,H,"m",B).call(this)&&this.onKupContextMenu(t,i,m.onRightClick);break;case p.DETAIL:it(this,H,"m",J).call(this)&&this.onKupContextMenu(t,i,m.onRightClick)}}handleOnSetDoubleView(t){var i;it(this,R,"f").showSecondaryDates=t,(null===(i=this.plannerProps)||void 0===i?void 0:i.mainGantt)&&(this.plannerProps.mainGantt.showSecondaryDates=t),this.persistState()}handleOnSetViewMode(t){it(this,R,"f").viewMode=t,this.plannerProps.viewMode=t,this.persistState()}handleOnScrollX(t){it(this,R,"f").taskInitialScrollX=t,it(this,R,"f").detailInitialScrollX=t,this.persistState()}handleTaskGanttScrollY(t){it(this,R,"f").taskInitialScrollY=t,this.persistState()}handleDetailGanttScrollY(t){it(this,R,"f").detailInitialScrollY=t,this.persistState()}handleOnDateChange(t){it(this,H,"m",Q).call(this,t)&&t.rowType!=p.DETAIL&&this.onKupDateChange(t,m.onResize)}handleOnPhaseDrop(t){this.onKupPhaseDrop(t,m.onTask)}render(){var t,i,s;const n=this.plannerProps?Object.assign(Object.assign({},this.plannerProps),{onSetDoubleView:this.handleOnSetDoubleView.bind(this),onSetViewMode:this.handleOnSetViewMode.bind(this),onScrollX:this.handleOnScrollX.bind(this),mainGantt:Object.assign(Object.assign({},null===(t=this.plannerProps)||void 0===t?void 0:t.mainGantt),{onScrollY:this.handleTaskGanttScrollY.bind(this)})}):null;return(null===(i=this.plannerProps)||void 0===i?void 0:i.secondaryGantt)&&(n.secondaryGantt=Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{onScrollY:this.handleDetailGanttScrollY.bind(this)})),h(e,{key:"b92ccaa55c0653a32090bd2f8d56137ca3c020c1"},h("style",{key:"0c84264c55e0bc13bab866b0240200851ca2d278"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"b13e4e3f5736fb548b1b4090948ed1bfbcf5c2b7",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"cb5cb8c176fb49c8b3dc4ff8bf68aa383ea3b3b6",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"b17375ff799b641dd10154ea34b62e595237a260",style:{display:this.plannerProps?"none":""}},h(b,{key:"2b2c91d6a081640b8bda0b693ddcd89a9610e229",icon:f.SEARCH,id:"main-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value)},value:this.taskFilter,wrapperClass:"filter"}),(null===(s=this.detailData)||void 0===s?void 0:s.rows)&&this.detailData.rows.length>0?h(b,{icon:f.SEARCH,id:"secondary-filter",label:it(this,M,"f").language.translate(d.SEARCH),onKeyDown:t=>{"Enter"===t.key&&it(this,H,"m",U).call(this,t.target.value,!0)},value:this.detailFilter,wrapperClass:"filter"}):null))}disconnectedCallback(){it(this,M,"f").theme.unregister(this),this.kupDidUnload.emit({comp:this,id:this.rootElement.id,storedSettings:it(this,R,"f")})}get rootElement(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};M=new WeakMap,P=new WeakMap,W=new WeakMap,I=new WeakMap,R=new WeakMap,H=new WeakSet,V=function(t){var i;return t&&t.rows?null===(i=t.rows)||void 0===i?void 0:i.filter((t=>C(t.cells[this.taskDates[0]],t.cells[this.taskDates[1]]))).map((i=>{const s=x(i.cells[this.taskDates[0]],i.cells[this.taskDates[1]],i.cells[this.taskPrevDates[0]],i.cells[this.taskPrevDates[1]],i.cells[this.taskHours[0]],i.cells[this.taskHours[1]],i.cells[this.taskPrevHours[0]],i.cells[this.taskPrevHours[1]]),h=T(i,this.taskIdCol,this.taskNameCol,t.columns,this.taskColumns,(()=>this.taskColumns.map((s=>s==this.taskDates[0]?"#START#":s==this.taskDates[1]?"#END#":r(t.columns.find((t=>t.name==s)),i.cells[s])))));let e=it(this,H,"m",$).call(this,i,this.taskIconCol),n=it(this,H,"m",tt).call(this,i,this.taskIconCol);return{taskRow:i,taskRowId:i.id,id:i.cells[this.taskIdCol].value,name:i.cells[this.taskNameCol].value,startDate:s.dateValues[0],endDate:s.dateValues[1],secondaryStartDate:s.secDateValues[0],secondaryEndDate:s.secDateValues[1],type:"project",valuesToShow:h,rowType:p.TASK,icon:e?{url:e,color:null!=n?n:"#595959"}:void 0,startHour:s.hourValues[0],endHour:s.hourValues[1],secondaryStartHour:s.secHourValues[0],secondaryEndHour:s.secHourValues[1]}})):[]},Y=function(t){if(!t||!t.rows)return;let i=[];return t.rows.filter((t=>C(t.cells[this.detailDates[0]],t.cells[this.detailDates[1]]))).forEach((s=>{var h,e;const n=s.cells[this.detailIdCol].value,o=s.cells[this.detailNameCol].value,a=x(s.cells[this.detailDates[0]],s.cells[this.detailDates[1]],void 0,void 0,s.cells[this.detailHours[0]],s.cells[this.detailHours[1]]),r=T(s,this.detailIdCol,this.detailNameCol,t.columns,this.detailColumns);let l=i.find((t=>t.id==n));l||(l={id:n,name:o,detailRow:s,type:"timeline",valuesToShow:r,rowType:p.DETAIL,schedule:[]},i.push(l));let c=it(this,H,"m",$).call(this,s,this.detailIconCol),f=it(this,H,"m",tt).call(this,s,this.detailIconCol);l.schedule.push({startDate:a.dateValues[0],endDate:a.dateValues[1],color:this.detailColorCol&&null!==(h=s.cells[this.detailColorCol].value)&&void 0!==h?h:"#D9D9D8",selectedColor:this.detailColorCol&&null!==(e=s.cells[this.detailColorCol].value)&&void 0!==e?e:"#D9D9D8",icon:c?{url:c,color:null!=f?f:"#595959"}:void 0,startHour:a.hourValues[0],endHour:a.hourValues[1]})})),i},K=function(t){return this.plannerProps.mainGantt.items.find((i=>i.id==t))},A=function(t){const i=it(this,H,"m",K).call(this,t);i&&(i.phases=void 0),this.plannerProps=Object.assign({},this.plannerProps)},G=function(){return!0},X=function(){return!0},L=function(){return!0},F=function(t){const i=it(this,H,"m",K).call(this,t.id);return(null==i?void 0:i.phases)&&it(this,H,"m",A).call(this,i.id),!0},N=function(){return!0},_=function(){return!0},q=function(){return!0},B=function(){return!0},J=function(){return!0},Q=function(t){let i=!1;return it(this,P,"f")?it(this,P,"f").isEquivalent(t)||(st(this,P,new v(t),"f"),i=!0):(i=!0,st(this,P,new v(t),"f")),i},U=function(t,i){i?it(this,R,"f").detailFilter=t:it(this,R,"f").taskFilter=t;const s=i?{secondaryGantt:Object.assign(Object.assign({},this.plannerProps.secondaryGantt),{items:it(this,H,"m",Y).call(this,it(this,H,"m",Z).call(this,t,i))})}:{mainGantt:Object.assign(Object.assign({},this.plannerProps.mainGantt),{items:it(this,H,"m",V).call(this,it(this,H,"m",Z).call(this,t,i))})};this.plannerProps=Object.assign(Object.assign({},this.plannerProps),s),this.persistState()},Z=function(t,i){const s=i?this.detailData:this.data;if(!s||!s.rows||0==s.rows.length)return;if(!t)return s;const h={columns:this.data.columns,rows:[]},e=[];for(let i=0;i<s.rows.length;i++){const h=s.rows[i],n=h.cells;for(let i=0;i<s.columns.length;i++){const o=n[s.columns[i].name];if(o&&r(s.columns[i],o).toLowerCase().indexOf(t.toLowerCase())>-1){e.push({row:h,weight:i});break}}}return e.sort(((t,i)=>t.weight-i.weight)).forEach((t=>{h.rows.push(t.row)})),h},$=function(t,i){var s;let h;if(i){const e=t.cells[i];let n=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.resource;n||(n=e.value),n&&(h=o("./assets/svg/"+n+".svg"))}return h},tt=function(t,i){var s;let h;if(i){const e=t.cells[i];h=null===(s=null==e?void 0:e.data)||void 0===s?void 0:s.color,h&&(h=it(this,M,"f").theme.colorCheck(h).hexColor)}return h},ht.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}.filter{margin-bottom:var(--kup-space-04)}.planner-render{padding-top:40px}";export{ht as kup_planner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as o,H as s,d as a}from"./p-710d0a7d.js";import{k as n,e as h,g as r,s as p}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as s,d as a}from"./p-710d0a7d.js";import{k as n,e as h,g as r,s as p}from"./p-ecf0eb17.js";import{a as f,F as l}from"./p-cec0955d.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-cce08de3.js";import"./p-adadf8b5.js";var d;!function(t){t.data="the text of the text",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(d||(d={}));var y,g,m=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},k=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)};const b=class{constructor(e){t(this,e),this.kupIconClick=i(this,"kup-typography-iconclick",6),this.kupClick=i(this,"kup-typography-click",6),this.kupInfoIconClick=i(this,"kup-typography-infoiconclick",6),this.kupItemClick=i(this,"kup-typography-itemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=n(),y.set(this,null),g.set(this,null),this.customStyle="",this.infoIcon=!1,this.toolbar=!0,this.type=f.BODY_COMPACT,this.value=null,this.toolbarCallback=void 0,this.infoCallBack=void 0}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInfoIconClick(t){t?(m(this,g,t,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupIconClick(t){t?(m(this,g,t,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(k(this,y,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!k(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const t=document.createElement("kup-toolbar");t.data=this.toolbarState,t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=t,m(this,y,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(k(this,y,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{k(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,k(this,g,"f"),0,h.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!k(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No infoicon available.");const t=document.createElement("kup-list");t.data=this.infoState,this.infoList=t,m(this,y,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(k(this,y,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,k(this,g,"f"),0,h.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(k(this,y,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}async getProps(t){return r(this,d,t)}async refresh(){e(this)}async setProps(t){p(this,d,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type},i={"kup-typography--wrap":!!t.toolbar};return o(s,{key:"4d9b49a70410c35af3d8fa1c5868a6cfb1ee5420"},o("style",{key:"d614ca7ac690e2b84fecf531c0a35ef450fe97b0"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"1518f326fa6e41f67b5208ade340e6e949f168bf",id:c,class:i,onClick:()=>this.onKupClick},o(l,Object.assign({key:"d7d9b24f7707041edd45e1d526d3e73d754137cd"},t)),this.infoIcon&&o(u,Object.assign({key:"1edfaa26af5dd36705f7abb793835db19e73abae"},{color:"var(--kup-gray-color-70)",resource:"info_outline",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar iconInfo"},{onClick:async t=>{t.stopPropagation();const i=t.currentTarget,e=await this.infoCallBack();this.infoState=e,this.infoState.length>0?this.onKupInfoIconClick(i):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")}})),this.toolbar&&o(u,Object.assign({key:"9b4e57e71be401942c814ddded5208c6e68d9db3"},{color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar iconToolbar"},{onClick:async t=>{t.stopPropagation();const i=t.currentTarget,e=await this.toolbarCallback();this.toolbarState=e,this.toolbarState.length>0?this.onKupIconClick(i):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this),this.toolbarList&&this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.infoList&&this.kupManager.dynamicPosition.unregister([this.infoList])}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return a(this)}};y=new WeakMap,g=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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";export{b as kup_typography}
|
|
@@ -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-54ae75bb.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-45c361d1.js";import{F as C}from"./p-cce08de3.js";import{F as $}from"./p-ed58ba36.js";import{F}from"./p-7ef1f37a.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 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 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as a,e as l,v as p}from"./p-54ae75bb.js";import{c as r}from"./p-635bb4b3.js";import{F as u}from"./p-7ef1f37a.js";import{F as c}from"./p-7db300e0.js";import"./p-adadf8b5.js";import"./p-cce08de3.js";import"./p-c56195a0.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(f||(f={}));const m=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){return a(this,f,t)}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:p.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),c(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"22a6ef8139d04934008071cfa9f9d395144cf82c"},s("style",{key:"3631b7dedacb5a4732a78a36ab6a4ddd772ae632"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"9496502390810c10eb60f5fad738d99ee2cbaef5",id:r},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};m.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;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as a,e as l,v as p}from"./p-ecf0eb17.js";import{c as r}from"./p-635bb4b3.js";import{F as u}from"./p-c47a69dc.js";import{F as c}from"./p-7db300e0.js";import"./p-adadf8b5.js";import"./p-cce08de3.js";import"./p-c56195a0.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(f||(f={}));const m=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){return a(this,f,t)}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:p.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),c(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"22a6ef8139d04934008071cfa9f9d395144cf82c"},s("style",{key:"3631b7dedacb5a4732a78a36ab6a4ddd772ae632"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"9496502390810c10eb60f5fad738d99ee2cbaef5",id:r},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};m.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;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}
|
|
@@ -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-54ae75bb.js";import{f as w,p as v,s as y}from"./p-5ec1ec4b.js";import{F as _}from"./p-cce08de3.js";import{d as j}from"./p-45c361d1.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-e8c0a2d5.js";import{p as P,r as M,F as A}from"./p-aba84ebf.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-ed58ba36.js";import"./p-7ef1f37a.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 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}
|