@dnncommunity/dnn-elements 0.14.0-beta.1 → 0.14.0-beta.2
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.
- package/dist/cjs/dnn-button_16.cjs.entry.js +3 -3
- package/dist/cjs/dnn-button_16.cjs.entry.js.map +1 -1
- package/dist/cjs/dnn-vertical-splitview.cjs.entry.js +3 -3
- package/dist/cjs/dnn-vertical-splitview.cjs.entry.js.map +1 -1
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.css +10 -1
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js +7 -2
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js.map +1 -1
- package/dist/dnn/dnn-vertical-splitview.entry.js +3 -3
- package/dist/dnn/dnn-vertical-splitview.entry.js.map +1 -1
- package/dist/dnn/{p-fef1bc51.entry.js → p-bdc4d389.entry.js} +2 -2
- package/dist/dnn/{p-fef1bc51.entry.js.map → p-bdc4d389.entry.js.map} +1 -1
- package/dist/esm/dnn-button_16.entry.js +3 -3
- package/dist/esm/dnn-button_16.entry.js.map +1 -1
- package/dist/esm/dnn-vertical-splitview.entry.js +3 -3
- package/dist/esm/dnn-vertical-splitview.entry.js.map +1 -1
- package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1683,7 +1683,7 @@ let DnnVerticalOverflowMenu = class {
|
|
|
1683
1683
|
};
|
|
1684
1684
|
DnnVerticalOverflowMenu.style = dnnVerticalOverflowMenuCss;
|
|
1685
1685
|
|
|
1686
|
-
const dnnVerticalSplitviewCss = ":host{display:flex;align-items:stretch;margin:0 auto}button{background-color:transparent;border:none;margin:0;padding:0;cursor:ew-resize}.pane{
|
|
1686
|
+
const dnnVerticalSplitviewCss = ":host{display:flex;align-items:stretch;margin:0 auto;--left-pane-background-color:transparent;--right-pane-background-color:transparent}button{background-color:transparent;border:none;margin:0;padding:0;cursor:ew-resize}.pane{overflow-y:auto}.pane.transition{transition:all 300ms ease-in-out}.pane.left{background-color:var(--left-pane-background-color)}.pane.right{background-color:var(--right-pane-background-color)}";
|
|
1687
1687
|
|
|
1688
1688
|
let DnnVerticalSplitview = class {
|
|
1689
1689
|
constructor(hostRef) {
|
|
@@ -1785,10 +1785,10 @@ let DnnVerticalSplitview = class {
|
|
|
1785
1785
|
this.rightWidth = fullWidth - this.leftWidth;
|
|
1786
1786
|
}
|
|
1787
1787
|
render() {
|
|
1788
|
-
return (index.h(index.Host, null, index.h("div", { class: "pane", style: {
|
|
1788
|
+
return (index.h(index.Host, null, index.h("div", { class: "left pane", style: {
|
|
1789
1789
|
width: `${this.leftWidth}px`,
|
|
1790
1790
|
height: "100%",
|
|
1791
|
-
} }, index.h("slot", { name: "left" })), index.h("button", { onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e), style: { minWidth: `${this.splitterWidth.toString()}px` } }, index.h("slot", null)), index.h("div", { class: "pane", style: {
|
|
1791
|
+
} }, index.h("slot", { name: "left" })), index.h("button", { onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e), style: { minWidth: `${this.splitterWidth.toString()}px` } }, index.h("slot", null)), index.h("div", { class: "right pane", style: {
|
|
1792
1792
|
width: `${this.rightWidth}px`,
|
|
1793
1793
|
} }, index.h("slot", { name: "right" }))));
|
|
1794
1794
|
}
|