@sme.up/ketchup 11.0.0-SNAPSHOT-20241205170214 → 11.0.0-SNAPSHOT-20241206110923
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-51f1f4f6.js → f-cell-93f153b8.js} +4 -4
- package/dist/cjs/{f-chip-be8ff574.js → f-chip-87a0b4a6.js} +1 -1
- package/dist/cjs/{f-object-field-11977a37.js → f-object-field-861969e1.js} +2 -2
- package/dist/cjs/{f-paginator-utils-b010d637.js → f-paginator-utils-f79d716d.js} +1 -1
- package/dist/cjs/{f-text-field-7cbc9b46.js → f-text-field-891583b5.js} +2 -2
- 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_28.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-60724cb8.js → kup-data-table-helper-f9eb53cb.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 +11 -11
- 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-7f91b6a7.js → kup-manager-c2c076e9.js} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-object-field.cjs.entry.js +3 -3
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-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/components/kup-input-panel/kup-input-panel.css +5 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +5 -5
- package/dist/collection/f-components/f-text-field/f-text-field.js +1 -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-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 +9 -9
- 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-photo-frame.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-6924f9e4.js → p-41855af5.js} +2 -2
- package/dist/components/{p-ffd59ef9.js → p-609aed22.js} +2 -2
- package/dist/components/{p-ed854bb5.js → p-8c36110d.js} +2 -2
- package/dist/components/{p-77742415.js → p-ad3dc87c.js} +2 -2
- package/dist/components/{p-03548a18.js → p-eb03391c.js} +2 -2
- package/dist/components/{p-aeb81a51.js → p-ed8eafdc.js} +1 -1
- package/dist/esm/{f-cell-34aa8884.js → f-cell-205e11d7.js} +4 -4
- package/dist/esm/{f-chip-1512f776.js → f-chip-b6ce9d23.js} +1 -1
- package/dist/esm/{f-object-field-e3373bf4.js → f-object-field-9aedb15c.js} +2 -2
- package/dist/esm/{f-paginator-utils-72a7f5a8.js → f-paginator-utils-58d431d0.js} +1 -1
- package/dist/esm/{f-text-field-beb282f8.js → f-text-field-6f591b7b.js} +2 -2
- 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_28.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-abafe38a.js → kup-data-table-helper-cbb97117.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 +11 -11
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-defc4f8a.js → kup-manager-127fb2fb.js} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-object-field.entry.js +3 -3
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-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-0db77371.entry.js → p-005a8c68.entry.js} +1 -1
- package/dist/ketchup/{p-835b0e39.entry.js → p-055c4315.entry.js} +1 -1
- package/dist/ketchup/{p-c9d0e401.entry.js → p-06389a63.entry.js} +1 -1
- package/dist/ketchup/{p-405cacdf.entry.js → p-074ccc28.entry.js} +1 -1
- package/dist/ketchup/{p-c727e5ba.entry.js → p-14f94f98.entry.js} +1 -1
- package/dist/ketchup/{p-11812221.entry.js → p-2573e4b8.entry.js} +1 -1
- package/dist/ketchup/{p-8eea1380.js → p-27d6b90f.js} +1 -1
- package/dist/ketchup/{p-6b6d1ed2.js → p-391f53b3.js} +1 -1
- package/dist/ketchup/{p-92aaffc7.entry.js → p-3921a0a8.entry.js} +1 -1
- package/dist/ketchup/{p-f18fa415.entry.js → p-45df9a0b.entry.js} +1 -1
- package/dist/ketchup/{p-3782d150.entry.js → p-4d756c13.entry.js} +1 -1
- package/dist/ketchup/{p-8367e4cb.entry.js → p-4de1ab66.entry.js} +1 -1
- package/dist/ketchup/{p-24d6b060.entry.js → p-4e145062.entry.js} +1 -1
- package/dist/ketchup/{p-2ed6d906.entry.js → p-5a3503f8.entry.js} +1 -1
- package/dist/ketchup/{p-b0df4749.entry.js → p-5c36597d.entry.js} +1 -1
- package/dist/ketchup/{p-0d732c00.entry.js → p-62e0c101.entry.js} +1 -1
- package/dist/ketchup/{p-e0330a3b.entry.js → p-65f3da2f.entry.js} +1 -1
- package/dist/ketchup/{p-dad912dc.js → p-6680546a.js} +1 -1
- package/dist/ketchup/{p-09533900.entry.js → p-6c957751.entry.js} +1 -1
- package/dist/ketchup/{p-37c6896c.entry.js → p-6d4ad1d2.entry.js} +1 -1
- package/dist/ketchup/{p-ed124792.js → p-6fc2bc44.js} +1 -1
- package/dist/ketchup/{p-4344fe98.entry.js → p-797902ed.entry.js} +1 -1
- package/dist/ketchup/{p-3856da47.js → p-8cf46021.js} +1 -1
- package/dist/ketchup/{p-70edcd0a.entry.js → p-8eae0436.entry.js} +1 -1
- package/dist/ketchup/{p-41c6a6d7.entry.js → p-a9643593.entry.js} +1 -1
- package/dist/ketchup/{p-e143bb85.entry.js → p-aefa6b82.entry.js} +1 -1
- package/dist/ketchup/{p-140c3756.entry.js → p-b58199aa.entry.js} +1 -1
- package/dist/ketchup/{p-3cac28c8.entry.js → p-c3e55f0c.entry.js} +1 -1
- package/dist/ketchup/{p-4e730e39.entry.js → p-c7b33eec.entry.js} +1 -1
- package/dist/ketchup/{p-73d13a41.entry.js → p-ca15c303.entry.js} +1 -1
- package/dist/ketchup/{p-c344a80b.entry.js → p-cba873a6.entry.js} +1 -1
- package/dist/ketchup/{p-888dc55b.js → p-d4dd6b27.js} +1 -1
- package/dist/ketchup/p-d558fd20.js +1 -0
- package/dist/ketchup/p-df07c714.entry.js +1 -0
- package/dist/ketchup/{p-28f090d8.entry.js → p-e5bd0d63.entry.js} +1 -1
- package/dist/ketchup/p-e6a51a05.entry.js +1 -0
- package/dist/ketchup/{p-31c590b4.entry.js → p-e6b31aca.entry.js} +1 -1
- package/dist/ketchup/{p-de922cc0.entry.js → p-f72bdfba.entry.js} +1 -1
- package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ketchup/p-02209dd8.js +0 -1
- package/dist/ketchup/p-6b940d68.entry.js +0 -1
- package/dist/ketchup/p-8feec27f.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b32ed503.js";import{k as o,e as s,g as h,s as l}from"./p-
|
|
1
|
+
import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b32ed503.js";import{k as o,e as s,g as h,s as l}from"./p-391f53b3.js";import{a as f,F as r}from"./p-2f6cd896.js";import{c}from"./p-635bb4b3.js";import"./p-5ba08261.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"7cefcf3d2b633a30ecb96d3ff57d3b3f87cbe4d0"},i("style",{key:"8ada91e5d574896f59efd42b5ac677c07cb39f15"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"2b33b1457e20fca4cf707ee1762b1a02f90e1cb4",id:c},i("div",{key:"a0348c411bd565eeb0777ed5204b02b24978e1a2",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-compact-01-font-size, 14px);\n line-height: 18px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n font-family: var(--kup-font-family);\n font-size: var(--kup-body-01-font-size, 14px);\n line-height: 20px;\n font-weight: 400;\n letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n font-family: var(--kup-font-family-monospace);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 16px;\n font-weight: 400;\n letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n font-family: var(--kup-font-family);\n font-size: 12px;\n line-height: 15px;\n font-weight: 500;\n letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n font-family: var(--kup-font-family);\n font-size: 10px;\n line-height: 13px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n font-family: var(--kup-font-family);\n font-size: 6px;\n line-height: 9px;\n font-weight: 400;\n letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 18px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n font-family: var(--kup-font-family);\n font-size: 14px;\n line-height: 20px;\n font-weight: 600;\n letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n font-family: var(--kup-font-family);\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n letter-spacing: 0;\n}\n\n.kup-heading-03 {\n font-family: var(--kup-font-family);\n font-size: 20px;\n line-height: 28px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-04 {\n font-family: var(--kup-font-family);\n font-size: 28px;\n line-height: 36px;\n font-weight: 400;\n letter-spacing: 0;\n}\n\n.kup-heading-05 {\n font-family: var(--kup-font-family);\n font-size: 32px;\n line-height: 40px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-06 {\n font-family: var(--kup-font-family);\n font-size: 42px;\n line-height: 50px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-07 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 300;\n letter-spacing: 0;\n}\n\n.kup-heading-08 {\n font-family: var(--kup-font-family);\n font-size: 54px;\n line-height: 64px;\n font-weight: 600;\n letter-spacing: 0;\n}\n\n:host {\n --kup_typographylist_wrapper_gap: var(\n --kup-typographylist-wrapper-gap,\n var(--kup-space-00) ;\n );\n}\n\n.typographies-wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n display: block;\n}";export{g as kup_typography_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as i,f as r,h as t,H as e,d as a}from"./p-b32ed503.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-6b6d1ed2.js";import{F as h}from"./p-74da6bf3.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-5ba08261.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],e=r.name,a=this.isItemSelected(e),n=this.isItemExpandible(e),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(t("div",{class:"accordion-item"},t("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(e)},r.icon?t(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,t("span",{class:"accordion-item__text"},r.title),n?t("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),t("div",{class:c},t("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return t(e,{key:"c6cc4c937b265fd4cae251d7499ea3e26d29ad14"},t("style",{key:"3f14819201f57e2823e85841405ecd0b9c829289"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"5109d2bfa23e81daad6888dd5926e037e1f3d882",id:u},t("div",{key:"713ae0a1ec95e2676c22134d733109b35d40952a",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
|
|
1
|
+
import{r as o,c as i,f as r,h as t,H as e,d as a}from"./p-b32ed503.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-391f53b3.js";import{F as h}from"./p-74da6bf3.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-5ba08261.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],e=r.name,a=this.isItemSelected(e),n=this.isItemExpandible(e),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(t("div",{class:"accordion-item"},t("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(e)},r.icon?t(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,t("span",{class:"accordion-item__text"},r.title),n?t("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),t("div",{class:c},t("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return t(e,{key:"c6cc4c937b265fd4cae251d7499ea3e26d29ad14"},t("style",{key:"3f14819201f57e2823e85841405ecd0b9c829289"},this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{key:"5109d2bfa23e81daad6888dd5926e037e1f3d882",id:u},t("div",{key:"713ae0a1ec95e2676c22134d733109b35d40952a",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,d as e}from"./p-b32ed503.js";import{k as o}from"./p-
|
|
1
|
+
import{r as i,h as t,d as e}from"./p-b32ed503.js";import{k as o}from"./p-391f53b3.js";import"./p-5ba08261.js";const p=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),e(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((e=>{this.divlist=[],i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,e.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},e))})),e(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,e=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},e={"--lyo_obj-height":this.defobjsize},t("div",{key:"990a2317cd30c5a3ca78c987ebbed601b4a6a8b4",class:i,style:e},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return e(this)}};p.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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{p as kup_qlik}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-b32ed503.js";import{k as o,f,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-b32ed503.js";import{k as o,f,aq as p,g as h,s as l,R as r,ar as c,h as m,as as g}from"./p-391f53b3.js";import{c as d}from"./p-635bb4b3.js";import{F as u}from"./p-9e3b99ff.js";import{F as y}from"./p-d4dd6b27.js";import"./p-5ba08261.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-88c3ed8e.js";import"./p-d558fd20.js";import"./p-8cf46021.js";import"./p-6680546a.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),k.set(this,o()),this.customStyle="",this.data=null,this.density=f.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=p.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})}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:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},x(this,k,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:d,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b32ed503.js";import{k as o,g as p,s}from"./p-
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-b32ed503.js";import{k as o,g as p,s}from"./p-391f53b3.js";import{c as l}from"./p-635bb4b3.js";import"./p-5ba08261.js";var f,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"220fa65d9836c520dfed8e3dae2700c6b2b0cb9a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"1d1e33f3ed89c32e6ee9ad2b1996fb65037cc3f2",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"d799cc013987de74e23c34201ecd2186c57b13f1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"de98ef94a3f714e45e56a02877d4a139a8804424",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"26ad78503d5c00f5b902b2bddb782a14f1a13b73",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"03ae544d551c47e0dce8f8fbaa92b1a2a1024c55",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f63b011d43b7c6649e1392de9426b325259e9f38",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"3c6218a9e78c22aa2cfdd787a77fd7575409b926",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"28aaf9eb0e27fd2ad901866bd1f93ff181eba283",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"695002a63b98d0c090f350df167e2dec9b85c8f6",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"160f2450a206b3da182ef9514e41d0e9cfebd7dd",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"e7f09d307522f61e8448975f881fb435f0c585bd",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"2ad28af4bed1da877edb16db6acdc392bfbfb47b",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"f016960b177263ba06c3b63c4761fef4a06a4fd3",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"f221046bcd689deebeb597f557d547292518a34a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"8cd9ec1705efd526543348dcfe793c0705399482",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"b856e5475a8fc048cf96c0ee534f17fa2ad261fe"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"de01035df24b5d3811ca54bb3840bf232287103d",class:i},a("style",{key:"db6f4fe85ed90c8a17b598a4805eff35fbfc11af"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"00c41dbaa1579061edf0b9472b19e6c5c8f24eb9",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,F as a,H as o,d as f}from"./p-b32ed503.js";import{k as p,g as h,s,h as r}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,F as a,H as o,d as f}from"./p-b32ed503.js";import{k as p,g as h,s,h as r}from"./p-391f53b3.js";import{c as l}from"./p-635bb4b3.js";import"./p-5ba08261.js";var c;!function(t){t.data="Data of the component containing url or html"}(c||(c={}));var m,g=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),m.set(this,p()),this.data=void 0}async getProps(t){return h(this,c,t)}async refresh(){e(this)}async setProps(t){s(this,c,t)}componentWillLoad(){g(this,m,"f").debug.logLoad(this,!1),g(this,m,"f").theme.register(this),g(this,m,"f").language.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),g(this,m,"f").debug.logLoad(this,!0)}componentWillRender(){g(this,m,"f").debug.logRender(this,!1)}componentDidRender(){g(this,m,"f").debug.logRender(this,!0)}render(){const t=g(this,m,"f").objects.isLink(this.data.obj);return n(o,{key:"e973cfb80ddc6aba894dd2994b3be82fc93a07bc"},n("style",{key:"cd5f18859b77dfbaa1008cfe37183e18780b8e38"},g(this,m,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"69a912436a0c644bbe0ca38efe2aff60c31b15e4",id:l},n("div",{key:"5e057d8c92cbfd479a57c10c205e96be51475007",class:"kup-htm "+(t?"is-link":"")},t?n(a,null,n("a",{href:this.data.value,target:"_blank",rel:"noopener noreferrer"},g(this,m,"f").language.translate(r.OPEN_IN_NEW_TAB)),n("iframe",{src:this.data.value,frameBorder:"0"})):n("div",{innerHTML:this.data.value}))))}disconnectedCallback(){g(this,m,"f").theme.unregister(this),g(this,m,"f").language.unregister(this)}get rootElement(){return f(this)}};m=new WeakMap,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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{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,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-b32ed503.js";import{k as s,g as u,s as l,d as f,e as h,v 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-b32ed503.js";import{k as s,g as u,s as l,d as f,e as h,v as c,o as v}from"./p-391f53b3.js";import{c as d}from"./p-635bb4b3.js";import"./p-5ba08261.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a8 as e,a9 as a,aa as s,d as t,a5 as c,ab as n,ac as i,ad as l,F as o,ae as r,af as u,ag as d,ah as p,ai as b,aj as f,e as k}from"./p-6b6d1ed2.js";import{h as v,g as h,F as m}from"./p-b32ed503.js";import{F as g}from"./p-88c3ed8e.js";import{F as w}from"./p-02209dd8.js";import{F as j}from"./p-74da6bf3.js";import{F as y,c as O}from"./p-3856da47.js";import{F as $}from"./p-9e3b99ff.js";import{F as x}from"./p-dad912dc.js";var _,C,I,z;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(_||(_={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(C||(C={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(I||(I={})),function(e){e.SMALL="small",e.MEDIUM="medium"}(z||(z={}));const F=e=>{e.sizing||(e.sizing=z.MEDIUM),e.sizing.toLowerCase();const a={switch:!0,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:!!e.sizing};return v("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),v("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},v("div",{class:a},v("div",{class:"switch__track"}),v("div",{class:"switch__thumb-underlay"},v("div",{class:"switch__thumb"},v("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),v("label",{onClick:e.onChange},e.label)))},N=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let a,s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,t="pie";s+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const c={width:`${e.value}%`};e.centeredLabel?e.value>49&&(s+=" text-color-on-primary"):(a=c,e.value>2&&(s+=" text-color-on-primary"));let n=null;return e.icon?n=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return v("span",{class:"label kup-icon is-image"},v("img",{src:e.icon}));{let a=`url('${h(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return v("span",{style:{mask:a,webkitMask:a},class:"label kup-icon"})}}}(e):e.hideLabel||(n=e.isRadial?e.label?v("span",{class:"label"},e.label):v("span",{class:"label"},e.value,v("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(t+=" has-value",t+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?v("div",{class:s},n,v("div",{class:t},v("div",{style:undefined,class:"left-side half-circle"}),v("div",{class:"right-side half-circle"})),v("div",{class:"shadow"})):v("div",{class:s},v("div",{class:"progress-bar-percentage",style:c},v("span",{style:a},n)))};var D;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(D||(D={}));const M=e=>{var a;const s=!!e.columns,t=[],c=e.type||D.RADIO;for(let s=0;s<(null===(a=e.data)||void 0===a?void 0:a.length);s++){const a=e.data[s];t.push(v("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},v("div",{class:{radio:!0,"radio--checked":!!a.checked,"radio--disabled":!!e.disabled,[`radio--${e.type}`]:!!e.type}},c===D.RADIO?v("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:a.value,checked:a.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):v(m,null,v(j,a.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),c===D.RADIO&&v("div",{class:"radio__background"},v("div",{class:"radio__outer-circle"}),v("div",{class:"radio__inner-circle"}))),v("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},a.label?a.label:"")))}return v("div",{class:`f-radio radio-wrapper\n ${s?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""}},t)},V=e=>(e.maxValue||(e.maxValue=5),v("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const a=[];for(let s=1;s<=e.maxValue;s++)a.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},s<=e.value?"★":"☆"));return a}(e))),H=document.documentElement,S=(n,i)=>{var r,u,k;const h=n.cell,m=n.column,_=n.row,C=n.shape?n.shape:h.shape?h.shape:m.shape?m.shape:null,z=!H.ketchup.objects.isEmptyKupObj(h.obj);let D=!1;h.hasOwnProperty("isEditable")?D=h.isEditable:m.hasOwnProperty("isEditable")&&(D=m.isEditable),D=D&&n.editable,h.options&&(h.data=null!==(r=T(h,m))&&void 0!==r?r:h.data);const S=n.previousValue!==h.value?h.value:"",X=H.ketchup.data.cell.getType(h,C),E=Object.assign({},h.data);let R=h.cssClass?h.cssClass:(null==m?void 0:m.cssClass)?null==m?void 0:m.cssClass:"";n.component.legacyLook&&(R+=" monospace c-pre");const Y={"f-cell":!0,[s.OBJ]:!!z,[X+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||X===c.BAR),[R]:!!R,"c-input-uppercase":b(h),"c-input-lowercase":f(h)};let A=S;h.data||function(e,a){function s(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function t(e){return e.toUpperCase().startsWith("SHAPE;")}function n(e){return e.toUpperCase().startsWith("BCOLOR;")}function i(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){const a={},c=e.split("\\\\"),o=[];for(const e of c){if(e){if(l(e))return null;if(t(e)){if(!s(e))return null;{const s=e.split(";");if(3===s.length){const e=s[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(n(e));else if(i(e)){const s=e.substring(7).replace(",",".");isNaN(parseFloat(s))||(a.height=`${s}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const s=Object.assign({},a),t=e.split(";");if(t.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(t[0]);if(e){const[,a,t,c]=e;isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||isNaN(parseInt(c,10))||(s.color=`rgb(${parseInt(a)},${parseInt(t)},${parseInt(c)})`)}if(t.length>=2){const e=t[1].replace(",",".");isNaN(parseFloat(e))||(s.width=`${e}%`)}}return s}}a.data={};switch(e){case c.CHECKBOX:case c.SWITCH:a.data.checked="1"===a.value;break;case c.BAR:t(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\\"),s=[];for(const e of a){const a=o(e);if(!a)return null;s.push(...a)}return s}(a.value);break;case c.BUTTON:a.data.label=a.value;break;case c.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const s=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==s?void 0:s[s.length-1].trim())&&s.pop(),s&&s.length){a.data.data=[];for(let e of s)a.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:a.data.initialValue=a.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:a.data.value=parseInt(a.value);break;case c.ICON:case c.IMAGE:a.data.resource=a.value}}(X,h),D&&e.includes(X)?(h.data.showMarker=null!==(u=h.tooltip)&&void 0!==u&&u,A=function(e,a,t,n,i){var l,r,u,d;switch(e){case c.AUTOCOMPLETE:return v("kup-autocomplete",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-autocomplete-change":a=>q(a,i,e,p.UPDATE),"onkup-autocomplete-input":a=>q(a,i,e,p.INPUT),"onkup-autocomplete-iconclick":a=>q(a,i,e,p.ICON_CLICK)}));case c.CHECKBOX:return J(i)&&(a[s.C_CENTERED]=!0),t.shape===o.INPUT_CHECKBOX?v("input",{checked:"on"===t.value||"1"===t.value,class:"input-checkbox",onChange:a=>q(a,i,e,p.UPDATE),type:"checkbox"}):v(g,Object.assign({},t.data,{onChange:a=>q(a,i,e,p.UPDATE)}));case c.CHIP:return v("kup-chip",Object.assign({},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData,{error:t.data.error})));case c.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":a=>q(a,i,e,p.UPDATE)}));case c.COMBOBOX:return v("kup-combobox",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-combobox-change":a=>q(a,i,e,p.UPDATE),"onkup-combobox-input":a=>q(a,i,e,p.INPUT),"onkup-combobox-iconclick":a=>q(a,i,e,p.ICON_CLICK)}));case c.DATE:return v("kup-date-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-datepicker-change":a=>q(a,i,e,p.UPDATE),"onkup-datepicker-input":a=>q(a,i,e,p.INPUT)}));case c.MULTI_AUTOCOMPLETE:return v("kup-chip",Object.assign({displayId:!0},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":a=>q(a,i,e,p.INPUT),"onkup-autocomplete-iconclick":a=>q(a,i,e,p.ICON_CLICK),showDropDownIcon:!1},t.slotData,{error:t.data.error,showMarker:null!==(l=t.tooltip)&&void 0!==l&&l})));case c.MULTI_COMBOBOX:return v("kup-chip",Object.assign({displayId:!0},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-combobox-input":a=>q(a,i,e,p.INPUT),"onkup-combobox-iconclick":a=>q(a,i,e,p.ICON_CLICK)},t.slotData,{error:t.data.error,showMarker:null!==(r=t.tooltip)&&void 0!==r&&r})));case c.RADIO:return v(M,Object.assign({},t.data,{disabled:!1,onChange:(a,s)=>{const c=t.data.data;for(let e=0;e<c.length;e++){c[e].checked=e===a}q(s,i,e,p.UPDATE)}}));case c.RATING:return v("kup-rating",Object.assign({key:n.name+i.row.id},t.data,{disabled:!1,"onkup-rating-click":a=>q(a,i,e,p.UPDATE)}));case c.SWITCH:return v(F,Object.assign({},t.data,{disabled:!1,onChange:a=>q(a,i,e,p.UPDATE)}));case c.TIME:return v("kup-time-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-timepicker-change":a=>q(a,i,e,p.UPDATE),"onkup-timepicker-input":a=>q(a,i,e,p.INPUT)}));case c.OBJECT:return v(x,{cell:t,inputValue:t.value});case c.NUMBER:a[s.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const b=a=>q(a,i,e,p.UPDATE),f=a=>{var s,c;null===(c=null===(s=t.data)||void 0===s?void 0:s.onInput)||void 0===c||c.call(s,a),q(a,i,e,p.INPUT),q(a,i,e,p.UPDATE)},k=e===c.NUMBER?"number":null,h=e===c.NUMBER&&t.value?H.ketchup.math.numberifySafe(t.value).toString():t.value;return t.shape===o.INPUT_FIELD?v("input",{class:"input-field",onChange:b,onInput:f,type:k,value:h,maxLength:null!==(d=null===(u=n.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1}):v(w,Object.assign({textArea:!!t.shape&&t.shape===o.MEMO||!!e&&e===c.MEMO,inputType:k,fullWidth:!!Q(i)},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:n.icon?n.icon:null,decimals:i.column.decimals,integers:i.column.integers,value:h,onChange:b,onInput:f,onIconClick:a=>q(a,i,e,p.ICON_CLICK)}))}}(X,Y,h,m,n)):h.data&&a.includes(X)?(n.setSizes&&function(e,a,s){switch(e){case c.BAR:a.sizeY||(a.sizeY="26px");break;case c.BUTTON:let e="";a.label&&(e="36px"),s.style?s.style.height||(s.style.minHeight=e):s.style={minHeight:e};break;case c.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case c.CHIP:case c.RADIO:s.style?s.style.height||(s.style.minHeight="40px"):s.style={minHeight:"40px"}}}(X,E,h),A=n.renderKup?function(e,a,t,n,i,l,o){switch(e){case c.BAR:return t.data?v("div",{style:{height:t.sizeY,width:"100%"}},v(j,Object.assign({},t))):v("kup-image",Object.assign({key:l.name+o.row.id,sizeX:"250px"},t));case c.BUTTON:return J(o)&&(a[s.C_CENTERED]=!0),v($,Object.assign({},t,{onClick:a=>q(a,o,e,p.CLICK)}));case c.BUTTON_LIST:return J(o)&&(a[s.C_CENTERED]=!0),t["data-storage"]={cell:n,row:i,column:l},v("kup-button-list",Object.assign({key:l.name+o.row.id},t));case c.CHART:return J(o)&&(a[s.C_CENTERED]=!0),v("kup-chart",Object.assign({key:l.name+o.row.id},t));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return v(O,Object.assign({},t));case c.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:l.name+o.row.id},t,{class:Q(o)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return v("kup-gauge",Object.assign({key:l.name+o.row.id,value:H.ketchup.math.numberifySafe(n.value),"width-component":"280px"},t));case c.KNOB:case c.PROGRESS_BAR:return t.customStyle?v("kup-progress-bar",Object.assign({key:l.name+o.row.id},t)):v(N,Object.assign({},t));case c.RADIO:return J(o)&&(a[s.C_CENTERED]=!0),t.disabled=i.readOnly,v(M,Object.assign({},t));case c.RATING:return v(V,Object.assign({},t,{disabled:!0}));case c.OBJECT:return v(w,Object.assign({icon:"table"},t,{disabled:!0}))}}(X,Y,E,h,_,m,n):v("span",{class:"cell-"+X+" placeholder"})):(n.setSizes&&function(e,a,s,t){var n;switch(e){case c.CHECKBOX:case c.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),s.style?s.style.height||(s.style.minHeight=a.sizeY):s.style={minHeight:a.sizeY};break;case c.IMAGE:const e=(null===(n=t.cell)||void 0===n?void 0:n.value)||"",i=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;t.component.rootElement.tagName!==l.DATA_TABLE||i||(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")),t.component.rootElement.tagName===l.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(X,E,h,n),Y[s.INDICATOR_TOPRIGHT]=null!==(k=h.tooltip)&&void 0!==k&&k,A=function(e,a,t,n,i,l,o){switch(e){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:if(t&&""!=t){const e=d(l,i);return v("div",{class:"f-cell__text"},e)}return t;case c.CHECKBOX:return J(o)&&(n[s.C_CENTERED]=!0),v(j,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:return v("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return J(o)&&(n[s.C_CENTERED]=!0),a.badgeData&&(n[s.C_PADDED]=!0),v(j,Object.assign({},a));case c.LINK:return v("a",{href:t,target:"_blank"},i.value);case c.NUMBER:if(t&&""!=t){const e=H.ketchup.math.numberifySafe(i.value),a=d(l,i);return e<0&&(n[s.TEXT_DANGER]=!0),J(o)&&(n[s.C_RIGHT_ALIGNED]=!0),v("div",{class:"f-cell__text"},a)}return v("div",{class:"f-cell__text"},t);case c.SWITCH:return J(o)&&(n[s.C_CENTERED]=!0),a.disabled=!0,v(F,Object.assign({},a));default:return v("div",{class:"f-cell__text"},t)}}(X,E,A,Y,h,m,n));let K=null;!D&&(m.icon||h.icon)&&A&&(K=v(j,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:h.icon?h.icon:m.icon,placeholderResource:h.placeholderIcon?h.placeholderIcon:m.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let W=null;H.ketchup.debug.isDebug()&&z?W=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";":null!=h.title&&""!=h.title.trim()&&(W=h.title);let B=null;if(h.info){const e=Object.assign({},h.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),B=v(j,Object.assign({},{color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return v("div",{onKeyUp:e=>q(e,n,X,p.KEYUP),class:Y,"kup-get-cell-props":()=>n,ref:e=>h.element=e,style:h.style},v("div",{class:"f-cell__content",style:h.styleContent,title:W},n.cellActionIcon&&v(j,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(X===c.NUMBER?"left":"right"),onClick:n.cellActionIcon.onClick,tabIndex:0}),i&&i.length>0?i:[n.indents,B,K,A]))},T=(e,a)=>{if(!e)return null;const s=e.options,t=a.title,n=e.value,i=H.ketchup.data.cell.getType(e,e.shape),l=new Map([[c.BUTTON_LIST,Y.bind(void 0)],[c.STRING,A.bind(void 0)],[c.RADIO,K.bind(void 0)],[c.AUTOCOMPLETE,W.bind(void 0)],[c.COMBOBOX,W.bind(void 0)],[c.CHECKBOX,R.bind(void 0)],[c.OBJECT,E.bind(void 0)],[c.CHIP,X.bind(void 0)]]).get(i);return l?l(s,t,n,e):null},X=(e,a,s,t)=>{const c={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};t.data=Object.assign(Object.assign({},t.data),c)},E=(e,a,s)=>({data:{initialValue:s||"",label:a||"",value:s||""}}),R=(e,a,s,t)=>Object.assign(Object.assign({},t.data),{checked:"on"===s||"1"===s,label:a}),Y=(e,a,s,t)=>({data:[Object.assign(Object.assign({},t.data),{icon:t.icon,value:s})]}),A=(e,a,s,t)=>Object.assign(Object.assign({},t.data),{label:a}),K=(e,a,s,t)=>{const c=n(s,e);t.data=Object.assign(Object.assign({},t.data),c)},W=(e,a,s,t)=>{var c;if(!(null===(c=t.data)||void 0===c?void 0:c.data)&&e){const t=i(s,a,[]);return t.data["kup-list"].data=B(e,s),t}},B=(e,a)=>{const s=U.get(e.type);return s?s(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},G=(e,a)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(s=e.children)||void 0===s?void 0:s.length)?G(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(s=e.children)||void 0===s?void 0:s.length)?L(e,a):[]}})),P=(e,a)=>e.rows.map((e=>{var s;const t=e.fields||e.cells,[c,n]=Object.keys(t);return{id:t[c].value,value:(null===(s=t[n])||void 0===s?void 0:s.value)||t[c].value,selected:a===t[c].value}})),U=new Map([["SmeupTreeNode",G.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",P.bind(void 0)],["SmeupDataTable",P.bind(void 0)]]);function q(e,a,s,t){var n,i;const l=a.cell,o=a.column,r=a.component,u=a.row;if(t===p.UPDATE){let a=function(e,a){var s;let t=e.target.value;return a===c.CHECKBOX&&(t=e.target.checked?"off":"on"),a===c.DATE&&(t=null===(s=e.detail)||void 0===s?void 0:s.value),a===c.NUMBER&&(t=H.ketchup.math.formattedStringToNumberString(t,"")),t}(e,s);switch(b(l)?a=null==a?void 0:a.toUpperCase():f(l)&&(a=null==a?void 0:a.toLowerCase()),s){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.TIME:l.data&&(l.data.initialValue=a);break;case c.CHECKBOX:case c.SWITCH:a="on"===a?"0":"1",l.data&&(l.data.checked="0"!==a);break;case c.RADIO:if(l.data.data){const e=l.data.data.find((e=>e.checked));e&&(a=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:a=e.detail.stringifiedValues,l.data&&(l.data.data=e.detail.comp.data)}l.obj&&(l.obj.k=null==a?void 0:a.toString()),l.value=null==a?void 0:a.toString(),l.displayedValue=null,l.displayedValue=d(o,l)}if(r&&r.rootElement){const a=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:l,column:o,event:e,row:u,type:s,inputValue:(null===(i=null===(n=l.element)||void 0===n?void 0:n.querySelector("input"))||void 0===i?void 0:i.value)||null}});if(r.rootElement.dispatchEvent(a),t===p.UPDATE)try{r.refresh()}catch(e){H.ketchup.debug.logMessage(r,e,k.ERROR)}}}function J(e){var a;return u.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function Q(e){var a;return r.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{S as F,I,C as K,_ as a,N as b,M as c,V as d,z as e,F as f}
|
|
1
|
+
import{a8 as e,a9 as a,aa as s,d as t,a5 as c,ab as n,ac as i,ad as l,F as o,ae as r,af as u,ag as d,ah as p,ai as b,aj as f,e as k}from"./p-391f53b3.js";import{h as v,g as h,F as m}from"./p-b32ed503.js";import{F as g}from"./p-88c3ed8e.js";import{F as w}from"./p-d558fd20.js";import{F as j}from"./p-74da6bf3.js";import{F as y,c as O}from"./p-8cf46021.js";import{F as $}from"./p-9e3b99ff.js";import{F as x}from"./p-6680546a.js";var _,C,I,z;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(_||(_={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(C||(C={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(I||(I={})),function(e){e.SMALL="small",e.MEDIUM="medium"}(z||(z={}));const F=e=>{e.sizing||(e.sizing=z.MEDIUM),e.sizing.toLowerCase();const a={switch:!0,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:!!e.sizing};return v("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),v("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},v("div",{class:a},v("div",{class:"switch__track"}),v("div",{class:"switch__thumb-underlay"},v("div",{class:"switch__thumb"},v("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),v("label",{onClick:e.onChange},e.label)))},N=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let a,s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`,t="pie";s+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const c={width:`${e.value}%`};e.centeredLabel?e.value>49&&(s+=" text-color-on-primary"):(a=c,e.value>2&&(s+=" text-color-on-primary"));let n=null;return e.icon?n=function(e){if(e.icon){if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1)return v("span",{class:"label kup-icon is-image"},v("img",{src:e.icon}));{let a=`url('${h(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return v("span",{style:{mask:a,webkitMask:a},class:"label kup-icon"})}}}(e):e.hideLabel||(n=e.isRadial?e.label?v("span",{class:"label"},e.label):v("span",{class:"label"},e.value,v("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(t+=" has-value",t+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?v("div",{class:s},n,v("div",{class:t},v("div",{style:undefined,class:"left-side half-circle"}),v("div",{class:"right-side half-circle"})),v("div",{class:"shadow"})):v("div",{class:s},v("div",{class:"progress-bar-percentage",style:c},v("span",{style:a},n)))};var D;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(D||(D={}));const M=e=>{var a;const s=!!e.columns,t=[],c=e.type||D.RADIO;for(let s=0;s<(null===(a=e.data)||void 0===a?void 0:a.length);s++){const a=e.data[s];t.push(v("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},v("div",{class:{radio:!0,"radio--checked":!!a.checked,"radio--disabled":!!e.disabled,[`radio--${e.type}`]:!!e.type}},c===D.RADIO?v("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:a.value,checked:a.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):v(m,null,v(j,a.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),c===D.RADIO&&v("div",{class:"radio__background"},v("div",{class:"radio__outer-circle"}),v("div",{class:"radio__inner-circle"}))),v("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},a.label?a.label:"")))}return v("div",{class:`f-radio radio-wrapper\n ${s?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""}},t)},V=e=>(e.maxValue||(e.maxValue=5),v("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},function(e){const a=[];for(let s=1;s<=e.maxValue;s++)a.push(v("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},s<=e.value?"★":"☆"));return a}(e))),H=document.documentElement,S=(n,i)=>{var r,u,k;const h=n.cell,m=n.column,_=n.row,C=n.shape?n.shape:h.shape?h.shape:m.shape?m.shape:null,z=!H.ketchup.objects.isEmptyKupObj(h.obj);let D=!1;h.hasOwnProperty("isEditable")?D=h.isEditable:m.hasOwnProperty("isEditable")&&(D=m.isEditable),D=D&&n.editable,h.options&&(h.data=null!==(r=T(h,m))&&void 0!==r?r:h.data);const S=n.previousValue!==h.value?h.value:"",X=H.ketchup.data.cell.getType(h,C),E=Object.assign({},h.data);let R=h.cssClass?h.cssClass:(null==m?void 0:m.cssClass)?null==m?void 0:m.cssClass:"";n.component.legacyLook&&(R+=" monospace c-pre");const Y={"f-cell":!0,[s.OBJ]:!!z,[X+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||X===c.BAR),[R]:!!R,"c-input-uppercase":b(h),"c-input-lowercase":f(h)};let A=S;h.data||function(e,a){function s(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function t(e){return e.toUpperCase().startsWith("SHAPE;")}function n(e){return e.toUpperCase().startsWith("BCOLOR;")}function i(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){const a={},c=e.split("\\\\"),o=[];for(const e of c){if(e){if(l(e))return null;if(t(e)){if(!s(e))return null;{const s=e.split(";");if(3===s.length){const e=s[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(n(e));else if(i(e)){const s=e.substring(7).replace(",",".");isNaN(parseFloat(s))||(a.height=`${s}%`)}else o.push(r(e,a))}return o.length?o:null}function r(e,a){const s=Object.assign({},a),t=e.split(";");if(t.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(t[0]);if(e){const[,a,t,c]=e;isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||isNaN(parseInt(c,10))||(s.color=`rgb(${parseInt(a)},${parseInt(t)},${parseInt(c)})`)}if(t.length>=2){const e=t[1].replace(",",".");isNaN(parseFloat(e))||(s.width=`${e}%`)}}return s}}a.data={};switch(e){case c.CHECKBOX:case c.SWITCH:a.data.checked="1"===a.value;break;case c.BAR:t(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\\"),s=[];for(const e of a){const a=o(e);if(!a)return null;s.push(...a)}return s}(a.value);break;case c.BUTTON:a.data.label=a.value;break;case c.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case c.BUTTON_LIST:case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.RADIO:(()=>{var e;const s=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==s?void 0:s[s.length-1].trim())&&s.pop(),s&&s.length){a.data.data=[];for(let e of s)a.data.data.push({id:e,value:e})}})();break;case c.COLOR_PICKER:a.data.initialValue=a.value;break;case c.GAUGE:case c.KNOB:case c.PROGRESS_BAR:case c.RATING:a.data.value=parseInt(a.value);break;case c.ICON:case c.IMAGE:a.data.resource=a.value}}(X,h),D&&e.includes(X)?(h.data.showMarker=null!==(u=h.tooltip)&&void 0!==u&&u,A=function(e,a,t,n,i){var l,r,u,d;switch(e){case c.AUTOCOMPLETE:return v("kup-autocomplete",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-autocomplete-change":a=>q(a,i,e,p.UPDATE),"onkup-autocomplete-input":a=>q(a,i,e,p.INPUT),"onkup-autocomplete-iconclick":a=>q(a,i,e,p.ICON_CLICK)}));case c.CHECKBOX:return J(i)&&(a[s.C_CENTERED]=!0),t.shape===o.INPUT_CHECKBOX?v("input",{checked:"on"===t.value||"1"===t.value,class:"input-checkbox",onChange:a=>q(a,i,e,p.UPDATE),type:"checkbox"}):v(g,Object.assign({},t.data,{onChange:a=>q(a,i,e,p.UPDATE)}));case c.CHIP:return v("kup-chip",Object.assign({},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData,{error:t.data.error})));case c.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":a=>q(a,i,e,p.UPDATE)}));case c.COMBOBOX:return v("kup-combobox",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-combobox-change":a=>q(a,i,e,p.UPDATE),"onkup-combobox-input":a=>q(a,i,e,p.INPUT),"onkup-combobox-iconclick":a=>q(a,i,e,p.ICON_CLICK)}));case c.DATE:return v("kup-date-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-datepicker-change":a=>q(a,i,e,p.UPDATE),"onkup-datepicker-input":a=>q(a,i,e,p.INPUT)}));case c.MULTI_AUTOCOMPLETE:return v("kup-chip",Object.assign({displayId:!0},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":a=>q(a,i,e,p.INPUT),"onkup-autocomplete-iconclick":a=>q(a,i,e,p.ICON_CLICK),showDropDownIcon:!1},t.slotData,{error:t.data.error,showMarker:null!==(l=t.tooltip)&&void 0!==l&&l})));case c.MULTI_COMBOBOX:return v("kup-chip",Object.assign({displayId:!0},t.data,{type:y.INPUT,enableInput:!0,"onKup-chip-change":a=>q(a,i,e,p.UPDATE)}),v("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:I.DESCRIPTION_AND_CODE,selectMode:I.DESCRIPTION_AND_CODE,"onkup-combobox-input":a=>q(a,i,e,p.INPUT),"onkup-combobox-iconclick":a=>q(a,i,e,p.ICON_CLICK)},t.slotData,{error:t.data.error,showMarker:null!==(r=t.tooltip)&&void 0!==r&&r})));case c.RADIO:return v(M,Object.assign({},t.data,{disabled:!1,onChange:(a,s)=>{const c=t.data.data;for(let e=0;e<c.length;e++){c[e].checked=e===a}q(s,i,e,p.UPDATE)}}));case c.RATING:return v("kup-rating",Object.assign({key:n.name+i.row.id},t.data,{disabled:!1,"onkup-rating-click":a=>q(a,i,e,p.UPDATE)}));case c.SWITCH:return v(F,Object.assign({},t.data,{disabled:!1,onChange:a=>q(a,i,e,p.UPDATE)}));case c.TIME:return v("kup-time-picker",Object.assign({key:n.name+i.row.id,initialValue:t.value},t.data,{class:Q(i)?"kup-full-width":"","onkup-timepicker-change":a=>q(a,i,e,p.UPDATE),"onkup-timepicker-input":a=>q(a,i,e,p.INPUT)}));case c.OBJECT:return v(x,{cell:t,inputValue:t.value});case c.NUMBER:a[s.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.MEMO:case c.STRING:const b=a=>q(a,i,e,p.UPDATE),f=a=>{var s,c;null===(c=null===(s=t.data)||void 0===s?void 0:s.onInput)||void 0===c||c.call(s,a),q(a,i,e,p.INPUT),q(a,i,e,p.UPDATE)},k=e===c.NUMBER?"number":null,h=e===c.NUMBER&&t.value?H.ketchup.math.numberifySafe(t.value).toString():t.value;return t.shape===o.INPUT_FIELD?v("input",{class:"input-field",onChange:b,onInput:f,type:k,value:h,maxLength:null!==(d=null===(u=n.cellData)||void 0===u?void 0:u.maxLength)&&void 0!==d?d:-1}):v(w,Object.assign({textArea:!!t.shape&&t.shape===o.MEMO||!!e&&e===c.MEMO,inputType:k,fullWidth:!!Q(i)},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:n.icon?n.icon:null,decimals:i.column.decimals,integers:i.column.integers,value:h,onChange:b,onInput:f,onIconClick:a=>q(a,i,e,p.ICON_CLICK)}))}}(X,Y,h,m,n)):h.data&&a.includes(X)?(n.setSizes&&function(e,a,s){switch(e){case c.BAR:a.sizeY||(a.sizeY="26px");break;case c.BUTTON:let e="";a.label&&(e="36px"),s.style?s.style.height||(s.style.minHeight=e):s.style={minHeight:e};break;case c.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case c.CHIP:case c.RADIO:s.style?s.style.height||(s.style.minHeight="40px"):s.style={minHeight:"40px"}}}(X,E,h),A=n.renderKup?function(e,a,t,n,i,l,o){switch(e){case c.BAR:return t.data?v("div",{style:{height:t.sizeY,width:"100%"}},v(j,Object.assign({},t))):v("kup-image",Object.assign({key:l.name+o.row.id,sizeX:"250px"},t));case c.BUTTON:return J(o)&&(a[s.C_CENTERED]=!0),v($,Object.assign({},t,{onClick:a=>q(a,o,e,p.CLICK)}));case c.BUTTON_LIST:return J(o)&&(a[s.C_CENTERED]=!0),t["data-storage"]={cell:n,row:i,column:l},v("kup-button-list",Object.assign({key:l.name+o.row.id},t));case c.CHART:return J(o)&&(a[s.C_CENTERED]=!0),v("kup-chart",Object.assign({key:l.name+o.row.id},t));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return v(O,Object.assign({},t));case c.COLOR_PICKER:return v("kup-color-picker",Object.assign({key:l.name+o.row.id},t,{class:Q(o)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return v("kup-gauge",Object.assign({key:l.name+o.row.id,value:H.ketchup.math.numberifySafe(n.value),"width-component":"280px"},t));case c.KNOB:case c.PROGRESS_BAR:return t.customStyle?v("kup-progress-bar",Object.assign({key:l.name+o.row.id},t)):v(N,Object.assign({},t));case c.RADIO:return J(o)&&(a[s.C_CENTERED]=!0),t.disabled=i.readOnly,v(M,Object.assign({},t));case c.RATING:return v(V,Object.assign({},t,{disabled:!0}));case c.OBJECT:return v(w,Object.assign({icon:"table"},t,{disabled:!0}))}}(X,Y,E,h,_,m,n):v("span",{class:"cell-"+X+" placeholder"})):(n.setSizes&&function(e,a,s,t){var n;switch(e){case c.CHECKBOX:case c.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),s.style?s.style.height||(s.style.minHeight=a.sizeY):s.style={minHeight:a.sizeY};break;case c.IMAGE:const e=(null===(n=t.cell)||void 0===n?void 0:n.value)||"",i=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;t.component.rootElement.tagName!==l.DATA_TABLE||i||(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")),t.component.rootElement.tagName===l.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(X,E,h,n),Y[s.INDICATOR_TOPRIGHT]=null!==(k=h.tooltip)&&void 0!==k&&k,A=function(e,a,t,n,i,l,o){switch(e){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:if(t&&""!=t){const e=d(l,i);return v("div",{class:"f-cell__text"},e)}return t;case c.CHECKBOX:return J(o)&&(n[s.C_CENTERED]=!0),v(j,{resource:a.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:return v("div",{innerHTML:i.value});case c.ICON:case c.IMAGE:return J(o)&&(n[s.C_CENTERED]=!0),a.badgeData&&(n[s.C_PADDED]=!0),v(j,Object.assign({},a));case c.LINK:return v("a",{href:t,target:"_blank"},i.value);case c.NUMBER:if(t&&""!=t){const e=H.ketchup.math.numberifySafe(i.value),a=d(l,i);return e<0&&(n[s.TEXT_DANGER]=!0),J(o)&&(n[s.C_RIGHT_ALIGNED]=!0),v("div",{class:"f-cell__text"},a)}return v("div",{class:"f-cell__text"},t);case c.SWITCH:return J(o)&&(n[s.C_CENTERED]=!0),a.disabled=!0,v(F,Object.assign({},a));default:return v("div",{class:"f-cell__text"},t)}}(X,E,A,Y,h,m,n));let K=null;!D&&(m.icon||h.icon)&&A&&(K=v(j,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:h.icon?h.icon:m.icon,placeholderResource:h.placeholderIcon?h.placeholderIcon:m.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let W=null;H.ketchup.debug.isDebug()&&z?W=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";":null!=h.title&&""!=h.title.trim()&&(W=h.title);let B=null;if(h.info){const e=Object.assign({},h.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),B=v(j,Object.assign({},{color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return v("div",{onKeyUp:e=>q(e,n,X,p.KEYUP),class:Y,"kup-get-cell-props":()=>n,ref:e=>h.element=e,style:h.style},v("div",{class:"f-cell__content",style:h.styleContent,title:W},n.cellActionIcon&&v(j,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(X===c.NUMBER?"left":"right"),onClick:n.cellActionIcon.onClick,tabIndex:0}),i&&i.length>0?i:[n.indents,B,K,A]))},T=(e,a)=>{if(!e)return null;const s=e.options,t=a.title,n=e.value,i=H.ketchup.data.cell.getType(e,e.shape),l=new Map([[c.BUTTON_LIST,Y.bind(void 0)],[c.STRING,A.bind(void 0)],[c.RADIO,K.bind(void 0)],[c.AUTOCOMPLETE,W.bind(void 0)],[c.COMBOBOX,W.bind(void 0)],[c.CHECKBOX,R.bind(void 0)],[c.OBJECT,E.bind(void 0)],[c.CHIP,X.bind(void 0)]]).get(i);return l?l(s,t,n,e):null},X=(e,a,s,t)=>{const c={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};t.data=Object.assign(Object.assign({},t.data),c)},E=(e,a,s)=>({data:{initialValue:s||"",label:a||"",value:s||""}}),R=(e,a,s,t)=>Object.assign(Object.assign({},t.data),{checked:"on"===s||"1"===s,label:a}),Y=(e,a,s,t)=>({data:[Object.assign(Object.assign({},t.data),{icon:t.icon,value:s})]}),A=(e,a,s,t)=>Object.assign(Object.assign({},t.data),{label:a}),K=(e,a,s,t)=>{const c=n(s,e);t.data=Object.assign(Object.assign({},t.data),c)},W=(e,a,s,t)=>{var c;if(!(null===(c=t.data)||void 0===c?void 0:c.data)&&e){const t=i(s,a,[]);return t.data["kup-list"].data=B(e,s),t}},B=(e,a)=>{const s=U.get(e.type);return s?s(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},G=(e,a)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(s=e.children)||void 0===s?void 0:s.length)?G(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(s=e.children)||void 0===s?void 0:s.length)?L(e,a):[]}})),P=(e,a)=>e.rows.map((e=>{var s;const t=e.fields||e.cells,[c,n]=Object.keys(t);return{id:t[c].value,value:(null===(s=t[n])||void 0===s?void 0:s.value)||t[c].value,selected:a===t[c].value}})),U=new Map([["SmeupTreeNode",G.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",P.bind(void 0)],["SmeupDataTable",P.bind(void 0)]]);function q(e,a,s,t){var n,i;const l=a.cell,o=a.column,r=a.component,u=a.row;if(t===p.UPDATE){let a=function(e,a){var s;let t=e.target.value;return a===c.CHECKBOX&&(t=e.target.checked?"off":"on"),a===c.DATE&&(t=null===(s=e.detail)||void 0===s?void 0:s.value),a===c.NUMBER&&(t=H.ketchup.math.formattedStringToNumberString(t,"")),t}(e,s);switch(b(l)?a=null==a?void 0:a.toUpperCase():f(l)&&(a=null==a?void 0:a.toLowerCase()),s){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.TIME:l.data&&(l.data.initialValue=a);break;case c.CHECKBOX:case c.SWITCH:a="on"===a?"0":"1",l.data&&(l.data.checked="0"!==a);break;case c.RADIO:if(l.data.data){const e=l.data.data.find((e=>e.checked));e&&(a=e.value)}break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:a=e.detail.stringifiedValues,l.data&&(l.data.data=e.detail.comp.data)}l.obj&&(l.obj.k=null==a?void 0:a.toString()),l.value=null==a?void 0:a.toString(),l.displayedValue=null,l.displayedValue=d(o,l)}if(r&&r.rootElement){const a=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:l,column:o,event:e,row:u,type:s,inputValue:(null===(i=null===(n=l.element)||void 0===n?void 0:n.querySelector("input"))||void 0===i?void 0:i.value)||null}});if(r.rootElement.dispatchEvent(a),t===p.UPDATE)try{r.refresh()}catch(e){H.ketchup.debug.logMessage(r,e,k.ERROR)}}}function J(e){var a;return u.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function Q(e){var a;return r.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{S as F,I,C as K,_ as a,N as b,M as c,V as d,z as e,F as f}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,g as t}from"./p-b32ed503.js";import{b as l}from"./p-391f53b3.js";import{F as i}from"./p-74da6bf3.js";const n=document.documentElement,a=(t,l)=>e("div",Object.assign({class:{"f-text-field":!0,"kup-danger":t.danger,"kup-full-height":t.fullHeight,"kup-full-width":t.fullWidth,"kup-info":t.info,"kup-light-mode":t.lightMode,"kup-secondary":t.secondary,"kup-shaped":t.shaped,"kup-success":t.success,"kup-warning":t.warning,[t.wrapperClass]:!!t.wrapperClass}},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:"mdc-form-field "+(t.leadingLabel?"mdc-form-field--align-end":"")},[s(t),d(t),e("label",null,t.label)]):[s(t),d(t)],l);function s(a){var s,d;const o=a.textArea||a.outlined;let r,u,m,p;if(a.maxLength>=256&&(a.textArea=!0),!a.label||a.leadingLabel||a.trailingLabel||(r=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},a.label),a.maxLength&&a.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},a.value.length," / ",a.maxLength):void 0)),a.icon){let i,n="";if(Object.values(l).indexOf(a.icon)>-1)n=a.icon.replace("--","");else{let e=`url('${t(`./assets/svg/${a.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}u=e("span",{style:i,onClick:a.onIconClick,class:`mdc-text-field__icon kup-icon action ${n}`})}if(a.quantityButtons){const l=`url('${t("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${t("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};m=e("span",{style:{mask:l,webkitMask:l},class:"mdc-text-field__icon kup-icon action"}),p=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const f={color:a.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:a.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},v={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":a.disabled},x=Object.assign(Object.assign({"is-clearable":a.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":a.disabled,"mdc-text-field--read-only":a.readOnly,"mdc-text-field--filled":!a.fullWidth&&!o,"mdc-text-field--no-label":!a.label,"mdc-text-field--fullwidth":a.fullWidth,"mdc-text-field--lightmode":a.lightMode,"mdc-text-field--outlined":o,"mdc-text-field--textarea":a.textArea,"mdc-text-field--with-leading-icon":a.icon&&!a.trailingIcon,"mdc-text-field--with-trailing-icon":a.icon&&a.trailingIcon,"mdc-text-field--with-quantity-buttons":a.quantityButtons,"mdc-text-field--error":Boolean(a.error),"mdc-text-field--alert":Boolean(a.alert),"mdc-text-field--legacy-look":a.legacyLook},!a.textArea&&{[`mdc-text-field--${a.sizing||"small"}`]:!0}),{"top-right-indicator":a.showMarker});let g=a.value,k=a.quantityButtons?"number":null!==(s=a.inputType)&&void 0!==s?s:"text",b=!1;if("number"===a.inputType&&(a.decimals&&a.decimals>0||a.group)&&(k="text",b=!0),"number"===a.inputType){const e={allowNegative:null===(d=a.allowNegative)||void 0===d||d,decimal:a.decimals,group:a.group,integer:a.integers};g=c(g,e,!1)}return e("div",{class:v},a.fullWidth?void 0:r,e("div",{class:x},a.trailingIcon?void 0:u,a.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:a.disabled,maxlength:a.maxLength,value:g,onBlur:a.onBlur,onClick:a.onClick,onChange:a.onChange,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown})):e("input",{inputmode:a.inputMode?a.inputMode:void 0,type:k,step:a.step,min:a.min,max:a.max,name:a.name,class:"mdc-text-field__input",disabled:a.disabled,placeholder:a.placeholder,maxlength:a.maxLength,size:a.size,value:g,onBlur:e=>{var t;if(b){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=c(e.target.value,l,!0)}a.onBlur&&a.onBlur(e)},onChange:e=>{var t;if(b){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=null!=a.min&&a.min>parseFloat(e.target.value)?c(a.min.toString(),l,!0):null!=a.max&&a.max<parseFloat(e.target.value)?c(a.max.toString(),l,!0):c(e.target.value,l,!0)}else null!=a.min&&a.min>parseFloat(e.target.value)?e.target.value=a.min.toString():null!=a.max&&a.max<parseFloat(e.target.value)&&(e.target.value=a.max.toString());a.onChange&&a.onChange(e)},onClick:a.onClick,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown,onKeyPress:e=>{var t;if(!b)return;if(e.ctrlKey)return;if(e.key.length>1)return;const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};let i=e.target,s=i.value,d=s.substring(0,i.selectionStart),c=s.substring(i.selectionEnd,i.selectionEnd+s.length-1);n.ketchup.math.matchNumericValueWithOptions(d+e.key+c,l)||e.preventDefault()}}),a.trailingIcon?u:void 0,a.helperIcon&&a.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},f))):a.helperIcon&&a.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},f))):void 0,a.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:a.onMinusClick},m),e("button",{onClick:a.onPlusClick},p)),a.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:a.onClearIconClick}):void 0))}function d(t){if(!1!==t.helperEnabled&&(t.error||t.alert))return e("div",{class:"mdc-text-field-helper-line"},t.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused}},t.helper):t.error?e("span",{class:"mdc-error-message"},t.error):t.alert?e("span",{class:"mdc-alert-message"},t.alert):void 0)}const c=function(e,t,l){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(t.group,t.decimal),l):i};export{a as F}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-b32ed503.js";import{F as o}from"./p-9e3b99ff.js";import{F as a}from"./p-d4dd6b27.js";import{k as u,a5 as h,F as r,g as p,s as c,h as f,an as d,ac as m,ab as v,ao as b,e as k,N as g,am as _}from"./p-391f53b3.js";import{F as x}from"./p-7db300e0.js";import{F as y,a as w}from"./p-2f6cd896.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-88c3ed8e.js";import"./p-d558fd20.js";import"./p-8cf46021.js";import"./p-6680546a.js";import"./p-5ba08261.js";import"./p-c56195a0.js";var O,F,$,M;!function(t){t.TAB="tab"}(O||(O={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(F||(F={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.WATERMARK="WATERMARK"}($||($={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(M||(M={}));const T={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"},z=t=>0==t?6:t?1===t?18:12*t:null,E=t=>t?22*t:null,S=t=>t?22*(t-1):null,N=t=>t?12*t:null;var I,C,W,D,L,P,R,B,U,A,H,V,G,J,K,X,Y,q,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,pt,ct,ft,dt,mt,vt,bt,kt,gt,_t,xt,yt,wt,jt,Ot,Ft,$t,Mt,Tt,zt,Et,St,Nt,It,Ct,Wt,Dt,Lt,Pt,Rt,Bt,Ut,At,Ht,Vt,Gt,Jt,Kt,Xt,Yt=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},qt=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const Qt=document.documentElement,Zt=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),I.add(this),C.set(this,u()),W.set(this,void 0),D.set(this,new Map([["SmeupTreeNode",Yt(this,I,"m",Nt).bind(this)],["SmeupDataTree",Yt(this,I,"m",It).bind(this)],["SmeupTable",Yt(this,I,"m",Ct).bind(this)],["SmeupDataTable",Yt(this,I,"m",Ct).bind(this)]])),L.set(this,null),P.set(this,new Map([[h.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[h.MULTI_COMBOBOX,["kup-combobox-iconclick"]]])),R.set(this,new Map([[r.AUTOCOMPLETE,"kup-autocomplete-blur"],[r.CHIP,"kup-textfield-blur"],[r.COMBOBOX,"kup-combobox-blur"],[r.DATE,"kup-datepicker-blur"],[r.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[r.MULTI_COMBOBOX,"kup-combobox-blur"],[r.TIME,"kup-timepicker-blur"]])),B.set(this,[]),U.set(this,new Map([[h.DATE,"kup-date-picker"],[h.TIME,"kup-time-picker"]])),A.set(this,new Map([[r.BUTTON_LIST,Yt(this,I,"m",X).bind(this)],[r.EDITOR,Yt(this,I,"m",q).bind(this)],[r.LABEL,Yt(this,I,"m",Z).bind(this)],[r.TABLE,Yt(this,I,"m",Q).bind(this)]])),H.set(this,new Map([[O.TAB,Yt(this,I,"m",ot).bind(this)]])),V.set(this,[]),this.buttonPosition=M.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=$.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){qt(this,L,structuredClone(this.data),"f"),Yt(this,B,"f").length&&(Yt(this,B,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),qt(this,B,[],"f")),Yt(this,V,"f").length&&(Yt(this,V,"f").map((t=>{Yt(this,C,"f").keysBinding.unregister(t)})),qt(this,V,[],"f")),this.data&&Yt(this,I,"m",rt).call(this,this.data)}async getProps(t){return p(this,F,t)}async refresh(){n(this)}async setProps(t){c(this,F,t)}componentWillLoad(){Yt(this,C,"f").debug.logLoad(this,!1),Yt(this,C,"f").language.register(this),Yt(this,C,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){Yt(this,I,"m",Gt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),Yt(this,C,"f").debug.logLoad(this,!0),Yt(this,W,"f")&&this.autoFocus&&Yt(this,I,"m",Jt).call(this)}componentWillRender(){Yt(this,C,"f").debug.logRender(this,!1)}componentDidRender(){if(Yt(this,W,"f")){const t=Yt(this,W,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)x(t[i])}Yt(this,C,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,Yt(this,C,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>Yt(this,I,"m",J).call(this,t)));return e(l,{key:"880b163bb86b73c68330642ea9a684fa5427b5b4"},e("style",{key:"27188417594385398c7611175c34ed936248276f"},Yt(this,C,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"d679f4e1f607f72fd4853273f060f4b6c3b639f0",id:j},t))}disconnectedCallback(){Yt(this,C,"f").language.unregister(this),Yt(this,C,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};C=new WeakMap,W=new WeakMap,D=new WeakMap,L=new WeakMap,P=new WeakMap,R=new WeakMap,B=new WeakMap,U=new WeakMap,A=new WeakMap,H=new WeakMap,V=new WeakMap,I=new WeakSet,G=function(t){return this.inputPanelCells.reduce(((i,{cells:n})=>i||n.find((({column:i})=>i.name===t)).cell),null)},J=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute){u=Yt(this,I,"m",nt).call(this,t,l);const i=Math.max(...l.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=22*i+"px"}else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid","INLINE"==this.inputPanelPosition&&(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=Yt(this,I,"m",it).call(this,t,l)}else u=t.cells.map((i=>Yt(this,I,"m",K).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==M.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition==$.INLINE},p={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},c={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:w.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>qt(this,W,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:"input-panel__typography"},e(y,Object.assign({},c))),e("div",{class:r,style:a},u),e("div",{class:p},e(o,{buttonType:"submit",label:Yt(this,C,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},K=function(t,i,n){var l;if(!t)return;const s=Yt(this,A,"f").get(t.shape);if(void 0!==s)return s(t,n.name,null===(l=i.layout)||void 0===l?void 0:l.absolute);const o={cell:t,column:n,row:i,component:this,editable:!0,renderKup:!0,setSizes:!0},u=Yt(this,I,"m",tt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},X=function(t,i){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},Y=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{Yt(this,I,"m",At).call(this,t.detail.node,t.detail.node.id)}}))},q=function(t,i){const n="kup-editor-save",l=t=>{const n=this.inputPanelCells.reduce(((t,{cells:n})=>t||n.find((({column:t})=>t.name===i)).cell),null);n.value=t.detail.htmlValue.replace(/\n/g,"<br>")};return this.rootElement.addEventListener(n,l),Yt(this,B,"f").push({event:n,handler:l}),e("kup-editor",Object.assign({},t.data,{id:i,isReadOnly:!t.isEditable,showToolbar:!0}))},Q=function(t,i,n=!1){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0,showFooter:!0,legacyLook:n},t.data))},Z=function(t,i,n){return e("span",{class:"input-panel-label"+(n?" input-panel-label--legacy-look":""),id:i},t.value)},tt=function(t,i){return i&&Qt.ketchup.data.cell.getType(t,t.shape)===h.RADIO?e("span",null,i):null},it=function(t,i){const n=Yt(this,H,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>Yt(this,I,"m",et).call(this,t,i,!1)))},nt=function(t,i){return i.sections.map((i=>Yt(this,I,"m",lt).call(this,t,i)))},et=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":"INLINE"==this.inputPanelPosition};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>Yt(this,I,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>Yt(this,I,"m",at).call(this,i,t))),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=e("div",{class:u,style:s},h.filter(Boolean));return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(y,{type:w.HEADING1,value:n.title}),r):r},lt=function t(i,n){var l,s;let o=[];if((null===(l=n.sections)||void 0===l?void 0:l.length)?o=n.sections.map((n=>Yt(this,I,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>Yt(this,I,"m",ut).call(this,i,t)))),null==z(n.absoluteWidth))return o;const a=null!=z(n.absoluteWidth)?`${z(n.absoluteWidth)}px`:"100%",u=null!=E(n.absoluteHeight)?`${E(n.absoluteHeight)}px`:"100%",h=`${S(n.absoluteRow)}px`,r=`${N(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:r,overflow:"auto"}},o)},st=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(Yt(this,I,"m",t).call(this,i))})),l},ot=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=Yt(this,I,"m",st).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return Yt(this,I,"m",et).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));if(!Yt(this,B,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click",i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i),Yt(this,B,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},at=function(t,i){const n=t.cells.find((t=>t.column.name===i.id)),l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;if(n&&n.cell)return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},Yt(this,I,"m",K).call(this,n.cell,t.row,n.column))},ut=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell)return;let l;l=n.cell.shape==r.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=z(l),o=E(i.absoluteHeight),a=S(i.absoluteRow),u=N(i.absoluteColumn),h={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${S(i.absoluteRow)}px`:null,left:null!==u?`${N(i.absoluteColumn)}px`:null,overflow:"auto"};return n.cell.data=Object.assign(Object.assign({},n.cell.data),{sizing:"extra-small",customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),e("div",{style:h},Yt(this,I,"m",K).call(this,n.cell,t.row,n.column))},ht=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>Yt(this,I,"m",Wt).call(this,t)))}};return Yt(this,I,"m",Y).call(this,t,i)}{const i=Yt(this,I,"m",Wt).call(this,t);return Yt(this,I,"m",X).call(this,i,t.value)}})).flat()},rt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&Yt(this,I,"m",ht).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:Yt(this,I,"m",pt).call(this,i,t,s),slotData:Yt(this,I,"m",mt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape),e=Yt(this,U,"f").get(n);if(!e)return;const l=this.rootElement.shadowRoot.querySelector(`${e}[id='${i.name.replace(/\//g,"\\$1")}']`);t.value&&(null==l||l.setValue(t.value))})))),this.inputPanelCells=o},pt=function(t,i,n){const e=Object.assign(Object.assign({},Yt(this,I,"m",dt).call(this,t,i,n)),{disabled:!t.editable,id:i.name}),l=Qt.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==h.MULTI_AUTOCOMPLETE&&l!==h.MULTI_COMBOBOX?Yt(this,I,"m",ct).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},ct=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?Yt(this,I,"m",t).call(this,i[e],n[e]):n[e];return i},ft=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===r.TABLE&&(s=JSON.stringify(Yt(this,I,"m",Et).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},dt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=Qt.ketchup.data.cell.getType(t,t.shape),a=new Map([[h.AUTOCOMPLETE,Yt(this,I,"m",gt).bind(this)],[h.BUTTON_LIST,Yt(this,I,"m",kt).bind(this)],[h.CHART,Yt(this,I,"m",bt).bind(this)],[h.CHIP,Yt(this,I,"m",vt).bind(this)],[h.CHECKBOX,Yt(this,I,"m",_t).bind(this)],[h.COLOR_PICKER,Yt(this,I,"m",xt).bind(this)],[h.COMBOBOX,Yt(this,I,"m",gt).bind(this)],[h.EDITOR,Yt(this,I,"m",yt).bind(this)],[h.MULTI_AUTOCOMPLETE,Yt(this,I,"m",vt).bind(this)],[h.MULTI_COMBOBOX,Yt(this,I,"m",vt).bind(this)],[h.NUMBER,Yt(this,I,"m",Tt).bind(this)],[h.DATE,Yt(this,I,"m",Ft).bind(this)],[h.OBJECT,Yt(this,I,"m",$t).bind(this)],[h.RADIO,Yt(this,I,"m",jt).bind(this)],[h.STRING,Yt(this,I,"m",wt).bind(this)],[h.SWITCH,Yt(this,I,"m",Ot).bind(this)],[h.TABLE,Yt(this,I,"m",zt).bind(this)],[h.TIME,Yt(this,I,"m",Mt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name):null},mt=function(t,i){const n=Qt.ketchup.data.cell.getType(t,t.shape);return t.editable?n===h.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.editable,id:i.name,fullWidth:!1}:n===h.MULTI_AUTOCOMPLETE||n===h.MULTI_COMBOBOX?Object.assign(Object.assign({},Yt(this,I,"m",gt).call(this,t.options,i.title,null,t,i.name)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.editable,id:i.name}):null:null},vt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),d(n)},bt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},kt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{Yt(this,I,"m",At).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(Yt(this,V,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),Yt(this,C,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},gt=function(t,i,n,e,l){var s,o;const a=m(n,i,[]);if(Yt(this,I,"m",Pt).call(this,n,e),e.fun){const t=Qt.ketchup.data.cell.getType(e,e.shape),i=Yt(this,P,"f").get(t);if(!i)return;i.map((t=>{const i=t=>{Yt(this,I,"m",Dt).call(this,t.detail,e.fun,a,l,n)};this.rootElement.addEventListener(t,i),Yt(this,B,"f").push({event:t,handler:i})}))}else t&&(a.data["kup-list"].data=Yt(this,I,"m",St).call(this,t,n));return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),a},_t=function(t,i,n,e,l){var s,o;let a=_(n,i);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}):a},xt=function(t,i){return{data:{"kup-text-field":{label:i}}}},yt=function(t,i,n){return{initialValue:n}},wt=function(t,i,n,e,l){var s,o,a;const u={label:i};return this.autoSkip&&(e.isEditable||e.editable)&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(u.onInput=t=>{Yt(this,I,"m",Xt).call(this,l,t)}),((null===(o=e.inputSettings)||void 0===o?void 0:o.checkObject)||(null===(a=e.inputSettings)||void 0===a?void 0:a.checkValueOnExit)||e.mandatory)&&(u.onBlur=()=>{Yt(this,I,"m",Lt).call(this,e,l)}),u},jt=function(t,i,n,e,l){var s,o;let a=v(n,t);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}):a},Ot=function(t,i,n){return b(n,i)},Ft=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},$t=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{initialValue:n||"",label:i||" ",value:n||"",onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}:{initialValue:n||"",label:i||" ",value:n||""}},Mt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:n}},Tt=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{label:i,onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}:{label:i}},zt=function(t,i,n,e,l){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(Yt(this,C,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR),null):{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},Yt(this,I,"m",dt).call(this,i.cells[e],l)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(Yt(this,C,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING),null)}catch(t){return Yt(this,C,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR),null}},Et=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(Yt(this,L,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},St=function(t,i){const n=Yt(this,D,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Yt(this,I,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Yt(this,I,"m",t).call(this,i,n):[]}}))},Ct=function(t,i){return t.rows.map((t=>{var n;const e=t.fields||t.cells,[l,s]=Object.keys(e);return{id:e[l].value,value:(null===(n=e[s])||void 0===n?void 0:n.value)||e[l].value,selected:i===e[l].value}}))},Wt=function(t){return t.data&&!t.data.keyShortcut&&Yt(this,C,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=T[t.obj.k]),Object.assign(Object.assign({},t),{data:Yt(this,I,"m",kt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Dt=function(t,i,n,e,l){t.id===e&&!1!==t.open&&this.optionsHandler(i,t.inputValue,Yt(this,I,"m",ft).call(this),t.id).then((i=>{var e;n.data["kup-list"].data=null!==(e=Yt(this,I,"m",St).call(this,i,l))&&void 0!==e?e:[],t.comp.refresh()}))},Lt=async function(t,i){var n,e;const l=Yt(this,I,"m",G).call(this,i);if(t.mandatory){if(Yt(this,I,"m",Bt).call(this,i,l.value?null:Yt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!l.value)return}else Yt(this,I,"m",Bt).call(this,i,null);if((null===(n=t.inputSettings)||void 0===n?void 0:n.checkObject)&&l.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Yt(this,I,"m",ft).call(this),fun:t.fun});if(!n)return void Yt(this,I,"m",Bt).call(this,i,Yt(this,C,"f").language.translate(f.INVALID_VALUE));Yt(this,I,"m",Bt).call(this,i,null)}(null===(e=t.inputSettings)||void 0===e?void 0:e.checkValueOnExit)&&Yt(this,I,"m",Ut).call(this)&&this.checkValidValueCallback({before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},i)},Pt=function(t,i){var n;i.data.error=t?null===(n=i.data)||void 0===n?void 0:n.error:""},Rt=function(t,i){const n=Yt(this,R,"f").get(t.shape);if(!n)return;const e=async n=>{var e,l;const s=Yt(this,I,"m",G).call(this,i);if(n.detail.id===i){if(t.mandatory){if(Yt(this,I,"m",Bt).call(this,i,s.value?null:Yt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!n.detail.value)return}else Yt(this,I,"m",Bt).call(this,i,null);if((null===(e=t.inputSettings)||void 0===e?void 0:e.checkObject)&&n.detail.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Yt(this,I,"m",ft).call(this),fun:t.fun});if(Yt(this,I,"m",Bt).call(this,i,n?null:Yt(this,C,"f").language.translate(f.INVALID_VALUE)),!n)return}(null===(l=t.inputSettings)||void 0===l?void 0:l.checkValueOnExit)&&Yt(this,I,"m",Ut).call(this)&&this.checkValidValueCallback({before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},i)}};this.rootElement.addEventListener(n,e),Yt(this,B,"f").push({event:n,handler:e})},Bt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},Ut=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},At=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:Yt(this,I,"m",ft).call(this)}):this.submitCb({value:{before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},cell:i})},Ht=function(t,i){const n=t.find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}));if(null==n)return;const e=n["kup-get-cell-props"]().column.name;return{anchor:n,cell:this.data.rows[0].cells[e],column:this.data.columns.find((t=>t.name==e)),originalEvent:i}},Vt=function(t){const i=Yt(this,C,"f").getEventPath(t.target,this.rootElement);return Yt(this,I,"m",Ht).call(this,i,t)},Gt=function(){Yt(this,C,"f").interact.managedElements.add(Yt(this,W,"f")),Yt(this,C,"f").interact.on(Yt(this,W,"f"),g.TAP,(t=>{if(2==t.button){const i=Yt(this,I,"m",Vt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Jt=function(){const t=Yt(this,W,"f"),i=null==t?void 0:t.querySelector(".f-cell__content");if(!t||!i)return;const n=Yt(this,I,"m",Kt).call(this,i);n&&setTimeout((()=>n.focus()),300)},Kt=function(t){const i=t.querySelector("input");if(i)return i;const n=t instanceof HTMLElement?t.querySelectorAll("*"):[];for(const t of Array.from(n))if(t.shadowRoot){const i=t.shadowRoot.querySelector("input");if(i)return i}return null},Xt=function(t,i){var n;const e=null==i?void 0:i.target;if(!(e&&e instanceof HTMLInputElement))return;const{maxLength:l,value:s}=e;if(!l||l<0||(null==s?void 0:s.length)<l)return;const o=Array.from(Yt(this,W,"f").querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!o.length)return;const a=o.findIndex((i=>i.id===t));a<0||a===o.length-1||null===(n=o[a+1].HTMLInputElement)||void 0===n||n.focus()},Zt.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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0);--kup_input_panel_absolute_max_height:var(\n --kup-input-panel-absolute-max-height,\n 500px\n )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{Zt as kup_input_panel}
|
|
@@ -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-b32ed503.js";import{k as a,ag as r,g as l,s as f,b as c,E as d}from"./p-6b6d1ed2.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-02209dd8.js";import{F as y}from"./p-7db300e0.js";import"./p-5ba08261.js";import"./p-74da6bf3.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:"75e119951517601a2db3012fe503209c59537ab9"},h("style",{key:"6e47ab638de9dbfdf6ae744f5aa4bc29103602e2"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"f2e58f934c44846c8506e95f83d2f8802015c826",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"61ac140b5c85793f6c7281b5b1eb99bc1883a0f6",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"8b683a7435bc367f8b2dbae5b91b6a2e83adb393",style:{display:this.plannerProps?"none":""}},h(g,{key:"188199a2d8287c6ad457504665591fdec044c006",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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.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-b32ed503.js";import{k as a,ag as r,g as l,s as f,b as c,E as d}from"./p-391f53b3.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-d558fd20.js";import{F as y}from"./p-7db300e0.js";import"./p-5ba08261.js";import"./p-74da6bf3.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:"75e119951517601a2db3012fe503209c59537ab9"},h("style",{key:"6e47ab638de9dbfdf6ae744f5aa4bc29103602e2"},it(this,M,"f").theme.setKupStyle(this.rootElement)),h("div",{key:"f2e58f934c44846c8506e95f83d2f8802015c826",id:w,style:{maxWidth:this.maxWidth}},this.plannerProps&&h("kup-planner-renderer",{key:"61ac140b5c85793f6c7281b5b1eb99bc1883a0f6",props:n,ref:t=>this.plannerRenderer=t})),h("div",{key:"8b683a7435bc367f8b2dbae5b91b6a2e83adb393",style:{display:this.plannerProps?"none":""}},h(g,{key:"188199a2d8287c6ad457504665591fdec044c006",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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block}.filter{margin-bottom:var(--kup-space-04)}.planner-render{padding-top:40px}";export{ht as kup_planner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,f as e,h as s,H as a,d as i}from"./p-b32ed503.js";import{F as o}from"./p-6680546a.js";import{k as r,g as n}from"./p-391f53b3.js";import{c}from"./p-635bb4b3.js";import"./p-9e3b99ff.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-d558fd20.js";import"./p-5ba08261.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(f||(f={}));var d,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return n(this,f,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue};return s(a,{key:"9dababac9d66c3a6c521626f55accc25c2492c35"},s("style",{key:"bf4ac3e47503231a77c632118a854972b3869215"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e9b93d26c6240a39ffd8888c33689de98ab16c64",id:c},s(o,Object.assign({key:"8beec6f76a1f81faa8da2e11d8f33ee5df840700"},e))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}
|