@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/collection/assets/images/drag-multiple.js

@@ -1 +0,0 @@
-export const dragMultipleImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRDk4M0E2RjcwOEIxMUU4QjVGOEJGOEU4QjFDNjQyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRDk4M0E3MDcwOEIxMUU4QjVGOEJGOEU4QjFDNjQyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFEOTgzQTZENzA4QjExRThCNUY4QkY4RThCMUM2NDI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFEOTgzQTZFNzA4QjExRThCNUY4QkY4RThCMUM2NDI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R5zvIwAAAeJJREFUeNrs3b+q2mAYwOHERnQ6VLoJHV3cHHojrp1dNKsgXodOHbwAhzMUvItegLifDh1U8E8L1TTZWrFiPMeSU54fiJiQ5Xs074dLwiRJAhWnEAgQAXlFIHkv6Pf7H3e7XcPS3aco7wWVSqXc6XSCRoPJSxfHcVCyDMUKyGu5ZfV6vfDSRsBm4BmDOwzzgaQY79O3x3PnVqvVu8lkUomiyMreWLvd/txqtb7m+oU0m83v3W63enp8u91mgz0Acluz2cwMMdR1+1BP58XbM8cfDodDtNls3pye2O/3pfRcyS3rim97qZRUq9Vcu59sVZfnTszn82AwGFjVZ1Sv138Oh8Nvube9o9HI6r1wi8UimE6nuf+aMkMMdQEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBIiBABASIgAAREAEBoivyqLU7djweg+Xyz2euZZ8vPVwSyH071Gq1p98PZE9JTfuUvr4AKU7JeDxOzBBDXYZ6gVqv10Ecx0CKUhiG2UD/cHr8b/MDyD/o0uKbIYa6bhrqeQePrqtcLv/IPXeSJLFyRdoIAAEiIEAE5P/olwADAE+GfLJCR9BSAAAAAElFTkSuQmCC';

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

@@ -1,5 +0,0 @@
-:host {
-  display: block;
-  font-size: var(--kup-font-size);
-  width: 100%;
-}

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

@@ -1,59 +0,0 @@
-import { Component, Element, Prop, h } from '@stencil/core';
-import { kupManagerInstance, } from '../../utils/kup-manager/kup-manager';
-export class KupEditor {
-  constructor() {
-    /**
-     * The html to be rendered and edited
-     */
-    this.text = '';
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-  }
-  //---- Lifecycle hooks ----
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    return h("div", { innerHTML: this.text });
-  }
-  static get is() { return "kup-editor"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-editor.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-editor.css"]
-  }; }
-  static get properties() { return {
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The html to be rendered and edited"
-      },
-      "attribute": "text",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
-  static get elementRef() { return "rootElement"; }
-}

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

@@ -1,53 +0,0 @@
-/**
-* @prop --lyo_column-number, --kup-layout_column-number: Number of columns. This property is regulated by the columnsNumber property, but can be overridden by !important declarations.
-* @prop --lyo_grid-gap, --kup-layout_grid-gap: Space between two adjacent cells (on columns and rows).
-*/
-:host {
-  --lyo_column-number: var(--kup-layout_column-number, 1);
-  --lyo_grid-gap: var(--kup-layout_grid-gap, 2rem);
-  display: inline-grid;
-  grid-auto-flow: row;
-  grid-column: 1;
-  grid-gap: var(--lyo_grid-gap) var(--lyo_grid-gap);
-  gap: var(--lyo_grid-gap) var(--lyo_grid-gap);
-  grid-row: auto;
-  grid-template-columns: repeat(var(--lyo_column-number), 1fr);
-}
-
-:host([content-based-columns-width]) {
-  grid-template-columns: repeat(var(--lyo_column-number), minmax(min-content, auto));
-}
-
-:host(.lyo-multiple-columns) {
-  --kup-layout_column-number: 2;
-}
-
-:host([fill-space]) {
-  display: grid;
-  text-align: center;
-  width: 100%;
-}
-
-:host([vertical]) {
-  grid-gap: 10px;
-  padding: 10px;
-}
-
-:host([content-based-columns-width]) {
-  table-layout: auto;
-  column-width: auto;
-}
-
-:host([horizontal]:not(.lyo-multiple-columns)) {
-  display: inline-block;
-  max-width: 100%;
-  overflow: visible;
-  white-space: nowrap;
-}
-
-:host([horizontal][fill-space]:not(.lyo-multiple-columns)) {
-  display: grid;
-  grid-auto-columns: 1fr;
-  grid-auto-flow: column;
-  width: 100%;
-}

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

@@ -1,156 +0,0 @@
-import { Component, Host, Prop, h } from '@stencil/core';
-export class KupLayout {
-  constructor() {
-    /**
-     * Specifies how many columns the content must be organized onto.
-     *
-     * If this is greater than 1, then the horizontal prop will have no effect.
-     */
-    this.columnsNumber = 1;
-    /**
-     * By default, columns size is calculated by the grid layout and it tries to give the same space to elements.
-     *
-     * If this is true, columns width will be calculated according to the cells content.
-     * See SCSS file for more details.
-     */
-    this.contentBasedColumnsWidth = false;
-    /**
-     * When true, the layout and its contents will try to take all the available horizontal space.
-     */
-    this.fillSpace = false;
-    /**
-     * Tells the layout to place all elements onto a single row.
-     * It does not work when columnsNumber is greater then 1.
-     */
-    this.horizontal = false;
-  }
-  render() {
-    let classLayout = null;
-    //horizontal class
-    //let posHorizontal = null;
-    if (this.columnsNumber <= 1) {
-      if (this.horizontal) {
-        classLayout = {
-          ['horizontal']: true,
-        };
-      }
-    }
-    //fillspace class
-    //let allSpace = null;
-    if (this.fillSpace) {
-      classLayout = {
-        ['fill-space']: true,
-      };
-    }
-    //contentBasedColumnsWidth
-    // let columnWidth = null;
-    if (this.contentBasedColumnsWidth) {
-      classLayout = {
-        ['content-based-columns-width']: true,
-      };
-    }
-    // Classes
-    //let layoutClasses = null;
-    if (this.columnsNumber > 1) {
-      classLayout = {
-        ['lyo-multiple-columns']: true,
-      };
-    }
-    else
-      this.columnsNumber = 1;
-    classLayout = {
-      ['vertical']: true,
-    };
-    // Styles
-    let layoutStyle = null;
-    if (this.columnsNumber >= 1) {
-      layoutStyle = {
-        ['--lyo_column-number']: this.columnsNumber,
-      };
-    }
-    return (h(Host, { class: classLayout, style: layoutStyle },
-      h("slot", null)));
-  }
-  static get is() { return "kup-layout"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-layout.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-layout.css"]
-  }; }
-  static get properties() { return {
-    "columnsNumber": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies how many columns the content must be organized onto.\n\nIf this is greater than 1, then the horizontal prop will have no effect."
-      },
-      "attribute": "columns-number",
-      "reflect": true,
-      "defaultValue": "1"
-    },
-    "contentBasedColumnsWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "By default, columns size is calculated by the grid layout and it tries to give the same space to elements.\n\nIf this is true, columns width will be calculated according to the cells content.\nSee SCSS file for more details."
-      },
-      "attribute": "content-based-columns-width",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "fillSpace": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "When true, the layout and its contents will try to take all the available horizontal space."
-      },
-      "attribute": "fill-space",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "horizontal": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Tells the layout to place all elements onto a single row.\nIt does not work when columnsNumber is greater then 1."
-      },
-      "attribute": "horizontal",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-}

package/dist/collection/utils/drag-and-drop.js

@@ -1,109 +0,0 @@
-// TODO: [feat-1]: if acceptedDataTypesFound must be passed to all drag event handler but the dragStart event.a
-// This could possibly simplify the analysis of the e.dataTransfer.types
-// TODO: PayloadStructure to implement or remove (implement the TypeScript type lika a generic)
-const dragDropPayloadHolder = {
-  // fields used only by the D&D wrapper
-  // [...]
-  // The holder of the payload data
-  dragPayload: undefined,
-};
-// payload getter
-export function getDragDropPayload() {
-  return dragDropPayloadHolder.dragPayload;
-}
-// payload setter
-export function setDragDropPayload(dragPayload) {
-  dragDropPayloadHolder.dragPayload = dragPayload;
-}
-// playload cleaner
-function _cleanDragDropPayload() {
-  dragDropPayloadHolder.dragPayload = undefined;
-}
-/**
- *
- */
-export function setKetchupDraggable(handlers, data, image) {
-  const onDragStart = (e) => {
-    // clean the DragDropPlayload
-    _cleanDragDropPayload();
-    // Sets drag data, the type of drag action, and the image
-    Object.keys(data).forEach((key) => {
-      e.dataTransfer.setData(key, typeof data[key] === 'string'
-        ? data[key]
-        : JSON.stringify(data[key]));
-    });
-    // manage the dragImage
-    if (image) {
-      e.dataTransfer.setDragImage(image.img, image.offsetX, image.offsetY);
-    }
-    // Executes the given handler for custom behavior
-    handlers.onDragStart(e);
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory in order to launch the onDrop method
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replaced by the same methods in DropHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({ draggable: true, onDragStart }, (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), (onDragOver ? { onDragOver } : {})), (handlers.onDragEnd ? { onDragEnd: handlers.onDragEnd } : {}));
-}
-export function setKetchupDroppable(handlers, acceptedDataTypes, dispatcherElement, targetElement) {
-  const onDrop = (e) => {
-    // Searches for accepted data types
-    const acceptedDataTypesFound = acceptedDataTypes.filter((dataType) => hasDragDataType(e, dataType));
-    // If not accepted data types have been found, we stop the drop operation
-    let processedDataType = '';
-    if (acceptedDataTypesFound.length >= 1 &&
-      !!(processedDataType = handlers.onDrop(e, acceptedDataTypesFound))) {
-      let sourceElement;
-      try {
-        sourceElement = JSON.parse(e.dataTransfer.getData('kup-drag-source-element'));
-      }
-      catch (error) {
-        console.log('Managed error during the kup-drop-source-element parsing', error);
-        sourceElement = e.dataTransfer.getData('kup-drag-source-element');
-      }
-      // dataType: identifier of Drag & Drop
-      // sourceElement: applicative dragged object
-      // targetElement: applicative dropped object
-      const ketchupDropEvent = new CustomEvent('kup-drop', {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          dataType: processedDataType,
-          sourceElement,
-          targetElement,
-        },
-      });
-      console.log('kup-drop event', ketchupDropEvent);
-      dispatcherElement.dispatchEvent(ketchupDropEvent);
-      // this is mandatory
-      e.preventDefault();
-    }
-  };
-  let onDragOver = undefined;
-  if (handlers.onDragOver) {
-    onDragOver = (e) => {
-      if (handlers.onDragOver(e)) {
-        // this is mandatory
-        e.preventDefault();
-      }
-    };
-  }
-  // remember that onDragOver and onDragLeave can be replace the same methods in DragHandlers (if the component is both draggable and droppable)
-  // in this scenario it's possible to merge the logic in the DropHandlers only
-  return Object.assign(Object.assign(Object.assign({}, (onDragOver ? { onDragOver } : {})), (handlers.onDragLeave ? { onDragLeave: handlers.onDragLeave } : {})), { onDrop });
-}
-// utility that set the drag effect allowed
-export function setDragEffectAllowed(e, effectAllowed = 'move') {
-  e.dataTransfer.effectAllowed = effectAllowed;
-}
-// utility that simply check the drag data type
-export function hasDragDataType(e, dataType) {
-  return e.dataTransfer.types.indexOf(dataType) >= 0;
-}

package/dist/collection/utils/kup-dialog/kup-dialog-declarations.js

@@ -1,36 +0,0 @@
-/**
- * HTML Attribute attached to dialogs.
- * Referenced by kup-theme.css
- */
-export const kupDialogAttribute = 'kup-dialog';
-/**
- * CSS class attached to resizable dialogs.
- * Referenced by kup-theme.css
- */
-export const kupResizableDialogClass = 'kup-resizable';
-/**
- * Actions performed by KupDialog.
- * The value reflects the CSS "cursor" property.
- */
-export var KupDialogActions;
-(function (KupDialogActions) {
-  KupDialogActions["MOVE"] = "move";
-  KupDialogActions["RESIZE"] = "resize";
-})(KupDialogActions || (KupDialogActions = {}));
-/**
- * Coordinates of the resize.
- * The value reflects the CSS "cursor" property.
- */
-export var KupDialogCoordinates;
-(function (KupDialogCoordinates) {
-  KupDialogCoordinates["ALL"] = "move";
-  KupDialogCoordinates["UNSET"] = "auto";
-  KupDialogCoordinates["NORTHWEST"] = "nw-resize";
-  KupDialogCoordinates["NORTH"] = "n-resize";
-  KupDialogCoordinates["NORTHEAST"] = "ne-resize";
-  KupDialogCoordinates["EAST"] = "e-resize";
-  KupDialogCoordinates["SOUTHEAST"] = "se-resize";
-  KupDialogCoordinates["SOUTH"] = "s-resize";
-  KupDialogCoordinates["SOUTHWEST"] = "sw-resize";
-  KupDialogCoordinates["WEST"] = "w-resize";
-})(KupDialogCoordinates || (KupDialogCoordinates = {}));