npm - @dso-toolkit/core - Versions diffs - 65.0.2 → 65.1.0 - Mend

@dso-toolkit/core 65.0.2 → 65.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/dist/cjs/dso-alert_6.cjs.entry.js CHANGED Viewed

@@ -1231,7 +1231,7 @@ const OzonContent = class {
 };
 OzonContent.style = DsoOzonContentStyle0;
-const panelCss = ":host{display:block;border:1px solid #a8bcaf;border-radius:4px}*,*::after,*::before{box-sizing:border-box}.panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding-block:8px;padding-inline:16px 8px;border-block-end:1px solid #a8bcaf;border-start-start-radius:4px;border-start-end-radius:4px;background-color:#e9eeeb;color:#275937}.panel-heading .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=heading]){margin:0 !important;font-size:1rem !important;font-weight:600 !important;line-height:1.5 !important}.panel-close{display:inline-block;inline-size:24px;aspect-ratio:1/1;padding:0;border:0;background-color:transparent;color:#275937;cursor:pointer}.panel-body{padding-block:16px;padding-inline:16px}";
+const panelCss = ":host{display:block;border:1px solid #b2b2b2;border-radius:4px;overflow:hidden}*,*::after,*::before{box-sizing:border-box}.panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding-block:8px;padding-inline:16px 8px;border-block-end:1px solid #b2b2b2;border-start-start-radius:4px;border-start-end-radius:4px;background-color:#e5e5e5}.panel-heading .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=heading]){margin:0 !important;font-size:1rem !important;font-weight:600 !important;line-height:1.5 !important;color:#000 !important}.panel-close{display:inline-block;inline-size:24px;aspect-ratio:1/1;padding:0;border:0;background-color:transparent;color:#000;cursor:pointer}.panel-body{padding-block:16px;padding-inline:16px;background-color:var(--_dso-panel-body-background-color, transparent)}";
 const DsoPanelStyle0 = panelCss;
 const Panel = class {
@@ -1277,7 +1277,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 (index.h(index.Host, { key: '72635aa7a0e69c5aaba5d8818d4cf62722f4d730' }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '661735ad5d092ce7abfebca3d9ecab571cbb667c', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && index.h("div", { key: '00fb6d4496cabe0e0614630440d741e6b277b734', class: "dso-modal-overlay" }), index.h("div", { key: 'efcf1cf01e0d826bfd1ca59ed1b64518b9a3d2cf', class: { "dso-modal": this.modalActive } }, index.h("div", Object.assign({ key: '485a98cdddd01b8975f0967b4efc3b71f7b94979', 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) && (index.h("div", { key: '0d0db83cdae29e609aca0047473ba3b209522cf6', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (index.h("div", { key: '5392a5016adf8dffc44b513142d5a1aebc2cb51b', class: "dso-responsive-message" }, index.h("span", { key: '00d8a2c83a3e75700f454f446bcf1aed3d3f5024' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { key: '6b7eaf6b69966dfd468ca9eaad10c7c3b8a95d1c', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, index.h("span", { key: '5d6bb7e0b1bc9f409529ddd1f2db88e0528a0951', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", { key: 'f316e9cf2d53ce38daf9c444c876e5c7cf01fdcc' }, "vergroten"), index.h("dso-icon", { key: '347b3aeb40a7dc074f95c70a90c42e329239f348', icon: "external-link" }))))), this.modalActive && (index.h("div", { key: 'd26f367ffa7b39e840c1fd071e7262d6dfa606ef', class: "dso-header" }, index.h("h2", { key: '965cdd0b891b2ae8d5888e920b9e8d3e5da24c7a', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("button", { key: '0952fbb314ec2457d9508f285dad1e323ab15c39', type: "button", class: "dso-close", onClick: () => this.closeModal() }, index.h("dso-icon", { key: 'd8d5ec0de5eedd1f17a2ba6ac7765a59e90f831c', icon: "times" }), index.h("span", { key: '02d4fd9da8af57960e68a32f82fa30f475d1e87f', class: "sr-only" }, "Sluiten")))), index.h("div", { key: 'cae5e1e2daa69351b1f4f157382fa2102fa24657', class: { "dso-body": this.modalActive, "dso-table-body": true } }, index.h("slot", { key: '3bb8855a6ea597457abdf28d146c9dc61c8bab6f' }))))));
+        return (index.h(index.Host, { key: '9d704962dabfbfc2f6b5fb03f39308cafcca26f5' }, this.modalActive && this.placeholderHeight && (index.h("div", { key: '66ffc5afd992a483bdf8e35f7e23998390a69349', class: "dso-table-placeholder", style: { height: `${this.placeholderHeight}px` } })), this.modalActive && index.h("div", { key: 'c9faba997c9e8d53de98ec54fc60a45f7b0cac96', class: "dso-modal-overlay" }), index.h("div", { key: 'b46e4e674c42bee4ae7a29a54f9abd6953c0a431', class: { "dso-modal": this.modalActive } }, index.h("div", Object.assign({ key: '3460cdb1eb800f9c3c4831af4e308b09d0a4eff4', 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) && (index.h("div", { key: 'd974300ad1b5b3cb95fed487e16c9a4393df1cf1', class: "dso-table-utilities", style: this.modalActive ? { display: "none" } : undefined }, this.isResponsive && (index.h("div", { key: '3d2b4f1543a3a679bc89af264e8ba6595cdb5007', class: "dso-responsive-message" }, index.h("span", { key: '43c67223ab2278ca62c9a211b69fb2bf4afd1b36' }, "beweeg de tabel van links naar rechts"))), !this.noModal && (index.h("button", { key: '070325e7067fd315869d8c9c6ef894a349b8ab2e', type: "button", class: "dso-tertiary open-modal-button", ref: (element) => (this.buttonElement = element), onClick: () => this.openModal() }, index.h("span", { key: '13a7fc23002a0ff05ebd7a532374abccdc6b9469', class: "sr-only" }, "tabel ", caption !== null && caption !== void 0 ? caption : "", " "), index.h("span", { key: '22f8c76a6e90e6fde873fe47a52fe71aab1b7d2e' }, "vergroten"), index.h("dso-icon", { key: 'a659de2b09136dfedf57fa08b8b8630e6c045c8a', icon: "external-link" }))))), this.modalActive && (index.h("div", { key: '5b52327246fa609dbb0ce1be9bbd431868222b0b', class: "dso-header" }, index.h("h2", { key: '423436a49c1e13b3feb1f114950a45f5e56bedbf', id: this.labelledbyId, class: { "sr-only": !caption } }, caption || "Uitvergrote tabel dialoog"), index.h("button", { key: 'eb0275bfd71f19f59fe52028ff6e84f872820d67', type: "button", class: "dso-close", onClick: () => this.closeModal() }, index.h("dso-icon", { key: 'a61eccf00ced51abe8bbca0f3205bee6b8dcd5f2', icon: "times" }), index.h("span", { key: 'a5d0e8406001f5375c60172483713a57205f96f8', class: "sr-only" }, "Sluiten")))), index.h("div", { key: '07f129777aaa357705ce5d7a543e14d471e8842d', class: { "dso-body": this.modalActive, "dso-table-body": true } }, index.h("slot", { key: '47281cb7a441dd9467b0aa0ae9b1a87cc75ab35f' }))))));
     }
     openModal() {
         this.placeholderHeight = this.host.clientHeight;