@sme.up/ketchup 8.0.2 → 8.2.0

package/dist/collection/components/kup-card/box/kup-card-box.js

@@ -1,227 +1,227 @@
-import { h } from '@stencil/core';
-import { FCell } from '../../../f-components/f-cell/f-cell';
-import { FCellPadding, FCellShapes, } from '../../../f-components/f-cell/f-cell-declarations';
-const dom = document.documentElement;
-/**
- * 1st box card layout, it can be used as a key-value grid list.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 1st box layout virtual node.
- */
-export function create1(component) {
-  const rows = [];
-  for (let index = 0; index < component.data.cell.length; index++) {
-    const cell = component.data.cell[index];
-    const column = component.data.columns[index];
-    const props = {
-      cell: cell,
-      column: column,
-      component: component,
-      density: FCellPadding.NONE,
-      renderKup: true,
-      row: { cells: { [column.name]: cell } },
-    };
-    rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: "value" }, h(FCell, Object.assign({}, props)))));
-  }
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("table", null, rows)));
-}
-/**
- * 2nd box card layout, it can be used as a key-value grid list with text occupying the left/right edges of the box.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 2nd box layout virtual node.
- */
-export function create2(component) {
-  const rows = [];
-  for (let index = 0; index < component.data.cell.length; index++) {
-    const cell = component.data.cell[index];
-    const column = component.data.columns[index];
-    const props = {
-      cell: cell,
-      column: column,
-      component: component,
-      density: FCellPadding.NONE,
-      renderKup: true,
-      row: { cells: { [column.name]: cell } },
-    };
-    props.cell.cssClass = props.cell.cssClass
-      ? props.cell.cssClass + ' c-right-aligned'
-      : 'c-right-aligned';
-    rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: "value" }, h(FCell, Object.assign({}, props)))));
-  }
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("table", null, rows)));
-}
-/**
- * 3rd box card layout, it can be used as a key-value row list.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 3rd box layout virtual node.
- */
-export function create3(component) {
-  const rows = [];
-  for (let index = 0; index < component.data.cell.length; index++) {
-    const cell = component.data.cell[index];
-    const column = component.data.columns[index];
-    const props = {
-      cell: cell,
-      column: column,
-      component: component,
-      density: FCellPadding.NONE,
-      renderKup: true,
-      row: { cells: { [column.name]: cell } },
-    };
-    rows.push(h("div", { class: "flex-container" }, h("div", { class: "label" }, column.title), h("div", { class: "value" }, h(FCell, Object.assign({}, props)))));
-  }
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, rows)));
-}
-/**
- * 4th box card layout, image and value.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 4th box layout virtual node.
- */
-export function create4(component) {
-  var _a;
-  const cells = component.data.cell;
-  const columns = component.data.columns;
-  let image = null;
-  let value = null;
-  for (let index = 0; index < cells.length; index++) {
-    const cell = cells[index];
-    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
-      dom.ketchup.objects.isIcon(cell.obj) ||
-      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
-    if (!image && isImage) {
-      image = index;
-      if (!cell.data) {
-        cell.data = { resource: cell.value };
-      }
-    }
-    if (!value && !isImage) {
-      value = index;
-    }
-  }
-  const imageProps = {
-    cell: cells[image],
-    column: columns[image],
-    component: component,
-    density: FCellPadding.NONE,
-    renderKup: true,
-    row: { cells: { [columns[image].name]: cells[image] } },
-    wrapperClass: 'c-centered',
-  };
-  const valueProps = {
-    cell: cells[value],
-    column: columns[value],
-    component: component,
-    density: FCellPadding.NONE,
-    renderKup: true,
-    row: { cells: { [columns[value].name]: cells[value] } },
-    wrapperClass: 'c-centered',
-  };
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps))), h("div", { class: "value" }, h(FCell, Object.assign({}, valueProps))))));
-}
-/**
- * 5th box card layout, image on the left and rows of text.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 5th box layout virtual node.
- */
-export function create5(component) {
-  var _a;
-  const cells = component.data.cell;
-  const columns = component.data.columns;
-  const rows = [];
-  let imageProps = null;
-  for (let index = 0; index < cells.length; index++) {
-    const cell = cells[index];
-    const column = component.data.columns[index];
-    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
-      dom.ketchup.objects.isIcon(cell.obj) ||
-      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
-    if (!imageProps && isImage) {
-      imageProps = {
-        cell: cells[index],
-        column: columns[index],
-        component: component,
-        density: FCellPadding.NONE,
-        renderKup: true,
-        row: { cells: { [columns[index].name]: cells[index] } },
-        wrapperClass: 'c-centered',
-      };
-      if (!cell.data) {
-        cell.data = { resource: cell.value };
-      }
-    }
-    else {
-      const props = {
-        cell: cell,
-        column: column,
-        component: component,
-        density: FCellPadding.NONE,
-        renderKup: true,
-        row: { cells: { [column.name]: cell } },
-      };
-      rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: `value` }, h(FCell, Object.assign({}, props)))));
-    }
-  }
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, imageProps ? (h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps)))) : null, h("div", { class: "table" }, h("table", null, rows)))));
-}
-/**
- * 6th box card layout, image on the left and vertical list of text.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 6th box layout virtual node.
- */
-export function create6(component) {
-  var _a;
-  const cells = component.data.cell;
-  const columns = component.data.columns;
-  const rows = [];
-  let image = null;
-  for (let index = 0; index < cells.length; index++) {
-    const cell = cells[index];
-    const column = component.data.columns[index];
-    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
-      dom.ketchup.objects.isIcon(cell.obj) ||
-      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
-    if (!image && isImage) {
-      image = index;
-      if (!cell.data) {
-        cell.data = { resource: cell.value };
-      }
-    }
-    else {
-      const props = {
-        cell: cell,
-        column: column,
-        component: component,
-        density: FCellPadding.NONE,
-        renderKup: true,
-        row: { cells: { [column.name]: cell } },
-      };
-      rows.push(h("tr", null, h("td", { class: "label" }, column.title)));
-      rows.push(h("tr", null, h("td", { class: `value` }, h(FCell, Object.assign({}, props)))));
-    }
-  }
-  const imageProps = {
-    cell: cells[image],
-    column: columns[image],
-    component: component,
-    density: FCellPadding.NONE,
-    renderKup: true,
-    row: { cells: { [columns[image].name]: cells[image] } },
-    wrapperClass: 'c-centered',
-  };
-  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps))), h("div", { class: "table" }, h("table", null, rows)))));
-}
-/**
- * 7th box card layout, image above and rows of text.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 7th box layout virtual node.
- */
-export function create7(component) {
-  return create5(component);
-}
-/**
- * 8th box card layout, image above and vertical list of text.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 8th box layout virtual node.
- */
-export function create8(component) {
-  return create6(component);
-}
+import { h } from '@stencil/core';
+import { FCell } from '../../../f-components/f-cell/f-cell';
+import { FCellPadding, FCellShapes, } from '../../../f-components/f-cell/f-cell-declarations';
+const dom = document.documentElement;
+/**
+ * 1st box card layout, it can be used as a key-value grid list.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st box layout virtual node.
+ */
+export function create1(component) {
+  const rows = [];
+  for (let index = 0; index < component.data.cell.length; index++) {
+    const cell = component.data.cell[index];
+    const column = component.data.columns[index];
+    const props = {
+      cell: cell,
+      column: column,
+      component: component,
+      density: FCellPadding.NONE,
+      renderKup: true,
+      row: { cells: { [column.name]: cell } },
+    };
+    rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: "value" }, h(FCell, Object.assign({}, props)))));
+  }
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("table", null, rows)));
+}
+/**
+ * 2nd box card layout, it can be used as a key-value grid list with text occupying the left/right edges of the box.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 2nd box layout virtual node.
+ */
+export function create2(component) {
+  const rows = [];
+  for (let index = 0; index < component.data.cell.length; index++) {
+    const cell = component.data.cell[index];
+    const column = component.data.columns[index];
+    const props = {
+      cell: cell,
+      column: column,
+      component: component,
+      density: FCellPadding.NONE,
+      renderKup: true,
+      row: { cells: { [column.name]: cell } },
+    };
+    props.cell.cssClass = props.cell.cssClass
+      ? props.cell.cssClass + ' c-right-aligned'
+      : 'c-right-aligned';
+    rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: "value" }, h(FCell, Object.assign({}, props)))));
+  }
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("table", null, rows)));
+}
+/**
+ * 3rd box card layout, it can be used as a key-value row list.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 3rd box layout virtual node.
+ */
+export function create3(component) {
+  const rows = [];
+  for (let index = 0; index < component.data.cell.length; index++) {
+    const cell = component.data.cell[index];
+    const column = component.data.columns[index];
+    const props = {
+      cell: cell,
+      column: column,
+      component: component,
+      density: FCellPadding.NONE,
+      renderKup: true,
+      row: { cells: { [column.name]: cell } },
+    };
+    rows.push(h("div", { class: "flex-container" }, h("div", { class: "label" }, column.title), h("div", { class: "value" }, h(FCell, Object.assign({}, props)))));
+  }
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, rows)));
+}
+/**
+ * 4th box card layout, image and value.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 4th box layout virtual node.
+ */
+export function create4(component) {
+  var _a;
+  const cells = component.data.cell;
+  const columns = component.data.columns;
+  let image = null;
+  let value = null;
+  for (let index = 0; index < cells.length; index++) {
+    const cell = cells[index];
+    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
+      dom.ketchup.objects.isIcon(cell.obj) ||
+      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
+    if (!image && isImage) {
+      image = index;
+      if (!cell.data) {
+        cell.data = { resource: cell.value };
+      }
+    }
+    if (!value && !isImage) {
+      value = index;
+    }
+  }
+  const imageProps = {
+    cell: cells[image],
+    column: columns[image],
+    component: component,
+    density: FCellPadding.NONE,
+    renderKup: true,
+    row: { cells: { [columns[image].name]: cells[image] } },
+    wrapperClass: 'c-centered',
+  };
+  const valueProps = {
+    cell: cells[value],
+    column: columns[value],
+    component: component,
+    density: FCellPadding.NONE,
+    renderKup: true,
+    row: { cells: { [columns[value].name]: cells[value] } },
+    wrapperClass: 'c-centered',
+  };
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps))), h("div", { class: "value" }, h(FCell, Object.assign({}, valueProps))))));
+}
+/**
+ * 5th box card layout, image on the left and rows of text.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 5th box layout virtual node.
+ */
+export function create5(component) {
+  var _a;
+  const cells = component.data.cell;
+  const columns = component.data.columns;
+  const rows = [];
+  let imageProps = null;
+  for (let index = 0; index < cells.length; index++) {
+    const cell = cells[index];
+    const column = component.data.columns[index];
+    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
+      dom.ketchup.objects.isIcon(cell.obj) ||
+      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
+    if (!imageProps && isImage) {
+      imageProps = {
+        cell: cells[index],
+        column: columns[index],
+        component: component,
+        density: FCellPadding.NONE,
+        renderKup: true,
+        row: { cells: { [columns[index].name]: cells[index] } },
+        wrapperClass: 'c-centered',
+      };
+      if (!cell.data) {
+        cell.data = { resource: cell.value };
+      }
+    }
+    else {
+      const props = {
+        cell: cell,
+        column: column,
+        component: component,
+        density: FCellPadding.NONE,
+        renderKup: true,
+        row: { cells: { [column.name]: cell } },
+      };
+      rows.push(h("tr", null, h("td", { class: "label" }, column.title), h("td", { class: `value` }, h(FCell, Object.assign({}, props)))));
+    }
+  }
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, imageProps ? (h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps)))) : null, h("div", { class: "table" }, h("table", null, rows)))));
+}
+/**
+ * 6th box card layout, image on the left and vertical list of text.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 6th box layout virtual node.
+ */
+export function create6(component) {
+  var _a;
+  const cells = component.data.cell;
+  const columns = component.data.columns;
+  const rows = [];
+  let image = null;
+  for (let index = 0; index < cells.length; index++) {
+    const cell = cells[index];
+    const column = component.data.columns[index];
+    const isImage = dom.ketchup.objects.isImage(cell.obj) ||
+      dom.ketchup.objects.isIcon(cell.obj) ||
+      ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
+    if (!image && isImage) {
+      image = index;
+      if (!cell.data) {
+        cell.data = { resource: cell.value };
+      }
+    }
+    else {
+      const props = {
+        cell: cell,
+        column: column,
+        component: component,
+        density: FCellPadding.NONE,
+        renderKup: true,
+        row: { cells: { [column.name]: cell } },
+      };
+      rows.push(h("tr", null, h("td", { class: "label" }, column.title)));
+      rows.push(h("tr", null, h("td", { class: `value` }, h(FCell, Object.assign({}, props)))));
+    }
+  }
+  const imageProps = {
+    cell: cells[image],
+    column: columns[image],
+    component: component,
+    density: FCellPadding.NONE,
+    renderKup: true,
+    row: { cells: { [columns[image].name]: cells[image] } },
+    wrapperClass: 'c-centered',
+  };
+  return (h("div", { class: `box-layout-${component.layoutNumber}` }, h("div", { class: "container" }, h("div", { class: "image" }, h(FCell, Object.assign({}, imageProps))), h("div", { class: "table" }, h("table", null, rows)))));
+}
+/**
+ * 7th box card layout, image above and rows of text.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 7th box layout virtual node.
+ */
+export function create7(component) {
+  return create5(component);
+}
+/**
+ * 8th box card layout, image above and vertical list of text.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 8th box layout virtual node.
+ */
+export function create8(component) {
+  return create6(component);
+}

package/dist/collection/components/kup-card/built-in/kup-card-built-in.js

@@ -1,56 +1,56 @@
-import { h } from '@stencil/core';
-import { KupCardCSSClasses } from '../kup-card-declarations';
-import { prepareCalendar } from './kup-card-calendar';
-import { prepareClock } from './kup-card-clock';
-import { prepareColumnDropMenu } from './kup-card-column-drop-menu';
-import { prepareMessageBox } from './kup-card-message-box';
-import { prepareNumeric } from './kup-card-numeric';
-/**
- * 1st built-in layout, calendar view.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 1st built-in layout virtual node.
- */
-export function create1(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareCalendar(component)));
-}
-/**
- * 2nd built-in layout, clock view.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 2st built-in layout virtual node.
- */
-export function create2(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareClock(component)));
-}
-/**
- * 3rd built-in layout, column drop menu - used in data table when a column is dropped onto another one.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 3rd built-in layout virtual node.
- */
-export function create3(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareColumnDropMenu(component)));
-}
-/**
- * 4th built-in layout, color picker.
- * This layout is rendered after the render cycle completes.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 4th built-in layout virtual node.
- */
-export function create4(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }));
-}
-/**
- * 5th built-in layout, numeric picker.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 5th built-in layout virtual node.
- */
-export function create5(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareNumeric(component)));
-}
-/**
- * 6th built-in layout, message box with confirm and cancel buttons.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 6th built-in layout virtual node.
- */
-export function create6(component) {
-  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareMessageBox(component)));
-}
+import { h } from '@stencil/core';
+import { KupCardCSSClasses } from '../kup-card-declarations';
+import { prepareCalendar } from './kup-card-calendar';
+import { prepareClock } from './kup-card-clock';
+import { prepareColumnDropMenu } from './kup-card-column-drop-menu';
+import { prepareMessageBox } from './kup-card-message-box';
+import { prepareNumeric } from './kup-card-numeric';
+/**
+ * 1st built-in layout, calendar view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st built-in layout virtual node.
+ */
+export function create1(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareCalendar(component)));
+}
+/**
+ * 2nd built-in layout, clock view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 2st built-in layout virtual node.
+ */
+export function create2(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareClock(component)));
+}
+/**
+ * 3rd built-in layout, column drop menu - used in data table when a column is dropped onto another one.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 3rd built-in layout virtual node.
+ */
+export function create3(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareColumnDropMenu(component)));
+}
+/**
+ * 4th built-in layout, color picker.
+ * This layout is rendered after the render cycle completes.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 4th built-in layout virtual node.
+ */
+export function create4(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }));
+}
+/**
+ * 5th built-in layout, numeric picker.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 5th built-in layout virtual node.
+ */
+export function create5(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareNumeric(component)));
+}
+/**
+ * 6th built-in layout, message box with confirm and cancel buttons.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 6th built-in layout virtual node.
+ */
+export function create6(component) {
+  return (h("div", { class: `built-in-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILT_IN_CARD}` }, prepareMessageBox(component)));
+}