@sme.up/ketchup 4.3.0-SNAPSHOT → 5.1.0-SNAPSHOT

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

@@ -1,20 +0,0 @@
-import { h } from '@stencil/core';
-import { KupCardCSSClasses } from '../kup-card-declarations';
-import { prepareCalendar } from './kup-card-calendar';
-import { prepareClock } from './kup-card-clock';
-/**
- * 1st builtin card layout, calendar view.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 1st builtin layout virtual node.
- */
-export function create1(component) {
-  return (h("div", { class: `builtin-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILTIN_CARD}` }, prepareCalendar(component)));
-}
-/**
- * 2st builtin card layout, time view.
- * @param {KupCard} component - Card component.
- * @returns {VNode} 2st builtin layout virtual node.
- */
-export function create2(component) {
-  return (h("div", { class: `builtin-layout-${component.layoutNumber} ${KupCardCSSClasses.BUILTIN_CARD}` }, prepareClock(component)));
-}

package/dist/collection/components/kup-paginator/kup-paginator-declarations.js

@@ -1,5 +0,0 @@
-export var PaginatorMode;
-(function (PaginatorMode) {
-  PaginatorMode["SIMPLE"] = "simple";
-  PaginatorMode["FULL"] = "full";
-})(PaginatorMode || (PaginatorMode = {}));

package/dist/collection/components/kup-paginator/kup-paginator.css

@@ -1,46 +0,0 @@
-:host {
-  display: block;
-}
-
-#kup-component {
-  margin: 0.5em 0;
-  display: flex;
-  flex-wrap: wrap;
-}
-#kup-component .align-right {
-  margin-right: 0.5em;
-}
-#kup-component .align-left,
-#kup-component .align-right {
-  display: flex;
-  align-items: center;
-}
-#kup-component .prev-page,
-#kup-component .next-page {
-  margin: 0 0.25em;
-}
-#kup-component .prev-page {
-  float: left;
-}
-#kup-component .next-page {
-  float: right;
-}
-#kup-component kup-combobox {
-  display: inline-block;
-  margin: 0 0.25em;
-  z-index: 0;
-}
-#kup-component kup-combobox.page-selector {
-  width: 100px;
-}
-#kup-component kup-combobox.rows-selector {
-  width: 150px;
-}
-
-:host([mode=simple]) #paginator .align-left .prev-page,
-:host([mode=simple]) #paginator .align-left .next-page {
-  display: none;
-}
-:host([mode=simple]) #paginator .align-right {
-  display: none;
-}

package/dist/collection/components/kup-paginator/kup-paginator.js

@@ -1,408 +0,0 @@
-import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, } from '@stencil/core';
-import { PaginatorMode, } from './kup-paginator-declarations';
-import { isNumber } from '../../utils/utils';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
-import { FButton } from '../../f-components/f-button/f-button';
-import { KupLanguagePage, KupLanguageRow, } from '../../utils/kup-language/kup-language-declarations';
-import { componentWrapperId } from '../../variables/GenericVariables';
-export class KupPaginator {
-  constructor() {
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    this.currentPage = 1;
-    this.max = 0;
-    this.mode = PaginatorMode.FULL;
-    this.perPage = 10;
-    this.selectedPerPage = 10;
-    this.comboPageSelectorEl = undefined;
-    this.comboRowsSelectorEl = undefined;
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-  }
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    forceUpdate(this);
-  }
-  isPrevPageDisabled() {
-    return this.currentPage == 1;
-  }
-  isNextPageDisabled() {
-    return this.currentPage * this.selectedPerPage >= this.max;
-  }
-  onPageChange(event) {
-    event.stopPropagation();
-    if (event.detail.value) {
-      if (isNumber(event.detail.value)) {
-        const numberOfPages = Math.ceil(this.max / this.selectedPerPage);
-        let tmpNewPage = event.detail.value;
-        if (tmpNewPage > numberOfPages) {
-          tmpNewPage = numberOfPages;
-        }
-        if (tmpNewPage < 1) {
-          tmpNewPage = 1;
-        }
-        this.kupPaginatorPageChanged.emit({
-          newPage: tmpNewPage,
-          id: this.rootElement.id,
-          comp: this,
-        });
-      }
-    }
-  }
-  onPrevPage() {
-    if (this.isPrevPageDisabled()) {
-      return;
-    }
-    // fire next page event
-    this.kupPaginatorPageChanged.emit({
-      newPage: this.currentPage - 1,
-      id: this.rootElement.id,
-      comp: this,
-    });
-  }
-  onNextPage() {
-    if (this.isNextPageDisabled()) {
-      return;
-    }
-    // fire next page event
-    this.kupPaginatorPageChanged.emit({
-      newPage: this.currentPage + 1,
-      id: this.rootElement.id,
-      comp: this,
-    });
-  }
-  onRowsPerPage(event) {
-    event.stopPropagation();
-    if (event.detail.value) {
-      if (isNumber(event.detail.value)) {
-        let tmpRowsPerPage = event.detail.value;
-        if (tmpRowsPerPage > this.max) {
-          tmpRowsPerPage = this.max;
-        }
-        if (tmpRowsPerPage < 1) {
-          tmpRowsPerPage = 1;
-        }
-        this.kupRowsPerPageChanged.emit({
-          newRowsPerPage: tmpRowsPerPage,
-          id: this.rootElement.id,
-          comp: this,
-        });
-      }
-    }
-  }
-  // render functions
-  getGoToPageItems(maxNumberOfPage) {
-    const goToPageItems = [];
-    for (let i = 1; i <= maxNumberOfPage; i++) {
-      let selected = i == this.currentPage;
-      goToPageItems.push({
-        text: i.toString(),
-        value: i.toString(),
-        selected: selected,
-      });
-    }
-    return goToPageItems;
-  }
-  getRowsPerPageItems() {
-    const rowsPerPageItems = [];
-    /*if (this.currentPage !== this.max) {*/
-    let i = this.selectedPerPage;
-    if (i === 0) {
-      return rowsPerPageItems;
-    }
-    while (i < this.max) {
-      let selected = i == this.selectedPerPage;
-      rowsPerPageItems.push({
-        text: i.toString(),
-        value: i.toString(),
-        selected: selected,
-      });
-      i = i * 2;
-    }
-    let selected = this.max == this.selectedPerPage;
-    // adding 'max' option
-    rowsPerPageItems.push({
-      text: this.max,
-      value: this.max,
-      selected: selected,
-    });
-    /*} else {
-        rowsPerPageItems.push({
-            text: this.perPage,
-            value: this.perPage,
-            selected: true,
-        });
-    }*/
-    return rowsPerPageItems;
-  }
-  //---- Lifecycle hooks ----
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.language.register(this);
-    this.selectedPerPage = this.perPage;
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    if (this.comboPageSelectorEl) {
-      this.comboPageSelectorEl.setValue(this.currentPage.toString());
-    }
-    if (this.comboRowsSelectorEl) {
-      this.comboRowsSelectorEl.setValue(this.selectedPerPage.toString());
-    }
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    const maxNumberOfPage = Math.ceil(this.max / this.selectedPerPage);
-    const goToPageItems = this.getGoToPageItems(maxNumberOfPage);
-    const rowsPerPageItems = this.getRowsPerPageItems();
-    let textfieldDataPage = {
-      label: this.kupManager.language.translate(KupLanguagePage.PAGE),
-      helper: this.kupManager.language.translate(KupLanguagePage.TOTAL) +
-        `: ${maxNumberOfPage}`,
-      helperWhenFocused: true,
-    };
-    let listDataPage = {
-      data: goToPageItems,
-      selectable: true,
-    };
-    let textfieldDataRows = {
-      label: this.kupManager.language.translate(KupLanguageRow.ROWS) +
-        ' / ' +
-        this.kupManager.language.translate(KupLanguagePage.PAGE),
-      helper: this.kupManager.language.translate(KupLanguageRow.TOTAL) +
-        `: ${this.max}`,
-      helperWhenFocused: true,
-    };
-    let listDataRows = {
-      data: rowsPerPageItems,
-      selectable: true,
-    };
-    let dataPageSelector = {
-      'kup-list': listDataPage,
-      'kup-text-field': textfieldDataPage,
-    };
-    let dataRowsSelector = {
-      'kup-list': listDataRows,
-      'kup-text-field': textfieldDataRows,
-    };
-    let compCreated = (h(Host, null,
-      h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)),
-      h("div", { id: componentWrapperId },
-        h("div", { class: "align-left" },
-          h("div", { class: "nav-section" },
-            h(FButton, { icon: "chevron_left", disabled: this.isPrevPageDisabled(), wrapperClass: "prev-page", onClick: () => this.onPrevPage() }),
-            h("kup-combobox", { class: "page-selector", data: dataPageSelector, initialValue: this.currentPage.toString(), "onkup-combobox-itemclick": (e) => this.onPageChange(e), "onkup-combobox-textfieldsubmit": (e) => this.onPageChange(e), "onkup-combobox-blur": (e) => this.onPageChange(e), ref: (el) => (this.comboPageSelectorEl = el) }),
-            h(FButton, { icon: "chevron_right", disabled: this.isNextPageDisabled(), wrapperClass: "next-page", onClick: () => this.onNextPage() })),
-          h("div", { class: "tot-section" },
-            h("slot", { name: "more-results" }),
-            h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, initialValue: this.perPage.toString(), "onkup-combobox-itemclick": (e) => this.onRowsPerPage(e), "onkup-combobox-textfieldsubmit": (e) => this.onRowsPerPage(e), "onkup-combobox-blur": (e) => this.onRowsPerPage(e), ref: (el) => (this.comboRowsSelectorEl = el) }),
-            h("slot", { name: "right" }))),
-        h("div", { class: "align-left" }))));
-    return compCreated;
-  }
-  disconnectedCallback() {
-    this.kupManager.language.unregister(this);
-  }
-  static get is() { return "kup-paginator"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-paginator.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-paginator.css"]
-  }; }
-  static get properties() { return {
-    "customStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }, {
-            "name": "see",
-            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
-          }],
-        "text": "Custom style of the component."
-      },
-      "attribute": "custom-style",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "currentPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "current-page",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "max": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "PaginatorMode",
-        "resolved": "PaginatorMode.FULL | PaginatorMode.SIMPLE",
-        "references": {
-          "PaginatorMode": {
-            "location": "import",
-            "path": "./kup-paginator-declarations"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "PaginatorMode.FULL"
-    },
-    "perPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "per-page",
-      "reflect": false,
-      "defaultValue": "10"
-    },
-    "selectedPerPage": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected-per-page",
-      "reflect": false,
-      "defaultValue": "10"
-    }
-  }; }
-  static get events() { return [{
-      "method": "kupPaginatorPageChanged",
-      "name": "kup-paginator-pagechanged",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "When the current page change"
-      },
-      "complexType": {
-        "original": "KupPaginatorPageChangedEventPayload",
-        "resolved": "KupPaginatorPageChangedEventPayload",
-        "references": {
-          "KupPaginatorPageChangedEventPayload": {
-            "location": "import",
-            "path": "./kup-paginator-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupRowsPerPageChanged",
-      "name": "kup-paginator-rowsperpagechanged",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "When the rows per page change"
-      },
-      "complexType": {
-        "original": "KupPaginatorRowsPerPageChangedEventPayload",
-        "resolved": "KupPaginatorRowsPerPageChangedEventPayload",
-        "references": {
-          "KupPaginatorRowsPerPageChangedEventPayload": {
-            "location": "import",
-            "path": "./kup-paginator-declarations"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "refresh": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "This method is used to trigger a new render of the component.",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "rootElement"; }
-}

package/dist/esm/f-chip-c0e9c0ff.js

@@ -1,139 +0,0 @@
-import { h } from './index-e0e67c23.js';
-import { F as FImage } from './f-image-3bc8b24f.js';
-import { a as KupThemeIconValues, f as KupDebugCategory, b as KupThemeColorValues } from './kup-manager-7fc234da.js';
-
-/**
- * Types of the f-chip component.
- * @enum {string}
- * @property {string} CHOICE - Only 1 chip may be selected at a time.
- * @property {string} FILTER - Multiple chips may be selected at a time.
- * @property {string} INPUT - Chips can be deleted by clicking on the rightmost icon.
- * @property {string} STANDARD - Standard chip set.
- */
-var FChipType;
-(function (FChipType) {
-  FChipType["CHOICE"] = "choice";
-  FChipType["FILTER"] = "filter";
-  FChipType["INPUT"] = "input";
-  FChipType["STANDARD"] = "standard";
-})(FChipType || (FChipType = {}));
-
-const dom = document.documentElement;
-/*-------------------------------------------------*/
-/*                C o m p o n e n t                */
-/*-------------------------------------------------*/
-const FChip = (props) => {
-  if (!props.type) {
-    props.type = FChipType.STANDARD;
-  }
-  const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
-  const isFilter = props.type.toLowerCase() === FChipType.FILTER;
-  const isInput = props.type.toLowerCase() === FChipType.INPUT;
-  const classObj = {
-    'chip-set': true,
-    'chip-set--choice': isChoice ? true : false,
-    'chip-set--filter': isFilter ? true : false,
-    'chip-set--input': isInput ? true : false,
-  };
-  return (h("div", Object.assign({ class: `f-chip ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-    h("div", { class: classObj, role: "grid" }, createChipList(props, isChoice, isFilter, isInput))));
-};
-/*-------------------------------------------------*/
-/*                  M e t h o d s                  */
-/*-------------------------------------------------*/
-function createChipList(props, isChoice, isFilter, isInput) {
-  const chipList = [];
-  let chipEl;
-  if (props.dataNew && props.dataNew.length > 0) {
-    props.data = treeNode2Data(props.dataNew);
-  }
-  for (let i = 0; props.data && i < props.data.length; i++) {
-    // could happen due to functions that change the data (such as transposition, etc)
-    if (!props.data[i]) {
-      continue;
-    }
-    let componentClass = 'chip';
-    let iconEl = [];
-    let iconClass = 'chip__icon chip__icon--leading';
-    if (isFilter || isChoice) {
-      if (props.data[i].checked) {
-        componentClass += ' chip--selected';
-        if (isFilter) {
-          iconClass += ' chip__icon--leading-hidden';
-        }
-      }
-    }
-    if (props.data[i].icon) {
-      const p = {
-        color: isChoice && props.data[i].checked
-          ? `var(${KupThemeColorValues.PRIMARY})`
-          : `var(${KupThemeColorValues.TEXT})`,
-        resource: props.data[i].icon,
-        sizeX: '18px',
-        sizeY: '18px',
-        wrapperClass: iconClass,
-      };
-      iconEl.push(h(FImage, Object.assign({}, p)));
-    }
-    if (isFilter) {
-      iconEl.push(h("span", { class: "chip__checkmark" },
-        h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" },
-          h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
-    }
-    chipEl = (h("div", { class: componentClass, "data-value": props.data[i].value, onClick: props.onClick && props.onClick[i] ? props.onClick[i] : null, role: "row" },
-      iconEl,
-      h("span", { role: "gridcell" },
-        h("span", { role: "button", tabindex: i, class: "chip__primary-action", 
-          // @ts-ignore
-          value: props.data[i].value, checked: props.data[i].checked, onBlur: props.onBlur && props.onBlur[i]
-            ? props.onBlur[i]
-            : null, onFocus: props.onFocus && props.onFocus[i]
-            ? props.onFocus[i]
-            : null },
-          h("span", { class: "chip__text" }, props.data[i].label))),
-      isInput ? (h("span", { role: "gridcell" },
-        h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
-            ? props.onIconClick[i]
-            : null }))) : undefined));
-    chipList.push(chipEl);
-  }
-  return chipList;
-}
-/**
- * This function converts TreeNode[] to FChipData[]. This is valid until FChipData is removed.
- *
- * @return {FChipData} Array of FChipData.
- */
-function treeNode2Data(dataNew) {
-  function children(TreeNode) {
-    for (let index = 0; index < TreeNode.children.length; index++) {
-      const node = TreeNode.children[index];
-      data.push({
-        icon: TreeNode.children[index].icon,
-        label: TreeNode.children[index].value,
-        obj: TreeNode.children[index].obj,
-        value: TreeNode.children[index].id,
-      });
-      if (node.children) {
-        children(node);
-      }
-    }
-  }
-  const data = [];
-  for (let index = 0; index < dataNew.length; index++) {
-    const node = dataNew[index];
-    data.push({
-      icon: node.icon,
-      label: node.value,
-      obj: node.obj,
-      value: node.id,
-    });
-    if (node.children) {
-      children(dataNew[index]);
-    }
-  }
-  dom.ketchup.debug.logMessage('f-chip', 'Chip data was deducted from a TreeNode[] structure (experimental feature).', KupDebugCategory.WARNING);
-  return data;
-}
-
-export { FChip as F, FChipType as a };