@sme.up/ketchup 11.0.0-SNAPSHOT-20250423072854 → 11.0.0-SNAPSHOT-20250423145732

package/dist/ketchup/p-aa8f0b52.entry.js

@@ -1 +0,0 @@
-import{r as t,f as i,h as e,H as a,d as o}from"./p-710d0a7d.js";import{k as s,g as n,s as l,h as p,e as h,aD as c,W as r,aE as f,_ as u,d}from"./p-f17a6878.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-3cab6420.js";import{c as k}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var b,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(b||(b={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,b,t)}async refresh(){i(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"965bc0e815b0a0054521248bd377cb16856fc415"},e("style",{key:"66c60a18972e45960bd47a7ab2d491c39809b485"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"4dfcddb31127f78e68b1e37dc35c82a2734ba350",id:k},e("div",{key:"571076a5c66c80d91c4c43160f8d2ca1ac29c54c",class:"magic-box-wrapper"},e("div",{key:"92f135694c618cddc6325e8b1ed39270027aae06",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"4fabc4f0737bf3d0548793194834d8bd9785557e"},this.comboboxProps())),e("kup-button",{key:"2b1ae00bc73ce74d2d4ad850d458782ea788d94b",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"000ddc9301085892b967678b42a1a8154a7679d1",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"74bd8964eca9d638a197ed748d51d746f250afe5",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/p-d6ead662.js

@@ -1 +0,0 @@
-import{h as o}from"./p-710d0a7d.js";import{a as t,k as e,c as n}from"./p-f17a6878.js";import{F as c}from"./p-c4224227.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-8562e6fc.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}

package/dist/ketchup/p-e082bc04.entry.js

@@ -1 +0,0 @@
-import{r as i,c as o,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,b as h,d as l,c as d}from"./p-f17a6878.js";import{F as u}from"./p-3cab6420.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-1ee561ba.js";var k;!function(i){i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.data="List of elements.",i.infoIcon="When true, it will show the info activation icon",i.ripple="When enabled displays Material's ripple effect on item headers.",i.toolbar="When true, it will show the toolbar activation icon",i.sizing="Sets the type of the component sizing.",i.toolbarCallback="Callback to be called when the toolbar icon is clicked",i.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(i,o,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?i!==o||!r:!o.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(i,t):r?r.value=t:o.set(i,t),t},b=function(i,o,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?i!==o||!e:!o.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(i):e?e.value:o.get(i)};const y=class{constructor(t){i(this,t),this.kupBlur=o(this,"kup-accordion-blur",6),this.kupClick=o(this,"kup-accordion-click",6),this.kupIconClick=o(this,"kup-accordion-iconclick",6),this.kupInfoIconClick=o(this,"kup-accordion-infoiconclick",6),this.kupFocus=o(this,"kup-accordion-focus",6),this.kupToolbarItemClick=o(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.toolbar=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(i){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:i})}onKupClick(i,o){this.data[i].contentVisible=!this.data[i].contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:o})}onKupIconClick(i){i?(v(this,g,i,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(i){i?(v(this,g,i,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(i){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:i})}onKupToolbarItemClick(i){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:i.detail.selected})}applyRipple(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const o=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}}updateSelectedItems(){var i;const o=[];if(null===(i=this.data)||void 0===i?void 0:i.length)for(let i=0;i<this.data.length;i++){const t=this.data[i];t.contentVisible&&o.push(t.id)}this.selectedItems=o}async collapseAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o].id;!this.isItemExpandible(t)&&this.isItemSelected(t)&&i.push(t)}this.selectedItems=i}async expandAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o].id;this.isItemExpandible(t)&&i.push(t)}this.selectedItems=i}async getProps(i){return s(this,k,i)}async refresh(){t(this)}async setProps(i){p(this,k,i)}async toggleItem(i){const o=[...this.selectedItems];o.includes(i.id)?o.splice(o.indexOf(i.id),1):o.push(i.id),this.selectedItems=o,this.kupClick.emit({comp:this,id:this.rootElement.id,node:i})}isItemExpandible(i){return this.slotsNames.includes(i)}isItemSelected(i){return this.selectedItems.includes(i)}renderItems(){var i,o;const t=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let i=0;i<r.length;i++)this.slotsNames.push(r[i].slot);for(let r=0;r<this.data.length;r++){const n=this.data[r],a=n.id,c=this.isItemSelected(a),s=this.isItemExpandible(a),p={"accordion-item__header":!0,"accordion-item__header--selected":!(s||!c),"accordion-item__header--expanded":!(!s||!c),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},d={"accordion-item__content":!0,"accordion-item__content--selected":!!c},f=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget,t=await this.infoCallback();this.infoState=t,this.infoState.length>0?this.onKupInfoIconClick(o):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget,t=await this.toolbarCallback();this.toolbarState=t,this.toolbarState.length>0?this.onKupIconClick(o):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),s?e("div",{class:`accordion-item__dropdown kup-icon ${h.DROPDOWN.replace("--","")}`}):null);t.push(e("div",{class:"accordion-item"},e("div",{tabindex:r,title:null!==(i=n.title)&&void 0!==i?i:null,class:p,onClick:()=>this.toggleItem(n),onBlur:()=>this.onKupBlur(n),onFocus:()=>this.onKupFocus(n)},n.icon?e(u,{color:`var(${l.PRIMARY})`,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,n.value?e("span",{class:"accordion-item__text"},null!==(o=n.value)&&void 0!==o?o:""):null,f),e("div",{class:d},e("slot",{name:n.id}))))}return t}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-toolbar");i.data=this.toolbarState,i.addEventListener("kup-toolbar-click",(i=>{this.onKupToolbarItemClick(i),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=i,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-list");i.data=this.infoState,this.infoList=i,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i){const o=i.querySelectorAll(".mdc-ripple-surface");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}this.kupManager.debug.logRender(this,!0)}render(){const i=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"3f9af91ddcf48e60b8ac506dfbc7991eea418f70"},e("style",{key:"3179a55c30b7a726f2f6cc20f15fd4c3003160c5"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"f7f9910a40af9bb7f0891523d1b30e3d7677c5b6",id:f},e("div",{key:"c267fd8005f786b4a0e9207ab553b12a7044cc46",class:"accordion"},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,y.style=".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_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px;gap:var(--kup-space-03)}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{y as kup_accordion}

package/dist/ketchup/p-eb66f85c.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as l,s as r,h as p,V as m,f as h}from"./p-f17a6878.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-3cab6420.js";import{F as g}from"./p-c4224227.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-8cfee778.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-9f9428d1.js";import"./p-6bba8116.js";import"./p-d6ead662.js";import"./p-8562e6fc.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I,R=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},S=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const F=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),b.add(this),this.state=new v,y.set(this,[]),x.set(this,n()),z.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=R(this,x,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),C.set(this,void 0),W.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=R(this,x,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=R(this,b,"m",w).call(this);if(!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=R(this,x,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){R(this,x,"f").debug.logLoad(this,!1),R(this,x,"f").language.register(this),R(this,x,"f").theme.register(this)}componentDidLoad(){R(this,b,"m",I).call(this),R(this,x,"f").debug.logLoad(this,!0)}componentWillRender(){R(this,x,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),R(this,x,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"2d9f453a9119e9a1c61e876877c4e259dd26feb4"},a("style",{key:"c4a33416a589e3b735e9c37bbebe456335368175"},R(this,x,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"c6006dd29bec75e314e0b61c4d37d17061788b12",id:c,ref:i=>{S(this,C,i,"f")}},a("div",{key:"f22918fadcc8719fdb1602dff1232d9252a952d1",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},R(this,z,"f"),{label:R(this,x,"f").language.translate(p.BACK)})),a(g,Object.assign({},R(this,j,"f"),{label:R(this,x,"f").language.translate(p.TOP)}))):null),a("div",{key:"3baa97863a710241234387296177b2bf1a2174e0",class:o,style:e},...R(this,b,"m",E).call(this))))}disconnectedCallback(){R(this,x,"f").interact.unregister(R(this,M,"f")),R(this,x,"f").language.unregister(this),R(this,x,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,M=new WeakMap,b=new WeakSet,w=function(){let i=!1,t=this.currentNode?this.currentNode.id:"";return R(this,x,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),i},$=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj,cssClass:R(this,x,"f").data.cell.getObjectRelatedStyleClasses(i.obj,i.cssClass)},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},E=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},R(this,b,"m",$).call(this,s));i.push(o)}return i},O=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},T=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return R(this,b,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},I=function(){R(this,M,"f").push(R(this,C,"f")),R(this,x,"f").interact.on(R(this,C,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(S(this,W,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",P).call(this,i)}))})),R(this,x,"f").interact.on(R(this,C,"f"),m.TAP,(i=>{if(R(this,W,"f"))S(this,W,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];R(this,y,"f").push(setTimeout((()=>{var i;const e=R(this,b,"m",T).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",P).call(this,i)})}})),R(this,x,"f").interact.on(R(this,C,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<R(this,y,"f").length;i++)clearTimeout(R(this,y,"f")[i]),R(this,x,"f").debug.logMessage(this,"Cleared clickHandler timeout("+R(this,y,"f")[i]+").");S(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:R(this,b,"m",D).call(this,i)})}}))},F.style=".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}";export{F as kup_image_list}