@sme.up/ketchup 11.0.0-SNAPSHOT-20241205165941 → 11.0.0-SNAPSHOT-20241205173604

package/dist/ketchup/{p-de922cc0.entry.js → p-f72bdfba.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-b32ed503.js";import{k as n,g as h,s as r,t as c,ag as l}from"./p-6b6d1ed2.js";import{c as p}from"./p-635bb4b3.js";import"./p-5ba08261.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return h(this,f,t)}async refresh(){i(this)}async setProps(t){r(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,h,r,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:h=a;break;case this.layoutCol:r=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=r&&p.cells[r.name].value?parseInt(p.cells[r.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size: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}";export{d as kup_card_list}
+import{r as t,c as e,f as i,h as a,H as s,d as o}from"./p-b32ed503.js";import{k as n,g as h,s as r,t as c,ag as l}from"./p-391f53b3.js";import{c as p}from"./p-635bb4b3.js";import"./p-5ba08261.js";var f;!function(t){t.columnsNumber="Sets the number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the component.",t.decvalueCol="Sets the decimal value column.",t.descrCol="Sets the description column.",t.fullWidth="Sets whether the component occupies all available width.",t.horizontal="Sets whether the cards are placed horizontally or not.",t.iconCol="Sets the icon column.",t.iconcolorCol="Sets the icon color column.",t.intvalueCol="Sets the integer value column.",t.isClickable="Sets whether a single card is clickable or not.",t.layoutCol="Sets the layout column.",t.measureCol="Sets the unit of measure column.",t.textcolorCol="Sets the text color column.",t.valueCol="Sets the value column.",t.valuecolorCol="Sets the value color column."}(f||(f={}));var u,m=function(t,e,i,a){if("a"===i&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?a:"a"===i?a.call(t):a?a.value:e.get(t)};const d=class{constructor(i){t(this,i),this.kupCardListClickEvent=e(this,"kup-cardlist-click",7),u.set(this,n()),this.columnsNumber=1,this.customStyle="",this.data=null,this.fullWidth=!0,this.horizontal=!1,this.descrCol="",this.iconCol="",this.valueCol="",this.measureCol="",this.intvalueCol="",this.decvalueCol="",this.textcolorCol="",this.valuecolorCol="",this.iconcolorCol="",this.layoutCol="",this.isClickable=!1}async getProps(t){return h(this,f,t)}async refresh(){i(this)}async setProps(t){r(this,f,t)}componentWillLoad(){m(this,u,"f").debug.logLoad(this,!1),m(this,u,"f").theme.register(this)}componentDidLoad(){m(this,u,"f").debug.logLoad(this,!0)}componentDidRender(){m(this,u,"f").debug.logRender(this,!0)}render(){if(!this.data||!this.data.columns||!this.data.columns.length)return;const t=[];let e,i,o,n,h,r,f,d,g,k;for(let t=0;t<this.data.columns.length;t++){const a=this.data.columns[t];if(a.name)switch(a.name){case this.decvalueCol:e=a;break;case this.descrCol:i=a;break;case this.iconCol:o=a;break;case this.iconcolorCol:n=a;break;case this.intvalueCol:h=a;break;case this.layoutCol:r=a;break;case this.measureCol:f=a;break;case this.textcolorCol:d=a;break;case this.valueCol:g=a;break;case this.valuecolorCol:k=a}}for(let s=0;s<this.data.rows.length;s++){const p=this.data.rows[s],x={color:[],image:[],text:[]},y=r&&p.cells[r.name].value?parseInt(p.cells[r.name].value):1,w=a("kup-card",{class:this.isClickable?"is-clickable":"",customStyle:"#kup-component, .scalable-card { min-height: var(--kup_cardlist_cardsminheight) }",data:x,layoutFamily:c.SCALABLE,layoutNumber:y,key:s,"onKup-card-click":()=>{this.isClickable&&this.kupCardListClickEvent.emit({comp:this,id:this.rootElement.id,index:s,row:p})},slot:s.toString()}),b=(t,e,i)=>{if(t){const a=p.cells[t.name];if(a){const s=a.value;switch(e){case"color":x[e][i]=m(this,u,"f").theme.colorCheck(s).hexColor;break;case"image":x[e][i]={resource:s};break;default:x[e][i]=l(t,a)}}}};switch(y){case 1:b(d,"color",0),b(k,"color",1),b(i,"text",0),b(g,"text",1);break;case 2:b(n,"color",0),b(k,"color",1),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2);break;case 3:b(k,"color",0),b(d,"color",1),b(g,"text",0),b(i,"text",1);break;case 4:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(h,"text",0),b(e,"text",1),b(f,"text",2),b(i,"text",3);break;case 5:b(n,"color",0),b(d,"color",1),b(k,"color",2),b(o,"image",0),b(i,"text",0),b(g,"text",1);break;case 6:case 7:case 8:b(n,"color",0),b(k,"color",1),b(d,"color",2),b(o,"image",0),b(g,"text",0),b(i,"text",1)}t.push(w)}return a(s,null,a("style",null,m(this,u,"f").theme.setKupStyle(this.rootElement)),a("div",{id:p},a("kup-grid",{class:(this.fullWidth?"kup-full-width":"")+" scalable-cards",columns:this.columnsNumber,singleLine:this.horizontal},t)))}disconnectedCallback(){m(this,u,"f").theme.unregister(this)}get rootElement(){return o(this)}};u=new WeakMap,d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size: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}";export{d as kup_card_list}

package/dist/types/components/kup-dialog/kup-dialog-declarations.d.ts

@@ -9,7 +9,9 @@ export declare enum KupDialogProps {
     modal = "Set of options to display the dialog as a modal.",
     resizable = "Sets whether the dialog is resizable or not.",
     sizeX = "The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).",
-    sizeY = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.)."
+    sizeY = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).",
+    maxSizeY = "The max height of the dialog, defaults to 90dvh.",
+    maxSizeX = "The max width of the dialog, defaults to 90dvw."
 }
 export interface KupDialogAutoCenter {
     onReady?: boolean;

package/dist/types/components/kup-dialog/kup-dialog.d.ts

@@ -39,10 +39,20 @@ export declare class KupDialog {
      */
     sizeX: string;
     /**
-     * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
+     * The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
      * @default "auto"
      */
     sizeY: string;
+    /**
+     * The max width of the dialog, defaults to 90dvw.
+     * @default "auto"
+     */
+    maxSizeX: string;
+    /**
+     * The max height of the dialog, defaults to 90dvh.
+     * @default "auto"
+     */
+    maxSizeY: string;
     kupClose: EventEmitter<KupEventPayload>;
     kupReady: EventEmitter<KupEventPayload>;
     /**

package/dist/types/components.d.ts

@@ -1908,6 +1908,16 @@ export namespace Components {
           * @default "{ icons: { close: true } }"
          */
         "header": KupDialogHeader;
+        /**
+          * The max width of the dialog, defaults to 90dvw.
+          * @default "auto"
+         */
+        "maxSizeX": string;
+        /**
+          * The max height of the dialog, defaults to 90dvh.
+          * @default "auto"
+         */
+        "maxSizeY": string;
         /**
           * Set of options to display the dialog as a modal.
           * @default "{ closeOnBackdropClick: true }"
@@ -1937,7 +1947,7 @@ export namespace Components {
          */
         "sizeX": string;
         /**
-          * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
+          * The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
           * @default "auto"
          */
         "sizeY": string;
@@ -7624,6 +7634,16 @@ declare namespace LocalJSX {
           * @default "{ icons: { close: true } }"
          */
         "header"?: KupDialogHeader;
+        /**
+          * The max width of the dialog, defaults to 90dvw.
+          * @default "auto"
+         */
+        "maxSizeX"?: string;
+        /**
+          * The max height of the dialog, defaults to 90dvh.
+          * @default "auto"
+         */
+        "maxSizeY"?: string;
         /**
           * Set of options to display the dialog as a modal.
           * @default "{ closeOnBackdropClick: true }"
@@ -7642,7 +7662,7 @@ declare namespace LocalJSX {
          */
         "sizeX"?: string;
         /**
-          * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
+          * The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
           * @default "auto"
          */
         "sizeY"?: string;

package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts

@@ -26,6 +26,7 @@ export interface FTextFieldProps extends FComponent {
     isClearable?: boolean;
     label?: string;
     leadingLabel?: boolean;
+    legacyLook?: boolean;
     lightMode?: boolean;
     name?: string;
     placeholder?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20241205165941",
+    "version": "11.0.0-SNAPSHOT-20241205173604",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-02209dd8.js

@@ -1 +0,0 @@
-import{h as e,g as t}from"./p-b32ed503.js";import{b as l}from"./p-6b6d1ed2.js";import{F as i}from"./p-74da6bf3.js";const n=document.documentElement,a=(t,l)=>e("div",Object.assign({class:{"f-text-field":!0,"kup-danger":t.danger,"kup-full-height":t.fullHeight,"kup-full-width":t.fullWidth,"kup-info":t.info,"kup-light-mode":t.lightMode,"kup-secondary":t.secondary,"kup-shaped":t.shaped,"kup-success":t.success,"kup-warning":t.warning,[t.wrapperClass]:!!t.wrapperClass}},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:"mdc-form-field "+(t.leadingLabel?"mdc-form-field--align-end":"")},[s(t),d(t),e("label",null,t.label)]):[s(t),d(t)],l);function s(a){var s,d;const o=a.textArea||a.outlined;let r,u,m,p;if(a.maxLength>=256&&(a.textArea=!0),!a.label||a.leadingLabel||a.trailingLabel||(r=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},a.label),a.maxLength&&a.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},a.value.length," / ",a.maxLength):void 0)),a.icon){let i,n="";if(Object.values(l).indexOf(a.icon)>-1)n=a.icon.replace("--","");else{let e=`url('${t(`./assets/svg/${a.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}u=e("span",{style:i,onClick:a.onIconClick,class:`mdc-text-field__icon kup-icon action ${n}`})}if(a.quantityButtons){const l=`url('${t("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${t("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};m=e("span",{style:{mask:l,webkitMask:l},class:"mdc-text-field__icon kup-icon action"}),p=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const f={color:a.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:a.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},v={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":a.disabled},x=Object.assign(Object.assign({"is-clearable":a.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":a.disabled,"mdc-text-field--read-only":a.readOnly,"mdc-text-field--filled":!a.fullWidth&&!o,"mdc-text-field--no-label":!a.label,"mdc-text-field--fullwidth":a.fullWidth,"mdc-text-field--lightmode":a.lightMode,"mdc-text-field--outlined":o,"mdc-text-field--textarea":a.textArea,"mdc-text-field--with-leading-icon":a.icon&&!a.trailingIcon,"mdc-text-field--with-trailing-icon":a.icon&&a.trailingIcon,"mdc-text-field--with-quantity-buttons":a.quantityButtons,"mdc-text-field--error":Boolean(a.error),"mdc-text-field--alert":Boolean(a.alert)},!a.textArea&&{[`mdc-text-field--${a.sizing||"small"}`]:!0}),{"top-right-indicator":a.showMarker});let g=a.value,k=a.quantityButtons?"number":null!==(s=a.inputType)&&void 0!==s?s:"text",b=!1;if("number"===a.inputType&&(a.decimals&&a.decimals>0||a.group)&&(k="text",b=!0),"number"===a.inputType){const e={allowNegative:null===(d=a.allowNegative)||void 0===d||d,decimal:a.decimals,group:a.group,integer:a.integers};g=c(g,e,!1)}return e("div",{class:v},a.fullWidth?void 0:r,e("div",{class:x},a.trailingIcon?void 0:u,a.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:a.disabled,maxlength:a.maxLength,value:g,onBlur:a.onBlur,onClick:a.onClick,onChange:a.onChange,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown})):e("input",{inputmode:a.inputMode?a.inputMode:void 0,type:k,step:a.step,min:a.min,max:a.max,name:a.name,class:"mdc-text-field__input",disabled:a.disabled,placeholder:a.placeholder,maxlength:a.maxLength,size:a.size,value:g,onBlur:e=>{var t;if(b){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=c(e.target.value,l,!0)}a.onBlur&&a.onBlur(e)},onChange:e=>{var t;if(b){const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};e.target.value=null!=a.min&&a.min>parseFloat(e.target.value)?c(a.min.toString(),l,!0):null!=a.max&&a.max<parseFloat(e.target.value)?c(a.max.toString(),l,!0):c(e.target.value,l,!0)}else null!=a.min&&a.min>parseFloat(e.target.value)?e.target.value=a.min.toString():null!=a.max&&a.max<parseFloat(e.target.value)&&(e.target.value=a.max.toString());a.onChange&&a.onChange(e)},onClick:a.onClick,onFocus:a.onFocus,onInput:a.onInput,onKeyDown:a.onKeyDown,onKeyPress:e=>{var t;if(!b)return;if(e.ctrlKey)return;if(e.key.length>1)return;const l={allowNegative:null===(t=a.allowNegative)||void 0===t||t,decimal:a.decimals,group:a.group,integer:a.integers};let i=e.target,s=i.value,d=s.substring(0,i.selectionStart),c=s.substring(i.selectionEnd,i.selectionEnd+s.length-1);n.ketchup.math.matchNumericValueWithOptions(d+e.key+c,l)||e.preventDefault()}}),a.trailingIcon?u:void 0,a.helperIcon&&a.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},f))):a.helperIcon&&a.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},f))):void 0,a.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:a.onMinusClick},m),e("button",{onClick:a.onPlusClick},p)),a.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:a.onClearIconClick}):void 0))}function d(t){if(!1!==t.helperEnabled&&(t.error||t.alert))return e("div",{class:"mdc-text-field-helper-line"},t.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused}},t.helper):t.error?e("span",{class:"mdc-error-message"},t.error):t.alert?e("span",{class:"mdc-alert-message"},t.alert):void 0)}const c=function(e,t,l){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(t.group,t.decimal),l):i};export{a as F}

package/dist/ketchup/p-141915d3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-b32ed503.js";import{F as o}from"./p-9e3b99ff.js";import{F as a}from"./p-888dc55b.js";import{k as u,a5 as h,F as r,g as c,s as p,h as f,an as d,ac as m,ab as v,ao as b,e as k,N as g,am as _}from"./p-6b6d1ed2.js";import{F as x}from"./p-7db300e0.js";import{F as y,a as w}from"./p-2f6cd896.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-88c3ed8e.js";import"./p-02209dd8.js";import"./p-3856da47.js";import"./p-dad912dc.js";import"./p-5ba08261.js";import"./p-c56195a0.js";var O,F,$,M;!function(t){t.TAB="tab"}(O||(O={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus."}(F||(F={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.WATERMARK="WATERMARK"}($||($={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(M||(M={}));const T={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"},z=t=>0==t?6:t?1===t?18:12*t:null,E=t=>t?22*t:null,S=t=>t?22*(t-1):null,N=t=>t?12*t:null;var I,C,W,D,L,P,R,B,U,A,H,V,G,J,K,X,Y,q,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,ct,pt,ft,dt,mt,vt,bt,kt,gt,_t,xt,yt,wt,jt,Ot,Ft,$t,Mt,Tt,zt,Et,St,Nt,It,Ct,Wt,Dt,Lt,Pt,Rt,Bt,Ut,At,Ht,Vt,Gt,Jt,Kt,Xt,Yt=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},qt=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const Qt=document.documentElement,Zt=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),I.add(this),C.set(this,u()),W.set(this,void 0),D.set(this,new Map([["SmeupTreeNode",Yt(this,I,"m",Nt).bind(this)],["SmeupDataTree",Yt(this,I,"m",It).bind(this)],["SmeupTable",Yt(this,I,"m",Ct).bind(this)],["SmeupDataTable",Yt(this,I,"m",Ct).bind(this)]])),L.set(this,null),P.set(this,new Map([[h.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[h.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[h.MULTI_COMBOBOX,["kup-combobox-iconclick"]]])),R.set(this,new Map([[r.AUTOCOMPLETE,"kup-autocomplete-blur"],[r.CHIP,"kup-textfield-blur"],[r.COMBOBOX,"kup-combobox-blur"],[r.DATE,"kup-datepicker-blur"],[r.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[r.MULTI_COMBOBOX,"kup-combobox-blur"],[r.TIME,"kup-timepicker-blur"]])),B.set(this,[]),U.set(this,new Map([[h.DATE,"kup-date-picker"],[h.TIME,"kup-time-picker"]])),A.set(this,new Map([[r.BUTTON_LIST,Yt(this,I,"m",X).bind(this)],[r.EDITOR,Yt(this,I,"m",q).bind(this)],[r.LABEL,Yt(this,I,"m",Z).bind(this)],[r.TABLE,Yt(this,I,"m",Q).bind(this)]])),H.set(this,new Map([[O.TAB,Yt(this,I,"m",ot).bind(this)]])),V.set(this,[]),this.buttonPosition=M.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=$.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){qt(this,L,structuredClone(this.data),"f"),Yt(this,B,"f").length&&(Yt(this,B,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),qt(this,B,[],"f")),Yt(this,V,"f").length&&(Yt(this,V,"f").map((t=>{Yt(this,C,"f").keysBinding.unregister(t)})),qt(this,V,[],"f")),this.data&&Yt(this,I,"m",rt).call(this,this.data)}async getProps(t){return c(this,F,t)}async refresh(){n(this)}async setProps(t){p(this,F,t)}componentWillLoad(){Yt(this,C,"f").debug.logLoad(this,!1),Yt(this,C,"f").language.register(this),Yt(this,C,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){Yt(this,I,"m",Gt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),Yt(this,C,"f").debug.logLoad(this,!0),Yt(this,W,"f")&&this.autoFocus&&Yt(this,I,"m",Jt).call(this)}componentWillRender(){Yt(this,C,"f").debug.logRender(this,!1)}componentDidRender(){if(Yt(this,W,"f")){const t=Yt(this,W,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)x(t[i])}Yt(this,C,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,Yt(this,C,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>Yt(this,I,"m",J).call(this,t)));return e(l,{key:"a7130bc9c7c33450ea430a83f9e52fd6cf940101"},e("style",{key:"5510cfeb47b2c145d277ed289861fc8faf2f67af"},Yt(this,C,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"228c3801aa22af1b0ba8afb10b5d01093b9566cd",id:j},t))}disconnectedCallback(){Yt(this,C,"f").language.unregister(this),Yt(this,C,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};C=new WeakMap,W=new WeakMap,D=new WeakMap,L=new WeakMap,P=new WeakMap,R=new WeakMap,B=new WeakMap,U=new WeakMap,A=new WeakMap,H=new WeakMap,V=new WeakMap,I=new WeakSet,G=function(t){return this.inputPanelCells.reduce(((i,{cells:n})=>i||n.find((({column:i})=>i.name===t)).cell),null)},J=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute){u=Yt(this,I,"m",nt).call(this,t,l);const i=Math.max(...l.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=22*i+"px"}else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid","INLINE"==this.inputPanelPosition&&(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=Yt(this,I,"m",it).call(this,t,l)}else u=t.cells.map((i=>Yt(this,I,"m",K).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==M.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition==$.INLINE},c={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},p={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:w.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>qt(this,W,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:"input-panel__typography"},e(y,Object.assign({},p))),e("div",{class:r,style:a},u),e("div",{class:c},e(o,{buttonType:"submit",label:Yt(this,C,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},K=function(t,i,n){var l;if(!t)return;const s=Yt(this,A,"f").get(t.shape);if(void 0!==s)return s(t,n.name,null===(l=i.layout)||void 0===l?void 0:l.absolute);const o={cell:t,column:n,row:i,component:this,editable:!0,renderKup:!0,setSizes:!0},u=Yt(this,I,"m",tt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},X=function(t,i){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},Y=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{Yt(this,I,"m",At).call(this,t.detail.node,t.detail.node.id)}}))},q=function(t,i){const n="kup-editor-save",l=t=>{const n=this.inputPanelCells.reduce(((t,{cells:n})=>t||n.find((({column:t})=>t.name===i)).cell),null);n.value=t.detail.htmlValue.replace(/\n/g,"<br>")};return this.rootElement.addEventListener(n,l),Yt(this,B,"f").push({event:n,handler:l}),e("kup-editor",Object.assign({},t.data,{id:i,isReadOnly:!t.isEditable,showToolbar:!0}))},Q=function(t,i,n=!1){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0,showFooter:!0,legacyLook:n},t.data))},Z=function(t,i){return e("span",{class:"input-panel-label",id:i},t.value)},tt=function(t,i){return i&&Qt.ketchup.data.cell.getType(t,t.shape)===h.RADIO?e("span",null,i):null},it=function(t,i){const n=Yt(this,H,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>Yt(this,I,"m",et).call(this,t,i,!1)))},nt=function(t,i){return i.sections.map((i=>Yt(this,I,"m",lt).call(this,t,i)))},et=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":"INLINE"==this.inputPanelPosition};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>Yt(this,I,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>Yt(this,I,"m",at).call(this,i,t))),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=e("div",{class:u,style:s},h.filter(Boolean));return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(y,{type:w.HEADING1,value:n.title}),r):r},lt=function t(i,n){var l,s;let o=[];if((null===(l=n.sections)||void 0===l?void 0:l.length)?o=n.sections.map((n=>Yt(this,I,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>Yt(this,I,"m",ut).call(this,i,t)))),null==z(n.absoluteWidth))return o;const a=null!=z(n.absoluteWidth)?`${z(n.absoluteWidth)}px`:"100%",u=null!=E(n.absoluteHeight)?`${E(n.absoluteHeight)}px`:"100%",h=`${S(n.absoluteRow)}px`,r=`${N(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:h,left:r,overflow:"auto"}},o)},st=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(Yt(this,I,"m",t).call(this,i))})),l},ot=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=Yt(this,I,"m",st).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return Yt(this,I,"m",et).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));if(!Yt(this,B,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click",i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i),Yt(this,B,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},at=function(t,i){const n=t.cells.find((t=>t.column.name===i.id)),l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;if(n&&n.cell)return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},Yt(this,I,"m",K).call(this,n.cell,t.row,n.column))},ut=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell)return;let l;l=n.cell.shape==r.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=z(l),o=E(i.absoluteHeight),a=S(i.absoluteRow),u=N(i.absoluteColumn),h={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${S(i.absoluteRow)}px`:null,left:null!==u?`${N(i.absoluteColumn)}px`:null,overflow:"auto"};return n.cell.data=Object.assign(Object.assign({},n.cell.data),{sizing:"extra-small",customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",helperEnabled:!1}),e("div",{style:h},Yt(this,I,"m",K).call(this,n.cell,t.row,n.column))},ht=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>Yt(this,I,"m",Wt).call(this,t)))}};return Yt(this,I,"m",Y).call(this,t,i)}{const i=Yt(this,I,"m",Wt).call(this,t);return Yt(this,I,"m",X).call(this,i,t.value)}})).flat()},rt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&Yt(this,I,"m",ht).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:Yt(this,I,"m",ct).call(this,i,t,s),slotData:Yt(this,I,"m",mt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape),e=Yt(this,U,"f").get(n);if(!e)return;const l=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);t.value&&(null==l||l.setValue(t.value))})))),this.inputPanelCells=o},ct=function(t,i,n){const e=Object.assign(Object.assign({},Yt(this,I,"m",dt).call(this,t,i,n)),{disabled:!t.editable,id:i.name}),l=Qt.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==h.MULTI_AUTOCOMPLETE&&l!==h.MULTI_COMBOBOX?Yt(this,I,"m",pt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},pt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?Yt(this,I,"m",t).call(this,i[e],n[e]):n[e];return i},ft=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===r.TABLE&&(s=JSON.stringify(Yt(this,I,"m",Et).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},dt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=Qt.ketchup.data.cell.getType(t,t.shape),a=new Map([[h.AUTOCOMPLETE,Yt(this,I,"m",gt).bind(this)],[h.BUTTON_LIST,Yt(this,I,"m",kt).bind(this)],[h.CHART,Yt(this,I,"m",bt).bind(this)],[h.CHIP,Yt(this,I,"m",vt).bind(this)],[h.CHECKBOX,Yt(this,I,"m",_t).bind(this)],[h.COLOR_PICKER,Yt(this,I,"m",xt).bind(this)],[h.COMBOBOX,Yt(this,I,"m",gt).bind(this)],[h.EDITOR,Yt(this,I,"m",yt).bind(this)],[h.MULTI_AUTOCOMPLETE,Yt(this,I,"m",vt).bind(this)],[h.MULTI_COMBOBOX,Yt(this,I,"m",vt).bind(this)],[h.NUMBER,Yt(this,I,"m",Tt).bind(this)],[h.DATE,Yt(this,I,"m",Ft).bind(this)],[h.OBJECT,Yt(this,I,"m",$t).bind(this)],[h.RADIO,Yt(this,I,"m",jt).bind(this)],[h.STRING,Yt(this,I,"m",wt).bind(this)],[h.SWITCH,Yt(this,I,"m",Ot).bind(this)],[h.TABLE,Yt(this,I,"m",zt).bind(this)],[h.TIME,Yt(this,I,"m",Mt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name):null},mt=function(t,i){const n=Qt.ketchup.data.cell.getType(t,t.shape);return t.editable?n===h.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.editable,id:i.name,fullWidth:!1}:n===h.MULTI_AUTOCOMPLETE||n===h.MULTI_COMBOBOX?Object.assign(Object.assign({},Yt(this,I,"m",gt).call(this,t.options,i.title,null,t,i.name)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.editable,id:i.name}):null:null},vt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),d(n)},bt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},kt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{Yt(this,I,"m",At).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(Yt(this,V,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),Yt(this,C,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},gt=function(t,i,n,e,l){var s,o;const a=m(n,i,[]);if(Yt(this,I,"m",Pt).call(this,n,e),e.fun){const t=Qt.ketchup.data.cell.getType(e,e.shape),i=Yt(this,P,"f").get(t);if(!i)return;i.map((t=>{const i=t=>{Yt(this,I,"m",Dt).call(this,t.detail,e.fun,a,l,n)};this.rootElement.addEventListener(t,i),Yt(this,B,"f").push({event:t,handler:i})}))}else t&&(a.data["kup-list"].data=Yt(this,I,"m",St).call(this,t,n));return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),a},_t=function(t,i,n,e,l){var s,o;let a=_(n,i);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}):a},xt=function(t,i){return{data:{"kup-text-field":{label:i}}}},yt=function(t,i,n){return{initialValue:n}},wt=function(t,i,n,e,l){var s,o,a;const u={label:i};return this.autoSkip&&(e.isEditable||e.editable)&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(u.onInput=t=>{Yt(this,I,"m",Xt).call(this,l,t)}),((null===(o=e.inputSettings)||void 0===o?void 0:o.checkObject)||(null===(a=e.inputSettings)||void 0===a?void 0:a.checkValueOnExit)||e.mandatory)&&(u.onBlur=()=>{Yt(this,I,"m",Lt).call(this,e,l)}),u},jt=function(t,i,n,e,l){var s,o;let a=v(n,t);return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?Object.assign(Object.assign({},a),{onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}):a},Ot=function(t,i,n){return b(n,i)},Ft=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},$t=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{initialValue:n||"",label:i||" ",value:n||"",onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}:{initialValue:n||"",label:i||" ",value:n||""}},Mt=function(t,i,n,e,l){var s,o;return((null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory)&&Yt(this,I,"m",Rt).call(this,e,l),{data:{"kup-text-field":{label:i}},initialValue:n}},Tt=function(t,i,n,e,l){var s,o;return(null===(s=e.inputSettings)||void 0===s?void 0:s.checkObject)||(null===(o=e.inputSettings)||void 0===o?void 0:o.checkValueOnExit)||e.mandatory?{label:i,onBlur:()=>{Yt(this,I,"m",Lt).call(this,e,l)}}:{label:i}},zt=function(t,i,n,e,l){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(Yt(this,C,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR),null):{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},Yt(this,I,"m",dt).call(this,i.cells[e],l)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(Yt(this,C,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING),null)}catch(t){return Yt(this,C,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR),null}},Et=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(Yt(this,L,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},St=function(t,i){const n=Yt(this,D,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Yt(this,I,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:(null===(e=i.children)||void 0===e?void 0:e.length)?Yt(this,I,"m",t).call(this,i,n):[]}}))},Ct=function(t,i){return t.rows.map((t=>{var n;const e=t.fields||t.cells,[l,s]=Object.keys(e);return{id:e[l].value,value:(null===(n=e[s])||void 0===n?void 0:n.value)||e[l].value,selected:i===e[l].value}}))},Wt=function(t){return t.data&&!t.data.keyShortcut&&Yt(this,C,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=T[t.obj.k]),Object.assign(Object.assign({},t),{data:Yt(this,I,"m",kt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Dt=function(t,i,n,e,l){t.id===e&&!1!==t.open&&this.optionsHandler(i,t.inputValue,Yt(this,I,"m",ft).call(this),t.id).then((i=>{var e;n.data["kup-list"].data=null!==(e=Yt(this,I,"m",St).call(this,i,l))&&void 0!==e?e:[],t.comp.refresh()}))},Lt=async function(t,i){var n,e;const l=Yt(this,I,"m",G).call(this,i);if(t.mandatory){if(Yt(this,I,"m",Bt).call(this,i,l.value?null:Yt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!l.value)return}else Yt(this,I,"m",Bt).call(this,i,null);if((null===(n=t.inputSettings)||void 0===n?void 0:n.checkObject)&&l.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Yt(this,I,"m",ft).call(this),fun:t.fun});if(!n)return void Yt(this,I,"m",Bt).call(this,i,Yt(this,C,"f").language.translate(f.INVALID_VALUE));Yt(this,I,"m",Bt).call(this,i,null)}(null===(e=t.inputSettings)||void 0===e?void 0:e.checkValueOnExit)&&Yt(this,I,"m",Ut).call(this)&&this.checkValidValueCallback({before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},i)},Pt=function(t,i){var n;i.data.error=t?null===(n=i.data)||void 0===n?void 0:n.error:""},Rt=function(t,i){const n=Yt(this,R,"f").get(t.shape);if(!n)return;const e=async n=>{var e,l;const s=Yt(this,I,"m",G).call(this,i);if(n.detail.id===i){if(t.mandatory){if(Yt(this,I,"m",Bt).call(this,i,s.value?null:Yt(this,C,"f").language.translate(f.REQUIRED_VALUE)),!n.detail.value)return}else Yt(this,I,"m",Bt).call(this,i,null);if((null===(e=t.inputSettings)||void 0===e?void 0:e.checkObject)&&n.detail.value){const{valid:n}=await this.checkValidObjCallback({obj:t.obj,currentState:Yt(this,I,"m",ft).call(this),fun:t.fun});if(Yt(this,I,"m",Bt).call(this,i,n?null:Yt(this,C,"f").language.translate(f.INVALID_VALUE)),!n)return}(null===(l=t.inputSettings)||void 0===l?void 0:l.checkValueOnExit)&&Yt(this,I,"m",Ut).call(this)&&this.checkValidValueCallback({before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},i)}};this.rootElement.addEventListener(n,e),Yt(this,B,"f").push({event:n,handler:e})},Bt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},Ut=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},At=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:Yt(this,I,"m",ft).call(this)}):this.submitCb({value:{before:Object.assign({},Yt(this,L,"f")),after:Yt(this,I,"m",ft).call(this)},cell:i})},Ht=function(t,i){const n=t.find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}));if(null==n)return;const e=n["kup-get-cell-props"]().column.name;return{anchor:n,cell:this.data.rows[0].cells[e],column:this.data.columns.find((t=>t.name==e)),originalEvent:i}},Vt=function(t){const i=Yt(this,C,"f").getEventPath(t.target,this.rootElement);return Yt(this,I,"m",Ht).call(this,i,t)},Gt=function(){Yt(this,C,"f").interact.managedElements.add(Yt(this,W,"f")),Yt(this,C,"f").interact.on(Yt(this,W,"f"),g.TAP,(t=>{if(2==t.button){const i=Yt(this,I,"m",Vt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Jt=function(){const t=Yt(this,W,"f"),i=null==t?void 0:t.querySelector(".f-cell__content");if(!t||!i)return;const n=Yt(this,I,"m",Kt).call(this,i);n&&setTimeout((()=>n.focus()),300)},Kt=function(t){const i=t.querySelector("input");if(i)return i;const n=t instanceof HTMLElement?t.querySelectorAll("*"):[];for(const t of Array.from(n))if(t.shadowRoot){const i=t.shadowRoot.querySelector("input");if(i)return i}return null},Xt=function(t,i){var n;const e=null==i?void 0:i.target;if(!(e&&e instanceof HTMLInputElement))return;const{maxLength:l,value:s}=e;if(!l||l<0||(null==s?void 0:s.length)<l)return;const o=Array.from(Yt(this,W,"f").querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!o.length)return;const a=o.findIndex((i=>i.id===t));a<0||a===o.length-1||null===(n=o[a+1].HTMLInputElement)||void 0===n||n.focus()},Zt.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}: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;padding:var(--kup-space-02)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";export{Zt as kup_input_panel}

package/dist/ketchup/p-6b940d68.entry.js

@@ -1 +0,0 @@
-import{r as t,f as e,h as s,H as a,d as i}from"./p-b32ed503.js";import{F as o}from"./p-dad912dc.js";import{k as r,g as c}from"./p-6b6d1ed2.js";import{c as n}from"./p-635bb4b3.js";import"./p-9e3b99ff.js";import"./p-e3062c19.js";import"./p-74da6bf3.js";import"./p-02209dd8.js";import"./p-5ba08261.js";var d;!function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the component."}(d||(d={}));var f,h=function(t,e,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!a:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(t):a?a.value:e.get(t)};const p=class{constructor(e){t(this,e),f.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(t){return c(this,d,t)}async refresh(){e(this)}async setValue(t){this.inputValue=t}componentWillLoad(){h(this,f,"f").debug.logLoad(this,!1),h(this,f,"f").theme.register(this)}componentDidLoad(){h(this,f,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,f,"f").debug.logRender(this,!1)}componentDidRender(){h(this,f,"f").debug.logRender(this,!0)}render(){var t;const e={data:null!==(t=this.data)&&void 0!==t?t:{},inputValue:this.inputValue};return s(a,{key:"9dababac9d66c3a6c521626f55accc25c2492c35"},s("style",{key:"bf4ac3e47503231a77c632118a854972b3869215"},h(this,f,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e9b93d26c6240a39ffd8888c33689de98ab16c64",id:n},s(o,Object.assign({key:"8beec6f76a1f81faa8da2e11d8f33ee5df840700"},e))))}disconnectedCallback(){h(this,f,"f").theme.unregister(this)}get rootElement(){return i(this)}};f=new WeakMap,p.style="";export{p as kup_object_field}