npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241115171325 → 11.0.0-SNAPSHOT-20241118132117 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241115171325 → 11.0.0-SNAPSHOT-20241118132117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

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

@@ -26,6 +26,7 @@ var KupImageListProps;
     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 {
@@ -38,7 +39,7 @@ class KupImageListState {
     }
 }
-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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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));margin-top:1em;width:100%;grid-auto-flow:row}.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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@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 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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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));margin-top:1em;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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@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) {
@@ -110,6 +111,7 @@ const KupImageList = class {
         this.selectedNode = [];
         this.stateId = '';
         this.store = undefined;
+        this.showFullDescription = false;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -234,14 +236,16 @@ const KupImageList = class {
             };
             combinedGridStyle = Object.assign(Object.assign({}, combinedGridStyle), gridRowsStyle);
         }
-        return (index.h(index.Host, { key: '81da022bca5cec8e7a25ae5854126fc8d1df1949' }, index.h("style", { key: 'e7ca04de4d67ec2bfd6b069f560c9cf5f131a235' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bb9852654bdef8112a36d4fe096a39e4b925cd0c', id: GenericVariables.componentWrapperId, ref: (el) => {
+        const imlClass = 'image-list' +
+            (this.showFullDescription ? ' full-description' : '');
+        return (index.h(index.Host, { key: 'aaefac38b6fc8edb0a3378edce114b31dcd4c982' }, index.h("style", { key: '80541c8e96c4949ae9d3635342458ed4636aa4f3' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e21da53853b397147fae86eb46c4ec73ab1918c8', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: '3547692cbbe395329b3f9ee5f6c5a9c35171e7a6', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, index.h("div", { key: '2ea71db6523c5ed84e6e04bc36844199208ae69f', 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: '60eb2ce4d81bfdaf39310d9276edfab440200ab6', class: "image-list", style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, 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: 'cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b', 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"));

package/dist/cjs/kup-image-list.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kup-image-list.entry.cjs.js","mappings":"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","names":["kupManagerInstance","FButtonStyling","getProps","forceUpdate","setProps","MDCRipple","h","Host","componentWrapperId","FImage","FButton","KupLanguageGeneric","FCell","FCellPadding","index","KupPointerEventTypes"],"sources":["src/components/kup-image-list/kup-image-list-declarations.ts","src/components/kup-image-list/kup-image-list-state.ts","src/components/kup-image-list/kup-image-list.scss?tag=kup-image-list&encapsulation=shadow","src/components/kup-image-list/kup-image-list.tsx"],"sourcesContent":["import {\n KupDataCell,\n KupDataColumn,\n KupDataNode,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { GenericObject, KupEventPayload } from '../../types/GenericTypes';\n\n/*\n Props of the kup-image-list component.\n * Used to export every prop in an object.\n /\nexport enum KupImageListProps {\n columns = 'Can set a specific number of columns',\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the component',\n ripple = \"When enabled displays Material's ripple effect on clicked items.\",\n rows = 'Cam set a specific number of rows. It overwrite the columns flow into rows flow',\n}\n\nexport interface KupImageListEventPayload extends KupEventPayload {\n details: KupImageListEventHandlerDetails;\n}\n/\n Contains all the data of an event.\n /\nexport interface KupImageListEventHandlerDetails {\n cell: KupDataCell;\n column: KupDataColumn;\n originalEvent: PointerEvent;\n row: KupDataRow;\n}\n\nexport interface KupImageListDataNode extends KupDataNode {\n badgeData: GenericObject[];\n children?: KupImageListDataNode[];\n}\n","import { KupState } from '../kup-state/kup-state';\nexport class KupImageListState implements KupState {\n selectedTreeNodePath: string;\n load: boolean = false;\n\n public toDebugString() {\n // TODO\n return 'image-list state';\n }\n}\n","@import 'styles/kup-image-list-main';\n@import 'styles/kup-image-list-classes';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n} from '@stencil/core';\nimport { MDCRipple } from '@material/ripple';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport {\n KupImageListDataNode,\n KupImageListEventHandlerDetails,\n KupImageListEventPayload,\n KupImageListProps,\n} from './kup-image-list-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport {\n FButtonProps,\n FButtonStyling,\n} from '../../f-components/f-button/f-button-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { KupStore } from '../kup-state/kup-store';\nimport { KupImageListState } from './kup-image-list-state';\nimport { TreeNodePath } from '../kup-tree/kup-tree-declarations';\nimport { KupPointerEventTypes } from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-image-list',\n styleUrl: 'kup-image-list.scss',\n shadow: true,\n})\nexport class KupImageList {\n /\n References the root HTML element of the component (<kup-image-list>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / S t a t e s /\n /-------------------------------------------------/\n\n state: KupImageListState = new KupImageListState();\n\n @State() currentNode: KupImageListDataNode = null;\n @State() navigationBarToggled: boolean = false;\n\n initWithPersistedState(): void {\n if (this.store && this.stateId) {\n const state = this.store.getState(this.stateId);\n if (state != null) {\n this.currentNode =\n this.#kupManager.data.node.findByStrTreeNodePath(\n this.data,\n state.selectedTreeNodePath\n ) as KupImageListDataNode;\n }\n }\n }\n\n persistState(): void {\n if (this.store && this.stateId) {\n let somethingChanged = false;\n let cNodeRowId = this.currentNode ? this.currentNode.id : '';\n\n if (\n !this.#kupManager.objects.deepEqual(\n this.state.selectedTreeNodePath,\n cNodeRowId\n )\n ) {\n this.state.selectedTreeNodePath = cNodeRowId;\n somethingChanged = true;\n }\n\n if (!this.state.load) {\n this.state.load = true;\n return;\n }\n if (somethingChanged) {\n this.store.persistState(this.stateId, this.state);\n }\n }\n }\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n /\n Number of columns to display in the grid layout.\n * @default null\n /\n @Prop() columns: number[] = [];\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle: string = '';\n /\n Actual data of the component.\n * @default []\n /\n @Prop() data: KupImageListDataNode[] = [];\n /\n When enabled displays Material's ripple effect on clicked items.\n * @default true\n /\n @Prop() ripple: boolean = false;\n /\n Number of rows to display in the grid layout.\n * @default null\n /\n @Prop() rows: number = null;\n\n /\n An array of integers containing the path to a selected child.\\\n /\n @Prop() selectedNode: TreeNodePath = [];\n @Prop() stateId: string = '';\n @Prop() store: KupStore;\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n /\n Instance of the KupManager class.\n /\n\n #clickTimeout: ReturnType<typeof setTimeout>[] = [];\n #kupManager: KupManager = kupManagerInstance();\n #backProps: FButtonProps = {\n icon: 'arrow_back',\n onClick: () => {\n this.currentNode = this.#kupManager.data.node.getParent(\n this.data,\n this.currentNode\n ) as KupImageListDataNode;\n if (!this.currentNode) {\n this.navigationBarToggled = false;\n }\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__back',\n };\n #topProps: FButtonProps = {\n icon: 'arrow_upward',\n onClick: () => {\n this.currentNode = null;\n this.navigationBarToggled = false;\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__top',\n };\n #el: HTMLElement;\n #hold: boolean = false;\n #interactableTouch: HTMLElement[] = [];\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-imagelist-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-contextmenu',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupContextMenu: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-dblclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupDblClick: EventEmitter<KupImageListEventPayload>;\n\n /-------------------------------------------------/\n / W a t c h e r s /\n /-------------------------------------------------/\n\n @Watch('selectedNode')\n selectNode(newData: TreeNodePath) {\n if (!newData \|\| newData.length == 0) {\n return;\n }\n this.currentNode = this.#kupManager.data.node.find(\n this.data,\n newData\n ) as KupImageListDataNode;\n }\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n /\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupImageListProps, descriptions);\n }\n /\n This method is used to trigger a new render of the component.\n /\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /\n Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n /\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupImageListProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n #createItem(node: KupImageListDataNode): VNode {\n const props: FImageProps = {\n fit: true,\n resource: node.icon,\n placeholderResource: node.placeholderIcon,\n title: node.title,\n wrapperClass: 'image-list__image',\n badgeData: node.badgeData,\n };\n\n const image = <FImage {...props}></FImage>;\n const label = <div class=\"image-list__label\">{node.value}</div>;\n\n const hasExternalResource =\n props.resource.indexOf('.') > -1 \|\|\n props.resource.indexOf('/') > -1 \|\|\n props.resource.indexOf('\\\\') > -1;\n\n return (\n <FCell\n cell={{\n value: node.value,\n icon: node.icon,\n placeholderIcon: node.placeholderIcon,\n obj: node.obj,\n }}\n column={{ name: 'IMAGE', title: 'Image' }}\n component={this}\n density={FCellPadding.NONE}\n row={{ ...node }}\n >\n <div\n class={`image-list__wrapper${\n hasExternalResource ? ' images' : ''\n }`}\n >\n {!hasExternalResource && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 24 24\"\n ></svg>\n )}\n {image}\n {label}\n </div>\n </FCell>\n );\n }\n\n #createList(): VNode[] {\n const nodes: VNode[] = [];\n const items = this.currentNode ? this.currentNode.children : this.data;\n for (let index = 0; items && index < items.length; index++) {\n const node = items[index];\n const classObj = {\n 'image-list__item': true,\n 'mdc-ripple-surface': this.ripple ? true : false,\n };\n const item: VNode = (\n <div\n onContextMenu={(e) => {\n e.preventDefault();\n }}\n class={classObj}\n >\n {this.#createItem(node)}\n </div>\n );\n nodes.push(item);\n }\n return nodes;\n }\n\n #getEventDetails(\n path: HTMLElement[],\n e?: PointerEvent\n ): KupImageListEventHandlerDetails {\n let cellProps: FCellProps;\n\n if (path) {\n for (let i = path.length - 1; i >= 0; i--) {\n let p = path[i];\n if (!p.tagName) {\n continue;\n }\n if (p.classList.contains('f-cell')) {\n cellProps = p['kup-get-cell-props']();\n }\n }\n }\n\n return {\n cell: cellProps?.cell,\n column: cellProps?.column,\n originalEvent: e,\n row: cellProps?.row,\n };\n }\n\n #clickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #contextMenuHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #dblClickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #didLoadInteractables() {\n this.#interactableTouch.push(this.#el);\n const tapCb = (e: PointerEvent) => {\n if (this.#hold) {\n this.#hold = false;\n return;\n }\n switch (e.button) {\n // left click\n case 0:\n // Note: event must be cloned\n // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).\n const clone: GenericObject = {};\n for (const key in e) {\n clone[key] = e[key];\n }\n this.#clickTimeout.push(\n setTimeout(() => {\n const details = this.#clickHandler(\n clone as PointerEvent\n );\n const node = details.row as KupImageListDataNode;\n if (node?.children?.length > 0) {\n this.currentNode = node;\n }\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n details,\n });\n }, 300)\n );\n break;\n // right click\n case 2:\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n break;\n }\n };\n const doubletapCb = (e: PointerEvent) => {\n switch (e.button) {\n // left click\n case 0:\n for (\n let index = 0;\n index < this.#clickTimeout.length;\n index++\n ) {\n clearTimeout(this.#clickTimeout[index]);\n this.#kupManager.debug.logMessage(\n this,\n 'Cleared clickHandler timeout(' +\n this.#clickTimeout[index] +\n ').'\n );\n }\n this.#clickTimeout = [];\n this.kupDblClick.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#dblClickHandler(e),\n });\n break;\n }\n };\n const holdCb = (e: PointerEvent) => {\n if (e.pointerType === 'pen' \|\| e.pointerType === 'touch') {\n this.#hold = true;\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n }\n };\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.HOLD,\n holdCb\n );\n this.#kupManager.interact.on(this.#el, KupPointerEventTypes.TAP, tapCb);\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.DOUBLETAP,\n doubletapCb\n );\n }\n\n /-------------------------------------------------/\n / L i f e c y c l e H o o k s /\n /-------------------------------------------------/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#didLoadInteractables();\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root = this.rootElement.shadowRoot;\n if (root && this.ripple) {\n const rippleCells = root.querySelectorAll(\n '.mdc-ripple-surface:not(.mdc-ripple-upgraded)'\n );\n if (rippleCells) {\n for (let i = 0; i < rippleCells.length; i++) {\n MDCRipple.attachTo(rippleCells[i]);\n }\n }\n }\n // Store\n this.persistState();\n // *\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const hasNavigation = !!this.currentNode;\n let gridColumnsStyle: { [key: string]: string } = {};\n if (this.columns) {\n if (this.columns.length === 1) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[0]}`,\n };\n } else if (this.columns.length === 2) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[1]}`,\n };\n } else if (this.columns.length === 3) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[1]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[2]}`,\n };\n }\n }\n let combinedGridStyle: { [key: string]: string } = {\n ...gridColumnsStyle,\n };\n\n if (this.rows != null && this.rows > 0) {\n const gridRowsStyle = {\n 'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`,\n 'grid-auto-flow': `column`,\n };\n combinedGridStyle = { ...combinedGridStyle, ...gridRowsStyle };\n }\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n ref={(el) => {\n this.#el = el;\n }}\n >\n <div class=\"navigation-bar\">\n {hasNavigation ? (\n <div\n class={`navigation-bar__wrapper ${\n this.navigationBarToggled\n ? 'navigation-bar__wrapper--active'\n : ''\n }`}\n >\n <div\n class={`navigation-bar__title`}\n onClick={() => {\n this.navigationBarToggled =\n !this.navigationBarToggled;\n }}\n >\n <FImage\n fit={true}\n resource={this.currentNode.icon}\n placeholderResource={\n this.currentNode.placeholderIcon\n }\n sizeX=\"1.25em\"\n sizeY=\"1.25em\"\n wrapperClass=\"navigation-bar__title__image\"\n ></FImage>\n <div class=\"navigation-bar__title__label\">\n {this.currentNode.value}\n </div>\n </div>\n <FButton\n {...this.#backProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.BACK\n )}\n ></FButton>\n <FButton\n {...this.#topProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.TOP\n )}\n ></FButton>\n </div>\n ) : null}\n </div>\n <div class=\"image-list\" style={combinedGridStyle}>\n {...this.#createList()}\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.interact.unregister(this.#interactableTouch);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}
1	+ {"file":"kup-image-list.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;AAQA;;;;AAIA,IAAY,iBAOX;AAPD,WAAY,iBAAiB;IACzB,qEAAgD,CAAA;IAChD,mEAA8C,CAAA;IAC9C,0DAAqC,CAAA;IACrC,gGAA2E,CAAA;IAC3E,6GAAwF,CAAA;IACxF,yIAAoH,CAAA;AACxH,CAAC,EAPW,iBAAiB,KAAjB,iBAAiB;;MCXhB,iBAAiB;IAA9B;QAEI,SAAI,GAAY,KAAK,CAAC;KAMzB;IAJU,aAAa;;QAEhB,OAAO,kBAAkB,CAAC;KAC7B;;;ACRL,MAAM,eAAe,GAAG,k/NAAk/N,CAAC;AAC3gO,2BAAe,eAAe;;;;;;;;;;;;;;;;;;;MCmDjB,YAAY;;;;;;;;;;QAUrB,UAAK,GAAsB,IAAI,iBAAiB,EAAE,CAAC;;;;;;;QA6FnD,qCAAiD,EAAE,EAAC;QACpD,mCAA0BA,6BAAkB,EAAE,EAAC;QAC/C,kCAA2B;YACvB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE;gBACL,IAAI,CAAC,WAAW,GAAG,uBAAA,IAAI,gCAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CACnD,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,WAAW,CACK,CAAC;gBAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;oBACnB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;iBACrC;aACJ;YACD,OAAO,EAAEC,kCAAc,CAAC,IAAI;YAC5B,YAAY,EAAE,sBAAsB;SACvC,EAAC;QACF,iCAA0B;YACtB,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE;gBACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;aACrC;YACD,OAAO,EAAEA,kCAAc,CAAC,IAAI;YAC5B,YAAY,EAAE,qBAAqB;SACtC,EAAC;QACF,mCAAiB;QACjB,6BAAiB,KAAK,EAAC;QACvB,0CAAoC,EAAE,EAAC;2BAtHM,IAAI;oCACR,KAAK;uBA+ClB,EAAE;2BAMA,EAAE;oBAKO,EAAE;sBAKf,KAAK;oBAKR,IAAI;4BAKU,EAAE;uBACb,EAAE;;mCAOW,KAAK;;IA/E5C,sBAAsB;QAClB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAChD,IAAI,KAAK,IAAI,IAAI,EAAE;gBACf,IAAI,CAAC,WAAW;oBACZ,uBAAA,IAAI,gCAAY,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAC5C,IAAI,CAAC,IAAI,EACT,KAAK,CAAC,oBAAoB,CACL,CAAC;aACjC;SACJ;KACJ;IAED,YAAY;QACR,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE;YAC5B,IAAI,gBAAgB,GAAG,KAAK,CAAC;YAC7B,IAAI,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;YAE7D,IACI,CAAC,uBAAA,IAAI,gCAAY,CAAC,OAAO,CAAC,SAAS,CAC/B,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAC/B,UAAU,CACb,EACH;gBACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAAG,UAAU,CAAC;gBAC7C,gBAAgB,GAAG,IAAI,CAAC;aAC3B;YAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBAClB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;gBACvB,OAAO;aACV;YACD,IAAI,gBAAgB,EAAE;gBAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;aACrD;SACJ;KACJ;;;;IAkHD,UAAU,CAAC,OAAqB;QAC5B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE;YACjC,OAAO;SACV;QACD,IAAI,CAAC,WAAW,GAAG,uBAAA,IAAI,gCAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAC9C,IAAI,CAAC,IAAI,EACT,OAAO,CACc,CAAC;KAC7B;;;;;;;;;IAYD,MAAM,QAAQ,CAAC,YAAsB;QACjC,OAAOC,mBAAQ,CAAC,IAAI,EAAE,iBAAiB,EAAE,YAAY,CAAC,CAAC;KAC1D;;;;IAKD,MAAM,OAAO;QACTC,iBAAW,CAAC,IAAI,CAAC,CAAC;KACrB;;;;;IAMD,MAAM,QAAQ,CAAC,KAAoB;QAC/BC,mBAAQ,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,CAAC,CAAC;KAC5C;;;;IAqOD,iBAAiB;QACb,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzC,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACzC;IAED,gBAAgB;QACZ,uBAAA,IAAI,mEAAsB,MAA1B,IAAI,CAAwB,CAAC;QAC7B,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAC9C;IAED,mBAAmB;QACf,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;KACjD;IAED,kBAAkB;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;QACzC,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;YACrB,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CACrC,+CAA+C,CAClD,CAAC;YACF,IAAI,WAAW,EAAE;gBACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACzCC,mBAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtC;aACJ;SACJ;;QAED,IAAI,CAAC,YAAY,EAAE,CAAC;;QAEpB,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;KAChD;IAED,MAAM;QACF,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QACzC,IAAI,gBAAgB,GAA8B,EAAE,CAAC;QACrD,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3B,gBAAgB,GAAG;oBACf,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,iCAAiC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;iBAC1D,CAAC;aACL;iBAAM,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,gBAAgB,GAAG;oBACf,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,iCAAiC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;iBAC1D,CAAC;aACL;iBAAM,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,gBAAgB,GAAG;oBACf,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,gCAAgC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBACtD,iCAAiC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;iBAC1D,CAAC;aACL;SACJ;QACD,IAAI,iBAAiB,qBACd,gBAAgB,CACtB,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE;YACpC,MAAM,aAAa,GAAG;gBAClB,oBAAoB,EAAE,UAAU,IAAI,CAAC,IAAI,qBAAqB;gBAC9D,gBAAgB,EAAE,QAAQ;aAC7B,CAAC;YACF,iBAAiB,mCAAQ,iBAAiB,GAAK,aAAa,CAAE,CAAC;SAClE;QAED,MAAM,QAAQ,GACV,YAAY;aACX,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,GAAG,EAAE,CAAC,CAAC;QAE1D,QACIC,QAACC,UAAI,uDACDD,sEACK,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,WAAW,CAC/B,IAAI,CAAC,WAA2B,CACnC,CACG,EACRA,kEACI,EAAE,EAAEE,mCAAkB,EACtB,GAAG,EAAE,CAAC,EAAE;gBACJ,uBAAA,IAAI,oBAAO,EAAE,MAAA,CAAC;aACjB,IAEDF,kEAAK,KAAK,EAAC,gBAAgB,IACtB,aAAa,IACVA,iBACI,KAAK,EAAE,2BACH,IAAI,CAAC,oBAAoB;kBACnB,iCAAiC;kBACjC,EACV,EAAE,IAEFA,iBACI,KAAK,EAAE,uBAAuB,EAC9B,OAAO,EAAE;gBACL,IAAI,CAAC,oBAAoB;oBACrB,CAAC,IAAI,CAAC,oBAAoB,CAAC;aAClC,IAEDA,QAACG,aAAM,IACH,GAAG,EAAE,IAAI,EACT,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAC/B,mBAAmB,EACf,IAAI,CAAC,WAAW,CAAC,eAAe,EAEpC,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,YAAY,EAAC,8BAA8B,GACrC,EACVH,iBAAK,KAAK,EAAC,8BAA8B,IACpC,IAAI,CAAC,WAAW,CAAC,KAAK,CACrB,CACJ,EACNA,QAACI,eAAO,oBACA,uBAAA,IAAI,+BAAW,IACnB,KAAK,EAAE,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,SAAS,CACtCC,6BAAkB,CAAC,IAAI,CAC1B,IACM,EACXL,QAACI,eAAO,oBACA,uBAAA,IAAI,8BAAU,IAClB,KAAK,EAAE,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,SAAS,CACtCC,6BAAkB,CAAC,GAAG,CACzB,IACM,CACT,IACN,IAAI,CACN,EACNL,kEAAK,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,OACtC,uBAAA,IAAI,yDAAY,MAAhB,IAAI,CAAc,CACpB,CACJ,CACH,EACT;KACL;IAED,oBAAoB;QAChB,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,uBAAA,IAAI,uCAAmB,CAAC,CAAC;QAC9D,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3C,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;KAC3C;;;;;;oYA9WW,IAA0B;IAClC,MAAM,KAAK,GAAgB;QACvB,GAAG,EAAE,IAAI;QACT,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,mBAAmB,EAAE,IAAI,CAAC,eAAe;QACzC,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,YAAY,EAAE,mBAAmB;QACjC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC5B,CAAC;IAEF,MAAM,KAAK,GAAGA,QAACG,aAAM,oBAAK,KAAK,EAAW,CAAC;IAC3C,MAAM,KAAK,GAAGH,iBAAK,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAO,CAAC;IAEhE,MAAM,mBAAmB,GACrB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAChC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAChC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtC,QACIA,QAACM,WAAK,IACF,IAAI,EAAE;YACF,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,GAAG,EAAE,IAAI,CAAC,GAAG;SAChB,EACD,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EACzC,SAAS,EAAE,IAAI,EACf,OAAO,EAAEC,uBAAY,CAAC,IAAI,EAC1B,GAAG,oBAAO,IAAI,KAEdP,iBACI,KAAK,EAAE,sBACH,mBAAmB,GAAG,SAAS,GAAG,EACtC,EAAE,IAED,CAAC,mBAAmB,KACjBA,iBACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,KAAK,EACb,OAAO,EAAC,WAAW,GAChB,CACV,EACA,KAAK,EACL,KAAK,CACJ,CACF,EACV;AACN,CAAC;IAGG,MAAM,KAAK,GAAY,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IACvE,KAAK,IAAIQ,OAAK,GAAG,CAAC,EAAE,KAAK,IAAIA,OAAK,GAAG,KAAK,CAAC,MAAM,EAAEA,OAAK,EAAE,EAAE;QACxD,MAAM,IAAI,GAAG,KAAK,CAACA,OAAK,CAAC,CAAC;QAC1B,MAAM,QAAQ,GAAG;YACb,kBAAkB,EAAE,IAAI;YACxB,oBAAoB,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,KAAK;SACnD,CAAC;QACF,MAAM,IAAI,IACNR,iBACI,aAAa,EAAE,CAAC,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;aACtB,EACD,KAAK,EAAE,QAAQ,IAEd,uBAAA,IAAI,yDAAY,MAAhB,IAAI,EAAa,IAAI,CAAC,CACrB,CACT,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpB;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,yEAGG,IAAmB,EACnB,CAAgB;IAEhB,IAAI,SAAqB,CAAC;IAE1B,IAAI,IAAI,EAAE;QACN,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;YACvC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE;gBACZ,SAAS;aACZ;YACD,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBAChC,SAAS,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC;aACzC;SACJ;KACJ;IAED,OAAO;QACH,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI;QACrB,MAAM,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM;QACzB,aAAa,EAAE,CAAC;QAChB,GAAG,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG;KACtB,CAAC;AACN,CAAC,mEAEa,CAAe;IACzB,MAAM,OAAO,GAAoC,uBAAA,IAAI,8DAAiB,MAArB,IAAI,EACjD,uBAAA,IAAI,gCAAY,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,EACzD,CAAC,CACJ,CAAC;IAEF,OAAO,OAAO,CAAC;AACnB,CAAC,+EAEmB,CAAe;IAC/B,MAAM,OAAO,GAAoC,uBAAA,IAAI,8DAAiB,MAArB,IAAI,EACjD,uBAAA,IAAI,gCAAY,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,EACzD,CAAC,CACJ,CAAC;IAEF,OAAO,OAAO,CAAC;AACnB,CAAC,yEAEgB,CAAe;IAC5B,MAAM,OAAO,GAAoC,uBAAA,IAAI,8DAAiB,MAArB,IAAI,EACjD,uBAAA,IAAI,gCAAY,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,EACzD,CAAC,CACJ,CAAC;IAEF,OAAO,OAAO,CAAC;AACnB,CAAC;IAGG,uBAAA,IAAI,uCAAmB,CAAC,IAAI,CAAC,uBAAA,IAAI,wBAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,CAAC,CAAe;QAC1B,IAAI,uBAAA,IAAI,0BAAM,EAAE;YACZ,uBAAA,IAAI,sBAAS,KAAK,MAAA,CAAC;YACnB,OAAO;SACV;QACD,QAAQ,CAAC,CAAC,MAAM;;YAEZ,KAAK,CAAC;;;gBAGF,MAAM,KAAK,GAAkB,EAAE,CAAC;gBAChC,KAAK,MAAM,GAAG,IAAI,CAAC,EAAE;oBACjB,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;iBACvB;gBACD,uBAAA,IAAI,kCAAc,CAAC,IAAI,CACnB,UAAU,CAAC;;oBACP,MAAM,OAAO,GAAG,uBAAA,IAAI,2DAAc,MAAlB,IAAI,EAChB,KAAqB,CACxB,CAAC;oBACF,MAAM,IAAI,GAAG,OAAO,CAAC,GAA2B,CAAC;oBACjD,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,MAAM,IAAG,CAAC,EAAE;wBAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;qBAC3B;oBACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;wBACf,IAAI,EAAE,IAAI;wBACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;wBACvB,OAAO;qBACV,CAAC,CAAC;iBACN,EAAE,GAAG,CAAC,CACV,CAAC;gBACF,MAAM;;YAEV,KAAK,CAAC;gBACF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;oBACrB,IAAI,EAAE,IAAI;oBACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;oBACvB,OAAO,EAAE,uBAAA,IAAI,iEAAoB,MAAxB,IAAI,EAAqB,CAAC,CAAC;iBACvC,CAAC,CAAC;gBACH,MAAM;SACb;KACJ,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,CAAe;QAChC,QAAQ,CAAC,CAAC,MAAM;;YAEZ,KAAK,CAAC;gBACF,KACI,IAAI,KAAK,GAAG,CAAC,EACb,KAAK,GAAG,uBAAA,IAAI,kCAAc,CAAC,MAAM,EACjC,KAAK,EAAE,EACT;oBACE,YAAY,CAAC,uBAAA,IAAI,kCAAc,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxC,uBAAA,IAAI,gCAAY,CAAC,KAAK,CAAC,UAAU,CAC7B,IAAI,EACJ,+BAA+B;wBAC3B,uBAAA,IAAI,kCAAc,CAAC,KAAK,CAAC;wBACzB,IAAI,CACX,CAAC;iBACL;gBACD,uBAAA,IAAI,8BAAiB,EAAE,MAAA,CAAC;gBACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;oBAClB,IAAI,EAAE,IAAI;oBACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;oBACvB,OAAO,EAAE,uBAAA,IAAI,8DAAiB,MAArB,IAAI,EAAkB,CAAC,CAAC;iBACpC,CAAC,CAAC;gBACH,MAAM;SACb;KACJ,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,CAAe;QAC3B,IAAI,CAAC,CAAC,WAAW,KAAK,KAAK,IAAI,CAAC,CAAC,WAAW,KAAK,OAAO,EAAE;YACtD,uBAAA,IAAI,sBAAS,IAAI,MAAA,CAAC;YAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACrB,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE;gBACvB,OAAO,EAAE,uBAAA,IAAI,iEAAoB,MAAxB,IAAI,EAAqB,CAAC,CAAC;aACvC,CAAC,CAAC;SACN;KACJ,CAAC;IACF,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,EAAE,CACxB,uBAAA,IAAI,wBAAI,EACRS,+BAAoB,CAAC,IAAI,EACzB,MAAM,CACT,CAAC;IACF,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,uBAAA,IAAI,wBAAI,EAAEA,+BAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACxE,uBAAA,IAAI,gCAAY,CAAC,QAAQ,CAAC,EAAE,CACxB,uBAAA,IAAI,wBAAI,EACRA,+BAAoB,CAAC,SAAS,EAC9B,WAAW,CACd,CAAC;AACN,CAAC;;;;;","names":["kupManagerInstance","FButtonStyling","getProps","forceUpdate","setProps","MDCRipple","h","Host","componentWrapperId","FImage","FButton","KupLanguageGeneric","FCell","FCellPadding","index","KupPointerEventTypes"],"sources":["src/components/kup-image-list/kup-image-list-declarations.ts","src/components/kup-image-list/kup-image-list-state.ts","src/components/kup-image-list/kup-image-list.scss?tag=kup-image-list&encapsulation=shadow","src/components/kup-image-list/kup-image-list.tsx"],"sourcesContent":["import {\n KupDataCell,\n KupDataColumn,\n KupDataNode,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { GenericObject, KupEventPayload } from '../../types/GenericTypes';\n\n/*\n Props of the kup-image-list component.\n * Used to export every prop in an object.\n /\nexport enum KupImageListProps {\n columns = 'Can set a specific number of columns',\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the component',\n ripple = \"When enabled displays Material's ripple effect on clicked items.\",\n rows = 'Cam set a specific number of rows. It overwrite the columns flow into rows flow',\n showFullDescription = 'When enabled, image descriptions will always be displayed entirely and not cut or truncated.',\n}\n\nexport interface KupImageListEventPayload extends KupEventPayload {\n details: KupImageListEventHandlerDetails;\n}\n/\n Contains all the data of an event.\n /\nexport interface KupImageListEventHandlerDetails {\n cell: KupDataCell;\n column: KupDataColumn;\n originalEvent: PointerEvent;\n row: KupDataRow;\n}\n\nexport interface KupImageListDataNode extends KupDataNode {\n badgeData: GenericObject[];\n children?: KupImageListDataNode[];\n}\n","import { KupState } from '../kup-state/kup-state';\nexport class KupImageListState implements KupState {\n selectedTreeNodePath: string;\n load: boolean = false;\n\n public toDebugString() {\n // TODO\n return 'image-list state';\n }\n}\n","@import 'styles/kup-image-list-main';\n@import 'styles/kup-image-list-classes';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n} from '@stencil/core';\nimport { MDCRipple } from '@material/ripple';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport {\n KupImageListDataNode,\n KupImageListEventHandlerDetails,\n KupImageListEventPayload,\n KupImageListProps,\n} from './kup-image-list-declarations';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport {\n FButtonProps,\n FButtonStyling,\n} from '../../f-components/f-button/f-button-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { KupStore } from '../kup-state/kup-store';\nimport { KupImageListState } from './kup-image-list-state';\nimport { TreeNodePath } from '../kup-tree/kup-tree-declarations';\nimport { KupPointerEventTypes } from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-image-list',\n styleUrl: 'kup-image-list.scss',\n shadow: true,\n})\nexport class KupImageList {\n /\n References the root HTML element of the component (<kup-image-list>).\n /\n @Element() rootElement: HTMLElement;\n\n /-------------------------------------------------/\n / S t a t e s /\n /-------------------------------------------------/\n\n state: KupImageListState = new KupImageListState();\n\n @State() currentNode: KupImageListDataNode = null;\n @State() navigationBarToggled: boolean = false;\n\n initWithPersistedState(): void {\n if (this.store && this.stateId) {\n const state = this.store.getState(this.stateId);\n if (state != null) {\n this.currentNode =\n this.#kupManager.data.node.findByStrTreeNodePath(\n this.data,\n state.selectedTreeNodePath\n ) as KupImageListDataNode;\n }\n }\n }\n\n persistState(): void {\n if (this.store && this.stateId) {\n let somethingChanged = false;\n let cNodeRowId = this.currentNode ? this.currentNode.id : '';\n\n if (\n !this.#kupManager.objects.deepEqual(\n this.state.selectedTreeNodePath,\n cNodeRowId\n )\n ) {\n this.state.selectedTreeNodePath = cNodeRowId;\n somethingChanged = true;\n }\n\n if (!this.state.load) {\n this.state.load = true;\n return;\n }\n if (somethingChanged) {\n this.store.persistState(this.stateId, this.state);\n }\n }\n }\n\n /-------------------------------------------------/\n / P r o p s /\n /-------------------------------------------------/\n /\n Number of columns to display in the grid layout.\n * @default null\n /\n @Prop() columns: number[] = [];\n /\n Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n /\n @Prop() customStyle: string = '';\n /\n Actual data of the component.\n * @default []\n /\n @Prop() data: KupImageListDataNode[] = [];\n /\n When enabled displays Material's ripple effect on clicked items.\n * @default true\n /\n @Prop() ripple: boolean = false;\n /\n Number of rows to display in the grid layout.\n * @default null\n /\n @Prop() rows: number = null;\n\n /\n An array of integers containing the path to a selected child.\\\n /\n @Prop() selectedNode: TreeNodePath = [];\n @Prop() stateId: string = '';\n @Prop() store: KupStore;\n\n /\n When enabled images descriptions will be fully shown.\n * @default false\n /\n @Prop() showFullDescription: boolean = false;\n\n /-------------------------------------------------/\n / I n t e r n a l V a r i a b l e s /\n /-------------------------------------------------/\n /\n Instance of the KupManager class.\n /\n\n #clickTimeout: ReturnType<typeof setTimeout>[] = [];\n #kupManager: KupManager = kupManagerInstance();\n #backProps: FButtonProps = {\n icon: 'arrow_back',\n onClick: () => {\n this.currentNode = this.#kupManager.data.node.getParent(\n this.data,\n this.currentNode\n ) as KupImageListDataNode;\n if (!this.currentNode) {\n this.navigationBarToggled = false;\n }\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__back',\n };\n #topProps: FButtonProps = {\n icon: 'arrow_upward',\n onClick: () => {\n this.currentNode = null;\n this.navigationBarToggled = false;\n },\n styling: FButtonStyling.FLAT,\n wrapperClass: 'navigation-bar__top',\n };\n #el: HTMLElement;\n #hold: boolean = false;\n #interactableTouch: HTMLElement[] = [];\n\n /-------------------------------------------------/\n / E v e n t s /\n /-------------------------------------------------/\n\n @Event({\n eventName: 'kup-imagelist-click',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupClick: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-contextmenu',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupContextMenu: EventEmitter<KupImageListEventPayload>;\n\n @Event({\n eventName: 'kup-imagelist-dblclick',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupDblClick: EventEmitter<KupImageListEventPayload>;\n\n /-------------------------------------------------/\n / W a t c h e r s /\n /-------------------------------------------------/\n\n @Watch('selectedNode')\n selectNode(newData: TreeNodePath) {\n if (!newData \|\| newData.length == 0) {\n return;\n }\n this.currentNode = this.#kupManager.data.node.find(\n this.data,\n newData\n ) as KupImageListDataNode;\n }\n\n /-------------------------------------------------/\n / P u b l i c M e t h o d s /\n /-------------------------------------------------/\n\n /\n Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n /\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupImageListProps, descriptions);\n }\n /\n This method is used to trigger a new render of the component.\n /\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /\n Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n /\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupImageListProps, props);\n }\n\n /-------------------------------------------------/\n / P r i v a t e M e t h o d s /\n /-------------------------------------------------/\n\n #createItem(node: KupImageListDataNode): VNode {\n const props: FImageProps = {\n fit: true,\n resource: node.icon,\n placeholderResource: node.placeholderIcon,\n title: node.title,\n wrapperClass: 'image-list__image',\n badgeData: node.badgeData,\n };\n\n const image = <FImage {...props}></FImage>;\n const label = <div class=\"image-list__label\">{node.value}</div>;\n\n const hasExternalResource =\n props.resource.indexOf('.') > -1 \|\|\n props.resource.indexOf('/') > -1 \|\|\n props.resource.indexOf('\\\\') > -1;\n\n return (\n <FCell\n cell={{\n value: node.value,\n icon: node.icon,\n placeholderIcon: node.placeholderIcon,\n obj: node.obj,\n }}\n column={{ name: 'IMAGE', title: 'Image' }}\n component={this}\n density={FCellPadding.NONE}\n row={{ ...node }}\n >\n <div\n class={`image-list__wrapper${\n hasExternalResource ? ' images' : ''\n }`}\n >\n {!hasExternalResource && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n viewBox=\"0 0 24 24\"\n ></svg>\n )}\n {image}\n {label}\n </div>\n </FCell>\n );\n }\n\n #createList(): VNode[] {\n const nodes: VNode[] = [];\n const items = this.currentNode ? this.currentNode.children : this.data;\n for (let index = 0; items && index < items.length; index++) {\n const node = items[index];\n const classObj = {\n 'image-list__item': true,\n 'mdc-ripple-surface': this.ripple ? true : false,\n };\n const item: VNode = (\n <div\n onContextMenu={(e) => {\n e.preventDefault();\n }}\n class={classObj}\n >\n {this.#createItem(node)}\n </div>\n );\n nodes.push(item);\n }\n return nodes;\n }\n\n #getEventDetails(\n path: HTMLElement[],\n e?: PointerEvent\n ): KupImageListEventHandlerDetails {\n let cellProps: FCellProps;\n\n if (path) {\n for (let i = path.length - 1; i >= 0; i--) {\n let p = path[i];\n if (!p.tagName) {\n continue;\n }\n if (p.classList.contains('f-cell')) {\n cellProps = p['kup-get-cell-props']();\n }\n }\n }\n\n return {\n cell: cellProps?.cell,\n column: cellProps?.column,\n originalEvent: e,\n row: cellProps?.row,\n };\n }\n\n #clickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #contextMenuHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #dblClickHandler(e: PointerEvent): KupImageListEventHandlerDetails {\n const details: KupImageListEventHandlerDetails = this.#getEventDetails(\n this.#kupManager.getEventPath(e.target, this.rootElement),\n e\n );\n\n return details;\n }\n\n #didLoadInteractables() {\n this.#interactableTouch.push(this.#el);\n const tapCb = (e: PointerEvent) => {\n if (this.#hold) {\n this.#hold = false;\n return;\n }\n switch (e.button) {\n // left click\n case 0:\n // Note: event must be cloned\n // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).\n const clone: GenericObject = {};\n for (const key in e) {\n clone[key] = e[key];\n }\n this.#clickTimeout.push(\n setTimeout(() => {\n const details = this.#clickHandler(\n clone as PointerEvent\n );\n const node = details.row as KupImageListDataNode;\n if (node?.children?.length > 0) {\n this.currentNode = node;\n }\n this.kupClick.emit({\n comp: this,\n id: this.rootElement.id,\n details,\n });\n }, 300)\n );\n break;\n // right click\n case 2:\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n break;\n }\n };\n const doubletapCb = (e: PointerEvent) => {\n switch (e.button) {\n // left click\n case 0:\n for (\n let index = 0;\n index < this.#clickTimeout.length;\n index++\n ) {\n clearTimeout(this.#clickTimeout[index]);\n this.#kupManager.debug.logMessage(\n this,\n 'Cleared clickHandler timeout(' +\n this.#clickTimeout[index] +\n ').'\n );\n }\n this.#clickTimeout = [];\n this.kupDblClick.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#dblClickHandler(e),\n });\n break;\n }\n };\n const holdCb = (e: PointerEvent) => {\n if (e.pointerType === 'pen' \|\| e.pointerType === 'touch') {\n this.#hold = true;\n this.kupContextMenu.emit({\n comp: this,\n id: this.rootElement.id,\n details: this.#contextMenuHandler(e),\n });\n }\n };\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.HOLD,\n holdCb\n );\n this.#kupManager.interact.on(this.#el, KupPointerEventTypes.TAP, tapCb);\n this.#kupManager.interact.on(\n this.#el,\n KupPointerEventTypes.DOUBLETAP,\n doubletapCb\n );\n }\n\n /-------------------------------------------------/\n / L i f e c y c l e H o o k s /\n /-------------------------------------------------/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.#didLoadInteractables();\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root = this.rootElement.shadowRoot;\n if (root && this.ripple) {\n const rippleCells = root.querySelectorAll(\n '.mdc-ripple-surface:not(.mdc-ripple-upgraded)'\n );\n if (rippleCells) {\n for (let i = 0; i < rippleCells.length; i++) {\n MDCRipple.attachTo(rippleCells[i]);\n }\n }\n }\n // Store\n this.persistState();\n // *\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const hasNavigation = !!this.currentNode;\n let gridColumnsStyle: { [key: string]: string } = {};\n if (this.columns) {\n if (this.columns.length === 1) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[0]}`,\n };\n } else if (this.columns.length === 2) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[0]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[1]}`,\n };\n } else if (this.columns.length === 3) {\n gridColumnsStyle = {\n '--kup-imagelist-columns-mobile': `${this.columns[0]}`,\n '--kup-imagelist-columns-tablet': `${this.columns[1]}`,\n '--kup-imagelist-columns-desktop': `${this.columns[2]}`,\n };\n }\n }\n let combinedGridStyle: { [key: string]: string } = {\n ...gridColumnsStyle,\n };\n\n if (this.rows != null && this.rows > 0) {\n const gridRowsStyle = {\n 'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`,\n 'grid-auto-flow': `column`,\n };\n combinedGridStyle = { ...combinedGridStyle, ...gridRowsStyle };\n }\n\n const imlClass =\n 'image-list' +\n (this.showFullDescription ? ' full-description' : '');\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div\n id={componentWrapperId}\n ref={(el) => {\n this.#el = el;\n }}\n >\n <div class=\"navigation-bar\">\n {hasNavigation ? (\n <div\n class={`navigation-bar__wrapper ${\n this.navigationBarToggled\n ? 'navigation-bar__wrapper--active'\n : ''\n }`}\n >\n <div\n class={`navigation-bar__title`}\n onClick={() => {\n this.navigationBarToggled =\n !this.navigationBarToggled;\n }}\n >\n <FImage\n fit={true}\n resource={this.currentNode.icon}\n placeholderResource={\n this.currentNode.placeholderIcon\n }\n sizeX=\"1.25em\"\n sizeY=\"1.25em\"\n wrapperClass=\"navigation-bar__title__image\"\n ></FImage>\n <div class=\"navigation-bar__title__label\">\n {this.currentNode.value}\n </div>\n </div>\n <FButton\n {...this.#backProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.BACK\n )}\n ></FButton>\n <FButton\n {...this.#topProps}\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.TOP\n )}\n ></FButton>\n </div>\n ) : null}\n </div>\n <div class={imlClass} style={combinedGridStyle}>\n {...this.#createList()}\n </div>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.interact.unregister(this.#interactableTouch);\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n}\n"],"version":3}

package/dist/cjs/kup-input-panel.cjs.entry.js CHANGED Viewed

@@ -244,7 +244,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '8d29e0b0e61e0b8e02734781fe19581285088861' }, index.h("style", { key: '3826f879600dec5e798c55d0eca08c10ed845978' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '3f1411af1e5e9a4c5cddd4f6c3aada41c7dd8ee6', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: '69bc9fd4ca68ece16650f60d63f93ff9356addac' }, index.h("style", { key: 'af0f2b6b59e6fe28408b5fc9a29878ca52645642' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '4870d972caf874d876688a080f29b2ec336ab63a', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -287,9 +287,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
                         : `repeat(${layout.sections.length}, 1fr)`;
                 }
                 else {
-                    console.log('ELSE');
                     if (this.dashboardMode) {
-                        console.log('ELSE IN');
                         styleObj.gridTemplateRows = hasDim
                             ? layout.sections
                                 .map((sec) => sec.dim || 'auto')