@sme.up/ketchup 9.5.2 → 9.6.0

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

@@ -0,0 +1,128 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import Editor from '@toast-ui/editor';
+import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from './kup-editor-declarations';
+import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
+export declare class KupEditor {
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-editor>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * The editor instance.
+     * @default null
+     */
+    editor: Editor;
+    /**
+     * The editor html element instance.
+     * @default null
+     */
+    editorRef: HTMLDivElement;
+    /**
+     * The viewer instance.
+     * @default null
+     */
+    viewer: Viewer;
+    /**
+     * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+     * @default null
+     */
+    autosaveTimer: number;
+    /**
+     * Sets the height of the component.
+     * @default "auto"
+     */
+    editorHeight: string;
+    /**
+     * The editor type.
+     * @default 'markdown'
+     */
+    initialEditType: KupEditorType;
+    /**
+     * The initial editor value.
+     * @default ''
+     */
+    initialValue: string;
+    /**
+     * Defines whether the editor is disabled or not.
+     * @default false
+     */
+    isReadOnly: boolean;
+    /**
+     * The editor preview style.
+     * @default 'vertical'
+     */
+    previewStyle: KupEditorPreview;
+    /**
+     * Defines whether to show the save button in editor's toolbar or not.
+     * @default true
+     */
+    showSaveButton: boolean;
+    /**
+     * Defines whether to show the editor's toolbar or not.
+     * @default true
+     */
+    showToolbar: boolean;
+    /**
+     * Triggered at regular intervals if autosaveTimer prop is initialised.
+     */
+    kupAutoSave: EventEmitter<KupEditorEventPayload>;
+    /**
+     * Triggered when the component is ready.
+     */
+    kupReady: EventEmitter<KupEventPayload>;
+    /**
+     * Triggered when save button is clicked.
+     */
+    kupSave: EventEmitter<KupEditorEventPayload>;
+    onEditorRefUpdated(): void;
+    onEditorUpdate(): void;
+    onInitialEditTypeChanged(): void;
+    onIsReadOnlyChanged(): void;
+    onPreviewStyleChanged(): void;
+    onShowSaveButtonChanged(): void;
+    onShowToolBarChanged(): void;
+    onAutosaveTimerChanged(): void;
+    /**
+     * 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.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * Returns the component's internal value as html.
+     */
+    getValueAsHTML(): Promise<string>;
+    /**
+     * Returns the component's internal value as markdown.
+     */
+    getValueAsMarkdown(): Promise<string>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    createEditor(): void;
+    createViewer(): void;
+    createSaveButton(): HTMLElement;
+    createDivider(): toastui.ToolbarButton;
+    createUnsavedChanges(): HTMLElement;
+    updateToolbarVisiblity(): void;
+    setAutosaveInterval(): void;
+    onEditorSave(): void;
+    onEditorAutoSave(): void;
+    getToolBarWithSaveButton(includeDefaultItems?: boolean): (string | toastui.ToolbarButton)[];
+    getDefaultToolBarItems(): (string | toastui.ToolbarButton)[];
+    getSaveAndAutoSaveProps(): KupEditorEventPayload;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
+}

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

@@ -96,6 +96,7 @@ export declare class KupGantt {
      * References the root HTML element of the component (<kup-gantt>).
      */
     rootElement: HTMLElement;
+    taskListTrueRef: HTMLKupTaskListElement;
     componentWillLoad(): void;
     loadStates(): void;
     componentDidRender(): void;

package/dist/types/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.d.ts

@@ -1,7 +1,7 @@
 export declare class HorizontalScroll {
     scrollNumber: number;
     svgWidth: number;
-    taskGanttRef: HTMLDivElement;
+    taskListTrueRef: HTMLKupTaskListElement;
     rtl: boolean;
     taskListWidth: number;
     horizontalScroll: (event: UIEvent) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import { KupDataCell, KupDataColumn, KupDataNode, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 import type { PointerEvent } from '@interactjs/types/index';
 import { GenericMap, KupEventPayload } from '../../types/GenericTypes';

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
 import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
 import { GeoJSON } from "geojson";
 import { XAXisComponentOption, YAXisComponentOption } from "echarts";
+import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
 import { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
 import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
 import { KupBadge } from "./components/kup-badge/kup-badge";
@@ -83,6 +84,7 @@ export { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
 export { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
 export { GeoJSON } from "geojson";
 export { XAXisComponentOption, YAXisComponentOption } from "echarts";
+export { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
 export { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
 export { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
 export { KupBadge } from "./components/kup-badge/kup-badge";
@@ -1832,6 +1834,71 @@ export namespace Components {
          */
         "yAxis": YAXisComponentOption;
     }
+    interface KupEditor {
+        /**
+          * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+          * @default null
+         */
+        "autosaveTimer": number;
+        /**
+          * Sets the height of the component.
+          * @default "auto"
+         */
+        "editorHeight": string;
+        /**
+          * 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>;
+        /**
+          * Returns the component's internal value as html.
+         */
+        "getValueAsHTML": () => Promise<string>;
+        /**
+          * Returns the component's internal value as markdown.
+         */
+        "getValueAsMarkdown": () => Promise<string>;
+        /**
+          * The editor type.
+          * @default 'markdown'
+         */
+        "initialEditType": KupEditorType;
+        /**
+          * The initial editor value.
+          * @default ''
+         */
+        "initialValue": string;
+        /**
+          * Defines whether the editor is disabled or not.
+          * @default false
+         */
+        "isReadOnly": boolean;
+        /**
+          * The editor preview style.
+          * @default 'vertical'
+         */
+        "previewStyle": KupEditorPreview;
+        /**
+          * 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>;
+        /**
+          * Defines whether to show the save button in editor's toolbar or not.
+          * @default true
+         */
+        "showSaveButton": boolean;
+        /**
+          * Defines whether to show the editor's toolbar or not.
+          * @default true
+         */
+        "showToolbar": boolean;
+    }
     interface KupFamilyTree {
         /**
           * The component will autofit everytime a node is expanded.
@@ -2212,7 +2279,7 @@ export namespace Components {
         "rtl": boolean;
         "scrollNumber": number;
         "svgWidth": number;
-        "taskGanttRef": HTMLDivElement;
+        "taskListTrueRef": HTMLKupTaskListElement;
         "taskListWidth": number;
     }
     interface KupIframe {
@@ -3873,6 +3940,10 @@ export interface KupEchartCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupEchartElement;
 }
+export interface KupEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupEditorElement;
+}
 export interface KupFamilyTreeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupFamilyTreeElement;
@@ -4392,6 +4463,25 @@ declare global {
         prototype: HTMLKupEchartElement;
         new (): HTMLKupEchartElement;
     };
+    interface HTMLKupEditorElementEventMap {
+        "kup-editor-autosave": KupEditorEventPayload;
+        "kup-editor-ready": KupEventPayload;
+        "kup-editor-save": KupEditorEventPayload;
+    }
+    interface HTMLKupEditorElement extends Components.KupEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKupEditorElementEventMap>(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent<HTMLKupEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKupEditorElementEventMap>(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent<HTMLKupEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKupEditorElement: {
+        prototype: HTMLKupEditorElement;
+        new (): HTMLKupEditorElement;
+    };
     interface HTMLKupFamilyTreeElementEventMap {
         "kup-familytree-click": KupFamilyTreeEventPayload;
         "kup-familytree-contextmenu": KupFamilyTreeEventPayload;
@@ -4926,6 +5016,7 @@ declare global {
         "kup-drawer": HTMLKupDrawerElement;
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
         "kup-echart": HTMLKupEchartElement;
+        "kup-editor": HTMLKupEditorElement;
         "kup-family-tree": HTMLKupFamilyTreeElement;
         "kup-form": HTMLKupFormElement;
         "kup-gantt": HTMLKupGanttElement;
@@ -6400,6 +6491,60 @@ declare namespace LocalJSX {
          */
         "yAxis"?: YAXisComponentOption;
     }
+    interface KupEditor {
+        /**
+          * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+          * @default null
+         */
+        "autosaveTimer"?: number;
+        /**
+          * Sets the height of the component.
+          * @default "auto"
+         */
+        "editorHeight"?: string;
+        /**
+          * The editor type.
+          * @default 'markdown'
+         */
+        "initialEditType"?: KupEditorType;
+        /**
+          * The initial editor value.
+          * @default ''
+         */
+        "initialValue"?: string;
+        /**
+          * Defines whether the editor is disabled or not.
+          * @default false
+         */
+        "isReadOnly"?: boolean;
+        /**
+          * Triggered at regular intervals if autosaveTimer prop is initialised.
+         */
+        "onKup-editor-autosave"?: (event: KupEditorCustomEvent<KupEditorEventPayload>) => void;
+        /**
+          * Triggered when the component is ready.
+         */
+        "onKup-editor-ready"?: (event: KupEditorCustomEvent<KupEventPayload>) => void;
+        /**
+          * Triggered when save button is clicked.
+         */
+        "onKup-editor-save"?: (event: KupEditorCustomEvent<KupEditorEventPayload>) => void;
+        /**
+          * The editor preview style.
+          * @default 'vertical'
+         */
+        "previewStyle"?: KupEditorPreview;
+        /**
+          * Defines whether to show the save button in editor's toolbar or not.
+          * @default true
+         */
+        "showSaveButton"?: boolean;
+        /**
+          * Defines whether to show the editor's toolbar or not.
+          * @default true
+         */
+        "showToolbar"?: boolean;
+    }
     interface KupFamilyTree {
         /**
           * The component will autofit everytime a node is expanded.
@@ -6709,7 +6854,7 @@ declare namespace LocalJSX {
         "rtl"?: boolean;
         "scrollNumber"?: number;
         "svgWidth"?: number;
-        "taskGanttRef"?: HTMLDivElement;
+        "taskListTrueRef"?: HTMLKupTaskListElement;
         "taskListWidth"?: number;
     }
     interface KupIframe {
@@ -8065,6 +8210,7 @@ declare namespace LocalJSX {
         "kup-drawer": KupDrawer;
         "kup-dropdown-button": KupDropdownButton;
         "kup-echart": KupEchart;
+        "kup-editor": KupEditor;
         "kup-family-tree": KupFamilyTree;
         "kup-form": KupForm;
         "kup-gantt": KupGantt;
@@ -8134,6 +8280,7 @@ declare module "@stencil/core" {
             "kup-drawer": LocalJSX.KupDrawer & JSXBase.HTMLAttributes<HTMLKupDrawerElement>;
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
             "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes<HTMLKupEchartElement>;
+            "kup-editor": LocalJSX.KupEditor & JSXBase.HTMLAttributes<HTMLKupEditorElement>;
             "kup-family-tree": LocalJSX.KupFamilyTree & JSXBase.HTMLAttributes<HTMLKupFamilyTreeElement>;
             "kup-form": LocalJSX.KupForm & JSXBase.HTMLAttributes<HTMLKupFormElement>;
             "kup-gantt": LocalJSX.KupGantt & JSXBase.HTMLAttributes<HTMLKupGanttElement>;

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

@@ -17,7 +17,7 @@ export declare class KupData {
     column: {
         find(dataset: KupDataDataset | KupDataColumn[], filters: Partial<KupDataColumn>): KupDataColumn[];
         hide(dataset: KupDataDataset | KupDataColumn[], columns2hide: string[]): KupDataColumn[];
-        new(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
+        "new"(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
     };
     node: {
         getDrilldownInfo(nodes: KupDataNode[]): KupDataNodeDrilldownInfo;

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

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { DropEvent, InteractEvent } from '@interactjs/types/index';
 import type { ResizeEvent } from '@interactjs/actions/resize/plugin';
 import { KupBoxRow } from '../../components/kup-box/kup-box-declarations';

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

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { Interaction } from '@interactjs/core/Interaction';
 import type { ActionMap } from '@interactjs/core/scope';
 import type { DraggableOptions, DropzoneOptions, ListenersArg, Point, RectResolvable, ResizableOptions } from '@interactjs/types/index';

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

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { Interaction } from '@interactjs/core/Interaction';
 import type { ActionMap } from '@interactjs/core/scope';
 import type { RectResolvable } from '@interactjs/types/index';
@@ -38,6 +39,7 @@ export interface KupManager {
     dates: KupDates;
     debug: KupDebug;
     dynamicPosition: KupDynamicPosition;
+    enableExperimentalFeatures: boolean;
     interact: KupInteract;
     language: KupLanguage;
     magicBox: HTMLKupMagicBoxElement;
@@ -83,6 +85,7 @@ export interface KupManagerInitialization {
     autoSetLocalization?: boolean;
     dates?: KupManagerDatesSettings;
     debug?: KupManagerDebugSettings;
+    enableExperimentalFeatures?: boolean;
     interact?: KupManagerInteractSettings;
     language?: KupManagerLanguageSettings;
     math?: KupManagerMathSettings;

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

@@ -25,6 +25,7 @@ export declare class KupManager {
     dates: KupDates;
     debug: KupDebug;
     dynamicPosition: KupDynamicPosition;
+    enableExperimentalFeatures: boolean;
     interact: KupInteract;
     language: KupLanguage;
     magicBox: HTMLKupMagicBoxElement;

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

@@ -3,6 +3,6 @@
  */
 export declare enum KupToolbarModifierKeys {
     ALT = "altKey",
-    CTRL = "ctrlKey",
+    CTRL = "ctrlKey",// Automatically tests for metaKey as well (iOS compatibility)
     SHIFT = "shiftKey"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.5.2",
+    "version": "9.6.0",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -46,6 +46,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
+        "@toast-ui/editor": "^2.5.4",
         "d3-shape": "^3.2.0",
         "dayjs": "^1.11.7",
         "echarts": "^5.4.2",
@@ -58,9 +59,9 @@
         "vanilla-picker": "^2.12.1"
     },
     "devDependencies": {
-        "@stencil/core": "^4.8.1",
+        "@stencil/core": "^4.12.0",
         "@stencil/react-output-target": "0.5.3",
-        "@stencil/sass": "^3.0.7",
+        "@stencil/sass": "^3.0.9",
         "jest": "^29.7.0",
         "jest-cli": "^29.7.0",
         "jest-html-reporter": "^3.10.2",

package/dist/ketchup/p-07bed934.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,d as h}from"./p-cd9a4274.js";import{k as o}from"./p-937a322f.js";import"./p-c23731ca.js";const e=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}

package/dist/ketchup/p-0f6cb6e4.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,f as i,h as o,H as a,d as n}from"./p-cd9a4274.js";import{k as e,g as r,s as c}from"./p-937a322f.js";import{c as p}from"./p-635bb4b3.js";import{F as l}from"./p-269a9af8.js";import"./p-c23731ca.js";import"./p-c634eb82.js";import"./p-b396d0f8.js";const h="snackbar";var u;!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."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,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.onKupTimeoutComplete()}),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:p},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events: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{box-sizing:border-box;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:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.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;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@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{b as kup_snackbar}