@sme.up/ketchup 9.6.6 → 9.6.7
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-button-7de4ca64.js → f-button-3cc5c9ba.js} +1 -1
- package/dist/cjs/{f-cell-abe47ff4.js → f-cell-192e5b87.js} +5 -5
- package/dist/cjs/{f-chip-d98809f9.js → f-chip-be2dddb4.js} +2 -2
- package/dist/cjs/{f-image-b22e12c9.js → f-image-98e4e61d.js} +32 -9
- package/dist/cjs/{f-paginator-utils-59c26ee9.js → f-paginator-utils-44d07f52.js} +2 -2
- package/dist/cjs/{f-text-field-4cacd928.js → f-text-field-1efcecb6.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ketchup.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_27.cjs.entry.js +9 -7
- package/dist/cjs/kup-box.cjs.entry.js +22 -15
- package/dist/cjs/kup-calendar.cjs.entry.js +4 -4
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +6 -6
- package/dist/cjs/kup-dashboard.cjs.entry.js +4 -4
- 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 +29 -3
- package/dist/cjs/kup-family-tree.cjs.entry.js +3 -3
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +6 -6
- package/dist/cjs/kup-input-panel.cjs.entry.js +70 -40
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +2 -2
- package/dist/cjs/{kup-manager-118c4e57.js → kup-manager-72ad15fe.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-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 +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/editor.js +3 -2
- package/dist/collection/assets/input-panel.js +3864 -260
- package/dist/collection/components/kup-box/kup-box.js +15 -8
- package/dist/collection/components/kup-editor/kup-editor-declarations.js +1 -0
- package/dist/collection/components/kup-editor/kup-editor.js +56 -2
- package/dist/collection/components/kup-image/kup-image.js +23 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.css +12 -0
- package/dist/collection/components/kup-input-panel/kup-input-panel.js +64 -34
- package/dist/collection/f-components/f-image/f-image.js +32 -10
- package/dist/components/kup-autocomplete2.js +35 -9
- package/dist/components/kup-box2.js +15 -8
- package/dist/components/kup-editor.js +30 -2
- package/dist/components/kup-input-panel.js +65 -35
- package/dist/components/kup-manager.js +1 -1
- package/dist/esm/{f-button-e63b4537.js → f-button-07a6ea71.js} +1 -1
- package/dist/esm/{f-cell-262f3239.js → f-cell-819033de.js} +5 -5
- package/dist/esm/{f-chip-eaf517ff.js → f-chip-71ce7cab.js} +2 -2
- package/dist/esm/{f-image-20e217c8.js → f-image-46787842.js} +32 -9
- package/dist/esm/{f-paginator-utils-7ed775bd.js → f-paginator-utils-a8f895d1.js} +2 -2
- package/dist/esm/{f-text-field-17075562.js → f-text-field-52de97f3.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ketchup.js +1 -1
- package/dist/esm/kup-accordion.entry.js +2 -2
- package/dist/esm/kup-autocomplete_27.entry.js +9 -7
- package/dist/esm/kup-box.entry.js +22 -15
- package/dist/esm/kup-calendar.entry.js +4 -4
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +6 -6
- package/dist/esm/kup-dashboard.entry.js +4 -4
- 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 +29 -3
- package/dist/esm/kup-family-tree.entry.js +3 -3
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +6 -6
- package/dist/esm/kup-input-panel.entry.js +70 -40
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +2 -2
- package/dist/esm/{kup-manager-c974dda6.js → kup-manager-7b151628.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-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 +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-00a5d02c.js +1 -0
- package/dist/ketchup/{p-fa1f706e.js → p-0787925c.js} +1 -1
- package/dist/ketchup/{p-76f39bd6.entry.js → p-1afe847f.entry.js} +1 -1
- package/dist/ketchup/{p-04d047b1.entry.js → p-1f8d3a1e.entry.js} +1 -1
- package/dist/ketchup/{p-8c7009f6.entry.js → p-20030845.entry.js} +1 -1
- package/dist/ketchup/{p-04e2beb5.js → p-34b51a97.js} +1 -1
- package/dist/ketchup/{p-b169b592.js → p-43a89559.js} +1 -1
- package/dist/ketchup/p-45bb8683.entry.js +1 -0
- package/dist/ketchup/{p-dad18517.entry.js → p-475429a1.entry.js} +1 -1
- package/dist/ketchup/{p-d77fbe3d.entry.js → p-4952eba9.entry.js} +1 -1
- package/dist/ketchup/{p-ca3d9d80.js → p-537f66c5.js} +1 -1
- package/dist/ketchup/{p-f6f30bb4.entry.js → p-58093828.entry.js} +1 -1
- package/dist/ketchup/{p-e7eaa6b3.entry.js → p-64099f8c.entry.js} +2 -2
- package/dist/ketchup/p-66ec0b16.entry.js +1 -0
- package/dist/ketchup/{p-e850bdf3.entry.js → p-791dfc1a.entry.js} +1 -1
- package/dist/ketchup/{p-c7e28520.entry.js → p-7ce691cd.entry.js} +1 -1
- package/dist/ketchup/{p-2ea2fd08.entry.js → p-85d44da6.entry.js} +1 -1
- package/dist/ketchup/{p-cb600014.entry.js → p-9106f511.entry.js} +1 -1
- package/dist/ketchup/{p-9fa95bdb.entry.js → p-a323ff1c.entry.js} +1 -1
- package/dist/ketchup/{p-4f4d4b9d.entry.js → p-b42a37ae.entry.js} +1 -1
- package/dist/ketchup/{p-c0be9b3c.entry.js → p-b58cc563.entry.js} +1 -1
- package/dist/ketchup/p-b8aefc56.entry.js +1 -0
- package/dist/ketchup/{p-4561daec.entry.js → p-bb1b8aac.entry.js} +1 -1
- package/dist/ketchup/{p-d9a4f193.entry.js → p-be0070a2.entry.js} +3 -3
- package/dist/ketchup/{p-1b5eb6f4.entry.js → p-cd0f09b3.entry.js} +1 -1
- package/dist/ketchup/{p-02b017a6.entry.js → p-cea71777.entry.js} +1 -1
- package/dist/ketchup/{p-b6e350b5.entry.js → p-d56677f1.entry.js} +1 -1
- package/dist/ketchup/{p-c58a6b55.entry.js → p-e70ff428.entry.js} +1 -1
- package/dist/ketchup/{p-237f4b66.js → p-ecbd1132.js} +1 -1
- package/dist/ketchup/{p-b5a46daf.entry.js → p-ed99792c.entry.js} +1 -1
- package/dist/ketchup/{p-1fc57b76.entry.js → p-f1aa239b.entry.js} +1 -1
- package/dist/ketchup/{p-75b2681f.js → p-f46c2da6.js} +1 -1
- package/dist/types/components/kup-editor/kup-editor-declarations.d.ts +2 -0
- package/dist/types/components/kup-editor/kup-editor.d.ts +8 -1
- package/dist/types/components/kup-image/kup-image.d.ts +5 -0
- package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +2 -2
- package/dist/types/components.d.ts +22 -2
- package/dist/types/f-components/f-image/f-image-declarations.d.ts +1 -0
- package/package.json +1 -1
- package/dist/ketchup/p-2c3aff15.js +0 -1
- package/dist/ketchup/p-90b07248.entry.js +0 -1
- package/dist/ketchup/p-b9884b65.entry.js +0 -1
- package/dist/ketchup/p-f943ef5b.entry.js +0 -1
|
@@ -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-aa62724a.js";import{k as s,g as u,s as l,c as f,d as h,u as c,n 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-aa62724a.js";import{k as s,g as u,s as l,c as f,d as h,u as c,n as v}from"./p-34b51a97.js";import{c as d}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as s,h as i,H as e,d as h}from"./p-aa62724a.js";import{k as o}from"./p-
|
|
1
|
+
import{r as t,f as s,h as i,H as e,d as h}from"./p-aa62724a.js";import{k as o}from"./p-34b51a97.js";import{c as l}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";const n=class{constructor(s){t(this,s),this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null,this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1}}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,{key:"488a4876f902f6a715951129344a1e67895ecb82"},t?i("style",null,t):null,i("div",{key:"e8f6e1920cdbf41e1f07c1c9edc837db6a950136",id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-aa62724a.js";import{k as p,g as s,s as h,d as f}from"./p-
|
|
1
|
+
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-aa62724a.js";import{k as p,g as s,s as h,d as f}from"./p-34b51a97.js";import"./p-eb8ea3a6.js";var r;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(r||(r={}));const l=class{constructor(e){t(this,e),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=p(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return s(this,r,t)}async refresh(){e(this)}async setProps(t){h(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?n(o,{"is-button":!0},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):n(o,{"is-iframe":!0},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",f.WARNING)}get rootElement(){return a(this)}};l.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{l as kup_iframe}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as i,h as e,H as s,d as n}from"./p-aa62724a.js";import{k as a,e as h,g as o,s as
|
|
1
|
+
import{r as t,f as i,h as e,H as s,d as n}from"./p-aa62724a.js";import{k as a,e as h,g as o,s as p,Q as f,l}from"./p-34b51a97.js";import{c as r}from"./p-635bb4b3.js";import{F as c}from"./p-ecbd1132.js";import"./p-eb8ea3a6.js";import"./p-9d3a0a51.js";import"./p-f46c2da6.js";import"./p-00a5d02c.js";import"./p-0787925c.js";import"./p-537f66c5.js";import"./p-c634eb82.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const g=class{constructor(i){t(this,i),this.kupManager=a(),this.customStyle="",this.data=null,this.density=h.NONE,this.dragEnabled=!1}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 o(this,m,t)}async refresh(){i(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){p(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+r),{cursorChecker:()=>null},{callback:t},f.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.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 e(s,{key:"2ef8a4bd682db23cc398e9a34237aba05187ff31"},e("style",{key:"15d871d8e63d067897b2980f434f26059597fc02"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"077d12f8a4d1d19f88fd6ec778919f200891b745",id:r},e(c,Object.assign({key:"b86183784d5b4f0b1b928d0fad4f3566f47d0a44"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{g as kup_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a6 as e,a7 as s,c as a,a3 as t,a8 as c,F as n,a9 as i,aa as l,ab as o,ac as r,ad as u,d as p}from"./p-04e2beb5.js";import{h as d,g as k}from"./p-aa62724a.js";import{F as b}from"./p-9d3a0a51.js";import{F as h}from"./p-75b2681f.js";import{F as f}from"./p-2c3aff15.js";import{F as m,a as g}from"./p-fa1f706e.js";import{F as v}from"./p-ca3d9d80.js";var w,y,j;!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."}(w||(w={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(y||(y={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(j||(j={}));const $=e=>d("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}),d("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},d("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},d("div",{class:"switch__track"}),d("div",{class:"switch__thumb-underlay"},d("div",{class:"switch__thumb"},d("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})))),d("label",{onClick:e.onChange},e.label))),x=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,a=`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";a+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const c={width:`${e.value}%`};e.centeredLabel?e.value>49&&(a+=" text-color-on-primary"):(s=c,e.value>2&&(a+=" 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 d("span",{class:"label kup-icon is-image"},d("img",{src:e.icon}));{let s=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return d("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(n=e.isRadial?e.label?d("span",{class:"label"},e.label):d("span",{class:"label"},e.value,d("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?d("div",{class:a},n,d("div",{class:t},d("div",{style:undefined,class:"left-side half-circle"}),d("div",{class:"right-side half-circle"})),d("div",{class:"shadow"})):d("div",{class:a},d("div",{class:"progress-bar-percentage",style:c},d("span",{style:s},n)))},O=e=>{var s;const a=!!e.columns,t=[];for(let a=0;a<(null===(s=e.data)||void 0===s?void 0:s.length);a++){const s=e.data[a];t.push(d("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},d("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},d("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,a):null,onFocus:e.onFocus}),d("div",{class:"radio__background"},d("div",{class:"radio__outer-circle"}),d("div",{class:"radio__inner-circle"}))),d("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,a):null},s.label?s.label:"")))}return d("div",{class:`f-radio radio-wrapper ${a?"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:""}`,style:{"--kup_radio_columns":a?`repeat(${e.columns}, 1fr)`:""}},t)},_=e=>(e.maxValue||(e.maxValue=5),d("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 s=[];for(let a=1;a<=e.maxValue;a++)s.push(d("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,a):null},a<=e.value?"★":"☆"));return s}(e))),C=document.documentElement,I=(i,o)=>{const p=i.cell,k=i.column,w=i.row,y=i.shape?i.shape:p.shape?p.shape:k.shape?k.shape:null,I=!C.ketchup.objects.isEmptyKupObj(p.obj),K=!(!p.isEditable&&!k.isEditable||!i.editable),M=i.previousValue!==p.value?p.value:"",V=C.ketchup.data.cell.getType(p,y),H=Object.assign({},p.data);let T=p.cssClass?p.cssClass:k.cssClass?k.cssClass:"";i.component.legacyLook&&(T+=" monospace c-pre");const X={"f-cell":!0,[l.OBJ]:!!I,[V+"-cell"]:!0,[i.wrapperClass]:!!i.wrapperClass,[i.density]:!(!i.density||V===t.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,a,c,i){var o,r;switch(e){case t.AUTOCOMPLETE:return d("kup-autocomplete",Object.assign({key:c.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-autocomplete-change":s=>F(s,i,e,u.UPDATE),"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case t.CHECKBOX:return z(i)&&(s[l.C_CENTERED]=!0),a.shape===n.INPUT_CHECKBOX?d("input",{checked:"on"===a.value||"1"===a.value,class:"input-checkbox",onChange:s=>F(s,i,e,u.UPDATE),type:"checkbox"}):d(b,Object.assign({},a.data,{onChange:s=>F(s,i,e,u.UPDATE)}));case t.CHIP:return d("kup-chip",Object.assign({},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},a.slotData)));case t.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:c.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>F(s,i,e,u.UPDATE)}));case t.COMBOBOX:return d("kup-combobox",Object.assign({key:c.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-combobox-change":s=>F(s,i,e,u.UPDATE),"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case t.DATE:return d("kup-date-picker",Object.assign({key:c.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-datepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-datepicker-input":s=>F(s,i,e,u.INPUT)}));case t.MULTI_AUTOCOMPLETE:return d("kup-chip",Object.assign({displayId:!0},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK),showDropDownIcon:!1},a.slotData)));case t.MULTI_COMBOBOX:return d("kup-chip",Object.assign({displayId:!0},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)},a.slotData)));case t.RADIO:return d(O,Object.assign({},a.data,{disabled:!1,onChange:(s,t)=>{const c=a.data.data;for(let e=0;e<c.length;e++){c[e].checked=e===s}F(t,i,e,u.UPDATE)}}));case t.RATING:return d("kup-rating",Object.assign({key:c.name+i.row.id},a.data,{disabled:!1,"onkup-rating-click":s=>F(s,i,e,u.UPDATE)}));case t.SWITCH:return d($,Object.assign({},a.data,{disabled:!1,onChange:s=>F(s,i,e,u.UPDATE)}));case t.TIME:return d("kup-time-picker",Object.assign({key:c.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-timepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-timepicker-input":s=>F(s,i,e,u.INPUT)}));case t.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case t.LINK:case t.STRING:const p=s=>F(s,i,e,u.UPDATE),k=s=>F(s,i,e,u.INPUT),f=e===t.NUMBER?"number":null,g=e===t.NUMBER&&a.value?C.ketchup.math.numberifySafe(a.value).toString():a.value;return a.shape===n.INPUT_FIELD?d("input",{class:"input-field",onChange:p,onInput:k,type:f,value:g,maxLength:null!==(r=null===(o=c.cellData)||void 0===o?void 0:o.maxLength)&&void 0!==r?r:-1}):d(h,Object.assign({inputType:f,fullWidth:!!D(i)},a.data,{icon:a.data&&a.data.icon?a.data.icon:a.icon?a.icon:c.icon?c.icon:null,value:g,onChange:p,onInput:k,onIconClick:s=>F(s,i,e,u.ICON_CLICK)}))}}(V,X,p,k,i):p.data&&s.includes(V)?(i.setSizes&&function(e,s,a){switch(e){case t.BAR:s.sizeY||(s.sizeY="26px");break;case t.BUTTON:let e="";s.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case t.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case t.CHIP:case t.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,H,p),W=i.renderKup?function(e,s,a,c,n,i,o){switch(e){case t.BAR:return a.data?d("div",{style:{height:a.sizeY,width:"100%"}},d(f,Object.assign({},a))):d("kup-image",Object.assign({key:i.name+o.row.id,sizeX:"250px"},a));case t.BUTTON:return z(o)&&(s[l.C_CENTERED]=!0),d(v,Object.assign({},a,{onClick:s=>F(s,o,e,u.CLICK)}));case t.BUTTON_LIST:return z(o)&&(s[l.C_CENTERED]=!0),a["data-storage"]={cell:c,row:n,column:i},d("kup-button-list",Object.assign({key:i.name+o.row.id},a));case t.CHART:return z(o)&&(s[l.C_CENTERED]=!0),d("kup-chart",Object.assign({key:i.name+o.row.id},a));case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:case t.CHIP:return d(g,Object.assign({},a));case t.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:i.name+o.row.id},a,{class:D(o)?"kup-full-width":"",disabled:!0}));case t.GAUGE:return d("kup-gauge",Object.assign({key:i.name+o.row.id,value:C.ketchup.math.numberifySafe(c.value),"width-component":"280px"},a));case t.KNOB:case t.PROGRESS_BAR:return a.customStyle?d("kup-progress-bar",Object.assign({key:i.name+o.row.id},a)):d(x,Object.assign({},a));case t.RADIO:return z(o)&&(s[l.C_CENTERED]=!0),a.disabled=n.readOnly,d(O,Object.assign({},a));case t.RATING:return d(_,Object.assign({},a,{disabled:!0}))}}(V,X,H,p,w,k,i):d("span",{class:"cell-"+V+" placeholder"})):(i.setSizes&&function(e,s,a,n){switch(e){case t.CHECKBOX:case t.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=s.sizeY):a.style={minHeight:s.sizeY};break;case t.IMAGE:n.component.rootElement.tagName===c.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,p,i),W=function(e,s,a,c,n,i,o){switch(e){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.DATETIME:case t.TIME:if(a&&""!=a){const e=r(i,n);return d("div",{class:"f-cell__text"},e)}return a;case t.CHECKBOX:return z(o)&&(c[l.C_CENTERED]=!0),d(f,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case t.EDITOR:return d("div",{innerHTML:n.value});case t.ICON:case t.IMAGE:return z(o)&&(c[l.C_CENTERED]=!0),s.badgeData&&(c[l.C_PADDED]=!0),d(f,Object.assign({},s));case t.LINK:return d("a",{href:a,target:"_blank"},n.value);case t.NUMBER:if(a&&""!=a){const e=C.ketchup.math.numberifySafe(n.value),s=r(i,n);return e<0&&(c[l.TEXT_DANGER]=!0),z(o)&&(c[l.C_RIGHT_ALIGNED]=!0),d("div",{class:"f-cell__text"},s)}return d("div",{class:"f-cell__text"},a);case t.SWITCH:return z(o)&&(c[l.C_CENTERED]=!0),s.disabled=!0,d($,Object.assign({},s));default:return d("div",{class:"f-cell__text"},a)}}(V,H,W,X,p,k,i));let Y=null;!K&&(k.icon||p.icon)&&W&&(Y=d(f,Object.assign({},{color:`rgba(var(${a.TEXT}-rgb), 0.375)`,resource:p.icon?p.icon:k.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;C.ketchup.debug.isDebug()&&I?B=p.obj.t+"; "+p.obj.p+"; "+p.obj.k+";":null!=p.title&&""!=p.title.trim()&&(B=p.title);let L=null;if(p.info){const e=Object.assign({},p.info);e.color||(e.color=`var(${a.INFO})`),e.icon||(e.icon="info"),L=d(f,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return d("div",{onKeyUp:e=>F(e,i,V,u.KEYUP),class:X,"kup-get-cell-props":()=>i,ref:e=>p.element=e,style:p.style},d("div",{class:"f-cell__content",style:p.styleContent,title:B},o&&o.length>0?o:[i.indents,L,Y,W]))};function F(e,s,a,c){const n=s.cell,i=s.column,l=s.component,o=s.row;if(c===u.UPDATE){let s=function(e,s){const a=!("INPUT"!==e.target.tagName);let c=a?e.target.value:e.detail.value;return s===t.CHECKBOX&&a&&(c=e.target.checked?"off":"on"),s===t.NUMBER&&a&&(c=C.ketchup.math.formattedStringToNumberString(c,"")),c}(e,a);switch(a){case t.AUTOCOMPLETE:case t.COMBOBOX:case t.DATE:case t.TIME:n.data&&(n.data.initialValue=s);break;case t.CHECKBOX:case t.SWITCH:s="on"===s?"0":"1",n.data&&(n.data.checked="0"!==s);break;case t.RADIO:break;case t.CHIP:case t.MULTI_AUTOCOMPLETE:case t.MULTI_COMBOBOX:s=e.detail.stringifiedValues,n.data&&(n.data.data=e.detail.comp.data)}n.obj&&(n.obj.k=s.toString()),n.value=s.toString(),n.displayedValue=null,n.displayedValue=r(i,n)}if(l&&l.rootElement){const s=new CustomEvent(c,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:n,column:i,event:e,row:o,type:a}});if(l.rootElement.dispatchEvent(s),c===u.UPDATE)try{l.refresh()}catch(e){C.ketchup.debug.logMessage(l,e,p.ERROR)}}}function z(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function D(e){var s;return i.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{I as F,j as I,y as K,w as a,x as b,O as c,_ as d,$ as e}
|
|
1
|
+
import{a6 as e,a7 as s,c as a,a3 as c,a8 as t,F as n,a9 as i,aa as l,ab as o,ac as r,ad as u,d as p}from"./p-34b51a97.js";import{h as d,g as k}from"./p-aa62724a.js";import{F as b}from"./p-9d3a0a51.js";import{F as h}from"./p-f46c2da6.js";import{F as f}from"./p-00a5d02c.js";import{F as m,a as g}from"./p-0787925c.js";import{F as v}from"./p-537f66c5.js";var w,y,j;!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."}(w||(w={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(y||(y={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(j||(j={}));const $=e=>d("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}),d("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},d("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},d("div",{class:"switch__track"}),d("div",{class:"switch__thumb-underlay"},d("div",{class:"switch__thumb"},d("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})))),d("label",{onClick:e.onChange},e.label))),x=e=>{e.centeredLabel||0==!e.centeredLabel||(e.centeredLabel=!0);let s,a=`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:""}`,c="pie";a+=e.isRadial?" pie-wrapper is-radial":" progress-bar";const t={width:`${e.value}%`};e.centeredLabel?e.value>49&&(a+=" text-color-on-primary"):(s=t,e.value>2&&(a+=" 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 d("span",{class:"label kup-icon is-image"},d("img",{src:e.icon}));{let s=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;return d("span",{style:{mask:s,webkitMask:s},class:"label kup-icon"})}}}(e):e.hideLabel||(n=e.isRadial?e.label?d("span",{class:"label"},e.label):d("span",{class:"label"},e.value,d("span",{class:"smaller"},"%")):e.label?e.label:e.value+"%"),e.value>0&&(c+=" has-value",c+=e.value>50?" is-more-than-half":" is-less-than-half"),e.isRadial?d("div",{class:a},n,d("div",{class:c},d("div",{style:undefined,class:"left-side half-circle"}),d("div",{class:"right-side half-circle"})),d("div",{class:"shadow"})):d("div",{class:a},d("div",{class:"progress-bar-percentage",style:t},d("span",{style:s},n)))},O=e=>{var s;const a=!!e.columns,c=[];for(let a=0;a<(null===(s=e.data)||void 0===s?void 0:s.length);a++){const s=e.data[a];c.push(d("div",{class:"form-field "+(e.leadingLabel?" form-field--align-end":"")},d("div",{class:{radio:!0,"radio--checked":!!s.checked,"radio--disabled":!!e.disabled}},d("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,a):null,onFocus:e.onFocus}),d("div",{class:"radio__background"},d("div",{class:"radio__outer-circle"}),d("div",{class:"radio__inner-circle"}))),d("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,a):null},s.label?s.label:"")))}return d("div",{class:`f-radio radio-wrapper ${a?"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:""}`,style:{"--kup_radio_columns":a?`repeat(${e.columns}, 1fr)`:""}},c)},_=e=>(e.maxValue||(e.maxValue=5),d("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 s=[];for(let a=1;a<=e.maxValue;a++)s.push(d("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,a):null},a<=e.value?"★":"☆"));return s}(e))),C=document.documentElement,I=(i,o)=>{const p=i.cell,k=i.column,w=i.row,y=i.shape?i.shape:p.shape?p.shape:k.shape?k.shape:null,I=!C.ketchup.objects.isEmptyKupObj(p.obj),K=!(!p.isEditable&&!k.isEditable||!i.editable),M=i.previousValue!==p.value?p.value:"",V=C.ketchup.data.cell.getType(p,y),H=Object.assign({},p.data);let T=p.cssClass?p.cssClass:k.cssClass?k.cssClass:"";i.component.legacyLook&&(T+=" monospace c-pre");const X={"f-cell":!0,[l.OBJ]:!!I,[V+"-cell"]:!0,[i.wrapperClass]:!!i.wrapperClass,[i.density]:!(!i.density||V===c.BAR),[T]:!!T};let W=M;K&&e.includes(V)?W=function(e,s,a,t,i){var o,r;switch(e){case c.AUTOCOMPLETE:return d("kup-autocomplete",Object.assign({key:t.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-autocomplete-change":s=>F(s,i,e,u.UPDATE),"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case c.CHECKBOX:return z(i)&&(s[l.C_CENTERED]=!0),a.shape===n.INPUT_CHECKBOX?d("input",{checked:"on"===a.value||"1"===a.value,class:"input-checkbox",onChange:s=>F(s,i,e,u.UPDATE),type:"checkbox"}):d(b,Object.assign({},a.data,{onChange:s=>F(s,i,e,u.UPDATE)}));case c.CHIP:return d("kup-chip",Object.assign({},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},a.slotData)));case c.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:t.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":s=>F(s,i,e,u.UPDATE)}));case c.COMBOBOX:return d("kup-combobox",Object.assign({key:t.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-combobox-change":s=>F(s,i,e,u.UPDATE),"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)}));case c.DATE:return d("kup-date-picker",Object.assign({key:t.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-datepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-datepicker-input":s=>F(s,i,e,u.INPUT)}));case c.MULTI_AUTOCOMPLETE:return d("kup-chip",Object.assign({displayId:!0},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>F(s,i,e,u.INPUT),"onkup-autocomplete-iconclick":s=>F(s,i,e,u.ICON_CLICK),showDropDownIcon:!1},a.slotData)));case c.MULTI_COMBOBOX:return d("kup-chip",Object.assign({displayId:!0},a.data,{type:m.INPUT,enableInput:!0,"onKup-chip-change":s=>F(s,i,e,u.UPDATE)}),d("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:j.DESCRIPTION_AND_CODE,selectMode:j.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>F(s,i,e,u.INPUT),"onkup-combobox-iconclick":s=>F(s,i,e,u.ICON_CLICK)},a.slotData)));case c.RADIO:return d(O,Object.assign({},a.data,{disabled:!1,onChange:(s,c)=>{const t=a.data.data;for(let e=0;e<t.length;e++){t[e].checked=e===s}F(c,i,e,u.UPDATE)}}));case c.RATING:return d("kup-rating",Object.assign({key:t.name+i.row.id},a.data,{disabled:!1,"onkup-rating-click":s=>F(s,i,e,u.UPDATE)}));case c.SWITCH:return d($,Object.assign({},a.data,{disabled:!1,onChange:s=>F(s,i,e,u.UPDATE)}));case c.TIME:return d("kup-time-picker",Object.assign({key:t.name+i.row.id,initialValue:a.value},a.data,{class:D(i)?"kup-full-width":"","onkup-timepicker-change":s=>F(s,i,e,u.UPDATE),"onkup-timepicker-input":s=>F(s,i,e,u.INPUT)}));case c.NUMBER:s[l.C_RIGHT_ALIGNED]=!0;case c.LINK:case c.STRING:const p=s=>F(s,i,e,u.UPDATE),k=s=>F(s,i,e,u.INPUT),f=e===c.NUMBER?"number":null,g=e===c.NUMBER&&a.value?C.ketchup.math.numberifySafe(a.value).toString():a.value;return a.shape===n.INPUT_FIELD?d("input",{class:"input-field",onChange:p,onInput:k,type:f,value:g,maxLength:null!==(r=null===(o=t.cellData)||void 0===o?void 0:o.maxLength)&&void 0!==r?r:-1}):d(h,Object.assign({inputType:f,fullWidth:!!D(i)},a.data,{icon:a.data&&a.data.icon?a.data.icon:a.icon?a.icon:t.icon?t.icon:null,value:g,onChange:p,onInput:k,onIconClick:s=>F(s,i,e,u.ICON_CLICK)}))}}(V,X,p,k,i):p.data&&s.includes(V)?(i.setSizes&&function(e,s,a){switch(e){case c.BAR:s.sizeY||(s.sizeY="26px");break;case c.BUTTON:let e="";s.label&&(e="36px"),a.style?a.style.height||(a.style.minHeight=e):a.style={minHeight:e};break;case c.CHART:s.sizeX||(s.sizeX="100%"),s.sizeY||(s.sizeY="100%");break;case c.CHIP:case c.RADIO:a.style?a.style.height||(a.style.minHeight="40px"):a.style={minHeight:"40px"}}}(V,H,p),W=i.renderKup?function(e,s,a,t,n,i,o){switch(e){case c.BAR:return a.data?d("div",{style:{height:a.sizeY,width:"100%"}},d(f,Object.assign({},a))):d("kup-image",Object.assign({key:i.name+o.row.id,sizeX:"250px"},a));case c.BUTTON:return z(o)&&(s[l.C_CENTERED]=!0),d(v,Object.assign({},a,{onClick:s=>F(s,o,e,u.CLICK)}));case c.BUTTON_LIST:return z(o)&&(s[l.C_CENTERED]=!0),a["data-storage"]={cell:t,row:n,column:i},d("kup-button-list",Object.assign({key:i.name+o.row.id},a));case c.CHART:return z(o)&&(s[l.C_CENTERED]=!0),d("kup-chart",Object.assign({key:i.name+o.row.id},a));case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:case c.CHIP:return d(g,Object.assign({},a));case c.COLOR_PICKER:return d("kup-color-picker",Object.assign({key:i.name+o.row.id},a,{class:D(o)?"kup-full-width":"",disabled:!0}));case c.GAUGE:return d("kup-gauge",Object.assign({key:i.name+o.row.id,value:C.ketchup.math.numberifySafe(t.value),"width-component":"280px"},a));case c.KNOB:case c.PROGRESS_BAR:return a.customStyle?d("kup-progress-bar",Object.assign({key:i.name+o.row.id},a)):d(x,Object.assign({},a));case c.RADIO:return z(o)&&(s[l.C_CENTERED]=!0),a.disabled=n.readOnly,d(O,Object.assign({},a));case c.RATING:return d(_,Object.assign({},a,{disabled:!0}))}}(V,X,H,p,w,k,i):d("span",{class:"cell-"+V+" placeholder"})):(i.setSizes&&function(e,s,a,n){switch(e){case c.CHECKBOX:case c.ICON:s.sizeX||(s.sizeX="18px"),s.sizeY||(s.sizeY="18px"),a.style?a.style.height||(a.style.minHeight=s.sizeY):a.style={minHeight:s.sizeY};break;case c.IMAGE:n.component.rootElement.tagName===t.BOX?(s.sizeY||(s.sizeY="auto"),void 0===s.fit&&(s.fit=!0)):s.sizeX||(s.sizeX="auto"),s.sizeY||(s.sizeY="64px")}}(V,H,p,i),W=function(e,s,a,t,n,i,o){switch(e){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.DATETIME:case c.TIME:if(a&&""!=a){const e=r(i,n);return d("div",{class:"f-cell__text"},e)}return a;case c.CHECKBOX:return z(o)&&(t[l.C_CENTERED]=!0),d(f,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case c.EDITOR:return d("div",{innerHTML:n.value});case c.ICON:case c.IMAGE:return z(o)&&(t[l.C_CENTERED]=!0),s.badgeData&&(t[l.C_PADDED]=!0),d(f,Object.assign({},s));case c.LINK:return d("a",{href:a,target:"_blank"},n.value);case c.NUMBER:if(a&&""!=a){const e=C.ketchup.math.numberifySafe(n.value),s=r(i,n);return e<0&&(t[l.TEXT_DANGER]=!0),z(o)&&(t[l.C_RIGHT_ALIGNED]=!0),d("div",{class:"f-cell__text"},s)}return d("div",{class:"f-cell__text"},a);case c.SWITCH:return z(o)&&(t[l.C_CENTERED]=!0),s.disabled=!0,d($,Object.assign({},s));default:return d("div",{class:"f-cell__text"},a)}}(V,H,W,X,p,k,i));let Y=null;!K&&(k.icon||p.icon)&&W&&(Y=d(f,Object.assign({},{color:`rgba(var(${a.TEXT}-rgb), 0.375)`,resource:p.icon?p.icon:k.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let B=null;C.ketchup.debug.isDebug()&&I?B=p.obj.t+"; "+p.obj.p+"; "+p.obj.k+";":null!=p.title&&""!=p.title.trim()&&(B=p.title);let L=null;if(p.info){const e=Object.assign({},p.info);e.color||(e.color=`var(${a.INFO})`),e.icon||(e.icon="info"),L=d(f,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return d("div",{onKeyUp:e=>F(e,i,V,u.KEYUP),class:X,"kup-get-cell-props":()=>i,ref:e=>p.element=e,style:p.style},d("div",{class:"f-cell__content",style:p.styleContent,title:B},o&&o.length>0?o:[i.indents,L,Y,W]))};function F(e,s,a,t){const n=s.cell,i=s.column,l=s.component,o=s.row;if(t===u.UPDATE){let s=function(e,s){const a=!("INPUT"!==e.target.tagName);let t=a?e.target.value:e.detail.value;return s===c.CHECKBOX&&a&&(t=e.target.checked?"off":"on"),s===c.NUMBER&&a&&(t=C.ketchup.math.formattedStringToNumberString(t,"")),t}(e,a);switch(a){case c.AUTOCOMPLETE:case c.COMBOBOX:case c.DATE:case c.TIME:n.data&&(n.data.initialValue=s);break;case c.CHECKBOX:case c.SWITCH:s="on"===s?"0":"1",n.data&&(n.data.checked="0"!==s);break;case c.RADIO:break;case c.CHIP:case c.MULTI_AUTOCOMPLETE:case c.MULTI_COMBOBOX:s=e.detail.stringifiedValues,n.data&&(n.data.data=e.detail.comp.data)}n.obj&&(n.obj.k=s.toString()),n.value=s.toString(),n.displayedValue=null,n.displayedValue=r(i,n)}if(l&&l.rootElement){const s=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:l,id:l.rootElement.id,cell:n,column:i,event:e,row:o,type:a}});if(l.rootElement.dispatchEvent(s),t===u.UPDATE)try{l.refresh()}catch(e){C.ketchup.debug.logMessage(l,e,p.ERROR)}}}function z(e){var s;return o.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}function D(e){var s;return i.includes(null===(s=e.component)||void 0===s?void 0:s.rootElement.tagName)}export{I as F,j as I,y as K,w as a,x as b,O as c,_ as d,$ as e}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as o,H as a,d as n}from"./p-aa62724a.js";import{k as s,g as h,s as p}from"./p-
|
|
1
|
+
import{r as t,c as e,f as i,h as o,H as a,d as n}from"./p-aa62724a.js";import{k as s,g as h,s as p}from"./p-34b51a97.js";import{c as f}from"./p-635bb4b3.js";import"./p-eb8ea3a6.js";var r;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(r||(r={}));var l,c,d,m,u,g,k=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},y=function(t,e,i,o,a){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?a.call(t,i):a?a.value=i:e.set(t,i),i};const w=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),l.set(this,null),c.set(this,s()),d.set(this,null),m.set(this,null),u.set(this,!1),g.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return h(this,r,t)}async refresh(){i(this)}async setProps(t){p(this,r,t)}setObserver(){y(this,l,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,k(this,l,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){k(this,c,"f").debug.logLoad(this,!1),k(this,c,"f").theme.register(this),this.setObserver()}componentDidLoad(){k(this,c,"f").debug.logLoad(this,!0)}componentWillRender(){k(this,c,"f").debug.logRender(this,!1)}componentDidRender(){k(this,c,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!k(this,u,"f")&&y(this,u,!0,"f"),o(a,{key:"cd2d928fdbd09be3c2835cd287f272d010041ecc"},o("style",{key:"4ba03447a84b5653490d597645847724531fb707"},k(this,c,"f").theme.setKupStyle(this.rootElement)),o("div",{key:"464539791c38c33e54ad1fddc051f8e9cec00652",id:f,ref:t=>{y(this,g,t,"f")}},o("img",Object.assign({key:"39697e6c0ae4f776d5c961330da0fc3954ccaaa2"},this.placeholderAttrs,{class:"placeholder",ref:t=>y(this,d,t,"f"),onLoad:()=>{k(this,d,"f").naturalWidth>k(this,d,"f").naturalHeight?k(this,g,"f").classList.add("horizontal"):k(this,g,"f").classList.add("vertical"),k(this,l,"f").observe(this.rootElement),k(this,d,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),k(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>y(this,m,t,"f"),onLoad:()=>{k(this,d,"f").classList.add("placeholder--fade-out"),k(this,m,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;k(this,c,"f").theme.unregister(this),null===(t=k(this,l,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};l=new WeakMap,c=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,g=new WeakMap,w.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{w as kup_photo_frame}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-aa62724a.js";import{k as o,b as l,r as p}from"./p-04e2beb5.js";import{c as a}from"./p-635bb4b3.js";import{F as r}from"./p-75b2681f.js";import{F as u}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-d4a879fc.js";var c;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(c||(c={}));const f=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=c;else for(const t in c)Object.prototype.hasOwnProperty.call(c,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(r,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:p.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),u(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"931546ef09c8523eb49c31675edd6930853183fc"},s("style",{key:"1051ee3223e973a1c8b1cd887149f2246ae702a9"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"82fa98165c2f4f62c91126f4929db368273f6195",id:a},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};f.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{f as kup_numeric_picker}
|
|
1
|
+
import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-aa62724a.js";import{k as o,b as l,r as a}from"./p-34b51a97.js";import{c as p}from"./p-635bb4b3.js";import{F as r}from"./p-f46c2da6.js";import{F as u}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-d4a879fc.js";var c;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(c||(c={}));const f=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=c;else for(const t in c)Object.prototype.hasOwnProperty.call(c,t)&&(i[t]=this[t]);return i}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(r,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:a.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),u(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"931546ef09c8523eb49c31675edd6930853183fc"},s("style",{key:"1051ee3223e973a1c8b1cd887149f2246ae702a9"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"82fa98165c2f4f62c91126f4929db368273f6195",id:p},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};f.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{f as kup_numeric_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,g as l}from"./p-aa62724a.js";import{a as t}from"./p-
|
|
1
|
+
import{h as e,g as l}from"./p-aa62724a.js";import{a as t}from"./p-34b51a97.js";const i=document.documentElement,n=(l,t)=>e("div",Object.assign({class:`f-text-field ${l.danger?"kup-danger":""} ${l.fullHeight?"kup-full-height":""} ${l.fullWidth?"kup-full-width":""} ${l.info?"kup-info":""} ${l.secondary?"kup-secondary":""} ${l.shaped?"kup-shaped":""} ${l.success?"kup-success":""} ${l.warning?"kup-warning":""} ${l.wrapperClass?l.wrapperClass:""}`},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel||l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[d(l),a(l),e("label",null,l.label)]):[d(l),a(l)],t);function d(n){var d,a;const o=n.textArea||n.outlined;let s,r;if(!n.label||n.leadingLabel||n.trailingLabel||(s=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},n.label)),n.icon){let i,d="";if(Object.values(t).indexOf(n.icon)>-1)d=n.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}r=e("span",{style:i,onClick:n.onIconClick,class:`mdc-text-field__icon kup-icon action ${d}`})}const u={"is-clearable":n.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":n.disabled,"mdc-text-field--filled":!n.fullWidth&&!o,"mdc-text-field--no-label":!n.label,"mdc-text-field--fullwidth":n.fullWidth,"mdc-text-field--outlined":o,"mdc-text-field--textarea":n.textArea,"mdc-text-field--with-leading-icon":n.icon&&!n.trailingIcon,"mdc-text-field--with-trailing-icon":n.icon&&n.trailingIcon};let m=n.value,f=null!==(d=n.inputType)&&void 0!==d?d:"text",p=!1;if("number"===n.inputType&&(n.decimals&&n.decimals>0||n.group)&&(f="text",p=!0),"number"===n.inputType){const e={allowNegative:null===(a=n.allowNegative)||void 0===a||a,decimal:n.decimals,group:n.group,integer:n.integers};m=c(m,e,!1)}return e("div",{class:u},n.textArea&&n.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",n.maxLength):void 0,n.trailingIcon?void 0:r,n.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,maxlength:n.maxLength,value:m,onBlur:n.onBlur,onClick:n.onClick,onChange:n.onChange,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown})):e("input",{inputmode:n.inputMode?n.inputMode:void 0,type:f,step:n.step,min:n.min,max:n.max,name:n.name,class:"mdc-text-field__input",disabled:n.disabled,readOnly:n.readOnly,placeholder:n.fullWidth&&!n.outlined?n.label:void 0,maxlength:n.maxLength,size:n.size,value:m,onBlur:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)||void 0===l||l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=c(e.target.value,t,!0)}n.onBlur&&n.onBlur(e)},onChange:e=>{var l;if(p){const t={allowNegative:null===(l=n.allowNegative)||void 0===l||l,decimal:n.decimals,group:n.group,integer:n.integers};e.target.value=null!=n.min&&n.min>parseFloat(e.target.value)?c(n.min.toString(),t,!0):null!=n.max&&n.max<parseFloat(e.target.value)?c(n.max.toString(),t,!0):c(e.target.value,t,!0)}else null!=n.min&&n.min>parseFloat(e.target.value)?e.target.value=n.min.toString():null!=n.max&&n.max<parseFloat(e.target.value)&&(e.target.value=n.max.toString());n.onChange&&n.onChange(e)},onClick:n.onClick,onFocus:n.onFocus,onInput:n.onInput,onKeyDown:n.onKeyDown,onKeyPress:e=>{var l;if(!p)return;if(e.ctrlKey)return;if(e.key.length>1)return;const t={allowNegative:null===(l=n.allowNegative)||void 0===l||l,decimal:n.decimals,group:n.group,integer:n.integers};let d=e.target,a=d.value,c=a.substring(0,d.selectionStart),o=a.substring(d.selectionEnd,d.selectionEnd+a.length-1);i.ketchup.math.matchNumericValueWithOptions(c+e.key+o,t)||e.preventDefault()}}),n.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:n.onClearIconClick}):void 0,n.trailingIcon?r:void 0,n.fullWidth||o?void 0:s,o?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},s),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function a(l){if(!1!==l.helperEnabled){if(l.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper),!0!==l.hiddenCounter&&l.maxLength&&!l.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength.toString()):void 0);if(!0!==l.hiddenCounter&&l.maxLength&&!l.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",l.maxLength))}}const c=function(e,l,t){let n=e;return n?"-"==n?"":i.ketchup.math.format(n,i.ketchup.math.createFormatPattern(l.group,l.decimal),t):n};export{n as F}
|
|
@@ -9,12 +9,14 @@ export declare enum KupEditorProps {
|
|
|
9
9
|
initialEditType = "Initializes editor with the specified editor type. Suported values: \"markdown\", \"wysiwyg\".",
|
|
10
10
|
initialValue = "Initializes editor with the specified string.",
|
|
11
11
|
isReadOnly = "Defaults at false. When set, When set, the editor\u2019s content can\u2019t be changed..",
|
|
12
|
+
selectedTab = "Sets the markdown editor with the specified tab. Supported values: \"preview\", \"write\".",
|
|
12
13
|
previewStyle = "Initializes editor with the specified preview type. Suported values: \"tab\", \"vertical\".",
|
|
13
14
|
showSaveButton = "When set, a save button shown in the editor\u2019s toolbar.",
|
|
14
15
|
showToolbar = "When set to false, the toolbar will not be shown."
|
|
15
16
|
}
|
|
16
17
|
export type KupEditorType = 'wysiwyg' | 'markdown';
|
|
17
18
|
export type KupEditorPreview = 'tab' | 'vertical';
|
|
19
|
+
export type KupEditorSelectedTab = 'preview' | 'write';
|
|
18
20
|
export interface KupEditorEventPayload extends KupEventPayload {
|
|
19
21
|
htmlValue: string;
|
|
20
22
|
markdownValue: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
|
|
3
3
|
import Editor from '@toast-ui/editor';
|
|
4
|
-
import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from './kup-editor-declarations';
|
|
4
|
+
import { KupEditorEventPayload, KupEditorSelectedTab, KupEditorPreview, KupEditorType } from './kup-editor-declarations';
|
|
5
5
|
import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
|
|
6
6
|
export declare class KupEditor {
|
|
7
7
|
#private;
|
|
@@ -54,6 +54,11 @@ export declare class KupEditor {
|
|
|
54
54
|
* @default 'vertical'
|
|
55
55
|
*/
|
|
56
56
|
previewStyle: KupEditorPreview;
|
|
57
|
+
/**
|
|
58
|
+
* The markdown editor selected tab.
|
|
59
|
+
* @default 'write'
|
|
60
|
+
*/
|
|
61
|
+
selectedTab: KupEditorSelectedTab;
|
|
57
62
|
/**
|
|
58
63
|
* Defines whether to show the save button in editor's toolbar or not.
|
|
59
64
|
* @default true
|
|
@@ -81,6 +86,7 @@ export declare class KupEditor {
|
|
|
81
86
|
onInitialEditTypeChanged(): void;
|
|
82
87
|
onIsReadOnlyChanged(): void;
|
|
83
88
|
onPreviewStyleChanged(): void;
|
|
89
|
+
onMarkdownPreviewTabChanged(): void;
|
|
84
90
|
onShowSaveButtonChanged(): void;
|
|
85
91
|
onShowToolBarChanged(): void;
|
|
86
92
|
onAutosaveTimerChanged(): void;
|
|
@@ -116,6 +122,7 @@ export declare class KupEditor {
|
|
|
116
122
|
setAutosaveInterval(): void;
|
|
117
123
|
onEditorSave(): void;
|
|
118
124
|
onEditorAutoSave(): void;
|
|
125
|
+
updateMarkDownPreviewTab(): void;
|
|
119
126
|
getToolBarWithSaveButton(includeDefaultItems?: boolean): (string | toastui.ToolbarButton)[];
|
|
120
127
|
getDefaultToolBarItems(): (string | toastui.ToolbarButton)[];
|
|
121
128
|
getSaveAndAutoSaveProps(): KupEditorEventPayload;
|
|
@@ -39,6 +39,11 @@ export declare class KupImage {
|
|
|
39
39
|
* @default false
|
|
40
40
|
*/
|
|
41
41
|
isCanvas: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* An SVG that will be displayed until the image is loaded.
|
|
44
|
+
* @default ""
|
|
45
|
+
*/
|
|
46
|
+
placeholderResource: string;
|
|
42
47
|
/**
|
|
43
48
|
* The resource used to fetch the image.
|
|
44
49
|
* @default null
|
|
@@ -53,7 +53,7 @@ export interface KupInputPanelLayoutField {
|
|
|
53
53
|
rowStart?: number;
|
|
54
54
|
rowEnd?: number;
|
|
55
55
|
}
|
|
56
|
-
export type DataAdapterFn = (options: GenericObject, fieldLabel: string, currentValue: string,
|
|
56
|
+
export type DataAdapterFn = (options: GenericObject, fieldLabel: string, currentValue: string, cell?: KupInputPanelCell, id?: string) => Object;
|
|
57
57
|
export type InputPanelCells = {
|
|
58
58
|
cells: {
|
|
59
59
|
cell: KupDataCell;
|
|
@@ -71,7 +71,7 @@ export type InputPanelEvent = {
|
|
|
71
71
|
value: number | string | object;
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
|
-
export type InputPanelOptionsHandler = (fun: string) => Promise<GenericObject>;
|
|
74
|
+
export type InputPanelOptionsHandler = (fun: string, inputValue: string, currentState: KupInputPanelData) => Promise<GenericObject>;
|
|
75
75
|
export declare enum KupInputPanelProps {
|
|
76
76
|
customStyle = "Custom style of the component.",
|
|
77
77
|
data = "Actual data of the input panel.",
|
|
@@ -36,7 +36,7 @@ import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
|
|
|
36
36
|
import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
|
|
37
37
|
import { GeoJSON } from "geojson";
|
|
38
38
|
import { XAXisComponentOption, YAXisComponentOption } from "echarts";
|
|
39
|
-
import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
|
|
39
|
+
import { KupEditorEventPayload, KupEditorPreview, KupEditorSelectedTab, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
|
|
40
40
|
import { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
|
|
41
41
|
import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
|
|
42
42
|
import { KupBadge } from "./components/kup-badge/kup-badge";
|
|
@@ -87,7 +87,7 @@ export { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
|
|
|
87
87
|
export { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
|
|
88
88
|
export { GeoJSON } from "geojson";
|
|
89
89
|
export { XAXisComponentOption, YAXisComponentOption } from "echarts";
|
|
90
|
-
export { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
|
|
90
|
+
export { KupEditorEventPayload, KupEditorPreview, KupEditorSelectedTab, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
|
|
91
91
|
export { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
|
|
92
92
|
export { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
|
|
93
93
|
export { KupBadge } from "./components/kup-badge/kup-badge";
|
|
@@ -1919,6 +1919,11 @@ export namespace Components {
|
|
|
1919
1919
|
* This method is used to trigger a new render of the component.
|
|
1920
1920
|
*/
|
|
1921
1921
|
"refresh": () => Promise<void>;
|
|
1922
|
+
/**
|
|
1923
|
+
* The markdown editor selected tab.
|
|
1924
|
+
* @default 'write'
|
|
1925
|
+
*/
|
|
1926
|
+
"selectedTab": KupEditorSelectedTab;
|
|
1922
1927
|
/**
|
|
1923
1928
|
* Sets the props to the component.
|
|
1924
1929
|
* @param props - Object containing props that will be set to the component.
|
|
@@ -2398,6 +2403,11 @@ export namespace Components {
|
|
|
2398
2403
|
* @default false
|
|
2399
2404
|
*/
|
|
2400
2405
|
"isCanvas": boolean;
|
|
2406
|
+
/**
|
|
2407
|
+
* An SVG that will be displayed until the image is loaded.
|
|
2408
|
+
* @default ""
|
|
2409
|
+
*/
|
|
2410
|
+
"placeholderResource": string;
|
|
2401
2411
|
/**
|
|
2402
2412
|
* This method is used to trigger a new render of the component.
|
|
2403
2413
|
*/
|
|
@@ -6786,6 +6796,11 @@ declare namespace LocalJSX {
|
|
|
6786
6796
|
* @default 'vertical'
|
|
6787
6797
|
*/
|
|
6788
6798
|
"previewStyle"?: KupEditorPreview;
|
|
6799
|
+
/**
|
|
6800
|
+
* The markdown editor selected tab.
|
|
6801
|
+
* @default 'write'
|
|
6802
|
+
*/
|
|
6803
|
+
"selectedTab"?: KupEditorSelectedTab;
|
|
6789
6804
|
/**
|
|
6790
6805
|
* Defines whether to show the save button in editor's toolbar or not.
|
|
6791
6806
|
* @default true
|
|
@@ -7168,6 +7183,11 @@ declare namespace LocalJSX {
|
|
|
7168
7183
|
"isCanvas"?: boolean;
|
|
7169
7184
|
"onKup-image-click"?: (event: KupImageCustomEvent<KupImageClickEventPayload>) => void;
|
|
7170
7185
|
"onKup-image-load"?: (event: KupImageCustomEvent<KupImageClickEventPayload>) => void;
|
|
7186
|
+
/**
|
|
7187
|
+
* An SVG that will be displayed until the image is loaded.
|
|
7188
|
+
* @default ""
|
|
7189
|
+
*/
|
|
7190
|
+
"placeholderResource"?: string;
|
|
7171
7191
|
/**
|
|
7172
7192
|
* The resource used to fetch the image.
|
|
7173
7193
|
* @default null
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,g as e}from"./p-aa62724a.js";var a;!function(t){t.BAR="bar"}(a||(a={}));const s=s=>{let i,n;s.resource?s.resource.indexOf(".")>-1||s.resource.indexOf("/")>-1||s.resource.indexOf("\\")>-1?(n={"--kup_image_height":s.sizeY?s.sizeY:"auto","--kup_image_width":s.sizeX?s.sizeX:"100%"},i=function(e){return t("img",{onLoad:e.onLoad,src:e.resource})}(s)):(n={"--kup_image_height":s.sizeY?s.sizeY:"100%","--kup_image_width":s.sizeX?s.sizeX:"100%"},i=function(a){const s={"f-image__icon":!0},i={background:a.color?a.color:"var(--kup-gray-color-70)"};if(a.resource.indexOf("--kup")>-1){let t=a.resource.replace("--","");s["kup-icon"]=!0,s[t]=!0}else{const t=e(`./assets/svg/${a.resource}.svg`);i.mask=`url('${t}') no-repeat center`,i.webkitMask=`url('${t}') no-repeat center`}return t("div",{class:s,style:i})}(s)):s.data&&(n={"--kup_image_height":s.sizeY?s.sizeY:"100%","--kup_image_width":s.sizeX?s.sizeX:"100%"},i=function(e){const s=[];let i=0;for(let n=0;n<e.length;n++){let o;e[n].shape||(e[n].shape=a.BAR),e[n].color||(e[n].color="transparent"),e[n].height||(e[n].height="100%"),e[n].width||(e[n].width="100%");const r="step-"+n,c="css-step bottom-aligned",l={backgroundColor:e[n].color,left:i+"%",height:e[n].height,width:e[n].width};i+=parseFloat(e[n].width),o=t("span",{id:r,class:c,style:l}),s.push(o)}return t("div",{class:"f-image__css"},s)}(s.data));const o=[];if(s.badgeData)for(let e=0;e<s.badgeData.length;e++)o.push(t("kup-badge",Object.assign({},s.badgeData[e])));return t("div",Object.assign({class:`f-image ${s.wrapperClass?s.wrapperClass:""} `},s.dataSet,{id:s.id,style:n,title:s.title,onClick:s.onClick}),i,...o)};export{s as F}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as o,h as e,H as s,d as n}from"./p-aa62724a.js";import{k as r,x as a,g as h,s as l,$ as c,u as p,l as b,a as d,d as u,M as x,Q as f,ak as g,U as m,D as w}from"./p-04e2beb5.js";import{f as k,p as v,s as y,d as _,r as j,b as z}from"./p-b169b592.js";import{F as C}from"./p-2c3aff15.js";import{a as P}from"./p-fa1f706e.js";import{c as M}from"./p-635bb4b3.js";import{F as A}from"./p-237f4b66.js";import{F as R}from"./p-b3577066.js";import"./p-eb8ea3a6.js";import"./p-ca3d9d80.js";import"./p-c634eb82.js";import"./p-9d3a0a51.js";import"./p-75b2681f.js";import"./p-d4a879fc.js";var I,E;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(E||(E={}));class S{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,D,B,T,W,$,L,H,F,N=function(t,i,o,e){if("a"===o&&!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"===o?e:"a"===o?e.call(t):e?e.value:i.get(t)},G=function(t,i,o,e,s){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?s.call(t,o):s?s.value=o:i.set(t,o),o};const V=class{constructor(o){t(this,o),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),O.add(this),this.state=new S,this.kupManager=r(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],D.set(this,void 0),B.set(this,[]),T.set(this,0),W.set(this,0),$.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=E.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=this.state.sortBy,this.globalFilterValue=this.state.globalFilterValue,this.selectedRowsState=this.state.selectedRowsState,this.pageSelected=this.state.pageSelected,this.rowsPerPage=this.state.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,o)=>t+(o>0?";":"")+i.id),"");if(this.kupManager.objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initVisibleColumns(),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){o(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=k(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer)}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;let o=i.length,e=[],s=0;for(;o-- >0;)e.push({column:i[s++].name});t.content=e,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.visibleColumns,t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let o=null,e=null,s=null,n=null;if(t)for(let i=t.length-1;i>=0;i--){let e=t[i];e.tagName&&(e.tagName.toUpperCase(),e.classList.contains("box-object")&&(o=e),!s&&e["data-row"]&&(s=e["data-row"]))}if(o)if(o.classList.contains("f-cell")){const t=o["kup-get-cell-props"]();e=t.cell,n=t.column,s=t.row}else e=o["data-cell"],s=o["data-row"],n=p(this.visibleColumns,o.dataset.column);return{boxObject:o||null,column:n||null,cell:e||null,originalEvent:i,row:s||null}}clickHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}contextMenuHandler(t){return this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onBoxClick({target:t},i){if(!(t instanceof HTMLElement))return;let o=t,e=o.classList;for(;!e.contains("box-object")&&!e.contains("box-section")&&!e.contains("box")&&(o=o.parentElement,null!==o);)e=o.classList;let s=null;e.contains("box-object")&&(s=o.dataset.column),this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:i,column:s}),this.multiSelection?this.onSelectionCheckChange(i):this.selectedRows=[i]}onSelectionCheckChange(t){var i=-1;for(let o=0;o<this.selectedRows.length;o++)if(this.selectedRows[o].id===t.id){i=o;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const o=this.collapsedSection[i.id];o[t.id]=!o[t.id]||!o[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,o){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:o})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=_(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=j(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const o={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let i=0;i<this.data.columns.length;i++){const e=this.data.columns[i];!1!==e.visible&&(o.cell.push(t.cells[e.name]),o.columns.push(e))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const e=t.cells[i];if(void 0!==e.cardID&&e.obj)switch(e.obj.p){case"BTN":do{o.button.push({})}while(o.button.length<e.cardID);o.button[e.cardID]={label:e.value};break;case"IMG":do{o.image.push({})}while(o.image.length<e.cardID);o.image[e.cardID]={resource:e.value};break;case"PGB":do{o.progressbar.push({})}while(o.progressbar.length<e.cardID);o.progressbar[e.cardID]={value:e.value};break;default:do{o.text.push("")}while(o.text.length<e.cardID);o.text[e.cardID]=e.value}}for(const e in t.cells)if(t.cells.hasOwnProperty(e)){const s=t.cells[e];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<o.button.length;t++)if(!Object.keys(o.button[t]).length){o.button[t]={label:s.value},i=!0;break}i||o.button.push({label:s.value});break;case"IMG":for(let t=0;t<o.image.length;t++)if(!Object.keys(o.image[t]).length){o.image[t]={resource:s.value},i=!0;break}i||o.image.push({resource:s.value});break;case"PGB":for(let t=0;t<o.progressbar.length;t++)if(!Object.keys(o.progressbar[t]).length){o.progressbar[t]={value:s.value},i=!0;break}i||o.progressbar.push({value:s.value});break;default:for(let t=0;t<o.text.length;t++)if(""===o.text[t]){o.text[t]=s.value,i=!0;break}i||o.text.push(s.value)}}return e("kup-card",Object.assign({data:o},this.cardData))}renderRow(t){const i=[...this.visibleColumns];let o=null,s=t.layout;s||(s=this.boxLayout);let n=!1;if(s){s.horizontal&&(n=!0);const e=s.sections;let r=e.length,a=0;r>0&&(o=[]);const h={horizontal:n};for(;r-- >0;)o.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(e[a++],h,t,i))}var r=!1;for(let i of this.selectedRows)i.id===t.id&&(r=!0);let a=null;this.multiSelection&&(a=e("div",{class:"box-selection"},e("kup-checkbox",{checked:r})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let o=null;if(t.actions){const i=t.actions.map(((i,o)=>e("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,o)},e("div",{class:`icon ${i.icon}`}),e("div",{class:"text"},i.text))));o=e("ul",null,i)}h=e("div",{class:"row-actions-wrapper"},e("div",{class:"row-actions-toggler"},e("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},e("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),e("div",{class:i},o)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>e("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),e("div",{class:"box-wrapper",style:t.style||{},ref:t=>N(this,B,"f").push(t)},e("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,o,l),h)}renderSection(t,i,o,s){let n=null;if(t.sections&&t.sections.length>0){const i=t.sections;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderSection(i[r++],t,o,s))}else if(t.content){const i=t.content;let e=i.length,r=0;for(e>0&&(n=[]);e-- >0;)n.push(this.renderBoxObject({boxObject:i[r++],row:o,visibleColumns:s},!0))}else s.length>0&&(n=this.renderBoxObject({boxObject:{column:s[0].name},row:o,visibleColumns:s}));const r=this.isSectionExpanded(o,t),a=!!t.columns,h={"box-section":!0,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.flex=`0 0 ${t.dim}`,l.overflow="hidden",i.horizontal?l.maxWidth=t.dim:l.maxHeight=t.dim),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:this.kupManager.language.translate(r?b.COLLAPSE:b.EXPAND),c=e("div",{class:h,style:l},e("div",{class:i},n),e("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(o,t)}},e("div",{class:"header-content"},e("span",null,s),e(C,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const i=t.title?e("h3",null,t.title):null;c=e("div",{class:h,style:l},i,n)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:o},s){const n={"box-object":!0};let r=null,a=-1;for(let i=0;i<o.length;i++)if(o[i].name===t.column){a=i;break}a>=0?(r=o[a],o.splice(a,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(n["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),e("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:n,style:{},title:l},h&&r?e(A,Object.assign({},{cell:h,column:r,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):e("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return this.kupManager.debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(b.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let o=[];for(let t=0;t<this.kanban.columns.length;t++)try{o.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,u.WARNING)}const e={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,n=!0;for(let t=0;t<s.length;t++)if(o[t]!==s[t]){n=!1;break}if(n){e.found=!0,e.index=i;break}}e.found?t[e.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:o,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let o=0;o<t.length;o++){const s=t[o].labels,n={data:[]};for(let t=0;t<s.length;t++)n.data.push({value:s[t],id:s[t]});i.push(e("div",{class:"kanban-section"},e(P,Object.assign({},n)),t[o].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),this.kupManager.interact.on(this.boxContainer,x.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const o={};for(const i in t)o[i]=t[i];const e=this.clickHandler(o);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:e.row,column:null===(i=e.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),this.kupManager.interact.on(this.boxContainer,x.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],o=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.visibleColumns,t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),this.kupManager.interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:o},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=this.kupManager.getEventPath(t,this.rootElement),o=this.getEventDetails(i);return{cell:o.cell,column:o.column,id:this.rootElement.id,row:o.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const o=this.rowsRefs[i];o&&!this.interactableDrop.includes(o)&&(this.interactableDrop.push(o),this.kupManager.interact.dropzone(o,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX}))}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?G(this,T,document.querySelector(".header").clientHeight,"f"):G(this,T,0,"f"),document.querySelector(".topbar")&&G(this,T,N(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),N(this,O,"m",H).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),N(this,O,"m",L).call(this),this.kupManager.debug.logRender(this,!0)}render(){const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let o={label:this.kupManager.language.translate(b.SORT_BY),trailingIcon:!0};i=e("div",{id:"sort-panel"},e("kup-combobox",{data:{"kup-text-field":o,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let o=null;this.globalFilter&&(o=e("div",{id:"global-filter"},e("kup-text-field",{fullWidth:!0,label:this.kupManager.language.translate(w.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let n=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(n=e(z,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,onLoadMore:this.showLoadMore?()=>{N(this,O,"m",F).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let r=null,a={};if(0===this.rows.length)r=e("div",{id:"empty-data-message",class:"box-wrapper"},e("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(b.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();r=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,o=0;for(r=[];i-- >0;)r.push(this.renderRow(t[o++]))}return e(s,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:M},e("div",{class:"box-component",ref:t=>this.sectionRef=t},i,o,n,e("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,W=new WeakMap,$=new WeakMap,O=new WeakSet,L=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&N(this,D,"f").observe(N(this,B,"f")[N(this,B,"f").length-1])},H=function(){const t={threshold:0,rootMargin:"-"+N(this,T,"f")+"px 0px 0px 0px"};G(this,D,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),N(this,D,"f").unobserve(t.target)}}))}),t),"f")},F=function(){var t;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(N(this,W,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(N(this,$,"f"),this.loadMoreStep)*Math.min(N(this,W,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),G(this,$,i,"f"),G(this,W,(t=N(this,W,"f"),++t),"f")},V.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_box_background_color:var(\n --kup-box-background-color,\n var(--kup-background-color)\n );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n --kup-box-hover-box-shadow,\n 0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n );--kup_box_primary_color_rgb:var(\n --kup-box-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{V as kup_box}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as n,H as o,d as a}from"./p-aa62724a.js";import{F as l}from"./p-ca3d9d80.js";import{F as s}from"./p-237f4b66.js";import{k as p,g as r,s as u,l as f,a3 as h}from"./p-04e2beb5.js";import{F as c}from"./p-b3577066.js";import{c as d}from"./p-635bb4b3.js";import"./p-c634eb82.js";import"./p-2c3aff15.js";import"./p-9d3a0a51.js";import"./p-75b2681f.js";import"./p-fa1f706e.js";import"./p-eb8ea3a6.js";import"./p-d4a879fc.js";var m;!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"}(m||(m={}));var g,k,v,b,y,w,x,_,j,z,O,C,E,$,T,P,S,M,W,D,F,I,R,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 L=document.documentElement,A=class{constructor(e){t(this,e),this.kupReady=i(this,"kup-input-panel-ready",6),g.add(this),k.set(this,p()),v.set(this,new Map([["SmeupTreeNode",G(this,g,"m",I).bind(this)],["SmeupTable",G(this,g,"m",R).bind(this)]])),b.set(this,null),this.customStyle="",this.data=null,this.hiddenSubmitButton=!1,this.submitCb=null,this.optionsHandler=null,this.inputPanelCells=[]}onDataChanged(){G(this,b,"f")||function(t,i,e,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===n?o.call(t,e):o?o.value=e:i.set(t,e)}(this,b,structuredClone(this.data),"f"),G(this,g,"m",j).call(this,this.data)}async getProps(t){return r(this,m,t)}async refresh(){e(this)}async setProps(t){u(this,m,t)}componentWillLoad(){G(this,k,"f").debug.logLoad(this,!1),G(this,k,"f").language.register(this),G(this,k,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),G(this,k,"f").debug.logLoad(this,!0)}componentWillRender(){G(this,k,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)c(i[t])}G(this,k,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[n("p",null,G(this,k,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>G(this,g,"m",y).call(this,t)));return n(o,{key:"6e78872e9b75498a6655f27837c5f1288578572b"},n("style",{key:"6afe29e3990b45067aac30c0f11c98d9cd7948c2"},G(this,k,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"c525883822492dfb322153c8f8a25470b370ad5c",id:d},t))}disconnectedCallback(){G(this,k,"f").language.unregister(this),G(this,k,"f").theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{data:["onDataChanged"]}}};k=new WeakMap,v=new WeakMap,b=new WeakMap,g=new WeakSet,y=function(t){var i;const e=t.row.layout,o=(null==e?void 0:e.horizontal)||!1;let a;return a=(null===(i=null==e?void 0:e.sections)||void 0===i?void 0:i.length)?e.sections.map((i=>G(this,g,"m",x).call(this,t,i))):t.cells.map((i=>G(this,g,"m",w).call(this,i.cell,t.row,i.column))),n("form",{class:{"input-panel":!0,"input-panel--column":!o},name:this.rootElement.id,onSubmit:t=>{t.preventDefault(),this.submitCb({before:Object.assign({},G(this,b,"f")),after:G(this,g,"m",z).call(this)})}},a,this.hiddenSubmitButton?null:n(l,{buttonType:"submit",label:G(this,k,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}))},w=function(t,i,e){return n(s,Object.assign({},{cell:t,column:e,row:i,component:this,editable:t.isEditable,renderKup:!0,setSizes:!0}))},x=function t(i,e){var o,a,l,s;let p=[];(null===(o=e.sections)||void 0===o?void 0:o.length)?p=e.sections.map((e=>G(this,g,"m",t).call(this,i,e))):(null===(a=e.content)||void 0===a?void 0:a.length)&&(p=e.content.map((t=>G(this,g,"m",_).call(this,i,t))));const r={"input-panel__section":!e.horizontal,"input-panel__horizontal-section":e.horizontal},u={gap:e.gap?`${e.gap}rem`:"","grid-template-columns":e.gridCols?`repeat(${e.gridCols}, 1fr)`:"","grid-template-rows":e.gridRows?`repeat(${e.gridRows}, 1fr)`:""};return(null===(s=null===(l=i.row)||void 0===l?void 0:l.layout)||void 0===s?void 0:s.horizontal)?u.maxWidth=e.dim:u.maxHeight=e.dim,n("div",{class:r,style:u},p)},_=function(t,i){const e=t.cells.find((t=>t.column.name===i.id));return n("div",{style:{"grid-column-start":i.colSpan?`span ${i.colSpan}`:`${i.colStart}`,"grid-column-end":i.colEnd?`${i.colEnd}`:"","grid-row-start":i.rowSpan?`span ${i.rowSpan}`:`${i.rowStart}`,"grid-row-end":i.rowEnd?`${i.rowEnd}`:""}},G(this,g,"m",w).call(this,e.cell,t.row,e.column))},j=function(t){var i;const e=(null===(i=null==t?void 0:t.rows)||void 0===i?void 0:i.length)?t.rows.reduce(((i,e)=>[...i,{cells:t.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(e.cells[t.name]);return{column:t,cell:Object.assign(Object.assign({},i),{data:Object.assign(Object.assign({},G(this,g,"m",O).call(this,i,t)),{id:t.name}),slotData:G(this,g,"m",C).call(this,i,t),isEditable:i.editable})}})),row:e}]),[]):[];this.inputPanelCells=e},z=function(){return this.inputPanelCells.reduce(((t,i)=>{const e=Object.keys(i.row.cells).reduce(((t,e)=>{const n=i.cells.find((t=>t.column.name===e)).cell;return Object.assign(Object.assign({},t),{[e]:Object.assign(Object.assign({},i.row.cells[e]),{value:n.value,obj:n.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:e,layout:i.row.layout}]}}),{columns:[],rows:[]})},O=function(t,i){const e=t.options,n=i.title,o=t.value,a=L.ketchup.data.cell.getType(t,t.shape),l=new Map([[h.AUTOCOMPLETE,G(this,g,"m",P).bind(this)],[h.BUTTON_LIST,G(this,g,"m",T).bind(this)],[h.CHART,G(this,g,"m",$).bind(this)],[h.CHIP,G(this,g,"m",E).bind(this)],[h.CHECKBOX,G(this,g,"m",S).bind(this)],[h.COLOR_PICKER,G(this,g,"m",M).bind(this)],[h.COMBOBOX,G(this,g,"m",P).bind(this)],[h.RADIO,G(this,g,"m",D).bind(this)],[h.STRING,G(this,g,"m",W).bind(this)]]).get(a);return l?l(e,n,o,t.fun):null},C=function(t,i){const e=L.ketchup.data.cell.getType(t,t.shape);return e===h.CHIP||e===h.MULTI_AUTOCOMPLETE||e===h.MULTI_COMBOBOX||t.editable?{trailingIcon:!0,label:i.title}:null},E=function(t,i,e){return{data:(null==t?void 0:t.length)?t.map((t=>({value:t.label,id:t.id,selected:e===t.id}))):[{id:e,value:e}]}},$=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},T=function(){return{data:[{data:{dropdownOnly:!1,label:"Pier"}},{data:{dropdownOnly:!1,label:"Valerio"}}]}},P=function(t,i,e,n){const o={data:{"kup-text-field":{trailingIcon:!0,label:i,icon:"arrow_drop_down"},"kup-list":{showIcons:!0,data:[]}},label:i},a=n?this.optionsHandler(n):t;return a instanceof Promise?a.then((t=>{var i;return o.data["kup-list"].data=null!==(i=G(this,g,"m",F).call(this,t,e))&&void 0!==i?i:[]})):a&&(o.data["kup-list"].data=G(this,g,"m",F).call(this,a,e)),o},S=function(t,i,e){return{checked:"on"===e||"1"===e,label:i}},M=function(t,i){return{data:{"kup-text-field":{label:i}}}},W=function(t,i){return{label:i}},D=function(t,i,e){return{data:t.map((t=>({value:t.id,label:t.label,checked:t.id===e})))}},F=function(t,i){const e=G(this,v,"f").get(t.type);return e?e(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},I=function t(i,e){return i.children.map((i=>{var n;return{id:i.content.codice,value:i.content.testo,selected:e===i.content.codice,children:(null===(n=i.children)||void 0===n?void 0:n.length)?G(this,g,"m",t).call(this,i,e):[]}}))},R=function(t,i){return t.rows.filter((t=>t.fields)).map((({fields:t})=>Object.keys(t).map((e=>({id:t[e].smeupObject.codice,value:t[e].smeupObject.testo,selected:i===t[e].smeupObject.codice}))))).flat()},A.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_input_panel_background_color:var(--kup-input-panel-background-color,\n var(--kup-background-color));--kup_input_panel_color:var(--kup-input-panel-color, var(--kup-text-color));--kup_input_panel_font_family:var(--kup-input-panel-font-family, var(--kup-font-family));--kup_input_panel_font_size:var(--kup-input-panel-font-size, var(--kup-font-size));--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)}: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}:host .input-panel--column{flex-direction:column}:host .input-panel__section{display:grid}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}";export{A as kup_input_panel}
|