@sme.up/ketchup 5.0.0 → 5.1.1

package/dist/collection/managers/kup-data/kup-data-dataset-helper.js

@@ -1,262 +0,0 @@
-import { fieldColumn } from '../../components/kup-data-table/kup-data-table-declarations';
-import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
-import { findCell, getCellValue, replaceCell } from './kup-data-cell-helper';
-import { findColumns, newColumn } from './kup-data-column-helper';
-import { KupDataNewColumnTypes, } from './kup-data-declarations';
-import { finder } from './kup-data-helper';
-const dom = document.documentElement;
-/**
- * Performs a distinct/count after previously grouping columns by ranges.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {KupDataNewColumn[]} rangeColumns - A list of columns coupled with their criteria for creation. These are used to define ranges.
- * @param {KupDataColumn} resultingColumn - The resulting column.
- * @param {KupDataColumn} valuesColumn - When present, this column will be included in the final dataset containing the original values of the cells.
- * @returns {KupDataDataset} New dataset with processed data.
- */
-export function rangedDistinctDataset(dataset, rangeColumns, resultingColumn, valuesColumn) {
-  const newD = newDataset(dataset, rangeColumns);
-  const columnNames = [];
-  for (let index = 0; index < rangeColumns.length; index++) {
-    const newColumn = rangeColumns[index].column;
-    columnNames.push(newColumn.name);
-    replaceCell(newD, { value: newColumn.title }, [newColumn.name]);
-  }
-  newColumn(newD, KupDataNewColumnTypes.MERGE, {
-    columns: columnNames,
-    newColumn: resultingColumn,
-  });
-  return distinctDataset(newD, null, valuesColumn);
-}
-/**
- * Creates a new dataset with an amount of cells equal to a distinct calculation applied to the given columns.
- * The original value of cells will be stored in the title property of the new cells.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {string[]} columns - Column names to manage. When missing, defaults to all columns.
- * @param {KupDataColumn} valuesColumn - When present, this column will be included in the final dataset containing the original values of the cells.
- * @returns {KupDataDataset} New dataset with processed data.
- */
-export function distinctDataset(dataset, columns, valuesColumn) {
-  const occurrencies = {};
-  const rows = dataset.rows;
-  for (let index = 0; index < rows.length; index++) {
-    const row = rows[index];
-    const cells = row.cells;
-    for (const key in cells) {
-      const cell = cells[key];
-      if (!columns ||
-        !columns.length ||
-        (columns && columns.includes(key))) {
-        if (!occurrencies[key]) {
-          occurrencies[key] = {};
-        }
-        const occurrency = occurrencies[key];
-        occurrency[cell.value] = occurrency[cell.value]
-          ? occurrency[cell.value] + 1
-          : 1;
-      }
-    }
-  }
-  const newColumns = [];
-  const newRows = [];
-  if (valuesColumn) {
-    newColumns.push(valuesColumn);
-  }
-  for (const key in occurrencies) {
-    const occurrency = occurrencies[key];
-    const column = Object.assign({}, dataset.columns.find((col) => col.name === key));
-    column.obj = {
-      t: 'NR',
-      p: '',
-      k: '',
-    };
-    let rowIndex = 0;
-    newColumns.push(column);
-    for (const j in occurrency) {
-      const value = occurrency[j];
-      let row = null;
-      if (!newRows[rowIndex]) {
-        newRows[rowIndex] = { cells: {} };
-      }
-      row = newRows[rowIndex];
-      row.cells[key] = {
-        obj: {
-          t: 'NR',
-          p: '',
-          k: value.toString(),
-        },
-        title: j,
-        value: value.toString(),
-      };
-      if (valuesColumn) {
-        row.cells[valuesColumn.name] = {
-          value: j,
-        };
-      }
-      rowIndex++;
-    }
-  }
-  return {
-    columns: newColumns,
-    rows: newRows,
-  };
-}
-/**
- * Creates a new dataset from the input one.
- * The new columns are to be specified in the columns argument along with their creation criteria.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {KupDataNewColumn[]} newColumns - Array containing the specifics of the new columns to be created.
- * @returns {KupDataDataset} Resulting dataset.
- */
-export function newDataset(dataset, newColumns) {
-  const outputColumns = [];
-  const outputRows = [];
-  for (let index = 0; index < newColumns.length; index++) {
-    const newColumn = newColumns[index].column;
-    const criteria = newColumns[index].criteria;
-    const cells = findCell(dataset, criteria);
-    let rowIndex = 0;
-    for (let index = 0; index < cells.length; index++) {
-      const cell = cells[index];
-      let outputRow = null;
-      if (!outputRows[rowIndex]) {
-        outputRows[rowIndex] = { cells: {} };
-      }
-      outputRow = outputRows[rowIndex];
-      outputRow.cells[newColumn.name] = JSON.parse(JSON.stringify(cell));
-      rowIndex++;
-    }
-    outputColumns.push(newColumn);
-  }
-  return {
-    columns: outputColumns,
-    rows: outputRows,
-  };
-}
-/**
- * Creates a new dataset with sorted elements.
- * @param {KupDataDataset} dataset Input dataset.
- * @param {KupDataDatasetSort} sortType Type of sort to apply.
- * @param {string} headerColumn The column used for sorting.
- * @returns {KupDataDataset} Sorted dataset.
- */
-export function sortDataset(dataset, sortType, headerColumn) {
-  if (sortType != 'normalDistribution') {
-    const message = 'Wrong sort type! (' + sortType + ')';
-    dom.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
-    return dataset;
-  }
-  const output = {
-    columns: JSON.parse(JSON.stringify(dataset.columns)),
-    rows: [],
-  };
-  const length = dataset.rows.length;
-  // sort all columns values by descending
-  let values = getCellValue(dataset, [headerColumn]);
-  values.sort(function (a, b) {
-    return Number(a) - Number(b);
-  });
-  values.reverse();
-  // excluding duplicates values.
-  values = [...new Set(values)];
-  // calculating middle index
-  const idx = Math.floor(length / 2);
-  let lastIdx = idx - 1;
-  let leftIdx = idx - 1;
-  let rightIdx = idx + 1;
-  // sort the rows like a "mountain", the greatest is in the middle and the other ones are splitted left and right
-  for (let i = 0; i < length; i++) {
-    const value = values[i];
-    // looping the rows because we have many rows with same value.
-    finder(dataset, { columns: [headerColumn], value: value }).rows.forEach((row) => {
-      const xC = output.rows[idx];
-      if (xC == null) {
-        output.rows[idx] = JSON.parse(JSON.stringify(row));
-      }
-      else {
-        output.rows[lastIdx] = JSON.parse(JSON.stringify(row));
-        if (lastIdx > idx) {
-          // right from the middle index.
-          lastIdx = leftIdx;
-          rightIdx++;
-        }
-        else {
-          // left from the middle index.
-          lastIdx = rightIdx;
-          leftIdx--;
-        }
-      }
-    });
-  }
-  return output;
-}
-/**
- * Creates a new dataset with transposed columns and rows.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {string} headerColumn - When specified, it will be the column used as header. When missing, the header will be a series of progressive numbers.
- * @returns {KupDataDataset} Transposed dataset.
- */
-export function transposeDataset(dataset, headerColumn) {
-  const transposed = { columns: [], rows: [] };
-  let firstColumn = null;
-  if (headerColumn) {
-    firstColumn = findColumns(dataset, { name: headerColumn })[0];
-    transposed.columns.push(firstColumn);
-    for (let index = 0; index < dataset.rows.length; index++) {
-      const row = dataset.rows[index];
-      const cell = row.cells[firstColumn.name];
-      const title = cell.displayedValue
-        ? cell.displayedValue
-        : cell.value;
-      transposed.columns.push({
-        name: cell.value + '_' + row.id,
-        title,
-      });
-    }
-  }
-  else {
-    firstColumn = { name: fieldColumn.toUpperCase(), title: fieldColumn };
-    transposed.columns.push(firstColumn);
-    for (let index = 0; index < dataset.rows.length; index++) {
-      const row = dataset.rows[index];
-      transposed.columns.push({
-        name: row.id,
-        title: '#' + index,
-      });
-    }
-  }
-  for (let index = headerColumn ? 1 : 0; index < dataset.columns.length; index++) {
-    const oldColumn = dataset.columns[index];
-    const cells = {};
-    cells[firstColumn.name] = {
-      value: oldColumn.title,
-    };
-    for (let index = 1; index < transposed.columns.length; index++) {
-      const newColumn = transposed.columns[index];
-      const oldRow = dataset.rows[index - 1];
-      const cellName = headerColumn ? newColumn.name : oldRow.id;
-      cells[cellName] = oldRow.cells[oldColumn.name];
-      if (oldColumn.icon && !cells[cellName].icon) {
-        cells[cellName].icon = oldColumn.icon;
-      }
-      if (oldColumn.shape && !cells[cellName].shape) {
-        cells[cellName].shape = oldColumn.shape;
-      }
-    }
-    // If a record is key and no column argument is provided, it will be placed on top
-    if (!headerColumn && oldColumn.isKey) {
-      transposed.rows.unshift({
-        id: String(index),
-        cells,
-        transposedColumnName: oldColumn.name,
-      });
-    }
-    else {
-      transposed.rows.push({
-        id: String(index),
-        cells,
-        transposedColumnName: oldColumn.name,
-      });
-    }
-  }
-  return transposed;
-}

package/dist/collection/managers/kup-data/kup-data-helper.js

@@ -1,61 +0,0 @@
-const dom = document.documentElement;
-/**
- * Utility used by findRow and findCell.
- * @param {KupDataDataset} dataset - Input dataset.
- * @param {KupDataFindCellFilters} filters - Filters of the research.
- * @returns {{cells: KupDataCell[], rows: KupDataRow[]}}  Object containing rows and cells.
- */
-export function finder(dataset, filters) {
-  const columns = filters ? filters.columns : null;
-  const range = filters ? filters.range : null;
-  const value = filters ? filters.value : null;
-  const min = range && range.min ? range.min : null;
-  const max = range && range.max ? range.max : null;
-  const result = {
-    cells: [],
-    rows: [],
-  };
-  for (let index = 0; index < dataset.rows.length; index++) {
-    const row = dataset.rows[index];
-    const cells = row.cells;
-    for (const key in cells) {
-      const cell = cells[key];
-      if (!columns || !columns.length || columns.includes(key)) {
-        if (min && max) {
-          let d = null, s = '', n = 0;
-          if (dom.ketchup.objects.isDate(cell.obj)) {
-            d = dom.ketchup.dates.toDate(cell.value);
-            const dMax = dom.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
-            const dMin = dom.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
-            if (d === dMax ||
-              d === dMin ||
-              (d < dMax && d > dMin)) {
-              result.cells.push(cell);
-              result.rows.push(row);
-            }
-          }
-          else if (typeof min === 'string' ||
-            min instanceof String) {
-            s = cell.value;
-            if (s === max || s === min || (s < max && s > min)) {
-              result.cells.push(cell);
-              result.rows.push(row);
-            }
-          }
-          else {
-            n = dom.ketchup.data.numberify(cell.value);
-            if (n === max || n === min || (n < max && n > min)) {
-              result.cells.push(cell);
-              result.rows.push(row);
-            }
-          }
-        }
-        else if (value === cell.value) {
-          result.cells.push(cell);
-          result.rows.push(row);
-        }
-      }
-    }
-  }
-  return result;
-}

package/dist/collection/utils/state-utils.js

@@ -1,9 +0,0 @@
-import { deepEqual } from './utils';
-export function isStateChanged(stateMap) {
-  for (const key of stateMap.keys()) {
-    if (!deepEqual(key, stateMap.get(key))) {
-      return true;
-    }
-  }
-  return false;
-}

package/dist/ketchup/p-0032a782.entry.js

@@ -1 +0,0 @@
-import{r as t,f as i,h as s,H as e,g as o}from"./p-ed0b8666.js";import{k as a,i as n,j as c,$ as r,H as h,a0 as l,p,b as u}from"./p-b0d1bdd8.js";import{F as d}from"./p-6c77a36c.js";import{F as b}from"./p-fa540f82.js";import{g as m,s as k}from"./p-78aa6f1b.js";import{c as f}from"./p-97e8ea42.js";var g,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(g||(g={})),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={}));let 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 m(this,g,t)}async refresh(){i(this)}async setProps(t){k(this,g,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({text:x[i],value:x[i],selected:!1});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(n.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!",c.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",c.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+")!",c.ERROR)}else i.push(s("div",{class:"empty"},s(b,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(n.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.",c.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(r,(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:`[${h}],[${l}]`},{dispatcher:this.rootElement,type:p.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:f},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:d.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${u.PRIMARY}: var(${u.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/ketchup/p-18c4d083.entry.js

@@ -1 +0,0 @@
-import{r as t,c as n,h as i,g as a,f as e,H as l}from"./p-ed0b8666.js";import{k as s,j as o}from"./p-b0d1bdd8.js";import{g as d,s as r}from"./p-78aa6f1b.js";import{c as u}from"./p-97e8ea42.js";let c=class{constructor(i){t(this,i),this.dashClick=n(this,"kup-dash-click",6),this.active=!1,this.fontsize="",this.layout="1",this.index=0,this.kupManager=s()}onDshClickHandler(){this.dashClick.emit({id:this.index})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;switch(this.layout){case"2":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"})));break;case"3":t=i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"4":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-and-unit"},i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"}))),i("div",null),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"5":t=i("div",null,i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"6":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))));break;case"7":t=i("div",null,i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"8":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;default:t=i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"})))}return i("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},i("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return a(this)}};var g;c.style="#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}",function(t){t.columns="The number of columns displayed by the grid, the default behavior is 12.",t.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",t.singleLine="When set to true, forces the content on a single line."}(g||(g={}));let p=class{constructor(n){t(this,n),this.columns=12,this.customStyle="",this.singleLine=!1,this.kupManager=s()}async getProps(t){return d(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.rootElement.children;if(!t||0===t.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",o.WARNING);const n=[];for(let a=0;a<t.length;a++){let e=null;if(this.singleLine)e=i("slot",{name:`${a}`});else{let n=1;t[a].span&&(n=t[a].span),e=i("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},i("slot",{name:`${a}`}))}n.push(e)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),i(l,{style:a},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:u},i("div",{class:this.singleLine?"flex-layout":"layout-grid"},i("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};p.style=":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";export{c as kup_dash,p as kup_grid}

package/dist/ketchup/p-199c972e.entry.js

@@ -1 +0,0 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-ed0b8666.js";import{k as l}from"./p-b0d1bdd8.js";import{c as o}from"./p-97e8ea42.js";let n=class{constructor(s){t(this,s),this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1},this.kupManager=l(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:o},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}

package/dist/ketchup/p-34aa8d8a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as o,g as l}from"./p-ed0b8666.js";import{k as a,j as h}from"./p-b0d1bdd8.js";import{c as n}from"./p-97e8ea42.js";var u;!function(t){t.customStyle="Custom style of the component.",t.data="Effective data to pass to the component.",t.label="The text of the label. If set to empty or has only white space chars, the label will be removed.",t.labelPos="Sets the label's position, left right or top.",t.showSubmit="Sets whether the submit button must be displayed or not.",t.submitLabel="Sets the submit button's label.",t.submitPos="Sets the submit button's position, top right bottom or left.",t.type="The type of the FLD"}(u||(u={}));let r=class{constructor(s){t(this,s),this.kupChange=i(this,"kup-field-change",6),this.kupSubmit=i(this,"kup-field-submit",6),this.customStyle="",this.data={},this.label="",this.labelPos="left",this.showSubmit=!1,this.submitLabel="",this.submitPos="right",this.type=void 0,this.kupManager=a(),this.currentValue=null,this.previousValue=null,this.onChangeInstance=this.onChange.bind(this),this.onSubmitInstance=this.onSubmit.bind(this)}onChange(t){const{value:i,info:s}=t.detail;this.kupChange.emit({originalEvent:t,oldValue:this.currentValue,value:i,info:s}),this.previousValue=this.currentValue,this.currentValue=i}onSubmit(t){this.kupSubmit.emit({originalEvent:t,oldValue:this.previousValue,value:this.currentValue,info:{obj:t.detail.info&&t.detail.info.obj?t.detail.info.obj:void 0}})}async getCurrentValue(){return this.currentValue}async getProps(t){let i={};if(t)i=u;else for(const t in u)Object.prototype.hasOwnProperty.call(u,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=[],i=null,s=null,l="",a=Object.assign({},this.data);this.label.trim().length&&(l+=" label-"+this.labelPos,i=e("label",{class:"kup-field__label kup-field--"+this.labelPos},this.label)),this.showSubmit&&(l+=" submit-"+this.submitPos,s=e("kup-button",{class:"kup-field__submit",label:this.submitLabel,"onkup-button-click":this.onSubmitInstance}));const u="top"===this.labelPos,r="left"===this.labelPos,b="right"===this.labelPos,p="top"===this.submitPos,c="left"===this.submitPos,m="right"===this.submitPos,d="bottom"===this.submitPos;let f;if((u||p)&&t.push(e("div",{class:"kup-field__top-container"},u&&i?i:null,p&&s?s:null)),r&&i&&t.push(i),c&&s&&t.push(s),void 0===this.type)this.kupManager.debug.logMessage(this,"Type (state) is undefined!",h.WARNING);else switch(this.type.toLowerCase()){case"cmb":f="kup-combobox",a.onKupComboboxChange=this.onChangeInstance;break;case"itx":f="kup-text-field",a.onkupTextFieldChange=this.onChangeInstance;break;case"rad":f="kup-radio",a.onkupRadioChange=this.onChangeInstance}return t.push(e(f,Object.assign({class:"kup-field__component"},a))),b&&i&&t.push(i),(m||d)&&s&&t.push(s),e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:n,class:l},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}};r.style=":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";export{r as kup_field}

package/dist/ketchup/p-542279e9.entry.js

@@ -1 +0,0 @@
-import{r,c as a,f as o,h as t,H as n,g as i}from"./p-ed0b8666.js";import{k as s}from"./p-b0d1bdd8.js";import{g as p,s as b}from"./p-78aa6f1b.js";import{c as e}from"./p-97e8ea42.js";var v,l;!function(r){r.customStyle="Custom style of the component.",r.image="Image displayed by the nav bar, uses the kup-image component's props.",r.label="Text displayed by the nav bar.",r.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",r.styling="Defines the style of the nav bar"}(v||(v={})),function(r){r.SHORT="short",r.STANDARD="standard"}(l||(l={}));let u=class{constructor(o){r(this,o),this.kupNavbarReady=a(this,"kup-navbar-ready",6),this.kupNavbarResize=a(this,"kup-navbar-resize",6),this.customStyle="",this.styling=l.STANDARD,this.kupManager=s()}async getProps(r){return p(this,v,r)}async refresh(){o(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(r){b(this,v,r)}content(){const r=Array.prototype.slice.call(this.rootElement.children,0),a=[],o=[];for(let n=0;n<r.length;n++)"left"===r[n].slot?a.push(t("slot",{name:"left"})):o.push(t("slot",{name:"right"}));return[t("section",{class:"nav-bar__section nav-bar__section--align-start"},a),t("section",{class:"nav-bar__section nav-bar__section--align-end",role:"toolbar"},o)]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),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,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return t(n,{class:"header"},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:e},t("header",{class:`nav-bar nav-bar--${this.styling.toLowerCase()} `},t("div",{class:"nav-bar__row"},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};u.style=":host{--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_padding:var(--kup-navbar-padding, 8px 12px);--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-shadow:var(--kup_navbar_box_shadow);box-sizing:border-box;color:var(--kup-navbar-color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width)}.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-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-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}::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-primary-color:var(--kup-navbar-color);--kup-textfield-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}";export{u as kup_nav_bar}