@dso-toolkit/core 73.0.1 → 73.2.0

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host, F as Fragment } from './index-D2Jo0W7B.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host, F as Fragment } from './index-C-b4jsbt.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { i as i18n } from './i18n-BbNJ4wXp.js';
+import { i as i18n } from './i18n-B_kXuEcW.js';
 import { d as debounce } from './index-CoMRvcY0.js';
 import { c as createFocusTrap } from './focus-trap.esm-THfp668w.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
@@ -45,7 +45,7 @@ const Alert = class {
         if (!status) {
             throw new Error(`Invalid status ${this.status}`);
         }
-        return (h("div", { key: 'b07c3ac60ceebb4669e203df68855ec1bda1979d', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: '4ec39cc6a1a6dba8e44e483118bce9aeb4abc820', class: "icon-status", icon: "status-" + this.status }), h("span", { key: '7974a804de6c67add9027906527002a40ff2be6a', class: "sr-only" }, status, ":"), h("slot", { key: 'cb8b72c9dfff4d56ef223f63fa8c51393ca7fc68' }), this.closable && (h("button", { key: '1848fbb6c4d938bef21ca5d0ef0d3af8079a23ea', type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { key: 'e24b4ac973b76498fd56f6f4abc3f7efaee9cf1d', icon: "times" }), h("span", { key: '4951a2525bba4947ddeb9c79780b9c63fafea2fc', class: "sr-only" }, this.text("close"))))));
+        return (h("div", { key: 'ef986366723194f13a8a837a4d795592c84ec75f', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && h("dso-icon", { key: 'fa21e7726fbc5c2d2fa5c67d1ee57b91321af092', class: "icon-status", icon: "status-" + this.status }), h("span", { key: '01ea73bbf610e68ccea1e53a1529a06de55dfc9b', class: "sr-only" }, status, ":"), h("slot", { key: '8557f712cafebe78bcdf5e66f3f47ca5542f38f3' }), this.closable && (h("button", { key: 'bdd404219119fe31dd0759007714f3fb8fa952fa', type: "button", class: "dso-close", onClick: (e) => this.dsoClose.emit({ originalEvent: e }) }, h("dso-icon", { key: '082fa1243552fb7a7ccb245945789e3d29963194', icon: "times" }), h("span", { key: 'adf165881b7fbc3a285471363cc64bb5115be836', class: "sr-only" }, this.text("close"))))));
     }
     get host() { return getElement(this); }
 };
@@ -58,7 +58,7 @@ const Badge = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("span", { key: 'ff267eb954bb8bb4a2aac75a8a71854bb707975c', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: '43595a69b2cf8e3e7d7b2c7cd8b95b7d472082dd' })));
+        return (h("span", { key: '13cd370ece543830dd2f80fdd8f89f9cd9a4cd8c', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'cc865288c79b6c431b28d415ed6e303f43d9224f' })));
     }
 };
 Badge.style = badgeCss;
@@ -197,30 +197,30 @@ class OzonContentAbbrNode {
     }
 }
 
-function wijzigactieToClassName(wijzigactie) {
+const WrapWijzigactie = ({ wijzigactie }, children) => {
     if (wijzigactie === "voegtoe") {
-        return "editaction-add";
+        return h("ins", null, children);
     }
     if (wijzigactie === "verwijder") {
-        return "editaction-remove";
+        return h("del", null, children);
     }
-    return undefined;
-}
+    return children;
+};
 
 function parseWijzigactieFromNode(node) {
     const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
     return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
 }
 
-const WrapWijzigactie = ({ wijzigactie }, children) => {
+function wijzigactieToClassName(wijzigactie) {
     if (wijzigactie === "voegtoe") {
-        return h("ins", null, children);
+        return "editaction-add";
     }
     if (wijzigactie === "verwijder") {
-        return h("del", null, children);
+        return "editaction-remove";
     }
-    return children;
-};
+    return undefined;
+}
 
 function isNestedAl(path) {
     return path.some((n) => {
@@ -899,6 +899,25 @@ class OzonContentIntRefNode {
     }
 }
 
+class OzonContentKopNode {
+    constructor() {
+        this.name = ["Opschrift", "Label", "Nummer", "Kop"];
+    }
+    render(node, { mapNodeToJsx }) {
+        let content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = node.getAttribute("wijzigactie");
+        if (wijzigactie === "voegtoe") {
+            content = h("ins", { class: "new-text" }, content);
+        }
+        else if (wijzigactie === "verwijder") {
+            content = h("del", { class: "removed-text" }, content);
+        }
+        return (h(Fragment, null,
+            (node.tagName === "Nummer" || node.tagName === "Opschrift") && " ",
+            content));
+    }
+}
+
 class OzonContentLijstNode {
     constructor() {
         this.name = "Lijst";
@@ -965,25 +984,6 @@ class OzonContentNootNode {
     }
 }
 
-class OzonContentKopNode {
-    constructor() {
-        this.name = ["Opschrift", "Label", "Nummer", "Kop"];
-    }
-    render(node, { mapNodeToJsx }) {
-        let content = mapNodeToJsx(node.childNodes);
-        const wijzigactie = node.getAttribute("wijzigactie");
-        if (wijzigactie === "voegtoe") {
-            content = h("ins", { class: "new-text" }, content);
-        }
-        else if (wijzigactie === "verwijder") {
-            content = h("del", { class: "removed-text" }, content);
-        }
-        return (h(Fragment, null,
-            (node.tagName === "Nummer" || node.tagName === "Opschrift") && " ",
-            content));
-    }
-}
-
 function mapColspecs(count, nodeList) {
     const elements = Array.from(nodeList);
     const totalWidth = getTotalWidth(elements);
@@ -1273,7 +1273,7 @@ const OzonContent = class {
             urlResolver: this.urlResolver,
         };
         const transformed = mapper.transform(this.content, context);
-        return h(Fragment, { key: '9a7cf2e47d3bd1c7b94ad0ba51a877f4f3d32da9' }, transformed);
+        return h(Fragment, { key: '539d1eccded032ffb129718e8b7f8051b6387f69' }, transformed);
     }
     static get watchers() { return {
         "content": ["contentWatcher"]
@@ -1307,7 +1307,7 @@ const Panel = class {
         this.text = i18n(() => this.host, translations);
     }
     render() {
-        return (h("div", { key: 'f5b86cd7bd0681d379c20f3be9bcbbf92a465572', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'b39ac8d3d2c062b6a3868f30faff2a2d40f00a27', class: "panel-heading" }, h("slot", { key: '32402b44321ccb5c3a83774b113e3010c71dea8d', name: "heading" }), h("button", { key: '3c93ab9b233e6895855af09b7e61935d2f7c7c3d', type: "button", class: "panel-close", onClick: (e) => this.dsoCloseClick.emit({ originalEvent: e }) }, h("dso-icon", { key: 'aba4c6506555dee25ed54177b6a46601263559c3', icon: "times" }), h("span", { key: 'c21c9d0732d8cad5d0ea97885b9845b40e052652', class: "sr-only" }, this.closeButtonLabel || this.text("close")))), h("div", { key: 'a4980cb106cb883b4130eb8ce4b4abfe9f0cb78a', class: "panel-body" }, h("slot", { key: 'dbf12ba6319d6a62b56566572cabab80d2f5e161' }))));
+        return (h("div", { key: '60a90b6384157d1d1c67e3f92fad2f37cf4a3650', class: clsx(["dso-panel", { emphasized: this.emphasized }]) }, h("div", { key: 'b967472c7e208f6eca67da2fb4f666ba8a2120b2', class: "panel-heading" }, h("slot", { key: '26fc5406f5870c1c6254ba5b2d652cf13e48449b', name: "heading" }), h("button", { key: '90a06dd61b4984957ee8d1cfe9ddb77047cb3f77', type: "button", class: "panel-close", onClick: (e) => this.dsoCloseClick.emit({ originalEvent: e }) }, h("dso-icon", { key: 'd59604c9f3c0abaf0141ed46454fdab38639b176', icon: "times" }), h("span", { key: '85c267dc92cab7be37cd8b57ddfce9588a516235', class: "sr-only" }, this.closeButtonLabel || this.text("close")))), h("div", { key: 'bca38cc235d76c6de5961bc946403bf6de4d1793', class: "panel-body" }, h("slot", { key: '1c6d1db74ab769010f815a121e55d93a8776b532' }))));
     }
     get host() { return getElement(this); }
 };
@@ -1349,7 +1349,7 @@ const Table = class {
     render() {
         var _a, _b;
         const caption = (_b = (_a = this.host.querySelector(":scope > table > caption")) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
-        return (h(Host, { key: 'b605ee213f688b8c537cfe59e72b0df50a39e0a1' }, this.modalActive && this.placeholderHeight && (h("div", { key: 'df64e94143f3c62c5e8d88437526a10018080d45', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: '2ce63ecf88ad22a845dc1e4706b27257226b4a3e', class: "dso-modal-overlay" }), h("div", { key: '1496b039ce305f3f60490b38515b41debec83184', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: 'd52969e7ddfc1d778b26fd531b1a173e6c678019', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: '960167f5a8f838995068fe78e2591c800017b9fe', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: '47cedac7ab229e687632a8a36bbfcbb8b5974ba6', class: "dso-responsive-message" }, h("span", { key: 'ff154473968f48f8a9e3b7f8bbeb038e3dcdd87f' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: 'eb926c7a2ad80ea2e118900565aefd842393adc3', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: 'cf0212fc65838a8bd3b14c447b823f02d514f2cd', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: 'bc92839d1d70bd5105f19fe0e6096fd5dbf63a25' }, "vergroten"), h("dso-icon", { key: '2252097e4cf6339f7a4ca64cc1670e6f746ae94f', icon: "external-link" }))))), this.modalActive && (h("div", { key: '66b70af4b56e3881038864c1c3a47b202274a91f', class: "dso-header" }, h("h2", { key: 'a459523e6f3be909e93757751e3c033c2a9af95e', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: '34a60d53528a90e0ed0a71974c9578c7e5acd5e9', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: 'ddfb3742905d50bb67e08cb923b8ab44119565a1', icon: "times" }), h("span", { key: 'e3859b04dab0ab51a223b300a1c3818c7d880a12', class: "sr-only" }, "Sluiten")))), h("div", { key: 'b2a178bf3c9437ed61f1a70d3a28d646551b3404', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: '2765f970b788030ab15b17ab30e515dba5646348' }))))));
+        return (h(Host, { key: '597c45b1c1d9daadde1c9bc790b7ac82caf1e3e9' }, this.modalActive && this.placeholderHeight && (h("div", { key: '6528e1257071d1cc882aa6b306e4f237b456043c', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && h("div", { key: '74223087b6990b7bfad1c13c9fe6505a1cfadd11', class: "dso-modal-overlay" }), h("div", { key: '2002f85851eeb384959030ca56540605333c3048', class: { "dso-modal": this.modalActive } }, h("div", Object.assign({ key: 'b3149d97f99a51a27767111236571e3c62752ddb', class: { "dso-dialog": this.modalActive, "dso-table-dialog": true }, ref: (element) => (this.focusTrapElement = element) }, (this.modalActive ? { ["aria-labelledby"]: this.labelledbyId, role: "dialog" } : {})), (this.isResponsive || !this.noModal) && (h("div", { key: 'f8e00a412b6fcae44e39382efa095c7a1f10c814', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (h("div", { key: 'aa5ac11abd7549558f69f678fa525339432dc451', class: "dso-responsive-message" }, h("span", { key: '58dcb714e2f7cdadc33065b6d7313fb84a2e05cc' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (h("button", { key: '9cfa4c5f22968b729b1c9ed81c8e07cd9d87f71c', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, h("span", { key: 'f6463df449b32b8ccea6cd9b5458a5773a2b685e', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), h("span", { key: 'ec916917ae6428412acb48416067b0f38e46a5cc' }, "vergroten"), h("dso-icon", { key: 'aea959472bcb120dfdbb860499b6c039896e6e87', icon: "external-link" }))))), this.modalActive && (h("div", { key: 'f31f95ea093300c6a567288410912e59bb1ed125', class: "dso-header" }, h("h2", { key: 'd52fa86bc4af3fd58d58860cba019bb7aa3308dc', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), h("button", { key: '51f618cedca322f7bd8aa05e8329f9642ef89d89', type: "button", class: "dso-close", onClick: () => this.closeModal() }, h("dso-icon", { key: '5a720c5e9ce84795f48704f3764dd3ec94ead23c', icon: "times" }), h("span", { key: '5f1c813c0d339242181429ebfd8a7d99778f6212', class: "sr-only" }, "Sluiten")))), h("div", { key: '3d25249e219aaec8178a10f3488899ab795325f9', class: { "dso-body": this.modalActive, "dso-table-body": true } }, h("slot", { key: '9249deaef3c3abde5a74b8af340c110a3e905bf4' }))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;