tp-elements/tp-splitter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add initialRightWidth and allow for number values too.

Browse Source
This commit is contained in:
trading_peter
2025-05-09 13:43:33 +02:00
parent bb5c63fcdc
commit 76b88a508a
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-splitter", "name": "@tp/tp-splitter",
"version": "1.5.1", "version": "1.6.0",
"description": "", "description": "",
"main": "tp-splitter.js", "main": "tp-splitter.js",
"scripts": { "scripts": {

11
tp-vsplitter.js
View File

@@ -61,6 +61,7 @@ class TpVSplitter extends LitElement {
minSideWidth: { type: Number }, minSideWidth: { type: Number },
lateResize: { type: Boolean }, // if true, the panels will not be reized until the dragging is finished. lateResize: { type: Boolean }, // if true, the panels will not be reized until the dragging is finished.
initialLeftWidth: { type: String }, initialLeftWidth: { type: String },
initialRightWidth: { type: String },
}; };
} }
@@ -86,7 +87,15 @@ class TpVSplitter extends LitElement {
firstUpdated() { firstUpdated() {
if (this.initialLeftWidth) { if (this.initialLeftWidth) {
this.style.gridTemplateColumns = `${this.initialLeftWidth} var(--tp-splitter-width, 5px) 1fr`; if (this.initialRightWidth) {
console.warn('Both initialLeftWidth and initialRightWidth are set. Using initialLeftWidth.');
}
const leftWidth = parseInt(this.initialLeftWidth, 10);
this.style.gridTemplateColumns = `${leftWidth}px var(--tp-splitter-width, 5px) 1fr`;
} else if (this.initialRightWidth) {
const rightWidth = parseInt(this.initialRightWidth, 10);
this.style.gridTemplateColumns = `1fr var(--tp-splitter-width, 5px) ${rightWidth}px`;
} }
} }