@sme.up/ketchup 11.0.0-SNAPSHOT-20250213163617 → 11.0.0-SNAPSHOT-20250214081804
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-8108a25d.js → f-cell-2c9d40f7.js} +4 -4
- package/dist/cjs/{f-chip-4acaa8f0.js → f-chip-f3865c31.js} +1 -1
- package/dist/cjs/{f-object-field-c076edaa.js → f-object-field-ec503e3e.js} +2 -2
- package/dist/cjs/{f-paginator-utils-926b9b47.js → f-paginator-utils-572f9766.js} +1 -1
- package/dist/cjs/{f-text-field-3b35b25a.js → f-text-field-e1dc71ac.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_29.cjs.entry.js +7 -7
- 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-7efbe89d.js → kup-data-table-helper-0af9753e.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-image-list.cjs.entry.js +5 -5
- 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-f85c953e.js → kup-manager-0fa313c9.js} +13 -2
- 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-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-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/managers/kup-dynamic-position/kup-dynamic-position.js +12 -1
- package/dist/components/index.js +1 -1
- package/dist/components/kup-accordion.js +2 -2
- package/dist/components/kup-activity-timeline.js +2 -2
- package/dist/components/kup-autocomplete.js +1 -1
- package/dist/components/kup-badge.js +1 -1
- package/dist/components/kup-box.js +1 -1
- package/dist/components/kup-button-list.js +1 -1
- package/dist/components/kup-button.js +1 -1
- package/dist/components/kup-calendar.js +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 +2 -2
- 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-pdf.js +2 -2
- package/dist/components/kup-planner.js +2 -2
- package/dist/components/kup-probe.js +2 -2
- package/dist/components/kup-progress-bar.js +1 -1
- package/dist/components/kup-qlik.js +2 -2
- package/dist/components/kup-radio.js +1 -1
- package/dist/components/kup-rating.js +1 -1
- package/dist/components/kup-snackbar.js +2 -2
- package/dist/components/kup-spinner.js +1 -1
- package/dist/components/kup-switch.js +1 -1
- package/dist/components/kup-tab-bar.js +1 -1
- package/dist/components/kup-text-field.js +1 -1
- package/dist/components/kup-time-picker.js +1 -1
- package/dist/components/kup-toolbar.js +1 -1
- package/dist/components/kup-tree.js +1 -1
- package/dist/components/kup-txt.js +2 -2
- package/dist/components/kup-typography-list.js +2 -2
- package/dist/components/kup-typography.js +2 -2
- package/dist/components/{p-7f1cf46b.js → p-3c71962e.js} +2 -2
- package/dist/components/{p-598d4586.js → p-5cf5600a.js} +1 -1
- package/dist/components/{p-ab0cab58.js → p-81b0e3af.js} +2 -2
- package/dist/components/{p-e48f9300.js → p-8aaac379.js} +2 -2
- package/dist/components/{p-c135cede.js → p-b3ae61b0.js} +13 -2
- package/dist/components/{p-12d205a7.js → p-cbe504aa.js} +2 -2
- package/dist/esm/{f-cell-4a97872c.js → f-cell-5a4c235e.js} +4 -4
- package/dist/esm/{f-chip-92a3e908.js → f-chip-345637b7.js} +1 -1
- package/dist/esm/{f-object-field-ab09705a.js → f-object-field-f3e31219.js} +2 -2
- package/dist/esm/{f-paginator-utils-42540256.js → f-paginator-utils-f3f41535.js} +1 -1
- package/dist/esm/{f-text-field-040bf23c.js → f-text-field-d5192c92.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_29.entry.js +7 -7
- 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-54bce12e.js → kup-data-table-helper-5d29cd7f.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-image-list.entry.js +5 -5
- 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-5878b3f1.js → kup-manager-5cca0f18.js} +13 -2
- 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-pdf.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-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-54d8f8fd.entry.js → p-0012f245.entry.js} +1 -1
- package/dist/ketchup/{p-53c92bd7.entry.js → p-12e02dba.entry.js} +1 -1
- package/dist/ketchup/{p-afda3af6.entry.js → p-14a869d6.entry.js} +1 -1
- package/dist/ketchup/{p-efd926e9.entry.js → p-1a6823a1.entry.js} +1 -1
- package/dist/ketchup/{p-fd69c0ce.entry.js → p-1f591a30.entry.js} +1 -1
- package/dist/ketchup/{p-e644ce53.entry.js → p-2213dbb9.entry.js} +1 -1
- package/dist/ketchup/{p-609c40d0.entry.js → p-2d2dba54.entry.js} +1 -1
- package/dist/ketchup/{p-f9e08d18.entry.js → p-35f2a4d1.entry.js} +1 -1
- package/dist/ketchup/{p-1c7e1e3a.entry.js → p-3cb5c403.entry.js} +1 -1
- package/dist/ketchup/p-3fd22f74.js +21 -0
- package/dist/ketchup/{p-1d7ee5d7.entry.js → p-46da8243.entry.js} +1 -1
- package/dist/ketchup/{p-a20592e4.entry.js → p-48376b00.entry.js} +1 -1
- package/dist/ketchup/{p-05993362.entry.js → p-49f2ce09.entry.js} +1 -1
- package/dist/ketchup/{p-757b0d54.entry.js → p-5122b48d.entry.js} +1 -1
- package/dist/ketchup/{p-8b3aef8c.js → p-52fe2aad.js} +1 -1
- package/dist/ketchup/{p-96088cb3.entry.js → p-5c5f727e.entry.js} +1 -1
- package/dist/ketchup/{p-1925587b.entry.js → p-62de9149.entry.js} +1 -1
- package/dist/ketchup/{p-6c13719e.entry.js → p-6db4bef2.entry.js} +1 -1
- package/dist/ketchup/{p-8e34490e.entry.js → p-6e393b7d.entry.js} +1 -1
- package/dist/ketchup/{p-3a737973.js → p-8d86c623.js} +1 -1
- package/dist/ketchup/{p-f19b41a8.entry.js → p-94a57af0.entry.js} +1 -1
- package/dist/ketchup/{p-dbbddacb.entry.js → p-9559845b.entry.js} +1 -1
- package/dist/ketchup/{p-59b10b7e.entry.js → p-9e1cbf36.entry.js} +1 -1
- package/dist/ketchup/{p-beaab6c7.js → p-a58052a1.js} +1 -1
- package/dist/ketchup/{p-3d117a70.entry.js → p-a9d6eeac.entry.js} +1 -1
- package/dist/ketchup/{p-6c4ac98a.entry.js → p-a9f015e9.entry.js} +1 -1
- package/dist/ketchup/{p-cd1ee400.entry.js → p-ae302943.entry.js} +1 -1
- package/dist/ketchup/{p-3a88d1d8.entry.js → p-ae9b4036.entry.js} +1 -1
- package/dist/ketchup/{p-194ac258.js → p-b0198069.js} +1 -1
- package/dist/ketchup/{p-ade319f2.entry.js → p-b38b5516.entry.js} +1 -1
- package/dist/ketchup/{p-90a9351b.entry.js → p-b9db8f21.entry.js} +1 -1
- package/dist/ketchup/{p-bea39c28.entry.js → p-c17d0790.entry.js} +1 -1
- package/dist/ketchup/{p-0f44bb37.entry.js → p-c2dac39a.entry.js} +1 -1
- package/dist/ketchup/{p-5d3d92fe.js → p-d9d4308c.js} +1 -1
- package/dist/ketchup/{p-4d7bde1e.entry.js → p-dd6d83a1.entry.js} +1 -1
- package/dist/ketchup/{p-81a35c89.js → p-f28e3e9f.js} +1 -1
- package/dist/ketchup/{p-3d06a3b8.entry.js → p-f6124c4d.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/ketchup/p-48e99d19.js +0 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,g as a,F as n}from"./p-b0368f88.js";import{an as c,ao as l,Q as t,aa as i,d as o,al as s,aj as r,ai as u,ap as d,F as p,af as b,a as v,aq as k,I as f,ar as h,as as m,at as g,au as j,av as O,e as x}from"./p-48e99d19.js";import{F as w}from"./p-d39c3267.js";import{F as $}from"./p-4d9381ce.js";import{F as y,c as _}from"./p-81a35c89.js";import{F as I}from"./p-b120abd7.js";import{F as C}from"./p-194ac258.js";import{F as z}from"./p-3a737973.js";const F=n=>{n.centeredLabel||0==!n.centeredLabel||(n.centeredLabel=!0);let c,l=`f-progress-bar ${n.danger?"kup-danger":""} ${n.animated?"kup-animated":""} ${n.padded?"kup-padded":""} ${n.info?"kup-info":""} ${n.slim?"kup-slim":""} ${n.striped?"kup-striped":""} ${n.secondary?"kup-secondary":""} ${n.slim?"kup-slim":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`,t="pie";l+=n.isRadial?" pie-wrapper is-radial":" progress-bar";const i={width:`${n.value}%`};n.centeredLabel?n.value>49&&(l+=" text-color-on-primary"):(c=i,n.value>2&&(l+=" text-color-on-primary"));let o=null;return n.icon?o=function(n){if(n.icon){if(n.icon.indexOf(".")>-1||n.icon.indexOf("/")>-1||n.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:n.icon}));{let c=`url('${a(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:c,webkitMask:c},class:"label kup-icon"})}}}(n):n.hideLabel||(o=n.isRadial?n.label?e("span",{class:"label"},n.label):e("span",{class:"label"},n.value,e("span",{class:"smaller"},"%")):n.label?n.label:n.value+"%"),n.value>0&&(t+=" has-value",t+=n.value>50?" is-more-than-half":" is-less-than-half"),n.isRadial?e("div",{class:l},o,e("div",{class:t},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:i},e("span",{style:c},o)))};var K;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(K||(K={}));const M=a=>{var c;const l=!!a.columns,t=[],i=a.type||K.RADIO;for(let l=0;l<(null===(c=a.data)||void 0===c?void 0:c.length);l++){const c=a.data[l];t.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!c.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},i===K.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:c.value,checked:c.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(n,null,e(I,c.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),i===K.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,l):null},c.label?c.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${l?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":l?`repeat(${a.columns}, 1fr)`:""}},t)},N=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const n=[];for(let c=1;c<=a.maxValue;c++)n.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,c):null},c<=a.value?"★":"☆"));return n}(a)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=a=>{a.sizing||(a.sizing=B.MEDIUM),a.sizing.toLowerCase();const n={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:n},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:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},V=document.documentElement,E=(a,n)=>{var s,r,u,k,h;const x=a.cell,K=a.column,B=a.row,E=a.shape?a.shape:x.shape?x.shape:K.shape?K.shape:null,S=!V.ketchup.objects.isEmptyKupObj(x.obj);let T=!1;x.hasOwnProperty("isEditable")?T=x.isEditable:K.hasOwnProperty("isEditable")&&(T=K.isEditable),T=T&&a.editable,x.data=null!==(s=A(x,K))&&void 0!==s?s:x.data;const X=a.previousValue!==x.value?x.value:"",L=V.ketchup.data.cell.getType(x,E),W="extra_dense"===a.density?"extra-small":null===(r=x.data)||void 0===r?void 0:r.sizing,Y=Object.assign(Object.assign(Object.assign(Object.assign({},x.data),(null==x?void 0:x.icon)?{resource:x.icon}:{}),(null==x?void 0:x.placeholderIcon)?{placeholderResource:x.placeholderIcon}:{}),W?{sizing:W}:{});let G=x.cssClass?x.cssClass:(null==K?void 0:K.cssClass)?null==K?void 0:K.cssClass:"";const P={"f-cell":!0,[t.OBJ]:!!S,[L+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||L===i.BAR),[G]:!!G,"c-input-uppercase":j(x),"c-input-lowercase":O(x),"monospace c-pre":null===(u=x.data)||void 0===u?void 0:u.legacyLook};let q=X;x.data||function(e,a){function n(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function t(e){return e.toUpperCase().startsWith("HEIGHT;")}function o(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function s(e){const a={},i=e.split("\\\\"),s=[];for(const e of i){if(e){if(o(e))return null;if(c(e)){if(!n(e))return null;{const n=e.split(";");if(3===n.length){const e=n[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(t(e)){const n=e.substring(7).replace(",",".");isNaN(parseFloat(n))||(a.height=`${n}%`)}else s.push(r(e,a))}return s.length?s:null}function r(e,a){const n=Object.assign({},a),c=e.split(";");if(c.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(c[0]);if(e){const[,a,c,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(c,10))||isNaN(parseInt(l,10))||(n.color=`rgb(${parseInt(a)},${parseInt(c)},${parseInt(l)})`)}if(c.length>=2){const e=c[1].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}return n}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:c(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),n=[];for(const e of a){const a=s(e);if(!a)return null;n.push(...a)}return n}(a.value);break;case i.BUTTON:a.data.label=a.value;break;case i.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:(()=>{var e;const n=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==n?void 0:n[n.length-1].trim())&&n.pop(),n&&n.length){a.data.data=[];for(let e of n)a.data.data.push({id:e,value:e})}})();break;case i.COLOR_PICKER:a.data.initialValue=a.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:a.data.value=parseInt(a.value);break;case i.ICON:case i.IMAGE:a.data.resource=a.value}}(L,x),T&&c.includes(L)?(x.data.showMarker=null!==(k=x.tooltip)&&void 0!==k&&k,q=function(a,n,c,l,o){var s,r,u,d;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+o.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:ae(o)?"kup-full-width":"","onkup-autocomplete-change":e=>Z(e,o,a,g.UPDATE),"onkup-autocomplete-input":e=>Z(e,o,a,g.INPUT),"onkup-autocomplete-iconclick":e=>Z(e,o,a,g.ICON_CLICK),"onKup-autocomplete-blur":e=>Z(e,o,a,g.BLUR),"onKup-autocomplete-itemclick":e=>Z(e,o,a,g.ITEMCLICK)}));case i.CHECKBOX:return ee(o)&&(n[t.C_CENTERED]=!0),c.shape===p.INPUT_CHECKBOX?e("input",{checked:"on"===c.value.toLowerCase()||"1"===c.value,class:"input-checkbox",onChange:e=>Z(e,o,a,g.UPDATE),type:"checkbox",onBlur:e=>Z(e,o,a,g.BLUR)}):e($,Object.assign({},c.data,{onChange:e=>Z(e,o,a,g.UPDATE),onBlur:e=>Z(e,o,a,g.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData,{error:c.data.error,"onKup-textfield-blur":e=>Z(e,o,a,g.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>Z(e,o,a,g.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+o.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:ae(o)?"kup-full-width":"","onkup-combobox-change":e=>Z(e,o,a,g.UPDATE),"onkup-combobox-input":e=>Z(e,o,a,g.INPUT),"onkup-combobox-iconclick":e=>Z(e,o,a,g.ICON_CLICK),"onKup-combobox-blur":e=>Z(e,o,a,g.BLUR),"onKup-combobox-itemclick":e=>Z(e,o,a,g.ITEMCLICK)}));case i.DATE:return e("kup-date-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"","onkup-datepicker-change":e=>Z(e,o,a,g.UPDATE),"onkup-datepicker-input":e=>Z(e,o,a,g.INPUT),"onKup-datepicker-blur":e=>Z(e,o,a,g.BLUR),"onkup-datepicker-textfieldsubmit":e=>Z(e,o,a,g.UPDATE)}));case i.EDITOR:return e(z,Object.assign({},c.data,{textArea:!0,sizing:v.EXTRA_LARGE,label:l.title,fullWidth:!!ae(o),maxLength:c.data.maxLength,value:c.value,onChange:e=>{Z(e,o,a,g.UPDATE)},onInput:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),Z(e,o,a,g.INPUT)},onBlur:e=>Z(e,o,a,g.BLUR)}));case i.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},c.data));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,selectMode:f.CODE_AND_DESC,sizing:v.EXTRA_SMALL,"onKup-autocomplete-blur":e=>Z(e,o,a,g.BLUR),"onkup-autocomplete-input":e=>Z(e,o,a,g.INPUT),"onkup-autocomplete-iconclick":e=>Z(e,o,a,g.ICON_CLICK),showDropDownIcon:!1},c.slotData,{error:c.data.error,showMarker:null!==(s=c.tooltip)&&void 0!==s&&s})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,selectMode:f.CODE_AND_DESC,sizing:v.EXTRA_SMALL,"onKup-combobox-blur":e=>Z(e,o,a,g.BLUR),"onkup-combobox-input":e=>Z(e,o,a,g.INPUT),"onkup-combobox-iconclick":e=>Z(e,o,a,g.ICON_CLICK)},c.slotData,{error:c.data.error,showMarker:null!==(r=c.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(M,Object.assign({},c.data,{disabled:!1,onChange:(e,n)=>{const l=c.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}Z(n,o,a,g.UPDATE)},onBlur:e=>Z(e,o,a,g.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:l.name+o.row.id},c.data,{disabled:!1,"onkup-rating-click":e=>Z(e,o,a,g.UPDATE)}));case i.SWITCH:return e(D,Object.assign({},c.data,{disabled:!1,onChange:e=>Z(e,o,a,g.UPDATE),onBlur:e=>Z(e,o,a,g.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"","onkup-timepicker-change":e=>Z(e,o,a,g.UPDATE),"onkup-timepicker-input":e=>Z(e,o,a,g.INPUT),"onKup-timepicker-blur":e=>Z(e,o,a,g.BLUR)}));case i.OBJECT:return e(C,{cell:c,column:o.column,row:o.row,inputValue:c.value,onChange:e=>Z(e,o,a,g.UPDATE)});case i.NUMBER:n[t.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const k=e=>Z(e,o,a,g.UPDATE),h=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),Z(e,o,a,g.INPUT)},m=e=>{var n,l,t;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),("MEMO"==c.shape||(null===(t=c.data)||void 0===t?void 0:t.maxLength)>=256||a==i.MEMO||"Enter"!==e.key)&&!/^F[1-9]|F1[0-2]$/.test(e.key)||Z(e,o,a,g.UPDATE)},j=a===i.NUMBER?"number":null;if(c.shape===p.INPUT_FIELD){const n=a===i.NUMBER&&c.value?b(l,c):c.value;return e("input",{class:"input-field",onChange:k,onInput:h,onKeyDown:m,type:j,value:n,maxLength:null!==(d=null===(u=l.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1})}{const n=!!c.shape&&c.shape===p.MEMO||!!a&&a===i.MEMO;return e(z,Object.assign({},c.data,{textArea:n,sizing:c.data.sizing?c.data.sizing:n?v.EXTRA_LARGE:v.SMALL,inputType:j,fullWidth:!!ae(o),maxLength:a==i.NUMBER&&(o.column.decimals&&o.column.decimals>0||o.column.group)||o.column.integers&&o.column.integers>0?-1:c.data.maxLength,icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:l.icon?l.icon:null,decimals:o.column.decimals,integers:o.column.integers,group:o.column.group,value:c.value,onChange:k,onInput:h,onKeyDown:m,onIconClick:e=>Z(e,o,a,g.ICON_CLICK),onBlur:e=>Z(e,o,a,g.BLUR)}))}}}(L,P,x,K,a)):x.data&&l.includes(L)?(a.setSizes&&function(e,a,n){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),n.style?n.style.height||(n.style.minHeight=e):n.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:n.style?n.style.height||(n.style.minHeight="18px"):n.style={minHeight:"18px"};break;case i.RADIO:n.style?n.style.height||(n.style.minHeight="40px"):n.style={minHeight:"40px"}}}(L,Y,x),q=a.renderKup?function(a,n,c,l,o,s,r){switch(a){case i.BAR:return c.data?e("div",{style:{height:c.sizeY,width:"100%"}},e(I,Object.assign({},c))):e("kup-image",Object.assign({key:s.name+r.row.id,sizeX:"250px"},c));case i.BUTTON:return ee(r)&&(n[t.C_CENTERED]=!0),e(w,Object.assign({},c,{onClick:e=>Z(e,r,a,g.CLICK)}));case i.BUTTON_LIST:return ee(r)&&(n[t.C_CENTERED]=!0),c["data-storage"]={cell:l,row:o,column:s},e("kup-button-list",Object.assign({key:s.name+r.row.id},c));case i.CHART:return ee(r)&&(n[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:s.name+r.row.id},c));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e(_,Object.assign({},c));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:s.name+r.row.id},c,{class:ae(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:s.name+r.row.id,value:V.ketchup.math.numberifySafe(l.value),"width-component":"280px"},c));case i.KNOB:case i.PROGRESS_BAR:return c.customStyle?e("kup-progress-bar",Object.assign({key:s.name+r.row.id},c)):e(F,Object.assign({},c));case i.RADIO:return ee(r)&&(n[t.C_CENTERED]=!0),c.disabled=o.readOnly,e(M,Object.assign({},c));case i.RATING:return e(N,Object.assign({},c,{disabled:!0}));case i.OBJECT:return e(z,Object.assign({icon:"table"},c,{disabled:!0}))}}(L,P,Y,x,B,K,a):e("span",{class:"cell-"+L+" placeholder"})):(a.setSizes&&function(e,a,n,c){var l;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=a.sizeY):n.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(l=c.cell)||void 0===l?void 0:l.value)||"",t=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;c.component.rootElement.tagName!==d.DATA_TABLE||t||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),c.component.rootElement.tagName===d.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(L,Y,x,a),P[t.INDICATOR_TOPRIGHT]=null!==(h=x.tooltip)&&void 0!==h&&h,q=function(a,n,c,l,o,s,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:return c&&""!=c?e("div",{class:"f-cell__text"},m(o,c," - ")):c;case i.DATE:case i.DATETIME:case i.TIME:if(c&&""!=c){const a=b(s,o);return e("div",{class:"f-cell__text"},a)}return c;case i.CHECKBOX:return ee(r)&&(l[t.C_CENTERED]=!0),e(I,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:case i.MEMO:return e("div",{innerHTML:o.value});case i.ICON:case i.IMAGE:return ee(r)&&(l[t.C_CENTERED]=!0),n.badgeData&&(l[t.C_PADDED]=!0),e(I,Object.assign({},n));case i.LINK:return e("a",{href:c,target:"_blank"},o.value);case i.NUMBER:if(c&&""!=c){const a=V.ketchup.math.numberifySafe(o.value),n=b(s,o);return a<0&&(l[t.TEXT_DANGER]=!0),ee(r)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},c);case i.SWITCH:return ee(r)&&(l[t.C_CENTERED]=!0),n.disabled=!0,e(D,Object.assign({},n));default:return e("div",{class:"f-cell__text"},o.data.displayMode?m(o,c,"-"):c)}}(L,Y,q,P,x,K,a));let Q=null;!T&&(K.icon||x.icon)&&q&&L!=i.IMAGE&&L!=i.ICON&&(Q=e(I,Object.assign({},{color:`rgba(var(${o.TEXT}-rgb), 0.375)`,resource:x.icon?x.icon:K.icon,placeholderResource:x.placeholderIcon?x.placeholderIcon:K.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let U=null;V.ketchup.debug.isDebug()&&S?U=x.obj.t+"; "+x.obj.p+"; "+x.obj.k+";":null!=x.title&&""!=x.title.trim()&&(U=x.title);let J=null;if(x.info){const a=Object.assign({},x.info);a.color||(a.color=`var(${o.INFO})`),a.icon||(a.icon="info"),J=e(I,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>Z(e,a,L,g.KEYUP),class:P,"kup-get-cell-props":()=>a,ref:e=>x.element=e,style:x.style},e("div",{class:"f-cell__content",style:x.styleContent,title:U,onMouseEnter:e=>H(e,a,L),onMouseLeave:e=>R(e)},n&&n.length>0?n:[a.indents,J,Q,q]))},H=(e,a,n)=>{var c;if(a.cellActionIcon){const l=e.currentTarget,t=document.createElement("kup-image");t.resource="more_vert",t.sizeX="16px",t.sizeY="16px",t.tabIndex=0,t.className="f-cell__iconfunction "+(n===i.NUMBER?"left":"right"),(null===(c=a.cellActionIcon)||void 0===c?void 0:c.onClick)&&t.addEventListener("click",a.cellActionIcon.onClick),l.appendChild(t)}},R=e=>{const a=e.currentTarget.querySelector("kup-image");a&&a.remove()},A=(e,a)=>{var n;if(!e)return null;const c=e.options,l=(null===(n=e.data)||void 0===n?void 0:n.hasOwnProperty("label"))?e.data.label:a.title,t=e.value,o=V.ketchup.data.cell.getType(e,e.shape),s=new Map([[i.BUTTON_LIST,L.bind(void 0)],[i.STRING,W.bind(void 0)],[i.RADIO,Y.bind(void 0)],[i.AUTOCOMPLETE,G.bind(void 0)],[i.COMBOBOX,G.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,T.bind(void 0)],[i.CHIP,S.bind(void 0)]]).get(o);return s?s(c,l,t,e):null},S=(e,a,n,c)=>{var l;return(null===(l=c.data)||void 0===l?void 0:l.data)?Object.assign({},c.data):s(c.value,c.decode)},T=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{data:{initialValue:n||"",label:a||"",value:n||""}}),X=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{checked:"on"===n||"1"===n,label:a}),L=(e,a,n,c)=>({data:[Object.assign(Object.assign({},c.data),{icon:c.icon,value:n})]}),W=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{label:a}),Y=(e,a,n,c)=>{const l=r(n,e);return Object.assign(Object.assign({},c.data),l)},G=(e,a,n,c)=>{var l;if(!(null===(l=c.data)||void 0===l?void 0:l.data)&&e){const c=u(n,a,[]);return c.data["kup-list"].data=P(e,n),c}},P=(e,a)=>{const n=J.get(e.type);return n?n(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},q=(e,a)=>e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(n=e.children)||void 0===n?void 0:n.length)?q(e,a):[]}})),Q=(e,a)=>e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(n=e.children)||void 0===n?void 0:n.length)?Q(e,a):[]}})),U=(e,a)=>e.rows.map((e=>{var n;const c=e.fields||e.cells,[l,t]=Object.keys(c);return{id:c[l].value,value:(null===(n=c[t])||void 0===n?void 0:n.value)||c[l].value,selected:a===c[l].value}})),J=new Map([["SmeupTreeNode",q.bind(void 0)],["SmeupDataTree",Q.bind(void 0)],["SmeupTable",U.bind(void 0)],["SmeupDataTable",U.bind(void 0)]]);function Z(e,a,n,c){var l,t;const o=a.cell,s=a.column,r=a.component,u=a.row;if(c===g.UPDATE){let a=function(e,a){var n;let c=e.target.value;return a===i.CHECKBOX&&(c=e.target.checked?"off":"on"),a===i.DATE&&(c=null===(n=e.detail)||void 0===n?void 0:n.value),a===i.NUMBER&&(c=V.ketchup.math.formattedStringToNumberString(c,"")),c}(e,n);switch(j(o)?a=null==a?void 0:a.toUpperCase():O(o)&&(a=null==a?void 0:a.toLowerCase()),n){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:o.data&&(o.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a.toLowerCase()?"0":"1",o.data&&(o.data.checked="0"!==a);break;case i.RADIO:if(o.data.data){const e=o.data.data.find((e=>e.checked));e&&(a=e.value)}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:a=e.detail.stringifiedValues,o.data&&(o.data.data=e.detail.comp.data)}o.obj&&(o.obj.k=null==a?void 0:a.toString()),o.value=null==a?void 0:a.toString(),o.displayedValue=null,o.displayedValue=b(s,o)}if(r&&r.rootElement){const a=new CustomEvent(c,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:o,column:s,event:e,row:u,type:n,inputValue:(null===(t=null===(l=o.element)||void 0===l?void 0:l.querySelector("input"))||void 0===t?void 0:t.value)||null}});if(r.rootElement.dispatchEvent(a),c===g.UPDATE)try{r.refresh()}catch(e){V.ketchup.debug.logMessage(r,e,x.ERROR)}}}function ee(e){var a;return h.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function ae(e){var a;return k.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{E as F,F as a,M as b,N as c,B as d,D as e}
|
|
1
|
+
import{h as e,g as a,F as n}from"./p-b0368f88.js";import{an as c,ao as l,Q as t,aa as i,d as o,al as s,aj as r,ai as u,ap as d,F as p,af as b,a as v,aq as k,I as f,ar as h,as as m,at as g,au as j,av as O,e as x}from"./p-3fd22f74.js";import{F as w}from"./p-d39c3267.js";import{F as $}from"./p-4d9381ce.js";import{F as y,c as _}from"./p-f28e3e9f.js";import{F as I}from"./p-b120abd7.js";import{F as C}from"./p-b0198069.js";import{F as z}from"./p-8d86c623.js";const F=n=>{n.centeredLabel||0==!n.centeredLabel||(n.centeredLabel=!0);let c,l=`f-progress-bar ${n.danger?"kup-danger":""} ${n.animated?"kup-animated":""} ${n.padded?"kup-padded":""} ${n.info?"kup-info":""} ${n.slim?"kup-slim":""} ${n.striped?"kup-striped":""} ${n.secondary?"kup-secondary":""} ${n.slim?"kup-slim":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`,t="pie";l+=n.isRadial?" pie-wrapper is-radial":" progress-bar";const i={width:`${n.value}%`};n.centeredLabel?n.value>49&&(l+=" text-color-on-primary"):(c=i,n.value>2&&(l+=" text-color-on-primary"));let o=null;return n.icon?o=function(n){if(n.icon){if(n.icon.indexOf(".")>-1||n.icon.indexOf("/")>-1||n.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:n.icon}));{let c=`url('${a(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:c,webkitMask:c},class:"label kup-icon"})}}}(n):n.hideLabel||(o=n.isRadial?n.label?e("span",{class:"label"},n.label):e("span",{class:"label"},n.value,e("span",{class:"smaller"},"%")):n.label?n.label:n.value+"%"),n.value>0&&(t+=" has-value",t+=n.value>50?" is-more-than-half":" is-less-than-half"),n.isRadial?e("div",{class:l},o,e("div",{class:t},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:i},e("span",{style:c},o)))};var K;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(K||(K={}));const M=a=>{var c;const l=!!a.columns,t=[],i=a.type||K.RADIO;for(let l=0;l<(null===(c=a.data)||void 0===c?void 0:c.length);l++){const c=a.data[l];t.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!c.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},i===K.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:c.value,checked:c.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(n,null,e(I,c.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),i===K.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,l):null},c.label?c.label:"")))}return e("div",{class:`f-radio radio-wrapper\n ${l?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":l?`repeat(${a.columns}, 1fr)`:""}},t)},N=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const n=[];for(let c=1;c<=a.maxValue;c++)n.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,c):null},c<=a.value?"★":"☆"));return n}(a)));var B;!function(e){e.SMALL="small",e.MEDIUM="medium"}(B||(B={}));const D=a=>{a.sizing||(a.sizing=B.MEDIUM),a.sizing.toLowerCase();const n={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:n},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:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},V=document.documentElement,E=(a,n)=>{var s,r,u,k,h;const x=a.cell,K=a.column,B=a.row,E=a.shape?a.shape:x.shape?x.shape:K.shape?K.shape:null,S=!V.ketchup.objects.isEmptyKupObj(x.obj);let T=!1;x.hasOwnProperty("isEditable")?T=x.isEditable:K.hasOwnProperty("isEditable")&&(T=K.isEditable),T=T&&a.editable,x.data=null!==(s=A(x,K))&&void 0!==s?s:x.data;const X=a.previousValue!==x.value?x.value:"",L=V.ketchup.data.cell.getType(x,E),W="extra_dense"===a.density?"extra-small":null===(r=x.data)||void 0===r?void 0:r.sizing,Y=Object.assign(Object.assign(Object.assign(Object.assign({},x.data),(null==x?void 0:x.icon)?{resource:x.icon}:{}),(null==x?void 0:x.placeholderIcon)?{placeholderResource:x.placeholderIcon}:{}),W?{sizing:W}:{});let G=x.cssClass?x.cssClass:(null==K?void 0:K.cssClass)?null==K?void 0:K.cssClass:"";const P={"f-cell":!0,[t.OBJ]:!!S,[L+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||L===i.BAR),[G]:!!G,"c-input-uppercase":j(x),"c-input-lowercase":O(x),"monospace c-pre":null===(u=x.data)||void 0===u?void 0:u.legacyLook};let q=X;x.data||function(e,a){function n(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function t(e){return e.toUpperCase().startsWith("HEIGHT;")}function o(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function s(e){const a={},i=e.split("\\\\"),s=[];for(const e of i){if(e){if(o(e))return null;if(c(e)){if(!n(e))return null;{const n=e.split(";");if(3===n.length){const e=n[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(t(e)){const n=e.substring(7).replace(",",".");isNaN(parseFloat(n))||(a.height=`${n}%`)}else s.push(r(e,a))}return s.length?s:null}function r(e,a){const n=Object.assign({},a),c=e.split(";");if(c.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(c[0]);if(e){const[,a,c,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(c,10))||isNaN(parseInt(l,10))||(n.color=`rgb(${parseInt(a)},${parseInt(c)},${parseInt(l)})`)}if(c.length>=2){const e=c[1].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}return n}}a.data={};switch(e){case i.CHECKBOX:case i.SWITCH:a.data.checked="1"===a.value;break;case i.BAR:c(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),n=[];for(const e of a){const a=s(e);if(!a)return null;n.push(...a)}return n}(a.value);break;case i.BUTTON:a.data.label=a.value;break;case i.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:(()=>{var e;const n=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==n?void 0:n[n.length-1].trim())&&n.pop(),n&&n.length){a.data.data=[];for(let e of n)a.data.data.push({id:e,value:e})}})();break;case i.COLOR_PICKER:a.data.initialValue=a.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:a.data.value=parseInt(a.value);break;case i.ICON:case i.IMAGE:a.data.resource=a.value}}(L,x),T&&c.includes(L)?(x.data.showMarker=null!==(k=x.tooltip)&&void 0!==k&&k,q=function(a,n,c,l,o){var s,r,u,d;switch(a){case i.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+o.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:ae(o)?"kup-full-width":"","onkup-autocomplete-change":e=>Z(e,o,a,g.UPDATE),"onkup-autocomplete-input":e=>Z(e,o,a,g.INPUT),"onkup-autocomplete-iconclick":e=>Z(e,o,a,g.ICON_CLICK),"onKup-autocomplete-blur":e=>Z(e,o,a,g.BLUR),"onKup-autocomplete-itemclick":e=>Z(e,o,a,g.ITEMCLICK)}));case i.CHECKBOX:return ee(o)&&(n[t.C_CENTERED]=!0),c.shape===p.INPUT_CHECKBOX?e("input",{checked:"on"===c.value.toLowerCase()||"1"===c.value,class:"input-checkbox",onChange:e=>Z(e,o,a,g.UPDATE),type:"checkbox",onBlur:e=>Z(e,o,a,g.BLUR)}):e($,Object.assign({},c.data,{onChange:e=>Z(e,o,a,g.UPDATE),onBlur:e=>Z(e,o,a,g.BLUR)}));case i.CHIP:return e("kup-chip",Object.assign({},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData,{error:c.data.error,"onKup-textfield-blur":e=>Z(e,o,a,g.BLUR)})));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>Z(e,o,a,g.UPDATE)}));case i.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+o.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:ae(o)?"kup-full-width":"","onkup-combobox-change":e=>Z(e,o,a,g.UPDATE),"onkup-combobox-input":e=>Z(e,o,a,g.INPUT),"onkup-combobox-iconclick":e=>Z(e,o,a,g.ICON_CLICK),"onKup-combobox-blur":e=>Z(e,o,a,g.BLUR),"onKup-combobox-itemclick":e=>Z(e,o,a,g.ITEMCLICK)}));case i.DATE:return e("kup-date-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"","onkup-datepicker-change":e=>Z(e,o,a,g.UPDATE),"onkup-datepicker-input":e=>Z(e,o,a,g.INPUT),"onKup-datepicker-blur":e=>Z(e,o,a,g.BLUR),"onkup-datepicker-textfieldsubmit":e=>Z(e,o,a,g.UPDATE)}));case i.EDITOR:return e(z,Object.assign({},c.data,{textArea:!0,sizing:v.EXTRA_LARGE,label:l.title,fullWidth:!!ae(o),maxLength:c.data.maxLength,value:c.value,onChange:e=>{Z(e,o,a,g.UPDATE)},onInput:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),Z(e,o,a,g.INPUT)},onBlur:e=>Z(e,o,a,g.BLUR)}));case i.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},c.data));case i.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,selectMode:f.CODE_AND_DESC,sizing:v.EXTRA_SMALL,"onKup-autocomplete-blur":e=>Z(e,o,a,g.BLUR),"onkup-autocomplete-input":e=>Z(e,o,a,g.INPUT),"onkup-autocomplete-iconclick":e=>Z(e,o,a,g.ICON_CLICK),showDropDownIcon:!1},c.slotData,{error:c.data.error,showMarker:null!==(s=c.tooltip)&&void 0!==s&&s})));case i.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":e=>Z(e,o,a,g.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,selectMode:f.CODE_AND_DESC,sizing:v.EXTRA_SMALL,"onKup-combobox-blur":e=>Z(e,o,a,g.BLUR),"onkup-combobox-input":e=>Z(e,o,a,g.INPUT),"onkup-combobox-iconclick":e=>Z(e,o,a,g.ICON_CLICK)},c.slotData,{error:c.data.error,showMarker:null!==(r=c.tooltip)&&void 0!==r&&r})));case i.RADIO:return e(M,Object.assign({},c.data,{disabled:!1,onChange:(e,n)=>{const l=c.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}Z(n,o,a,g.UPDATE)},onBlur:e=>Z(e,o,a,g.BLUR)}));case i.RATING:return e("kup-rating",Object.assign({key:l.name+o.row.id},c.data,{disabled:!1,"onkup-rating-click":e=>Z(e,o,a,g.UPDATE)}));case i.SWITCH:return e(D,Object.assign({},c.data,{disabled:!1,onChange:e=>Z(e,o,a,g.UPDATE),onBlur:e=>Z(e,o,a,g.BLUR)}));case i.TIME:return e("kup-time-picker",Object.assign({key:l.name+o.row.id,initialValue:c.value},c.data,{class:ae(o)?"kup-full-width":"","onkup-timepicker-change":e=>Z(e,o,a,g.UPDATE),"onkup-timepicker-input":e=>Z(e,o,a,g.INPUT),"onKup-timepicker-blur":e=>Z(e,o,a,g.BLUR)}));case i.OBJECT:return e(C,{cell:c,column:o.column,row:o.row,inputValue:c.value,onChange:e=>Z(e,o,a,g.UPDATE)});case i.NUMBER:n[t.C_RIGHT_ALIGNED]=!0;case i.LINK:case i.MEMO:case i.STRING:const k=e=>Z(e,o,a,g.UPDATE),h=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),Z(e,o,a,g.INPUT)},m=e=>{var n,l,t;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),("MEMO"==c.shape||(null===(t=c.data)||void 0===t?void 0:t.maxLength)>=256||a==i.MEMO||"Enter"!==e.key)&&!/^F[1-9]|F1[0-2]$/.test(e.key)||Z(e,o,a,g.UPDATE)},j=a===i.NUMBER?"number":null;if(c.shape===p.INPUT_FIELD){const n=a===i.NUMBER&&c.value?b(l,c):c.value;return e("input",{class:"input-field",onChange:k,onInput:h,onKeyDown:m,type:j,value:n,maxLength:null!==(d=null===(u=l.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1})}{const n=!!c.shape&&c.shape===p.MEMO||!!a&&a===i.MEMO;return e(z,Object.assign({},c.data,{textArea:n,sizing:c.data.sizing?c.data.sizing:n?v.EXTRA_LARGE:v.SMALL,inputType:j,fullWidth:!!ae(o),maxLength:a==i.NUMBER&&(o.column.decimals&&o.column.decimals>0||o.column.group)||o.column.integers&&o.column.integers>0?-1:c.data.maxLength,icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:l.icon?l.icon:null,decimals:o.column.decimals,integers:o.column.integers,group:o.column.group,value:c.value,onChange:k,onInput:h,onKeyDown:m,onIconClick:e=>Z(e,o,a,g.ICON_CLICK),onBlur:e=>Z(e,o,a,g.BLUR)}))}}}(L,P,x,K,a)):x.data&&l.includes(L)?(a.setSizes&&function(e,a,n){switch(e){case i.BAR:a.sizeY||(a.sizeY="26px");break;case i.BUTTON:let e="";a.label&&(e="36px"),n.style?n.style.height||(n.style.minHeight=e):n.style={minHeight:e};break;case i.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case i.CHIP:n.style?n.style.height||(n.style.minHeight="18px"):n.style={minHeight:"18px"};break;case i.RADIO:n.style?n.style.height||(n.style.minHeight="40px"):n.style={minHeight:"40px"}}}(L,Y,x),q=a.renderKup?function(a,n,c,l,o,s,r){switch(a){case i.BAR:return c.data?e("div",{style:{height:c.sizeY,width:"100%"}},e(I,Object.assign({},c))):e("kup-image",Object.assign({key:s.name+r.row.id,sizeX:"250px"},c));case i.BUTTON:return ee(r)&&(n[t.C_CENTERED]=!0),e(w,Object.assign({},c,{onClick:e=>Z(e,r,a,g.CLICK)}));case i.BUTTON_LIST:return ee(r)&&(n[t.C_CENTERED]=!0),c["data-storage"]={cell:l,row:o,column:s},e("kup-button-list",Object.assign({key:s.name+r.row.id},c));case i.CHART:return ee(r)&&(n[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:s.name+r.row.id},c));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return e(_,Object.assign({},c));case i.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:s.name+r.row.id},c,{class:ae(r)?"kup-full-width":"",disabled:!0}));case i.GAUGE:return e("kup-gauge",Object.assign({key:s.name+r.row.id,value:V.ketchup.math.numberifySafe(l.value),"width-component":"280px"},c));case i.KNOB:case i.PROGRESS_BAR:return c.customStyle?e("kup-progress-bar",Object.assign({key:s.name+r.row.id},c)):e(F,Object.assign({},c));case i.RADIO:return ee(r)&&(n[t.C_CENTERED]=!0),c.disabled=o.readOnly,e(M,Object.assign({},c));case i.RATING:return e(N,Object.assign({},c,{disabled:!0}));case i.OBJECT:return e(z,Object.assign({icon:"table"},c,{disabled:!0}))}}(L,P,Y,x,B,K,a):e("span",{class:"cell-"+L+" placeholder"})):(a.setSizes&&function(e,a,n,c){var l;switch(e){case i.CHECKBOX:case i.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=a.sizeY):n.style={minHeight:a.sizeY};break;case i.IMAGE:const e=(null===(l=c.cell)||void 0===l?void 0:l.value)||"",t=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;c.component.rootElement.tagName!==d.DATA_TABLE||t||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),c.component.rootElement.tagName===d.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(L,Y,x,a),P[t.INDICATOR_TOPRIGHT]=null!==(h=x.tooltip)&&void 0!==h&&h,q=function(a,n,c,l,o,s,r){switch(a){case i.AUTOCOMPLETE:case i.COMBOBOX:return c&&""!=c?e("div",{class:"f-cell__text"},m(o,c," - ")):c;case i.DATE:case i.DATETIME:case i.TIME:if(c&&""!=c){const a=b(s,o);return e("div",{class:"f-cell__text"},a)}return c;case i.CHECKBOX:return ee(r)&&(l[t.C_CENTERED]=!0),e(I,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:case i.MEMO:return e("div",{innerHTML:o.value});case i.ICON:case i.IMAGE:return ee(r)&&(l[t.C_CENTERED]=!0),n.badgeData&&(l[t.C_PADDED]=!0),e(I,Object.assign({},n));case i.LINK:return e("a",{href:c,target:"_blank"},o.value);case i.NUMBER:if(c&&""!=c){const a=V.ketchup.math.numberifySafe(o.value),n=b(s,o);return a<0&&(l[t.TEXT_DANGER]=!0),ee(r)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},c);case i.SWITCH:return ee(r)&&(l[t.C_CENTERED]=!0),n.disabled=!0,e(D,Object.assign({},n));default:return e("div",{class:"f-cell__text"},o.data.displayMode?m(o,c,"-"):c)}}(L,Y,q,P,x,K,a));let Q=null;!T&&(K.icon||x.icon)&&q&&L!=i.IMAGE&&L!=i.ICON&&(Q=e(I,Object.assign({},{color:`rgba(var(${o.TEXT}-rgb), 0.375)`,resource:x.icon?x.icon:K.icon,placeholderResource:x.placeholderIcon?x.placeholderIcon:K.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let U=null;V.ketchup.debug.isDebug()&&S?U=x.obj.t+"; "+x.obj.p+"; "+x.obj.k+";":null!=x.title&&""!=x.title.trim()&&(U=x.title);let J=null;if(x.info){const a=Object.assign({},x.info);a.color||(a.color=`var(${o.INFO})`),a.icon||(a.icon="info"),J=e(I,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>Z(e,a,L,g.KEYUP),class:P,"kup-get-cell-props":()=>a,ref:e=>x.element=e,style:x.style},e("div",{class:"f-cell__content",style:x.styleContent,title:U,onMouseEnter:e=>H(e,a,L),onMouseLeave:e=>R(e)},n&&n.length>0?n:[a.indents,J,Q,q]))},H=(e,a,n)=>{var c;if(a.cellActionIcon){const l=e.currentTarget,t=document.createElement("kup-image");t.resource="more_vert",t.sizeX="16px",t.sizeY="16px",t.tabIndex=0,t.className="f-cell__iconfunction "+(n===i.NUMBER?"left":"right"),(null===(c=a.cellActionIcon)||void 0===c?void 0:c.onClick)&&t.addEventListener("click",a.cellActionIcon.onClick),l.appendChild(t)}},R=e=>{const a=e.currentTarget.querySelector("kup-image");a&&a.remove()},A=(e,a)=>{var n;if(!e)return null;const c=e.options,l=(null===(n=e.data)||void 0===n?void 0:n.hasOwnProperty("label"))?e.data.label:a.title,t=e.value,o=V.ketchup.data.cell.getType(e,e.shape),s=new Map([[i.BUTTON_LIST,L.bind(void 0)],[i.STRING,W.bind(void 0)],[i.RADIO,Y.bind(void 0)],[i.AUTOCOMPLETE,G.bind(void 0)],[i.COMBOBOX,G.bind(void 0)],[i.CHECKBOX,X.bind(void 0)],[i.OBJECT,T.bind(void 0)],[i.CHIP,S.bind(void 0)]]).get(o);return s?s(c,l,t,e):null},S=(e,a,n,c)=>{var l;return(null===(l=c.data)||void 0===l?void 0:l.data)?Object.assign({},c.data):s(c.value,c.decode)},T=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{data:{initialValue:n||"",label:a||"",value:n||""}}),X=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{checked:"on"===n||"1"===n,label:a}),L=(e,a,n,c)=>({data:[Object.assign(Object.assign({},c.data),{icon:c.icon,value:n})]}),W=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{label:a}),Y=(e,a,n,c)=>{const l=r(n,e);return Object.assign(Object.assign({},c.data),l)},G=(e,a,n,c)=>{var l;if(!(null===(l=c.data)||void 0===l?void 0:l.data)&&e){const c=u(n,a,[]);return c.data["kup-list"].data=P(e,n),c}},P=(e,a)=>{const n=J.get(e.type);return n?n(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},q=(e,a)=>e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(n=e.children)||void 0===n?void 0:n.length)?q(e,a):[]}})),Q=(e,a)=>e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(n=e.children)||void 0===n?void 0:n.length)?Q(e,a):[]}})),U=(e,a)=>e.rows.map((e=>{var n;const c=e.fields||e.cells,[l,t]=Object.keys(c);return{id:c[l].value,value:(null===(n=c[t])||void 0===n?void 0:n.value)||c[l].value,selected:a===c[l].value}})),J=new Map([["SmeupTreeNode",q.bind(void 0)],["SmeupDataTree",Q.bind(void 0)],["SmeupTable",U.bind(void 0)],["SmeupDataTable",U.bind(void 0)]]);function Z(e,a,n,c){var l,t;const o=a.cell,s=a.column,r=a.component,u=a.row;if(c===g.UPDATE){let a=function(e,a){var n;let c=e.target.value;return a===i.CHECKBOX&&(c=e.target.checked?"off":"on"),a===i.DATE&&(c=null===(n=e.detail)||void 0===n?void 0:n.value),a===i.NUMBER&&(c=V.ketchup.math.formattedStringToNumberString(c,"")),c}(e,n);switch(j(o)?a=null==a?void 0:a.toUpperCase():O(o)&&(a=null==a?void 0:a.toLowerCase()),n){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:o.data&&(o.data.initialValue=a);break;case i.CHECKBOX:case i.SWITCH:a="on"===a.toLowerCase()?"0":"1",o.data&&(o.data.checked="0"!==a);break;case i.RADIO:if(o.data.data){const e=o.data.data.find((e=>e.checked));e&&(a=e.value)}break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:a=e.detail.stringifiedValues,o.data&&(o.data.data=e.detail.comp.data)}o.obj&&(o.obj.k=null==a?void 0:a.toString()),o.value=null==a?void 0:a.toString(),o.displayedValue=null,o.displayedValue=b(s,o)}if(r&&r.rootElement){const a=new CustomEvent(c,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:o,column:s,event:e,row:u,type:n,inputValue:(null===(t=null===(l=o.element)||void 0===l?void 0:l.querySelector("input"))||void 0===t?void 0:t.value)||null}});if(r.rootElement.dispatchEvent(a),c===g.UPDATE)try{r.refresh()}catch(e){V.ketchup.debug.logMessage(r,e,x.ERROR)}}}function ee(e){var a;return h.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function ae(e){var a;return k.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{E as F,F as a,M as b,N as c,B as d,D as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,F as a,H as
|
|
1
|
+
import{r as t,c as i,f as e,h as n,F as a,H as f,d as o}from"./p-b0368f88.js";import{k as p,g as h,s,h as r}from"./p-3fd22f74.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var m;!function(t){t.data="Data of the component containing url or html"}(m||(m={}));var c,g,d,u=function(t,i,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:i.get(t)};const k=class{constructor(e){t(this,e),this.kupReady=i(this,"kup-htm-ready",6),c.add(this),g.set(this,p()),this.data=void 0}async getProps(t){return h(this,m,t)}async refresh(){e(this)}async setProps(t){s(this,m,t)}componentWillLoad(){u(this,g,"f").debug.logLoad(this,!1),u(this,g,"f").theme.register(this),u(this,g,"f").language.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),u(this,g,"f").debug.logLoad(this,!0)}componentWillRender(){u(this,g,"f").debug.logRender(this,!1)}componentDidRender(){u(this,g,"f").debug.logRender(this,!0)}render(){var t;const i=u(this,c,"m",d).call(this,null===(t=null==this?void 0:this.data)||void 0===t?void 0:t.obj);return n(f,{key:"128d8986f162aa072d5b81db7f3f070115b19fa0"},n("style",{key:"aa84ccbba625c205995fddf63dd0af6da98c1fc5"},u(this,g,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"800b7ab6281db49fefe696b606eef763c7314d4d",id:l},n("div",{key:"56e9a84d1ad20f5717d5192f1181e131208757e3",class:"kup-htm "+(i?"is-link":"")},i?n(a,null,n("a",{href:this.data.value,target:"_blank",rel:"noopener noreferrer"},u(this,g,"f").language.translate(r.OPEN_IN_NEW_TAB)),n("iframe",{src:this.data.value,frameBorder:"0"})):n("div",{innerHTML:this.data.value}))))}disconnectedCallback(){u(this,g,"f").theme.unregister(this),u(this,g,"f").language.unregister(this)}get rootElement(){return o(this)}};g=new WeakMap,c=new WeakSet,d=function(t){return u(this,g,"f").objects.isLink(t)||u(this,g,"f").objects.isJ1Pathfile(t)},k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block}#kup-component{height:100%}#kup-component .kup-htm.is-link{height:100%}#kup-component .kup-htm.is-link a{float:left}#kup-component .kup-htm.is-link iframe{min-height:600px;width:100%}";export{k as kup_htm}
|
|
@@ -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-b0368f88.js";import{k as a,af as r,g as l,s as f,b as c,t as d}from"./p-48e99d19.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 g}from"./p-3a737973.js";import{F as y}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-b120abd7.js";import"./p-c56195a0.js";const b=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 f=[];e&&n&&(z(e,n)?f=S(e,n):l=[...r]);let c=[];return o&&a&&(z(o,a)?c=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:c}}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 b.objects.isDate(t.obj)&&b.dates.isIsoDate(t.value)}function O(t){return b.objects.isTime(t.obj)||b.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){f(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");y(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&y(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:"aa6f0014820025482238c3462872d803e697ee12"},h("style",{key:"444ae126bbe3f926d0c94d4e282e60959479bb77"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"c1fae911d7d5801c77d83de96edaefe70c18fedf",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"e79fd4d2d42079a1e921e35686f58f65989d4cdd",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"5a2b0850936753c168ebd2b610df67a3df48e774",style:{display:this.plannerProps?"none":""}},h(g,{key:"7c97395604c27f65cd5a904117b31b4b60e48ede",icon:c.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(g,{icon:c.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 f=it(this,H,"m",$).call(this,s,this.detailIconCol),c=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:f?{url:f,color:null!=c?c:"#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: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-b0368f88.js";import{k as a,af as r,g as l,s as f,b as c,t as d}from"./p-3fd22f74.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 g}from"./p-8d86c623.js";import{F as y}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-b120abd7.js";import"./p-c56195a0.js";const b=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 f=[];e&&n&&(z(e,n)?f=S(e,n):l=[...r]);let c=[];return o&&a&&(z(o,a)?c=S(o,a):l=[...r]),{dateValues:r,secDateValues:l,hourValues:f,secHourValues:c}}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 b.objects.isDate(t.obj)&&b.dates.isIsoDate(t.value)}function O(t){return b.objects.isTime(t.obj)||b.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){f(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");y(i);const s=this.rootElement.shadowRoot.querySelector("#secondary-filter");let h,e,n;t&&y(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:"aa6f0014820025482238c3462872d803e697ee12"},h("style",{key:"444ae126bbe3f926d0c94d4e282e60959479bb77"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"c1fae911d7d5801c77d83de96edaefe70c18fedf",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"e79fd4d2d42079a1e921e35686f58f65989d4cdd",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"5a2b0850936753c168ebd2b610df67a3df48e774",style:{display:this.plannerProps?"none":""}},h(g,{key:"7c97395604c27f65cd5a904117b31b4b60e48ede",icon:c.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(g,{icon:c.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 f=it(this,H,"m",$).call(this,s,this.detailIconCol),c=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:f?{url:f,color:null!=c?c:"#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: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 s,H as n,d as a}from"./p-b0368f88.js";import{k as o,f as p,ax as
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-b0368f88.js";import{k as o,f as p,ax as f,g as h,s as l,X as r,ay as c,h as m,az as g}from"./p-3fd22f74.js";import{c as d}from"./p-635bb4b3.js";import{F as u}from"./p-d39c3267.js";import{F as y}from"./p-a58052a1.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-b120abd7.js";import"./p-4d9381ce.js";import"./p-f28e3e9f.js";import"./p-b0198069.js";import"./p-8d86c623.js";var k,x=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)};const b=class{constructor(e){t(this,e),this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6),this.kupCellUpload=i(this,"kup-cell-upload",6),k.set(this,o()),this.customStyle="",this.data=null,this.density=p.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=f.right}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});x(this,k,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+d),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:"KUPCELL",title:void 0}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}submitClick(t){t.stopPropagation(),this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}upload(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)}componentWillLoad(){x(this,k,"f").dates.register(this),x(this,k,"f").debug.logLoad(this,!1),x(this,k,"f").language.register(this),x(this,k,"f").theme.register(this)}componentDidLoad(){x(this,k,"f").debug.logLoad(this,!0)}componentWillRender(){x(this,k,"f").debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),x(this,k,"f").debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return s(n,{key:"b450035080d728f4a9e1b192b14e630b36bf879e","onKup-file-upload-upload":this.upload.bind(this)},s("style",{key:"1e895664baa2c86e300be091908403873b96e7f6"},x(this,k,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"75ada02dbdd167998835d443242285d7253a6316",id:d,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"12365188d85255679404e8e399dfda9f89d8ac51"},t)),this.showSubmit?s(u,{buttonType:"submit",label:x(this,k,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){x(this,k,"f").dates.unregister(this),x(this,k,"f").language.unregister(this),x(this,k,"f").theme.unregister(this)}get rootElement(){return a(this)}};k=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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as l,s as r,h as p,U as m,f as h}from"./p-48e99d19.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-b120abd7.js";import{F as g}from"./p-d39c3267.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-beaab6c7.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-4d9381ce.js";import"./p-81a35c89.js";import"./p-194ac258.js";import"./p-3a737973.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),z.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),j.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,v,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"35d589835d3ca78cf53bf059854faeea30efbc62"},a("style",{key:"532694ef590fd4cb34182b21bef85477a44cd848"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bc337ab92bfc3c021aa218693cfb5d329b1650a3",id:c,ref:i=>{R(this,j,i,"f")}},a("div",{key:"d5040fd4cfcc78cc1604d8f34979379e2dfc003b",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(g,Object.assign({},I(this,z,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"296dbe1d4afbcf96e9a2465757051944a132ba96",class:o,style:e},...I(this,v,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,v=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,v,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,j,"f")),I(this,y,"f").interact.on(I(this,j,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,j,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,v,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,j,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",P).call(this,i)})}}))},S.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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
|
|
1
|
+
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as l,s as r,h as p,U as m,f as h}from"./p-3fd22f74.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-b120abd7.js";import{F as g}from"./p-d39c3267.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-a58052a1.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-4d9381ce.js";import"./p-f28e3e9f.js";import"./p-b0198069.js";import"./p-8d86c623.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},R=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const S=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,w.set(this,[]),y.set(this,n()),x.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=I(this,y,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),z.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),j.set(this,void 0),C.set(this,!1),W.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=I(this,y,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(I(this,y,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=I(this,y,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){I(this,y,"f").debug.logLoad(this,!1),I(this,y,"f").language.register(this),I(this,y,"f").theme.register(this)}componentDidLoad(){I(this,v,"m",D).call(this),I(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){I(this,y,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),I(this,y,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"35d589835d3ca78cf53bf059854faeea30efbc62"},a("style",{key:"532694ef590fd4cb34182b21bef85477a44cd848"},I(this,y,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"bc337ab92bfc3c021aa218693cfb5d329b1650a3",id:c,ref:i=>{R(this,j,i,"f")}},a("div",{key:"d5040fd4cfcc78cc1604d8f34979379e2dfc003b",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},I(this,x,"f"),{label:I(this,y,"f").language.translate(p.BACK)})),a(g,Object.assign({},I(this,z,"f"),{label:I(this,y,"f").language.translate(p.TOP)}))):null),a("div",{key:"296dbe1d4afbcf96e9a2465757051944a132ba96",class:o,style:e},...I(this,v,"m",$).call(this))))}disconnectedCallback(){I(this,y,"f").interact.unregister(I(this,W,"f")),I(this,y,"f").language.unregister(this),I(this,y,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,v=new WeakSet,M=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},$=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},I(this,v,"m",M).call(this,s));i.push(o)}return i},E=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},O=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},T=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return I(this,v,"m",E).call(this,I(this,y,"f").getEventPath(i.target,this.rootElement),i)},D=function(){I(this,W,"f").push(I(this,j,"f")),I(this,y,"f").interact.on(I(this,j,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(R(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)}))})),I(this,y,"f").interact.on(I(this,j,"f"),m.TAP,(i=>{if(I(this,C,"f"))R(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];I(this,w,"f").push(setTimeout((()=>{var i;const e=I(this,v,"m",O).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",T).call(this,i)})}})),I(this,y,"f").interact.on(I(this,j,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<I(this,w,"f").length;i++)clearTimeout(I(this,w,"f")[i]),I(this,y,"f").debug.logMessage(this,"Cleared clickHandler timeout("+I(this,w,"f")[i]+").");R(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:I(this,v,"m",P).call(this,i)})}}))},S.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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{S as kup_image_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as o}from"./p-b0368f88.js";import{a as t,k as e,c as n}from"./p-
|
|
1
|
+
import{h as o}from"./p-b0368f88.js";import{a as t,k as e,c as n}from"./p-3fd22f74.js";import{F as c}from"./p-d39c3267.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-8d86c623.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,F as a,H as o,d as r}from"./p-b0368f88.js";import{k as p,g as s,s as l,e as m,af as c}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,F as a,H as o,d as r}from"./p-b0368f88.js";import{k as p,g as s,s as l,e as m,af as c}from"./p-3fd22f74.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-b120abd7.js";import{s as d}from"./p-d9d4308c.js";import"./p-1ee561ba.js";var g,u;!function(t){t.data="Dataset containing the activities list",t.dateColumn="Column containing dates",t.timeColumn="Column containing times",t.sortOrder="Order for sorting"}(g||(g={})),function(t){t.onClick="onClick",t.onRightClick="onRightClick"}(u||(u={}));var x,v,y,k=function(t,i,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!n:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:i.get(t)};const w=class{constructor(e){t(this,e),this.kupClick=i(this,"kup-activitytimeline-click",6),this.kupContextMenu=i(this,"kup-activitytimeline-contextmenu",6),this.kupReady=i(this,"kup-activitytimeline-ready",6),x.add(this),v.set(this,p()),this.timeline=[],this.data=void 0,this.dateColumn=void 0,this.sort=[],this.timeColumn=void 0}async getProps(t){return s(this,g,t)}async refresh(){e(this)}async setProps(t){l(this,g,t)}getActivity(t){return{column:this.data.columns.find((i=>i.name===t.columnName)),row:this.data.rows.find((i=>i.id===t.rowId))}}onActivityClick(t,i){this.kupClick.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:u.onClick})})}onActivityContextMenu(t,i){this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:Object.assign(Object.assign({},this.getActivity(i)),{originalEvent:t,type:u.onRightClick})})}activityItem(t){return n("div",{class:"atm-row"},t.columns.map((t=>n("div",{class:"atm-col"},n("div",{class:"atm-inner-col"},n("h3",null,t.title,":")),n("div",{class:"atm-inner-col",onClick:i=>{i.stopPropagation(),this.onActivityClick(i,t)},onContextMenu:i=>{this.onActivityContextMenu(i,t)}},n("p",null,t.value))))))}calendarIcon(){return n(f,{color:"white",resource:"calendar",wrapperClass:"activity-timeline-item__icon",sizeX:"20px",sizeY:"32px"})}componentWillLoad(){k(this,v,"f").debug.logLoad(this,!1),k(this,v,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),k(this,v,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,v,"f").debug.logRender(this,!1)}componentDidRender(){k(this,v,"f").debug.logRender(this,!0)}render(){var t,i;if(!Boolean(!(null===(t=this.data)||void 0===t?void 0:t.columns)||!(null===(i=this.data)||void 0===i?void 0:i.rows)))return this.timeline=k(this,x,"m",y).call(this,this.data),n(o,null,n("style",null,k(this,v,"f").theme.setKupStyle(this.rootElement)),n("div",{id:h},n("div",{key:this.rootElement.id,class:"kup-activity-timeline",onContextMenu:t=>{t.preventDefault()}},this.timeline.map((t=>n("div",{class:"atm-container",key:t.date},n("div",{class:"atm-event"},n("div",{class:"atm-icon-wrapper"},n("div",{class:"atm-thumb"},this.calendarIcon())),n("div",{class:"atm-content"},n("div",null,n("h3",null,n("span",null,t.date))),t.activities.map((t=>n(a,null,this.activityItem(t))))))))))));k(this,v,"f").debug.logMessage(this,"Empty data.",m.WARNING)}disconnectedCallback(){k(this,v,"f").theme.unregister(this)}get rootElement(){return r(this)}};v=new WeakMap,x=new WeakSet,y=function(t){const{columns:i,rows:e}=t,n=i.find((t=>t.name===this.dateColumn)),a=i.find((t=>t.name===this.timeColumn));if(!n||!a)return[];const o=d(e,this.sort).reduce(((t,e)=>{const o=`${c(n,e.cells[n.name])} ${c(a,e.cells[a.name])}`;return t[o]=t[o]||[],t[o].push({columns:i.filter((t=>!1!==t.visible)).map((t=>({title:t.title,value:c(t,e.cells[t.name]),columnName:t.name,rowId:e.id})))}),t}),{});return Object.entries(o).map((([t,i])=>({date:t,activities:i})))},w.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: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}.atm-container{color:var(--kup-gray-color-70)}.atm-container.clickable{cursor:pointer}.atm-container .atm-event{margin-bottom:10px;padding-bottom:25px;display:flex;position:relative;width:100%}.atm-container .atm-event:after{content:"";display:inline-block;width:1px;left:15px;position:absolute;top:0;bottom:0;z-index:1;background:var(--kup-primary-color)}.atm-container .atm-event .atm-icon-wrapper{margin-top:10px}.atm-container .atm-event .atm-thumb{background:var(--kup-primary-color);display:inline-block;vertical-align:top;width:32px;height:32px;border:none;border-radius:var(--kup-radius-00);text-align:center;z-index:10;position:relative;border-bottom-width:2px}.atm-container .atm-event .atm-thumb>span.-atm-icon{vertical-align:middle;line-height:32px;color:white;font-size:20px}.atm-container .atm-event .atm-content{display:inline-block;padding:0 6px 0 10px;vertical-align:top;width:calc(100% - 45px)}.atm-container .atm-event .atm-content .atm-content-header h3.atm-title{margin:0;font-size:15px;line-height:16px;float:left;width:calc(100% - 100px)}.atm-container .atm-event .atm-content .atm-content-header .atm-datetime{font-style:italic;font-size:11px;line-height:16px;float:right;width:100px;text-align:right}.atm-container .atm-event .atm-content .atm-row{max-width:calc(100% - 30px);width:100%;display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:0px 0px;padding-bottom:10px}.atm-container .atm-event .atm-content .atm-row .atm-col{display:flex;align-items:baseline;justify-content:center;gap:3px;width:100%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col{width:50%}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col h3{margin-bottom:7px;font-size:12px;word-break:break-word;padding-right:6px;font-weight:400}.atm-container .atm-event .atm-content .atm-row .atm-col .atm-inner-col p{font-size:12px;word-break:break-word;text-decoration:underline;color:var(--kup-primary-color);cursor:pointer}@media (max-width: 1799px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(4, 1fr)}.atm-container .atm-event .atm-content .atm-row .atm-col{justify-content:start}}@media (max-width: 1365px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 575px){.atm-container .atm-event .atm-content .atm-row{grid-template-columns:repeat(1, 1fr)}}';export{w as kup_activity_timeline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-b0368f88.js";import{F as a}from"./p-d39c3267.js";import{F as h}from"./p-4d9381ce.js";import{F as l}from"./p-3a737973.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aA as f,h as m,X as u,e as g}from"./p-48e99d19.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-b120abd7.js";import"./p-c56195a0.js";import"./p-1ee561ba.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"4eeedc0ad554daddc9ea694235fd2447c632bc7d"},o("style",{key:"6b23b56624367d6d9b0ddde03b052b3a4417dac6"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"fca3b317ae2101b41ad6a30eb124e012add64504",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};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: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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-b0368f88.js";import{F as a}from"./p-d39c3267.js";import{F as h}from"./p-4d9381ce.js";import{F as l}from"./p-8d86c623.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aA as f,h as m,X as u,e as g}from"./p-3fd22f74.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-b120abd7.js";import"./p-c56195a0.js";import"./p-1ee561ba.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const b=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"4eeedc0ad554daddc9ea694235fd2447c632bc7d"},o("style",{key:"6b23b56624367d6d9b0ddde03b052b3a4417dac6"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"fca3b317ae2101b41ad6a30eb124e012add64504",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};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: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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{b as kup_dashboard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as h,s as r,u as c,af as l}from"./p-
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-b0368f88.js";import{k as n,g as h,s as r,u as c,af as l}from"./p-3fd22f74.js";import{c as p}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return h(this,f,t)}async refresh(){i(this)}async setProps(t){r(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,h,r,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:h=a;break;case this.layoutCol:r=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=r&&p.cells[r.name].value?parseInt(p.cells[r.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size: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_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:fit-content;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";export{d as kup_card_list}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as n,f as i,h as r,H as e,d as o,g as a}from"./p-b0368f88.js";import{k as s,g as u,s as l,d as f,e as h,w as c,o as v}from"./p-
|
|
1
|
+
import{r as t,c as n,f as i,h as r,H as e,d as o,g as a}from"./p-b0368f88.js";import{k as s,g as u,s as l,d as f,e as h,w as c,o as v}from"./p-3fd22f74.js";import{c as d}from"./p-635bb4b3.js";import"./p-1ee561ba.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|