@sme.up/ketchup 4.0.0 → 4.2.0

package/dist/ketchup/p-fcd2fd8f.js

@@ -1 +0,0 @@
-import{h as e,g as t}from"./p-00fe1e3e.js";import{c as s}from"./p-18cb3ba3.js";var i;!function(e){e.BAR="bar"}(i||(i={}));const a=a=>{let r,o;a.resource?a.resource.indexOf(".")>-1||a.resource.indexOf("/")>-1||a.resource.indexOf("\\")>-1?(o={"--kup_image_height":a.sizeY?a.sizeY:"auto","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=e("img",{src:a.resource})):(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=function(i){const a={"f-image__icon":!0},r={background:i.color?i.color:`var(${s.ICON})`};if(i.resource.indexOf("--kup")>-1){let e=i.resource.replace("--kup-","");e=e.replace("-icon",""),a["kup-icon"]=!0,a[e]=!0}else{const e=t(`./assets/svg/${i.resource}.svg`);r.mask=`url('${e}') no-repeat center`,r.webkitMask=`url('${e}') no-repeat center`}return e("div",{class:a,style:r})}(a)):a.data&&(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},r=function(t){const s=[];let a=0;for(let r=0;r<t.length;r++){let o;t[r].shape||(t[r].shape=i.BAR),t[r].color||(t[r].color="transparent"),t[r].height||(t[r].height="100%"),t[r].width||(t[r].width="100%");const n="step-"+r,c="css-step bottom-aligned",p={backgroundColor:t[r].color,left:a+"%",height:t[r].height,width:t[r].width};a+=parseFloat(t[r].width),o=e("span",{id:n,class:c,style:p}),s.push(o)}return e("div",{class:"f-image__css"},s)}(a.data));const n=[];if(a.badgeData)for(let t=0;t<a.badgeData.length;t++)n.push(e("kup-badge",Object.assign({},a.badgeData[t])));return e("div",Object.assign({class:`f-image--wrapper ${a.wrapperClass?a.wrapperClass:""} ${a.fit?"kup-fit":""}`},a.dataSet,{id:a.id,style:o,title:a.title,onClick:a.onClick}),r,n)};export{a as F}

package/dist/ketchup/p-fce3b9d8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as n,a as i,H as l}from"./p-00fe1e3e.js";import{k as e}from"./p-18cb3ba3.js";import"./p-a5424073.js";let s=class{constructor(n){t(this,n),this.dashClick=a(this,"kup-dash-click",6),this.active=!1,this.fontsize="",this.layout="1",this.index=0,this.kupManager=e()}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=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value-int"},n("slot",{name:"value-int"})),n("div",{class:"value-dec"},n("slot",{name:"value-dec"})),n("div",{class:"unit"},n("slot",{name:"unit"})));break;case"3":t=n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"})));break;case"4":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value-and-unit"},n("div",{class:"value-int"},n("slot",{name:"value-int"})),n("div",{class:"value-dec"},n("slot",{name:"value-dec"})),n("div",{class:"unit"},n("slot",{name:"unit"}))),n("div",null),n("div",{class:"descr"},n("slot",{name:"descr"})));break;case"5":t=n("div",null,n("div",null,n("div",{class:"descr"},n("slot",{name:"descr"})),n("div",{class:"value"},n("slot",{name:"value"}))),n("div",{class:"icon"},n("slot",{name:"icon"})));break;case"6":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"}))));break;case"7":t=n("div",null,n("div",null,n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"}))),n("div",{class:"icon"},n("slot",{name:"icon"})));break;case"8":t=n("div",null,n("div",{class:"icon"},n("slot",{name:"icon"})),n("div",{class:"value"},n("slot",{name:"value"})),n("div",{class:"descr"},n("slot",{name:"descr"})));break;default:t=n("div",null,n("div",{class:"descr"},n("slot",{name:"descr"})),n("div",{class:"value"},n("slot",{name:"value"})))}return n("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},n("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return i(this)}};s.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}";let o=class{constructor(a){t(this,a),this.columnsNumber=1,this.contentBasedColumnsWidth=!1,this.fillSpace=!1,this.horizontal=!1}render(){let t=null;this.columnsNumber<=1&&this.horizontal&&(t={horizontal:!0}),this.fillSpace&&(t={"fill-space":!0}),this.contentBasedColumnsWidth&&(t={"content-based-columns-width":!0}),this.columnsNumber>1?t={"lyo-multiple-columns":!0}:this.columnsNumber=1,t={vertical:!0};let a=null;return this.columnsNumber>=1&&(a={"--lyo_column-number":this.columnsNumber}),n(l,{class:t,style:a},n("slot",null))}};o.style=":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%}";export{s as kup_dash,o as kup_layout}

package/dist/types/assets/images/drag-multiple.d.ts

@@ -1 +0,0 @@
-export declare 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/types/components/kup-editor/kup-editor.d.ts

@@ -1,16 +0,0 @@
-export declare class KupEditor {
-  rootElement: HTMLElement;
-  /**
-   * The html to be rendered and edited
-   */
-  text: string;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,25 +0,0 @@
-export declare class KupLayout {
-  /**
-   * Specifies how many columns the content must be organized onto.
-   *
-   * If this is greater than 1, then the horizontal prop will have no effect.
-   */
-  columnsNumber: number;
-  /**
-   * 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.
-   */
-  contentBasedColumnsWidth: boolean;
-  /**
-   * When true, the layout and its contents will try to take all the available horizontal space.
-   */
-  fillSpace: boolean;
-  /**
-   * Tells the layout to place all elements onto a single row.
-   * It does not work when columnsNumber is greater then 1.
-   */
-  horizontal: boolean;
-  render(): any;
-}

package/dist/types/utils/drag-and-drop.d.ts

@@ -1,53 +0,0 @@
-export interface DragHandlers {
-  onDragStart: (e: DragEvent) => void;
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: (e: DragEvent) => boolean;
-  onDragEnd?: (e: DragEvent) => void;
-}
-export interface DropHandlers {
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: (e: DragEvent) => boolean;
-  onDrop: (e: DragEvent, acceptedDataTypesFound: string[]) => string;
-}
-/**
- * The drag data interface.
- * @param kup-drag-source-element - Keeps a reference to the element which started the drag action. This is needed for the server to correctly answer to the client.
- */
-interface DragData {
-  'kup-drag-source-element': object;
-  [index: string]: string | object;
-}
-interface ImageData {
-  img: HTMLImageElement | HTMLElement;
-  offsetX: number;
-  offsetY: number;
-}
-declare type DropTargetElement<T> = T & {
-  obj: {
-    t: string;
-    p: string;
-    k: string;
-  };
-};
-export declare function getDragDropPayload(): {
-  [index: string]: any;
-};
-export declare function setDragDropPayload(dragPayload: any): void;
-/**
- *
- */
-export declare function setKetchupDraggable(handlers: DragHandlers, data: DragData, image?: ImageData): {
-  onDragEnd?: (e: DragEvent) => void;
-  onDragOver?: any;
-  onDragLeave?: (e: DragEvent) => void;
-  draggable: boolean;
-  onDragStart: (e: DragEvent) => void;
-};
-export declare function setKetchupDroppable(handlers: DropHandlers, acceptedDataTypes: string[], dispatcherElement: HTMLElement, targetElement: DropTargetElement<any>): {
-  onDrop: (e: DragEvent) => void;
-  onDragLeave?: (e: DragEvent) => void;
-  onDragOver?: any;
-};
-export declare function setDragEffectAllowed(e: DragEvent, effectAllowed?: 'none' | 'copy' | 'copyLink' | 'copyMove' | 'link' | 'linkMove' | 'move' | 'all' | 'uninitialized'): void;
-export declare function hasDragDataType(e: DragEvent, dataType: string): boolean;
-export {};

package/dist/types/utils/kup-dialog/kup-dialog-declarations.d.ts

@@ -1,43 +0,0 @@
-/**
- * HTML Attribute attached to dialogs.
- * Referenced by kup-theme.css
- */
-export declare const kupDialogAttribute = "kup-dialog";
-/**
- * CSS class attached to resizable dialogs.
- * Referenced by kup-theme.css
- */
-export declare const kupResizableDialogClass = "kup-resizable";
-/**
- * Element used as a dialog.
- */
-export interface DialogElement extends HTMLElement {
-  kupDialog: {
-    dragHandle?: HTMLElement;
-    resizable: boolean;
-  };
-}
-/**
- * Actions performed by KupDialog.
- * The value reflects the CSS "cursor" property.
- */
-export declare enum KupDialogActions {
-  MOVE = "move",
-  RESIZE = "resize"
-}
-/**
- * Coordinates of the resize.
- * The value reflects the CSS "cursor" property.
- */
-export declare enum KupDialogCoordinates {
-  ALL = "move",
-  UNSET = "auto",
-  NORTHWEST = "nw-resize",
-  NORTH = "n-resize",
-  NORTHEAST = "ne-resize",
-  EAST = "e-resize",
-  SOUTHEAST = "se-resize",
-  SOUTH = "s-resize",
-  SOUTHWEST = "sw-resize",
-  WEST = "w-resize"
-}

package/dist/types/utils/kup-dialog/kup-dialog.d.ts

@@ -1,50 +0,0 @@
-import { DialogElement, KupDialogActions, KupDialogCoordinates } from './kup-dialog-declarations';
-/**
- * This class handles elements as dialogs, making them resizable and movable.
- * @module KupDialog
- */
-export declare class KupDialog {
-  #private;
-  action: KupDialogActions;
-  activeElement: DialogElement;
-  activeX: number;
-  activeY: number;
-  coordinates: KupDialogCoordinates;
-  managedElements: Set<DialogElement>;
-  startingHeight: number;
-  startingWidth: number;
-  startingX: number;
-  startingY: number;
-  threshold: number;
-  zIndex: number;
-  /**
-   * Initializes KupDialog.
-   * @param {number} zIndex - The starting z-index assigned to dialogs.
-   */
-  constructor(zIndex?: number);
-  /**
-   * Checks whether the mouse overs on the edges of the element or not.
-   * @param {number} x - X coordinate.
-   * @param {number} y - Y coordinate.
-   * @param {EventTarget[]} paths - Paths returned from the event. Used to search for the drag handle and, if found, enables dragging.
-   */
-  setCoords(x: number, y: number, paths: EventTarget[]): void;
-  /**
-   * Watches the element handled as dialog.
-   * @param {DialogElement} el - Dialog element.
-   * @param {HTMLElement} handleEl - Element that must be dragged in order to trigger movement. When not provided, dragging anywhere on "el" will move it.
-   * @param {boolean} unresizable - When true, the dialog can't be resized.
-   */
-  register(el: DialogElement, handleEl?: HTMLElement, unresizable?: boolean): void;
-  /**
-   * Removes the elements from the MoveOnDrag class watchlist.
-   * @param {DialogElement[]} elements - Elements to remove.
-   */
-  unregister(elements: DialogElement[]): void;
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {DialogElement} el - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(el: DialogElement): boolean;
-}