@sme.up/ketchup 10.3.2 → 10.3.4

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -1,404 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-c70d3188.js');
-const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fImage = require('./f-image-db10b066.js');
-const fButton = require('./f-button-bfafefb3.js');
-const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-7a2faf7a.js');
-const component = require('./component-a6dd6c14.js');
-require('./kup-dates-bc4cf9d0.js');
-require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f2d6124b.js');
-require('./f-object-field-3810f288.js');
-require('./f-text-field-a34a5979.js');
-
-/**
- * Props of the kup-image-list component.
- * Used to export every prop in an object.
- */
-var KupImageListProps;
-(function (KupImageListProps) {
-    KupImageListProps["columns"] = "Can set a specific number of columns";
-    KupImageListProps["customStyle"] = "Custom style of the component.";
-    KupImageListProps["data"] = "Actual data of the component";
-    KupImageListProps["ripple"] = "When enabled displays Material's ripple effect on clicked items.";
-    KupImageListProps["rows"] = "Cam set a specific number of rows. It overwrite the columns flow into rows flow";
-    KupImageListProps["showFullDescription"] = "When enabled, image descriptions will always be displayed entirely and not cut or truncated.";
-})(KupImageListProps || (KupImageListProps = {}));
-
-class KupImageListState {
-    constructor() {
-        this.load = false;
-    }
-    toDebugString() {
-        // TODO
-        return 'image-list state';
-    }
-}
-
-const kupImageListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-text-secondary)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-layer-1)\n  );--kup_imagelist_item_background_color_hover:var(\n    --kup-imagelist-item-background-color-hover,\n    var(--kup-layer-1-hover)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";
-const KupImageListStyle0 = kupImageListCss;
-
-var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m")
-        throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _KupImageList_instances, _KupImageList_checkUpdateState, _KupImageList_clickTimeout, _KupImageList_kupManager, _KupImageList_backProps, _KupImageList_topProps, _KupImageList_el, _KupImageList_hold, _KupImageList_interactableTouch, _KupImageList_createItem, _KupImageList_createList, _KupImageList_getEventDetails, _KupImageList_clickHandler, _KupImageList_contextMenuHandler, _KupImageList_dblClickHandler, _KupImageList_didLoadInteractables;
-const KupImageList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.kupClick = index.createEvent(this, "kup-imagelist-click", 6);
-        this.kupContextMenu = index.createEvent(this, "kup-imagelist-contextmenu", 6);
-        this.kupDblClick = index.createEvent(this, "kup-imagelist-dblclick", 6);
-        _KupImageList_instances.add(this);
-        /*-------------------------------------------------*/
-        /*                   S t a t e s                   */
-        /*-------------------------------------------------*/
-        this.state = new KupImageListState();
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
-        /**
-         * Instance of the KupManager class.
-         */
-        _KupImageList_clickTimeout.set(this, []);
-        _KupImageList_kupManager.set(this, kupManager.kupManagerInstance());
-        _KupImageList_backProps.set(this, {
-            icon: 'arrow_back',
-            onClick: () => {
-                this.currentNode = __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.node.getParent(this.data, this.currentNode);
-                if (!this.currentNode) {
-                    this.navigationBarToggled = false;
-                }
-            },
-            styling: fButtonDeclarations.FButtonStyling.FLAT,
-            wrapperClass: 'navigation-bar__back',
-        });
-        _KupImageList_topProps.set(this, {
-            icon: 'arrow_upward',
-            onClick: () => {
-                this.currentNode = null;
-                this.navigationBarToggled = false;
-            },
-            styling: fButtonDeclarations.FButtonStyling.FLAT,
-            wrapperClass: 'navigation-bar__top',
-        });
-        _KupImageList_el.set(this, void 0);
-        _KupImageList_hold.set(this, false);
-        _KupImageList_interactableTouch.set(this, []);
-        this.currentNode = null;
-        this.navigationBarToggled = false;
-        this.columns = [];
-        this.customStyle = '';
-        this.data = [];
-        this.ripple = false;
-        this.rows = null;
-        this.selectedNode = [];
-        this.stateId = '';
-        this.store = undefined;
-        this.showFullDescription = false;
-    }
-    initWithPersistedState() {
-        if (this.store && this.stateId) {
-            this.state.load = true;
-            const state = this.store.getState(this.stateId);
-            if (state != null) {
-                this.currentNode =
-                    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.node.findByStrTreeNodePath(this.data, state.selectedTreeNodePath);
-            }
-        }
-    }
-    persistState() {
-        if (this.store && this.stateId) {
-            let somethingChanged = __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_checkUpdateState).call(this);
-            if (!this.state.load) {
-                this.state.load = true;
-                return;
-            }
-            if (somethingChanged) {
-                this.store.persistState(this.stateId, this.state);
-            }
-        }
-    }
-    /*-------------------------------------------------*/
-    /*                  W a t c h e r s                */
-    /*-------------------------------------------------*/
-    selectNode(newData) {
-        if (!newData || newData.length == 0) {
-            return;
-        }
-        this.currentNode = __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.node.find(this.data, newData);
-    }
-    /*-------------------------------------------------*/
-    /*           P u b l i c   M e t h o d s           */
-    /*-------------------------------------------------*/
-    /**
-     * 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.
-     */
-    async getProps(descriptions) {
-        return kupManager.getProps(this, KupImageListProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        index.forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        kupManager.setProps(this, KupImageListProps, props);
-    }
-    /*-------------------------------------------------*/
-    /*          L i f e c y c l e   H o o k s          */
-    /*-------------------------------------------------*/
-    componentWillLoad() {
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.register(this);
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.register(this);
-    }
-    componentDidLoad() {
-        __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_didLoadInteractables).call(this);
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").debug.logLoad(this, true);
-    }
-    componentWillRender() {
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").debug.logRender(this, false);
-    }
-    componentDidRender() {
-        const root = this.rootElement.shadowRoot;
-        if (root && this.ripple) {
-            const rippleCells = root.querySelectorAll('.mdc-ripple-surface:not(.mdc-ripple-upgraded)');
-            if (rippleCells) {
-                for (let i = 0; i < rippleCells.length; i++) {
-                    component.MDCRipple.attachTo(rippleCells[i]);
-                }
-            }
-        }
-        // *** Store
-        this.persistState();
-        // ***
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").debug.logRender(this, true);
-    }
-    render() {
-        const hasNavigation = !!this.currentNode;
-        let gridColumnsStyle = {};
-        if (this.columns) {
-            if (this.columns.length === 1) {
-                gridColumnsStyle = {
-                    '--kup-imagelist-columns-mobile': `${this.columns[0]}`,
-                    '--kup-imagelist-columns-tablet': `${this.columns[0]}`,
-                    '--kup-imagelist-columns-desktop': `${this.columns[0]}`,
-                };
-            }
-            else if (this.columns.length === 2) {
-                gridColumnsStyle = {
-                    '--kup-imagelist-columns-mobile': `${this.columns[0]}`,
-                    '--kup-imagelist-columns-tablet': `${this.columns[0]}`,
-                    '--kup-imagelist-columns-desktop': `${this.columns[1]}`,
-                };
-            }
-            else if (this.columns.length === 3) {
-                gridColumnsStyle = {
-                    '--kup-imagelist-columns-mobile': `${this.columns[0]}`,
-                    '--kup-imagelist-columns-tablet': `${this.columns[1]}`,
-                    '--kup-imagelist-columns-desktop': `${this.columns[2]}`,
-                };
-            }
-        }
-        let combinedGridStyle = Object.assign({}, gridColumnsStyle);
-        if (this.rows != null && this.rows > 0) {
-            const gridRowsStyle = {
-                'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`,
-                'grid-auto-flow': `column`,
-            };
-            combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
-        }
-        const imlClass = 'image-list' +
-            (this.showFullDescription ? ' full-description' : '');
-        return (index.h(index.Host, { key: 'ca040281aa4d992d8d6efaa3e294e4cc5e06f95a' }, index.h("style", { key: '433ac510a032fef1a28de7a19cc725338f12ed18' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '09711dbe9475c429a0b87f08c4f95d33dc0a2387', id: GenericVariables.componentWrapperId, ref: (el) => {
-                __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: 'fa65e7bfd83e21146e71c9889cf08849cccc1479', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
-                ? 'navigation-bar__wrapper--active'
-                : ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
-                this.navigationBarToggled =
-                    !this.navigationBarToggled;
-            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: 'e8348ec6cfc974859f45548e1bb156032dda8d2d', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
-    }
-    disconnectedCallback() {
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.unregister(this);
-        __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.unregister(this);
-    }
-    get rootElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "selectedNode": ["selectNode"]
-    }; }
-};
-_KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakMap(), _KupImageList_backProps = new WeakMap(), _KupImageList_topProps = new WeakMap(), _KupImageList_el = new WeakMap(), _KupImageList_hold = new WeakMap(), _KupImageList_interactableTouch = new WeakMap(), _KupImageList_instances = new WeakSet(), _KupImageList_checkUpdateState = function _KupImageList_checkUpdateState() {
-    let somethingChanged = false;
-    let cNodeRowId = this.currentNode ? this.currentNode.id : '';
-    if (!__classPrivateFieldGet(this, _KupImageList_kupManager, "f").objects.deepEqual(this.state.selectedTreeNodePath, cNodeRowId)) {
-        this.state.selectedTreeNodePath = cNodeRowId;
-        somethingChanged = true;
-    }
-    return somethingChanged;
-}, _KupImageList_createItem = function _KupImageList_createItem(node) {
-    const props = {
-        fit: true,
-        resource: node.icon,
-        placeholderResource: node.placeholderIcon,
-        title: node.title,
-        wrapperClass: 'image-list__image',
-        badgeData: node.badgeData,
-    };
-    const image = index.h(fImage.FImage, Object.assign({}, props));
-    const label = index.h("div", { class: "image-list__label" }, node.value);
-    const hasExternalResource = props.resource.indexOf('.') > -1 ||
-        props.resource.indexOf('/') > -1 ||
-        props.resource.indexOf('\\') > -1;
-    return (index.h(fCell.FCell, { cell: {
-            value: node.value,
-            icon: node.icon,
-            placeholderIcon: node.placeholderIcon,
-            obj: node.obj,
-            cssClass: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.cell.getObjectRelatedStyleClasses(node.obj, node.cssClass),
-        }, column: { name: 'IMAGE', title: 'Image' }, component: this, density: kupManager.FCellPadding.NONE, row: Object.assign({}, node) }, index.h("div", { class: `image-list__wrapper${hasExternalResource ? ' images' : ''}` }, !hasExternalResource && (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" })), image, label)));
-}, _KupImageList_createList = function _KupImageList_createList() {
-    const nodes = [];
-    const items = this.currentNode ? this.currentNode.children : this.data;
-    for (let index$1 = 0; items && index$1 < items.length; index$1++) {
-        const node = items[index$1];
-        const classObj = {
-            'image-list__item': true,
-            'mdc-ripple-surface': this.ripple ? true : false,
-        };
-        const item = (index.h("div", { onContextMenu: (e) => {
-                e.preventDefault();
-            }, class: classObj }, __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createItem).call(this, node)));
-        nodes.push(item);
-    }
-    return nodes;
-}, _KupImageList_getEventDetails = function _KupImageList_getEventDetails(path, e) {
-    let cellProps;
-    if (path) {
-        for (let i = path.length - 1; i >= 0; i--) {
-            let p = path[i];
-            if (!p.tagName) {
-                continue;
-            }
-            if (p.classList.contains('f-cell')) {
-                cellProps = p['kup-get-cell-props']();
-            }
-        }
-    }
-    return {
-        cell: cellProps === null || cellProps === void 0 ? void 0 : cellProps.cell,
-        column: cellProps === null || cellProps === void 0 ? void 0 : cellProps.column,
-        originalEvent: e,
-        row: cellProps === null || cellProps === void 0 ? void 0 : cellProps.row,
-    };
-}, _KupImageList_clickHandler = function _KupImageList_clickHandler(e) {
-    const details = __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_getEventDetails).call(this, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").getEventPath(e.target, this.rootElement), e);
-    return details;
-}, _KupImageList_contextMenuHandler = function _KupImageList_contextMenuHandler(e) {
-    const details = __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_getEventDetails).call(this, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").getEventPath(e.target, this.rootElement), e);
-    return details;
-}, _KupImageList_dblClickHandler = function _KupImageList_dblClickHandler(e) {
-    const details = __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_getEventDetails).call(this, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").getEventPath(e.target, this.rootElement), e);
-    return details;
-}, _KupImageList_didLoadInteractables = function _KupImageList_didLoadInteractables() {
-    __classPrivateFieldGet(this, _KupImageList_interactableTouch, "f").push(__classPrivateFieldGet(this, _KupImageList_el, "f"));
-    const tapCb = (e) => {
-        if (__classPrivateFieldGet(this, _KupImageList_hold, "f")) {
-            __classPrivateFieldSet(this, _KupImageList_hold, false, "f");
-            return;
-        }
-        switch (e.button) {
-            // left click
-            case 0:
-                // Note: event must be cloned
-                // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).
-                const clone = {};
-                for (const key in e) {
-                    clone[key] = e[key];
-                }
-                __classPrivateFieldGet(this, _KupImageList_clickTimeout, "f").push(setTimeout(() => {
-                    var _a;
-                    const details = __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_clickHandler).call(this, clone);
-                    const node = details.row;
-                    if (((_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                        this.currentNode = node;
-                    }
-                    this.kupClick.emit({
-                        comp: this,
-                        id: this.rootElement.id,
-                        details,
-                    });
-                }, 300));
-                break;
-            // right click
-            case 2:
-                this.kupContextMenu.emit({
-                    comp: this,
-                    id: this.rootElement.id,
-                    details: __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_contextMenuHandler).call(this, e),
-                });
-                break;
-        }
-    };
-    const doubletapCb = (e) => {
-        switch (e.button) {
-            // left click
-            case 0:
-                for (let index = 0; index < __classPrivateFieldGet(this, _KupImageList_clickTimeout, "f").length; index++) {
-                    clearTimeout(__classPrivateFieldGet(this, _KupImageList_clickTimeout, "f")[index]);
-                    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").debug.logMessage(this, 'Cleared clickHandler timeout(' +
-                        __classPrivateFieldGet(this, _KupImageList_clickTimeout, "f")[index] +
-                        ').');
-                }
-                __classPrivateFieldSet(this, _KupImageList_clickTimeout, [], "f");
-                this.kupDblClick.emit({
-                    comp: this,
-                    id: this.rootElement.id,
-                    details: __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_dblClickHandler).call(this, e),
-                });
-                break;
-        }
-    };
-    const holdCb = (e) => {
-        if (e.pointerType === 'pen' || e.pointerType === 'touch') {
-            __classPrivateFieldSet(this, _KupImageList_hold, true, "f");
-            this.kupContextMenu.emit({
-                comp: this,
-                id: this.rootElement.id,
-                details: __classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_contextMenuHandler).call(this, e),
-            });
-        }
-    };
-    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupImageList_el, "f"), kupManager.KupPointerEventTypes.HOLD, holdCb);
-    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupImageList_el, "f"), kupManager.KupPointerEventTypes.TAP, tapCb);
-    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupImageList_el, "f"), kupManager.KupPointerEventTypes.DOUBLETAP, doubletapCb);
-};
-KupImageList.style = KupImageListStyle0;
-
-exports.kup_image_list = KupImageList;