@dso-toolkit/core 91.1.0 → 92.0.0-ghi-3567.0

package/dist/cjs/dso-info-button.cjs.entry.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var index = require('./index-Dqk4tvHL.js');
-var positionTooltip_function = require('./position-tooltip.function-CppeKAt4.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-DrN_v5w1.js');
-require('./floating-ui.dom-ClybLJQM.js');
-require('./clsx-BtxeOLZW.js');
-
-const infoButtonCss = () => `:host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.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)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}`;
-
-const InfoButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.dsoToggle = index.createEvent(this, "dsoToggle", 7);
-        /**
-         * Whether the InfoButton is active.
-         */
-        this.active = false;
-        /**
-         * The label.
-         */
-        this.label = "Toelichting bij optie";
-        /**
-         * The placement of the Toggletip on click.
-         */
-        this.toggletipPlacement = "top";
-        this.toggletipActive = false;
-        this.hasToggletip = false;
-        this.keyDownHandler = (event) => {
-            if (!this.toggletipActive)
-                return;
-            if (event.key === "Escape") {
-                this.toggletipActive = false;
-            }
-        };
-        this.focusOutHandler = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.toggletipActive = false;
-                this.toggletipElRef?.hidePopover();
-            }
-        };
-    }
-    /**
-     * To set focus to the toggle button.
-     */
-    async setFocus() {
-        this.button?.setFocus?.();
-    }
-    handleToggle(originalEvent) {
-        if (this.hasToggletip) {
-            this.toggletipActive = !this.toggletipActive;
-        }
-        else {
-            this.dsoToggle.emit({ originalEvent, active: !this.active });
-        }
-    }
-    cleanupTooltip() {
-        this.cleanUp?.();
-        this.cleanUp = undefined;
-    }
-    componentDidRender() {
-        if (!this.hasToggletip) {
-            this.toggletipElRef?.hidePopover();
-            this.cleanupTooltip();
-            return;
-        }
-        if (!this.cleanUp && this.toggletipActive && this.button && this.toggletipElRef && this.toggletipArrowElRef) {
-            this.cleanUp = positionTooltip_function.positionTooltip({
-                referenceElement: this.button,
-                tipRef: this.toggletipElRef,
-                tipArrowRef: this.toggletipArrowElRef,
-                placementTip: this.toggletipPlacement,
-                restrictContentElement: this.restrictContentElement,
-            });
-        }
-        if (this.cleanUp) {
-            if (this.toggletipActive) {
-                this.toggletipElRef?.showPopover();
-            }
-            else {
-                this.toggletipElRef?.hidePopover();
-                this.cleanupTooltip();
-            }
-        }
-    }
-    connectedCallback() {
-        this.mutationObserver = new MutationObserver(() => {
-            this.hasToggletip = !!this.host.querySelector("[slot='toggletip']");
-        });
-        this.mutationObserver.observe(this.host, {
-            childList: true,
-            attributes: true,
-        });
-    }
-    disconnectedCallback() {
-        this.cleanupTooltip();
-        this.mutationObserver?.disconnect();
-        delete this.mutationObserver;
-    }
-    render() {
-        return (index.h(index.Host, { key: '356a1719f7fb83726a476115502201192d21aaff', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, index.h("dso-icon-button", { key: '776b7f97504cc648d1501ceb02afb2a2fe5a6609', variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-solid" : "info-outline", ref: (element) => (this.button = element) }), this.hasToggletip && (index.h(tooltip_functionalComponent.Tooltip, { key: '76ec0ba354130e8c2b279fb0504aedd33e73f5df', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, index.h("dso-scrollable", { key: 'bf5af80a8b6d4ba31f64b27babff03a8792d7c92', ref: (element) => (this.restrictContentElement = element) }, index.h("slot", { key: 'b344f9780ed70503716ef4dd009e431d05cbec90', name: "toggletip" }))))));
-    }
-    get host() { return index.getElement(this); }
-};
-InfoButton.style = infoButtonCss();
-
-exports.dso_info_button = InfoButton;

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

@@ -1,58 +0,0 @@
-'use strict';
-
-var index = require('./index-Dqk4tvHL.js');
-
-const toggletipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}`;
-
-const Toggletip = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.active = false;
-        /**
-         * Toggletip label.
-         */
-        this.label = "Toelichting";
-        /**
-         * Toggletip position.
-         */
-        this.position = "right";
-        this.click = () => {
-            if (this.active) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        this.open = () => {
-            this.active = true;
-            this.host.addEventListener("keydown", this.keyDownListener);
-            this.host.addEventListener("focusout", this.focusOutListener);
-        };
-        this.close = () => {
-            this.host.removeEventListener("focusout", this.focusOutListener);
-            this.host.removeEventListener("keydown", this.keyDownListener);
-            this.active = false;
-        };
-        this.focusOutListener = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.close();
-            }
-        };
-        this.keyDownListener = (event) => {
-            if (!event.defaultPrevented && event.key === "Escape") {
-                this.close();
-                this.infoButton?.setFocus();
-                event.preventDefault();
-            }
-            return;
-        };
-    }
-    render() {
-        return (index.h(index.Fragment, { key: '298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4' }, index.h("dso-info-button", { key: 'd3e1e3e364bf43b0deef9bd29e5ad30951df9077', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, ref: (element) => (this.infoButton = element) }), index.h("dso-tooltip", { key: '8477c00365c100ed94c724be6468941eba14b00b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, index.h("slot", { key: '211b1ec1950140bd080992dda22734d4c64f570d' }))));
-    }
-    get host() { return index.getElement(this); }
-};
-Toggletip.style = toggletipCss();
-
-exports.dso_toggletip = Toggletip;

package/dist/cjs/tooltip.functional-component-DrN_v5w1.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var index = require('./index-Dqk4tvHL.js');
-var clsx = require('./clsx-BtxeOLZW.js');
-
-const Tooltip = ({ visible, onAfterHidden, tipElementRef, tipArrowElementRef }, children) => (index.h("div", { popover: "manual", class: clsx.clsx(["dso-tooltip", { visible }]), ref: tipElementRef, onTransitionEnd: (e) => {
-        e.stopPropagation();
-        if (e.propertyName === "opacity" && !visible) {
-            onAfterHidden?.();
-        }
-    } }, index.h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), index.h("div", { class: "tooltip-inner" }, children)));
-
-exports.Tooltip = Tooltip;

package/dist/collection/components/toggletip/toggletip.css

@@ -1,17 +0,0 @@
-*,
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-:host {
-  display: inline-block;
-  --tooltip-margin-block-start: 0;
-  --tooltip-margin-inline-start: 3px;
-  --tooltip-margin-inline-end: units.$u1 * -1 !important;
-}
-
-:host(:focus) {
-  outline: none;
-  z-index: 410;
-}

package/dist/collection/components/toggletip/toggletip.js

@@ -1,136 +0,0 @@
-import { Fragment, h } from "@stencil/core";
-export class Toggletip {
-    constructor() {
-        this.active = false;
-        /**
-         * Toggletip label.
-         */
-        this.label = "Toelichting";
-        /**
-         * Toggletip position.
-         */
-        this.position = "right";
-        this.click = () => {
-            if (this.active) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        this.open = () => {
-            this.active = true;
-            this.host.addEventListener("keydown", this.keyDownListener);
-            this.host.addEventListener("focusout", this.focusOutListener);
-        };
-        this.close = () => {
-            this.host.removeEventListener("focusout", this.focusOutListener);
-            this.host.removeEventListener("keydown", this.keyDownListener);
-            this.active = false;
-        };
-        this.focusOutListener = (event) => {
-            if (!this.host.contains(event.relatedTarget)) {
-                this.close();
-            }
-        };
-        this.keyDownListener = (event) => {
-            if (!event.defaultPrevented && event.key === "Escape") {
-                this.close();
-                this.infoButton?.setFocus();
-                event.preventDefault();
-            }
-            return;
-        };
-    }
-    render() {
-        return (h(Fragment, { key: '298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4' }, h("dso-info-button", { key: 'd3e1e3e364bf43b0deef9bd29e5ad30951df9077', "aria-describedby": "toggle", onClick: this.click, label: this.label, active: this.active, ref: (element) => (this.infoButton = element) }), h("dso-tooltip", { key: '8477c00365c100ed94c724be6468941eba14b00b', stateless: true, descriptive: true, id: "toggle", strategy: "absolute", active: this.active, position: this.position, small: this.small }, h("slot", { key: '211b1ec1950140bd080992dda22734d4c64f570d' }))));
-    }
-    static get is() { return "dso-toggletip"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["toggletip.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["toggletip.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Toggletip label."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "\"Toelichting\""
-            },
-            "position": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Placement",
-                    "resolved": "\"auto\" | \"auto-end\" | \"auto-start\" | \"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "Placement": {
-                            "location": "import",
-                            "path": "@popperjs/core",
-                            "id": "../../node_modules/@popperjs/core/index.d.ts::Placement",
-                            "referenceLocation": "Placement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Toggletip position."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "position",
-                "defaultValue": "\"right\""
-            },
-            "small": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Set to true for small Toggletip."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "small"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "active": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-}

package/dist/components/dso-toggletip.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DsoToggletip extends Components.DsoToggletip, HTMLElement {}
-export const DsoToggletip: {
-    prototype: DsoToggletip;
-    new (): DsoToggletip;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/dso-toggletip.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as s,h as o,Fragment as i,transformTag as e}from"@stencil/core/internal/client";import{d as n}from"./icon.js";import{d as l}from"./icon-button.js";import{d as c}from"./info-button.js";import{d as r}from"./scrollable.js";import{d as a}from"./tooltip.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.label="Toelichting",this.position="right",this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{t.defaultPrevented||"Escape"!==t.key||(this.close(),this.infoButton?.setFocus(),t.preventDefault())}}render(){return o(i,{key:"298a0e9bd310f496f3dd8983fc67d3b71bb1a0a4"},o("dso-info-button",{key:"d3e1e3e364bf43b0deef9bd29e5ad30951df9077","aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,ref:t=>this.infoButton=t}),o("dso-tooltip",{key:"8477c00365c100ed94c724be6468941eba14b00b",stateless:!0,descriptive:!0,id:"toggle",strategy:"absolute",active:this.active,position:this.position,small:this.small},o("slot",{key:"211b1ec1950140bd080992dda22734d4c64f570d"})))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;--tooltip-margin-block-start:0;--tooltip-margin-inline-start:3px;--tooltip-margin-inline-end:units.$u1 * -1 !important}:host(:focus){outline:none;z-index:410}"}},[257,"dso-toggletip",{label:[1],position:[1],small:[4],active:[32]}]),h=d,b=function(){"undefined"!=typeof customElements&&["dso-toggletip","dso-icon","dso-icon-button","dso-info-button","dso-scrollable","dso-tooltip"].forEach((t=>{switch(t){case"dso-toggletip":customElements.get(e(t))||customElements.define(e(t),d);break;case"dso-icon":customElements.get(e(t))||n();break;case"dso-icon-button":customElements.get(e(t))||l();break;case"dso-info-button":customElements.get(e(t))||c();break;case"dso-scrollable":customElements.get(e(t))||r();break;case"dso-tooltip":customElements.get(e(t))||a()}}))};export{h as DsoToggletip,b as defineCustomElement}

package/dist/dso-toolkit/p-0860136b.entry.js

@@ -1 +0,0 @@
-import{r as e,d as s,h as t,F as o,f as l,g as c}from"./p-BIfnbekk.js";const a=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7)}render(){return t(o,{key:"3dcb0b7964995734a527775251fac2c0dac5a62f"},t("slot",{key:"b6217bab04d44d36de11b0876a07825253303100"}),!this.fixed&&t("dso-icon-button",{key:"9c5ca20d382ed5f02215e4a0c54cf7f7939aef5f",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};function i(){return Math.random().toString(16).slice(-4)}a.style=':host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.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)}';const d=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${i()}${i()}-${i()}-${i()}-${i()}-${i()}${i()}${i()}`,this.handleOnChange=e=>{const{target:s}=e;this.dsoChange.emit({originalEvent:e,checked:s instanceof HTMLInputElement&&s.checked}),l(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>l(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]');return t(o,{key:"5cd49b6d73c67ca5a19131f7900712a926631eaa"},t("div",{key:"65bdd25543b5b3383a57f680f547ab78cb9a9548",class:"dso-selectable-container"},t("div",{key:"de61bd1fe932d5e72f34c22d16183e6b49909847",class:"dso-selectable-input-wrapper"},t("input",{key:"4f9df6dcb738e1055a8668c4671a8fda99acbb28",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":e&&this.infoFixed?this.describedById:void 0,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),t("label",this.labelledById?null:{htmlFor:this.getIdentifier()},t("slot",null))),e&&!this.infoFixed&&t("dso-info-button",{key:"791816cb04231553b239d5b1840e08f91f700608",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&t("dso-info",{key:"69d9db6af62339ae2a2ec961870fb95201ec90cc",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",{key:"6a60c69f6417e8e941b9915e60f1610d643f6862"},t("slot",{key:"368cf0ed5ccd9505e66897c841f2f24afd0a9569",name:"info"}))),t("slot",{key:"57418769445760d55fda35a8a51c9a2fce77c33b",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}};d.style='.sc-dso-selectable-h{padding-inline-start:var(--_dt-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dt-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dt-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}';export{a as dso_info,d as dso_selectable}

package/dist/dso-toolkit/p-0d157ae7.entry.js

@@ -1 +0,0 @@
-import{r as i,d as t,h as o,a as s,g as e}from"./p-BIfnbekk.js";import{p as r}from"./p-BaoXsbsy.js";import{T as n}from"./p-BuFNkQa2.js";import"./p-zRaH89Qj.js";import"./p-ChV9xqsO.js";const a=class{constructor(o){i(this,o),this.dsoToggle=t(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.keyDownHandler=i=>{this.toggletipActive&&"Escape"===i.key&&(this.toggletipActive=!1)},this.focusOutHandler=i=>{this.host.contains(i.relatedTarget)||(this.toggletipActive=!1,this.toggletipElRef?.hidePopover())}}async setFocus(){this.button?.setFocus?.()}handleToggle(i){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:i,active:!this.active})}cleanupTooltip(){this.cleanUp?.(),this.cleanUp=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanupTooltip();!this.cleanUp&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUp=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUp&&(this.toggletipActive?this.toggletipElRef?.showPopover():(this.toggletipElRef?.hidePopover(),this.cleanupTooltip()))}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.cleanupTooltip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return o(s,{key:"356a1719f7fb83726a476115502201192d21aaff",onKeydown:this.keyDownHandler,onFocusout:this.focusOutHandler},o("dso-icon-button",{key:"776b7f97504cc648d1501ceb02afb2a2fe5a6609",variant:"tertiary",label:this.label,onDsoClick:i=>this.handleToggle(i.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:i=>this.button=i}),this.hasToggletip&&o(n,{key:"76ec0ba354130e8c2b279fb0504aedd33e73f5df",tipElementRef:i=>this.toggletipElRef=i,tipArrowElementRef:i=>this.toggletipArrowElRef=i,visible:this.toggletipActive},o("dso-scrollable",{key:"bf5af80a8b6d4ba31f64b27babff03a8792d7c92",ref:i=>this.restrictContentElement=i},o("slot",{key:"b344f9780ed70503716ef4dd009e431d05cbec90",name:"toggletip"}))))}get host(){return e(this)}};a.style=":host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.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)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}";export{a as dso_info_button}

package/dist/dso-toolkit/p-0f876c0a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,F as a}from"./p-BIfnbekk.js";const d=class{constructor(t){e(this,t)}render(){return t(a,{key:"eeef5c5a39420c43ed20880de22b059bbaee5666"},t("div",{key:"ed73f53443743796a94f4af27b2b0f38bcd0092d",class:"project-item-header"},t("div",{key:"ee5f81658e3a906ac69d13b9330a0194a5555d90",class:"project-item-title"},t("slot",{key:"7f73e7f7ce9e880d2e3a3d2026812e0c68c0e8ed",name:"title"}),this.label&&t("dso-label",{key:"c02c0d6f38f04be85c400afd03fab500b54cea19",status:"error",compact:!0},this.label)),t("div",{key:"389dfe7e623c879a8113b8027013c3ccc07a2180",class:"project-item-actions"},t("slot",{key:"4eced83c4666e09667e41b3e9671a5dbdadc4402",name:"actions"}))),t("div",{key:"7055ab88ae53e64b8a6cbf46cb1225ff580159d1",class:"project-item-info"},t("div",{key:"d34b86eeb0909c16d18390887753e4ec0ea8fe76",class:"project-item-progress"},t("slot",{key:"2be36487a7cc35124a606703191a056fe3d169ed",name:"progress"})),t("div",{key:"57cd457d6d260e84da557990d1a5128e9b0cf5ce",class:"project-item-status"},t("slot",{key:"f46e34c04f52c9f34eb96aea15b64b06fe758921",name:"status"}))))}};d.style=":host{display:block;padding:16px;border:1px solid #ccc;border-radius:4px}*,*::after,*::before{box-sizing:border-box}::slotted(dl[slot=progress]),::slotted(dl[slot=status]){--_dt-dl-margin-block-end:0;--_dt-dl-before-display:none;--_dt-dl-dt-font-weight:normal;--_dt-dl-dd-margin-block-start:0;--_dt-dl-dd-margin-inline-start:8px;--_dt-dl-dd-padding-inline-start:0;--_dt-dl-dt-inline-size:auto;--_dt-dl-dd-last-margin-block-end:0;--_dt-mark-bg-color:none;--_dt-mark-padding-block:0;--_dt-mark-color:inherit;--_dt-mark-font-weight:600;display:flex !important;flex-wrap:wrap;column-gap:16px}::slotted([slot=status]){--_dt-dl-font-size:0.875rem}::slotted([slot=title]){margin-block:0 !important;font-size:1.25rem !important}::slotted([slot=actions]){display:flex}.project-item-header{display:flex;gap:16px;flex-wrap:nowrap;align-items:flex-start;margin-block-end:16px}.project-item-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-grow:1}.project-item-actions{display:flex;flex-shrink:0;flex-wrap:nowrap}.project-item-info{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-end}";export{d as dso_project_item}