@sme.up/ketchup 11.0.0-SNAPSHOT-20241127101744 → 11.0.0-SNAPSHOT-20241128133127
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{f-cell-9e9a291e.js → f-cell-2ff0dc79.js} +5 -5
- package/dist/cjs/f-cell-2ff0dc79.js.map +1 -0
- package/dist/cjs/{f-chip-43fb65b2.js → f-chip-62db6daa.js} +2 -2
- package/dist/cjs/{f-chip-43fb65b2.js.map → f-chip-62db6daa.js.map} +1 -1
- package/dist/cjs/{f-paginator-utils-ada85b68.js → f-paginator-utils-962be84b.js} +2 -2
- package/dist/cjs/{f-paginator-utils-ada85b68.js.map → f-paginator-utils-962be84b.js.map} +1 -1
- package/dist/cjs/{f-text-field-be868b63.js → f-text-field-6731b0c0.js} +2 -2
- package/dist/cjs/{f-text-field-be868b63.js.map → f-text-field-6731b0c0.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +6 -6
- package/dist/cjs/kup-box.cjs.entry.js +6 -6
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +4 -4
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-fd333383.js → kup-data-table-helper-1ce1380e.js} +2 -2
- package/dist/cjs/{kup-data-table-helper-fd333383.js.map → kup-data-table-helper-1ce1380e.js.map} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
- package/dist/cjs/kup-input-panel.cjs.entry.js +4 -4
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-a588c6da.js → kup-manager-3278d3e7.js} +35 -35
- package/dist/cjs/{kup-manager-a588c6da.js.map → kup-manager-3278d3e7.js.map} +1 -1
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-txt.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js +1 -1
- package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
- package/dist/collection/managers/kup-data/kup-data-declarations.js.map +1 -1
- package/dist/collection/managers/kup-theme/kup-theme-declarations.js +2 -2
- package/dist/collection/managers/kup-theme/kup-theme-declarations.js.map +1 -1
- package/dist/components/kup-autocomplete2.js +1 -1
- package/dist/components/kup-autocomplete2.js.map +1 -1
- package/dist/components/kup-manager.js +34 -34
- package/dist/components/kup-manager.js.map +1 -1
- package/dist/esm/{f-cell-dc844fda.js → f-cell-2f9f4e66.js} +5 -5
- package/dist/esm/f-cell-2f9f4e66.js.map +1 -0
- package/dist/esm/{f-chip-9103ffc9.js → f-chip-3b07fba5.js} +2 -2
- package/dist/esm/{f-chip-9103ffc9.js.map → f-chip-3b07fba5.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-6edcb9c3.js → f-paginator-utils-67a94ced.js} +2 -2
- package/dist/esm/{f-paginator-utils-6edcb9c3.js.map → f-paginator-utils-67a94ced.js.map} +1 -1
- package/dist/esm/{f-text-field-80930605.js → f-text-field-93c7412d.js} +2 -2
- package/dist/esm/{f-text-field-80930605.js.map → f-text-field-93c7412d.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_28.entry.js +6 -6
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +4 -4
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-995fc188.js → kup-data-table-helper-a2344fed.js} +2 -2
- package/dist/esm/{kup-data-table-helper-995fc188.js.map → kup-data-table-helper-a2344fed.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +4 -4
- package/dist/esm/kup-input-panel.entry.js +4 -4
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-e9b17e17.js → kup-manager-3b90110b.js} +35 -35
- package/dist/esm/{kup-manager-e9b17e17.js.map → kup-manager-3b90110b.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-txt.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/{p-8a540599.entry.js → p-0d44839c.entry.js} +2 -2
- package/dist/ketchup/{p-2acd1e25.js → p-126de847.js} +2 -2
- package/dist/ketchup/{p-02503afe.entry.js → p-1a390165.entry.js} +2 -2
- package/dist/ketchup/{p-0facfbaf.js → p-1d4dac33.js} +2 -2
- package/dist/ketchup/{p-76573017.entry.js → p-22459af6.entry.js} +2 -2
- package/dist/ketchup/{p-ff4f5497.entry.js → p-2f521a85.entry.js} +2 -2
- package/dist/ketchup/{p-6b225612.js → p-405214a3.js} +2 -2
- package/dist/ketchup/p-405214a3.js.map +1 -0
- package/dist/ketchup/{p-b44cdd98.entry.js → p-43550140.entry.js} +2 -2
- package/dist/ketchup/{p-b413dbae.entry.js → p-456fea9e.entry.js} +2 -2
- package/dist/ketchup/{p-2a8866bf.entry.js → p-52d05222.entry.js} +2 -2
- package/dist/ketchup/{p-043324c6.entry.js → p-57f6ff0a.entry.js} +2 -2
- package/dist/ketchup/{p-4175b5ce.entry.js → p-5838a1b3.entry.js} +2 -2
- package/dist/ketchup/{p-b2e6fcf9.entry.js → p-5a81ac48.entry.js} +2 -2
- package/dist/ketchup/{p-b6589b6a.entry.js → p-5bb0087a.entry.js} +2 -2
- package/dist/ketchup/{p-574e970a.entry.js → p-5cebaa3c.entry.js} +2 -2
- package/dist/ketchup/{p-cfb1d74e.entry.js → p-62b80962.entry.js} +2 -2
- package/dist/ketchup/{p-9bae40e3.entry.js → p-6348a9fd.entry.js} +2 -2
- package/dist/ketchup/{p-836b5606.entry.js → p-6e218db0.entry.js} +2 -2
- package/dist/ketchup/{p-cfee9a84.entry.js → p-76919534.entry.js} +2 -2
- package/dist/ketchup/{p-a3ae1c57.entry.js → p-7b67c327.entry.js} +2 -2
- package/dist/ketchup/p-7f9cc866.js +2 -0
- package/dist/ketchup/{p-df8c4398.js.map → p-7f9cc866.js.map} +1 -1
- package/dist/ketchup/{p-40349e58.entry.js → p-95c9a84b.entry.js} +2 -2
- package/dist/ketchup/{p-c0ded373.entry.js → p-a04dc3b4.entry.js} +2 -2
- package/dist/ketchup/{p-d5ec4d2e.js → p-a732acc2.js} +2 -2
- package/dist/ketchup/{p-70ea1441.entry.js → p-b8212425.entry.js} +2 -2
- package/dist/ketchup/{p-8a7e8043.entry.js → p-c2aa4406.entry.js} +2 -2
- package/dist/ketchup/{p-b3bee19d.entry.js → p-dc2c2d58.entry.js} +2 -2
- package/dist/ketchup/{p-87e71fb1.entry.js → p-dd1b11c4.entry.js} +2 -2
- package/dist/ketchup/{p-81876eef.entry.js → p-de66407e.entry.js} +2 -2
- package/dist/ketchup/{p-7fc2ece1.entry.js → p-e455bc8e.entry.js} +2 -2
- package/dist/ketchup/{p-c739bb15.entry.js → p-e4ff9d7b.entry.js} +2 -2
- package/dist/ketchup/{p-44a9afa7.entry.js → p-e5d7ffb4.entry.js} +2 -2
- package/dist/ketchup/{p-54f6e4df.js → p-ed30fa84.js} +2 -2
- package/dist/ketchup/p-ed30fa84.js.map +1 -0
- package/dist/ketchup/{p-2deef1fb.entry.js → p-ed9a5426.entry.js} +2 -2
- package/dist/ketchup/{p-854b4c27.entry.js → p-f6b46f3d.entry.js} +2 -2
- package/dist/ketchup/{p-badd6e2e.entry.js → p-fa576a4b.entry.js} +2 -2
- package/dist/types/managers/kup-data/kup-data-declarations.d.ts +1 -0
- package/dist/types/managers/kup-theme/kup-theme-declarations.d.ts +2 -2
- package/package.json +1 -1
- package/dist/cjs/f-cell-9e9a291e.js.map +0 -1
- package/dist/esm/f-cell-dc844fda.js.map +0 -1
- package/dist/ketchup/p-54f6e4df.js.map +0 -1
- package/dist/ketchup/p-6b225612.js.map +0 -1
- package/dist/ketchup/p-df8c4398.js +0 -2
- /package/dist/ketchup/{p-8a540599.entry.js.map → p-0d44839c.entry.js.map} +0 -0
- /package/dist/ketchup/{p-2acd1e25.js.map → p-126de847.js.map} +0 -0
- /package/dist/ketchup/{p-02503afe.entry.js.map → p-1a390165.entry.js.map} +0 -0
- /package/dist/ketchup/{p-0facfbaf.js.map → p-1d4dac33.js.map} +0 -0
- /package/dist/ketchup/{p-76573017.entry.js.map → p-22459af6.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ff4f5497.entry.js.map → p-2f521a85.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b44cdd98.entry.js.map → p-43550140.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b413dbae.entry.js.map → p-456fea9e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-2a8866bf.entry.js.map → p-52d05222.entry.js.map} +0 -0
- /package/dist/ketchup/{p-043324c6.entry.js.map → p-57f6ff0a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-4175b5ce.entry.js.map → p-5838a1b3.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b2e6fcf9.entry.js.map → p-5a81ac48.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b6589b6a.entry.js.map → p-5bb0087a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-574e970a.entry.js.map → p-5cebaa3c.entry.js.map} +0 -0
- /package/dist/ketchup/{p-cfb1d74e.entry.js.map → p-62b80962.entry.js.map} +0 -0
- /package/dist/ketchup/{p-9bae40e3.entry.js.map → p-6348a9fd.entry.js.map} +0 -0
- /package/dist/ketchup/{p-836b5606.entry.js.map → p-6e218db0.entry.js.map} +0 -0
- /package/dist/ketchup/{p-cfee9a84.entry.js.map → p-76919534.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a3ae1c57.entry.js.map → p-7b67c327.entry.js.map} +0 -0
- /package/dist/ketchup/{p-40349e58.entry.js.map → p-95c9a84b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c0ded373.entry.js.map → p-a04dc3b4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d5ec4d2e.js.map → p-a732acc2.js.map} +0 -0
- /package/dist/ketchup/{p-70ea1441.entry.js.map → p-b8212425.entry.js.map} +0 -0
- /package/dist/ketchup/{p-8a7e8043.entry.js.map → p-c2aa4406.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b3bee19d.entry.js.map → p-dc2c2d58.entry.js.map} +0 -0
- /package/dist/ketchup/{p-87e71fb1.entry.js.map → p-dd1b11c4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-81876eef.entry.js.map → p-de66407e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-7fc2ece1.entry.js.map → p-e455bc8e.entry.js.map} +0 -0
- /package/dist/ketchup/{p-c739bb15.entry.js.map → p-e4ff9d7b.entry.js.map} +0 -0
- /package/dist/ketchup/{p-44a9afa7.entry.js.map → p-e5d7ffb4.entry.js.map} +0 -0
- /package/dist/ketchup/{p-2deef1fb.entry.js.map → p-ed9a5426.entry.js.map} +0 -0
- /package/dist/ketchup/{p-854b4c27.entry.js.map → p-f6b46f3d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-badd6e2e.entry.js.map → p-fa576a4b.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-ed30fa84.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(e){e["componentName"]="Sets the tag name of the component to be lazy loaded.";e["customStyle"]="Custom style of the component.";e["data"]="Sets the data of the component to be lazy loaded.";e["showPlaceholder"]="Displays an animated SVG placeholder until the component is loaded."})(f||(f={}));var c;(function(e){e["VIEWPORT"]="viewport";e["PROPS"]="props";e["BOTH"]="both"})(c||(c={}));const d=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";const r=d;const g=class{constructor(i){e(this,i);this.kupLazyLoaded=t(this,"kup-lazy-loaded",6);this.intObserver=null;this.kupManager=o();this.lazyComponent=null;this.lazyComponentLoaded=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(e){return s(this,f,e)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(e){p(this,f,e)}setObserver(){let e=e=>{e.forEach((e=>{if(e.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let t={threshold:.25};this.intObserver=new IntersectionObserver(e,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let e;let t;let i=this.componentName;switch(this.componentName){case"kup-button":t=a("svg",{key:"220fa65d9836c520dfed8e3dae2700c6b2b0cb9a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"1d1e33f3ed89c32e6ee9ad2b1996fb65037cc3f2",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":t=a("svg",{key:"d799cc013987de74e23c34201ecd2186c57b13f1",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"de98ef94a3f714e45e56a02877d4a139a8804424",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":t=a("svg",{key:"26ad78503d5c00f5b902b2bddb782a14f1a13b73",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"03ae544d551c47e0dce8f8fbaa92b1a2a1024c55",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":t=a("svg",{key:"cc70b61653552ff28e1b6eda65ca7bec5bbbe7d2",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f63b011d43b7c6649e1392de9426b325259e9f38",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=a("svg",{key:"3c6218a9e78c22aa2cfdd787a77fd7575409b926",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"28aaf9eb0e27fd2ad901866bd1f93ff181eba283",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":t=a("svg",{key:"695002a63b98d0c090f350df167e2dec9b85c8f6",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"160f2450a206b3da182ef9514e41d0e9cfebd7dd",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":t=a("svg",{key:"e7f09d307522f61e8448975f881fb435f0c585bd",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"2ad28af4bed1da877edb16db6acdc392bfbfb47b",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":t=a("svg",{key:"c60a5e10b12c2945bdc8d0558d1fb9c46cb4ca90",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"f016960b177263ba06c3b63c4761fef4a06a4fd3",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:t=a("svg",{key:"f221046bcd689deebeb597f557d547292518a34a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"8cd9ec1705efd526543348dcfe793c0705399482",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let t=this.componentName;e=a(t,Object.assign({key:"b856e5475a8fc048cf96c0ee534f17fa2ad261fe"},this.data,{ref:e=>this.lazyComponent=e}));i+=" kup-loaded"}else if(this.showPlaceholder){e=t;i+=" kup-to-be-loaded"}return a(h,{key:"de01035df24b5d3811ca54bb3840bf232287103d",class:i},a("style",{key:"db6f4fe85ed90c8a17b598a4805eff35fbfc11af"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"00c41dbaa1579061edf0b9472b19e6c5c8f24eb9",id:l},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this);(e=this.intObserver)===null||e===void 0?void 0:e.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
|
|
2
|
+
//# sourceMappingURL=p-62b80962.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-54f6e4df.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-6b225612.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2acd1e25.js";import"./p-0facfbaf.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-ed30fa84.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-405214a3.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
|
|
2
|
+
//# sourceMappingURL=p-6348a9fd.entry.js.map
|
|
@@ -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-10dfd311.js";import{F as a}from"./p-6b225612.js";import{k as r,a5 as u,F as c,g as h,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-54f6e4df.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-2acd1e25.js";import"./p-0facfbaf.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";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;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 L=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 R=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 B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.set(this,null);V.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"]]]));H.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"]]));J.set(this,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[c.BUTTON_LIST,F(this,B,"m",it).bind(this)],[c.EDITOR,F(this,B,"m",et).bind(this)],[c.LABEL,F(this,B,"m",lt).bind(this)],[c.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(this,P,"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++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const c={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const h={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:c,style:a},r),e("div",{class:h},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"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 r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=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,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ct).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};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,B,"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((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).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:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),c):c},ct=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,B,"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,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const c=`${W(n.absoluteColumn)}px`;const h={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},ht=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,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ht).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,B,"m",ut).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,J,"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,J,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},pt=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 a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=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}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=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,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=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,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((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,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"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=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=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,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=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,B,"m",Ft).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:[]})},_t=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 a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const c=r.get(a);return c?c(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.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,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(this,P,"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)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,P,"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,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=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,G,"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}},Lt=function t(i,n){const e=F(this,A,"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})))}},Rt=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,B,"m",t).call(this,i,n):[]}}))},Bt=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,B,"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}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).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,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).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,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=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})}}))})))},Jt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
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-10dfd311.js";import{F as a}from"./p-405214a3.js";import{k as r,a5 as u,F as h,g as c,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-ed30fa84.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.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";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;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 L=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 R=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 B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ht,ct,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.set(this,null);V.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"]]]));H.set(this,new Map([[h.AUTOCOMPLETE,"kup-autocomplete-blur"],[h.CHIP,"kup-textfield-blur"],[h.COMBOBOX,"kup-combobox-blur"],[h.DATE,"kup-datepicker-blur"],[h.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[h.MULTI_COMBOBOX,"kup-combobox-blur"],[h.TIME,"kup-timepicker-blur"]]));J.set(this,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[h.BUTTON_LIST,F(this,B,"m",it).bind(this)],[h.EDITOR,F(this,B,"m",et).bind(this)],[h.LABEL,F(this,B,"m",lt).bind(this)],[h.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return c(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(this,P,"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++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const h={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const c={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:h,style:a},r),e("div",{class:c},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"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 r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=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,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ht).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};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,B,"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((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).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 h=e("div",{class:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),h):h},ht=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,B,"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,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const h=`${W(n.absoluteColumn)}px`;const c={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:h,overflow:"auto"};return e("div",{style:c},o)},ct=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,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ct).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,B,"m",ut).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,J,"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,J,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},pt=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 a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const h=+n.rowEnd>0?`${n.rowEnd}`:"";const c={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":h};if(!s||!s.cell){return}return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=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==h.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const c={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=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,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=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,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((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,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"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=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=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,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=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)===h.TABLE){l=JSON.stringify(F(this,B,"m",Ft).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:[]})},_t=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 a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const h=r.get(a);return h?h(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.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,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(this,P,"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)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,P,"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,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=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,G,"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}},Lt=function t(i,n){const e=F(this,A,"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})))}},Rt=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,B,"m",t).call(this,i,n):[]}}))},Bt=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,B,"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}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).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,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).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,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=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})}}))})))},Jt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
|
|
2
|
+
//# sourceMappingURL=p-6e218db0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ag as l}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as r,s as c,t as h,ag as l}from"./p-ed30fa84.js";import{c as p}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["columnsNumber"]="Sets the number of columns.";t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the component.";t["decvalueCol"]="Sets the decimal value column.";t["descrCol"]="Sets the description column.";t["fullWidth"]="Sets whether the component occupies all available width.";t["horizontal"]="Sets whether the cards are placed horizontally or not.";t["iconCol"]="Sets the icon column.";t["iconcolorCol"]="Sets the icon color column.";t["intvalueCol"]="Sets the integer value column.";t["isClickable"]="Sets whether a single card is clickable or not.";t["layoutCol"]="Sets the layout column.";t["measureCol"]="Sets the unit of measure column.";t["textcolorCol"]="Sets the text color column.";t["valueCol"]="Sets the value column.";t["valuecolorCol"]="Sets the value color column."})(f||(f={}));const u=".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_cardlist_cards_max_height:var(--kup-cardlist-cards-max-height, unset);--kup_cardlist_cards_min_height:var(--kup-cardlist-cards-min-height, unset);--kup_cardlist_cards_max_width:var(--kup-cardlist-cards-max-width, unset);--kup_cardlist_cards_min_width:var(--kup-cardlist-cards-min-width, unset);display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}kup-card{max-height:var(--kup_cardlist_cards_max_height);min-height:var(--kup_cardlist_cards_min_height);max-width:var(--kup_cardlist_cards_max_width);min-width:var(--kup_cardlist_cards_min_width)}kup-card.is-clickable{cursor:pointer}kup-grid{--kup-grid-padding:0}";const m=u;var d=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,a){if(i==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?a:i==="a"?a.call(t):a?a.value:e.get(t)};var g;const k=class{constructor(i){t(this,i);this.kupCardListClickEvent=e(this,"kup-cardlist-click",7);g.set(this,n());this.columnsNumber=1;this.customStyle="";this.data=null;this.fullWidth=true;this.horizontal=false;this.descrCol="";this.iconCol="";this.valueCol="";this.measureCol="";this.intvalueCol="";this.decvalueCol="";this.textcolorCol="";this.valuecolorCol="";this.iconcolorCol="";this.layoutCol="";this.isClickable=false}async getProps(t){return r(this,f,t)}async refresh(){i(this)}async setProps(t){c(this,f,t)}componentWillLoad(){d(this,g,"f").debug.logLoad(this,false);d(this,g,"f").theme.register(this)}componentDidLoad(){d(this,g,"f").debug.logLoad(this,true)}componentDidRender(){d(this,g,"f").debug.logRender(this,true)}render(){if(!this.data||!this.data.columns||!this.data.columns.length){return}const t=[];let e,i,o,n,r,c,f,u,m,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name){switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:r=a;break;case this.layoutCol:c=a;break;case this.measureCol:f=a;break;case this.textcolorCol:u=a;break;case this.valueCol:m=a;break;case this.valuecolorCol:k=a;break}}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s];const x={color:[],image:[],text:[]};const y=c&&p.cells[c.name].value?parseInt(p.cells[c.name].value):1;const b=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:h.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{if(this.isClickable){this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})}},slot:s.toString()});const w=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=d(this,g,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a);break}}}};switch(y){case 1:w(u,"color",0);w(k,"color",1);w(i,"text",0);w(m,"text",1);break;case 2:w(n,"color",0);w(k,"color",1);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);break;case 3:w(k,"color",0);w(u,"color",1);w(m,"text",0);w(i,"text",1);break;case 4:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(r,"text",0);w(e,"text",1);w(f,"text",2);w(i,"text",3);break;case 5:w(n,"color",0);w(u,"color",1);w(k,"color",2);w(o,"image",0);w(i,"text",0);w(m,"text",1);break;case 6:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 7:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break;case 8:w(n,"color",0);w(k,"color",1);w(u,"color",2);w(o,"image",0);w(m,"text",0);w(i,"text",1);break}t.push(b)}return a(s,null,a("style",null,d(this,g,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:`${this.fullWidth?"kup-full-width":""} scalable-cards`,columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){d(this,g,"f").theme.unregister(this)}get rootElement(){return o(this)}};g=new WeakMap;k.style=m;export{k as kup_card_list};
|
|
2
|
+
//# sourceMappingURL=p-76919534.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-d7c15b0e.js";import{k as n,g as p,s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-d7c15b0e.js";import{k as n,g as p,s}from"./p-ed30fa84.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const d="drawer";var c;(function(t){t["customStyle"]="Custom style of the component.";t["opened"]="Defaults at false. When set to true, the drawer appears."})(c||(c={}));const h=".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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";const u=h;const f=class{constructor(e){t(this,e);this.kupDrawerClose=r(this,"kup-drawer-close",6);this.kupDrawerOpen=r(this,"kup-drawer-open",6);this.kupDrawerReady=r(this,"kup-drawer-ready",6);this.kupManager=n();this.opened=false;this.customStyle=""}async close(){this.opened=false;this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,c,t)}async isOpened(){return this.opened}async open(){this.opened=true;this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,c,t)}async toggle(){if(this.opened){this.close()}else{this.open()}}content(){const t=[];const r=Array.prototype.slice.call(this.rootElement.children,0);const e=[];for(let e=0;e<r.length;e++){t.push(o("slot",null))}e.push(o("div",{class:`${d}__content`},t));return e}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(a,{key:"47b6e1195efa7ac6696505f19808aaeed8804c81","kup-opened":this.opened},o("style",{key:"2ae05ab9c05ad338fa42f7ea827139883dc370c9"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9574a0c126fbedb4022932c0388d96874bca3a71",class:"backdrop",onClick:t=>{t.preventDefault();t.stopPropagation()},onPointerDown:t=>{t.preventDefault();t.stopPropagation();this.close()},onTouchStart:t=>{t.preventDefault();t.stopPropagation()}}),o("div",{key:"bb38d8793e68860b78c53a82e067e5ee765db93b",id:l},o("div",{key:"fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};f.style=u;export{f as kup_drawer};
|
|
2
|
+
//# sourceMappingURL=p-7b67c327.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{h as e}from"./p-d7c15b0e.js";import{ap as t,r as n,a as l,h as o}from"./p-ed30fa84.js";import{F as r}from"./p-10dfd311.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=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:s.ketchup.language.translate(t.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(n.ROWS)+" / "+s.ketchup.language.translate(t.PAGE),helper:s.ketchup.language.translate(n.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: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: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!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:f(u),onClick:u.onPrevPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:d(u),onClick:u.onNextPage,sizing:l.SMALL,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,t){const n=[];for(let l=1;l<=t;l++){const t=l==e.currentPage;n.push({id:l.toString(),selected:t,value:l.toString()})}return n}function p(e){const t=[];let n=e.perPage;if(n===0){return t}while(n<e.max){const l=n==e.perPage;t.push({id:n.toString(),selected:l,value:n.toString()});n=n*2}const l=e.max==e.perPage;t.push({id:e.max.toString(),selected:l,value:e.max.toString()});return t}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,t,n){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(t/n);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,t){if(m.ketchup.math.isNumber(e)){let n=e;if(n>t){n=t}if(n<1){n=1}return n}return null}export{u as F,b as p,h as r};
|
|
2
|
+
//# sourceMappingURL=p-7f9cc866.js.map
|
|
@@ -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":"sKAgBA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,mBACAA,EAAA,cACH,EAHD,CAAYA,MAAc,KCH1B,MAAMC,EAAcC,SAASC,gB,MAMhBC,EACTC,IAEA,IAAKA,EAAMC,QAAS,CAChBD,EAAMC,QAAU,E,CAEpB,MAAMC,EAAkBC,KAAKC,KAAKJ,EAAMK,IAAML,EAAMC,SACpD,MAAMK,EAAYC,EAAaP,EAAOE,GACtC,MAAMM,EAAmBC,EAAaT,GACtC,MAAMU,EAAmB,CACrB,WAAY,CACRC,KAAML,GAEV,iBAAkB,CACdM,MAAOhB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACtDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBG,OAC/C,KAAKjB,IACTkB,kBAAmB,KACnBC,UAAW,SACXhB,IAAKH,EACLoB,IAAK,IAGb,MAAMC,EAAmB,CACrB,WAAY,CACRZ,KAAMH,GAEV,iBAAkB,CACdI,MACIhB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeC,MAC9C,MACA7B,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACnDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeL,OAC9C,KAAKnB,EAAMK,MACfe,kBAAmB,KACnBC,UAAW,SACXhB,IAAKL,EAAMK,IACXiB,IAAK,IAGb,OACII,EAAA,MAAAC,OAAAC,OAAA,CACIC,MAAO,eAAe7B,EAAM8B,KAAO9B,EAAM8B,KAAO,MAC5C9B,EAAM+B,aAAe/B,EAAM+B,aAAe,MAE1C/B,EAAMgC,QAAO,CACjBC,GAAIjC,EAAMiC,GACVC,MAAOlC,EAAMkC,QAEZlC,EAAMmC,WACHT,EAACU,EAAO,CACJC,KAAK,OACLC,QAAStC,EAAMmC,WACfvB,MAAOhB,EAAIiB,QAAQC,SAASC,UACxBwB,EAAmBC,WAEvBC,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,iCAEjB,KACJL,EAAA,gBACIG,MAAM,gBACNlB,KAAMY,EACNwB,aAAc/C,EAAMC,QAAQ+C,WAAU,wBACfhD,EAAMiD,eAEjCvB,EAAA,gBACIG,MAAM,gBACNlB,KAAMD,EACNqC,aAAc/C,EAAMkD,YAAYF,WAAU,wBACnBhD,EAAMmD,eAEjCzB,EAAA,OAAKG,MAAM,iBACN7B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,eACLgB,SAAUC,EAAmBtD,GAC7BsC,QAAStC,EAAMuD,WACfd,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,KACH/B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,gBACLgB,SAAUG,EAAmBxD,GAC7BsC,QAAStC,EAAMyD,WACfhB,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,MAEN,EAId,SAASxB,EAAaP,EAAwBE,GAC1C,MAAMI,EAA2B,GAEjC,IAAK,IAAIoD,EAAI,EAAGA,GAAKxD,EAAiBwD,IAAK,CACvC,MAAMC,EAAWD,GAAK1D,EAAMkD,YAC5B5C,EAAUsD,KAAK,CACX3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,Y,CAIjB,OAAO1C,CACX,CAEA,SAASG,EAAaT,GAClB,MAAMQ,EAAkC,GACxC,IAAIkD,EAAI1D,EAAMC,QAEd,GAAIyD,IAAM,EAAG,CACT,OAAOlD,C,CAGX,MAAOkD,EAAI1D,EAAMK,IAAK,CAClB,MAAMsD,EAAWD,GAAK1D,EAAMC,QAC5BO,EAAiBoD,KAAK,CAClB3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,aAEbU,EAAIA,EAAI,C,CAGZ,MAAMC,EAAW3D,EAAMK,KAAOL,EAAMC,QACpCO,EAAiBoD,KAAK,CAClB3B,GAAIjC,EAAMK,IAAI2C,WACdW,SAAUA,EACVE,MAAO7D,EAAMK,IAAI2C,aAGrB,OAAOxC,CACX,CAEA,SAASgD,EAAmBxD,GACxB,OAAOA,EAAMkD,YAAclD,EAAMC,SAAWD,EAAMK,GACtD,CAEA,SAASiD,EAAmBtD,GACxB,OAAOA,EAAMkD,aAAe,CAChC,CCvKA,MAAMtD,EAAcC,SAASC,gB,SAEbgE,EAAWC,EAAoB1D,EAAaJ,GACxD,GAAIL,EAAIiB,QAAQmD,KAAKC,SAASF,GAAa,CACvC,MAAMG,EAAgB/D,KAAKC,KAAKC,EAAMJ,GACtC,IAAIkE,EAAqBJ,EACzB,GAAII,EAAaD,EAAe,CAC5BC,EAAaD,C,CAEjB,GAAIC,EAAa,EAAG,CAChBA,EAAa,C,CAEjB,OAAOA,C,CAEX,OAAO,IACX,C,SAEgBC,EAAkBC,EAAoBhE,GAClD,GAAIT,EAAIiB,QAAQmD,KAAKC,SAASI,GAAa,CACvC,IAAIC,EAAyBD,EAC7B,GAAIC,EAAiBjE,EAAK,CACtBiE,EAAiBjE,C,CAErB,GAAIiE,EAAiB,EAAG,CACpBA,EAAiB,C,CAErB,OAAOA,C,CAEX,OAAO,IACX,Q","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":"iKAgBA,IAAYA,GAAZ,SAAYA,GACRA,EAAA,mBACAA,EAAA,cACH,EAHD,CAAYA,MAAc,KCH1B,MAAMC,EAAcC,SAASC,gB,MAMhBC,EACTC,IAEA,IAAKA,EAAMC,QAAS,CAChBD,EAAMC,QAAU,E,CAEpB,MAAMC,EAAkBC,KAAKC,KAAKJ,EAAMK,IAAML,EAAMC,SACpD,MAAMK,EAAYC,EAAaP,EAAOE,GACtC,MAAMM,EAAmBC,EAAaT,GACtC,MAAMU,EAAmB,CACrB,WAAY,CACRC,KAAML,GAEV,iBAAkB,CACdM,MAAOhB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACtDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBG,OAC/C,KAAKjB,IACTkB,kBAAmB,KACnBC,UAAW,SACXhB,IAAKH,EACLoB,IAAK,IAGb,MAAMC,EAAmB,CACrB,WAAY,CACRZ,KAAMH,GAEV,iBAAkB,CACdI,MACIhB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeC,MAC9C,MACA7B,EAAIiB,QAAQC,SAASC,UAAUC,EAAgBC,MACnDC,OACItB,EAAIiB,QAAQC,SAASC,UAAUS,EAAeL,OAC9C,KAAKnB,EAAMK,MACfe,kBAAmB,KACnBC,UAAW,SACXhB,IAAKL,EAAMK,IACXiB,IAAK,IAGb,OACII,EAAA,MAAAC,OAAAC,OAAA,CACIC,MAAO,eAAe7B,EAAM8B,KAAO9B,EAAM8B,KAAO,MAC5C9B,EAAM+B,aAAe/B,EAAM+B,aAAe,MAE1C/B,EAAMgC,QAAO,CACjBC,GAAIjC,EAAMiC,GACVC,MAAOlC,EAAMkC,QAEZlC,EAAMmC,WACHT,EAACU,EAAO,CACJC,KAAK,OACLC,QAAStC,EAAMmC,WACfvB,MAAOhB,EAAIiB,QAAQC,SAASC,UACxBwB,EAAmBC,WAEvBC,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,iCAEjB,KACJL,EAAA,gBACIG,MAAM,gBACNlB,KAAMY,EACNwB,aAAc/C,EAAMC,QAAQ+C,WAAU,wBACfhD,EAAMiD,eAEjCvB,EAAA,gBACIG,MAAM,gBACNlB,KAAMD,EACNqC,aAAc/C,EAAMkD,YAAYF,WAAU,wBACnBhD,EAAMmD,eAEjCzB,EAAA,OAAKG,MAAM,iBACN7B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,eACLgB,SAAUC,EAAmBtD,GAC7BsC,QAAStC,EAAMuD,WACfd,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,KACH/B,EAAM8B,OAASnC,EAAeyD,OAC3B1B,EAACU,EAAO,CACJC,KAAK,gBACLgB,SAAUG,EAAmBxD,GAC7BsC,QAAStC,EAAMyD,WACfhB,OAAQC,EAAmBC,MAC3BC,QAASC,EAAeC,KACxBf,aAAa,0BAEjB,MAEN,EAId,SAASxB,EAAaP,EAAwBE,GAC1C,MAAMI,EAA2B,GAEjC,IAAK,IAAIoD,EAAI,EAAGA,GAAKxD,EAAiBwD,IAAK,CACvC,MAAMC,EAAWD,GAAK1D,EAAMkD,YAC5B5C,EAAUsD,KAAK,CACX3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,Y,CAIjB,OAAO1C,CACX,CAEA,SAASG,EAAaT,GAClB,MAAMQ,EAAkC,GACxC,IAAIkD,EAAI1D,EAAMC,QAEd,GAAIyD,IAAM,EAAG,CACT,OAAOlD,C,CAGX,MAAOkD,EAAI1D,EAAMK,IAAK,CAClB,MAAMsD,EAAWD,GAAK1D,EAAMC,QAC5BO,EAAiBoD,KAAK,CAClB3B,GAAIyB,EAAEV,WACNW,SAAUA,EACVE,MAAOH,EAAEV,aAEbU,EAAIA,EAAI,C,CAGZ,MAAMC,EAAW3D,EAAMK,KAAOL,EAAMC,QACpCO,EAAiBoD,KAAK,CAClB3B,GAAIjC,EAAMK,IAAI2C,WACdW,SAAUA,EACVE,MAAO7D,EAAMK,IAAI2C,aAGrB,OAAOxC,CACX,CAEA,SAASgD,EAAmBxD,GACxB,OAAOA,EAAMkD,YAAclD,EAAMC,SAAWD,EAAMK,GACtD,CAEA,SAASiD,EAAmBtD,GACxB,OAAOA,EAAMkD,aAAe,CAChC,CCvKA,MAAMtD,EAAcC,SAASC,gB,SAEbgE,EAAWC,EAAoB1D,EAAaJ,GACxD,GAAIL,EAAIiB,QAAQmD,KAAKC,SAASF,GAAa,CACvC,MAAMG,EAAgB/D,KAAKC,KAAKC,EAAMJ,GACtC,IAAIkE,EAAqBJ,EACzB,GAAII,EAAaD,EAAe,CAC5BC,EAAaD,C,CAEjB,GAAIC,EAAa,EAAG,CAChBA,EAAa,C,CAEjB,OAAOA,C,CAEX,OAAO,IACX,C,SAEgBC,EAAkBC,EAAoBhE,GAClD,GAAIT,EAAIiB,QAAQmD,KAAKC,SAASI,GAAa,CACvC,IAAIC,EAAyBD,EAC7B,GAAIC,EAAiBjE,EAAK,CACtBiE,EAAiBjE,C,CAErB,GAAIiE,EAAiB,EAAG,CACpBA,EAAiB,C,CAErB,OAAOA,C,CAEX,OAAO,IACX,Q","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-ed30fa84.js";import{a as f,F as l}from"./p-68e220e8.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var b,w;const x=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();b.set(this,null);w.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,w,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,b,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){if(this.toolbarList){this.closeRowToolbarList()}const t=document.createElement("kup-toolbar");t.data=this.toolbarData;t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,b,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,b,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,w,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}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(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"f2ccc3ddf69b9437396b2cf490ddf9b8e4f8bdee"},o("style",{key:"317ab3cfb143944a4bcb571d6a8293aab4df4651"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"0e7fdb7e3c04f6cac4af1ce9a745288e1762901c",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4c73eb780cf5cf0002ffc581c409925c2055bd17"},t)),o(u,Object.assign({key:"1bb15e447e28e95e633607b96897fd6c2fb8a5bf"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return a(this)}};b=new WeakMap,w=new WeakMap;x.style=m;export{x as kup_typography};
|
|
2
|
+
//# sourceMappingURL=p-95c9a84b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-ed30fa84.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var h;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(h||(h={}));const b=".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_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=b;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=h.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"0f66ceb53da3d4bdc00787c80ef4764a79d76af8",class:"header"},o("style",{key:"6435752fbe5f0ae68649ea4c43fee53afeb2dbca"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"607495825d0febc2dd41dcfecf0ecc78924e4679",id:l},o("header",{key:"21667d9c45e86eab6c011247e1717b757d92dfd4",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"da92e4ddd4ff70b4fa9632233b0345d4843bee60",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
|
|
2
|
+
//# sourceMappingURL=p-a04dc3b4.entry.js.map
|