@dso-toolkit/core 88.1.0-ghi-3495.0 → 89.0.0

package/dist/esm/dso-label_3.entry.js

@@ -199,7 +199,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (h(Fragment, { key: '6f8cb585f28af771e9e2e30edcd998636b49a07e' }, h("button", { key: '150a54b7dc10b101d4df5969eb32a148a7a12e00', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: 'a895c7220844b07b3f11577733a0dc20b04bc2ac', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '6463ca8bbfb5eada2f1116a27e2aaf37518cc8b4', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: '26c2008eb29338118c768f4d7f554c57682b3794', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '0d4bcd6535c6871c7a76336ed54f422c921215a7', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: '1bf110d74fcee6b55cb97a0c6d0751bcf4f2d788', htmlFor: this.identifier }, h("slot", { key: '583e1c87b6132efc63c6d450b1da3e6090d9aefa' })))));
+        return (h(Fragment, { key: 'fd420c3eabb3c18d3f89fb74d94071129b09c9c4' }, h("button", { key: '6869163132f3a92ec49c16bf110f01372cf753ac', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, h("svg", { key: '3b14d668ef38a67327553afc556dfa2393bdd1e4', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, h("g", { key: '177d3abd24e397afecad42637d465d1f7cac4605', fill: "none", "fill-rule": "evenodd" }, h("rect", { key: 'b3ed4d615406eff74ab55c20721ceabf8e26c62b', width: "40", height: "20", fill: "currentColor", rx: "10" }), h("circle", { key: '50f54882f08a02df04e89431cc50a4cc87017f5d', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (h("label", { key: 'bf719234765f9c6bf5475b1d0dec6775831eb82b', htmlFor: this.identifier }, h("slot", { key: '3a34c3d2c3e5577d0b7fde8f48ada26d296b72c7' })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-plekinfo-card.entry.js

@@ -46,7 +46,7 @@ const PlekinfoCard = class {
     }
     render() {
         const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '42c5bc296e59dbfc912cd888dc243611c6ffafdf', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '91a06b8a904bbe3b5870f46e8e7eda84c01757ce', wijzigactie: this.wijzigactie }, h("div", { key: '6a7ac6e906f489bb24b1e31c1227d2eaf65f71ff', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: '762f5bdce47001bbf5e8d57c8ae36ba8f6d9b1fb', name: "symbol" })), h("div", { key: '131130890339e740ac9349ceb9776c3a6ebb2666', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: '3e56c3449ac45affd3a5d85cba26ce9af266e74c', name: "meta" }), this.interaction !== null && h("slot", { key: 'b7302613596e7b20197ac5d44618ad23de3e7f18', name: "interaction" })), h("div", { key: 'fce257f5766cb4b1e08da52b0d113c316b31b852', class: "dso-plekinfo-card-content" }, h("slot", { key: '5fe3d3973377a3a65cc6efba87cb7113d48ea782', name: "content" })))));
+        return (h(Host, { key: 'a2c907d0f2be52a4816c2a0c7d73449a6f1463f2', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '712a59c849527b431093889eb75edbb54a6b6217', wijzigactie: this.wijzigactie }, h("div", { key: 'bf76d9c9dccc1bac5c20c12abc57a1a6f4cc42b2', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'afcdc38b574d5422c2a93819949d1a74c88e5960', name: "symbol" })), h("div", { key: 'b4f0b7014e90ef73531a0beab46e275824e00272', class: "dso-plekinfo-card-heading" }, this.href ? (h("a", { href: this.href, target: this.targetBlank ? "_blank" : undefined, rel: this.targetBlank ? "noopener noreferrer" : undefined, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { class: "icon-container" }, this.targetBlank ? (h(Fragment, null, h("dso-icon", { icon: "external-link" }), h("span", { class: "sr-only" }, "(Opent andere website in nieuw tabblad)"))) : (h("dso-icon", { icon: "chevron-right" })), h("slot", { name: "heading" })))) : (h("slot", { name: "heading" })), this.metaSlottedElement !== null && h("slot", { key: 'b19d778fedb08afff8850a890afc1c5a6ddc5348', name: "meta" }), this.interaction !== null && h("slot", { key: 'a1b83b992f140324e8635ca873560f6f16198a8c', name: "interaction" })), h("div", { key: '47e066a797fcc2de5964a32efd6159d07df4f642', class: "dso-plekinfo-card-content" }, h("slot", { key: 'd51a70ff7e321488f4f1c52ccebff926de5c5efa', name: "content" })))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-progress-indicator.entry.js

@@ -22,7 +22,7 @@ const Progressindicator = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h(Host, { key: 'ee45939e0a64edc38e14a3c88c4a25cd950e8c1d' }, h("span", { key: '922c75b19791d752db1e1444f244db621081d6a5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'b34890d529d1b18f674c08ca4e38a5ffb7372be1', icon: "spinner" })), h("span", { key: 'f2d2c719718dc14fde6c4f9e0cf14920b8e71606', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
+        return (h(Host, { key: '5fa9e0caf06bc75410aa225a4e99e50b381bb396' }, h("span", { key: 'b89e86db1ffe6138b2ed33f08ea462e2501cf3c5', class: "dso-progress-indicator-spinner", role: "progressbar", "aria-labelledby": "progress-indicator-label" }, h("dso-icon", { key: 'af7338d1bd50ca89206450c006f60f8b912eb9a7', icon: "spinner" })), h("span", { key: '6deb8a1b9a92d089d7260caee85f72c4ab7d46e8', id: "progress-indicator-label", class: "dso-progress-indicator-label" }, this.label || this.text("label"))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-project-item.entry.js

@@ -7,7 +7,7 @@ const ProjectItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: '988e775eef7ccac4a4c7e29c66b60363382fcd52' }, h("div", { key: 'cbba4ed20f484d0be8ff153b08c5b3264e8d80e8', class: "project-item-header" }, h("div", { key: '8ae1d166d89f949d6d5fe5a277cd56cc0b3e2a78', class: "project-item-title" }, h("slot", { key: '1e346562ce6eb7504fb443bb37b4a6a91f33e10c', name: "title" }), this.label && (h("dso-label", { key: '6348e910a5e0955be3f5be83a16cd86d16751917', status: "error", compact: true }, this.label))), h("div", { key: 'd56b46330256aaff5377fb3adcb9f7b38e95809f', class: "project-item-actions" }, h("slot", { key: '70d31ec2087365954a66a37ef4e3af1b8f33eb7f', name: "actions" }))), h("div", { key: '2920a18a1099f02472436541bd2502a4332f094a', class: "project-item-info" }, h("div", { key: '60f4122ffe73b6acb8d642f6b4ed03fd538d0817', class: "project-item-progress" }, h("slot", { key: '2d97e7c2a8ad0bff01b2cc18ae0485232809692d', name: "progress" })), h("div", { key: '710e540c58835a7606e880b9ee57e586d745ccd2', class: "project-item-status" }, h("slot", { key: '30995a372181511e6b54b00b8b670e8be9bf6565', name: "status" })))));
+        return (h(Fragment, { key: 'ea5d57178d688d5153728f59d63fb9eca807902e' }, h("div", { key: '1601369295bde880747bca76a2d09e4af5e92df0', class: "project-item-header" }, h("div", { key: '2aea2de883cd682591c1ab8cff3f18589832d0bc', class: "project-item-title" }, h("slot", { key: '988bfa71770b9aa323a08f17d9fd4bd5430e0d11', name: "title" }), this.label && (h("dso-label", { key: 'bebc48107e8fdad8af897de5152e9848ab331bf7', status: "error", compact: true }, this.label))), h("div", { key: 'c8da0e2fb5f477dab60a3da9542c97d577a7c443', class: "project-item-actions" }, h("slot", { key: '7055bb2981bd48c6d46f236538caca79ab77a81b', name: "actions" }))), h("div", { key: 'ba0d34fff5d8f7d9de49faff24ec67471e42678f', class: "project-item-info" }, h("div", { key: '6d8549db9fe68754c112263f844343ba8d738236', class: "project-item-progress" }, h("slot", { key: 'f81d49758887cfc5df2a5a098fa7437a04b98c72', name: "progress" })), h("div", { key: 'f59d5570e3f34f7e307056d5429a0dc2a1194c60', class: "project-item-status" }, h("slot", { key: '14356e969dba3bd3118314a3e1b6cfcd8266fd5c', name: "status" })))));
     }
 };
 ProjectItem.style = projectItemCss();

package/dist/esm/dso-responsive-element.entry.js

@@ -44,7 +44,7 @@ const ResponsiveElement = class {
         this.observer.unobserve(this.host);
     }
     render() {
-        return (h(Host, { key: '1cdbc32cf7e69b0c032965b2260a54fc701ead2c', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: '9c2319d53cabfad7a698640e7605d2069dc555ac' })));
+        return (h(Host, { key: 'ca9c1b61a8604e516e05bdce5117192964831c90', small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", { key: 'd8465b9289ba9657d50c36cd0d43926e5ac47d3f' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-scrollable.entry.js

@@ -91,9 +91,9 @@ const Scrollable = class {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: '2846269d0f8e94e578e5b5a7590c405b24893785', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'c9f80a36c70276af166298c6d28de0d5688b5297', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: 'e94af45c3732f7691a092af7bf842391af3c437c', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '154edbc32a0902fb5f006c647bbdeb9c564cf981', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'a53d2ff277b464e3390ff9c440fe8760d61eb798' }))));
+            }), onScroll: () => this._setScrollState() }, h("slot", { key: 'b0a8bd4bb35413614c41ebb077bd7613e303682a' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-skiplink.entry.js

@@ -15,7 +15,7 @@ const Skiplink = class {
         return this.dsoSkiplinkClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
     }
     render() {
-        return (h("a", { key: 'ef34a12f08a519a13e3982e683195685a69f0434', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: 'ea871d2ff696b90c840514a076ab7b1f59747629', icon: "chevron-right" })));
+        return (h("a", { key: 'c78ada691201b00d93801b8dc232bf9111e8dfa8', href: `#${this.to}`, onClick: (e) => this.clickEventHandler(e) }, this.label, h("dso-icon", { key: '5e069b50839ca41db1a6a098df3d7c73e1ebdd08', icon: "chevron-right" })));
     }
 };
 Skiplink.style = skiplinkCss();

package/dist/esm/dso-survey-rating.entry.js

@@ -26,10 +26,10 @@ const SurveyRating = class {
             "Makkelijk",
             "Heel makkelijk",
         ];
-        return (h("dso-panel", { key: 'a50619b8bc8d4094d49e3df319a0f55970c8682e', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: 'b8d4efda141a714decfd78307ddf8b2a45bc6947', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'f982cb3cc54e234bdb30c79a92739f863d768d87' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: 'ab4ef527485adf5319677958e5900936b6646360', onSubmit: (e) => this.handleForm(e) }, h("div", { key: 'dca7211885b9f0c19c84143eb2db156d5b4cc4c1', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '4de0a01b73c3cf4bc00de2914a90b3c169247ede' }, "Heel moeilijk"), h("span", { key: '792c7cc9a21770a78a3d4e9574168e2f45ad4598' }, "Heel makkelijk")), h("div", { key: '1baa8ab269ac1920e1d35873234bf88ee627f26b', role: "radiogroup" }, ratings.map((rating, index) => {
+        return (h("dso-panel", { key: '683754c8b7d191952d511d8226a77c8341b9da15', emphasized: true, onDsoCloseClick: (e) => this.dsoClose.emit({ originalEvent: e }), role: "dialog", "aria-labelledby": "panel-heading" }, h("h2", { key: '487255339ecf83e1f7d8a48f6132ca7d1aaa1f5c', id: "panel-heading", slot: "heading" }, "Help ons met een onderzoek"), h("strong", { key: 'e594f73ed57e0225d7c3a50742232ecd287b8601' }, "Hoe moeilijk of makkelijk was deze taak om uit te voeren?"), h("form", { key: '8ae6b864fa965344fd6554eb063aae92ccb63b98', onSubmit: (e) => this.handleForm(e) }, h("div", { key: '55ac6915d27500cf86bbc21fef9f146b03888cde', class: "visual-rating-labels", "aria-hidden": "true" }, h("span", { key: '62560d49b2853b6a0ba2a0f2d2f1940c82c1aa28' }, "Heel moeilijk"), h("span", { key: '01d18168cfe9fbfdfb95b7a99534083495548f8d' }, "Heel makkelijk")), h("div", { key: '4c5b80510a2dae66e66049a6c85560759496be6f', role: "radiogroup" }, ratings.map((rating, index) => {
             const ratingNumber = index + 1;
             return (h(Fragment, null, h("label", { class: `survey-rating-${ratingNumber}` }, ratingNumber, h("span", { class: "sr-only" }, rating), h("input", { type: "radio", name: "rating", value: ratingNumber, checked: ratingNumber === this.rating, onChange: (e) => this.handleChange(e) }))));
-        })), h("button", { key: 'c273174e3fd119b2a92caf8948dd9bba6dbd1500', type: "submit", class: "dso-secondary" }, h("span", { key: 'ca41c2642e4519f04e6982b9646c4814f330e01f' }, "Antwoord verzenden")))));
+        })), h("button", { key: 'd14bce6e921a617ee486a1fb387d4a7e8450a7ab', type: "submit", class: "dso-secondary" }, h("span", { key: '724007d5170cdde96845dfce1b06eabe9b63c613' }, "Antwoord verzenden")))));
     }
 };
 SurveyRating.style = surveyRatingCss();

package/dist/esm/dso-tabs.entry.js

@@ -60,7 +60,7 @@ const Tabs = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: '3771d202f4b6aa15dd93f464997128fc583d13e4' }, h("div", { key: 'da356c597829aca4423f07ae53af33c32956f51f', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: '533d0031665b0ac26c3ee58336ef9a49d9d7ea61' })), h("div", { key: '728386a905acb4b6462b27ad3a0f96f931c6f7a4', role: "tabpanel", tabindex: "0" }, h("slot", { key: '6cde5a728919208a24b371a5dc5a9246ebb8a604', name: "panel" }))));
+        return (h(Host, { key: '42adab7513c5e9bd84540fc0ed1dd0787bd4fe79' }, h("div", { key: 'f11c3031a6e8d5ec03d91fd4c8ce3e3679e8a9b5', class: "tabs", role: "tablist", onKeyUp: this.keyUpHandler }, h("slot", { key: 'cdd3e3ac188f7fa304053d06b15dd9254c86e70d' })), h("div", { key: 'f058f791f60d11d1892ae378d322b7591088aa97', role: "tabpanel", tabindex: "0" }, h("slot", { key: 'b1201d4074f2b10fb1a33e3148cf9e5b610f3a1d', name: "panel" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-tijdreis-banner.entry.js

@@ -7,7 +7,7 @@ const TijdreisBanner = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Fragment, { key: 'cf6f867d70c2160793f40291c1cb3393ad76767a' }, h("dso-icon", { key: '10328a79f6fdb0aa3514bde4daf094ac0129a25f', icon: "clock" }), h("slot", { key: 'bb7955ba18cd1377766a2cf860ad9b116d422740' }), h("slot", { key: '7098da28b5e02b3ff896045e50d4f93546057f13', name: "button" })));
+        return (h(Fragment, { key: '3ecbedbefd901fe39014308056bd7c8bd614d4ab' }, h("dso-icon", { key: '2f9b7255462252496835a36f09232422e7fe02ab', icon: "clock" }), h("slot", { key: 'd31cb2b6280e0b395c4ad691d57b1804058570df' }), h("slot", { key: 'ea16d22e769ec2348fd61209a0a09d814ce1f266', name: "button" })));
     }
 };
 TijdreisBanner.style = tijdreisBannerCss();

package/dist/esm/dso-toggletip.entry.js

@@ -47,7 +47,7 @@ const Toggletip = class {
         };
     }
     render() {
-        return (h(Fragment, { key: 'e26981c1a52c89ee2377ebfa73bff27be2d5e098' }, h("dso-info-button", { key: 'ff7298ea6a5eee707cb0d456351b761f4bfcbe5a', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '156794f4ce9e7dea1e22540c709a888567aa0303', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '02c04ff3d2d67861513df709dc203e64fba05288' }))));
+        return (h(Fragment, { key: '8f9248d98faebe2d4690d8499b26388eb45bce13' }, h("dso-info-button", { key: '76b5a13feef2e933a830a85c0993766d7f9540b9', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, secondary: this.secondary, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '5be6b386204463fce54f5034a70da8d7de01b12b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '317a3cf45ef8bca9ae0bb160a056dd3e471e4d16' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/dso-tooltip.entry.js

@@ -2018,7 +2018,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: '909433bb6729c8113d91d7883a9116c6d3f6a130', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'd7f378305d8542489d860971ea5828c99af4bb29', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '0660d488775a5f1d224026240bdd9a9fa27ea8a3', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: 'f85867f57c8ce979dbdbf6609b815bd68b51e7db', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '8f1635a9ea708f6652af6df384abef4c9cb37000' })))));
+        return (h(Host, { key: 'df7b36c323854ed984ca4f0869a0fd104bf8ac01', class: { hidden: this.hidden }, role: "tooltip", onClick: this.listenClick }, h("div", { key: 'f7e55f98183aa3617fdcbfa380434c9e4c8ae830', class: clsx("tooltip", { in: this.active }) }, !this.noArrow && h("div", { key: '8454e52046786728d0dca36361138dfb068bbe80', "data-popper-arrow": true, class: "tooltip-arrow" }), h("div", { key: '4aa699b77b97f42dc34c8d73f6615e2df336dd3e', "aria-hidden": !this.descriptive || undefined, class: clsx("tooltip-inner", { "dso-small": this.small }) }, h("slot", { key: '8822632e819655eea961dc9bb5f0a14f6778ff50' })))));
     }
     activatePopper() {
         this.hidden = false;

package/dist/esm/dso-tree-view.entry.js

@@ -179,7 +179,7 @@ const TreeView = class {
         return false;
     }
     render() {
-        return (h("div", { key: '2f0b7503f9ea0fc0a440ff5f33ad300e91665c22', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '17aa24c09ab08108fa762171daa024cfe7ec97bd', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
+        return (h("div", { key: '28773fea742ffc79fa48c8a51cf4dc8c8ad00527', id: "tree", class: "dso-tree", onKeyDown: (e) => this.keyDownListener(e), ref: (element) => (this.tree = element) }, h("ul", { key: '5d4629f3e9261d625618a60b9da8fd43089cf153', role: "tree", "aria-label": "Objectenboom" }, this.collection?.map((item, index) => (h(DsoTreeItem, { owner: this, ancestors: [], item: item, index: index, level: 1, setSize: this.collection.length }))))));
     }
 };
 TreeView.style = treeViewCss();

package/dist/esm/dso-viewer-grid.entry.js

@@ -32,7 +32,7 @@ const DocumentPanel = ({ tabView, panelSize, shrinkDocumentPanel, expandDocument
         }
     } }, !tabView && (h(SizingButtons, { panelLabel: "Documentpaneel", size: panelSize, expand: expandDocumentPanel, shrink: shrinkDocumentPanel, placement: "right" })), h("div", { class: "content" }, h("slot", { name: "document-panel" }))));
 
-const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));
+const FilterPanel = ({ open, title, ref, dsoCloseFilterPanel, }) => (h("dialog", { class: "filter-panel", ref: ref, inert: !open }, open && (h(Fragment, null, title && h("h3", null, title), h("dso-icon-button", { class: "dso-close", icon: "times", variant: "tertiary", label: "Sluiten", onDsoClick: dsoCloseFilterPanel }), h("slot", { name: "filter-panel" })))));
 
 const MainPanel = ({ tabView, mainSize, documentPanelOpen, mainPanelExpanded, mainPanelHidden, toggleMainPanel, dsoMainSizeChangeAnimationEnd, }) => (h("div", { class: clsx("dso-main-panel", {
         compact: !tabView && documentPanelOpen && !mainPanelExpanded,
@@ -204,7 +204,7 @@ const ViewerGrid = class {
         }
     }
     render() {
-        return (h(Fragment, { key: 'fd5aae87d4f828fb424ad2d5e94ddd8b1f5d4f42' }, h("slot", { key: 'c0c9bb954e5be8094829e6b318e26ecc9b0589a8', name: "top-bar" }), h("div", { key: 'bab5af8de9a6f93a92351863bc9a19afedb988f0', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'fa0c1c9d031973df436646f56e7811a71d10e239', class: "dso-navbar" }, h("ul", { key: '06b3b1283db7398b8650c4ac2a1da77f9f70fed6', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: 'dbc7f0804538af76a3912f6fb44257420b6191da', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: '13b104c74e350e85c91d70c2e4496cf3ef67c48d', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: 'bbf1e07b73faa266320dd11e8508f75d6662bd0f', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '18535b2863eafc8f8b9e071f6d0f53246f115b6e', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '957768b90bf536edbf5e5b6ddfdbb738310a041e', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1418ab3bbf307f8e16472f6c8b2b3e585020da3c', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+        return (h(Fragment, { key: '701250880588dc0d1357b083df32e35469d00b29' }, h("slot", { key: '782b16bcaf748a3627919ce4a0f450ecfd158b7f', name: "top-bar" }), h("div", { key: 'a86a69d697ec22cf8351aa5c252f2aa00b7d642d', class: "viewer-grid-columns" }, this.tabView && (h("nav", { key: 'c9f15febca2c2db8e75edccc09d01c5bee1f7733', class: "dso-navbar" }, h("ul", { key: '8846852eb2b91c6ab0da7e8c32ad7222d968b0b8', class: "dso-nav dso-nav-sub" }, viewerGridTabs.map((tab) => (h("li", { key: tab, class: clsx({ "dso-active": this.activeTab === tab }) }, h("button", { type: "button", class: "dso-tertiary", onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(MainPanel, { key: '2fec21aea52e7965264802fba446b74903133c35', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd })), (!this.tabView || (this.tabView && this.activeTab === "search")) && (h(FilterPanel, { key: 'bd8e70d683410ba4311d5b5373cd7368548d27c7', open: this.filterPanelOpen, title: this.filterPanelTitle, ref: (element) => (this.filterPanel = element), dsoCloseFilterPanel: (e) => this.dsoCloseFilterPanel.emit({ originalEvent: e }) })), (!this.tabView || (this.tabView && this.activeTab === "map")) && (h("div", { key: '4d36f7fde4cdbc828db8e294bcdf595817dc8489', class: "map", ref: (element) => (this.mapElement = element) }, h("slot", { key: '82060c23a2cfdf4201db5055fa67c59bf31c615a', name: "map" }))), ((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === "document")) && (h(DocumentPanel, { key: '274b483705e6fe96c3e260c7d039999769dead95', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), h(Overlay, { key: '1e948f7d76c4a398bb16716437764c8d64549317', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "88.1.0-ghi-3495.0",
+  "version": "89.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -24,7 +24,7 @@
     "@stencil/core": "4.43.0",
     "@stencil/store": "^2.2.2",
     "clsx": "^2.1.1",
-    "dso-toolkit": "^88.1.0-ghi-3495.0",
+    "dso-toolkit": "^89.0.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^8.0.0",
     "i18next": "^25.8.13",
@@ -57,7 +57,7 @@
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "88.1.0-ghi-3495.0"
+    "dso-toolkit": "89.0.0"
   },
   "nx": {
     "includedScripts": []

package/dist/dso-toolkit/p-b797697e.entry.js

@@ -1 +0,0 @@
-import{h as e,F as n,r as i,d as t,g as a}from"./p-ai7aDzJN.js";import{c as o}from"./p-ChV9xqsO.js";import{d as s}from"./p-baWVwd8J.js";const r=["search","map","document"],l={map:"Kaart",document:"Document",search:"Zoeken"},d={small:"smal",medium:"middel",large:"breed"},c=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),p=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(c,{onClick:n,label:`${a} smaller maken`,icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(c,{onClick:i,label:`${a} breder maken`,icon:"right"===o?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",a.toLocaleLowerCase(),": ",d[t]),s)},m=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:a,dsoDocumentPanelSizeChangeAnimationEnd:o})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&o.emit({currentSize:i})}},!n&&e(p,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),b=({open:i,title:t,ref:a,dsoCloseFilterPanel:o})=>e("dialog",{class:"filter-panel",ref:a},i&&e(n,null,t&&e("h3",null,t),e("dso-icon-button",{class:"dso-close",icon:"times",variant:"tertiary",label:"Sluiten",onDsoClick:o}),e("slot",{name:"filter-panel"}))),h=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:s,toggleMainPanel:r,dsoMainSizeChangeAnimationEnd:l})=>e("div",{class:o("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:s}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&l.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(s?"tonen":"verbergen"),icon:s?"chevron-right":"chevron-left",onDsoClick:r})),e("div",{class:o("content",{invisible:s})},e("slot",{name:"main"}))),x=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"times",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),v=new ResizeObserver(s((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&"DSO-VIEWER-GRID"===n.host.tagName&&n.host._checkMainPanelVisibility()}),50)),u=class{constructor(e){i(this,e),this.dsoCloseOverlay=t(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=t(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=t(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=t(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=t(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=t(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=t(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 808px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<808,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot||console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&v.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&v.unobserve(this.mapElement)}render(){return e(n,{key:"fd5aae87d4f828fb424ad2d5e94ddd8b1f5d4f42"},e("slot",{key:"c0c9bb954e5be8094829e6b318e26ecc9b0589a8",name:"top-bar"}),e("div",{key:"bab5af8de9a6f93a92351863bc9a19afedb988f0",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"fa0c1c9d031973df436646f56e7811a71d10e239",class:"dso-navbar"},e("ul",{key:"06b3b1283db7398b8650c4ac2a1da77f9f70fed6",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:o({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},l[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"dbc7f0804538af76a3912f6fb44257420b6191da",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(b,{key:"13b104c74e350e85c91d70c2e4496cf3ef67c48d",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})}),(!this.tabView||this.tabView&&"map"===this.activeTab)&&e("div",{key:"bbf1e07b73faa266320dd11e8508f75d6662bd0f",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"18535b2863eafc8f8b9e071f6d0f53246f115b6e",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(m,{key:"957768b90bf536edbf5e5b6ddfdbb738310a041e",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(x,{key:"1418ab3bbf307f8e16472f6c8b2b3e585020da3c",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return a(this)}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}};u.style="*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  .overlay-close-button {   position: absolute;   line-height: 1;   inset-block-start: 8px;   inset-inline-end: 16px; }  .content.invisible {   visibility: hidden; }  .viewer-grid-columns {   position: relative; }  .dso-main-panel .content, .dso-document-panel .content {   block-size: 100%;   padding-block: 0;   padding-inline: 16px; }  .dso-main-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed {   inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted {   flex-shrink: unset;   flex-grow: unset;   position: absolute;   transition: none; } .dso-main-panel.expanded.collapsed {   position: absolute;   block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button {   inset-inline-start: calc(100% + 1px);   transition: inset-inline-start 200ms ease-in;   padding-block: 0 8px;   padding-inline: 0 4px; } .dso-main-panel .toggle-button {   --_dt-icon-button-border-start-start-radius: 0;   --_dt-icon-button-border-end-start-radius: 0; }  .dso-document-panel {   background-color: #fff;   flex-shrink: 0;   flex-grow: 0;   position: relative;   transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;   z-index: 100; } .dso-document-panel .sizing-buttons {   inset-block-start: auto;   inset-block-end: 16px;   inset-inline-end: calc(100% + 1px);   transition: inset-inline-end 200ms ease-in;   padding-block: 0 8px;   padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand {   --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dt-icon-button-border-start-end-radius: 0;   --_dt-icon-button-border-end-end-radius: 0; }  .sizing-buttons, .toggle-button {   overflow-x: hidden;   position: absolute;   inset-block-start: 16px;   inline-size: 44px;   z-index: -1; }  .map {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .filter-panel, .overlay {   background-color: #fff;   border: 0;   block-size: 100%;   margin-block: 0;   max-block-size: 100vh;   overflow-y: auto;   z-index: 101; }  .filter-panel {   display: block;   position: absolute;   padding-block: 8px;   padding-inline: 16px;   inset-block-start: 0;   block-size: 100%;   inset-inline-start: -380px;   inline-size: 100%;   transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) {   .filter-panel {     inline-size: 100vw;   }   .filter-panel::before {     display: none !important;   } } @media screen and (min-width: 992px) {   .filter-panel {     max-inline-size: 380px;   } } .filter-panel[open] {   inset-inline-start: 0;   box-shadow: none;   border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 {   color: #275937; } .filter-panel .dso-close {   --_dso-icon-button-tertiary-color: #191919;   position: absolute;   inset-block-start: 20px;   inset-inline-end: 20px; }  .overlay {   padding-block: 40px 8px;   padding-inline: 16px;   inset-inline-end: 0;   inline-size: 624px; } .overlay::backdrop {   background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) {   .overlay {     inline-size: 100vw;   } }  @media screen and (min-width: 808px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 808px) and (max-width: 375px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 0;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 808px) and (max-width: 624px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 375px;     transition: none;   } } @media screen and (min-width: 808px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 808px) and (max-width: 768px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 100vw;     max-inline-size: 100vw;     min-inline-size: 768px;     transition: none;   } } @media screen and (min-width: 808px) {   :host {     display: flex;     flex-direction: column;     block-size: 100vh;     overflow: clip;     position: relative;   }   :host .dso-main-panel.compact,   :host .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host .viewer-grid-columns {     display: flex;     overflow: hidden;     flex-grow: 1;   }   .dso-main-panel,   .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   .dso-main-panel .content,   .dso-document-panel .content {     overflow-y: auto;   }   .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   .overlay {     box-shadow: -2px 0 5px #666;     margin-inline: auto 0;   } } @media screen and (min-width: 808px) and (max-width: 1031.99px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 807.99px) {   .dso-navbar {     min-block-size: 32px;   }   .dso-navbar .dso-navbar-header {     float: inline-start;   }   .dso-navbar .dso-navbar-toggle {     border-radius: 4px;     min-inline-size: auto;     padding-block: 5px;     padding-inline: 0;   }   .dso-navbar .dso-navbar-toggle dso-icon {     margin-inline-start: 8px;     margin-inline-end: 8px;   } } @media screen and (max-width: 807.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 807.99px) {   .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {     margin-inline-end: 8rem;   }   .dso-nav {     list-style: none;     margin-block-end: 0;     padding-inline-start: 0;   }   .dso-nav > li > button {     border: 0;     background-color: transparent;   }   .dso-nav > li > a,   .dso-nav > li > button {     display: block;   }   .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,   .dso-nav > li > button,   .dso-nav > li > button:hover,   .dso-nav > li > button:focus,   .dso-nav > li > button:visited {     color: #275937;   }   .dso-nav > li.dso-active > a,   .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,   .dso-nav > li.is-active > button {     border-block-end: 4px solid #8b4a6a;     font-weight: bold;   }   .dso-nav.dso-nav-main > li {     display: inline-block;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,   .dso-nav.dso-nav-main > li > button:hover,   .dso-nav.dso-nav-main > li > button:focus-visible,   .dso-nav.dso-nav-main > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-main > li > a,   .dso-nav.dso-nav-main > li > button {     font-size: 1.25em;     line-height: 1;     margin-block-start: 8px;     padding-block: 8px 7px;     padding-inline: 16px;   }   .dso-nav.dso-nav-sub > li {     display: inline-block;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     text-decoration: none;   }   .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,   .dso-nav.dso-nav-sub > li > button:hover,   .dso-nav.dso-nav-sub > li > button:focus-visible,   .dso-nav.dso-nav-sub > li > button:active {     text-decoration: underline;   }   .dso-nav.dso-nav-sub > li > a,   .dso-nav.dso-nav-sub > li > button {     font-size: 1rem;     margin-block-start: 4px;     padding-block: 4px 3px;     padding-inline: 8px;   }   .dso-navbar {     padding-inline: 16px;   }   .dso-nav {     border-block-end: 1px solid #ccc;     display: flex;     gap: 16px;     margin-block-start: 0;     inline-size: calc(100vw - 32px);   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: start;     user-select: none;     vertical-align: middle;     background-clip: padding-box;   }   .dso-tertiary:focus, .dso-tertiary:focus-visible {     outline-offset: 2px;   }   .dso-tertiary:active {     outline: 0;   }   .dso-tertiary {     display: inline-block;     font-size: 1em;     font-weight: 500;     margin-block-end: 0;     text-decoration: none;     touch-action: manipulation;     text-align: start;     user-select: none;     vertical-align: middle;     background-clip: padding-box;   }   .dso-tertiary:focus, .dso-tertiary:focus-visible {     outline-offset: 2px;   }   .dso-tertiary:active {     outline: 0;   }   .dso-tertiary {     background-color: var(--_dso-button-tertiary-background-color, );     border-color: var(--_dso-button-tertiary-border-color, );     color: var(--_dso-button-tertiary-color, #39870c);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-inline-size: 56px;     padding-block: 11px;     padding-inline: 15px;   }   .dso-tertiary:hover {     background-color: var(--_dso-button-tertiary-hover-background-color, );     border-color: var(--_dso-button-tertiary-hover-border-color, );     color: var(--_dso-button-tertiary-hover-color, #275937);   }   .dso-tertiary:active {     background-color: var(--_dso-button-tertiary-active-background-color, );     border-color: var(--_dso-button-tertiary-active-border-color, );     color: var(--_dso-button-tertiary-active-color, #173521);   }   .dso-tertiary[disabled], .dso-tertiary[disabled]:hover {     background-color: var(--_dso-button-tertiary-disabled-background-color, );     border-color: var(--_dso-button-tertiary-disabled-border-color, );     color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   }   .dso-tertiary.dso-small {     line-height: 1rem;   }   .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     line-height: 1rem;   }   .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before {     margin-block-end: -4px;     margin-block-start: -4px;   }   .dso-tertiary.dso-extra-small.dso-spinner-left::before {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small.dso-spinner-right::after {     block-size: 16px;     inline-size: 16px;   }   .dso-tertiary.dso-extra-small {     padding-block: 9px;   }   .dso-tertiary dso-icon:has(+ span:not(.sr-only)) {     margin-inline-start: -8px;   }   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;     margin-inline-end: -8px;   }   .dso-tertiary dso-icon + span:not(.sr-only) {     margin-inline-start: 8px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding: 0;     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.dso-spinner-left::before {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.dso-spinner-right::after {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;   }   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {     margin-inline-start: 0;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   .filter-panel,   .overlay {     margin-inline: 0;     max-inline-size: 100vw;     inset-block-start: 0;     inline-size: 100vw;   }   .filter-panel {     inset-inline-start: -100vw;   } } @media screen and (min-width: 992px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } }";export{u as dso_viewer_grid}

package/dist/dso-toolkit/p-bdd6a3b2.entry.js

@@ -1 +0,0 @@
-import{r as a,f as e,h as s,a as t,g as i}from"./p-ai7aDzJN.js";const r=class{constructor(e){a(this,e),this.keyUpHandler=a=>{if(a.target instanceof HTMLElement)switch(a.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(a.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(a.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((a,e)=>(e.disabled||a.push(e),a)),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(a){a?._dsoFocus()}moveFocusToPreviousTab(a){const e=this.enabledTabs.findIndex((e=>e===a));this.moveFocusToTab(this.enabledTabs[e-1]??this.lastTab)}moveFocusToNextTab(a){const e=this.enabledTabs.findIndex((e=>e===a));this.moveFocusToTab(this.enabledTabs[e+1]??this.firstTab)}connectedCallback(){this.mutationObserver??(this.mutationObserver=new MutationObserver((()=>e(this.host)))),this.mutationObserver.observe(this.host,{childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){return s(t,{key:"3771d202f4b6aa15dd93f464997128fc583d13e4"},s("div",{key:"da356c597829aca4423f07ae53af33c32956f51f",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},s("slot",{key:"533d0031665b0ac26c3ee58336ef9a49d9d7ea61"})),s("div",{key:"728386a905acb4b6462b27ad3a0f96f931c6f7a4",role:"tabpanel",tabindex:"0"},s("slot",{key:"6cde5a728919208a24b371a5dc5a9246ebb8a604",name:"panel"})))}get host(){return i(this)}};r.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";export{r as dso_tabs}