@sme.up/ketchup 10.3.2 → 10.3.4

package/dist/components/kup-image-list.js

@@ -1,568 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupLanguageGeneric, a7 as KupPointerEventTypes, w as FCellPadding } from './p-9859e801.js';
-import { a5 as FButtonStyling, M as MDCRipple, c as componentWrapperId, F as FImage, T as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, N as FCell } from './p-55fda958.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$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.kupClick = createEvent(this, "kup-imagelist-click", 6);
-        this.kupContextMenu = createEvent(this, "kup-imagelist-contextmenu", 6);
-        this.kupDblClick = 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, 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: FButtonStyling.FLAT,
-            wrapperClass: 'navigation-bar__back',
-        });
-        _KupImageList_topProps.set(this, {
-            icon: 'arrow_upward',
-            onClick: () => {
-                this.currentNode = null;
-                this.navigationBarToggled = false;
-            },
-            styling: 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 getProps(this, KupImageListProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        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++) {
-                    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 (h(Host, { key: 'ca040281aa4d992d8d6efaa3e294e4cc5e06f95a' }, h("style", { key: '433ac510a032fef1a28de7a19cc725338f12ed18' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '09711dbe9475c429a0b87f08c4f95d33dc0a2387', id: componentWrapperId, ref: (el) => {
-                __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: 'fa65e7bfd83e21146e71c9889cf08849cccc1479', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
-                ? 'navigation-bar__wrapper--active'
-                : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
-                this.navigationBarToggled =
-                    !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), 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 this; }
-    static get watchers() { return {
-        "selectedNode": ["selectNode"]
-    }; }
-    static get style() { return KupImageListStyle0; }
-}, [1, "kup-image-list", {
-        "columns": [16],
-        "customStyle": [1, "custom-style"],
-        "data": [16],
-        "ripple": [4],
-        "rows": [2],
-        "selectedNode": [16],
-        "stateId": [1, "state-id"],
-        "store": [16],
-        "showFullDescription": [4, "show-full-description"],
-        "currentNode": [32],
-        "navigationBarToggled": [32],
-        "getProps": [64],
-        "refresh": [64],
-        "setProps": [64]
-    }, undefined, {
-        "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 = h(FImage, Object.assign({}, props));
-    const label = h("div", { class: "image-list__label" }, node.value);
-    const hasExternalResource = props.resource.indexOf('.') > -1 ||
-        props.resource.indexOf('/') > -1 ||
-        props.resource.indexOf('\\') > -1;
-    return (h(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: FCellPadding.NONE, row: Object.assign({}, node) }, h("div", { class: `image-list__wrapper${hasExternalResource ? ' images' : ''}` }, !hasExternalResource && (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 = 0; items && index < items.length; index++) {
-        const node = items[index];
-        const classObj = {
-            'image-list__item': true,
-            'mdc-ripple-surface': this.ripple ? true : false,
-        };
-        const item = (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"), KupPointerEventTypes.HOLD, holdCb);
-    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupImageList_el, "f"), KupPointerEventTypes.TAP, tapCb);
-    __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.on(__classPrivateFieldGet(this, _KupImageList_el, "f"), KupPointerEventTypes.DOUBLETAP, doubletapCb);
-};
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kup-image-list", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kup-image-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KupImageList$1);
-            }
-            break;
-        case "kup-autocomplete":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "kup-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "kup-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "kup-button-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "kup-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "kup-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "kup-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "kup-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "kup-color-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "kup-combobox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "kup-data-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "kup-date-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "kup-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "kup-dropdown-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "kup-file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "kup-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "kup-gauge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "kup-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "kup-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "kup-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "kup-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "kup-rating":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "kup-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "kup-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "kup-tab-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "kup-text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "kup-time-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "kup-toolbar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "kup-tree":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { ab as KupImageList$1, m as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupImageList = KupImageList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-image.js

@@ -1,4 +1,4 @@
-import { a9 as KupImage$1, m as defineCustomElement$1 } from './p-55fda958.js';
+import { aa as KupImage$1, n as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupImage = KupImage$1;
 const defineCustomElement = defineCustomElement$1;