npm - @sme.up/ketchup - Versions diffs - 9.6.6 → 9.6.7 - Mend

@sme.up/ketchup 9.6.6 → 9.6.7

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 (129) hide show

package/dist/ketchup/p-f943ef5b.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as i,c as t,f as e,h as a,H as s,d as n}from"./p-aa62724a.js";import{k as o,g as r,s as l,l as p,M as h,e as f}from"./p-04e2beb5.js";import{c}from"./p-635bb4b3.js";import{F as m}from"./p-2c3aff15.js";import{F as g}from"./p-ca3d9d80.js";import{F as u}from"./p-c634eb82.js";import{F as d}from"./p-237f4b66.js";import{M as _}from"./p-d4a879fc.js";import"./p-eb8ea3a6.js";import"./p-9d3a0a51.js";import"./p-75b2681f.js";import"./p-fa1f706e.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"}(k||(k={}));class v{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var b,w,x,y,j,z,C,M,W,E,O,T,P,D,F,S=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)},I=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 N=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,w.set(this,[]),x.set(this,o()),y.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=S(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"}),z.set(this,void 0),C.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=null,this.customStyle="",this.data=[],this.ripple=!0,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=S(this,x,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=!1,t=this.currentNode?this.currentNode.id:"";if(S(this,x,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),!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=S(this,x,"f").data.node.find(this.data,i))}async getProps(i){return r(this,k,i)}async refresh(){e(this)}async setProps(i){l(this,k,i)}componentWillLoad(){S(this,x,"f").debug.logLoad(this,!1),S(this,x,"f").language.register(this),S(this,x,"f").theme.register(this)}componentDidLoad(){S(this,b,"m",F).call(this),S(this,x,"f").debug.logLoad(this,!0)}componentWillRender(){S(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(),S(this,x,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t=Object.assign({},{"grid-template-columns":`repeat(${this.columns}, minmax(0px, 1fr))`});if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};t=Object.assign(Object.assign({},t),i)}return a(s,{key:"61e34232f19ff00398ff824c9d8130ecde28da56"},a("style",{key:"43e64c4a2aed68d0582ad019aed0e3617c682c54"},S(this,x,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"c7cfce4c849eee19f245e27117a12c3068b69c0d",id:c,ref:i=>{I(this,z,i,"f")}},a("div",{key:"827d42b8b11a5a20a274dd29bdd2c5a87d01d0aa",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(m,{fit:!0,resource:this.currentNode.icon,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({},S(this,y,"f"),{label:S(this,x,"f").language.translate(p.BACK)})),a(g,Object.assign({},S(this,j,"f"),{label:S(this,x,"f").language.translate(p.TOP)}))):null),a("div",{key:"ab8938c8187ee33a41e0f87da776c628d0f9e777",class:"image-list",style:t},...S(this,b,"m",E).call(this))))}disconnectedCallback(){S(this,x,"f").interact.unregister(S(this,M,"f")),S(this,x,"f").language.unregister(this),S(this,x,"f").theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{selectedNode:["selectNode"]}}};w=new WeakMap,x=new WeakMap,y=new WeakMap,j=new WeakMap,z=new WeakMap,C=new WeakMap,M=new WeakMap,b=new WeakSet,W=function(i){const t={fit:!0,resource:i.icon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(m,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),n=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:f.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(n?" images":"")},!n&&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],n=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},S(this,b,"m",W).call(this,s));i.push(n)}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 S(this,b,"m",O).call(this,S(this,x,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return S(this,b,"m",O).call(this,S(this,x,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return S(this,b,"m",O).call(this,S(this,x,"f").getEventPath(i.target,this.rootElement),i)},F=function(){S(this,M,"f").push(S(this,z,"f")),S(this,x,"f").interact.on(S(this,z,"f"),h.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(I(this,C,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:S(this,b,"m",P).call(this,i)}))})),S(this,x,"f").interact.on(S(this,z,"f"),h.TAP,(i=>{if(S(this,C,"f"))I(this,C,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];S(this,w,"f").push(setTimeout((()=>{const i=S(this,b,"m",T).call(this,t),e=i.row;e.children&&e.children.length>0&&(this.currentNode=e),this.kupClick.emit({comp:this,id:this.rootElement.id,details:i})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:S(this,b,"m",P).call(this,i)})}})),S(this,x,"f").interact.on(S(this,z,"f"),h.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<S(this,w,"f").length;i++)clearTimeout(S(this,w,"f")[i]),S(this,x,"f").debug.logMessage(this,"Cleared clickHandler timeout("+S(this,w,"f")[i]+").");I(this,w,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:S(this,b,"m",D).call(this,i)})}}))},N.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_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-gray-color-70)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-gray-color-10)\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: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, 4), 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}.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-gray-color-20)}.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){:host{--kup_imagelist_columns:var(--kup-imagelist-columns, 8)}.image-list{grid-template-columns:repeat(var(--kup_imagelist_columns, 8), 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{N as kup_image_list}