@dso-toolkit/core 62.24.0 → 62.26.0

package/dist/collection/components/tooltip/tooltip.js

@@ -168,7 +168,7 @@ export class Tooltip {
         }
     }
     render() {
-        return (h(Host, { key: '689567701eba43956564aeeab008a6c26000a89e', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: '1ab019bbf0f6e410b9f3a45230d57aeef1f580bd', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '3880c6433cbbecbe9b8b05f06baf935e11f8729a', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'fb7232c84755031e1beea392c7789b83011efa6a', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '82a1c75c1f74074993a4a136da62d09d5af0200e' })))));
+        return (h(Host, { key: 'fd48b15259f0664acd2d02e178e4aad8dbfa5443', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'e3c788cffc5e0ce2d5bad2dea9a34467963fafb6', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '87d8596336c3434dee80c7396e0f6c728d91c8d0', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'db3949a60f9943c4420d2bdf3bf51a55e8be044d', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '62421c1d6fe39a5ea4a86cf4227b56e87b3c8565' })))));
     }
     activatePopper() {
         var _a;

package/dist/collection/components/tree-view/tree-view.css

@@ -7,71 +7,72 @@
   position: relative;
 }
 :host ul[role=tree] {
-  padding-left: 0;
+  padding-inline-start: 0;
 }
 :host ul[role=group]::before {
-  border-left: 1px solid #275937;
+  border-inline-start: 1px solid #275937;
   content: "";
-  height: 8px;
-  left: 44px;
+  block-size: 8px;
+  inset-inline-start: 44px;
   position: absolute;
-  top: 0;
-  width: 0;
+  inset-block-start: 0;
+  inline-size: 0;
 }
 :host li:not(.has-child)::before {
-  border-top: 1px solid #275937;
+  border-block-start: 1px solid #275937;
   content: "";
-  height: 0;
-  left: 12px;
+  block-size: 0;
+  inset-inline-start: 12px;
   position: absolute;
-  top: 20px;
-  width: 16px;
+  inset-block-start: 20px;
+  inline-size: 16px;
 }
 :host li:not(.has-child)::after {
-  border-left: 1px solid #275937;
+  border-inline-start: 1px solid #275937;
   content: "";
-  height: 100%;
-  left: 12px;
+  block-size: 100%;
+  inset-inline-start: 12px;
   position: absolute;
-  top: 8px;
-  width: 0;
+  inset-block-start: 8px;
+  inline-size: 0;
 }
 :host li:not(.has-child):last-child::after {
-  height: 20px;
-  top: 0;
+  block-size: 20px;
+  inset-block-start: 0;
 }
 :host li.has-child::before {
-  border-top: 1px solid #275937;
+  border-block-start: 1px solid #275937;
   content: "";
-  height: 0;
-  left: 24px;
+  block-size: 0;
+  inset-inline-start: 24px;
   position: absolute;
-  top: 20px;
-  width: 4px;
+  inset-block-start: 20px;
+  inline-size: 4px;
 }
 :host li.has-child:not(:last-child)::after {
-  border-left: 1px solid #275937;
+  border-inline-start: 1px solid #275937;
   content: "";
-  height: calc(100% - 24px);
-  left: 12px;
+  block-size: calc(100% - 24px);
+  inset-inline-start: 12px;
   position: absolute;
-  top: 32px;
-  width: 0;
+  inset-block-start: 32px;
+  inline-size: 0;
 }
 :host li.has-child.is-expanded:last-child::after {
-  border-left: 1px solid #275937;
+  border-inline-start: 1px solid #275937;
   content: "";
-  height: calc(100% - 32px);
-  left: 12px;
+  block-size: calc(100% - 32px);
+  inset-inline-start: 12px;
   position: absolute;
-  top: 32px;
-  width: 0;
+  inset-block-start: 32px;
+  inline-size: 0;
 }
 :host .tree-branch-control {
   color: #39870c;
   display: inline-block;
   font-size: 16px;
-  margin: 8px 8px 8px 0;
+  margin-block: 8px;
+  margin-inline: 0 8px;
   vertical-align: top;
 }
 :host .tree-branch-control > div {
@@ -80,8 +81,9 @@
 :host .tree-content {
   cursor: pointer;
   display: inline-block;
-  margin: 8px 0;
-  max-width: calc(100% - 40px);
+  margin-block: 8px;
+  margin-inline: 0;
+  max-inline-size: calc(100% - 40px);
 }
 :host .tree-content a {
   color: #191919;
@@ -120,7 +122,7 @@
 :host .tree-content dso-icon {
   color: #39870c;
   font-size: 0.75em;
-  margin-left: 0.5em;
+  margin-inline-start: 0.5em;
   vertical-align: text-bottom;
 }
 
@@ -132,8 +134,8 @@
 
 .sr-only {
   position: absolute;
-  width: 1px;
-  height: 1px;
+  inline-size: 1px;
+  block-size: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;

package/dist/collection/components/tree-view/tree-view.js

@@ -175,7 +175,7 @@ export class TreeView {
     }
     render() {
         var _a;
-        return (h("div", { key: 'e4651d8f9c3a185c7ded70b677c83178be7181e8', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '062945ce97ff42458de8636b954c3ff70aab5202', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: 'b07d628f7741b4961596210003548094ede749b5', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '2ab63613e5b55b09aad1c84678c18c00bc7883ff', role: "tree", "aria-label": "Objectenboom" }, (_a = this.collection) === null || _a === void 0 ? void 0 : _a.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
     static get is() { return "dso-tree-view"; }
     static get encapsulation() { return "shadow"; }