https://svensktvattenbruk.se/sitevision/system-resource/e030055c91…/js/responsive-tables.js

1"use strict";(self.webpackChunk_sv_portlet=self.webpackChunk_sv_portlet||[]).push([[8185],{5231:(e,s,t)=>{t.r(s);t(3632)},3632:(e,s,t)=>{var a=t(7809),l=t.n(a);const n="sv-responsiveTable",i={classNames:{},selectors:{}};l().each([["groupName",""],["scroll","--scroll"],["fixedFirst","--fixedFirst"],["stackGroupName","--stacked"],["stackTable","--stackTable"],["stackColumns","--stackColumns"]],(function(e,s){i.classNames[s[0]]=n+s[1],i.selectors[s[0]]="."+n+s[1]})),i.config={breakpoint:"767px"};const c=({classNames:e})=>`<div class="${e}" />`,o=({classNames:e,styleAttr:s})=>`<div class="${e}" style="${s}" />`,r=({classNames:e})=>`<table class="${e}"><tbody></tbody></table>`,d=({trClassNames:e,thClassNames:s,colSpan:t,content:a})=>`<tr class="${e}"><th class="${s}" colspan="${t}">${a}</th></tr>`,p=i.classNames,f=i.selectors;l().svRespTables||(l().svRespTables={}),l().svRespTables.scroll=function(e){this.init=()=>{l()(e).removeClass(p.groupName).wrap(c({classNames:p.groupName}))},this.init()},l().fn.svRespTables_scroll=function(){return this.each((function(){new(l().svRespTables.scroll)(this)}))},l().svRespTables.fixedFirst=function(e){var s=this,t=i.mql;const a=p.groupName+" "+p.fixedFirst;let n=!1;s.$el=l()(e),s.$el.data("svRespTables.fixedFirst",s),s.init=function(){s.$el.removeClass(a).wrap(c({classNames:a}))},s.splitTable=function(){s.$copy=s.$el.clone(),s.$copy.find("td:not(:first-child), th:not(:first-child)").hide().end().find("caption").html("&nbsp;"),s.$el.closest(".sv-responsiveTable--fixedFirst").append(s.$copy),s.$copy.wrap(o({classNames:p.fixedFirst+"__pinned"})),s.$el.wrap(o({classNames:p.fixedFirst+"__scrollable"})),s.setCellHeights()},s.unSplitTable=function(){s.$el.closest(f.fixedFirst).find(f.fixedFirst+"__pinned").remove(),s.$el.unwrap(),s.$copy=void 0,s.unSetCellHeights()},s.setCellHeights=function(){var e=s.$el.find("tr"),t=s.$copy.find("tr"),a=[];e.each((function(e,s){l()(s).find("th, td").each((function(){const s=l()(this).outerHeight(!0);a[e]=a[e]||0,s>a[e]&&(a[e]=s)}))})),t.each((function(s,t){l()(t).height(a[s]),e.eq(s).height(a[s])}))},s.unSetCellHeights=function(){s.$el.find("tr").each((function(e,s){s.style.height="auto"}))},s.updateTables=function(){!t.matches&&n?(n=!1,s.unSplitTable()):t.matches&&!n&&(n=!0,s.splitTable())},t.addListener(s.updateTables),l()(s.updateTables),s.init()},l().fn.svRespTables_fixedFirst=function(){return this.each((function(){new(l().svRespTables.fixedFirst)(this)}))},l().svRespTables.stackTable=function(e){var s=this,t=i.mql;s.$el=l()(e),s.$el.data("svRespTables.stackTable",s),s.init=function(){let e="";t.removeListener(s.init),s.$copy=l()(r({classNames:s.$el.prop("class")+" "+p.stackGroupName+"__smallOnly"})),s.$el.addClass(p.stackGroupName+"__largeOnly");const a=s.$el.find("caption").clone(),n=s.$el.find("tr").eq(0);s.$el.find("tr").each((function(s,t){var a=l()(t);let i="",c="";const o=a.prop("class");0===s?e+=d({trClassNames:o,thClassNames:p.stackGroupName+"__headRow "+p.stackGroupName+"__headRow--main",colSpan:2,content:a.find("th, td").eq(0).html()}):(a.find("td, th").each((function(e,s){const t=l()(s),a=t.html();if((a?a.trim():"").length>0)if(0===e)i+=d({trClassNames:o,thClassNames:p.stackGroupName+"__headRow",colSpan:2,content:a});else{const s=n.find("td,th").eq(e).html();c+=(({trClassNames:e,groupName:s,keyContent:t,cellClassName:a,valueContent:l})=>`<tr class="${e}"><td class="${s}__key">${t}</td><td class="${s}__value ${a}">${l}</td></tr>`)({trClassNames:o,groupName:p.stackGroupName,keyContent:s?s.trim():"",cellClassName:t.prop("class"),valueContent:a})}})),e+=i+c)})),s.$copy.find("tbody").before(a).html(e),s.$el.before(s.$copy)},t.matches?s.init():t.addListener(s.init)},l().fn.svRespTables_stackTable=function(){return this.each((function(){new(l().svRespTables.stackTable)(this)}))},l().svRespTables.stackColumns=function(e){var s=this,t=i.mql;s.$el=l()(e),s.$el.data("svRespTables.stackColumns",s),s.init=function(){var e,a=s.$el.find("tr").eq(0).find("td, th").length,n=1;if(t.removeListener(s.init),!(a<3)){for(s.$copy=l()(r({classNames:s.$el.prop("class")+" "+p.stackGroupName+"__smallOnly"})),s.$el.addClass(p.stackGroupName+"__largeOnly"),s.$el.find("caption").length&&s.$copy.find("tbody").before(s.$el.find("caption").clone()),e=l()("<tbody />");n<a;)s.$el.find("tr").each(i),++n;s.$copy.find("tbody").append(e.html()),s.$el.before(s.$copy)}function i(s,t){var a,i,c,o,r=l()(t),d=l()("<tr></tr>").addClass(r.attr("class"));0===s&&d.addClass(p.stackGroupName+"__headRow "+p.stackGroupName+"__headRow--main"),a=r.find("td, th").eq(0).clone().addClass(p.stackGroupName+"__key"),c=n,r.find("*[colspan]").length&&(o=0,r.find("td, th").each((function(e,s){var t=l()(s).attr("colspan");if(o>n)return!1;t?(t=parseInt(t,10),c-=t-1,o+t>n&&(c+=o+t-n-1),o+=t):o++}))),(i=r.find("td, th").eq(c).clone()).addClass(p.stackGroupName+"__value").removeAttr("colspan"),d.append(a,i),e.append(d)}},t.matches?s.init():t.addListener(s.init)},l().fn.svRespTables_stackColumns=function(){return this.each((function(){new(l().svRespTables.stackColumns)(this)}))},i.init=function(){const e=l()(document.getElementsByTagName("table")).filter(f.groupName);e.length>0&&e.filter(f.scroll).svRespTables_scroll().end().filter(f.fixedFirst).svRespTables_fixedFirst().end().filter(f.stackTable).svRespTables_stackTable().end().filter(f.stackColumns).svRespTables_stackColumns()},l()((function(){const e=l()(document.body);e.hasClass("sv-responsive")&&!e.hasClass("sv-editing-mode")&&(i.mql=window.matchMedia(`(max-width: ${i.config.breakpoint})`),i.init())}))}}]);
2//# sourceMappingURL=responsive-tables.js.map