@sme.up/ketchup 6.3.0 → 6.5.0

package/dist/ketchup/{p-cfaea29b.entry.js → p-e0ed3fd7.entry.js}

@@ -1 +1 @@
-import{r as t,f as i,h as s,H as e,g as o}from"./p-b0b3989b.js";import{k as a,g as c,s as n,j as r,c as h,aw as l,O as u,ax as p,V as d,b}from"./p-21ea11cb.js";import{F as m}from"./p-6c77a36c.js";import{F as k}from"./p-389fd0bf.js";import{c as g}from"./p-97e8ea42.js";var f,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(f||(f={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.display=x.DATATABLE,this.customStyle="",this.data=null,this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null}async getProps(t){return c(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(r.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],e={};if(this.display===x.JSON)e.initialValue=this.data?JSON.stringify(this.data,null,2):"",e.textArea=!0,i.push(s("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},e,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:e.data=this.data,i.push(s("kup-box",Object.assign({},e)));break;case x.BUTTON_LIST:e.data=this.data,i.push(s("kup-button-list",Object.assign({},e)));break;case x.CHIP:e.data=this.data,i.push(s("kup-chip",Object.assign({},e)));break;case x.CHART:case x.ECHART:e.data=this.data,e.series=[],e.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==e.axis?e.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):e.axis=i.name}0===e.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(s(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},e)));break;case x.DATATABLE:e.data=this.data,e.autoFillMissingCells=!0,i.push(s("kup-data-table",Object.assign({},e)));break;case x.TREE:e.data=this.data,i.push(s("kup-tree",Object.assign({class:"kup-full-width"},e)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(s("div",{class:"empty"},s(k,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(r.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),s=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,e=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),e&&(i.rows?i.rows.push(e):i.rows=[e]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(l,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${u}],[${p}]`},{dispatcher:this.rootElement,type:d.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(e,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:g},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:m.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${b.PRIMARY}: var(${b.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
+import{r as t,f as i,h as s,H as e,g as o}from"./p-b0b3989b.js";import{k as a,g as c,s as n,j as r,c as h,aw as l,O as u,ax as p,V as d,b}from"./p-9027e5ac.js";import{F as m}from"./p-6c77a36c.js";import{F as k}from"./p-92595296.js";import{c as g}from"./p-97e8ea42.js";var f,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(f||(f={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.display=x.DATATABLE,this.customStyle="",this.data=null,this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null}async getProps(t){return c(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(r.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],e={};if(this.display===x.JSON)e.initialValue=this.data?JSON.stringify(this.data,null,2):"",e.textArea=!0,i.push(s("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},e,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:e.data=this.data,i.push(s("kup-box",Object.assign({},e)));break;case x.BUTTON_LIST:e.data=this.data,i.push(s("kup-button-list",Object.assign({},e)));break;case x.CHIP:e.data=this.data,i.push(s("kup-chip",Object.assign({},e)));break;case x.CHART:case x.ECHART:e.data=this.data,e.series=[],e.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==e.axis?e.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):e.axis=i.name}0===e.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(s(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},e)));break;case x.DATATABLE:e.data=this.data,e.autoFillMissingCells=!0,i.push(s("kup-data-table",Object.assign({},e)));break;case x.TREE:e.data=this.data,i.push(s("kup-tree",Object.assign({class:"kup-full-width"},e)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(s("div",{class:"empty"},s(k,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(r.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),s=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,e=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),e&&(i.rows?i.rows.push(e):i.rows=[e]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(l,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${u}],[${p}]`},{dispatcher:this.rootElement,type:d.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(e,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:g},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:m.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${b.PRIMARY}: var(${b.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

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

@@ -76,6 +76,7 @@ export interface CollapsedSectionsState {
  */
 export interface KupBoxKanban {
   columns: string[];
+  isStacked?: boolean;
   labels?: Array<Array<string>>;
   size?: string;
 }

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

@@ -4,6 +4,7 @@ import { KupEventPayload } from '../../types/GenericTypes';
  * Used to export every prop in an object.
  */
 export declare enum KupButtonProps {
+  buttonType = "Sets the type of the button.",
   checked = "When set to true, the icon button state will be on.",
   customStyle = "Custom style of the component.",
   disabled = "Defaults at false. When set to true, the component is disabled.",

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

@@ -12,6 +12,11 @@ export declare class KupButton {
    * @default ""
    */
   value: string;
+  /**
+   * Sets the type of the button.
+   * @default null
+   */
+  buttonType: string;
   /**
    * When set to true, the icon button state will be on.
    * @default false

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

@@ -133,6 +133,7 @@ export interface KupCardBuiltInNumeric extends HTMLElement {
 export interface KupCardData {
   autocomplete?: GenericObject[];
   button?: GenericObject[];
+  cell?: GenericObject[];
   chart?: GenericObject[];
   checkbox?: GenericObject[];
   chip?: GenericObject[];

package/dist/types/components/kup-card/standard/kup-card-standard.d.ts

@@ -90,3 +90,9 @@ export declare function create14(component: KupCard): VNode;
  * @returns {VNode} 15th standard layout virtual node.
  */
 export declare function create15(component: KupCard): VNode;
+/**
+ * 16th standard card layout, it can be used as a key-value grid list.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 16th standard layout virtual node.
+ */
+export declare function create16(component: KupCard): VNode;

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

@@ -7,6 +7,7 @@ import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-decl
 export declare enum KupFormProps {
   customStyle = "Custom style of the component.",
   data = "Actual data of the form.",
+  hiddenSubmitButton = "Creates a hidden submit button in order to submit the form with enter.",
   layout = "How the form will arrange its content."
 }
 export interface KupFormData {

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

@@ -16,6 +16,11 @@ export declare class KupForm {
    * @default null
    */
   data: KupFormData;
+  /**
+   * Creates a hidden submit button in order to submit the form with enter.
+   * @default false
+   */
+  hiddenSubmitButton: boolean;
   /**
    * How the form will arrange its content.
    * @default null

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

@@ -14,6 +14,7 @@ export declare enum KupTextFieldProps {
   helperWhenFocused = "When set, the helper will be shown only when the field is focused.",
   icon = "When set, the text-field will show this icon.",
   initialValue = "Sets the initial value of the component",
+  inputMode = "The HTML inputmode of the input element. It has no effect on text areas.",
   inputType = "The HTML type of the input element. It has no effect on text areas.",
   isClearable = "Enables a clear trailing icon.",
   label = "When set, its content will be shown as a label.",

package/dist/types/components/kup-text-field/kup-text-field.d.ts

@@ -62,6 +62,11 @@ export declare class KupTextField {
    * @default ""
    */
   initialValue: string;
+  /**
+   * The HTML inputmode of the input element.
+   * @default null
+   */
+  inputMode: string;
   /**
    * The HTML type of the input element. It has no effect on text areas.
    * @default "text"

package/dist/types/components.d.ts

@@ -363,6 +363,11 @@ export namespace Components {
         "swipeDisabled": boolean;
     }
     interface KupButton {
+        /**
+          * Sets the type of the button.
+          * @default null
+         */
+        "buttonType": string;
         /**
           * When set to true, the icon button state will be on.
           * @default false
@@ -1653,6 +1658,11 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Creates a hidden submit button in order to submit the form with enter.
+          * @default false
+         */
+        "hiddenSubmitButton": boolean;
         /**
           * How the form will arrange its content.
           * @default null
@@ -2695,6 +2705,11 @@ export namespace Components {
           * @default ""
          */
         "initialValue": string;
+        /**
+          * The HTML inputmode of the input element.
+          * @default null
+         */
+        "inputMode": string;
         /**
           * The HTML type of the input element. It has no effect on text areas.
           * @default "text"
@@ -3775,6 +3790,11 @@ declare namespace LocalJSX {
         "swipeDisabled"?: boolean;
     }
     interface KupButton {
+        /**
+          * Sets the type of the button.
+          * @default null
+         */
+        "buttonType"?: string;
         /**
           * When set to true, the icon button state will be on.
           * @default false
@@ -4835,6 +4855,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "data"?: KupFormData;
+        /**
+          * Creates a hidden submit button in order to submit the form with enter.
+          * @default false
+         */
+        "hiddenSubmitButton"?: boolean;
         /**
           * How the form will arrange its content.
           * @default null
@@ -5618,6 +5643,11 @@ declare namespace LocalJSX {
           * @default ""
          */
         "initialValue"?: string;
+        /**
+          * The HTML inputmode of the input element.
+          * @default null
+         */
+        "inputMode"?: string;
         /**
           * The HTML type of the input element. It has no effect on text areas.
           * @default "text"

package/dist/types/f-components/f-button/f-button-declarations.d.ts

@@ -3,6 +3,7 @@ import type { FComponent } from '../../types/GenericTypes';
  * Props of the f-button component.
  */
 export interface FButtonProps extends FComponent {
+  buttonType?: string;
   checked?: boolean;
   disabled?: boolean;
   fullHeight?: boolean;

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

@@ -11,6 +11,7 @@ export interface FTextFieldProps extends FComponent {
   helperEnabled?: boolean;
   helperWhenFocused?: boolean;
   icon?: string;
+  inputMode?: string;
   inputType?: string;
   max?: number;
   maxLength?: number;

package/dist/types/managers/kup-data/kup-data-cell-helper.d.ts

@@ -14,12 +14,12 @@ export declare function findCell(dataset: KupDataDataset, filters: KupDataFindCe
  * @param {KupDataColumn} column - Column included in the search. When missing, returns empty array.
  * @returns {ValueDisplayedValue[]} Values of the cells, sorted.
  */
-export declare function getCellValue(dataset: KupDataDataset, column: KupDataColumn, sorted?: boolean): ValueDisplayedValue[];
+export declare function getCellValue(dataset: KupDataDataset, column: KupDataColumn, sorted?: boolean, univocal?: boolean): ValueDisplayedValue[];
 export declare function addColumnValueFromRow(values: {
   value: string;
   displayedValue?: string;
   obj?: KupObj;
-}[], column: KupDataColumn, cell: KupDataCell): void;
+}[], column: KupDataColumn, cell: KupDataCell, univocal?: boolean): void;
 /**
  * Overrides the given cell attributes for the specified columns.
  * If no columns are provided, the value will be applied to every column of the dataset.

package/dist/types/managers/kup-data/kup-data.d.ts

@@ -10,6 +10,7 @@ export declare class KupData {
   cell: {
     find(dataset: KupDataDataset, filters: KupDataFindCellFilters): KupDataCell[];
     getValue(dataset: KupDataDataset, column: KupDataColumn, sorted?: boolean): ValueDisplayedValue[];
+    getUnivocalValue(dataset: KupDataDataset, column: KupDataColumn, sorted?: boolean): ValueDisplayedValue[];
     replace(dataset: KupDataDataset, cell: KupDataCell, columns?: string[]): KupDataCell[];
     getType(cell: KupDataCell, shape?: FCellShapes): FCellTypes;
   };

package/dist/types/managers/kup-objects/kup-objects.d.ts

@@ -96,6 +96,12 @@ export declare class KupObjects {
    * @returns {boolean} True when the object is a number.
    */
   isNumber(obj: KupObj): boolean;
+  /**
+   * Checks whether the object represents a positive number or not.
+   * @param {KupObj} obj - Object to check.
+   * @returns {boolean} True when the object is a positive number.
+   */
+  isPositiveNumber(obj: KupObj): boolean;
   /**
    * Checks whether the object represents a password or not.
    * @param {KupObj} obj - Object to check.

package/dist/types/utils/filters/filters-tree-items.d.ts

@@ -13,7 +13,7 @@ export declare class FiltersTreeItems extends FiltersRows {
   isNodeCompliant(node: KupTreeNode, filters?: GenericFilter, globalFilter?: string, isUsingGlobalFilter?: boolean, columns?: KupDataColumn[], columnFilters?: FiltersColumnMenu): boolean;
   private setNodeVisibility;
   private setAllVisible;
-  extractColumnValues(rows: Array<KupTreeNode>, column: KupDataColumn, values: ValueDisplayedValue[]): ValueDisplayedValue[];
+  extractColumnValues(rows: Array<KupTreeNode>, column: KupDataColumn, values: ValueDisplayedValue[], univocal?: boolean): ValueDisplayedValue[];
   expandCollapseNode(treeNode: KupTreeNode, expandNode?: boolean): void;
   expandCollapseAllNodes(treeNode: KupTreeNode, expandNode?: boolean): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "6.3.0",
+    "version": "6.5.0",
     "keywords": [
         "smeup",
         "KetchUP",