@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/components/dso-accordion.js

@@ -1,350 +1 @@
-import * as StencilCore from '@stencil/core/internal/client';
-import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
-
-const appendToMap = (map, propName, value) => {
-    let refs = map.get(propName);
-    if (!refs) {
-        refs = [];
-        map.set(propName, refs);
-    }
-    if (!refs.some((ref) => ref.deref() === value)) {
-        refs.push(new WeakRef(value));
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        const refs = map.get(key).filter((ref) => {
-            const elm = ref.deref();
-            return elm && isConnected(elm);
-        });
-        map.set(key, refs);
-    }
-}, 2_000);
-const core = StencilCore;
-const forceUpdate = core.forceUpdate;
-const getRenderingRef = core.getRenderingRef;
-const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const ensureForceUpdate = forceUpdate;
-    const ensureGetRenderingRef = getRenderingRef;
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = ensureGetRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const refs = elmsToUpdate.get(propName);
-            if (refs) {
-                const nextRefs = refs.filter((ref) => {
-                    const elm = ref.deref();
-                    if (!elm)
-                        return false;
-                    return ensureForceUpdate(elm);
-                });
-                elmsToUpdate.set(propName, nextRefs);
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((refs) => {
-                refs.forEach((ref) => {
-                    const elm = ref.deref();
-                    if (elm)
-                        ensureForceUpdate(elm);
-                });
-            });
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
-    const initialState = resolveDefaultState();
-    let states = new Map(Object.entries(initialState));
-    const proxyAvailable = typeof Proxy !== 'undefined';
-    const plainState = proxyAvailable ? null : {};
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    // Track onChange listeners to enable removeListener functionality
-    const changeListeners = new Map();
-    const reset = () => {
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(resolveDefaultState()));
-        if (!proxyAvailable) {
-            syncPlainStateKeys();
-        }
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            if (!proxyAvailable) {
-                ensurePlainProperty(propName);
-            }
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (proxyAvailable
-        ? new Proxy(initialState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        })
-        : (() => {
-            syncPlainStateKeys();
-            return plainState;
-        })());
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const setHandler = (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        };
-        const resetHandler = () => {
-            const snapshot = resolveDefaultState();
-            cb(snapshot[propName]);
-        };
-        // Register the handlers
-        const unSet = on('set', setHandler);
-        const unReset = on('reset', resetHandler);
-        // Track the relationship between the user callback and internal handlers
-        changeListeners.set(cb, { setHandler, resetHandler, propName });
-        return () => {
-            unSet();
-            unReset();
-            changeListeners.delete(cb);
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    const removeListener = (propName, listener) => {
-        const listenerInfo = changeListeners.get(listener);
-        if (listenerInfo && listenerInfo.propName === propName) {
-            // Remove the specific handlers that were created for this listener
-            removeFromArray(handlers.set, listenerInfo.setHandler);
-            removeFromArray(handlers.reset, listenerInfo.resetHandler);
-            changeListeners.delete(listener);
-        }
-    };
-    function ensurePlainProperty(key) {
-        if (proxyAvailable || !plainState) {
-            return;
-        }
-        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
-            return;
-        }
-        Object.defineProperty(plainState, key, {
-            configurable: true,
-            enumerable: true,
-            get() {
-                return get(key);
-            },
-            set(value) {
-                set(key, value);
-            },
-        });
-    }
-    function syncPlainStateKeys() {
-        if (proxyAvailable || !plainState) {
-            return;
-        }
-        const knownKeys = new Set(states.keys());
-        for (const key of Object.keys(plainState)) {
-            if (!knownKeys.has(key)) {
-                delete plainState[key];
-            }
-        }
-        for (const key of knownKeys) {
-            ensurePlainProperty(key);
-        }
-    }
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-        removeListener,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-const accordionCss = () => `:host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}`;
-
-const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        const { state } = createStore({
-            variant: "default",
-            reverseAlign: false,
-        });
-        this.accordionState = state;
-    }
-    /**
-     * The variant of the Accordion.
-     */
-    get variant() {
-        return this.accordionState.variant;
-    }
-    set variant(value) {
-        this.accordionState.variant = value || "default";
-    }
-    /**
-     * Places the chevron at the opposite side.
-     *
-     * Note: this mode does not display `state`, `attachmentCount` or `status` props on Accordion Sections
-     */
-    get reverseAlign() {
-        return this.accordionState.reverseAlign;
-    }
-    set reverseAlign(value) {
-        this.accordionState.reverseAlign = value || false;
-    }
-    /**
-     * @internal
-     */
-    async _getState() {
-        return this.accordionState;
-    }
-    render() {
-        return (h(Host, { key: '9488887d4b47c470a237c25e369b013eeeb55ef9' }, h("slot", { key: '7c6ef21c22e84d486f3d71230b042f0119a89388' })));
-    }
-    get host() { return this; }
-    static get style() { return accordionCss(); }
-}, [257, "dso-accordion", {
-        "variant": [6145],
-        "reverseAlign": [6148, "reverse-align"],
-        "_getState": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-accordion":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Accordion);
-            }
-            break;
-    } });
-}
-
-const DsoAccordion = Accordion;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoAccordion, defineCustomElement };
-//# sourceMappingURL=dso-accordion.js.map
-
-//# sourceMappingURL=dso-accordion.js.map
+import*as e from"@stencil/core/internal/client";import{proxyCustomElement as t,HTMLElement as o,h as n,Host as s,transformTag as r}from"@stencil/core/internal/client";const c=e=>!("isConnected"in e)||e.isConnected,i=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const o=e.get(t).filter((e=>{const t=e.deref();return t&&c(t)}));e.set(t,o)}})(...t)}),2e3)}})(),a=e.forceUpdate,d=e.getRenderingRef,l=(e,t)=>{const o=e.indexOf(t);o>=0&&(e[o]=e[e.length-1],e.length--)},u=(e,t)=>{const o=((e,t=(e,t)=>e!==t)=>{const o=()=>(e=>"function"==typeof e?e():e)(e)??{},n=o();let s=new Map(Object.entries(n));const r="undefined"!=typeof Proxy,c=r?null:{},i={dispose:[],get:[],set:[],reset:[]},a=new Map,d=()=>{s=new Map(Object.entries(o())),r||m(),i.reset.forEach((e=>e()))},u=e=>(i.get.forEach((t=>t(e))),s.get(e)),f=(e,o)=>{const n=s.get(e);t(o,n,e)&&(s.set(e,o),r||g(e),i.set.forEach((t=>t(e,o,n))))},p=r?new Proxy(n,{get:(e,t)=>u(t),ownKeys:()=>Array.from(s.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>s.has(t),set:(e,t,o)=>(f(t,o),!0)}):(m(),c),b=(e,t)=>(i[e].push(t),()=>{l(i[e],t)});function g(e){!r&&c&&(Object.prototype.hasOwnProperty.call(c,e)||Object.defineProperty(c,e,{configurable:!0,enumerable:!0,get:()=>u(e),set(t){f(e,t)}}))}function m(){if(r||!c)return;const e=new Set(s.keys());for(const t of Object.keys(c))e.has(t)||delete c[t];for(const t of e)g(t)}return{state:p,get:u,set:f,on:b,onChange:(e,t)=>{const n=(o,n)=>{o===e&&t(n)},s=()=>{const n=o();t(n[e])},r=b("set",n),c=b("reset",s);return a.set(t,{setHandler:n,resetHandler:s,propName:e}),()=>{r(),c(),a.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(b("set",t.set)),t.get&&e.push(b("get",t.get)),t.reset&&e.push(b("reset",t.reset)),t.dispose&&e.push(b("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{i.dispose.forEach((e=>e())),d()},reset:d,forceUpdate:e=>{const t=s.get(e);i.set.forEach((o=>o(e,t,t)))},removeListener:(e,t)=>{const o=a.get(t);o&&o.propName===e&&(l(i.set,o.setHandler),l(i.reset,o.resetHandler),a.delete(t))}}})(e,t);return o.use((()=>{if("function"!=typeof d||"function"!=typeof a)return{};const e=a,t=d,o=new Map;return{dispose:()=>o.clear(),get:e=>{const n=t();n&&((e,t,o)=>{let n=e.get(t);n||(n=[],e.set(t,n)),n.some((e=>e.deref()===o))||n.push(new WeakRef(o))})(o,e,n)},set:t=>{const n=o.get(t);if(n){const s=n.filter((t=>{const o=t.deref();return!!o&&e(o)}));o.set(t,s)}i(o)},reset:()=>{o.forEach((t=>{t.forEach((t=>{const o=t.deref();o&&e(o)}))})),i(o)}}})()),o},f=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow();const{state:t}=u({variant:"default",reverseAlign:!1});this.accordionState=t}get variant(){return this.accordionState.variant}set variant(e){this.accordionState.variant=e||"default"}get reverseAlign(){return this.accordionState.reverseAlign}set reverseAlign(e){this.accordionState.reverseAlign=e||!1}async _getState(){return this.accordionState}render(){return n(s,{key:"9488887d4b47c470a237c25e369b013eeeb55ef9"},n("slot",{key:"7c6ef21c22e84d486f3d71230b042f0119a89388"}))}get host(){return this}static get style(){return":host{display:block;margin-block-end:var(--_dso-accordion-margin-block-end, 32px)}*,*::after,*::before{box-sizing:border-box}::slotted(dso-accordion-section:not(:first-child,.dso-accordion-compact,.dso-accordion-compact-black)){margin-block-start:4px}::slotted(dso-accordion-section.dso-accordion-compact:last-child),::slotted(dso-accordion-section.dso-accordion-compact-black:last-child){border-block-end:1px solid #ccc}"}},[257,"dso-accordion",{variant:[6145],reverseAlign:[6148,"reverse-align"],_getState:[64]}]),p=f,b=function(){"undefined"!=typeof customElements&&["dso-accordion"].forEach((e=>{"dso-accordion"===e&&(customElements.get(r(e))||customElements.define(r(e),f))}))};export{p as DsoAccordion,b as defineCustomElement}

package/dist/components/dso-action-list-item.js

@@ -1,65 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const actionListItemCss = () => `*,*::after,*::before{box-sizing:border-box}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{display:block;padding-block:16px;position:relative}:host(.divider) .dso-action-list-item::after{border-block-end:0.25rem dashed #6ca4d9;inset-block-end:0;content:"";display:block;block-size:24px;position:absolute;inset-inline-start:calc(2rem + 16px + 16px + 8px - 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{inset-inline-start:calc(2rem + 16px + 16px + 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px))}}h3{margin-block-end:16px;margin-block-start:0;min-block-size:48px;padding-block-start:9px;color:#275937;color:#275937;font-size:1.125rem;font-weight:600}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{block-size:48px;inline-size:48px}`;
-
-const ActionListItem = /*@__PURE__*/ proxyCustomElement(class ActionListItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Show flow line to next step
-         */
-        this.flowLine = false;
-        /**
-         * When there is a warning.
-         */
-        this.warning = false;
-        /**
-         * Places a dashed line at the bottom of the item.
-         */
-        this.divider = false;
-    }
-    render() {
-        return (h(Host, { key: '38b0099c5db2ae264b5c57249adee9d080884655', class: {
-                divider: this.divider,
-                "flow-line": this.flowLine,
-            } }, h("div", { key: 'a1cca9570d71f1dd7b658036891cc4a6c7f3ad89', class: "dso-action-list-item" }, this.warning ? h("dso-icon", { icon: "status-warning" }) : h("div", { class: "dso-step-counter" }, this.step), h("div", { key: 'ff1367bf4a889bcd9f814ce7a0b5e9e74157d4a3', class: "action-list-item-content" }, this.itemTitle && h("h3", { key: '4aad348c7b67589c64f48a53ab7edf1b59ba741d' }, this.itemTitle), h("slot", { key: '1fe91f7787f5194813505976c628a39ba3f04357' })))));
-    }
-    static get style() { return actionListItemCss(); }
-}, [257, "dso-action-list-item", {
-        "step": [2],
-        "itemTitle": [1, "item-title"],
-        "flowLine": [4, "flow-line"],
-        "warning": [4],
-        "divider": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-action-list-item", "dso-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-action-list-item":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), ActionListItem);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsoActionListItem = ActionListItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoActionListItem, defineCustomElement };
-//# sourceMappingURL=dso-action-list-item.js.map
-
-//# sourceMappingURL=dso-action-list-item.js.map
+import{proxyCustomElement as i,HTMLElement as e,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./icon.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.flowLine=!1,this.warning=!1,this.divider=!1}render(){return t(s,{key:"38b0099c5db2ae264b5c57249adee9d080884655",class:{divider:this.divider,"flow-line":this.flowLine}},t("div",{key:"a1cca9570d71f1dd7b658036891cc4a6c7f3ad89",class:"dso-action-list-item"},this.warning?t("dso-icon",{icon:"status-warning"}):t("div",{class:"dso-step-counter"},this.step),t("div",{key:"ff1367bf4a889bcd9f814ce7a0b5e9e74157d4a3",class:"action-list-item-content"},this.itemTitle&&t("h3",{key:"4aad348c7b67589c64f48a53ab7edf1b59ba741d"},this.itemTitle),t("slot",{key:"1fe91f7787f5194813505976c628a39ba3f04357"}))))}static get style(){return'*,*::after,*::before{box-sizing:border-box}:host .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;block-size:2rem;inset-inline-start:16px;line-height:2rem;position:absolute;text-align:center;inset-block-start:-1.5rem;inline-size:2rem}:host{display:block;padding-block:16px;position:relative}:host(.divider) .dso-action-list-item::after{border-block-end:0.25rem dashed #6ca4d9;inset-block-end:0;content:"";display:block;block-size:24px;position:absolute;inset-inline-start:calc(2rem + 16px + 16px + 8px - 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px - 8px))}@media screen and (min-width: 480px){:host(.divider) .dso-action-list-item::after{inset-inline-start:calc(2rem + 16px + 16px + 8px);inline-size:calc(100% - (2rem + 16px + 16px + 8px))}}h3{margin-block-end:16px;margin-block-start:0;min-block-size:48px;padding-block-start:9px;color:#275937;color:#275937;font-size:1.125rem;font-weight:600}@media screen and (min-width: 480px){h3{font-size:1.25rem}}.dso-action-list-item{display:grid;grid-template-columns:calc(2rem + 16px + 16px + 8px - 8px) 1fr}@media screen and (min-width: 480px){.dso-action-list-item{grid-template-columns:calc(2rem + 16px + 16px + 8px) 1fr}}.dso-action-list-item .dso-step-counter{position:unset}.dso-action-list-item .action-list-item-content{grid-column:2/2}dso-icon{block-size:48px;inline-size:48px}'}},[257,"dso-action-list-item",{step:[2],itemTitle:[1,"item-title"],flowLine:[4,"flow-line"],warning:[4],divider:[4]}]),a=c,d=function(){"undefined"!=typeof customElements&&["dso-action-list-item","dso-icon"].forEach((i=>{switch(i){case"dso-action-list-item":customElements.get(o(i))||customElements.define(o(i),c);break;case"dso-icon":customElements.get(o(i))||n()}}))};export{a as DsoActionListItem,d as defineCustomElement}

package/dist/components/dso-action-list.js

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
-
-const actionListCss = () => `:host{display:block;padding-block:16px;padding-inline:16px}@media screen and (min-width: 768px){:host{padding-inline-end:96px}}: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-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919}*,*::after,*::before{box-sizing:border-box}h2{margin-block:0 16px;color:#275937;color:#275937;font-size:1.25rem;font-weight:700}@media screen and (min-width: 480px){h2{font-size:1.5rem}}.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px - 8px)}@media screen and (min-width: 480px){.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px)}}`;
-
-const ActionList = /*@__PURE__*/ proxyCustomElement(class ActionList extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '420035c23ceca58542a8d098fa92198bd520563a' }, h("h2", { key: 'd1ddb040ad32fc98eddbbe53f4dc197c644b1102' }, this.listTitle), h("div", { key: '6e3a3a7b25a38e714cb7c694bb5550e47a3df695', class: "dso-action-list-content" }, h("slot", { key: '277c6549b7ad64e06d9913fa4a7489daaea37c68' }))));
-    }
-    static get style() { return actionListCss(); }
-}, [257, "dso-action-list", {
-        "listTitle": [1, "list-title"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-action-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-action-list":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), ActionList);
-            }
-            break;
-    } });
-}
-
-const DsoActionList = ActionList;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsoActionList, defineCustomElement };
-//# sourceMappingURL=dso-action-list.js.map
-
-//# sourceMappingURL=dso-action-list.js.map
+import{proxyCustomElement as o,HTMLElement as r,h as e,Host as t,transformTag as i}from"@stencil/core/internal/client";const d=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}render(){return e(t,{key:"420035c23ceca58542a8d098fa92198bd520563a"},e("h2",{key:"d1ddb040ad32fc98eddbbe53f4dc197c644b1102"},this.listTitle),e("div",{key:"6e3a3a7b25a38e714cb7c694bb5550e47a3df695",class:"dso-action-list-content"},e("slot",{key:"277c6549b7ad64e06d9913fa4a7489daaea37c68"})))}static get style(){return':host{display:block;padding-block:16px;padding-inline:16px}@media screen and (min-width: 768px){:host{padding-inline-end:96px}}: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-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919}*,*::after,*::before{box-sizing:border-box}h2{margin-block:0 16px;color:#275937;color:#275937;font-size:1.25rem;font-weight:700}@media screen and (min-width: 480px){h2{font-size:1.5rem}}.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px - 8px)}@media screen and (min-width: 480px){.dso-action-list-content{padding-inline-start:calc(2rem + 16px + 16px + 8px)}}'}},[257,"dso-action-list",{listTitle:[1,"list-title"]}]),a=d,s=function(){"undefined"!=typeof customElements&&["dso-action-list"].forEach((o=>{"dso-action-list"===o&&(customElements.get(i(o))||customElements.define(i(o),d))}))};export{a as DsoActionList,s as defineCustomElement}