@dnncommunity/dnn-elements 0.14.0-beta.6 → 0.14.0-beta.7
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 +5 -1
- package/dist/cjs/dnn-button_16.cjs.entry.js.map +1 -1
- package/dist/cjs/dnn-treeview-item.cjs.entry.js +5 -1
- package/dist/cjs/dnn-treeview-item.cjs.entry.js.map +1 -1
- package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.css +1 -2
- package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js +34 -1
- package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js.map +1 -1
- package/dist/dnn/dnn-treeview-item.entry.js +6 -2
- package/dist/dnn/dnn-treeview-item.entry.js.map +1 -1
- package/dist/dnn/dnn-treeview-item.system.entry.js +1 -1
- package/dist/dnn/dnn-treeview-item.system.entry.js.map +1 -1
- package/dist/dnn/p-3fbd1ad6.system.js +1 -1
- package/dist/dnn/{p-24a552b2.system.entry.js → p-a06717f8.system.entry.js} +4 -4
- package/dist/dnn/p-a06717f8.system.entry.js.map +1 -0
- package/dist/dnn/{p-bdfc3291.entry.js → p-cc4da8d5.entry.js} +2 -2
- package/dist/dnn/p-cc4da8d5.entry.js.map +1 -0
- package/dist/esm/dnn-button_16.entry.js +5 -1
- package/dist/esm/dnn-button_16.entry.js.map +1 -1
- package/dist/esm/dnn-treeview-item.entry.js +6 -2
- package/dist/esm/dnn-treeview-item.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-treeview-item/dnn-treeview-item.d.ts +5 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/dnn/p-24a552b2.system.entry.js.map +0 -1
- package/dist/dnn/p-bdfc3291.entry.js.map +0 -1
|
@@ -1528,11 +1528,13 @@ let DnnToggle = class {
|
|
|
1528
1528
|
};
|
|
1529
1529
|
DnnToggle.style = dnnToggleCss;
|
|
1530
1530
|
|
|
1531
|
-
const dnnTreeviewItemCss = ":host{display:-ms-flexbox;display:flex;overflow:
|
|
1531
|
+
const dnnTreeviewItemCss = ":host{display:-ms-flexbox;display:flex;overflow:visible}.expander{width:24px;height:24px}.expander button{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;background-color:transparent;border:none;padding:0;margin:0;height:1em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;top:2px}.expander button svg :first-child{-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;fill:white;stroke:black}.expander.expanded button{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.expander.expanded button svg :first-child{fill:black;stroke:black}div.item .item-slot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.25em}div.item div.children{overflow:hidden;height:0;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}";
|
|
1532
1532
|
|
|
1533
1533
|
let DnnTreeviewItem = class {
|
|
1534
1534
|
constructor(hostRef) {
|
|
1535
1535
|
index.registerInstance(this, hostRef);
|
|
1536
|
+
this.userExpanded = index.createEvent(this, "userExpanded", 3);
|
|
1537
|
+
this.userCollapsed = index.createEvent(this, "userCollapsed", 3);
|
|
1536
1538
|
/** Defines if the current node is expanded */
|
|
1537
1539
|
this.expanded = false;
|
|
1538
1540
|
this.hasChildren = false;
|
|
@@ -1557,9 +1559,11 @@ let DnnTreeviewItem = class {
|
|
|
1557
1559
|
this.expanded = !this.expanded;
|
|
1558
1560
|
if (this.expanded) {
|
|
1559
1561
|
this.expander.classList.add("expanded");
|
|
1562
|
+
this.userExpanded.emit();
|
|
1560
1563
|
return;
|
|
1561
1564
|
}
|
|
1562
1565
|
this.expander.classList.remove("expanded");
|
|
1566
|
+
this.userCollapsed.emit();
|
|
1563
1567
|
}
|
|
1564
1568
|
render() {
|
|
1565
1569
|
return (index.h(index.Host, null, index.h("div", { class: "expander", ref: el => this.expander = el }, this.hasChildren &&
|