@sme.up/ketchup 5.2.0-SNAPSHOT → 5.2.0

package/dist/types/components.d.ts

@@ -24,7 +24,7 @@ import { KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip
 import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations";
@@ -32,11 +32,13 @@ import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, Ku
 import { GeoJSON } from "geojson";
 import { XAXisComponentOption, YAXisComponentOption } from "echarts";
 import { KupFieldChangeEvent, KupFieldSubmitEvent } from "./components/kup-field/kup-field-declarations";
+import { KupForm, KupFormEditorEventPayload } from "./components/kup-form-editor/kup-form-editor-declarations";
 import { KupBadge } from "./components/kup-badge/kup-badge";
 import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
 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 { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
 import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
 import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
@@ -1102,6 +1104,10 @@ export namespace Components {
           * @returns List of props as object, each key will be a prop.
          */
         "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method will get the selected rows of the component.
+         */
+        "getSelectedRows": () => Promise<Array<KupDataTableRow>>;
         /**
           * When set to true it activates the global filter.
          */
@@ -1625,6 +1631,34 @@ export namespace Components {
          */
         "type": string;
     }
+    interface KupFormEditor {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * The data of the component.
+          * @default false
+         */
+        "data": KupForm;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -2048,6 +2082,78 @@ export namespace Components {
          */
         "styling": KupNavBarStyling;
     }
+    interface KupNumericPicker {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Props of the sub-components.
+          * @default null
+         */
+        "data": Object;
+        /**
+          * Defaults at false. When set to true, the component has decimals.
+          * @default false
+         */
+        "decimals": boolean;
+        /**
+          * Defaults at false. When set to true, the component is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Retrieves the component's value.
+          * @returns Value of the component.
+         */
+        "getValue": () => Promise<string>;
+        /**
+          * Sets the initial value of the component
+          * @default ""
+         */
+        "initialValue": string;
+        /**
+          * when set, the component allows you to enter decimals with a maximum of characters.
+          * @default null
+         */
+        "maxDecimals": number;
+        /**
+          * When set, the component allows you to enter integer numbers with a maximum of characters.
+          * @default null
+         */
+        "maxIntegers": number;
+        /**
+          * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
+          * @default null
+         */
+        "maxLength": number;
+        /**
+          * Defaults at false. When set to true, the component has negative number.
+          * @default false
+         */
+        "negative": boolean;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the focus to the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Sets the component's value.
+          * @param value - Value to be set.
+         */
+        "setValue": (value: string) => Promise<void>;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -3055,6 +3161,12 @@ declare global {
         prototype: HTMLKupFieldElement;
         new (): HTMLKupFieldElement;
     };
+    interface HTMLKupFormEditorElement extends Components.KupFormEditor, HTMLStencilElement {
+    }
+    var HTMLKupFormEditorElement: {
+        prototype: HTMLKupFormEditorElement;
+        new (): HTMLKupFormEditorElement;
+    };
     interface HTMLKupGaugeElement extends Components.KupGauge, HTMLStencilElement {
     }
     var HTMLKupGaugeElement: {
@@ -3103,6 +3215,12 @@ declare global {
         prototype: HTMLKupNavBarElement;
         new (): HTMLKupNavBarElement;
     };
+    interface HTMLKupNumericPickerElement extends Components.KupNumericPicker, HTMLStencilElement {
+    }
+    var HTMLKupNumericPickerElement: {
+        prototype: HTMLKupNumericPickerElement;
+        new (): HTMLKupNumericPickerElement;
+    };
     interface HTMLKupPhotoFrameElement extends Components.KupPhotoFrame, HTMLStencilElement {
     }
     var HTMLKupPhotoFrameElement: {
@@ -3210,6 +3328,7 @@ declare global {
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
         "kup-echart": HTMLKupEchartElement;
         "kup-field": HTMLKupFieldElement;
+        "kup-form-editor": HTMLKupFormEditorElement;
         "kup-gauge": HTMLKupGaugeElement;
         "kup-grid": HTMLKupGridElement;
         "kup-iframe": HTMLKupIframeElement;
@@ -3218,6 +3337,7 @@ declare global {
         "kup-list": HTMLKupListElement;
         "kup-magic-box": HTMLKupMagicBoxElement;
         "kup-nav-bar": HTMLKupNavBarElement;
+        "kup-numeric-picker": HTMLKupNumericPickerElement;
         "kup-photo-frame": HTMLKupPhotoFrameElement;
         "kup-probe": HTMLKupProbeElement;
         "kup-progress-bar": HTMLKupProgressBarElement;
@@ -4576,6 +4696,20 @@ declare namespace LocalJSX {
          */
         "type"?: string;
     }
+    interface KupFormEditor {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * The data of the component.
+          * @default false
+         */
+        "data"?: KupForm;
+        "onKup-formeditor-save"?: (event: CustomEvent<KupFormEditorEventPayload>) => void;
+    }
     interface KupGauge {
         /**
           * Sets how much the arc of the gauge should be thick.
@@ -4875,6 +5009,63 @@ declare namespace LocalJSX {
          */
         "styling"?: KupNavBarStyling;
     }
+    interface KupNumericPicker {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Props of the sub-components.
+          * @default null
+         */
+        "data"?: Object;
+        /**
+          * Defaults at false. When set to true, the component has decimals.
+          * @default false
+         */
+        "decimals"?: boolean;
+        /**
+          * Defaults at false. When set to true, the component is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the initial value of the component
+          * @default ""
+         */
+        "initialValue"?: string;
+        /**
+          * when set, the component allows you to enter decimals with a maximum of characters.
+          * @default null
+         */
+        "maxDecimals"?: number;
+        /**
+          * When set, the component allows you to enter integer numbers with a maximum of characters.
+          * @default null
+         */
+        "maxIntegers"?: number;
+        /**
+          * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
+          * @default null
+         */
+        "maxLength"?: number;
+        /**
+          * Defaults at false. When set to true, the component has negative number.
+          * @default false
+         */
+        "negative"?: boolean;
+        "onKup-numericpicker-blur"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-change"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-numericpicker-click"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-focus"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-iconclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-input"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-itemclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+        "onKup-numericpicker-textfieldsubmit"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -5669,6 +5860,7 @@ declare namespace LocalJSX {
         "kup-dropdown-button": KupDropdownButton;
         "kup-echart": KupEchart;
         "kup-field": KupField;
+        "kup-form-editor": KupFormEditor;
         "kup-gauge": KupGauge;
         "kup-grid": KupGrid;
         "kup-iframe": KupIframe;
@@ -5677,6 +5869,7 @@ declare namespace LocalJSX {
         "kup-list": KupList;
         "kup-magic-box": KupMagicBox;
         "kup-nav-bar": KupNavBar;
+        "kup-numeric-picker": KupNumericPicker;
         "kup-photo-frame": KupPhotoFrame;
         "kup-probe": KupProbe;
         "kup-progress-bar": KupProgressBar;
@@ -5719,6 +5912,7 @@ declare module "@stencil/core" {
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
             "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes<HTMLKupEchartElement>;
             "kup-field": LocalJSX.KupField & JSXBase.HTMLAttributes<HTMLKupFieldElement>;
+            "kup-form-editor": LocalJSX.KupFormEditor & JSXBase.HTMLAttributes<HTMLKupFormEditorElement>;
             "kup-gauge": LocalJSX.KupGauge & JSXBase.HTMLAttributes<HTMLKupGaugeElement>;
             "kup-grid": LocalJSX.KupGrid & JSXBase.HTMLAttributes<HTMLKupGridElement>;
             "kup-iframe": LocalJSX.KupIframe & JSXBase.HTMLAttributes<HTMLKupIframeElement>;
@@ -5727,6 +5921,7 @@ declare module "@stencil/core" {
             "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
             "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
+            "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
             "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
             "kup-probe": LocalJSX.KupProbe & JSXBase.HTMLAttributes<HTMLKupProbeElement>;
             "kup-progress-bar": LocalJSX.KupProgressBar & JSXBase.HTMLAttributes<HTMLKupProgressBarElement>;

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

@@ -17,8 +17,10 @@ import type { KupSearch } from '../kup-search/kup-search';
 import type { KupTheme } from '../kup-theme/kup-theme';
 import type { KupThemeJSON } from '../kup-theme/kup-theme-declarations';
 import type { KupToolbar } from '../kup-toolbar/kup-toolbar';
+import type { KupTooltip } from '../kup-tooltip/kup-tooltip';
 import type { ResizeObserver } from 'resize-observer';
 import { KupMathLocales } from '../kup-math/kup-math-declarations';
+import { Options } from 'html2canvas';
 /**
  * Interface used to define the HTML element with Ketchup specific properties.
  */
@@ -45,6 +47,7 @@ export interface KupManager {
   search: KupSearch;
   theme: KupTheme;
   toolbar: KupToolbar;
+  tooltip: KupTooltip;
   utilities: KupManagerUtilities;
   showMagicBox: () => void;
   hideMagicBox: () => void;
@@ -52,6 +55,7 @@ export interface KupManager {
   setLibraryLocalization: (locale: KupDatesLocales) => void;
   addClickCallback: (cb: KupManagerClickCb, async?: boolean) => void;
   removeClickCallback: (cb: KupManagerClickCb) => void;
+  rasterize: (el: HTMLElement, options?: Partial<Options>) => Promise<HTMLCanvasElement>;
 }
 /**
  * Interface for the KupManager utilities.
@@ -71,6 +75,7 @@ export interface KupManagerClickCb {
  * Interface for the KupManager override settings.
  */
 export interface KupManagerInitialization {
+  assetsPath?: string;
   autoSetLocalization?: boolean;
   dates?: KupManagerDatesSettings;
   debug?: KupManagerDebugSettings;
@@ -80,6 +85,7 @@ export interface KupManagerInitialization {
   objects?: KupManagerObjectsSettings;
   scrollOnHover?: KupManagerScrollOnHoverSettings;
   theme?: KupManagerThemeSettings;
+  tooltip?: KupManagerTooltipSettings;
 }
 /**
  * KupDates initialization settings.
@@ -139,6 +145,12 @@ export interface KupManagerThemeSettings {
   list?: KupThemeJSON;
   name?: string;
 }
+/**
+ * KupDates initialization settings.
+ */
+export interface KupManagerTooltipSettings {
+  delay?: number;
+}
 /**
  * KupTheme initialization settings.
  */

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

@@ -13,6 +13,8 @@ import { KupDates } from '../kup-dates/kup-dates';
 import { KupDatesLocales } from '../kup-dates/kup-dates-declarations';
 import { KupSearch } from '../kup-search/kup-search';
 import { KupMath } from '../kup-math/kup-math';
+import { KupTooltip } from '../kup-tooltip/kup-tooltip';
+import { Options } from 'html2canvas';
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -34,6 +36,7 @@ export declare class KupManager {
   utilities: KupManagerUtilities;
   theme: KupTheme;
   toolbar: KupToolbar;
+  tooltip: KupTooltip;
   /**
    * Initializes KupManager.
    */
@@ -61,6 +64,17 @@ 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;
+  /**
+   * Rasterizes an HTMLElement, transforming into a canvas.
+   * @param {HTMLElement} el - Element to rasterize.
+   * @returns {HTMLCanvasElement} - Canvas created from the HTMLElement.
+   *
+   * CSS Mask is not supported:
+   * @see https://github.com/niklasvh/html2canvas/issues/2814
+   * Warning in console about sourcemap, claimed to be solved here but...:
+   * @see https://github.com/niklasvh/html2canvas/pull/2787/files
+   */
+  rasterize(el: HTMLElement, options?: Partial<Options>): Promise<HTMLCanvasElement>;
   /**
    * Removes the given click callback.
    * @param {KupManagerClickCb} cb - The callback to remove.

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

@@ -19,3 +19,9 @@ export declare enum KupMathLocales {
   pl = "pl",
   ru = "ru"
 }
+/**
+ * Interface related to the numbers factory function.
+ */
+export interface KupMathNumbers {
+  toLocaleString: (value: string) => string;
+}

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

@@ -6,7 +6,7 @@ import 'numeral/locales/it';
 import 'numeral/locales/pl';
 import 'numeral/locales/ru';
 import { KupComponent } from '../../types/GenericTypes';
-import { KupMathFormulas, KupMathLocales } from './kup-math-declarations';
+import { KupMathFormulas, KupMathLocales, KupMathNumbers } from './kup-math-declarations';
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -15,6 +15,7 @@ export declare class KupMath {
   formulas: KupMathFormulas;
   locale: KupMathLocales;
   managedComponents: Set<KupComponent>;
+  numbers: KupMathNumbers;
   numeral: typeof numeral;
   /**
    * Initializes KupMath.

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

@@ -0,0 +1,8 @@
+export interface KupTooltipAnchor extends HTMLElement {
+  kupTooltip: KupTooltipCallbacks;
+}
+export interface KupTooltipCallbacks {
+  enter: (e?: PointerEvent) => void;
+  over: (e?: PointerEvent) => void;
+  leave: (e?: PointerEvent) => void;
+}

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

@@ -0,0 +1,40 @@
+import { KupDynamicPositionAnchor } from '../kup-dynamic-position/kup-dynamic-position-declarations';
+import { KupTooltipAnchor } from './kup-tooltip-declarations';
+/**
+ * Handles application-wide tooltip using card component.
+ * @module KupTooltip
+ */
+export declare class KupTooltip {
+  #private;
+  currentAnchor: KupTooltipAnchor;
+  delay: number;
+  element: HTMLKupCardElement;
+  managedElements: Set<KupTooltipAnchor>;
+  timeout: ReturnType<typeof setTimeout>;
+  /**
+   * Initializes KupTooltip.
+   */
+  constructor(delay?: number);
+  hide(): void;
+  show(anchor?: KupDynamicPositionAnchor, options?: Partial<HTMLKupCardElement>): void;
+  /**
+   * Returns whether an element was previously registered or not.
+   * @param {KupTooltipAnchor} element - Element to test.
+   * @returns {boolean} True if the element was registered.
+   */
+  isRegistered(element: KupTooltipAnchor): boolean;
+  /**
+   * Registers an HTMLElement as KupTooltipAnchor, triggering callback invocation on mouse over.
+   * @param {KupTooltipAnchor} element - The HTML element to be registered.
+   * @param {(e: PointerEvent) => void} cbEnter - Callback invoked when hovering on the the element for the first time.
+   * @param {(e: PointerEvent) => void} cbOver - Callback invoked when hovering on the element.
+   * @param {(e: PointerEvent) => void} cbLeave - Callback invoked when leaving the element.
+   */
+  register(element: KupTooltipAnchor, cbEnter?: (e: PointerEvent) => void, cbOver?: (e: PointerEvent) => void, cbLeave?: (e: PointerEvent) => void): void;
+  /**
+   * Unregisters an HTMLElement, preventing its attached callback from being invoked.
+   *
+   * @param {KupTooltipAnchor} element - - The HTML element to be unregistered.
+   */
+  unregister(element: KupTooltipAnchor): void;
+}

package/dist/types/types/GenericTypes.d.ts

@@ -80,6 +80,7 @@ export declare enum KupTagNames {
   DRAWER = "KUP-DRAWER",
   DROPDOWN_BUTTON = "KUP-DROPDOWN-BUTTON",
   FIELD = "KUP-FIELD",
+  FORM_EDITOR = "KUP-FORM-EDITOR",
   GAUGE = "KUP-GAUGE",
   GRID = "KUP-GRID",
   IFRAME = "KUP-IFRAME",
@@ -88,6 +89,7 @@ export declare enum KupTagNames {
   LIST = "KUP-LIST",
   MAGIC_BOX = "KUP-MAGIC-BOX",
   NAV_BAR = "KUP-NAV-BAR",
+  NUMERIC_PICKER = "KUP-NUMERIC-PICKER",
   PROBE = "KUP-PROBE",
   PROGRESS_BAR = "KUP-PROGRESS-BAR",
   QLIK = "KUP-QLIK",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "5.2.0-SNAPSHOT",
+    "version": "5.2.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -48,6 +48,7 @@
         "d3-shape": "^3.1.0",
         "dayjs": "^1.10.7",
         "echarts": "^5.2.2",
+        "html2canvas": "^1.4.1",
         "interactjs": "^1.10.11",
         "jquery": "^3.6.0",
         "numeral": "^2.0.6",
@@ -55,7 +56,7 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^2.14.1",
+        "@stencil/core": "^2.14.2",
         "@stencil/sass": "^1.4.1",
         "@types/d3-shape": "^2.1.0",
         "@types/geojson": "^7946.0.8",
@@ -67,7 +68,7 @@
         "jest": "^26.6.3",
         "jest-cli": "^26.6.3",
         "jest-environment-node": "^26.6.2",
-        "puppeteer": "^10.0.0",
+        "puppeteer": "^13.5.1",
         "rimraf": "^3.0.2",
         "sass": "^1.46.0"
     },

package/CHANGELOG.md

@@ -1,5 +0,0 @@
-# KetchUP Changelog
-
-## 24/06/2019 - Pre release
-
-Migrated from Stencil@0.18.x to Stencil@1.0.7

package/dist/ketchup/p-2d4f19f4.js

@@ -1 +0,0 @@
-import{a as e,c,b as t}from"./p-ee33cbe9.js";import{h as n,a}from"./p-8be1337b.js";import{b as l}from"./p-33073f4a.js";import{d as i}from"./p-10c8d755.js";import{F as s}from"./p-47b57d97.js";import{F as r}from"./p-c314b1e6.js";const o=(e,c)=>n("div",Object.assign({class:`f-text-field ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""}  ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.shaped?"kup-shaped":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""}  ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),e.leadingLabel||e.trailingLabel?n("div",{class:"mdc-form-field "+(e.leadingLabel?"mdc-form-field--align-end":"")},[u(e),d(e),n("label",null,e.label)]):[u(e),d(e)],c);function u(c){const t=c.textArea||c.outlined;let l,i;if(!c.label||c.leadingLabel||c.trailingLabel||(l=n("label",{class:"mdc-floating-label",htmlFor:"kup-input"},c.label)),c.icon){let t,l="";if(Object.values(e).indexOf(c.icon)>-1)l=c.icon.replace("--","");else{let e=`url('${a(`./assets/svg/${c.icon}.svg`)}') no-repeat center`;t={mask:e,webkitMask:e}}i=n("span",{style:t,onClick:c.onIconClick,class:`mdc-text-field__icon kup-icon action ${l}`})}return n("div",{class:{"is-clearable":c.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":c.disabled,"mdc-text-field--filled":!c.fullWidth&&!t,"mdc-text-field--no-label":!c.label,"mdc-text-field--fullwidth":c.fullWidth,"mdc-text-field--outlined":t,"mdc-text-field--textarea":c.textArea,"mdc-text-field--with-leading-icon":c.icon&&!c.trailingIcon,"mdc-text-field--with-trailing-icon":c.icon&&c.trailingIcon}},c.textArea&&c.maxLength?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",c.maxLength):void 0,c.trailingIcon?void 0:i,c.textArea?n("span",{class:"mdc-text-field__resizer"},n("textarea",{class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown})):n("input",{type:c.inputType?c.inputType:"text",step:c.step,min:c.min,max:c.max,class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,placeholder:c.fullWidth?c.label:void 0,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown}),c.isClearable?n("span",{class:`mdc-text-field__icon kup-icon ${e.CLEAR.replace("--","")}`,onClick:c.onClearIconClick}):void 0,c.trailingIcon?i:void 0,c.fullWidth||t?void 0:l,t?n("div",{class:"mdc-notched-outline"},n("div",{class:"mdc-notched-outline__leading"}),n("div",{class:"mdc-notched-outline__notch"},l),n("div",{class:"mdc-notched-outline__trailing"})):n("span",{class:"mdc-line-ripple"}))}function d(e){if(!1!==e.helperEnabled){if(e.helper)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!e.helperWhenFocused}},e.helper),e.maxLength&&!e.textArea?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength.toString()):void 0);if(e.maxLength&&!e.textArea)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength))}}const p=[c.DATA_TABLE,c.TREE];var b,k,m,f,h;!function(e){e.CLICK="kup-cell-click",e.ICON_CLICK="kup-cell-iconclick",e.INPUT="kup-cell-input",e.UPDATE="kup-cell-update"}(b||(b={})),function(e){e.DENSE="dense",e.MEDIUM="medium",e.NONE="",e.WIDE="wide"}(k||(k={})),function(e){e.BG_DANGER="danger-bg",e.BG_GREEN="green-bg",e.BG_GREY="grey-bg",e.BG_ORANGE="orange-bg",e.BG_PURPLE="purple-bg",e.BG_SUCCESS="success-bg",e.BG_TEAL="teal-bg",e.BG_WARNING="warning-bg",e.C_BG_DANGER="c-danger-bg",e.C_BG_GREEN="c-green-bg",e.C_BG_GREY="c-grey-bg",e.C_BG_ORANGE="c-orange-bg",e.C_BG_PURPLE="c-purple-bg",e.C_BG_SUCCESS="c-success-bg",e.C_BG_TEAL="c-teal-bg",e.C_BG_WARNING="c-warning-bg",e.C_CENTERED="c-centered",e.C_FITTED="c-fitted",e.C_PADDED="c-padded",e.C_PADDED_HOR="c-padded-hor",e.C_PADDED_VER="c-padded-ver",e.C_ROUND="c-round",e.C_RIGHT_ALIGNED="c-right-aligned",e.C_SHAPED="c-shaped",e.C_TEXT_VERTICAL="c-vertical-text",e.CLICKABLE="clickable",e.HOVER_DISPLAY="display-on-hover",e.HOVER_EXPAND="expand-on-hover",e.HOVER_REDUCE="reduce-on-hover",e.INDICATOR_TOPRIGHT="top-right-indicator",e.LINK="link",e.MONOSPACE="monospace",e.OBJ="obj",e.SHAPED="shaped",e.TEXT_DANGER="danger-text",e.TEXT_INFO="info-text",e.TEXT_PRIMARY="primary-text",e.TEXT_PURPLE="purple-text",e.TEXT_SECONDARY="secondary-text",e.TEXT_STRONG="strong-text",e.TEXT_SUCCESS="success-text",e.TEXT_WARNING="warning-text",e.UNDERLINED="underlined"}(m||(m={})),function(e){e.AUTOCOMPLETE="ACP",e.BUTTON_LIST="BTN",e.CHART="GRA",e.CHECKBOX="CHK",e.CHIP="CHI",e.COLOR_PICKER="CLP",e.COMBOBOX="CMB",e.EDITOR="EDT",e.GAUGE="GAU",e.IMAGE="IMG",e.KNOB="KNB",e.PROGRESS_BAR="PGB",e.RADIO="RAD",e.RATING="RTG",e.TEXT_FIELD="ITX"}(f||(f={})),function(e){e.AUTOCOMPLETE="autocomplete",e.BAR="bar",e.BUTTON="button",e.BUTTON_LIST="button-list",e.CHART="chart",e.CHECKBOX="checkbox",e.CHIP="chips",e.COLOR_PICKER="color-picker",e.COMBOBOX="combobox",e.DATE="date",e.DATETIME="datetime",e.EDITOR="editor",e.GAUGE="gauge",e.ICON="icon",e.IMAGE="image",e.KNOB="knob",e.LINK="link",e.NUMBER="number",e.PROGRESS_BAR="progress-bar",e.RADIO="radio",e.RATING="rating",e.STRING="string",e.TIME="time"}(h||(h={}));const g=[h.AUTOCOMPLETE,h.CHECKBOX,h.COLOR_PICKER,h.COMBOBOX,h.DATE,h.NUMBER,h.RATING,h.STRING,h.TIME],x=[h.BAR,h.BUTTON,h.BUTTON_LIST,h.CHART,h.CHIP,h.COLOR_PICKER,h.GAUGE,h.KNOB,h.PROGRESS_BAR,h.RADIO,h.RATING],v=e=>{const c={"data-indeterminate":!!e.indeterminate},t={checkbox:!0,"checkbox--checked":!(!e.checked||e.indeterminate),"checkbox--disabled":!!e.disabled,"checkbox--indeterminate":!!e.indeterminate};return n("div",Object.assign({class:`f-checkbox ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),n("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},n("div",{class:t},n("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:e.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},c,{value:e.checked?"on":"off"})),n("div",{class:"checkbox__background",onClick:e.onChange},n("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},n("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),n("div",{class:"checkbox__mixedmark"}))),e.label?n("label",null,e.label):void 0))},_=document.documentElement,j=e=>{const a=e.cell,u=e.column,d=e.row,k=e.shape?e.shape:a.shape?a.shape:u.shape?u.shape:null,j=!_.ketchup.objects.isEmptyKupObj(a.obj),O=!(!a.isEditable||!e.editable),$=e.previousValue!==a.value?a.value:"",y=function(e,c){const t=e.obj;if(c)switch(c.toUpperCase()){case f.AUTOCOMPLETE:return h.AUTOCOMPLETE;case f.BUTTON_LIST:return h.BUTTON_LIST;case f.CHART:return h.CHART;case f.CHECKBOX:return h.CHECKBOX;case f.CHIP:return h.CHIP;case f.COLOR_PICKER:return h.COLOR_PICKER;case f.COMBOBOX:return h.COMBOBOX;case f.EDITOR:return h.EDITOR;case f.GAUGE:return h.GAUGE;case f.IMAGE:return h.IMAGE;case f.KNOB:return h.KNOB;case f.PROGRESS_BAR:return h.PROGRESS_BAR;case f.RADIO:return h.RADIO;case f.RATING:return h.RATING;case f.TEXT_FIELD:return h.STRING}return _.ketchup.objects.isBar(t)?h.BAR:_.ketchup.objects.isButton(t)?h.BUTTON:_.ketchup.objects.isChart(t)?h.CHART:_.ketchup.objects.isCheckbox(t)?h.CHECKBOX:_.ketchup.objects.isColor(t)?h.COLOR_PICKER:_.ketchup.objects.isIcon(t)?h.ICON:_.ketchup.objects.isImage(t)?h.IMAGE:_.ketchup.objects.isLink(t)?h.LINK:_.ketchup.objects.isProgressBar(t)?h.PROGRESS_BAR:_.ketchup.objects.isRadio(t)?h.RADIO:_.ketchup.objects.isKupObjList(t)?h.CHIP:_.ketchup.objects.isNumber(t)?h.NUMBER:_.ketchup.objects.isDate(t)?h.DATE:_.ketchup.objects.isTimestamp(t)?h.DATETIME:_.ketchup.objects.isTime(t)?h.TIME:_.ketchup.objects.isVoCodver(t)?h.ICON:h.STRING}(a,k),C=Object.assign({},a.data);let B=a.cssClass?a.cssClass:u.cssClass?u.cssClass:"";const I={"f-cell":!0,[m.OBJ]:!!j,[y+"-cell"]:!0,[e.wrapperClass]:!!e.wrapperClass,[e.density]:!(!e.density||y===h.BAR),[B]:!!B};let z=$;O&&g.includes(y)?z=function(e,c,t,a,l){switch(e){case h.AUTOCOMPLETE:return n("kup-autocomplete",Object.assign({},t.data,{class:"kup-full-width","onkup-autocomplete-change":c=>w(c,l,e,b.UPDATE),"onkup-autocomplete-input":c=>w(c,l,e,b.INPUT),"onkup-autocomplete-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.CHECKBOX:return p.includes(l.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n(v,Object.assign({},t.data,{onChange:c=>w(c,l,e,b.UPDATE)}));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t.data,{class:"kup-full-width",disabled:!1,"onkup-colorpicker-change":c=>w(c,l,e,b.UPDATE)}));case h.COMBOBOX:return n("kup-combobox",Object.assign({},t.data,{class:"kup-full-width","onkup-combobox-change":c=>w(c,l,e,b.UPDATE),"onkup-combobox-input":c=>w(c,l,e,b.INPUT),"onkup-combobox-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.DATE:return n("kup-date-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-datepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-datepicker-input":c=>w(c,l,e,b.INPUT)}));case h.RATING:return n("kup-rating",Object.assign({},t.data,{disabled:!1,"onkup-rating-click":c=>w(c,l,e,b.UPDATE)}));case h.TIME:return n("kup-time-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-timepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-timepicker-input":c=>w(c,l,e,b.INPUT)}));case h.NUMBER:c[m.C_RIGHT_ALIGNED]=!0;case h.STRING:return n(o,Object.assign({},t.data,{icon:t.icon?t.icon:a.icon?a.icon:null,fullWidth:!0,inputType:e===h.NUMBER?"number":null,value:e===h.NUMBER?i(t.value).toString():t.value,onChange:c=>w(c,l,e,b.UPDATE),onInput:c=>w(c,l,e,b.INPUT),onIconClick:c=>w(c,l,e,b.ICON_CLICK)}))}}(y,I,a,u,e):a.data&&x.includes(y)?(e.setSizes&&function(e,c,t){switch(e){case h.BAR:c.sizeY||(c.sizeY="26px");break;case h.BUTTON:let e="";c.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case h.CHART:c.sizeX||(c.sizeX="100%"),c.sizeY||(c.sizeY="100%");break;case h.CHIP:case h.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(y,C,a),z=e.renderKup?function(e,c,t,a,l,o,u){switch(e){case h.BAR:return t.data?n("div",{style:{height:t.sizeY,width:"100%"}},n(s,Object.assign({},t))):n("kup-image",Object.assign({},t));case h.BUTTON:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n("kup-button",Object.assign({},t,{"onkup-button-click":c=>w(c,u,e,b.CLICK)}));case h.BUTTON_LIST:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),t["data-storage"]={cell:a,row:l,column:o},n("kup-button-list",Object.assign({},t));case h.CHART:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),n("kup-chart",Object.assign({},t));case h.CHIP:return n(r,Object.assign({},t));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t,{class:"kup-full-width",disabled:!0}));case h.GAUGE:return n("kup-gauge",Object.assign({value:i(a.value),"width-component":"280px"},t));case h.KNOB:case h.PROGRESS_BAR:return n("kup-progress-bar",Object.assign({},t));case h.RADIO:return p.includes(u.component.rootElement.tagName)&&(c[m.C_CENTERED]=!0),t.disabled=l.readOnly,n("kup-radio",Object.assign({},t));case h.RATING:return n("kup-rating",Object.assign({},t,{disabled:!0}))}}(y,I,C,a,d,u,e):n("span",{class:"cell-"+y+" placeholder"})):(e.setSizes&&function(e,t,n,a){switch(e){case h.CHECKBOX:case h.ICON:t.sizeX||(t.sizeX="18px"),t.sizeY||(t.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=t.sizeY):n.style={minHeight:t.sizeY};break;case h.IMAGE:a.component.rootElement.tagName===c.BOX?(t.sizeY||(t.sizeY="auto"),void 0===t.fit&&(t.fit=!0)):t.sizeX||(t.sizeX="auto"),t.sizeY||(t.sizeY="64px")}}(y,C,a,e),z=function(e,c,t,a,r,o,u){switch(e){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.DATETIME:case h.TIME:if(t&&""!=t){const e=l(o,r);return n("div",{class:"f-cell__text"},e)}return t;case h.CHECKBOX:return p.includes(u.component.rootElement.tagName)&&(a[m.C_CENTERED]=!0),n(s,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case h.EDITOR:return n("div",{innerHTML:r.value});case h.ICON:case h.IMAGE:return p.includes(u.component.rootElement.tagName)&&(a[m.C_CENTERED]=!0),c.badgeData&&(a[m.C_PADDED]=!0),n(s,Object.assign({},c));case h.LINK:return n("a",{href:t,target:"_blank"},r.value);case h.NUMBER:if(t&&""!=t){const e=i(r.value),c=l(o,r);return e<0&&(a[m.TEXT_DANGER]=!0),p.includes(u.component.rootElement.tagName)&&(a[m.C_RIGHT_ALIGNED]=!0),n("div",{class:"f-cell__text"},c)}return n("div",{class:"f-cell__text"},t);default:return n("div",{class:"f-cell__text"},t)}}(y,C,z,I,a,u,e));let F=null;!O&&(u.icon||a.icon)&&z&&(F=n(s,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:a.icon?a.icon:u.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let T=null;_.ketchup.debug.isDebug()&&j?T=a.obj.t+"; "+a.obj.p+"; "+a.obj.k+";":null!=a.title&&""!=a.title.trim()&&(T=a.title);let H=null;if(a.info){const e=Object.assign({},a.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),H=n(s,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return n("div",{class:I,style:a.style},n("div",{class:"f-cell__content",style:a.styleContent,title:T},e.indents,H,F,z))};function w(e,c,t,n){const a=c.cell,i=c.column,s=c.component,r=c.row;let o="INPUT"===e.target.tagName?e.target.value:e.detail.value;if(n===b.UPDATE){switch(t){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.TIME:a.data&&(a.data.initialValue=o);break;case h.CHECKBOX:o="on"===o?"0":"1",a.data&&(a.data.checked="0"!==o)}a.obj&&(a.obj.k=o.toString()),a.value=o.toString(),a.displayedValue=null,a.displayedValue=l(i,a)}if(s&&s.rootElement){const c=new CustomEvent(n,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:s,id:s.rootElement.id,cell:a,column:i,event:e,row:r,type:t}});s.rootElement.dispatchEvent(c);try{s.refresh()}catch(e){}}}export{o as F,j as a,v as b,k as c}

package/dist/ketchup/p-3aab1f0d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,f as i,h as o,H as a,g as n}from"./p-8be1337b.js";import{k as r}from"./p-ee33cbe9.js";import{g as e,s as c}from"./p-10c8d755.js";import{c as l}from"./p-97e8ea42.js";import{F as p}from"./p-5d190cf5.js";import"./p-6c77a36c.js";import"./p-47b57d97.js";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const u=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null,this.kupManager=r()}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}async getProps(t){return e(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(a,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:"snackbar"},o("div",{class:"snackbar__text"},this.text),this.actionButton||this.closeButton?o("div",{class:"snackbar__buttons"},this.actionButton?o("div",{class:"snackbar__action"},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:"snackbar__close"},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};u.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:flex-start;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;white-space:nowrap}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;width:100%}.snackbar__close{--kup-button-font-size:11px;margin-left:8px}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{u as kup_snackbar}

package/dist/ketchup/p-47b57d97.js

@@ -1 +0,0 @@
-import{h as e,a as t}from"./p-8be1337b.js";import{b as s}from"./p-ee33cbe9.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("--","");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",l={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:l}),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 ${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-5186885c.entry.js

@@ -1 +0,0 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-8be1337b.js";import{k as o,m as n,i as r}from"./p-ee33cbe9.js";import{g as l,s as a}from"./p-10c8d755.js";import{c}from"./p-97e8ea42.js";import{c as d,a as p}from"./p-2d4f19f4.js";import"./p-33073f4a.js";import"./p-47b57d97.js";import"./p-c314b1e6.js";var m;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the cell.",t.density="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",t.dragEnabled="When set to true, the component is draggable."}(m||(m={}));const u=class{constructor(s){t(this,s),this.customStyle="",this.data=null,this.density=d.NONE,this.dragEnabled=!1,this.kupManager=o()}async addCssClasses(t){if(this.data.cssClass||(this.data.cssClass=""),t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)<0&&(this.data.cssClass+=` ${i}`)}this.refresh()}async getProps(t){return l(this,m,t)}async refresh(){s(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let s=0;s<t.length;s++){const i=t[s];this.data.cssClass.indexOf(i)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(i,"g"),""))}this.refresh()}}async setProps(t){a(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+c),{cursorChecker:()=>null},{callback:t},n.BADGE)}}generateColumn(){return{name:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL",title:this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(r.EMPTY_OBJECT)}}generateRow(){const t=this.generateColumn(),s={cells:{}};return s.cells[t.name]=this.data,s}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),this.kupManager.debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return i(e,null,i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:c},i(p,Object.assign({},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};u.style=":host{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";export{u as kup_cell}