https://www.tesa.com/relaunch2020/build/table.d824c314.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[4986],{903:(e,l,t)=>{t.r(l),t.d(l,{default:()=>u});var a=t(5166),o=t(6138),r=t(7651),n=t(44);const u=Object.assign({name:"BaseTable"},{__name:"BaseTable",setup(e){var l;const t=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,u=(0,a.iH)(null),i=(0,a.iH)(null),v=(0,a.iH)(null),s=(0,a.iH)(null),{activeLayout:c}=(0,o.S)(),d=(0,a.iH)(null),f=(0,a.iH)(!1),h=(0,a.iH)(!1),g=(0,a.iH)(!1),p=(0,a.iH)(!1),w=(0,a.iH)(!1),b=(0,a.iH)(!1),m=(0,a.iH)(!1),_=(0,a.iH)(0),y=(0,a.iH)(0),H=(0,a.iH)(0),x=(0,a.iH)(0),k=(0,a.iH)(0),L=(0,a.iH)(0),C=(0,a.iH)(0),B=(0,a.iH)(0),M=(0,a.iH)(0),S=(0,a.iH)(0),E=(0,a.iH)(null),F=(0,a.iH)(null),$=(0,a.iH)(null),q=(0,a.iH)(null),O=(0,a.Fl)(()=>x.value>y.value),T=(0,a.Fl)(()=>_.value+y.value>=x.value),D=(0,a.Fl)(()=>_.value<=0),z=(0,a.Fl)(()=>({...d.value&&{"--first-column-width":`${d.value}px`},"--cell-width":`${k.value}px`})),j=(0,a.Fl)(()=>{const e=.7*window.innerHeight;return p.value&&H.value>e}),P=(0,a.Fl)(()=>[{"table--mounted":h.value},{"table--scrollable":j.value},{"table--fixed-column":w.value&&O.value},{"table--row-header-collapsed":f.value},{"table--scrolled":g.value},{"table--scrolled-to-start":D.value},{"table--scrolled-to-end":T.value},{"table--scroll-dragging":m.value}]),R=(0,a.Fl)(()=>({left:`${S.value}px`,top:`${L.value}px`,height:`${Math.max(C.value-24,0)}px`})),U=(0,a.Fl)(()=>({left:`${B.value}px`,top:`${L.value}px`,height:`${C.value}px`,width:`${M.value}px`}));function W(){return s.value||t.$el}function A(){var e,l;return v.value||(null===(e=W())||void 0===e?void 0:e.querySelector("[data-table-scroll-container]"))||(null===(l=W())||void 0===l?void 0:l.querySelector(".table__content-wrapper"))}function N(){var e,l;const t=W(),a=A();if(!t||!a)return;const o=a.getBoundingClientRect(),r=t.querySelector(".table__content-container"),n=t.getBoundingClientRect(),u=null==r?void 0:r.getBoundingClientRect(),i=(null===(e=q.value)||void 0===e?void 0:e[0])||t.querySelector("tr th, tr td"),v=null==i?void 0:i.getBoundingClientRect();y.value=o.width,H.value=o.height,x.value=a.scrollWidth,k.value=(null===(l=[...t.querySelectorAll("th, td")].pop())||void 0===l?void 0:l.clientWidth)||0,S.value=v?v.right-n.left:0,B.value=u?u.left-n.left:0,M.value=(null==u?void 0:u.width)||0,L.value=u?u.top-n.top:0,C.value=(null==u?void 0:u.height)||0}function V(){(0,a.Y3)(()=>{var e;const l=i.value;if(!l)return;const t=null===(e=W())||void 0===e?void 0:e.querySelector("tr");if(!t)return;const a=[...t.querySelectorAll("th, td")],o=t.cloneNode(!0);o.classList.add("table__thead-clone"),[...o.querySelectorAll("th, td")].forEach((e,l)=>{e.style.setProperty("width",`${a[l].offsetWidth}px`)}),l.style.setProperty("width",`${t.offsetWidth}px`),l.replaceChildren(o)})}function I(){f.value=!f.value}return(0,a.bv)(()=>{var e,l;!function(){var e;const l=null===(e=W())||void 0===e?void 0:e.querySelector("tr");l&&(p.value=l.querySelectorAll("th").length>1,l.classList.toggle("table__thead",p.value))}(),q.value=null===(e=W())||void 0===e?void 0:e.querySelectorAll(`tr:nth-child(${p.value?2:1}) th`),null!==(l=q.value)&&void 0!==l&&l.length&&(w.value=!0,d.value=q.value[0].offsetWidth),N(),E.value=(0,r.Ds)(()=>{return w.value&&null!==(e=q.value)&&void 0!==e&&e.length&&(d.value=q.value[0].offsetWidth),N(),void(j.value&&V());var e},300),window.addEventListener("resize",E.value);const t=A();t&&(F.value=()=>function(){const e=A();e&&(g.value=!0,_.value=e.scrollLeft)}(),t.addEventListener("scroll",F.value,{passive:!0})),j.value&&V(),h.value=!0}),(0,a.Jd)(()=>{E.value&&window.removeEventListener("resize",E.value);const e=A();e&&F.value&&e.removeEventListener("scroll",F.value),$.value&&$.value()}),(0,a.YP)(c,e=>{"desktop"===e&&(f.value=!1)}),(0,a.YP)(_,e=>{const l=u.value;l&&(l.scrollLeft=e)}),(0,a.YP)(O,e=>{e&&!b.value&&function(){const e=A();if(!e||b.value)return;let l={left:0,x:0},t=!1;const a=()=>{t=!0,setTimeout(()=>{t=!1},1e3)},o=t=>{const a=t.clientX-l.x;m.value=!0,e.scrollLeft=l.left-a},r=()=>{e.style.cursor="",e.style.removeProperty("user-select"),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r)},n=a=>{l={left:e.scrollLeft,x:a.clientX},t||(e.style.cursor="grabbing",e.style.userSelect="none",document.addEventListener("mousemove",o),document.addEventListener("mouseup",r))};document.addEventListener("touchstart",a),e.addEventListener("mousedown",n),$.value=()=>{document.removeEventListener("touchstart",a),e.removeEventListener("mousedown",n),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),e.style.cursor="",e.style.removeProperty("user-select")},b.value=!0}()},{immediate:!0}),(e,l)=>((0,a.wg)(),(0,a.iD)("section",{ref_key:"root",ref:s,class:(0,a.C_)(["table",P.value]),style:(0,a.j5)(z.value),"data-base-table-enhancer":""},[(0,a.WI)(e.$slots,"default"),l[0]||(l[0]=(0,a.Uk)()),O.value?((0,a.wg)(),(0,a.j4)((0,a.SU)(n.Z),{key:0,style:(0,a.j5)(R.value),"show-row-header-toggle-button":w.value&&"desktop"!==(0,a.SU)(c),onRowHeaderToggleClick:I},null,8,["style","show-row-header-toggle-button"])):(0,a.kq)("v-if",!0),l[1]||(l[1]=(0,a.Uk)()),j.value?((0,a.wg)(),(0,a.iD)("div",{key:1,ref:"scrollContainerClone",class:"table__content-wrapper table__clone-scroll-container",style:(0,a.j5)(U.value),tabindex:"0"},[(0,a._)("div",{class:"table__clone-inner-scroll-container",ref_key:"scrollContainerCloneHorizontal",ref:u,"aria-hidden":"true",tabindex:"-1"},[(0,a._)("table",{ref_key:"cloneTarget",ref:i},null,512)],512)],4)):(0,a.kq)("v-if",!0)],6))}})},44:(e,l,t)=>{t.d(l,{Z:()=>n});var a=t(5166);const o={class:"table__helper-sticky-wrapper"},r=Object.assign({name:"TableHelperContainer"},{__name:"TableHelperContainer",props:{showRowHeaderToggleButton:{type:Boolean,default:!1}},setup(e){const l=(0,a.iH)(null),t=(0,a.iH)(!1);return(0,a.bv)(()=>{(0,a.Y3)(()=>{!function(){const e=new IntersectionObserver(a=>{let[o]=a;o.isIntersecting&&(t.value=!0,e.unobserve(l.value))},{rootMargin:"0px 0px -40% 0px"});l.value&&e.observe(l.value)}()})}),(r,n)=>((0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["table__helper-container",[{"table--in-viewport":t.value}]])},[(0,a._)("div",o,[((0,a.wg)(),(0,a.iD)("svg",{ref_key:"scrollIcon",ref:l,class:"table__scroll-prompt-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 118 118"},[...n[1]||(n[1]=[(0,a.uE)('<defs data-v-2900a130><filter id="a" width="163.8%" height="163.8%" x="-31.9%" y="-31.9%" filterUnits="objectBoundingBox" data-v-2900a130><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1" data-v-2900a130></feOffset> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5" data-v-2900a130></feGaussianBlur> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" data-v-2900a130></feColorMatrix> <feMerge data-v-2900a130><feMergeNode in="shadowMatrixOuter1" data-v-2900a130></feMergeNode> <feMergeNode in="SourceGraphic" data-v-2900a130></feMergeNode></feMerge></filter></defs>

1 <g fill="none" fill-rule="evenodd" filter="url(#a)" transform="translate(19 19)" data-v-2900a130><circle cx="40" cy="40" r="40" fill="#FFF" data-v-2900a130></circle> <g fill="#009DDB" fill-rule="nonzero" data-v-2900a130><path d="M53.5 34.58c-.63 0-1.25.15-1.71.54a3.02 3.02 0 0 0-2.94-2.09c-.62 0-1.24.16-1.7.54a3.02 3.02 0 0 0-2.95-2.09c-.54 0-1.08.16-1.55.4v-9.69c0-.46-.3-.77-.77-.77-.47 0-.78.3-.78.77V40c0 .47.31.77.78.77.46 0 .77-.3.77-.77v-5.42c0-.85.7-1.55 1.55-1.55.85 0 1.55.7 1.55 1.55V40c0 .47.31.77.77.77s.78-.3.78-.77v-3.87a1.55 1.55 0 0 1 3.1 0V40c0 .47.3.77.77.77s.77-.3.77-.77v-2.32a1.55 1.55 0 0 1 3.1 0v13.47c0 1.62-.54 3.33-1.4 4.72a10.2 10.2 0 0 0-1.7 5.5v1.86c0 .46.31.77.78.77.46 0 .77-.31.77-.77v-1.86c0-1.63.47-3.25 1.4-4.65a9.88 9.88 0 0 0 1.7-5.57V37.68a3.1 3.1 0 0 0-3.1-3.1z" data-v-2900a130></path> <path d="M42.65 22.2a3.1 3.1 0 0 0-3.1-3.1 3.1 3.1 0 0 0-3.09 3.1v21.83l-2.01-4.65c-.55-1-1.55-1.7-2.71-1.7a2.87 2.87 0 0 0-2.4 1.24c-.54.85-.7 1.85-.31 2.94l2.55 10.6c.24 1.24 2.36 4.5 3.37 5.43.15.15.77.38 1.08 0a.75.75 0 0 0 0-1.09c-.7-.7-2.74-3.72-2.9-4.64l-2.55-10.77a1.58 1.58 0 0 1 .15-1.54c.23-.4.7-.62 1.16-.62.54 0 1.09.3 1.32.77l3.48 8.05c.16.31.54.54.85.47a.75.75 0 0 0 .62-.78V22.2c0-.85.7-1.55 1.55-1.55.85 0 1.55.7 1.55 1.55-.15.47.16.78.62.78.46 0 .77-.31.77-.78z" data-v-2900a130></path> <path d="M35.3 56.88c-.39.23-.47.7-.31 1.08a10.5 10.5 0 0 1 1.4 5.27c0 .46.3.77.77.77.46 0 .77-.31.77-.77 0-2.1-.54-4.18-1.63-6.04-.15-.39-.61-.47-1-.31zm-9.37-33.14h6.74c.07.93.38 1.86.93 2.71.23.39.7.47 1.08.31.39-.23.46-.7.31-1.08a5.74 5.74 0 0 1-.77-2.71c0-3.02 2.4-5.42 5.42-5.42 3.01 0 5.41 2.4 5.41 5.42a4.98 4.98 0 0 1-.77 2.7c-.23.4-.08.86.31 1.1a.8.8 0 0 0 1.08-.32c.55-.85.78-1.78.93-2.7h6.74l-1.78 1.77a.75.75 0 0 0 0 1.09c.46.46.93.15 1.08 0l3.1-3.1s.46-.62 0-1.08l-3.1-3.1a.75.75 0 0 0-1.08 0 .75.75 0 0 0 0 1.08l1.62 1.78h-6.65a6.96 6.96 0 0 0-6.9-6.19 6.95 6.95 0 0 0-6.89 6.2H26.1l1.78-1.79a.75.75 0 0 0 0-1.08.75.75 0 0 0-1.09 0l-3.1 3.1s-.61.62 0 1.08l3.1 3.1c.16.15.7.38 1.09 0a.75.75 0 0 0 0-1.09l-1.94-1.78z" data-v-2900a130></path></g></g>',3)])],512)),n[3]||(n[3]=(0,a.Uk)()),e.showRowHeaderToggleButton?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"table__row-header-toggle",onClick:n[0]||(n[0]=e=>r.$emit("row-header-toggle-click"))},[...n[2]||(n[2]=[(0,a._)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 49"},[(0,a._)("g",{fill:"none","fill-rule":"nonzero"},[(0,a._)("path",{fill:"#0097D4",d:"M0 .5h16a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8H0V.5Z"}),(0,a.Uk)(),(0,a._)("path",{class:"table__row-header-toggle-caret",fill:"#F5F5F5",d:"M16.44 35.67a1.5 1.5 0 0 1-2-.12l-.11-.11-8-10a1.5 1.5 0 0 1-.09-1.76l.09-.12 8-10a1.5 1.5 0 0 1 2.43 1.75l-.09.13-7.25 9.06 7.25 9.06c.48.6.43 1.47-.12 2l-.11.11Z"})])],-1)])])):(0,a.kq)("v-if",!0)])],2))}});const n=(0,t(3744).Z)(r,[["__scopeId","data-v-2900a130"]])}}]);