@public-ui/components 1.5.0-rc.2 → 1.5.0-rc.20

package/dist/kolibri/assets/style.css

@@ -1,3 +1,19 @@
+body,
+* {
+	margin: 0;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+.container {
+	display: grid;
+	gap: 1.5rem;
+	margin-inline: auto;
+	padding-inline: 2rem;
+}
+
 .font-80 {
 	font-size: 80%;
 }
@@ -5,6 +21,14 @@
 	font-size: 60%;
 }
 
+.gap {
+	gap: 0.5rem;
+}
+
+.grid {
+	display: grid;
+}
+
 kol-accordion p,
 kol-card p {
 	padding: 0;
@@ -23,7 +47,6 @@ kol-card p {
 kol-accordion div[slot='content'],
 kol-accordion div[slot='header'] {
 	padding: 0.5rem;
-	padding-left: 0rem;
 }
 
 kol-logo {
@@ -37,9 +60,9 @@ kol-badge[_label='Und ich!'] {
 
 kol-button.min-width {
 	display: inline-block;
-	width: 8rem;
-	margin-right: 0.1rem;
 	margin-bottom: 0.1rem;
+	margin-right: 0.1rem;
+	width: 8rem;
 }
 
 kol-logo {
@@ -47,12 +70,10 @@ kol-logo {
 	width: 175px;
 }
 
-/* .bordered {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--kolibri-border-color);
-  border-radius: var(--kolibri-border-radius);
-} */
+.bordered {
+	border: 1px solid var(--kolibri-border-color);
+	border-radius: var(--kolibri-border-radius);
+}
 
 .bg-black {
 	background-color: black;
@@ -61,6 +82,13 @@ kol-logo {
 	background-color: blueviolet;
 }
 
+.p-b {
+	padding-block: 0.5rem;
+}
+.p-i {
+	padding-inline: 1rem;
+}
+
 .row {
 	background-color: white;
 	border: 1px solid #bbb;
@@ -72,8 +100,7 @@ kol-logo {
 
 .col-12 {
 	overflow: hidden;
-	padding-top: 0.25rem;
-	padding-bottom: 0.25rem;
+	padding-block: 0.25rem;
 }
 
 hr {
@@ -96,7 +123,8 @@ kol-card[_level='6'] {
 
 kol-icon[_icon='codicon codicon-home'],
 kol-icon[_icon='fa-solid fa-house'],
-kol-icon[_icon='icofont-home'] {
+kol-icon[_icon='icofont-home'],
+kol-icon[_icon='ti ti-home'] {
 	color: #00646b;
 	font-size: 500%;
 }

package/dist/kolibri/assets/table-simulation.js

@@ -1 +1 @@
-const TABLE_NEW_HEADERS={horizontal:[[{label:"",rowSpan:2,asTd:!0},{label:"Werktage",colSpan:5},{label:"Wochenende",colSpan:2}],[{key:"montag",label:"Montag",render:(a,n)=>{const e=document.createElement("kol-button");e.setAttribute("_label",n.label),e.setAttribute("data-theme","default"),e.setAttribute("style","font-size: 75%"),e.setAttribute("exportparts","button,normal"),e._on={onClick:console.log},a.innerHTML="",a.appendChild(e)},sort:a=>a.sort(((a,n)=>a.montag<n.montag?-1:a.montag>n.montag?1:0)),sortDirection:"ASC",textAlign:"right"},{key:"dienstag",label:"Dienstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#060" _label="${n.label}"></kol-badge>`,sort:a=>a.sort(((a,n)=>a.dienstag<n.dienstag?-1:a.dienstag>n.dienstag?1:0)),sortDirection:"DESC"},{key:"mittwoch",label:"Mittwoch",render:(a,n)=>a.innerHTML=`<kol-badge _color="#006" _label="${n.label}"></kol-badge>`},{key:"donnerstag",label:"Donnerstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#600" _label="${n.label}"></kol-badge>`},{key:"freitag",label:"Freitag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#303" _label="${n.label}"></kol-badge>`},{key:"samstag",label:"Samstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#330" _label="${n.label}"></kol-badge>`},{key:"sonntag",label:"Sonntag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#033" _label="${n.label}"></kol-badge>`}]],vertical:[[{label:"Früh"},{label:"Mittag"},{label:"Abend"},{label:"Nacht"}]]},TABLE_DATA=[{montag:"Alex",dienstag:"Hong",mittwoch:"Kevin",donnerstag:"Fabian",freitag:"Alex",samstag:"Kevin",sonntag:"Hong"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"}],TABLE_PAGED_DATA=[{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"}];setTimeout((()=>{document.querySelector("#table-1a")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1a")._data=TABLE_DATA}),5e3),setTimeout((()=>{document.querySelector("#table-1b")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1b")._data=TABLE_DATA,setTimeout((()=>document.querySelector("#table-1a")._data=[]),1e3)}),5e3),setTimeout((()=>{document.querySelector("#table-1c")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1c")._data=[]}),5e3),setTimeout((()=>{document.querySelector("#table-2")._headers={horizontal:[[{asTd:!0,colSpan:2}].concat(TABLE_NEW_HEADERS.vertical[0])],vertical:[[{...TABLE_NEW_HEADERS.horizontal[0][1],rowSpan:TABLE_NEW_HEADERS.horizontal[0][1].colSpan,colSpan:void 0},{...TABLE_NEW_HEADERS.horizontal[0][2],rowSpan:TABLE_NEW_HEADERS.horizontal[0][2].colSpan,colSpan:void 0}]].concat([TABLE_NEW_HEADERS.horizontal[1]])},document.querySelector("#table-2")._data=TABLE_DATA,document.querySelector("#table-3a")._data=TABLE_PAGED_DATA,document.querySelector("#table-3b")._data=TABLE_PAGED_DATA,document.querySelector("#table-3b")._pagination={_boundaryCount:0,_page:3,_pageSize:20,_pageSizeOptions:[5,10,20,50,100],_on:{onClick:console.log,onChangePage:console.log,onChangePageSize:console.log}},document.querySelector("#table-4")._data=TABLE_PAGED_DATA,document.querySelector("#table-4")._pagination={_boundaryCount:0,_page:3,_pageSize:10,_pageSizeOptions:[5,10,20,50,100],_on:{onClick:console.log,onChangePage:console.log,onChangePageSize:console.log}},document.querySelector("#table-5")._data=TABLE_PAGED_DATA,document.querySelector("#table-6")._data=TABLE_PAGED_DATA}),5e3);
+const TABLE_NEW_HEADERS={horizontal:[[{label:"",rowSpan:2,asTd:!0},{label:"Werktage",colSpan:5},{label:"Wochenende",colSpan:2}],[{key:"montag",label:"Montag",render:(a,n)=>{const e=document.createElement("kol-button");e.setAttribute("_label",n.label),e.setAttribute("data-theme","default"),e.setAttribute("style","font-size: 75%"),e.setAttribute("exportparts","button,normal"),e._on={onClick:console.log},a.innerHTML="",a.appendChild(e)},sort:a=>a.sort(((a,n)=>a.montag<n.montag?-1:a.montag>n.montag?1:0)),sortDirection:"ASC",textAlign:"right"},{key:"dienstag",label:"Dienstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#060" _label="${n.label}"></kol-badge>`,sort:a=>a.sort(((a,n)=>a.dienstag<n.dienstag?-1:a.dienstag>n.dienstag?1:0)),sortDirection:"DESC"},{key:"mittwoch",label:"Mittwoch",render:(a,n)=>a.innerHTML=`<kol-badge _color="#006" _label="${n.label}"></kol-badge>`},{key:"donnerstag",label:"Donnerstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#600" _label="${n.label}"></kol-badge>`},{key:"freitag",label:"Freitag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#303" _label="${n.label}"></kol-badge>`},{key:"samstag",label:"Samstag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#330" _label="${n.label}"></kol-badge>`},{key:"sonntag",label:"Sonntag",render:(a,n)=>a.innerHTML=`<kol-badge _color="#033" _label="${n.label}"></kol-badge>`}]],vertical:[[{label:"Früh"},{label:"Mittag"},{label:"Abend"},{label:"Nacht"}]]},TABLE_DATA=[{montag:"Alex",dienstag:"Hong",mittwoch:"Kevin",donnerstag:"Fabian",freitag:"Alex",samstag:"Kevin",sonntag:"Hong"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"}],TABLE_PAGED_DATA=[{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"},{montag:"Alex",dienstag:"Anna",mittwoch:"Amalia",donnerstag:"Arthur",freitag:"Alex",samstag:"Andrea",sonntag:"Arnold"},{montag:"Helena",dienstag:"Fabian",mittwoch:"Marie",donnerstag:"Ben",freitag:"Marcus",samstag:"Alex",sonntag:"Marcus"},{montag:"Fabian",dienstag:"Helena",mittwoch:"Fabian",donnerstag:"Maya",freitag:"Ben",samstag:"Alex",sonntag:"Helena"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Hong",dienstag:"Alex",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Fabian",samstag:"Helena",sonntag:"Alex"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Samuel",dienstag:"Selena",mittwoch:"Sandra",donnerstag:"Salim",freitag:"Robert",samstag:"Richard",sonntag:"Pamela"},{montag:"Finn",dienstag:"Roger",mittwoch:"Christian",donnerstag:"Caspar",freitag:"David",samstag:"Bernard",sonntag:"Anna"}];setTimeout((()=>{document.querySelector("#table-1a")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1a")._data=TABLE_DATA}),5e3),setTimeout((()=>{document.querySelector("#table-1b")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1b")._data=TABLE_DATA,setTimeout((()=>document.querySelector("#table-1a")._data=[]),1e3)}),5e3),setTimeout((()=>{document.querySelector("#table-1c")._headers=TABLE_NEW_HEADERS,document.querySelector("#table-1c")._data=[]}),5e3),setTimeout((()=>{document.querySelector("#table-2")._headers={horizontal:[[{asTd:!0,colSpan:2}].concat(TABLE_NEW_HEADERS.vertical[0])],vertical:[[{...TABLE_NEW_HEADERS.horizontal[0][1],rowSpan:TABLE_NEW_HEADERS.horizontal[0][1].colSpan,colSpan:void 0},{...TABLE_NEW_HEADERS.horizontal[0][2],rowSpan:TABLE_NEW_HEADERS.horizontal[0][2].colSpan,colSpan:void 0}]].concat([TABLE_NEW_HEADERS.horizontal[1]])},document.querySelector("#table-2")._data=TABLE_DATA,document.querySelector("#table-3a")._data=TABLE_PAGED_DATA,document.querySelector("#table-3b")._data=TABLE_PAGED_DATA,document.querySelector("#table-3b")._pagination={_boundaryCount:0,_page:3,_pageSize:20,_pageSizeOptions:[5,10,20,50,100],_on:{onClick:console.log,onChangePage:console.log,onChangePageSize:console.log}},document.querySelector("#table-4")._data=TABLE_PAGED_DATA,document.querySelector("#table-4")._pagination={_boundaryCount:0,_page:3,_pageSize:10,_pageSizeOptions:[5,10,20,50,100],_on:{onClick:console.log,onChangePage:console.log,onChangePageSize:console.log}},document.querySelector("#table-5")._data=TABLE_PAGED_DATA,document.querySelector("#table-6")._data=TABLE_PAGED_DATA}),5e3);const dayTable=document.querySelector('[_id="day_table"]');dayTable._headers={horizontal:[[{label:"",colSpan:1,rowSpan:1,asTd:!0},{label:"Tag",key:"day"},{label:"Info",key:"info"}]],vertical:[[{label:"1",key:"1"},{label:"2",key:"2"},{label:"3",key:"3"},{label:"4",key:"4"},{label:"5",key:"5"}]]},dayTable._data=[{day:"Montag",info:"Herr Mohn"},{day:"Dienstag",info:"Dienst"},{day:"Mittwoch",info:"Mitte der Woche"},{day:"Donnerstag",info:"Donner"},{day:"Freitag",info:"frei"}];