@dso-toolkit/core 62.25.0 → 62.27.0

package/dist/collection/components/toggletip/toggletip.js

@@ -35,7 +35,7 @@ export class Toggletip {
         this.secondary = undefined;
     }
     render() {
-        return (h(Fragment, null, h("dso-info-button", { key: '98f0254a5ec612596ac32d0f4a5dcde1ce69ff2e', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: 'c1ce14c551312bca9ef753d7b83c683b62c2ae58', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '6c4cb2adea2902aa49efc686d7418907f10fe5e3' }))));
+        return (h(Fragment, null, h("dso-info-button", { key: 'aee3bb9158762c143652aaa755dd98f13084137b', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '79e76c5a50bf68b4760e4715f915f331fdfa3441', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: 'e0daa7695dc20946ed362016a25241489012fbef' }))));
     }
     static get is() { return "dso-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.css

@@ -14,7 +14,6 @@
   font-weight: 400;
   line-height: 1.5;
   line-break: auto;
-  text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -42,19 +41,19 @@
   color: #191919;
   display: inline-block;
   font-size: 1rem;
-  max-width: 640px;
+  max-inline-size: 640px;
   padding-block: 8px;
   padding-inline: 16px;
   position: relative;
 }
 .tooltip .tooltip-inner.dso-small {
-  max-width: 320px;
+  max-inline-size: 320px;
 }
 .tooltip .tooltip-arrow {
   border-color: transparent;
   border-style: solid;
-  height: 0;
-  width: 0;
+  block-size: 0;
+  inline-size: 0;
 }
 .tooltip[data-popper-placement=top] {
   margin-block-start: -3px;
@@ -62,7 +61,7 @@
   padding-inline: 0;
 }
 .tooltip[data-popper-placement=top] .tooltip-arrow {
-  bottom: 0;
+  inset-block-end: 0;
   border-block-start-color: #fff;
   border-width: 6px;
   border-block-end-width: 0;
@@ -74,7 +73,7 @@
   padding-inline: 6px;
 }
 .tooltip[data-popper-placement=right] .tooltip-arrow {
-  left: 0;
+  inset-inline-start: 0;
   border-inline-end-color: #fff;
   border-width: 6px;
   border-inline-start-width: 0;
@@ -86,7 +85,7 @@
   padding-inline: 0;
 }
 .tooltip[data-popper-placement=bottom] .tooltip-arrow {
-  top: 0;
+  inset-block-start: 0;
   border-block-end-color: #fff;
   border-width: 6px;
   border-block-start-width: 0;
@@ -99,7 +98,7 @@
   padding-inline: 6px;
 }
 .tooltip[data-popper-placement=left] .tooltip-arrow {
-  right: 0;
+  inset-inline-end: 0;
   border-inline-start-color: #fff;
   border-width: 6px;
   border-inline-end-width: 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"; }