@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/components/dso-onboarding-tip.js

@@ -1,142 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, transformTag } from '@stencil/core/internal/client';
-import { p as positionTooltip } from './tooltip.functional-component.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './icon-button.js';
-
-const onboardingTipCss = () => `*,*::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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_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}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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#email-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}`;
-
-const OnboardingTip = /*@__PURE__*/ proxyCustomElement(class OnboardingTip extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoClose = createEvent(this, "dsoClose", 7);
-        /**
-         * Where to place the Onboarding Tip relative to its reference element.
-         */
-        this.placement = "right";
-        this.ready = false;
-        this.popoverOpen = false;
-        this.blockEscapeKey = (e) => {
-            if (e.key === "Escape") {
-                e.preventDefault();
-                this.dsoClose.emit({ originalEvent: e });
-            }
-        };
-    }
-    connectedCallback() {
-        this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
-        this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true, characterData: true });
-    }
-    componentDidRender() {
-        var _a;
-        if (!this.host.isConnected) {
-            return;
-        }
-        if (!this.popoverOpen) {
-            this.host.showPopover();
-            this.popoverOpen = true;
-            const onboardingTipElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".onboarding-tip");
-            if (this.hasOnboardingTipElement(onboardingTipElement)) {
-                OnboardingTip.setFocus(onboardingTipElement);
-            }
-        }
-        if (!this.cleanUp && this.referenceElement && this.tipArrowRef instanceof HTMLElement) {
-            this.cleanUp = positionTooltip({
-                referenceElement: this.referenceElement,
-                tipRef: this.host,
-                tipArrowRef: this.tipArrowRef,
-                placementTip: `${this.placement}-start`,
-                topPositionSmallViewPort: true,
-                halfMainAxisOffset: true,
-            });
-        }
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        delete this.mutationObserver;
-        if (this.popoverOpen) {
-            this.host.hidePopover();
-            this.popoverOpen = false;
-        }
-        (_b = this.cleanUp) === null || _b === void 0 ? void 0 : _b.call(this);
-        this.cleanUp = undefined;
-    }
-    /**
-     * Set focus on the onboarding tip element and reset tabIndex for accessibility.
-     */
-    static setFocus(target) {
-        if (target) {
-            target.focus();
-        }
-    }
-    hasOnboardingTipElement(element) {
-        return element instanceof HTMLElement;
-    }
-    render() {
-        var _a;
-        const ariaLabel = (_a = this.headingSlottedElement) === null || _a === void 0 ? void 0 : _a.textContent;
-        return (h(Host, { key: 'ba1ed241b302472bafaed024d8cb2a3b134385bb', popover: "manual", ready: this.ready, onAnimationend: () => (this.ready = true) }, h("div", { key: 'd581bb62c69a607e9479229acaf3d200f8dfe9d5', role: "dialog", class: "onboarding-tip", "aria-label": ariaLabel, onKeyDown: this.blockEscapeKey, tabindex: -1 }, h("div", { key: 'f0c1ede7f35ddc4c83568f2db09d3851c5b2009a', class: "onboarding-tip-inner" }, h("div", { key: '99fc959506a0b53b6bffa8a4f61b65876cd4e573', class: "onboarding-tip-content-wrapper" }, this.headingSlottedElement !== null && (h("div", { key: '80be7f0ad09b9996cbcd8eec98540decbd8c0786', class: "onboarding-tip-content-heading" }, h("dso-icon", { key: '43bd3c7b0b0dad949985196a4a559c5ef69b7eec', icon: "light-bulb" }), h("slot", { key: '88efb37ba1d8caf1678c8deef81c7739d679c9a8', name: "heading" }))), h("dso-icon-button", { key: '26127795159df1998162f0c31b654e1e6ea69636', class: "dso-close", label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }), h("slot", { key: '8b002f540fcd38133d96e816fd006e6b5abfc1e9' }))), h("div", { key: '7f43f0af10b8d4af2e364961423d75bbe56b395d', class: "onboarding-tip-arrow", ref: (ref) => (this.tipArrowRef = ref) }))));
-    }
-    get headingSlottedElement() {
-        return this.host.querySelector("[slot='heading']");
-    }
-    get referenceElement() {
-        const id = this.host.id;
-        if (!id) {
-            console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");
-            return;
-        }
-        const rootNode = this.host.getRootNode();
-        if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot)) {
-            console.warn(`rootNode is not instance of Document or ShadowRoot`);
-            return;
-        }
-        const reference = rootNode.querySelector(`[aria-describedby="${id}"]`);
-        if (!reference) {
-            console.warn(`Unable to find reference element with aria-describedby ${id}`);
-            return;
-        }
-        return reference;
-    }
-    get host() { return this; }
-    static get style() { return onboardingTipCss(); }
-}, [257, "dso-onboarding-tip", {
-        "placement": [1],
-        "ready": [32],
-        "popoverOpen": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-onboarding-tip", "dso-icon", "dso-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-onboarding-tip":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), OnboardingTip);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoOnboardingTip = OnboardingTip;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoOnboardingTip, defineCustomElement };
-//# sourceMappingURL=dso-onboarding-tip.js.map
-
-//# sourceMappingURL=dso-onboarding-tip.js.map
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,forceUpdate as e,h as n,Host as i,transformTag as a}from"@stencil/core/internal/client";import{p as d}from"./tooltip.functional-component.js";import{d as s}from"./icon.js";import{d as c}from"./icon-button.js";const b=o(class o extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=t(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>e(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const r=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(r)&&o.setFocus(r)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof r&&(this.cleanUp=d({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:this.placement+"-start",topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof r}render(){const o=this.headingSlottedElement?.textContent;return n(i,{key:"51380978262cd21740b702a191579f75cd1418a6",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},n("div",{key:"4aa3a867d025a116078fefced51fe2c47f0cf92a",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},n("div",{key:"e2b25452d2055fddaf09d9d754fbb7846e480323",class:"onboarding-tip-inner"},n("div",{key:"67f29177dbf72118a8a648fbc83822bc22a8497f",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&n("div",{key:"4f024c9b755b6352cb81fc536f9a2df16f17f4cc",class:"onboarding-tip-content-heading"},n("dso-icon",{key:"c8aab9ea7c73b11351a4126b457adf62436fa989",icon:"light-bulb"}),n("slot",{key:"11c5408f22dc91c1a5c567a5baf20928c956e257",name:"heading"})),n("dso-icon-button",{key:"c1ceb315c35f07cb91caa3eb5190429806a4443e",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),n("slot",{key:"0942d05f46ec0bdd49aea9ba089ed6cc46f71a86"}))),n("div",{key:"901735eb2d164f66fd743e262a17f75491c9004c",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn("Unable to find reference element with aria-describedby "+o)}get host(){return this}static get style(){return'*,*::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)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_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}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner 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-wit"))}.onboarding-tip-inner{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}'}},[257,"dso-onboarding-tip",{placement:[1],ready:[32],popoverOpen:[32]}]),l=b,f=function(){"undefined"!=typeof customElements&&["dso-onboarding-tip","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-onboarding-tip":customElements.get(a(o))||customElements.define(a(o),b);break;case"dso-icon":customElements.get(a(o))||s();break;case"dso-icon-button":customElements.get(a(o))||c()}}))};export{l as DsoOnboardingTip,f as defineCustomElement}

package/dist/components/dso-ozon-content-toggletip.js

@@ -1,9 +1 @@
-import { o as ozonContentToggletip, d as defineCustomElement$1 } from './ozon-content-toggletip.js';
-
-const DsoOzonContentToggletip = ozonContentToggletip;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoOzonContentToggletip, defineCustomElement };
-//# sourceMappingURL=dso-ozon-content-toggletip.js.map
-
-//# sourceMappingURL=dso-ozon-content-toggletip.js.map
+import{o,d as t}from"./ozon-content-toggletip.js";const n=o,s=t;export{n as DsoOzonContentToggletip,s as defineCustomElement}

package/dist/components/dso-ozon-content.js

@@ -1,9 +1 @@
-import { O as OzonContent, d as defineCustomElement$1 } from './ozon-content.js';
-
-const DsoOzonContent = OzonContent;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoOzonContent, defineCustomElement };
-//# sourceMappingURL=dso-ozon-content.js.map
-
-//# sourceMappingURL=dso-ozon-content.js.map
+import{O as o,d as t}from"./ozon-content.js";const n=o,s=t;export{n as DsoOzonContent,s as defineCustomElement}

package/dist/components/dso-pagination.js

@@ -1,190 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, transformTag } from '@stencil/core/internal/client';
-import { i as isModifiedEvent } from './is-modified-event.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './responsive-element.js';
-
-const paginationCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.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 Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoSelectPage = createEvent(this, "dsoSelectPage", 7);
-        this.sizePositionsMap = {
-            small: 7,
-            medium: 9,
-            large: 11,
-        };
-        /**
-         * This function is called to format the href
-         */
-        this.formatHref = (page) => "#" + page;
-    }
-    /**
-     * Listens to the dsoSizeChange event on Responsive Element
-     */
-    sizeChangeHandler(event) {
-        this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[event.detail]);
-    }
-    clickHandler(e, page) {
-        this.dsoSelectPage.emit({
-            originalEvent: e,
-            page,
-            isModifiedEvent: isModifiedEvent(e),
-        });
-    }
-    componentDidLoad() {
-        var _a;
-        (_a = this.responsiveElement) === null || _a === void 0 ? void 0 : _a.getSize().then((size) => (this.availablePositions = this.getAvailablePositions(this.sizePositionsMap[size])));
-    }
-    render() {
-        var _a;
-        if (!this.totalPages && !this.currentPage) {
-            return null;
-        }
-        if (this.availablePositions === undefined) {
-            return h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) });
-        }
-        const availablePositions = this.availablePositions;
-        const currentPage = (_a = this.currentPage) !== null && _a !== void 0 ? _a : 0;
-        const pages = this.getPages(currentPage, this.availablePositions, this.totalPages);
-        return (h("dso-responsive-element", { ref: (element) => (this.responsiveElement = element) }, h("nav", { class: "pagination", "aria-label": "Paginering" }, h("ul", null, h("li", { class: currentPage <= 1 || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage - 1), "aria-label": "Vorige", onClick: (e) => currentPage && this.clickHandler(e, currentPage - 1) }, h("dso-icon", { icon: "chevron-left" }))), pages.map((page) => (h(Fragment, null, this.showEllipsisBeforeLast(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), h("li", { key: page, class: currentPage === page ? "active" : undefined }, currentPage === page ? (h("span", { "aria-current": "page" }, page)) : (h("a", { href: this.formatHref(page), onClick: (e) => this.clickHandler(e, page) }, page)), page === this.totalPages ? h("span", { class: "sr-only" }, " (laatste pagina)") : null), this.showEllipsisAfterFirst(pages, page, availablePositions) && (h("li", null, h("span", null, "..."))), this.showEllipsisLastWithoutTotal(pages, page, this.totalPages) && (h("li", null, h("span", null, "...")))))), h("li", { class: (this.totalPages && currentPage >= this.totalPages) || !currentPage ? "dso-page-hidden" : undefined }, h("a", { href: this.formatHref(currentPage + 1), "aria-label": "Volgende", onClick: (e) => currentPage && this.clickHandler(e, currentPage + 1) }, h("dso-icon", { icon: "chevron-right" })))))));
-    }
-    getAvailablePositions(sizePositions) {
-        if (sizePositions % 2 === 0) {
-            // Even aantal posities zorgt voor een scheve pagination
-            return sizePositions - 1;
-        }
-        if (sizePositions <= 3) {
-            // Voor het kunnen tonen van de vorige knop, volgende knop en 1 pagina zijn minimaal 3 posities nodig.
-            return 3;
-        }
-        return sizePositions;
-    }
-    getPages(currentPage, availablePositions, totalPages) {
-        if (totalPages) {
-            if (totalPages + 2 <= availablePositions) {
-                // + 2 voor de vorige en volgende knop
-                return Array.from({ length: totalPages }, (_value, i) => i + 1);
-            }
-            if (availablePositions === 3) {
-                return [currentPage];
-            }
-            if (availablePositions === 5) {
-                return [1, currentPage, totalPages];
-            }
-            return [1, ...this.getPageRange(currentPage, availablePositions, totalPages), totalPages];
-        }
-        return this.getPageRangeWithoutTotalPages(currentPage, availablePositions);
-    }
-    getPageRange(currentPage, availablePositions, totalPages) {
-        const range = [];
-        const positionRange = Math.floor(availablePositions / 2);
-        if (currentPage <= positionRange) {
-            for (let i = 2; i <= availablePositions - 4; i++) {
-                range.push(i);
-            }
-        }
-        if (currentPage >= positionRange && currentPage <= totalPages - positionRange) {
-            if (positionRange === 1) {
-                if (currentPage > totalPages - 2) {
-                    range.push(totalPages - 2);
-                }
-                range.push(currentPage);
-                if (currentPage < 3) {
-                    range.push(3);
-                }
-            }
-            if (positionRange > 1) {
-                const pagesBeforeOrAfter = positionRange - 3;
-                for (let i = Math.min(currentPage - pagesBeforeOrAfter, totalPages - positionRange); i <= Math.max(currentPage + pagesBeforeOrAfter, positionRange); i++) {
-                    if (i > 2 && i < totalPages - 1) {
-                        range.push(i);
-                    }
-                }
-            }
-        }
-        if (currentPage > totalPages - positionRange) {
-            for (let i = totalPages - (availablePositions - 5); i <= totalPages - 1; i++) {
-                range.push(i);
-            }
-        }
-        return range.filter((v, i, a) => a.indexOf(v) === i);
-    }
-    showEllipsisAfterFirst(pages, page, availablePositions) {
-        const totalPages = pages[pages.length - 1];
-        if (!totalPages) {
-            throw new Error("No totalPages");
-        }
-        const isFirstPage = pages.indexOf(page) === 0;
-        const hasManyPages = totalPages > availablePositions - (this.totalPages ? 2 : 6);
-        const isPageTwoMissing = !pages.includes(2);
-        const hasEnoughPositions = availablePositions >= 7;
-        return isFirstPage && hasManyPages && isPageTwoMissing && hasEnoughPositions;
-    }
-    showEllipsisBeforeLast(pages, page, availablePositions) {
-        const totalPages = pages[pages.length - 1];
-        if (!totalPages) {
-            throw new Error("No totalPages");
-        }
-        const isLastPage = pages.indexOf(page) === pages.length - 1;
-        const hasManyPages = totalPages > availablePositions - (this.totalPages ? 2 : 6);
-        const isSecondLastPageMissing = !pages.includes(totalPages - 1);
-        const hasEnoughPositions = availablePositions >= 7;
-        return isLastPage && hasManyPages && isSecondLastPageMissing && hasEnoughPositions;
-    }
-    showEllipsisLastWithoutTotal(pages, page, totalPages) {
-        return totalPages ? false : pages.at(-1) === page;
-    }
-    getPageRangeWithoutTotalPages(currentPage, availablePositions) {
-        const positionRange = availablePositions >= 9 ? 2 : 0;
-        const start = Math.max(1, currentPage - positionRange);
-        // Creates an array of numbers from `start` to `currentPage + 1`
-        const result = Array.from({ length: currentPage - start + 2 }, (_, i) => start + i);
-        // Adds 1 to the start of the result array if `start` is >= 2
-        if (start >= 2)
-            result.unshift(1);
-        return result;
-    }
-    get host() { return this; }
-    static get style() { return paginationCss(); }
-}, [257, "dso-pagination", {
-        "totalPages": [2, "total-pages"],
-        "currentPage": [2, "current-page"],
-        "formatHref": [16],
-        "availablePositions": [32]
-    }, [[0, "dsoSizeChange", "sizeChangeHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-pagination", "dso-icon", "dso-responsive-element"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-pagination":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Pagination);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-responsive-element":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoPagination = Pagination;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoPagination, defineCustomElement };
-//# sourceMappingURL=dso-pagination.js.map
-
-//# sourceMappingURL=dso-pagination.js.map
+import{proxyCustomElement as i,HTMLElement as e,createEvent as t,h as n,Fragment as s,transformTag as o}from"@stencil/core/internal/client";import{i as a}from"./is-modified-event.js";import{d as l}from"./icon.js";import{d as r}from"./responsive-element.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsoSelectPage=t(this,"dsoSelectPage",7),this.sizePositionsMap={small:7,medium:9,large:11},this.formatHref=i=>"#"+i}sizeChangeHandler(i){this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i.detail])}clickHandler(i,e){this.dsoSelectPage.emit({originalEvent:i,page:e,isModifiedEvent:a(i)})}componentDidLoad(){this.responsiveElement?.getSize().then((i=>this.availablePositions=this.getAvailablePositions(this.sizePositionsMap[i])))}render(){if(!this.totalPages&&!this.currentPage)return null;if(void 0===this.availablePositions)return n("dso-responsive-element",{ref:i=>this.responsiveElement=i});const i=this.availablePositions,e=this.currentPage??0,t=this.getPages(e,this.availablePositions,this.totalPages);return n("dso-responsive-element",{ref:i=>this.responsiveElement=i},n("nav",{class:"pagination","aria-label":"Paginering"},n("ul",null,n("li",{class:e<=1||!e?"dso-page-hidden":void 0},n("a",{href:this.formatHref(e-1),"aria-label":"Vorige",onClick:i=>e&&this.clickHandler(i,e-1)},n("dso-icon",{icon:"chevron-left"}))),t.map((o=>n(s,null,this.showEllipsisBeforeLast(t,o,i)&&n("li",null,n("span",null,"...")),n("li",{key:o,class:e===o?"active":void 0},e===o?n("span",{"aria-current":"page"},o):n("a",{href:this.formatHref(o),onClick:i=>this.clickHandler(i,o)},o),o===this.totalPages?n("span",{class:"sr-only"}," (laatste pagina)"):null),this.showEllipsisAfterFirst(t,o,i)&&n("li",null,n("span",null,"...")),this.showEllipsisLastWithoutTotal(t,o,this.totalPages)&&n("li",null,n("span",null,"..."))))),n("li",{class:this.totalPages&&e>=this.totalPages||!e?"dso-page-hidden":void 0},n("a",{href:this.formatHref(e+1),"aria-label":"Volgende",onClick:i=>e&&this.clickHandler(i,e+1)},n("dso-icon",{icon:"chevron-right"}))))))}getAvailablePositions(i){return i%2==0?i-1:i<=3?3:i}getPages(i,e,t){return t?t+2<=e?Array.from({length:t},((i,e)=>e+1)):3===e?[i]:5===e?[1,i,t]:[1,...this.getPageRange(i,e,t),t]:this.getPageRangeWithoutTotalPages(i,e)}getPageRange(i,e,t){const n=[],s=Math.floor(e/2);if(i<=s)for(let i=2;i<=e-4;i++)n.push(i);if(i>=s&&i<=t-s&&(1===s&&(i>t-2&&n.push(t-2),n.push(i),i<3&&n.push(3)),s>1)){const e=s-3;for(let o=Math.min(i-e,t-s);o<=Math.max(i+e,s);o++)o>2&&o<t-1&&n.push(o)}if(i>t-s)for(let i=t-(e-5);i<=t-1;i++)n.push(i);return n.filter(((i,e,t)=>t.indexOf(i)===e))}showEllipsisAfterFirst(i,e,t){const n=i[i.length-1];if(!n)throw Error("No totalPages");const s=0===i.indexOf(e),o=n>t-(this.totalPages?2:6),a=!i.includes(2);return s&&o&&a&&t>=7}showEllipsisBeforeLast(i,e,t){const n=i[i.length-1];if(!n)throw Error("No totalPages");const s=i.indexOf(e)===i.length-1,o=n>t-(this.totalPages?2:6),a=!i.includes(n-1);return s&&o&&a&&t>=7}showEllipsisLastWithoutTotal(i,e,t){return!t&&i.at(-1)===e}getPageRangeWithoutTotalPages(i,e){const t=Math.max(1,i-(e>=9?2:0)),n=Array.from({length:i-t+2},((i,e)=>t+e));return t>=2&&n.unshift(1),n}get host(){return this}static get style(){return':host{display:block}*,*::after,*::before{box-sizing:border-box}.pagination ul{padding-inline-start:initial;text-align:center}.pagination ul>li{display:inline-block;font-weight:bold;line-height:calc(2rem - 4px);text-align:center;vertical-align:middle}.pagination ul>li>a,.pagination ul>li>span{align-items:center;color:#39870c;display:flex;block-size:2rem;justify-content:center;position:relative;min-inline-size:2rem;padding:2px;padding-block:2px;padding-inline:2px}.pagination ul>li>a:active{background-color:#ebf3e6}.pagination ul>li>span{border:2px solid transparent;border-radius:1rem}.pagination ul>li a{line-height:2rem;text-decoration:none}.pagination ul>li a:hover,.pagination ul>li a:focus{text-decoration:none}.pagination ul>li a:hover::after,.pagination ul>li a:focus::after{border-block-end-color:#39870c}.pagination ul>li a::after{border-block-end:3px solid transparent;inset-block-end:0;content:"";display:inline-block;inset-inline-start:0;position:absolute;inline-size:100%}.pagination ul>li.active span{background-color:#39870c;color:#fff}.pagination ul>li+li{margin-inline-start:8px}.dso-page-hidden{visibility:hidden}.sr-only.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)}'}},[1,"dso-pagination",{totalPages:[2,"total-pages"],currentPage:[2,"current-page"],formatHref:[16],availablePositions:[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]),d=c,h=function(){"undefined"!=typeof customElements&&["dso-pagination","dso-icon","dso-responsive-element"].forEach((i=>{switch(i){case"dso-pagination":customElements.get(o(i))||customElements.define(o(i),c);break;case"dso-icon":customElements.get(o(i))||l();break;case"dso-responsive-element":customElements.get(o(i))||r()}}))};export{d as DsoPagination,h as defineCustomElement}

package/dist/components/dso-panel.js

@@ -1,9 +1 @@
-import { P as Panel, d as defineCustomElement$1 } from './panel.js';
-
-const DsoPanel = Panel;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoPanel, defineCustomElement };
-//# sourceMappingURL=dso-panel.js.map
-
-//# sourceMappingURL=dso-panel.js.map
+import{P as o,d as s}from"./panel.js";const a=o,p=s;export{a as DsoPanel,p as defineCustomElement}

package/dist/components/dso-plekinfo-card.js

@@ -1,90 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, Fragment, transformTag } from '@stencil/core/internal/client';
-import { i as isModifiedEvent } from './is-modified-event.js';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const plekinfoCardCss = () => `ins{text-decoration:none;--_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}ins 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"))}ins 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"))}ins 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"))}ins 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#email-zwart"))}ins{--_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:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}del{--_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}del 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"))}del 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"))}del 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"))}del 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#email-zwart"))}del{--_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:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}`;
-
-const WrapWijzigactie = ({ wijzigactie }, children) => {
-    if (wijzigactie === "voegtoe") {
-        return h("ins", { class: "dso-plekinfo-card-container" }, children);
-    }
-    if (wijzigactie === "verwijder") {
-        return h("del", { class: "dso-plekinfo-card-container" }, children);
-    }
-    return h("div", { class: "dso-plekinfo-card-container" }, children);
-};
-const PlekinfoCard = /*@__PURE__*/ proxyCustomElement(class PlekinfoCard extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoPlekinfoCardClick = createEvent(this, "dsoPlekinfoCardClick", 7);
-        /**
-         * Opens the urls in a new window or tab
-         */
-        this.targetBlank = false;
-    }
-    connectedCallback() {
-        this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));
-        this.mutationObserver.observe(this.host, { attributes: true, childList: true });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        delete this.mutationObserver;
-    }
-    clickEventHandler(e) {
-        if (!(e.target instanceof HTMLElement) || !this.href) {
-            return;
-        }
-        return this.dsoPlekinfoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
-    }
-    get symbolSlottedElement() {
-        return this.host.querySelector("[slot='symbol']");
-    }
-    get metaSlottedElement() {
-        return this.host.querySelector("[slot='meta']");
-    }
-    get interaction() {
-        return this.host.querySelector("[slot='interaction']");
-    }
-    render() {
-        const hasSymbol = this.symbolSlottedElement !== null;
-        return (h(Host, { key: '2866e252f13a703ee665c6873e9ebce171712f5a', "has-symbol": hasSymbol }, h(WrapWijzigactie, { key: '9b7928fe32e1b9aee41bac41286c34c86cb740d3', wijzigactie: this.wijzigactie }, h("div", { key: '8f365899b1a72b6788b5f9fe3026cf08dcadf39c', class: "dso-plekinfo-card-symbol", hidden: !hasSymbol }, h("slot", { key: 'a97698e558336efbb014e80c1af88052525f624e', name: "symbol" })), h("div", { key: '7e5171b34525d67b0ae06737e5ebe500c7d84201', 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: 'e7c0cdc80915e9bc1733bed4d938866c3ee66260', name: "meta" }), this.interaction !== null && h("slot", { key: '18852deb9114ce7152b0844fe284ca91acdb890f', name: "interaction" })), h("div", { key: '104987489255f9de27c518138e85804f6b993158', class: "dso-plekinfo-card-content" }, h("slot", { key: '98b1ba6cabb7df67d7afe088e87fcd092545be8a', name: "content" })))));
-    }
-    get host() { return this; }
-    static get style() { return plekinfoCardCss(); }
-}, [257, "dso-plekinfo-card", {
-        "wijzigactie": [513],
-        "href": [513],
-        "targetBlank": [4, "target-blank"],
-        "active": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-plekinfo-card", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-plekinfo-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), PlekinfoCard);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoPlekinfoCard = PlekinfoCard;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoPlekinfoCard, defineCustomElement };
-//# sourceMappingURL=dso-plekinfo-card.js.map
-
-//# sourceMappingURL=dso-plekinfo-card.js.map
+import{proxyCustomElement as o,HTMLElement as e,createEvent as t,forceUpdate as i,h as r,Host as n,Fragment as a,transformTag as d}from"@stencil/core/internal/client";import{i as s}from"./is-modified-event.js";import{d as c}from"./icon.js";const l=({wijzigactie:o},e)=>r("voegtoe"===o?"ins":"verwijder"===o?"del":"div",{class:"dso-plekinfo-card-container"},e),b=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoPlekinfoCardClick=t(this,"dsoPlekinfoCardClick",7),this.targetBlank=!1}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(o){if(o.target instanceof e&&this.href)return this.dsoPlekinfoCardClick.emit({originalEvent:o,isModifiedEvent:s(o)})}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interaction(){return this.host.querySelector("[slot='interaction']")}render(){const o=null!==this.symbolSlottedElement;return r(n,{key:"a2c907d0f2be52a4816c2a0c7d73449a6f1463f2","has-symbol":o},r(l,{key:"712a59c849527b431093889eb75edbb54a6b6217",wijzigactie:this.wijzigactie},r("div",{key:"bf76d9c9dccc1bac5c20c12abc57a1a6f4cc42b2",class:"dso-plekinfo-card-symbol",hidden:!o},r("slot",{key:"afcdc38b574d5422c2a93819949d1a74c88e5960",name:"symbol"})),r("div",{key:"b4f0b7014e90ef73531a0beab46e275824e00272",class:"dso-plekinfo-card-heading"},this.href?r("a",{href:this.href,target:this.targetBlank?"_blank":void 0,rel:this.targetBlank?"noopener noreferrer":void 0,class:"heading-anchor",onClick:o=>this.clickEventHandler(o)},r("span",{class:"icon-container"},this.targetBlank?r(a,null,r("dso-icon",{icon:"external-link"}),r("span",{class:"sr-only"},"(Opent andere website in nieuw tabblad)")):r("dso-icon",{icon:"chevron-right"}),r("slot",{name:"heading"}))):r("slot",{name:"heading"}),null!==this.metaSlottedElement&&r("slot",{key:"b19d778fedb08afff8850a890afc1c5a6ddc5348",name:"meta"}),null!==this.interaction&&r("slot",{key:"a1b83b992f140324e8635ca873560f6f16198a8c",name:"interaction"})),r("div",{key:"47e066a797fcc2de5964a32efd6159d07df4f642",class:"dso-plekinfo-card-content"},r("slot",{key:"d51a70ff7e321488f4f1c52ccebff926de5c5efa",name:"content"}))))}get host(){return this}static get style(){return'ins{text-decoration:none;--_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}ins 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"))}ins 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"))}ins 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"))}ins 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"))}ins{--_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:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}del{--_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}del 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"))}del 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"))}del 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"))}del 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"))}del{--_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:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){del{font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-plekinfo-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-plekinfo-card-container .dso-plekinfo-card-heading{display:flex;align-items:start;column-gap:8px}@media screen and (max-width: 480px){.dso-plekinfo-card-container .dso-plekinfo-card-heading{flex-wrap:wrap}}.dso-plekinfo-card-container .dso-plekinfo-card-heading+.dso-plekinfo-card-content{margin-block-start:8px}.dso-plekinfo-card-container .dso-plekinfo-card-symbol{grid-row:span 2;margin-inline-end:8px}.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}ins.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#d8e5c9}del.dso-plekinfo-card-container:has(.dso-plekinfo-card-heading a:is(:hover,:focus-visible)){background-color:#e9cdd1}:host([active]:not([active=false])) .dso-plekinfo-card-container{background-color:#e5e5e5}:host([active]:not([active=false])) ins.dso-plekinfo-card-container{background-color:#ced9bf}:host([active]:not([active=false])) del.dso-plekinfo-card-container{background-color:#ddc3c6}:host([has-symbol]) .dso-plekinfo-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-heading,:host([has-symbol]) .dso-plekinfo-card-container .dso-plekinfo-card-content{grid-column:2/-1}::slotted([slot=meta]){display:flex !important;justify-content:space-between !important;flex-shrink:0 !important;align-self:end !important}@media screen and (max-width: 480px){::slotted([slot=meta]){flex-basis:100% !important;margin-block-start:8px !important}}::slotted([slot=heading]){display:inline !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interaction]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interaction]){flex-basis:100% !important;margin-block-start:16px !important}}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}'}},[257,"dso-plekinfo-card",{wijzigactie:[513],href:[513],targetBlank:[4,"target-blank"],active:[516]}]),f=b,h=function(){"undefined"!=typeof customElements&&["dso-plekinfo-card","dso-icon"].forEach((o=>{switch(o){case"dso-plekinfo-card":customElements.get(d(o))||customElements.define(d(o),b);break;case"dso-icon":customElements.get(d(o))||c()}}))};export{f as DsoPlekinfoCard,h as defineCustomElement}

package/dist/components/dso-progress-indicator.js

@@ -1,9 +1 @@
-import { P as Progressindicator, d as defineCustomElement$1 } from './progress-indicator.js';
-
-const DsoProgressIndicator = Progressindicator;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoProgressIndicator, defineCustomElement };
-//# sourceMappingURL=dso-progress-indicator.js.map
-
-//# sourceMappingURL=dso-progress-indicator.js.map
+import{P as o,d as r}from"./progress-indicator.js";const s=o,t=r;export{s as DsoProgressIndicator,t as defineCustomElement}

package/dist/components/dso-project-item.js

@@ -1,64 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment, transformTag } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './icon.js';
-import { d as defineCustomElement$4 } from './icon-button.js';
-import { d as defineCustomElement$3 } from './label.js';
-import { d as defineCustomElement$2 } from './tooltip.js';
-
-const projectItemCss = () => `: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:units.$u1;--_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}`;
-
-const ProjectItem = /*@__PURE__*/ proxyCustomElement(class ProjectItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Fragment, { key: '12935f64b5c0cac32850e92ec594eac15fda660e' }, h("div", { key: '1125f19e534e74c3b50519b66b0117063e16ea9c', class: "project-item-header" }, h("div", { key: '262432d19146db36ef8dca100191299a1b991af1', class: "project-item-title" }, h("slot", { key: 'e84d0c1bc18e5f7c7a88ee21d522d5dfa8b2558a', name: "title" }), this.label && (h("dso-label", { key: 'cfe1a7b9d673c7e3513607cf86d745441df63ff7', status: "error", compact: true }, this.label))), h("div", { key: '05f7192b693cb027360cd10f081e09c767964f6b', class: "project-item-actions" }, h("slot", { key: '3e6aba40efd02de33a71a6288a9aab9845d124af', name: "actions" }))), h("div", { key: '3dc045a2481645f91906c2452ec7b64a1c009986', class: "project-item-info" }, h("div", { key: '7ab685ce1d25cca777f2239143b390ff630dc27a', class: "project-item-progress" }, h("slot", { key: '830643aa3b99b44dbcd6a8a5eab01a6ef0f8999e', name: "progress" })), h("div", { key: 'd87d23373afa3019b7f18668b13eabdec8a41cf4', class: "project-item-status" }, h("slot", { key: '7a52a02dca7d72cf356884333a3151e4c707c521', name: "status" })))));
-    }
-    static get style() { return projectItemCss(); }
-}, [257, "dso-project-item", {
-        "label": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-project-item", "dso-icon", "dso-icon-button", "dso-label", "dso-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-project-item":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), ProjectItem);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "dso-label":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoProjectItem = ProjectItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoProjectItem, defineCustomElement };
-//# sourceMappingURL=dso-project-item.js.map
-
-//# sourceMappingURL=dso-project-item.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as a,Fragment as d,transformTag as s}from"@stencil/core/internal/client";import{d as o}from"./icon.js";import{d as l}from"./icon-button.js";import{d as i}from"./label.js";import{d as r}from"./tooltip.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"ea5d57178d688d5153728f59d63fb9eca807902e"},a("div",{key:"1601369295bde880747bca76a2d09e4af5e92df0",class:"project-item-header"},a("div",{key:"2aea2de883cd682591c1ab8cff3f18589832d0bc",class:"project-item-title"},a("slot",{key:"988bfa71770b9aa323a08f17d9fd4bd5430e0d11",name:"title"}),this.label&&a("dso-label",{key:"bebc48107e8fdad8af897de5152e9848ab331bf7",status:"error",compact:!0},this.label)),a("div",{key:"c8da0e2fb5f477dab60a3da9542c97d577a7c443",class:"project-item-actions"},a("slot",{key:"7055bb2981bd48c6d46f236538caca79ab77a81b",name:"actions"}))),a("div",{key:"ba0d34fff5d8f7d9de49faff24ec67471e42678f",class:"project-item-info"},a("div",{key:"6d8549db9fe68754c112263f844343ba8d738236",class:"project-item-progress"},a("slot",{key:"f81d49758887cfc5df2a5a098fa7437a04b98c72",name:"progress"})),a("div",{key:"f59d5570e3f34f7e307056d5429a0dc2a1194c60",class:"project-item-status"},a("slot",{key:"14356e969dba3bd3118314a3e1b6cfcd8266fd5c",name:"status"}))))}static get style(){return":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}"}},[257,"dso-project-item",{label:[1]}]),n=c,f=function(){"undefined"!=typeof customElements&&["dso-project-item","dso-icon","dso-icon-button","dso-label","dso-tooltip"].forEach((e=>{switch(e){case"dso-project-item":customElements.get(s(e))||customElements.define(s(e),c);break;case"dso-icon":customElements.get(s(e))||o();break;case"dso-icon-button":customElements.get(s(e))||l();break;case"dso-label":customElements.get(s(e))||i();break;case"dso-tooltip":customElements.get(s(e))||r()}}))};export{n as DsoProjectItem,f as defineCustomElement}