@dso-toolkit/core 62.28.0 → 62.30.0

package/dist/cjs/dso-accordion-section.cjs.entry.js

@@ -170,12 +170,12 @@ const AccordionSection = class {
         var _a;
         const { variant, reverseAlign } = (_a = this.accordionState) !== null && _a !== void 0 ? _a : {};
         const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
-        return (index.h(index.Host, { key: 'bb2ed90d426b9a5e64024f49286757f125eb1a84', class: {
+        return (index.h(index.Host, { key: '3133dd0868b0211136909091e056cfb54568482e', class: {
                 "dso-accordion-section": true,
                 ["dso-accordion-" + variant]: true,
                 "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
                 "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
-            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h(Handle, { key: 'dab26c8dc0994c6735a5c1dc718a520d580c7b53', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, index.h(HandleElement, { key: '95694c9be44d7c6cd9d7c0ad17f7fe234008f7dc', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (index.h(index.Fragment, null, hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, index.h(HandleIcon, { icon: this.icon }))), index.h("span", null, this.handleTitle), this.badgeMessage && index.h("dso-badge", { status: this.badgeStatus }, this.badgeMessage), index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (index.h(index.Fragment, null, index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && index.h("span", { class: "sr-only" }, stateMap[this.status]), index.h("span", null, this.handleTitle, this.isNeutral && (index.h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), this.badgeMessage && index.h("dso-badge", { status: this.badgeStatus }, this.badgeMessage), hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), index.h("dso-expandable", { key: '641a2a58e61b2b23c8bf8de4977d8b74e997cc6d', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, index.h("div", { key: '7e58a976e58482227bb39e6662933b0d5e2d45a0', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, index.h("slot", { key: '4bf440484e9e086430b3d7f4d55772b46d4b0e40' })))));
+            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, index.h(Handle, { key: '54eb91544a496d8458693f30dac296ac93643437', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, index.h(HandleElement, { key: '7d5d7221bba4f19532863ed1e87dd85e297b6101', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (index.h(index.Fragment, null, hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, index.h(HandleIcon, { icon: this.icon }))), index.h("span", null, this.handleTitle), this.badgeMessage && index.h("dso-badge", { status: this.badgeStatus }, this.badgeMessage), index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (index.h(index.Fragment, null, index.h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && index.h("span", { class: "sr-only" }, stateMap[this.status]), index.h("span", null, this.handleTitle, this.isNeutral && (index.h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-active" : "info" }))), this.badgeMessage && index.h("dso-badge", { status: this.badgeStatus }, this.badgeMessage), hasAddons && (index.h("div", { class: "dso-section-handle-addons" }, this.statusDescription && index.h("span", { class: "dso-status" }, this.statusDescription), index.h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), index.h("dso-expandable", { key: '77b23a787bfa12a62b10793207ccfe002fdf75c4', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, index.h("div", { key: 'dbf0bdeabdd88dc27ccd1c840c5629ce96b7d1f6', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, index.h("slot", { key: '1c3bed92ff7ff6c910c311007a0126aed85660d7' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-accordion.cjs.entry.js

@@ -223,7 +223,7 @@ const Accordion = class {
         this.accordionState = state;
     }
     render() {
-        return (index.h(index.Host, { key: 'ff5ce15d5c8f250a00fd32179023c5640fcdaa60', class: "dso-accordion" }, index.h("slot", { key: '4d8471b5d095ccfb38184cba1c1dab7f958638aa' })));
+        return (index.h(index.Host, { key: 'b15aa4c4b93922e2416f82ce24cadf8e7116d70b', class: "dso-accordion" }, index.h("slot", { key: '84f62dd6f77fc6418278aed71d9f42eefecbe42c' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dso-action-list-item.cjs.entry.js

@@ -17,10 +17,10 @@ const ActionListItem = class {
         this.divider = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e8990e05c76ad77722c3077377a14b8595359cf1', class: {
+        return (index.h(index.Host, { key: '0e0564d96c59c2c5eeaca5e6ee45ed971f03de8f', class: {
                 divider: this.divider,
                 "flow-line": this.flowLine,
-            } }, index.h("div", { key: 'f1f9bc9160d015bec044d56f6f9d4bdc8cfcb6c0', class: "dso-action-list-item" }, this.warning ? index.h("dso-icon", { icon: "status-warning" }) : index.h("div", { class: "dso-step-counter" }, this.step), index.h("div", { key: '4fccf3d1ae0fc47154ee934ed6e5fb067b5ff059', class: "action-list-item-content" }, this.itemTitle && index.h("h3", { key: '284707c09c1452c332353c2ac04f519ccc8fc409' }, this.itemTitle), index.h("slot", { key: 'd90f788cdbde8734a8130731808a2cb04495faa2' })))));
+            } }, index.h("div", { key: 'c79d2842dbc69454dfa625840742257cf13ede2a', class: "dso-action-list-item" }, this.warning ? index.h("dso-icon", { icon: "status-warning" }) : index.h("div", { class: "dso-step-counter" }, this.step), index.h("div", { key: '857ebcbc0287c99b59c83a7582d5ac535f0323f2', class: "action-list-item-content" }, this.itemTitle && index.h("h3", { key: '14631efd1e202ae014e835e4d624a6ecadcc3650' }, this.itemTitle), index.h("slot", { key: 'bc16fb1dd0f7f02b0a594756790eb95076e09950' })))));
     }
 };
 ActionListItem.style = DsoActionListItemStyle0;

package/dist/cjs/dso-action-list.cjs.entry.js

@@ -13,7 +13,7 @@ const ActionList = class {
         this.listTitle = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ccfbfad51860c767b58f0d1c5f8c41beac645353' }, index.h("h2", { key: 'dee9b4b9b262637e1c4a944df6f26ec984d6d4ae' }, this.listTitle), index.h("div", { key: '2d725e445a201bf47ccb837e4251aae65bfc0ba2', class: "dso-action-list-content" }, index.h("slot", { key: '9947aab99743404054b4c5f678da57813462f9e0' }))));
+        return (index.h(index.Host, { key: '92c5b4fb4d10541ded9dc45da37e20d67fbf3361' }, index.h("h2", { key: 'd4cffb771949ce42047c5f7539820a91697bcbe8' }, this.listTitle), index.h("div", { key: '2e90dd6b0f73447fbac79f604d35007e7b70bdcb', class: "dso-action-list-content" }, index.h("slot", { key: '8a1f73818b59e8d863be019eb47b47c45b25b94b' }))));
     }
 };
 ActionList.style = DsoActionListStyle0;

package/dist/cjs/dso-advanced-select.cjs.entry.js

@@ -83,12 +83,12 @@ const AdvancedSelect = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Fragment, null, index.h("button", { key: '2ce96f0601a2389cb6c5b6ef2c498e47df3281bf', "aria-expanded": this.open.toString(), class: clsx.clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, index.h(ActiveGroupLabel, { key: 'db69d2251bcc1ba4eb321a0dc438ef6da78e51d1', active: this.active, options: this.options }), index.h("span", { key: 'c409b29582ae28c06435b1b847ded96678dfb83a', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), index.h("span", { key: '4f6bb9f7a0a4b5b2ef5903ca9b06500c5160e3d2', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (index.h("span", { key: '6318ffbdab47a2c2af54b63559afab11a455fce1', class: "badges" }, this.options
+        return (index.h(index.Fragment, null, index.h("button", { key: 'd8f36c29b0b672c6a452e5155051cce056b1e2d5', "aria-expanded": this.open.toString(), class: clsx.clsx(["active-option", { open: this.open }]), type: "button", onClick: this.toggleOpen, ref: (element) => (this.toggleButtonElementRef = element) }, index.h(ActiveGroupLabel, { key: 'a0703de7a21300593459f7b10fee06578e713980', active: this.active, options: this.options }), index.h("span", { key: 'ea4cbd5b435d45c5b0b882aef6b3d94e4ef1294b', class: "active-option-label" }, (_b = (_a = this.active) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "Selecteer een optie"), index.h("span", { key: 'a730975583240315c6ff3b497ff826a7fb26d72c', class: "active-option-aside" }, this.options.some((optionOrGroup) => "summaryCounter" in optionOrGroup && (optionOrGroup === null || optionOrGroup === void 0 ? void 0 : optionOrGroup.summaryCounter)) && (index.h("span", { key: 'be828c7d63bcf7ad558d73c9a63a6959291e7e35', class: "badges" }, this.options
             .filter((option) => "options" in option && "summaryCounter" in option && !!(option === null || option === void 0 ? void 0 : option.summaryCounter))
             .map((group) => {
             var _a;
             return (index.h("dso-badge", { status: (_a = group.variant) !== null && _a !== void 0 ? _a : "outline" }, group.options.length));
-        }))), index.h("dso-icon", { key: 'd318272d7fbd4a517d2833528164cc3e6212cce6', icon: "caret-down" }))), this.open && (index.h("div", { key: '5fd58e337194ea6a8c2744577d6ee8099289fe40', class: "groups-container" }, index.h("ul", { key: 'da2b62d8bca19b31cb60eeaa5c420efaa0e066b3', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (index.h("li", { class: clsx.clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("ul", { class: "options" }, optionOrGroup.options.map((option) => (index.h("li", null, index.h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
+        }))), index.h("dso-icon", { key: '00841497bf4add450d4af804d1a4b8f230bb9493', icon: "caret-down" }))), this.open && (index.h("div", { key: '273b3774739887dec8044a2e7d0dcf91e614cfc6', class: "groups-container" }, index.h("ul", { key: 'c0390038db176969dd54e370e6c6554597f388e3', class: "groups" }, this.options.map((optionOrGroup) => ("options" in optionOrGroup && (index.h("li", { class: clsx.clsx(["group", { [`group-${optionOrGroup.variant}`]: !!optionOrGroup.variant }]) }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("ul", { class: "options" }, optionOrGroup.options.map((option) => (index.h("li", null, index.h(OptionButton, { option: option, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick }))))), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) ||
             ("placeholder" in optionOrGroup && (index.h("li", { class: "group" }, index.h("p", { class: "group-label" }, optionOrGroup.label), index.h("p", { class: "placeholder" }, optionOrGroup.placeholder), optionOrGroup.redirect && (index.h(RedirectAnchor, { redirect: optionOrGroup.redirect, callback: this.handleRedirectClick }))))) || (index.h("li", null, index.h(OptionButton, { option: optionOrGroup, active: this.active, activeHint: this.activeHint, callback: this.handleOptionClick })))))))));
     }
     get host() { return index.getElement(this); }