@sme.up/ketchup 7.5.0-SNAPSHOT → 8.0.0

package/dist/ketchup/{p-de34eb56.js → p-ef614656.js}

@@ -1 +1 @@
-import{h as c}from"./p-9dcfbb1e.js";import{F as i}from"./p-d1e3573f.js";import{K as s,l as e,b as n}from"./p-4fd6c34c.js";var p;!function(c){c.CHOICE="choice",c.FILTER="filter",c.INPUT="input",c.STANDARD="standard"}(p||(p={}));const l=document.documentElement,a=a=>{a.type||(a.type=p.STANDARD);const r=a.type.toLowerCase()===p.CHOICE,t=a.type.toLowerCase()===p.FILTER,o=a.type.toLowerCase()===p.INPUT,d={"chip-set":!0,"chip-set--choice":!!r,"chip-set--filter":!!t,"chip-set--input":!!o};return c("div",Object.assign({class:`f-chip ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),c("div",{class:d,role:"grid"},function(p,a,r,t){const o=[];for(let u=0;p.data&&u<p.data.length;u++){const _=[];function d(n,a){const r=!!(n.children&&n.children.length>0),t=!(!r||!n.isExpanded),o={"--kup_chip_indent_offset":a.toString()};if(_.push(c("div",{class:"chip-set__wrapper "+(r&&!t?"chip-set__wrapper--hidden-children":"")},c("div",{class:"chip-set__indent",style:o}),r?c(i,{onClick:p.onExpansionClick&&p.onExpansionClick[u]?p.onExpansionClick[u].bind(p.onExpansionClick[u],n):null,resource:`${s.DROPDOWN}`,sizeX:"18px",sizeY:"18px",title:l.ketchup.language.translate(e.EXPAND)+"/"+l.ketchup.language.translate(e.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):a?c(i,{resource:"blank",sizeX:"18px",sizeY:"18px",wrapperClass:"dropdown-icon"}):null,h(n))),t)for(let c=0;c<n.children.length;c++)n.children[c]&&d(n.children[c],a+1)}function h(e){let l="chip "+(e.icon&&!e.value?"chip--only-icon":""),o=[],d="chip__icon chip__icon--leading";return(r||a)&&e.checked&&(l+=" chip--selected",r&&(d+=" chip__icon--leading-hidden")),e.icon&&o.push(c(i,Object.assign({},{color:a&&e.checked?`var(${n.PRIMARY})`:`var(${n.TEXT})`,resource:e.icon,sizeX:"18px",sizeY:"18px",wrapperClass:d}))),r&&o.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})))),c("div",{class:l,"data-value":e.id,onClick:p.onClick&&p.onClick[u]?p.onClick[u].bind(p.onClick[u],e):null,role:"row",title:e.title?e.title:""},c("span",{class:"chip-set__indent"}),o,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:u,class:"chip__primary-action",value:e.id,checked:e.checked,onBlur:p.onBlur&&p.onBlur[u]?p.onBlur[u].bind(p.onBlur[u],e):null,onFocus:p.onFocus&&p.onFocus[u]?p.onFocus[u].bind(p.onFocus[u],e):null},c("span",{class:"chip__text"},p.displayId?e.id+" - "+e.value:e.value))),t?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${s.CLEAR.replace("--","")}`,onClick:p.onIconClick&&p.onIconClick[u]?p.onIconClick[u].bind(p.onIconClick[u],e):null})):null)}d(p.data[u],0),o.push(c("div",{class:"chip-set__item"},..._))}return o}(a,r,t,o)))};export{p as F,a}
+import{h as c}from"./p-d4ece435.js";import{F as i}from"./p-5d398e42.js";import{K as e,l as s,b as n}from"./p-940a5feb.js";var p;!function(c){c.CHOICE="choice",c.FILTER="filter",c.INPUT="input",c.STANDARD="standard"}(p||(p={}));const l=document.documentElement,a=a=>{a.type||(a.type=p.STANDARD);const r=a.type.toLowerCase()===p.CHOICE,t=a.type.toLowerCase()===p.FILTER,o=a.type.toLowerCase()===p.INPUT,d={"chip-set":!0,"chip-set--choice":!!r,"chip-set--filter":!!t,"chip-set--input":!!o};return c("div",Object.assign({class:`f-chip ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),c("div",{class:d,role:"grid"},function(p,a,r,t){const o=[];for(let u=0;p.data&&u<p.data.length;u++){const _=[];function d(n,a){const r=!!(n.children&&n.children.length>0),t=!(!r||!n.isExpanded),o={"--kup_chip_indent_offset":a.toString()};if(_.push(c("div",{class:"chip-set__wrapper "+(r&&!t?"chip-set__wrapper--hidden-children":"")},c("div",{class:"chip-set__indent",style:o}),r?c(i,{onClick:p.onExpansionClick&&p.onExpansionClick[u]?p.onExpansionClick[u].bind(p.onExpansionClick[u],n):null,resource:`${e.DROPDOWN}`,sizeX:"18px",sizeY:"18px",title:l.ketchup.language.translate(s.EXPAND)+"/"+l.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):a?c(i,{resource:"blank",sizeX:"18px",sizeY:"18px",wrapperClass:"dropdown-icon"}):null,h(n))),t)for(let c=0;c<n.children.length;c++)n.children[c]&&d(n.children[c],a+1)}function h(s){let l="chip "+(s.icon&&!s.value?"chip--only-icon":""),o=[],d="chip__icon chip__icon--leading";return(r||a)&&s.checked&&(l+=" chip--selected",r&&(d+=" chip__icon--leading-hidden")),s.icon&&o.push(c(i,Object.assign({},{color:a&&s.checked?`var(${n.PRIMARY})`:`var(${n.TEXT})`,resource:s.icon,sizeX:"18px",sizeY:"18px",wrapperClass:d}))),r&&o.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})))),c("div",{class:l,"data-value":s.id,onClick:p.onClick&&p.onClick[u]?p.onClick[u].bind(p.onClick[u],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),o,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:u,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:p.onBlur&&p.onBlur[u]?p.onBlur[u].bind(p.onBlur[u],s):null,onFocus:p.onFocus&&p.onFocus[u]?p.onFocus[u].bind(p.onFocus[u],s):null},c("span",{class:"chip__text"},p.displayId?s.id+" - "+s.value:s.value))),t?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${e.CLEAR.replace("--","")}`,onClick:p.onIconClick&&p.onIconClick[u]?p.onIconClick[u].bind(p.onIconClick[u],s):null})):null)}d(p.data[u],0),o.push(c("div",{class:"chip-set__item"},..._))}return o}(a,r,t,o)))};export{p as F,a}

package/dist/types/components/kup-echart/kup-echart-declarations.d.ts

@@ -43,7 +43,9 @@ export declare enum KupEchartMaps {
   WORLD = "world"
 }
 export declare enum KupEchartTypes {
+  AREA = "Area",
   BAR = "Bar",
+  HBAR = "HBar",
   GAUSSIAN = "Gaussian",
   LINE = "Line",
   MAP = "Map",

package/dist/types/components/kup-planner/kup-planner-declarations.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 import { Detail, GanttTask } from '@sme.up/gantt-component';
 import { Phase } from '@sme.up/gantt-component';
 import { GanttRow } from '@sme.up/gantt-component';
 import { KupEventPayload } from '../../components';
-import { KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import { KupDataTableCell } from '../kup-data-table/kup-data-table-declarations';
 /**
  * Props of the kup-gantt component.
  * Used to export every prop in an object.
@@ -40,12 +42,22 @@ export declare enum KupPlannerTaskAction {
   onTaskOpening = "onTaskOpening",
   onTaskClosing = "onTaskClosing",
   onClick = "onClick",
-  onResize = "onResize"
+  onResize = "onResize",
+  onRightClick = "onRightClick"
 }
 export interface KupPlannerEventPayload extends KupEventPayload {
   value: GanttRow;
   taskAction?: KupPlannerTaskAction;
 }
+export interface KupPlannerClickEventPayload extends KupPlannerEventPayload {
+  details: KupPlannerEventHandlerDetails;
+}
+export interface KupPlannerEventHandlerDetails {
+  cell: KupDataTableCell;
+  column: KupDataColumn;
+  originalEvent: React.MouseEvent<Element, MouseEvent>;
+  row: KupDataRow;
+}
 export declare enum KupPlannerGanttRowType {
   TASK = "task",
   PHASE = "phase",
@@ -58,6 +70,7 @@ export interface KupPlannerGanttTask extends GanttTask {
 }
 export interface KupPlannerDetail extends Detail {
   rowType: KupPlannerGanttRowType;
+  detailRow: KupDataRow;
 }
 export interface KupPlannerPhase extends Phase {
   taskRowId: string;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';
-import { KupPlannerEventPayload, KupPlannerGanttTask, KupPlannerPhase, KupPlannerTaskAction, KupPlannerDetail } from './kup-planner-declarations';
+import { KupPlannerEventPayload, KupPlannerGanttTask, KupPlannerPhase, KupPlannerTaskAction, KupPlannerDetail, KupPlannerClickEventPayload } from './kup-planner-declarations';
+import React from 'react';
 import { KupDataDataset } from '../../managers/kup-data/kup-data-declarations';
 import { GanttRow, PlannerProps } from '@sme.up/gantt-component';
 export declare class KupPlanner {
@@ -9,11 +10,6 @@ export declare class KupPlanner {
    * References the root HTML element of the component (<kup-planner>).
    */
   rootElement: HTMLElement;
-  /**
-   * The value of the component.
-   * @default ""
-   */
-  plannerProps: PlannerProps;
   /**
    * Custom style of the component.
    * @default ""
@@ -50,6 +46,11 @@ export declare class KupPlanner {
    * @default null
    */
   detailHeight: number;
+  /**
+   * Column containing icon name to show, for detail
+   * @default null
+   */
+  detailIconCol: string;
   /**
    * Column containing unique detail identifier
    * @default null
@@ -61,7 +62,7 @@ export declare class KupPlanner {
    */
   detailNameCol: string;
   /**
-   * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+   * Columns containing forecast detail duration, from (firstDate) to (secondDate)
    * @default null
    */
   detailPrevDates: string[];
@@ -95,6 +96,11 @@ export declare class KupPlanner {
    * @default null
    */
   phaseDates: string[];
+  /**
+   * Column containing icon name to show, for phase
+   * @default null
+   */
+  phaseIconCol: string;
   /**
    * Column containing unique phase identifier
    * @default null
@@ -130,6 +136,11 @@ export declare class KupPlanner {
    * @default null
    */
   taskHeight: number;
+  /**
+   * Column containing icon name to show, for task
+   * @default null
+   */
+  taskIconCol: string;
   /**
    * Column containing unique task identifier
    * @default null
@@ -150,11 +161,20 @@ export declare class KupPlanner {
    * @default null
    */
   titleMess: string;
+  /**
+   * The value of the component.
+   * @default ""
+   */
+  plannerProps: PlannerProps;
+  dataChanged(): void;
+  showSecondaryDatesChanged(): void;
   kupClick: EventEmitter<KupPlannerEventPayload>;
-  onKupClick(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
   kupDateChange: EventEmitter<KupPlannerEventPayload>;
-  onKupDateChange(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
   kupReady: EventEmitter<KupPlannerEventPayload>;
+  /**
+   * Generic right click event on planner.
+   */
+  kupContextMenu: EventEmitter<KupPlannerClickEventPayload>;
   /**
    * Used to retrieve component's props values.
    * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
@@ -176,12 +196,17 @@ export declare class KupPlanner {
    * @param data - Matrix which contains project phases
    */
   addPhases(taskId: string, data: KupDataDataset): Promise<void>;
-  handleOnClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
-  handleOnDateChange(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
+  onKupClick(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
+  onKupContextMenu(event: React.MouseEvent<Element, MouseEvent>, ganttRow: GanttRow, taskAction?: KupPlannerTaskAction): void;
+  onKupDateChange(event: GanttRow, taskAction?: KupPlannerTaskAction): void;
+  handleOnClick(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+  handleOnContextMenu(event: React.MouseEvent<Element, MouseEvent>, row: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
+  handleOnSetDoubleView(checked: boolean): void;
+  handleOnDateChange(nativeEvent: KupPlannerGanttTask | KupPlannerPhase | KupPlannerDetail): void;
   render(): any;
   disconnectedCallback(): void;
 }

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

@@ -8,6 +8,7 @@ import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { FCellPadding } from '../../f-components/f-cell/f-cell-declarations';
 import { KupDataColumn, KupDataDataset, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 export declare class KupTree {
+  #private;
   /**
    * References the root HTML element of the component (<kup-tree>).
    */
@@ -153,10 +154,6 @@ export declare class KupTree {
    * Defines the current totals options.
    */
   totals: TotalsMap;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
   /**
    * Reference to the column menu card.
    */
@@ -298,7 +295,6 @@ export declare class KupTree {
   private onTotalMenuOpen;
   private getEventDetails;
   private contextMenuHandler;
-  private getEventPath;
   hdlTreeNodeClick(e: MouseEvent, treeNodeData: KupTreeNode, treeNodePath: string): void;
   hdlTreeNodeExpanderClick(treeNodeData: KupTreeNode, treeNodePath: string, ctrlKey: boolean): void;
   private hasTotals;

package/dist/types/components.d.ts

@@ -43,7 +43,7 @@ import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
-import { KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
+import { KupPlannerClickEventPayload, KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
 import { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
 import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
@@ -90,7 +90,7 @@ export { KupImageListEventPayload } from "./components/kup-image-list/kup-image-
 export { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 export { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
-export { KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
+export { KupPlannerClickEventPayload, KupPlannerEventPayload, KupPlannerPhase } from "./components/kup-planner/kup-planner-declarations";
 export { TaskType } from "@sme.up/gantt-component/dist/types/public-types";
 export { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 export { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
@@ -2479,6 +2479,11 @@ export namespace Components {
           * @default null
          */
         "detailHeight": number;
+        /**
+          * Column containing icon name to show, for detail
+          * @default null
+         */
+        "detailIconCol": string;
         /**
           * Column containing unique detail identifier
           * @default null
@@ -2490,7 +2495,7 @@ export namespace Components {
          */
         "detailNameCol": string;
         /**
-          * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+          * Columns containing forecast detail duration, from (firstDate) to (secondDate)
           * @default null
          */
         "detailPrevDates": string[];
@@ -2530,6 +2535,11 @@ export namespace Components {
           * @default null
          */
         "phaseDates": string[];
+        /**
+          * Column containing icon name to show, for phase
+          * @default null
+         */
+        "phaseIconCol": string;
         /**
           * Column containing unique phase identifier
           * @default null
@@ -2574,6 +2584,11 @@ export namespace Components {
           * @default null
          */
         "taskHeight": number;
+        /**
+          * Column containing icon name to show, for task
+          * @default null
+         */
+        "taskIconCol": string;
         /**
           * Column containing unique task identifier
           * @default null
@@ -5784,6 +5799,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "detailHeight"?: number;
+        /**
+          * Column containing icon name to show, for detail
+          * @default null
+         */
+        "detailIconCol"?: string;
         /**
           * Column containing unique detail identifier
           * @default null
@@ -5795,7 +5815,7 @@ declare namespace LocalJSX {
          */
         "detailNameCol"?: string;
         /**
-          * Columns containing fForecast detail duration, from (firstDate) to (secondDate)
+          * Columns containing forecast detail duration, from (firstDate) to (secondDate)
           * @default null
          */
         "detailPrevDates"?: string[];
@@ -5810,6 +5830,10 @@ declare namespace LocalJSX {
          */
         "maxWidth"?: string;
         "onKup-planner-click"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
+        /**
+          * Generic right click event on planner.
+         */
+        "onKup-planner-contextmenu"?: (event: KupPlannerCustomEvent<KupPlannerClickEventPayload>) => void;
         "onKup-planner-datechange"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         "onKup-planner-ready"?: (event: KupPlannerCustomEvent<KupPlannerEventPayload>) => void;
         /**
@@ -5832,6 +5856,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "phaseDates"?: string[];
+        /**
+          * Column containing icon name to show, for phase
+          * @default null
+         */
+        "phaseIconCol"?: string;
         /**
           * Column containing unique phase identifier
           * @default null
@@ -5867,6 +5896,11 @@ declare namespace LocalJSX {
           * @default null
          */
         "taskHeight"?: number;
+        /**
+          * Column containing icon name to show, for task
+          * @default null
+         */
+        "taskIconCol"?: string;
         /**
           * Column containing unique task identifier
           * @default null

package/dist/types/managers/kup-language/kup-language-declarations.d.ts

@@ -15,7 +15,7 @@ export interface KupLanguageJSON {
  */
 export interface KupLanguageElement {
   keys: GenericObject;
-  variants: {
+  variants?: {
     keys: GenericObject;
   };
 }

package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts

@@ -55,6 +55,7 @@ export interface KupManager {
   toggleMagicBox: () => void;
   setLibraryLocalization: (locale: KupDatesLocales) => void;
   addClickCallback: (cb: KupManagerClickCb, async?: boolean) => void;
+  getEventPath: (currentEl: unknown, rootElement: HTMLElement) => HTMLElement[];
   removeClickCallback: (cb: KupManagerClickCb) => void;
   rasterize: (el: HTMLElement, options?: Partial<Options>) => Promise<HTMLCanvasElement>;
 }

package/dist/types/managers/kup-manager/kup-manager.d.ts

@@ -64,6 +64,13 @@ export declare class KupManager {
    * @param {boolean} async - When true, the callback will be added asynchrounously to prevent instant firing if it was added through a click event.
    */
   addClickCallback(cb: KupManagerClickCb, async?: boolean): void;
+  /**
+   * Retrives event path from event.target
+   * @param currentEl event.target
+   * @param rootElement rootElement of component
+   * @returns
+   */
+  getEventPath(currentEl: unknown, rootElement: HTMLElement): HTMLElement[];
   /**
    * Rasterizes an HTMLElement, transforming into a canvas.
    * @param {HTMLElement} el - Element to rasterize.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "7.5.0-SNAPSHOT",
+    "version": "v8.0.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -31,7 +31,8 @@
         "build": "npm run build:setup && stencil build --docs",
         "start": "npm run build:setup && stencil build --dev --watch --serve",
         "start--es5": "npm run build:setup && stencil build --dev --watch --serve --es5",
-        "test:spec": "npm run build:setup && stencil test --spec",
+        "test:spec": "rimraf target && npm run build:setup && stencil test --spec",
+        "test:speccov": "rimraf target && npm run build:setup && stencil test --spec --coverage",
         "test:e2e": "npm run build:setup && stencil test --e2e",
         "test": "npm run build:setup && stencil test --spec --e2e",
         "test.watch": "npm run build:setup && stencil test --spec --e2e --watchAll",
@@ -47,7 +48,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@sme.up/gantt-component": "^1.3.22",
+        "@sme.up/gantt-component": "^1.3.25",
         "d3-shape": "^3.1.0",
         "dayjs": "^1.11.1",
         "echarts": "^5.3.2",
@@ -63,22 +64,9 @@
     "devDependencies": {
         "@stencil/core": "^3.2.0",
         "@stencil/sass": "^3.0.0",
-        "@stencil/react-output-target": "0.4.0",
-        "@types/d3-shape": "^3.0.2",
-        "@types/geojson": "^7946.0.8",
-        "@types/jest": "^26.0.24",
-        "@types/jest-cli": "^24.3.0",
-        "@types/node": "^14.5.0",
-        "@types/numeral": "^2.0.2",
-        "@types/puppeteer": "^5.4.3",
-        "@types/react": "^18.0.28",
-        "@types/react-dom": "^18.0.10",
-        "jest": "^26.6.3",
-        "jest-cli": "^26.6.3",
-        "jest-environment-node": "^26.6.2",
-        "puppeteer": "^13.5.1",
+        "@stencil/react-output-target": "0.5.0",
         "rimraf": "^3.0.2",
-        "sass": "^1.50.1"
+        "sass": "^1.60.0"
     },
     "repository": {
         "type": "git",

package/dist/ketchup/p-7040cab7.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,f as s,h as e,H as o,g as h}from"./p-9dcfbb1e.js";import{k as n,g as r,s as a,c}from"./p-4fd6c34c.js";var d;!function(t){t.buttonData="Props of the button (when isButton is set to true).",t.isButton="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.",t.src="The address the iframe should be referencing to."}(d||(d={}));const p=class{constructor(s){t(this,s),this.kupIframeError=i(this,"kup-iframe-error",6),this.kupIframeLoad=i(this,"kup-iframe-load",6),this.kupManager=n(),this.buttonData={},this.isButton=!1,this.src=void 0}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,d,t)}async refresh(){s(this)}async setProps(t){a(this,d,t)}openInNew(){window.open(this.src,"_blank")}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(){if(null!=this.src&&""!==this.src)return this.buttonData.icon||(this.buttonData.icon="open_in_new"),this.buttonData.label||(this.buttonData.label="Open in new tab"),this.isButton?e(o,{"is-button":!0},e("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()}))):e(o,{"is-iframe":!0},e("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src}));this.kupManager.debug.logMessage(this,"Resource undefined, not rendering!",c.WARNING)}get rootElement(){return h(this)}};p.style="iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";export{p as kup_iframe}