@dso-toolkit/core 45.0.0 → 45.1.0

package/dist/collection/components/viewer-grid/viewer-grid.js

@@ -80,12 +80,18 @@ export class ViewerGrid {
       this.filterpanelFocustrap = createFocusTrap([this.filterpanel, this.filterpanelSlot], {
         escapeDeactivates: false,
         allowOutsideClick: true,
+        tabbableOptions: {
+          getShadowRoot: true,
+        }
       });
     }
     if (this.overlay && this.overlaySlot) {
       this.overlayFocustrap = createFocusTrap([this.overlay, this.overlaySlot], {
         escapeDeactivates: false,
         allowOutsideClick: true,
+        tabbableOptions: {
+          getShadowRoot: true,
+        }
       });
     }
     this.updateFocusTrap();
@@ -113,8 +119,10 @@ export class ViewerGrid {
             "breedte tekstpaneel: ",
             this.sizeLabelMap[this.mainSize]),
           h("button", { type: "button", class: "shrink", disabled: this.mainSize == "small", onClick: this.shrinkMain },
+            h("span", { class: "sr-only" }, "Kaartpaneel smaller maken"),
             h("dso-icon", { icon: "chevron-left" })),
           h("button", { type: "button", class: "expand", disabled: this.mainSize == "large", onClick: this.expandMain },
+            h("span", { class: "sr-only" }, "Kaartpaneel breder maken"),
             h("dso-icon", { icon: "chevron-right" }))),
         h("div", { class: "main" },
           h("slot", { name: "main" }))),
@@ -129,7 +137,10 @@ export class ViewerGrid {
         h("button", { type: "button", class: "overlay-close-button", onClick: (e) => this.dsoCloseOverlay.emit(e) },
           h("dso-icon", { icon: "times" }),
           h("span", { class: "sr-only" }, "sluiten")),
-        h("slot", { name: "overlay" }))));
+        h("slot", { name: "overlay" }),
+        h("button", { "aria-hidden": "true", type: "button", class: "overlay-close-button", style: { zIndex: '-100' } },
+          h("dso-icon", { icon: "times" }),
+          h("span", { class: "sr-only" }, "sluiten")))));
   }
   static get is() { return "dso-viewer-grid"; }
   static get encapsulation() { return "shadow"; }

package/dist/custom-elements/index.d.ts

@@ -2,6 +2,18 @@
 
 import type { Components, JSX } from "../types/globals";
 
+interface DsoAccordion extends Components.DsoAccordion, HTMLElement {}
+export const DsoAccordion: {
+  prototype: DsoAccordion;
+  new (): DsoAccordion;
+};
+
+interface DsoAccordionSection extends Components.DsoAccordionSection, HTMLElement {}
+export const DsoAccordionSection: {
+  prototype: DsoAccordionSection;
+  new (): DsoAccordionSection;
+};
+
 interface DsoAlert extends Components.DsoAlert, HTMLElement {}
 export const DsoAlert: {
   prototype: DsoAlert;