@sme.up/ketchup 11.0.0-SNAPSHOT-20241118161105 → 11.0.0-SNAPSHOT-20241118162146

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.
Files changed (66) hide show
  1. package/dist/cjs/{f-button-54d0f017.js → f-button-e29b456b.js} +2 -2
  2. package/dist/cjs/f-button-e29b456b.js.map +1 -0
  3. package/dist/cjs/{f-cell-99c84f1c.js → f-cell-121c7e46.js} +2 -2
  4. package/dist/cjs/{f-cell-99c84f1c.js.map → f-cell-121c7e46.js.map} +1 -1
  5. package/dist/cjs/{f-paginator-utils-af69bd51.js → f-paginator-utils-32b87c09.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-af69bd51.js.map → f-paginator-utils-32b87c09.js.map} +1 -1
  7. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +3 -3
  8. package/dist/cjs/kup-box.cjs.entry.js +3 -3
  9. package/dist/cjs/kup-calendar.cjs.entry.js +1 -1
  10. package/dist/cjs/kup-cell.cjs.entry.js +2 -2
  11. package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
  12. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  13. package/dist/cjs/kup-image-list.cjs.entry.js +2 -2
  14. package/dist/cjs/kup-input-panel.cjs.entry.js +2 -2
  15. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  16. package/dist/collection/f-components/f-button/f-button.js +1 -1
  17. package/dist/collection/f-components/f-button/f-button.js.map +1 -1
  18. package/dist/components/kup-autocomplete2.js +1 -1
  19. package/dist/components/kup-autocomplete2.js.map +1 -1
  20. package/dist/esm/{f-button-79148bc6.js → f-button-bfe24f7d.js} +2 -2
  21. package/dist/esm/f-button-bfe24f7d.js.map +1 -0
  22. package/dist/esm/{f-cell-84b76695.js → f-cell-81cf8d6b.js} +2 -2
  23. package/dist/esm/{f-cell-84b76695.js.map → f-cell-81cf8d6b.js.map} +1 -1
  24. package/dist/esm/{f-paginator-utils-7fd2bb01.js → f-paginator-utils-d7b3f359.js} +2 -2
  25. package/dist/esm/{f-paginator-utils-7fd2bb01.js.map → f-paginator-utils-d7b3f359.js.map} +1 -1
  26. package/dist/esm/kup-autocomplete_28.entry.js +3 -3
  27. package/dist/esm/kup-box.entry.js +3 -3
  28. package/dist/esm/kup-calendar.entry.js +1 -1
  29. package/dist/esm/kup-cell.entry.js +2 -2
  30. package/dist/esm/kup-dashboard.entry.js +1 -1
  31. package/dist/esm/kup-family-tree.entry.js +1 -1
  32. package/dist/esm/kup-image-list.entry.js +2 -2
  33. package/dist/esm/kup-input-panel.entry.js +2 -2
  34. package/dist/esm/kup-snackbar.entry.js +1 -1
  35. package/dist/ketchup/ketchup.esm.js +1 -1
  36. package/dist/ketchup/{p-cda00e9e.entry.js → p-46812f71.entry.js} +2 -2
  37. package/dist/ketchup/{p-c8654f3e.entry.js → p-4973e63b.entry.js} +2 -2
  38. package/dist/ketchup/{p-e1c69d06.entry.js → p-76f536fc.entry.js} +2 -2
  39. package/dist/ketchup/{p-0f8be7d2.entry.js → p-834ad695.entry.js} +2 -2
  40. package/dist/ketchup/{p-b2a20978.entry.js → p-befa2827.entry.js} +2 -2
  41. package/dist/ketchup/{p-f1d7efa6.entry.js → p-c22e720d.entry.js} +2 -2
  42. package/dist/ketchup/{p-c398ed83.js → p-d138aa2d.js} +2 -2
  43. package/dist/ketchup/{p-6b510eea.entry.js → p-dfae63d8.entry.js} +2 -2
  44. package/dist/ketchup/p-e3032f6d.js +2 -0
  45. package/dist/ketchup/p-e3032f6d.js.map +1 -0
  46. package/dist/ketchup/p-e3370565.js +2 -0
  47. package/dist/ketchup/{p-1f0bd3bc.js.map → p-e3370565.js.map} +1 -1
  48. package/dist/ketchup/p-e3dd0ecb.entry.js +2 -0
  49. package/dist/ketchup/{p-c71c14ea.entry.js.map → p-e3dd0ecb.entry.js.map} +1 -1
  50. package/dist/ketchup/{p-890e9f50.entry.js → p-fc202622.entry.js} +2 -2
  51. package/package.json +1 -1
  52. package/dist/cjs/f-button-54d0f017.js.map +0 -1
  53. package/dist/esm/f-button-79148bc6.js.map +0 -1
  54. package/dist/ketchup/p-1f0bd3bc.js +0 -2
  55. package/dist/ketchup/p-c71c14ea.entry.js +0 -2
  56. package/dist/ketchup/p-cc32b7a2.js +0 -2
  57. package/dist/ketchup/p-cc32b7a2.js.map +0 -1
  58. /package/dist/ketchup/{p-cda00e9e.entry.js.map → p-46812f71.entry.js.map} +0 -0
  59. /package/dist/ketchup/{p-c8654f3e.entry.js.map → p-4973e63b.entry.js.map} +0 -0
  60. /package/dist/ketchup/{p-e1c69d06.entry.js.map → p-76f536fc.entry.js.map} +0 -0
  61. /package/dist/ketchup/{p-0f8be7d2.entry.js.map → p-834ad695.entry.js.map} +0 -0
  62. /package/dist/ketchup/{p-b2a20978.entry.js.map → p-befa2827.entry.js.map} +0 -0
  63. /package/dist/ketchup/{p-f1d7efa6.entry.js.map → p-c22e720d.entry.js.map} +0 -0
  64. /package/dist/ketchup/{p-c398ed83.js.map → p-d138aa2d.js.map} +0 -0
  65. /package/dist/ketchup/{p-6b510eea.entry.js.map → p-dfae63d8.entry.js.map} +0 -0
  66. /package/dist/ketchup/{p-890e9f50.entry.js.map → p-fc202622.entry.js.map} +0 -0
package/dist/ketchup/{p-6b510eea.entry.js → p-dfae63d8.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-e1cf074e.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"425ff290429f0ac399306ad7737d5df519a9518a","kup-visible":this.visible},a("style",{key:"0e1bc10e2884f4943c0bc4fe96bed9805f7358e6"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"a66cdfc2a2fb2098a8959949b2b117c24e99cef3",id:l},a("div",{key:"d3bf872e84369ef05dbd1343e8264e3b3f03a0f2",class:f},a("div",{key:"a2ad63fe4b3146826a77312edeac063dd4e31f08",class:"snackbar__text__block"},a("div",{key:"a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f",class:`${f}__header`},this.header),a("div",{key:"f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
2
- //# sourceMappingURL=p-6b510eea.entry.js.map
1
+ import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-e1cf074e.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-e3032f6d.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"425ff290429f0ac399306ad7737d5df519a9518a","kup-visible":this.visible},a("style",{key:"0e1bc10e2884f4943c0bc4fe96bed9805f7358e6"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"a66cdfc2a2fb2098a8959949b2b117c24e99cef3",id:l},a("div",{key:"d3bf872e84369ef05dbd1343e8264e3b3f03a0f2",class:f},a("div",{key:"a2ad63fe4b3146826a77312edeac063dd4e31f08",class:"snackbar__text__block"},a("div",{key:"a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f",class:`${f}__header`},this.header),a("div",{key:"f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
2
+ //# sourceMappingURL=p-dfae63d8.entry.js.map
package/dist/ketchup/p-e3032f6d.js ADDED
@@ -0,0 +1,2 @@
1
+ import{h as t}from"./p-d7c15b0e.js";import{a as e}from"./p-e3062c19.js";import{F as n}from"./p-2b519589.js";const o=(n,o)=>{if(!n.styling){n.styling=e.RAISED}if(!n.label&&!n.icon){return}const r=!!(n.styling.toLowerCase()===e.ICON||n.styling.toLowerCase()===e.RAISED&&n.icon&&(n.label===null||n.label===undefined));const l={"f-button":true,"kup-danger":n.danger,"kup-full-height":n.fullHeight,"kup-full-width":n.fullWidth,"kup-info":n.info,"kup-large":n.large,"kup-pulsating":n.pulsating,"kup-shaped":n.shaped,"kup-secondary":n.secondary,"kup-slim":n.slim,"kup-success":n.success,"kup-warning":n.warning,"kup-neutral":n.neutral,"kup-black-mode":n.blackMode,[n.wrapperClass]:!!n.wrapperClass};return t("div",Object.assign({class:l},n.dataSet,{id:n.id,title:n.title}),r?s(n):u(n),o)};function u(o){const u=o.styling.toLowerCase()===e.FLAT;const s=o.styling.toLowerCase()===e.FLOATING;const r=o.styling.toLowerCase()===e.ICON;const l=o.styling.toLowerCase()===e.OUTLINED;const a=!u&&!s&&!l&&!r?true:false;const c={color:o.neutral?`var(--kup-text-primary)`:o.disabled?`var(--kup_button_text_color_disabled)`:l||u?`var(--kup_button_text_color)`:`var(--kup_button_text_color)`,resource:o.icon,placeholderResource:o.placeholderIcon,sizeX:s?"1.75em":"1.475em",sizeY:s?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};if(o.showSpinner)c.wrapperClass+=" content--hidden";const i={button:true,"button--disabled":o.disabled?true:false,"button--floating":s?true:false,"button--flat":u?true:false,"button--outlined":l?true:false,"button--raised":a?true:false,"button--no-label":!o.label||o.label===" "?true:false,"button--with-spinner":o.showSpinner&&!o.disabled?true:false,[`button--${o.sizing||"small"}`]:true,[`button--${o.contentAlign}`]:o.contentAlign?true:false};const p={button__label:true,"content--hidden":o.showSpinner&&!o.disabled?true:false};const b={"--kup_button_spinner_height":c.sizeY};return t("button",{type:o.buttonType?o.buttonType:"button",class:i,disabled:o.disabled,onBlur:o.onBlur,onClick:o.onClick,onFocus:o.onFocus,style:b,"aria-label":o.title},o.trailingIcon?[o.label?t("span",{class:p},o.label):undefined,o.icon?t(n,Object.assign({},c)):undefined]:[o.icon?t(n,Object.assign({},c)):undefined,o.label?t("span",{class:p},o.label):undefined],o.showSpinner&&!o.disabled?t("div",{class:"button__spinner-container"},t("slot",{name:"spinner"})):undefined)}function s(e){const o={color:e.neutral?`var(--kup-text-primary)`:e.disabled?`var(--kup_button_text_color_disabled)`:`var(--kup_button_text_color)`,sizeX:e.large?"calc(1.75em * 1.5)":"1.75em",sizeY:e.large?"calc(1.75em * 1.5)":"1.75em"};const u={"icon-button":true,"button--disabled":e.disabled?true:false,"icon-button--on":e.toggable&&e.checked?true:false,toggable:e.toggable?true:false,"button--with-spinner":e.showSpinner&&!e.disabled?true:false};const s={"--kup_button_spinner_height":o.sizeY,"--kup_button_spinner_width":o.sizeX};const r=e.iconOff?e.iconOff:e.icon+"_border";return t("button",{type:e.buttonType?e.buttonType:"button",class:u,disabled:e.disabled,onClick:e.onClick,style:s,value:e.checked?"on":"off","aria-label":e.title},!e.showSpinner||e.disabled?t(n,Object.assign({},o,{resource:e.toggable&&!e.checked?r:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon kup-icon`})):null,e.toggable&&!e.showSpinner?t(n,Object.assign({},o,{resource:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon icon-button__icon--on kup-icon`})):null,e.showSpinner&&!e.disabled?t("div",{class:"icon-button__spinner-container"},t("slot",{name:"spinner"})):undefined)}export{o as F};
2
+ //# sourceMappingURL=p-e3032f6d.js.map
package/dist/ketchup/p-e3032f6d.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["FButton","props","children","styling","FButtonStyling","RAISED","label","icon","isIconButton","toLowerCase","ICON","undefined","classObj","danger","fullHeight","fullWidth","info","large","pulsating","shaped","secondary","slim","success","warning","neutral","blackMode","wrapperClass","h","Object","assign","class","dataSet","id","title","renderIconButton","renderButton","isFlat","FLAT","isFloating","FLOATING","isIcon","isOutlined","OUTLINED","isRaised","propsFImage","color","disabled","resource","placeholderResource","placeholderIcon","sizeX","sizeY","showSpinner","button","sizing","contentAlign","classLabelObj","button__label","styleSpinnerContainer","type","buttonType","onBlur","onClick","onFocus","style","trailingIcon","FImage","name","toggable","checked","iconOff","value"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing || 'small'}`]: true,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/ketchup/p-e3370565.js ADDED
@@ -0,0 +1,2 @@
1
+ import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-e1cf074e.js";import{F as r}from"./p-e3032f6d.js";import{a as i}from"./p-e3062c19.js";var s;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(s||(s={}));const a=document.documentElement;const u=u=>{if(!u.perPage){u.perPage=10}const m=Math.ceil(u.max/u.perPage);const b=c(u,m);const h=p(u);const k={"kup-list":{data:b},"kup-text-field":{label:a.ketchup.language.translate(n.PAGE),helper:a.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:a.ketchup.language.translate(t.ROWS)+" / "+a.ketchup.language.translate(n.PAGE),helper:a.ketchup.language.translate(t.TOTAL)+`: ${u.max}`,helperWhenFocused:true,inputType:"number",max:u.max,min:1}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(r,{icon:"plus",onClick:u.onLoadMore,label:a.ketchup.language.translate(o.LOAD_MORE),sizing:l.SMALL,styling:i.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),e("div",{class:"arrow-wrapper"},u.mode!==s.SIMPLE?e(r,{icon:"chevron_left",disabled:d(u),onClick:u.onPrevPage,sizing:l.SMALL,styling:i.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==s.SIMPLE?e(r,{icon:"chevron_right",disabled:f(u),onClick:u.onNextPage,sizing:l.SMALL,styling:i.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function f(e){return e.currentPage*e.perPage>=e.max}function d(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{u as F,b as p,h as r};
2
+ //# sourceMappingURL=p-e3370565.js.map
package/dist/ketchup/{p-1f0bd3bc.js.map → p-e3370565.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","SMALL","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i * 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["FPaginatorMode","dom","document","documentElement","FPaginator","props","perPage","maxNumberOfPage","Math","ceil","max","pageItems","getPageItems","rowsPerPageItems","getRowsItems","dataPageSelector","data","label","ketchup","language","translate","KupLanguagePage","PAGE","helper","TOTAL","helperWhenFocused","inputType","min","dataRowsSelector","KupLanguageRow","ROWS","h","Object","assign","class","mode","wrapperClass","dataSet","id","title","onLoadMore","FButton","icon","onClick","KupLanguageGeneric","LOAD_MORE","sizing","KupComponentSizing","SMALL","styling","FButtonStyling","FLAT","initialValue","toString","onRowsChange","currentPage","onPageChange","SIMPLE","disabled","isPrevPageDisabled","onPrevPage","isNextPageDisabled","onNextPage","i","selected","push","value","pageChange","pageNumber","math","isNumber","numberOfPages","tmpNewPage","rowsPerPageChange","rowsNumber","tmpRowsPerPage"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-paginator component.\n */\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i * 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/ketchup/p-e3dd0ecb.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as f,f as o,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-e1cf074e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-e3032f6d.js";import{F as y}from"./p-d138aa2d.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var w=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var b;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);b.set(this,f());this.customStyle="";this.data=null;this.density=o.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});w(this,b,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){w(this,b,"f").dates.register(this);w(this,b,"f").debug.logLoad(this,false);w(this,b,"f").language.register(this);w(this,b,"f").theme.register(this)}componentDidLoad(){w(this,b,"f").debug.logLoad(this,true)}componentWillRender(){w(this,b,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();w(this,b,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},w(this,b,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:w(this,b,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){w(this,b,"f").dates.unregister(this);w(this,b,"f").language.unregister(this);w(this,b,"f").theme.unregister(this)}get rootElement(){return a(this)}};b=new WeakMap;v.style=x;export{v as kup_cell};
2
+ //# sourceMappingURL=p-e3dd0ecb.entry.js.map
package/dist/ketchup/{p-c71c14ea.entry.js.map → p-e3dd0ecb.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: fit-content;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: fit-content;\n width: 100%;\n}\n\n#kup-component {\n height: fit-content;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Event,\n EventEmitter,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n KupCellProps,\n KupCellElementsPosition,\n KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n FCellOptionsProps,\n FCellPadding,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataCellOptions,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /**\n * Show submit button\n */\n @Prop() showSubmit: boolean = false;\n\n /**\n * Submit button position, default is right\n */\n @Prop() submitPosition: KupCellElementsPosition =\n KupCellElementsPosition.right;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n #kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n @Event({\n eventName: 'kup-cell-submit-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\n }\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupCellProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.#kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const name = 'KUPCELL';\n const title = undefined;\n return {\n name,\n title,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n private submitClick(e: MouseEvent): void {\n e.stopPropagation();\n this.kupCellSubmitClick.emit({\n comp: this,\n id: this.rootElement.id,\n cell: this.data as KupDataCellOptions,\n });\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.dates.register(this);\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellOptionsProps = {\n cell: this.data as KupDataCellOptions,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n style={\n this.showSubmit\n ? {\n display: 'flex',\n 'flex-direction': submitPositionAdapter(\n this.submitPosition\n ),\n 'align-items': 'center',\n gap: '0.5rem',\n }\n : {}\n }\n >\n <FCell {...props} />\n {this.showSubmit ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n onClick={(e) => {\n this.submitClick(e);\n }}\n ></FButton>\n ) : null}\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.dates.unregister(this);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/ketchup/{p-890e9f50.entry.js → p-fc202622.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-cc32b7a2.js";import{F as r}from"./p-c398ed83.js";import{k as a,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,ak as g,a as y}from"./p-e1cf074e.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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"})($||($={}));const z=12;const S=22;const M=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*S};const W=t=>{if(!t){return null}return(t-1)*S};const D=t=>{if(!t){return null}return t*z};const C=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At,Lt;const Ht=document.documentElement;const Kt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);P.add(this);R.set(this,a());N.set(this,new Map([["SmeupTreeNode",F(this,P,"m",Bt).bind(this)],["SmeupDataTree",F(this,P,"m",It).bind(this)],["SmeupTable",F(this,P,"m",Pt).bind(this)],["SmeupDataTable",F(this,P,"m",Pt).bind(this)]]));V.set(this,null);G.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));J.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));A.set(this,[]);L.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));H.set(this,new Map([[c.BUTTON_LIST,F(this,P,"m",U).bind(this)],[c.EDITOR,F(this,P,"m",tt).bind(this)],[c.LABEL,F(this,P,"m",nt).bind(this)],[c.TABLE,F(this,P,"m",it).bind(this)]]));K.set(this,new Map([[O.TAB,F(this,P,"m",ut).bind(this)]]));X.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,V,structuredClone(this.data),"f");if(F(this,A,"f").length){F(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,A,[],"f")}if(F(this,X,"f").length){F(this,X,"f").map((t=>{F(this,R,"f").keysBinding.unregister(t)}));B(this,X,[],"f")}F(this,P,"m",pt).call(this,this.data)}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,R,"f").debug.logLoad(this,false);F(this,R,"f").language.register(this);F(this,R,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,R,"f").debug.logLoad(this,true)}componentWillRender(){F(this,R,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){_(i[t])}}F(this,R,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,R,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,P,"m",q).call(this,t)));return e(s,{key:"4dfa278417a976d678f4d17b92709fee129f2761"},e("style",{key:"6ecaae03195df43b0ccf8e5c2cd2160009b2d5f9"},F(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"0740765eb3c4e079a9eab9e206b1d93d1d6b2f1f",id:x},i))}disconnectedCallback(){F(this,R,"f").language.unregister(this);F(this,R,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,P=new WeakSet,Y=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},q=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,P,"m",Q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,P,"m",lt).call(this,i,s)}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,P,"m",st).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:F(this,R,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},Q=function t(i,n,s){if(!i){return}const l=F(this,H,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,P,"m",et).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},U=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},Z=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{sizing:y.SMALL,label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,P,"m",Lt).call(this,t.detail.node,t.detail.node.id)}}))},tt=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,A,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},it=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},nt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},et=function t(i,n){if(!n){return null}const s=Ht.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},st=function t(i,n){const e=F(this,K,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,P,"m",ot).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,P,"m",rt).call(this,i,t)))},ot=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,P,"m",ct).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},rt=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,P,"m",ht).call(this,i,t)))}if(M(n.absoluteWidth)==null){return o}const r=`${M(n.absoluteWidth)!=null?`${M(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},at=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,P,"m",t).call(this,i))}))}return s},ut=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,P,"m",at).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,P,"m",ot).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,A,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${M(l)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ft=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,P,"m",Rt).call(this,t)))}};return F(this,P,"m",Z).call(this,t,i)}else{const i=F(this,P,"m",Rt).call(this,t);return F(this,P,"m",U).call(this,i,t.value)}})).flat()},pt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,P,"m",ft).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,P,"m",dt).call(this,i,t,o),slotData:F(this,P,"m",kt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Ht.ketchup.data.cell.getType(t,t.shape);const e=F(this,L,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},dt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Ht.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=I(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,P,"m",mt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},mt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,P,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},vt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(F(this,P,"m",Et).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},bt=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Ht.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,P,"m",jt).bind(this)],[u.BUTTON_LIST,F(this,P,"m",_t).bind(this)],[u.CHART,F(this,P,"m",yt).bind(this)],[u.CHIP,F(this,P,"m",gt).bind(this)],[u.CHECKBOX,F(this,P,"m",wt).bind(this)],[u.COLOR_PICKER,F(this,P,"m",xt).bind(this)],[u.COMBOBOX,F(this,P,"m",jt).bind(this)],[u.EDITOR,F(this,P,"m",Ot).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,P,"m",gt).bind(this)],[u.MULTI_COMBOBOX,F(this,P,"m",gt).bind(this)],[u.NUMBER,F(this,P,"m",Dt).bind(this)],[u.DATE,F(this,P,"m",Mt).bind(this)],[u.OBJECT,F(this,P,"m",Tt).bind(this)],[u.RADIO,F(this,P,"m",zt).bind(this)],[u.STRING,F(this,P,"m",$t).bind(this)],[u.SWITCH,F(this,P,"m",St).bind(this)],[u.TABLE,F(this,P,"m",Ct).bind(this)],[u.TIME,F(this,P,"m",Wt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},kt=function t(i,n){const e=Ht.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,P,"m",jt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},gt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return d(e)},yt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},_t=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,P,"m",Lt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,X,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,R,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},jt=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Ht.ketchup.data.cell.getType(s,s.shape);const i=F(this,G,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,P,"m",Nt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,P,"m",Ft).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return a},wt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},xt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},Ot=function t(i,n,e){return{initialValue:e}},$t=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},zt=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},St=function t(i,n,e){return b(e,n)},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Dt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},Ct=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Et=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,V,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Ft=function t(i,n){const e=F(this,N,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,P,"m",_t).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Nt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,P,"m",vt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,P,"m",Ft).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Vt=async function t(i,n){var e,s;const l=F(this,P,"m",Y).call(this,n);if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});if(t){F(this,P,"m",Jt).call(this,n,null)}else{F(this,P,"m",Jt).call(this,n,F(this,R,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}},Gt=function t(i,n){const e=F(this,J,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,P,"m",Y).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});F(this,P,"m",Jt).call(this,n,t?null:F(this,R,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,A,"f").push({event:e,handler:s})},Jt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},At=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Lt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},cell:n})};Kt.style=E;export{Kt as kup_input_panel};
2
- //# sourceMappingURL=p-890e9f50.entry.js.map
1
+ import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-e3032f6d.js";import{F as r}from"./p-d138aa2d.js";import{k as a,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,ak as g,a as y}from"./p-e1cf074e.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(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"})($||($={}));const z=12;const S=22;const M=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*S};const W=t=>{if(!t){return null}return(t-1)*S};const D=t=>{if(!t){return null}return t*z};const C=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At,Lt;const Ht=document.documentElement;const Kt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);P.add(this);R.set(this,a());N.set(this,new Map([["SmeupTreeNode",F(this,P,"m",Bt).bind(this)],["SmeupDataTree",F(this,P,"m",It).bind(this)],["SmeupTable",F(this,P,"m",Pt).bind(this)],["SmeupDataTable",F(this,P,"m",Pt).bind(this)]]));V.set(this,null);G.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));J.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));A.set(this,[]);L.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));H.set(this,new Map([[c.BUTTON_LIST,F(this,P,"m",U).bind(this)],[c.EDITOR,F(this,P,"m",tt).bind(this)],[c.LABEL,F(this,P,"m",nt).bind(this)],[c.TABLE,F(this,P,"m",it).bind(this)]]));K.set(this,new Map([[O.TAB,F(this,P,"m",ut).bind(this)]]));X.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,V,structuredClone(this.data),"f");if(F(this,A,"f").length){F(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,A,[],"f")}if(F(this,X,"f").length){F(this,X,"f").map((t=>{F(this,R,"f").keysBinding.unregister(t)}));B(this,X,[],"f")}F(this,P,"m",pt).call(this,this.data)}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,R,"f").debug.logLoad(this,false);F(this,R,"f").language.register(this);F(this,R,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,R,"f").debug.logLoad(this,true)}componentWillRender(){F(this,R,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){_(i[t])}}F(this,R,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,R,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,P,"m",q).call(this,t)));return e(s,{key:"4dfa278417a976d678f4d17b92709fee129f2761"},e("style",{key:"6ecaae03195df43b0ccf8e5c2cd2160009b2d5f9"},F(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"0740765eb3c4e079a9eab9e206b1d93d1d6b2f1f",id:x},i))}disconnectedCallback(){F(this,R,"f").language.unregister(this);F(this,R,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,P=new WeakSet,Y=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},q=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,P,"m",Q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,P,"m",lt).call(this,i,s)}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,P,"m",st).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:F(this,R,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},Q=function t(i,n,s){if(!i){return}const l=F(this,H,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,P,"m",et).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},U=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},Z=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{sizing:y.SMALL,label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,P,"m",Lt).call(this,t.detail.node,t.detail.node.id)}}))},tt=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,A,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},it=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},nt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},et=function t(i,n){if(!n){return null}const s=Ht.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},st=function t(i,n){const e=F(this,K,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,P,"m",ot).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,P,"m",rt).call(this,i,t)))},ot=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,P,"m",ct).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},rt=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,P,"m",ht).call(this,i,t)))}if(M(n.absoluteWidth)==null){return o}const r=`${M(n.absoluteWidth)!=null?`${M(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},at=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,P,"m",t).call(this,i))}))}return s},ut=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,P,"m",at).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,P,"m",ot).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,A,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${M(l)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ft=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,P,"m",Rt).call(this,t)))}};return F(this,P,"m",Z).call(this,t,i)}else{const i=F(this,P,"m",Rt).call(this,t);return F(this,P,"m",U).call(this,i,t.value)}})).flat()},pt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,P,"m",ft).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,P,"m",dt).call(this,i,t,o),slotData:F(this,P,"m",kt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Ht.ketchup.data.cell.getType(t,t.shape);const e=F(this,L,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},dt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Ht.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=I(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,P,"m",mt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},mt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,P,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},vt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(F(this,P,"m",Et).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},bt=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Ht.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,P,"m",jt).bind(this)],[u.BUTTON_LIST,F(this,P,"m",_t).bind(this)],[u.CHART,F(this,P,"m",yt).bind(this)],[u.CHIP,F(this,P,"m",gt).bind(this)],[u.CHECKBOX,F(this,P,"m",wt).bind(this)],[u.COLOR_PICKER,F(this,P,"m",xt).bind(this)],[u.COMBOBOX,F(this,P,"m",jt).bind(this)],[u.EDITOR,F(this,P,"m",Ot).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,P,"m",gt).bind(this)],[u.MULTI_COMBOBOX,F(this,P,"m",gt).bind(this)],[u.NUMBER,F(this,P,"m",Dt).bind(this)],[u.DATE,F(this,P,"m",Mt).bind(this)],[u.OBJECT,F(this,P,"m",Tt).bind(this)],[u.RADIO,F(this,P,"m",zt).bind(this)],[u.STRING,F(this,P,"m",$t).bind(this)],[u.SWITCH,F(this,P,"m",St).bind(this)],[u.TABLE,F(this,P,"m",Ct).bind(this)],[u.TIME,F(this,P,"m",Wt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},kt=function t(i,n){const e=Ht.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,P,"m",jt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},gt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return d(e)},yt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},_t=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,P,"m",Lt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,X,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,R,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},jt=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Ht.ketchup.data.cell.getType(s,s.shape);const i=F(this,G,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,P,"m",Nt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,P,"m",Ft).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return a},wt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},xt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},Ot=function t(i,n,e){return{initialValue:e}},$t=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},zt=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},St=function t(i,n,e){return b(e,n)},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Dt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},Ct=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Et=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,V,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Ft=function t(i,n){const e=F(this,N,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,P,"m",_t).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Nt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,P,"m",vt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,P,"m",Ft).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Vt=async function t(i,n){var e,s;const l=F(this,P,"m",Y).call(this,n);if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});if(t){F(this,P,"m",Jt).call(this,n,null)}else{F(this,P,"m",Jt).call(this,n,F(this,R,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}},Gt=function t(i,n){const e=F(this,J,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,P,"m",Y).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});F(this,P,"m",Jt).call(this,n,t?null:F(this,R,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,A,"f").push({event:e,handler:s})},Jt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},At=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Lt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},cell:n})};Kt.style=E;export{Kt as kup_input_panel};
2
+ //# sourceMappingURL=p-fc202622.entry.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sme.up/ketchup",
3
- "version": "11.0.0-SNAPSHOT-20241118161105",
3
+ "version": "11.0.0-SNAPSHOT-20241118162146",
4
4
  "keywords": [
5
5
  "smeup",
6
6
  "KetchUP",
package/dist/cjs/f-button-54d0f017.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"f-button-54d0f017.js","mappings":"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","names":["FButtonStyling","h","FImage"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"version":3}
package/dist/esm/f-button-79148bc6.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"f-button-79148bc6.js","mappings":"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","names":[],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"version":3}
package/dist/ketchup/p-1f0bd3bc.js DELETED
@@ -1,2 +0,0 @@
1
- import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-e1cf074e.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const c=c=>{if(!c.perPage){c.perPage=10}const m=Math.ceil(c.max/c.perPage);const b=u(c,m);const h=p(c);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${c.max}`,helperWhenFocused:true,inputType:"number",max:c.max,min:1}};return e("div",Object.assign({class:`f-paginator ${c.mode?c.mode:""} ${c.wrapperClass?c.wrapperClass:""}`},c.dataSet,{id:c.id,title:c.title}),c.onLoadMore?e(r,{icon:"plus",onClick:c.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.SMALL,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:c.perPage.toString(),"onkup-combobox-change":c.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:c.currentPage.toString(),"onkup-combobox-change":c.onPageChange}),e("div",{class:"arrow-wrapper"},c.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:d(c),onClick:c.onPrevPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,c.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:f(c),onClick:c.onNextPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function u(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function f(e){return e.currentPage*e.perPage>=e.max}function d(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{c as F,b as p,h as r};
2
- //# sourceMappingURL=p-1f0bd3bc.js.map
package/dist/ketchup/p-c71c14ea.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-e1cf074e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-c398ed83.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
2
- //# sourceMappingURL=p-c71c14ea.entry.js.map
package/dist/ketchup/p-cc32b7a2.js DELETED
@@ -1,2 +0,0 @@
1
- import{h as t}from"./p-d7c15b0e.js";import{a as e}from"./p-e3062c19.js";import{F as n}from"./p-2b519589.js";const o=(n,o)=>{if(!n.styling){n.styling=e.RAISED}if(!n.label&&!n.icon){return}const r=!!(n.styling.toLowerCase()===e.ICON||n.styling.toLowerCase()===e.RAISED&&n.icon&&(n.label===null||n.label===undefined));const l={"f-button":true,"kup-danger":n.danger,"kup-full-height":n.fullHeight,"kup-full-width":n.fullWidth,"kup-info":n.info,"kup-large":n.large,"kup-pulsating":n.pulsating,"kup-shaped":n.shaped,"kup-secondary":n.secondary,"kup-slim":n.slim,"kup-success":n.success,"kup-warning":n.warning,"kup-neutral":n.neutral,"kup-black-mode":n.blackMode,[n.wrapperClass]:!!n.wrapperClass};return t("div",Object.assign({class:l},n.dataSet,{id:n.id,title:n.title}),r?s(n):u(n),o)};function u(o){const u=o.styling.toLowerCase()===e.FLAT;const s=o.styling.toLowerCase()===e.FLOATING;const r=o.styling.toLowerCase()===e.ICON;const l=o.styling.toLowerCase()===e.OUTLINED;const a=!u&&!s&&!l&&!r?true:false;const c={color:o.neutral?`var(--kup-text-primary)`:o.disabled?`var(--kup_button_text_color_disabled)`:l||u?`var(--kup_button_text_color)`:`var(--kup_button_text_color)`,resource:o.icon,placeholderResource:o.placeholderIcon,sizeX:s?"1.75em":"1.475em",sizeY:s?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};if(o.showSpinner)c.wrapperClass+=" content--hidden";const i={button:true,"button--disabled":o.disabled?true:false,"button--floating":s?true:false,"button--flat":u?true:false,"button--outlined":l?true:false,"button--raised":a?true:false,"button--no-label":!o.label||o.label===" "?true:false,"button--with-spinner":o.showSpinner&&!o.disabled?true:false,[`button--${o.sizing}`]:o.sizing?true:false,[`button--${o.contentAlign}`]:o.contentAlign?true:false};const p={button__label:true,"content--hidden":o.showSpinner&&!o.disabled?true:false};const b={"--kup_button_spinner_height":c.sizeY};return t("button",{type:o.buttonType?o.buttonType:"button",class:i,disabled:o.disabled,onBlur:o.onBlur,onClick:o.onClick,onFocus:o.onFocus,style:b,"aria-label":o.title},o.trailingIcon?[o.label?t("span",{class:p},o.label):undefined,o.icon?t(n,Object.assign({},c)):undefined]:[o.icon?t(n,Object.assign({},c)):undefined,o.label?t("span",{class:p},o.label):undefined],o.showSpinner&&!o.disabled?t("div",{class:"button__spinner-container"},t("slot",{name:"spinner"})):undefined)}function s(e){const o={color:e.neutral?`var(--kup-text-primary)`:e.disabled?`var(--kup_button_text_color_disabled)`:`var(--kup_button_text_color)`,sizeX:e.large?"calc(1.75em * 1.5)":"1.75em",sizeY:e.large?"calc(1.75em * 1.5)":"1.75em"};const u={"icon-button":true,"button--disabled":e.disabled?true:false,"icon-button--on":e.toggable&&e.checked?true:false,toggable:e.toggable?true:false,"button--with-spinner":e.showSpinner&&!e.disabled?true:false};const s={"--kup_button_spinner_height":o.sizeY,"--kup_button_spinner_width":o.sizeX};const r=e.iconOff?e.iconOff:e.icon+"_border";return t("button",{type:e.buttonType?e.buttonType:"button",class:u,disabled:e.disabled,onClick:e.onClick,style:s,value:e.checked?"on":"off","aria-label":e.title},!e.showSpinner||e.disabled?t(n,Object.assign({},o,{resource:e.toggable&&!e.checked?r:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon kup-icon`})):null,e.toggable&&!e.showSpinner?t(n,Object.assign({},o,{resource:e.icon,placeholderResource:e.placeholderIcon,wrapperClass:`icon-button__icon icon-button__icon--on kup-icon`})):null,e.showSpinner&&!e.disabled?t("div",{class:"icon-button__spinner-container"},t("slot",{name:"spinner"})):undefined)}export{o as F};
2
- //# sourceMappingURL=p-cc32b7a2.js.map
package/dist/ketchup/p-cc32b7a2.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["FButton","props","children","styling","FButtonStyling","RAISED","label","icon","isIconButton","toLowerCase","ICON","undefined","classObj","danger","fullHeight","fullWidth","info","large","pulsating","shaped","secondary","slim","success","warning","neutral","blackMode","wrapperClass","h","Object","assign","class","dataSet","id","title","renderIconButton","renderButton","isFlat","FLAT","isFloating","FLOATING","isIcon","isOutlined","OUTLINED","isRaised","propsFImage","color","disabled","resource","placeholderResource","placeholderIcon","sizeX","sizeY","showSpinner","button","sizing","contentAlign","classLabelObj","button__label","styleSpinnerContainer","type","buttonType","onBlur","onClick","onFocus","style","trailingIcon","FImage","name","toggable","checked","iconOff","value"],"sources":["src/f-components/f-button/f-button.tsx"],"sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/*-------------------------------------------------*/\n/* C o m p o n e n t */\n/*-------------------------------------------------*/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON ||\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null || props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/*-------------------------------------------------*/\n/* M e t h o d s */\n/*-------------------------------------------------*/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined || isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label || props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner || props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"],"mappings":"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","ignoreList":[]}