@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/components/dso-banner.js

@@ -1,55 +1 @@
-import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-
-const bannerCss = () => `:host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}`;
-
-const Banner = /*@__PURE__*/ proxyCustomElement(class Banner extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Compact mode.
-         */
-        this.compact = false;
-        /**
-         * *Icon can only be hidden when the 'compact' property is set to true.
-         *
-         * Option to show banner icon.
-         */
-        this.icon = false;
-    }
-    render() {
-        return (h("section", { key: 'd848309d971db4617bce4fec6ad8c63d18ea392c', class: clsx("dso-banner", `alert-${this.status}`, {
-                "dso-compact": this.compact,
-            }), role: "alert" }, h("slot", { key: 'a001e2462deb18ec0b6ff3cf0f25b34c8d374e9a' })));
-    }
-    static get style() { return bannerCss(); }
-}, [257, "dso-banner", {
-        "status": [513],
-        "compact": [4],
-        "icon": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-banner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-banner":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Banner);
-            }
-            break;
-    } });
-}
-
-const DsoBanner = Banner;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoBanner, defineCustomElement };
-//# sourceMappingURL=dso-banner.js.map
-
-//# sourceMappingURL=dso-banner.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as s,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.compact=!1,this.icon=!1}render(){return s("section",{key:"d848309d971db4617bce4fec6ad8c63d18ea392c",class:o("dso-banner","alert-"+this.status,{"dso-compact":this.compact}),role:"alert"},s("slot",{key:"a001e2462deb18ec0b6ff3cf0f25b34c8d374e9a"}))}static get style(){return":host{display:block}*,*::after,*::before{box-sizing:border-box}.dso-banner{padding-block:16px;padding-inline:0;position:relative}.dso-banner.dso-compact{padding-block:12px;padding-inline:0}"}},[257,"dso-banner",{status:[513],compact:[4],icon:[516]}]),i=c,r=function(){"undefined"!=typeof customElements&&["dso-banner"].forEach((e=>{"dso-banner"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{i as DsoBanner,r as defineCustomElement}

package/dist/components/dso-button-group.js

@@ -1,9 +1 @@
-import { B as ButtonGroup, d as defineCustomElement$1 } from './button-group.js';
-
-const DsoButtonGroup = ButtonGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoButtonGroup, defineCustomElement };
-//# sourceMappingURL=dso-button-group.js.map
-
-//# sourceMappingURL=dso-button-group.js.map
+import{B as o,d as t}from"./button-group.js";const r=o,s=t;export{r as DsoButtonGroup,s as defineCustomElement}

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

@@ -1,44 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment, transformTag } from '@stencil/core/internal/client';
-
-const cardContainerCss = () => `:host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}`;
-
-const CardContainer = /*@__PURE__*/ proxyCustomElement(class CardContainer extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * The mode of the Card Container.
-         */
-        this.mode = "list";
-    }
-    render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: '13e3aac6d63973cd8e206e25fdd68d97d977b6fc', class: "dso-card-list" }, h("slot", { key: 'bc05ab5aa8554802774bf452ffb02b6e640e6d59' }))), this.mode === "grid" && (h("div", { key: 'de7aa9dab51345da51f55ec54039f6bab61cdb53', class: "dso-card-grid" }, h("slot", { key: '9f66927dace0600fed32524ffab208935b7fd20b' })))));
-    }
-    static get style() { return cardContainerCss(); }
-}, [257, "dso-card-container", {
-        "mode": [513]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-card-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-card-container":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), CardContainer);
-            }
-            break;
-    } });
-}
-
-const DsoCardContainer = CardContainer;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoCardContainer, defineCustomElement };
-//# sourceMappingURL=dso-card-container.js.map
-
-//# sourceMappingURL=dso-card-container.js.map
+import{proxyCustomElement as d,HTMLElement as t,h as e,Fragment as s,transformTag as r}from"@stencil/core/internal/client";const a=d(class extends t{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.mode="list"}render(){return e(s,null,"list"===this.mode&&e("ul",{key:"13e3aac6d63973cd8e206e25fdd68d97d977b6fc",class:"dso-card-list"},e("slot",{key:"bc05ab5aa8554802774bf452ffb02b6e640e6d59"})),"grid"===this.mode&&e("div",{key:"de7aa9dab51345da51f55ec54039f6bab61cdb53",class:"dso-card-grid"},e("slot",{key:"9f66927dace0600fed32524ffab208935b7fd20b"})))}static get style(){return":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}"}},[257,"dso-card-container",{mode:[513]}]),i=a,o=function(){"undefined"!=typeof customElements&&["dso-card-container"].forEach((d=>{"dso-card-container"===d&&(customElements.get(r(d))||customElements.define(r(d),a))}))};export{i as DsoCardContainer,o as defineCustomElement}

package/dist/components/dso-card.js

@@ -1,74 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host, transformTag } from '@stencil/core/internal/client';
-import { i as isModifiedEvent } from './is-modified-event.js';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const cardCss = () => `a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.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)}::slotted([slot=selectable]){font-size:0 !important;--_dt-selectable-padding-inline-start:24px;--_dt-selectable-input-wrapper-margin-inline-start:-24px;--_dt-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !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=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}`;
-
-const Card = /*@__PURE__*/ proxyCustomElement(class Card extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoCardClick = createEvent(this, "dsoCardClick", 7);
-    }
-    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.dsoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
-    }
-    get selectableSlottedElement() {
-        return this.host.querySelector("[slot='selectable']");
-    }
-    get interactionsSlottedElement() {
-        return this.host.querySelector("[slot='interactions']");
-    }
-    render() {
-        const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '4a662a01a8ab0f9688b117430b04910df9fd1896', "is-selectable": isSelectable }, h("div", { key: 'bd91995a69f16b9d65e227921b5b343a2b66361b', class: "dso-card-container" }, h("div", { key: '021ad62b7cf97e7b5a7a600f9f22254ab68a8bb0', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '83abedddbdd80fb06b5540a0ac74f7b0cd2d872b', name: "selectable" })), h("div", { key: '1141401a3b97386885408f54578cc1ccc9de8759', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '9dd1677f6d851f449db4b4089e72235bb1522381', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '7f9455d2cb58b57913268520bd23990e66edc196', name: "heading" }), h("dso-icon", { key: '7be05c89ba03a84c914fe7d667ce049882bb36a6', icon: "external-link" }), h("span", { key: '01b67eaffee2bfed512f53f2f9f74b4ea1fdde6d', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'cb592b317ec5800f9f05539ce39d0dfd0de473c1', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '01cf0be3ab6e228774b5598a499e29d61aff9e2f', name: "heading" }), h("dso-icon", { key: 'cbbce504a6afc0896bd930c64a3e40d35d55c69b', icon: "download" })))) || (h("a", { key: 'a9b391befe2df29e0d3dd6c338880e3b7b4aa0a3', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'c0d3e45e17bb689bf448d5252acacb07c2e4fd99', name: "heading" }), h("dso-icon", { key: '232b9e41e144541c81e5e55c463a9995bca7cd50', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: 'e5b32580f112e88093664df1fd7eaa206c10855a', name: "interactions" })), h("div", { key: '3f8d51e89795c6bbc88d2e7cb16732952cead8b2', class: "dso-card-content" }, h("slot", { key: 'fc439678df642efced533af5f24949e9f68ff345', name: "content" })))));
-    }
-    get host() { return this; }
-    static get style() { return cardCss(); }
-}, [257, "dso-card", {
-        "href": [513],
-        "mode": [513],
-        "active": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-card", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Card);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoCard = Card;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoCard, defineCustomElement };
-//# sourceMappingURL=dso-card.js.map
-
-//# sourceMappingURL=dso-card.js.map
+import{proxyCustomElement as e,HTMLElement as a,createEvent as o,forceUpdate as n,h as i,Host as t,transformTag as r}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as s}from"./icon.js";const c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCardClick=o(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof a&&this.href)return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=null!==this.selectableSlottedElement;return i(t,{key:"4a662a01a8ab0f9688b117430b04910df9fd1896","is-selectable":e},i("div",{key:"bd91995a69f16b9d65e227921b5b343a2b66361b",class:"dso-card-container"},i("div",{key:"021ad62b7cf97e7b5a7a600f9f22254ab68a8bb0",class:"dso-card-selectable",hidden:!e},i("slot",{key:"83abedddbdd80fb06b5540a0ac74f7b0cd2d872b",name:"selectable"})),i("div",{key:"1141401a3b97386885408f54578cc1ccc9de8759",class:"dso-card-heading"},"extern"===this.mode&&i("a",{key:"9dd1677f6d851f449db4b4089e72235bb1522381",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"7f9455d2cb58b57913268520bd23990e66edc196",name:"heading"}),i("dso-icon",{key:"7be05c89ba03a84c914fe7d667ce049882bb36a6",icon:"external-link"}),i("span",{key:"01b67eaffee2bfed512f53f2f9f74b4ea1fdde6d",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||"download"===this.mode&&i("a",{key:"cb592b317ec5800f9f05539ce39d0dfd0de473c1",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"01cf0be3ab6e228774b5598a499e29d61aff9e2f",name:"heading"}),i("dso-icon",{key:"cbbce504a6afc0896bd930c64a3e40d35d55c69b",icon:"download"}))||i("a",{key:"a9b391befe2df29e0d3dd6c338880e3b7b4aa0a3",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},i("slot",{key:"c0d3e45e17bb689bf448d5252acacb07c2e4fd99",name:"heading"}),i("dso-icon",{key:"232b9e41e144541c81e5e55c463a9995bca7cd50",icon:"chevron-right"})),null!==this.interactionsSlottedElement&&i("slot",{key:"e5b32580f112e88093664df1fd7eaa206c10855a",name:"interactions"})),i("div",{key:"3f8d51e89795c6bbc88d2e7cb16732952cead8b2",class:"dso-card-content"},i("slot",{key:"fc439678df642efced533af5f24949e9f68ff345",name:"content"}))))}get host(){return this}static get style(){return'a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2;margin-inline-end:8px}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.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)}::slotted([slot=selectable]){font-size:0 !important;--_dt-selectable-padding-inline-start:24px;--_dt-selectable-input-wrapper-margin-inline-start:-24px;--_dt-selectable-input-wrapper-padding-inline-start:24px}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !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=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}'}},[257,"dso-card",{href:[513],mode:[513],active:[516]}]),l=c,b=function(){"undefined"!=typeof customElements&&["dso-card","dso-icon"].forEach((e=>{switch(e){case"dso-card":customElements.get(r(e))||customElements.define(r(e),c);break;case"dso-icon":customElements.get(r(e))||s()}}))};export{l as DsoCard,b as defineCustomElement}

package/dist/components/dso-contact-information.js

@@ -1,38 +1 @@
-import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
-
-const contactInformationCss = () => `:host{--_dso-di-background-image:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:16px !important}`;
-
-const ContactInformation = /*@__PURE__*/ proxyCustomElement(class ContactInformation extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '03131f6f72e2786b94d5a34e4cc162c93aca37a2', class: "dso-contact-information" }, h("slot", { key: 'c4cea848d9b56e306f4d33bf26a25df47c24d0b9', name: "heading" }), h("slot", { key: 'b40df1ea3bbf3231ae850afa11fa62e4a71f5841', name: "anchor-items" }), h("slot", { key: '5348cfdbc1c30cd4996999a28aa146f559a01d92', name: "info-items" })));
-    }
-    static get style() { return contactInformationCss(); }
-}, [257, "dso-contact-information"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-contact-information"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-contact-information":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), ContactInformation);
-            }
-            break;
-    } });
-}
-
-const DsoContactInformation = ContactInformation;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoContactInformation, defineCustomElement };
-//# sourceMappingURL=dso-contact-information.js.map
-
-//# sourceMappingURL=dso-contact-information.js.map
+import{proxyCustomElement as t,HTMLElement as n,h as o,transformTag as e}from"@stencil/core/internal/client";const i=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"03131f6f72e2786b94d5a34e4cc162c93aca37a2",class:"dso-contact-information"},o("slot",{key:"c4cea848d9b56e306f4d33bf26a25df47c24d0b9",name:"heading"}),o("slot",{key:"b40df1ea3bbf3231ae850afa11fa62e4a71f5841",name:"anchor-items"}),o("slot",{key:"5348cfdbc1c30cd4996999a28aa146f559a01d92",name:"info-items"}))}static get style(){return":host{--_dso-di-background-image:none;--_dso-link-icon-padding-inline-start:0;--_dso-link-icon-padding-inline-end:0;display:block}*,*::after,*::before{box-sizing:border-box}::slotted([slot=anchor-items]),::slotted([slot=info-items]){display:flex !important;flex-wrap:wrap !important;gap:16px 24px !important;padding-inline-start:0 !important;list-style:none !important}@media screen and (max-width: 991px){::slotted([slot=anchor-items]),::slotted([slot=info-items]){flex-direction:column !important;gap:16px !important}}::slotted([slot=info-items]){margin-block-end:0 !important}::slotted([slot=heading]){margin-block:0 16px !important;font-size:16px !important}"}},[257,"dso-contact-information"]),a=i,s=function(){"undefined"!=typeof customElements&&["dso-contact-information"].forEach((t=>{"dso-contact-information"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{a as DsoContactInformation,s as defineCustomElement}

package/dist/components/dso-cursor-tooltip.js

@@ -1,38 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
-
-const cursorTooltipCss = () => `*,*::after,*::before{box-sizing:border-box}:host{--_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-wit"))}: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-wit"))}: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-wit"))}: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#email-wit"))}:host{--_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:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}`;
-
-const CursorTooltip = /*@__PURE__*/ proxyCustomElement(class CursorTooltip extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'd7c7a7a5ca50fb6d6ca51fd5486855d34fa87595', class: "dso-cursor-tooltip" }, h("slot", { key: 'f8f4af09e02a486bbc22c9efcca3e796110ee201' })));
-    }
-    static get style() { return cursorTooltipCss(); }
-}, [257, "dso-cursor-tooltip"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-cursor-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-cursor-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), CursorTooltip);
-            }
-            break;
-    } });
-}
-
-const DsoCursorTooltip = CursorTooltip;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoCursorTooltip, defineCustomElement };
-//# sourceMappingURL=dso-cursor-tooltip.js.map
-
-//# sourceMappingURL=dso-cursor-tooltip.js.map
+import{proxyCustomElement as o,HTMLElement as r,h as t,Host as e,transformTag as d}from"@stencil/core/internal/client";const n=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"d7c7a7a5ca50fb6d6ca51fd5486855d34fa87595",class:"dso-cursor-tooltip"},t("slot",{key:"f8f4af09e02a486bbc22c9efcca3e796110ee201"}))}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host{--_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-wit"))}: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-wit"))}: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-wit"))}: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-wit"))}:host{--_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:rgba(0, 0, 0, 0.75);color:#fff;position:relative;display:inline-block;pointer-events:none;overflow:unset;max-inline-size:360px;margin-inline:8px;padding-inline:16px;padding-block:8px;border-radius:4px;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4))}:host::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:0;transform:translateX(-50%) translateY(-100%);border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-block-end:8px solid rgba(0, 0, 0, 0.75);filter:none;pointer-events:none}'}},[257,"dso-cursor-tooltip"]),s=n,a=function(){"undefined"!=typeof customElements&&["dso-cursor-tooltip"].forEach((o=>{"dso-cursor-tooltip"===o&&(customElements.get(d(o))||customElements.define(d(o),n))}))};export{s as DsoCursorTooltip,a as defineCustomElement}

package/dist/components/dso-date-picker.js

@@ -1,189 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, transformTag } from '@stencil/core/internal/client';
-
-/**
- * dd-mm-yyyy to yyyy-mm-dd
- */
-function parseToValueFormat(value) {
-    if (!value) {
-        return;
-    }
-    const matches = value.split("-");
-    if (matches.length === 3 &&
-        typeof matches[0] === "string" &&
-        typeof matches[1] === "string" &&
-        typeof matches[2] === "string") {
-        const [d, m, y] = matches;
-        const dd = d.padStart(2, "0");
-        const mm = m.padStart(2, "0");
-        const yyyy = y.padStart(4, "0");
-        return [yyyy, mm, dd].join("-");
-    }
-    return value;
-}
-/**
- * yyyy-mm-dd to dd-mm-yyyy
- */
-function parseToDutchFormat(date) {
-    if (!date) {
-        return "";
-    }
-    const dd = date.getDate().toString(10).padStart(2, "0");
-    const mm = (date.getMonth() + 1).toString(10).padStart(2, "0");
-    const yyyy = date.getFullYear().toString(10).padStart(4, "0");
-    return [dd, mm, yyyy].join("-");
-}
-
-const datePickerCss = () => `.sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:40px;padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}`;
-
-const DsoDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class DsoDatePicker extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsoDateChange = createEvent(this, "dsoDateChange", 7);
-        this.dsoBlur = createEvent(this, "dsoBlur", 7);
-        this.dsoKeyUp = createEvent(this, "dsoKeyUp", 7);
-        this.dsoKeyDown = createEvent(this, "dsoKeyDown", 7);
-        this.dsoFocus = createEvent(this, "dsoFocus", 7);
-        /**
-         * Name of the date picker input.
-         */
-        this.name = "dso-date";
-        /**
-         * Makes the date picker input component disabled. This prevents users from being able to
-         * interact with the input, and conveys its inactive state to assistive technologies.
-         */
-        this.disabled = false;
-        /**
-         * Should the input be marked as required?
-         */
-        this.required = false;
-        /**
-         * Should the input be focused on load?
-         */
-        this.dsoAutofocus = false;
-        /**
-         * Date value. Must be in Dutch date format: DD-MM-YYYY.
-         */
-        this.value = "";
-        this.handleBlur = (e) => {
-            e.stopPropagation();
-            const { target } = e;
-            if (!(target instanceof HTMLInputElement)) {
-                return;
-            }
-            const { validity } = target;
-            const { value, valueAsDate } = this.dateValues(target);
-            const error = this.validityToError(validity);
-            const event = {
-                component: "dso-date-picker",
-                originalEvent: e,
-                validity,
-                value,
-                valueAsDate,
-                error,
-            };
-            this.dsoBlur.emit(event);
-        };
-        this.handleFocus = (event) => {
-            event.stopPropagation();
-            this.dsoFocus.emit({
-                originalEvent: event,
-                component: "dso-date-picker",
-            });
-        };
-        this.handleKeyUp = (event) => {
-            event.stopPropagation();
-            this.dsoKeyUp.emit({
-                component: "dso-date-picker",
-                originalEvent: event,
-            });
-        };
-        this.handleKeyDown = (event) => {
-            event.stopPropagation();
-            this.dsoKeyDown.emit({
-                component: "dso-date-picker",
-                originalEvent: event,
-            });
-        };
-        this.handleInputChange = (e) => {
-            const target = e.target;
-            if (!(target instanceof HTMLInputElement)) {
-                return;
-            }
-            const { validity } = target;
-            const { value, valueAsDate } = this.dateValues(target);
-            const error = this.validityToError(validity);
-            const event = {
-                component: "dso-date-picker",
-                originalEvent: e,
-                validity,
-                value,
-                valueAsDate,
-                error,
-            };
-            this.dsoDateChange.emit(event);
-        };
-    }
-    dateValues(target) {
-        const { valueAsDate, validity } = target;
-        return {
-            value: parseToDutchFormat(valueAsDate),
-            valueAsDate: (!validity.rangeOverflow && !validity.rangeUnderflow && valueAsDate) || undefined,
-        };
-    }
-    validityToError(validity) {
-        if (validity.valueMissing) {
-            return "required";
-        }
-        if (validity.rangeUnderflow) {
-            return "min-range";
-        }
-        if (validity.rangeOverflow) {
-            return "max-range";
-        }
-        if (!validity.valid) {
-            return "invalid";
-        }
-        return undefined;
-    }
-    render() {
-        var _a;
-        return (h("input", { key: '6f1578829a919a36fb98128cb807d082e33c986f', type: "date", id: this.identifier, class: "dso-date__input", value: parseToValueFormat(this.value), name: this.name, min: parseToValueFormat(this.min), max: parseToValueFormat(this.max), disabled: this.disabled || undefined, required: this.required || undefined, "aria-autocomplete": "none", "aria-invalid": (_a = this.invalid) === null || _a === void 0 ? void 0 : _a.toString(), "aria-describedby": this.describedBy, autoComplete: "off", autofocus: this.dsoAutofocus || undefined, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, onChange: this.handleInputChange }));
-    }
-    get element() { return this; }
-    static get style() { return datePickerCss(); }
-}, [258, "dso-date-picker", {
-        "name": [1],
-        "identifier": [1],
-        "disabled": [516],
-        "required": [516],
-        "invalid": [516],
-        "describedBy": [1, "described-by"],
-        "dsoAutofocus": [4, "dso-autofocus"],
-        "value": [513],
-        "min": [1],
-        "max": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-date-picker"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-date-picker":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DsoDatePicker$1);
-            }
-            break;
-    } });
-}
-
-const DsoDatePicker = DsoDatePicker$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoDatePicker, defineCustomElement };
-//# sourceMappingURL=dso-date-picker.js.map
-
-//# sourceMappingURL=dso-date-picker.js.map
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";function d(e){if(!e)return;const t=e.split("-");if(3===t.length&&"string"==typeof t[0]&&"string"==typeof t[1]&&"string"==typeof t[2]){const[e,i,s]=t,o=e.padStart(2,"0"),d=i.padStart(2,"0");return[s.padStart(4,"0"),d,o].join("-")}return e}function a(e){return e?[e.getDate().toString(10).padStart(2,"0"),(e.getMonth()+1).toString(10).padStart(2,"0"),e.getFullYear().toString(10).padStart(4,"0")].join("-"):""}const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsoDateChange=i(this,"dsoDateChange",7),this.dsoBlur=i(this,"dsoBlur",7),this.dsoKeyUp=i(this,"dsoKeyUp",7),this.dsoKeyDown=i(this,"dsoKeyDown",7),this.dsoFocus=i(this,"dsoFocus",7),this.name="dso-date",this.disabled=!1,this.required=!1,this.dsoAutofocus=!1,this.value="",this.handleBlur=e=>{e.stopPropagation();const{target:t}=e;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoBlur.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})},this.handleFocus=e=>{e.stopPropagation(),this.dsoFocus.emit({originalEvent:e,component:"dso-date-picker"})},this.handleKeyUp=e=>{e.stopPropagation(),this.dsoKeyUp.emit({component:"dso-date-picker",originalEvent:e})},this.handleKeyDown=e=>{e.stopPropagation(),this.dsoKeyDown.emit({component:"dso-date-picker",originalEvent:e})},this.handleInputChange=e=>{const t=e.target;if(!(t instanceof HTMLInputElement))return;const{validity:i}=t,{value:s,valueAsDate:o}=this.dateValues(t),d=this.validityToError(i);this.dsoDateChange.emit({component:"dso-date-picker",originalEvent:e,validity:i,value:s,valueAsDate:o,error:d})}}dateValues(e){const{valueAsDate:t,validity:i}=e;return{value:a(t),valueAsDate:!i.rangeOverflow&&!i.rangeUnderflow&&t||void 0}}validityToError(e){return e.valueMissing?"required":e.rangeUnderflow?"min-range":e.rangeOverflow?"max-range":e.valid?void 0:"invalid"}render(){return s("input",{key:"6f1578829a919a36fb98128cb807d082e33c986f",type:"date",id:this.identifier,class:"dso-date__input",value:d(this.value),name:this.name,min:d(this.min),max:d(this.max),disabled:this.disabled||void 0,required:this.required||void 0,"aria-autocomplete":"none","aria-invalid":this.invalid?.toString(),"aria-describedby":this.describedBy,autoComplete:"off",autofocus:this.dsoAutofocus||void 0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown,onChange:this.handleInputChange})}get element(){return this}static get style(){return".sc-dso-date-picker-h{display:block}[invalid].sc-dso-date-picker-h:not([invalid=false]) .dso-date__input.sc-dso-date-picker{border-color:#ce3f51}.dso-date__input.sc-dso-date-picker{display:block;inline-size:100%;block-size:40px;padding-block:6px;padding-inline:14px;font-size:1rem;line-height:1.5;color:#191919;background-color:#fff;background-image:none;border:1px solid #275937;border-radius:4px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}.dso-date__input.sc-dso-date-picker::-moz-placeholder{color:#666;opacity:1}.dso-date__input.sc-dso-date-picker:-ms-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-webkit-input-placeholder{color:#666}.dso-date__input.sc-dso-date-picker::-ms-expand{background-color:transparent;border:0}.dso-date__input.sc-dso-date-picker:focus{border-color:#275937;outline:0;box-shadow:inset 0 0 0 1px #275937}.dso-date__input[disabled].sc-dso-date-picker,.dso-date__input[readonly].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{background-color:#fff;opacity:1}.dso-date__input[disabled].sc-dso-date-picker,fieldset[disabled].sc-dso-date-picker .dso-date__input.sc-dso-date-picker{cursor:default}.dso-date__input[disabled].sc-dso-date-picker{border-color:#e5e5e5;color:#999}.dso-date__input[readonly].sc-dso-date-picker{border-width:1px}.dso-date__input[type=text].sc-dso-date-picker{line-height:40px}.dso-date__input[size].sc-dso-date-picker{inline-size:auto}.dso-date__input.sc-dso-date-picker::-webkit-calendar-picker-indicator{position:relative;inset-inline-end:-8px;font-size:1.75rem;filter:invert(50%) sepia(66%) saturate(6528%) hue-rotate(71deg) brightness(94%) contrast(91%)}"}},[2,"dso-date-picker",{name:[1],identifier:[1],disabled:[516],required:[516],invalid:[516],describedBy:[1,"described-by"],dsoAutofocus:[4,"dso-autofocus"],value:[513],min:[1],max:[1]}]),r=n,c=function(){"undefined"!=typeof customElements&&["dso-date-picker"].forEach((e=>{"dso-date-picker"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{r as DsoDatePicker,c as defineCustomElement}

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

@@ -1,71 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, transformTag } from '@stencil/core/internal/client';
-import { i as isModifiedEvent } from './is-modified-event.js';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const documentCardCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !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}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}`;
-
-const DocumentCard = /*@__PURE__*/ proxyCustomElement(class DocumentCard extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoDocumentCardClick = createEvent(this, "dsoDocumentCardClick", 7);
-    }
-    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.dsoDocumentCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });
-    }
-    get metaSlottedElement() {
-        return this.host.querySelector("[slot='meta']");
-    }
-    get interactionsSlottedElement() {
-        return this.host.querySelector("[slot='interactions']");
-    }
-    render() {
-        return (h("div", { key: 'c72b21d24a1d8cddeb53808ebf8d7e04f60036f8', class: "dso-document-card-container" }, h("div", { key: '75256d968cd55399b5c8eb3b4b30a38dffad9b83', class: "dso-document-card-heading" }, h("a", { key: 'a43c1bc6c5e03b5a00e3593380a3d95118ce9d02', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("span", { key: '2c270a800db99c77c9b2800ca73c12e30ef83efd', class: "icon-container" }, h("dso-icon", { key: 'b712516ef47e844366872eca75a8050cedfab48b', icon: "chevron-right" }), h("slot", { key: 'ac375e345c607f0d9c97dbeae2be353dae327a43', name: "heading" })))), h("div", { key: '497d02ed37eae4648615e49caafbf080188ca1b2', class: "dso-document-card-type" }, h("slot", { key: 'cd3a3383991e8ab9a9ec5218c09b6d5f0597143b', name: "type" })), h("div", { key: '165974a97a18323fe9e8d02029df3598e93ad763', class: "dso-document-card-status" }, this.metaSlottedElement !== null && h("slot", { key: 'd6a1085eb9e8868053322efe49473222417f7dba', name: "meta" }), h("slot", { key: '7089e7150743a67472cd8c23e93b49a8f5f4620a', name: "status" }), this.interactionsSlottedElement !== null && h("slot", { key: '70f02c9f9d7851d6022634d83f139a1223d03889', name: "interactions" }))));
-    }
-    get host() { return this; }
-    static get style() { return documentCardCss(); }
-}, [257, "dso-document-card", {
-        "href": [513],
-        "active": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-document-card", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-document-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DocumentCard);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoDocumentCard = DocumentCard;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoDocumentCard, defineCustomElement };
-//# sourceMappingURL=dso-document-card.js.map
-
-//# sourceMappingURL=dso-document-card.js.map
+import{proxyCustomElement as e,HTMLElement as t,createEvent as n,forceUpdate as o,h as a,transformTag as i}from"@stencil/core/internal/client";import{i as d}from"./is-modified-event.js";import{d as c}from"./icon.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoDocumentCardClick=n(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof t&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return a("div",{key:"c72b21d24a1d8cddeb53808ebf8d7e04f60036f8",class:"dso-document-card-container"},a("div",{key:"75256d968cd55399b5c8eb3b4b30a38dffad9b83",class:"dso-document-card-heading"},a("a",{key:"a43c1bc6c5e03b5a00e3593380a3d95118ce9d02",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"2c270a800db99c77c9b2800ca73c12e30ef83efd",class:"icon-container"},a("dso-icon",{key:"b712516ef47e844366872eca75a8050cedfab48b",icon:"chevron-right"}),a("slot",{key:"ac375e345c607f0d9c97dbeae2be353dae327a43",name:"heading"})))),a("div",{key:"497d02ed37eae4648615e49caafbf080188ca1b2",class:"dso-document-card-type"},a("slot",{key:"cd3a3383991e8ab9a9ec5218c09b6d5f0597143b",name:"type"})),a("div",{key:"165974a97a18323fe9e8d02029df3598e93ad763",class:"dso-document-card-status"},null!==this.metaSlottedElement&&a("slot",{key:"d6a1085eb9e8868053322efe49473222417f7dba",name:"meta"}),a("slot",{key:"7089e7150743a67472cd8c23e93b49a8f5f4620a",name:"status"}),null!==this.interactionsSlottedElement&&a("slot",{key:"70f02c9f9d7851d6022634d83f139a1223d03889",name:"interactions"})))}get host(){return this}static get style(){return"*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !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}::slotted([slot=type]){--_dt-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}"}},[257,"dso-document-card",{href:[513],active:[516]}]),r=s,l=function(){"undefined"!=typeof customElements&&["dso-document-card","dso-icon"].forEach((e=>{switch(e){case"dso-document-card":customElements.get(i(e))||customElements.define(i(e),s);break;case"dso-icon":customElements.get(i(e))||c()}}))};export{r as DsoDocumentCard,l as defineCustomElement}

package/dist/components/dso-document-component.js

@@ -1,9 +1 @@
-import { D as DocumentComponent, d as defineCustomElement$1 } from './document-component.js';
-
-const DsoDocumentComponent = DocumentComponent;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoDocumentComponent, defineCustomElement };
-//# sourceMappingURL=dso-document-component.js.map
-
-//# sourceMappingURL=dso-document-component.js.map
+import{D as o,d as t}from"./document-component.js";const m=o,n=t;export{m as DsoDocumentComponent,n as defineCustomElement}

package/dist/components/dso-dropdown-menu.js

@@ -1,9 +1 @@
-import { D as DropdownMenu, d as defineCustomElement$1 } from './dropdown-menu.js';
-
-const DsoDropdownMenu = DropdownMenu;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoDropdownMenu, defineCustomElement };
-//# sourceMappingURL=dso-dropdown-menu.js.map
-
-//# sourceMappingURL=dso-dropdown-menu.js.map
+import{D as o,d as r}from"./dropdown-menu.js";const s=o,d=r;export{s as DsoDropdownMenu,d as defineCustomElement}