@dnncommunity/dnn-elements 0.14.0-beta.5 → 0.14.0-beta.6
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 +7 -2
- package/dist/cjs/dnn-button_16.cjs.entry.js.map +1 -1
- package/dist/cjs/dnn-vertical-splitview.cjs.entry.js +7 -2
- package/dist/cjs/dnn-vertical-splitview.cjs.entry.js.map +1 -1
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.css +7 -1
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js +6 -1
- package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js.map +1 -1
- package/dist/dnn/dnn-vertical-splitview.entry.js +7 -2
- package/dist/dnn/dnn-vertical-splitview.entry.js.map +1 -1
- package/dist/dnn/dnn-vertical-splitview.system.entry.js +1 -1
- package/dist/dnn/dnn-vertical-splitview.system.entry.js.map +1 -1
- package/dist/dnn/{p-38b03e27.system.entry.js → p-24a552b2.system.entry.js} +2 -2
- package/dist/dnn/p-24a552b2.system.entry.js.map +1 -0
- package/dist/dnn/p-3fbd1ad6.system.js +1 -1
- package/dist/dnn/{p-a8e7290b.entry.js → p-bdfc3291.entry.js} +2 -2
- package/dist/dnn/p-bdfc3291.entry.js.map +1 -0
- package/dist/esm/dnn-button_16.entry.js +7 -2
- package/dist/esm/dnn-button_16.entry.js.map +1 -1
- package/dist/esm/dnn-vertical-splitview.entry.js +7 -2
- package/dist/esm/dnn-vertical-splitview.entry.js.map +1 -1
- package/dist/esm-es5/dnn-button_16.entry.js +1 -1
- package/dist/esm-es5/dnn-button_16.entry.js.map +1 -1
- package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.d.ts +1 -0
- package/package.json +1 -1
- package/dist/dnn/p-38b03e27.system.entry.js.map +0 -1
- package/dist/dnn/p-a8e7290b.entry.js.map +0 -1
|
@@ -1682,7 +1682,7 @@ let DnnVerticalOverflowMenu = class {
|
|
|
1682
1682
|
};
|
|
1683
1683
|
DnnVerticalOverflowMenu.style = dnnVerticalOverflowMenuCss;
|
|
1684
1684
|
|
|
1685
|
-
const dnnVerticalSplitviewCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;margin:0 auto;--left-pane-background-color:transparent;--right-pane-background-color:transparent}button{
|
|
1685
|
+
const dnnVerticalSplitviewCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;margin:0 auto;position:relative;--left-pane-background-color:transparent;--right-pane-background-color:transparent}button{border:none;margin:0;padding:0;cursor:ew-resize;position:absolute;height:100%;background-color:transparent}button.transition{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.pane{overflow-y:auto}.pane.transition{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.pane.left{background-color:var(--left-pane-background-color)}.pane.right{background-color:var(--right-pane-background-color);-ms-flex-positive:1;flex-grow:1}";
|
|
1686
1686
|
|
|
1687
1687
|
let DnnVerticalSplitview = class {
|
|
1688
1688
|
constructor(hostRef) {
|
|
@@ -1700,6 +1700,7 @@ let DnnVerticalSplitview = class {
|
|
|
1700
1700
|
const panes = this.element.shadowRoot.querySelectorAll(".pane");
|
|
1701
1701
|
requestAnimationFrame(() => {
|
|
1702
1702
|
panes.forEach(pane => pane.classList.add("transition"));
|
|
1703
|
+
this.splitter.classList.add("transition");
|
|
1703
1704
|
requestAnimationFrame(() => {
|
|
1704
1705
|
const fullWidth = this.element.getBoundingClientRect().width;
|
|
1705
1706
|
let newLeft = fullWidth * newWidth / 100;
|
|
@@ -1713,6 +1714,7 @@ let DnnVerticalSplitview = class {
|
|
|
1713
1714
|
this.rightWidth = fullWidth - newLeft;
|
|
1714
1715
|
setTimeout(() => {
|
|
1715
1716
|
panes.forEach(pane => pane.classList.remove("transition"));
|
|
1717
|
+
this.splitter.classList.remove("transition");
|
|
1716
1718
|
}, 300);
|
|
1717
1719
|
});
|
|
1718
1720
|
});
|
|
@@ -1786,7 +1788,10 @@ let DnnVerticalSplitview = class {
|
|
|
1786
1788
|
render() {
|
|
1787
1789
|
return (index.h(index.Host, null, index.h("div", { class: "left pane", style: {
|
|
1788
1790
|
width: `${this.leftWidth}px`,
|
|
1789
|
-
} }, index.h("slot", { name: "left" })), index.h("button", { onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e),
|
|
1791
|
+
} }, index.h("slot", { name: "left" })), index.h("button", { onMouseDown: e => this.handleMouseDown(e), onTouchStart: e => this.handleMouseDown(e), onKeyDown: e => this.handleKeyDown(e), ref: el => this.splitter = el, style: {
|
|
1792
|
+
minWidth: `${this.splitterWidth.toString()}px`,
|
|
1793
|
+
left: `${this.leftWidth - 2}px`,
|
|
1794
|
+
} }, index.h("slot", null)), index.h("div", { class: "right pane", style: {
|
|
1790
1795
|
width: `${this.rightWidth}px`,
|
|
1791
1796
|
} }, index.h("slot", { name: "right" }))));
|
|
1792
1797
|
}
|