@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/components/index.js

@@ -1,74 +1 @@
-export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { DsoAccordion, defineCustomElement as defineCustomElementDsoAccordion } from './dso-accordion.js';
-export { DsoAccordionSection, defineCustomElement as defineCustomElementDsoAccordionSection } from './dso-accordion-section.js';
-export { DsoActionList, defineCustomElement as defineCustomElementDsoActionList } from './dso-action-list.js';
-export { DsoActionListItem, defineCustomElement as defineCustomElementDsoActionListItem } from './dso-action-list-item.js';
-export { DsoAdvancedSelect, defineCustomElement as defineCustomElementDsoAdvancedSelect } from './dso-advanced-select.js';
-export { DsoAlert, defineCustomElement as defineCustomElementDsoAlert } from './dso-alert.js';
-export { DsoAnnotationActiviteit, defineCustomElement as defineCustomElementDsoAnnotationActiviteit } from './dso-annotation-activiteit.js';
-export { DsoAnnotationGebiedsaanwijzing, defineCustomElement as defineCustomElementDsoAnnotationGebiedsaanwijzing } from './dso-annotation-gebiedsaanwijzing.js';
-export { DsoAnnotationKaart, defineCustomElement as defineCustomElementDsoAnnotationKaart } from './dso-annotation-kaart.js';
-export { DsoAnnotationLocatie, defineCustomElement as defineCustomElementDsoAnnotationLocatie } from './dso-annotation-locatie.js';
-export { DsoAnnotationOmgevingsnormwaarde, defineCustomElement as defineCustomElementDsoAnnotationOmgevingsnormwaarde } from './dso-annotation-omgevingsnormwaarde.js';
-export { DsoAttachmentsCounter, defineCustomElement as defineCustomElementDsoAttachmentsCounter } from './dso-attachments-counter.js';
-export { DsoAutosuggest, defineCustomElement as defineCustomElementDsoAutosuggest } from './dso-autosuggest.js';
-export { DsoBadge, defineCustomElement as defineCustomElementDsoBadge } from './dso-badge.js';
-export { DsoBanner, defineCustomElement as defineCustomElementDsoBanner } from './dso-banner.js';
-export { DsoButtonGroup, defineCustomElement as defineCustomElementDsoButtonGroup } from './dso-button-group.js';
-export { DsoCard, defineCustomElement as defineCustomElementDsoCard } from './dso-card.js';
-export { DsoCardContainer, defineCustomElement as defineCustomElementDsoCardContainer } from './dso-card-container.js';
-export { DsoContactInformation, defineCustomElement as defineCustomElementDsoContactInformation } from './dso-contact-information.js';
-export { DsoCursorTooltip, defineCustomElement as defineCustomElementDsoCursorTooltip } from './dso-cursor-tooltip.js';
-export { DsoDatePicker, defineCustomElement as defineCustomElementDsoDatePicker } from './dso-date-picker.js';
-export { DsoDocumentCard, defineCustomElement as defineCustomElementDsoDocumentCard } from './dso-document-card.js';
-export { DsoDocumentComponent, defineCustomElement as defineCustomElementDsoDocumentComponent } from './dso-document-component.js';
-export { DsoDropdownMenu, defineCustomElement as defineCustomElementDsoDropdownMenu } from './dso-dropdown-menu.js';
-export { DsoExpandable, defineCustomElement as defineCustomElementDsoExpandable } from './dso-expandable.js';
-export { DsoHeader, defineCustomElement as defineCustomElementDsoHeader } from './dso-header.js';
-export { DsoHighlightBox, defineCustomElement as defineCustomElementDsoHighlightBox } from './dso-highlight-box.js';
-export { DsoHistoryItem, defineCustomElement as defineCustomElementDsoHistoryItem } from './dso-history-item.js';
-export { DsoIcon, defineCustomElement as defineCustomElementDsoIcon } from './dso-icon.js';
-export { DsoIconButton, defineCustomElement as defineCustomElementDsoIconButton } from './dso-icon-button.js';
-export { DsoImageOverlay, defineCustomElement as defineCustomElementDsoImageOverlay } from './dso-image-overlay.js';
-export { DsoInfo, defineCustomElement as defineCustomElementDsoInfo } from './dso-info.js';
-export { DsoInfoButton, defineCustomElement as defineCustomElementDsoInfoButton } from './dso-info-button.js';
-export { DsoInputRange, defineCustomElement as defineCustomElementDsoInputRange } from './dso-input-range.js';
-export { DsoLabel, defineCustomElement as defineCustomElementDsoLabel } from './dso-label.js';
-export { DsoLegend, defineCustomElement as defineCustomElementDsoLegend } from './dso-legend.js';
-export { DsoLegendItem, defineCustomElement as defineCustomElementDsoLegendItem } from './dso-legend-item.js';
-export { DsoListButton, defineCustomElement as defineCustomElementDsoListButton } from './dso-list-button.js';
-export { DsoLogo, defineCustomElement as defineCustomElementDsoLogo } from './dso-logo.js';
-export { DsoMapBaseLayers, defineCustomElement as defineCustomElementDsoMapBaseLayers } from './dso-map-base-layers.js';
-export { DsoMapControls, defineCustomElement as defineCustomElementDsoMapControls } from './dso-map-controls.js';
-export { DsoMapLayer, defineCustomElement as defineCustomElementDsoMapLayer } from './dso-map-layer.js';
-export { DsoMapLayerObject, defineCustomElement as defineCustomElementDsoMapLayerObject } from './dso-map-layer-object.js';
-export { DsoMapOverlays, defineCustomElement as defineCustomElementDsoMapOverlays } from './dso-map-overlays.js';
-export { DsoMarkBar, defineCustomElement as defineCustomElementDsoMarkBar } from './dso-mark-bar.js';
-export { DsoModal, defineCustomElement as defineCustomElementDsoModal } from './dso-modal.js';
-export { DsoOnboardingTip, defineCustomElement as defineCustomElementDsoOnboardingTip } from './dso-onboarding-tip.js';
-export { DsoOzonContent, defineCustomElement as defineCustomElementDsoOzonContent } from './dso-ozon-content.js';
-export { DsoOzonContentToggletip, defineCustomElement as defineCustomElementDsoOzonContentToggletip } from './dso-ozon-content-toggletip.js';
-export { DsoPagination, defineCustomElement as defineCustomElementDsoPagination } from './dso-pagination.js';
-export { DsoPanel, defineCustomElement as defineCustomElementDsoPanel } from './dso-panel.js';
-export { DsoPlekinfoCard, defineCustomElement as defineCustomElementDsoPlekinfoCard } from './dso-plekinfo-card.js';
-export { DsoProgressIndicator, defineCustomElement as defineCustomElementDsoProgressIndicator } from './dso-progress-indicator.js';
-export { DsoProjectItem, defineCustomElement as defineCustomElementDsoProjectItem } from './dso-project-item.js';
-export { DsoRenvooi, defineCustomElement as defineCustomElementDsoRenvooi } from './dso-renvooi.js';
-export { DsoResponsiveElement, defineCustomElement as defineCustomElementDsoResponsiveElement } from './dso-responsive-element.js';
-export { DsoScrollable, defineCustomElement as defineCustomElementDsoScrollable } from './dso-scrollable.js';
-export { DsoSelectable, defineCustomElement as defineCustomElementDsoSelectable } from './dso-selectable.js';
-export { DsoSkiplink, defineCustomElement as defineCustomElementDsoSkiplink } from './dso-skiplink.js';
-export { DsoSlideToggle, defineCustomElement as defineCustomElementDsoSlideToggle } from './dso-slide-toggle.js';
-export { DsoSurveyRating, defineCustomElement as defineCustomElementDsoSurveyRating } from './dso-survey-rating.js';
-export { DsoTab, defineCustomElement as defineCustomElementDsoTab } from './dso-tab.js';
-export { DsoTable, defineCustomElement as defineCustomElementDsoTable } from './dso-table.js';
-export { DsoTabs, defineCustomElement as defineCustomElementDsoTabs } from './dso-tabs.js';
-export { DsoTijdreisBanner, defineCustomElement as defineCustomElementDsoTijdreisBanner } from './dso-tijdreis-banner.js';
-export { DsoToggletip, defineCustomElement as defineCustomElementDsoToggletip } from './dso-toggletip.js';
-export { DsoTooltip, defineCustomElement as defineCustomElementDsoTooltip } from './dso-tooltip.js';
-export { DsoTreeView, defineCustomElement as defineCustomElementDsoTreeView } from './dso-tree-view.js';
-export { DsoViewerGrid, defineCustomElement as defineCustomElementDsoViewerGrid } from './dso-viewer-grid.js';
-export { DsotDocumentComponentDemo, defineCustomElement as defineCustomElementDsotDocumentComponentDemo } from './dsot-document-component-demo.js';
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{DsoAccordion,defineCustomElement as defineCustomElementDsoAccordion}from"./dso-accordion.js";export{DsoAccordionSection,defineCustomElement as defineCustomElementDsoAccordionSection}from"./dso-accordion-section.js";export{DsoActionList,defineCustomElement as defineCustomElementDsoActionList}from"./dso-action-list.js";export{DsoActionListItem,defineCustomElement as defineCustomElementDsoActionListItem}from"./dso-action-list-item.js";export{DsoAdvancedSelect,defineCustomElement as defineCustomElementDsoAdvancedSelect}from"./dso-advanced-select.js";export{DsoAlert,defineCustomElement as defineCustomElementDsoAlert}from"./dso-alert.js";export{DsoAnnotationActiviteit,defineCustomElement as defineCustomElementDsoAnnotationActiviteit}from"./dso-annotation-activiteit.js";export{DsoAnnotationGebiedsaanwijzing,defineCustomElement as defineCustomElementDsoAnnotationGebiedsaanwijzing}from"./dso-annotation-gebiedsaanwijzing.js";export{DsoAnnotationKaart,defineCustomElement as defineCustomElementDsoAnnotationKaart}from"./dso-annotation-kaart.js";export{DsoAnnotationLocatie,defineCustomElement as defineCustomElementDsoAnnotationLocatie}from"./dso-annotation-locatie.js";export{DsoAnnotationOmgevingsnormwaarde,defineCustomElement as defineCustomElementDsoAnnotationOmgevingsnormwaarde}from"./dso-annotation-omgevingsnormwaarde.js";export{DsoAttachmentsCounter,defineCustomElement as defineCustomElementDsoAttachmentsCounter}from"./dso-attachments-counter.js";export{DsoAutosuggest,defineCustomElement as defineCustomElementDsoAutosuggest}from"./dso-autosuggest.js";export{DsoBadge,defineCustomElement as defineCustomElementDsoBadge}from"./dso-badge.js";export{DsoBanner,defineCustomElement as defineCustomElementDsoBanner}from"./dso-banner.js";export{DsoButtonGroup,defineCustomElement as defineCustomElementDsoButtonGroup}from"./dso-button-group.js";export{DsoCard,defineCustomElement as defineCustomElementDsoCard}from"./dso-card.js";export{DsoCardContainer,defineCustomElement as defineCustomElementDsoCardContainer}from"./dso-card-container.js";export{DsoContactInformation,defineCustomElement as defineCustomElementDsoContactInformation}from"./dso-contact-information.js";export{DsoCursorTooltip,defineCustomElement as defineCustomElementDsoCursorTooltip}from"./dso-cursor-tooltip.js";export{DsoDatePicker,defineCustomElement as defineCustomElementDsoDatePicker}from"./dso-date-picker.js";export{DsoDocumentCard,defineCustomElement as defineCustomElementDsoDocumentCard}from"./dso-document-card.js";export{DsoDocumentComponent,defineCustomElement as defineCustomElementDsoDocumentComponent}from"./dso-document-component.js";export{DsoDropdownMenu,defineCustomElement as defineCustomElementDsoDropdownMenu}from"./dso-dropdown-menu.js";export{DsoExpandable,defineCustomElement as defineCustomElementDsoExpandable}from"./dso-expandable.js";export{DsoHeader,defineCustomElement as defineCustomElementDsoHeader}from"./dso-header.js";export{DsoHighlightBox,defineCustomElement as defineCustomElementDsoHighlightBox}from"./dso-highlight-box.js";export{DsoHistoryItem,defineCustomElement as defineCustomElementDsoHistoryItem}from"./dso-history-item.js";export{DsoIcon,defineCustomElement as defineCustomElementDsoIcon}from"./dso-icon.js";export{DsoIconButton,defineCustomElement as defineCustomElementDsoIconButton}from"./dso-icon-button.js";export{DsoImageOverlay,defineCustomElement as defineCustomElementDsoImageOverlay}from"./dso-image-overlay.js";export{DsoInfo,defineCustomElement as defineCustomElementDsoInfo}from"./dso-info.js";export{DsoInfoButton,defineCustomElement as defineCustomElementDsoInfoButton}from"./dso-info-button.js";export{DsoInputRange,defineCustomElement as defineCustomElementDsoInputRange}from"./dso-input-range.js";export{DsoLabel,defineCustomElement as defineCustomElementDsoLabel}from"./dso-label.js";export{DsoLegend,defineCustomElement as defineCustomElementDsoLegend}from"./dso-legend.js";export{DsoLegendGroup,defineCustomElement as defineCustomElementDsoLegendGroup}from"./dso-legend-group.js";export{DsoLegendItem,defineCustomElement as defineCustomElementDsoLegendItem}from"./dso-legend-item.js";export{DsoListButton,defineCustomElement as defineCustomElementDsoListButton}from"./dso-list-button.js";export{DsoLogo,defineCustomElement as defineCustomElementDsoLogo}from"./dso-logo.js";export{DsoMapBaseLayers,defineCustomElement as defineCustomElementDsoMapBaseLayers}from"./dso-map-base-layers.js";export{DsoMapControls,defineCustomElement as defineCustomElementDsoMapControls}from"./dso-map-controls.js";export{DsoMapLayer,defineCustomElement as defineCustomElementDsoMapLayer}from"./dso-map-layer.js";export{DsoMapLayerObject,defineCustomElement as defineCustomElementDsoMapLayerObject}from"./dso-map-layer-object.js";export{DsoMapOverlays,defineCustomElement as defineCustomElementDsoMapOverlays}from"./dso-map-overlays.js";export{DsoMarkBar,defineCustomElement as defineCustomElementDsoMarkBar}from"./dso-mark-bar.js";export{DsoModal,defineCustomElement as defineCustomElementDsoModal}from"./dso-modal.js";export{DsoOnboardingTip,defineCustomElement as defineCustomElementDsoOnboardingTip}from"./dso-onboarding-tip.js";export{DsoOzonContent,defineCustomElement as defineCustomElementDsoOzonContent}from"./dso-ozon-content.js";export{DsoOzonContentToggletip,defineCustomElement as defineCustomElementDsoOzonContentToggletip}from"./dso-ozon-content-toggletip.js";export{DsoPagination,defineCustomElement as defineCustomElementDsoPagination}from"./dso-pagination.js";export{DsoPanel,defineCustomElement as defineCustomElementDsoPanel}from"./dso-panel.js";export{DsoPlekinfoCard,defineCustomElement as defineCustomElementDsoPlekinfoCard}from"./dso-plekinfo-card.js";export{DsoProgressIndicator,defineCustomElement as defineCustomElementDsoProgressIndicator}from"./dso-progress-indicator.js";export{DsoProjectItem,defineCustomElement as defineCustomElementDsoProjectItem}from"./dso-project-item.js";export{DsoRenvooi,defineCustomElement as defineCustomElementDsoRenvooi}from"./dso-renvooi.js";export{DsoResponsiveElement,defineCustomElement as defineCustomElementDsoResponsiveElement}from"./dso-responsive-element.js";export{DsoScrollable,defineCustomElement as defineCustomElementDsoScrollable}from"./dso-scrollable.js";export{DsoSegmentedButton,defineCustomElement as defineCustomElementDsoSegmentedButton}from"./dso-segmented-button.js";export{DsoSelectable,defineCustomElement as defineCustomElementDsoSelectable}from"./dso-selectable.js";export{DsoSkiplink,defineCustomElement as defineCustomElementDsoSkiplink}from"./dso-skiplink.js";export{DsoSlideToggle,defineCustomElement as defineCustomElementDsoSlideToggle}from"./dso-slide-toggle.js";export{DsoSurveyRating,defineCustomElement as defineCustomElementDsoSurveyRating}from"./dso-survey-rating.js";export{DsoTab,defineCustomElement as defineCustomElementDsoTab}from"./dso-tab.js";export{DsoTable,defineCustomElement as defineCustomElementDsoTable}from"./dso-table.js";export{DsoTabs,defineCustomElement as defineCustomElementDsoTabs}from"./dso-tabs.js";export{DsoTijdreisBanner,defineCustomElement as defineCustomElementDsoTijdreisBanner}from"./dso-tijdreis-banner.js";export{DsoToggletip,defineCustomElement as defineCustomElementDsoToggletip}from"./dso-toggletip.js";export{DsoTooltip,defineCustomElement as defineCustomElementDsoTooltip}from"./dso-tooltip.js";export{DsoTreeView,defineCustomElement as defineCustomElementDsoTreeView}from"./dso-tree-view.js";export{DsoViewerGrid,defineCustomElement as defineCustomElementDsoViewerGrid}from"./dso-viewer-grid.js";export{DsotDocumentComponentDemo,defineCustomElement as defineCustomElementDsotDocumentComponentDemo}from"./dsot-document-component-demo.js";

package/dist/components/index2.js

@@ -1,109 +1 @@
-function debounce(function_, wait = 100, options = {}) {
-	if (typeof function_ !== 'function') {
-		throw new TypeError(`Expected the first parameter to be a function, got \`${typeof function_}\`.`);
-	}
-
-	if (wait < 0) {
-		throw new RangeError('`wait` must not be negative.');
-	}
-
-	if (typeof options === 'boolean') {
-		throw new TypeError('The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.');
-	}
-
-	const {immediate} = options;
-
-	let storedContext;
-	let storedArguments;
-	let timeoutId;
-	let timestamp;
-	let result;
-
-	function run() {
-		const callContext = storedContext;
-		const callArguments = storedArguments;
-		storedContext = undefined;
-		storedArguments = undefined;
-		result = function_.apply(callContext, callArguments);
-		return result;
-	}
-
-	function later() {
-		const last = Date.now() - timestamp;
-
-		if (last < wait && last >= 0) {
-			timeoutId = setTimeout(later, wait - last);
-		} else {
-			timeoutId = undefined;
-
-			if (!immediate) {
-				result = run();
-			}
-		}
-	}
-
-	const debounced = function (...arguments_) {
-		if (
-			storedContext
-			&& this !== storedContext
-			&& Object.getPrototypeOf(this) === Object.getPrototypeOf(storedContext)
-		) {
-			throw new Error('Debounced method called with different contexts of the same prototype.');
-		}
-
-		storedContext = this; // eslint-disable-line unicorn/no-this-assignment
-		storedArguments = arguments_;
-		timestamp = Date.now();
-
-		const callNow = immediate && !timeoutId;
-
-		if (!timeoutId) {
-			timeoutId = setTimeout(later, wait);
-		}
-
-		if (callNow) {
-			result = run();
-			return result;
-		}
-
-		return undefined;
-	};
-
-	Object.defineProperty(debounced, 'isPending', {
-		get() {
-			return timeoutId !== undefined;
-		},
-	});
-
-	debounced.clear = () => {
-		if (!timeoutId) {
-			return;
-		}
-
-		clearTimeout(timeoutId);
-		timeoutId = undefined;
-		storedContext = undefined;
-		storedArguments = undefined;
-	};
-
-	debounced.flush = () => {
-		if (!timeoutId) {
-			return;
-		}
-
-		debounced.trigger();
-	};
-
-	debounced.trigger = () => {
-		result = run();
-
-		debounced.clear();
-	};
-
-	return debounced;
-}
-
-export { debounce as d };
-//# sourceMappingURL=index2.js.map
-
-//# sourceMappingURL=index2.js.map
+function t(t,e=100,o={}){if("function"!=typeof t)throw new TypeError(`Expected the first parameter to be a function, got \`${typeof t}\`.`);if(e<0)throw new RangeError("`wait` must not be negative.");if("boolean"==typeof o)throw new TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");const{immediate:n}=o;let i,r,a,c,s;function f(){const e=i,o=r;return i=void 0,r=void 0,s=t.apply(e,o),s}function d(){const t=Date.now()-c;t<e&&t>=0?a=setTimeout(d,e-t):(a=void 0,n||(s=f()))}const u=function(...t){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw new Error("Debounced method called with different contexts of the same prototype.");i=this,r=t,c=Date.now();const o=n&&!a;if(a||(a=setTimeout(d,e)),o)return s=f(),s};return Object.defineProperty(u,"isPending",{get:()=>void 0!==a}),u.clear=()=>{a&&(clearTimeout(a),a=void 0,i=void 0,r=void 0)},u.flush=()=>{a&&u.trigger()},u.trigger=()=>{s=f(),u.clear()},u}export{t as d}

package/dist/components/info-button.js

@@ -1,160 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, transformTag } from '@stencil/core/internal/client';
-import { p as positionTooltip, T as Tooltip } from './tooltip.functional-component.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './icon-button.js';
-import { d as defineCustomElement$1 } from './scrollable.js';
-
-const infoButtonCss = () => `:host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);padding:0}button.dso-info-secondary{color:#666}button{vertical-align:top;line-height:1}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}`;
-
-const InfoButton = /*@__PURE__*/ proxyCustomElement(class InfoButton extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoToggle = createEvent(this, "dsoToggle", 7);
-        /**
-         * Whether the InfoButton is active.
-         */
-        this.active = false;
-        /**
-         * The label.
-         */
-        this.label = "Toelichting bij optie";
-        /**
-         * The placement of the Toggletip on click.
-         */
-        this.toggletipPlacement = "top";
-        this.toggletipActive = false;
-        this.hasToggletip = false;
-        this.keyDownHandler = (event) => {
-            if (!this.toggletipActive)
-                return;
-            if (event.key === "Escape") {
-                this.toggletipActive = false;
-            }
-        };
-        this.focusOutHandler = (event) => {
-            var _a;
-            if (!this.host.contains(event.relatedTarget)) {
-                this.toggletipActive = false;
-                (_a = this.toggletipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
-            }
-        };
-    }
-    /**
-     * To set focus to the toggle button.
-     */
-    async setFocus() {
-        var _a, _b, _c;
-        if (this.secondary) {
-            (_a = this.buttonSecondary) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        else {
-            (_c = (_b = this.button) === null || _b === void 0 ? void 0 : _b.setFocus) === null || _c === void 0 ? void 0 : _c.call(_b);
-        }
-    }
-    handleToggle(originalEvent) {
-        if (this.hasToggletip) {
-            this.toggletipActive = !this.toggletipActive;
-        }
-        else {
-            this.dsoToggle.emit({ originalEvent, active: !this.active });
-        }
-    }
-    cleanupTooltip() {
-        var _a;
-        (_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.cleanUp = undefined;
-    }
-    componentDidRender() {
-        var _a, _b, _c;
-        if (!this.hasToggletip) {
-            (_a = this.toggletipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
-            this.cleanupTooltip();
-            return;
-        }
-        if (!this.cleanUp && this.toggletipActive && this.button && this.toggletipElRef && this.toggletipArrowElRef) {
-            this.cleanUp = positionTooltip({
-                referenceElement: this.button,
-                tipRef: this.toggletipElRef,
-                tipArrowRef: this.toggletipArrowElRef,
-                placementTip: this.toggletipPlacement,
-                restrictContentElement: this.restrictContentElement,
-            });
-        }
-        if (this.cleanUp) {
-            if (this.toggletipActive) {
-                (_b = this.toggletipElRef) === null || _b === void 0 ? void 0 : _b.showPopover();
-            }
-            else {
-                (_c = this.toggletipElRef) === null || _c === void 0 ? void 0 : _c.hidePopover();
-                this.cleanupTooltip();
-            }
-        }
-    }
-    connectedCallback() {
-        this.mutationObserver = new MutationObserver(() => {
-            this.hasToggletip = !!this.host.querySelector("[slot='toggletip']");
-        });
-        this.mutationObserver.observe(this.host, {
-            childList: true,
-            attributes: true,
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        this.cleanupTooltip();
-        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        delete this.mutationObserver;
-    }
-    render() {
-        return (h(Host, { key: '731a5752654925228e0116b60ae106eda7ad08bc', onKeydown: this.keyDownHandler, onFocusout: this.focusOutHandler }, !this.secondary ? (h("dso-icon-button", { variant: "tertiary", label: this.label, onDsoClick: (e) => this.handleToggle(e.detail.originalEvent), icon: this.active || this.toggletipActive ? "info-active" : "info", ref: (element) => (this.button = element) })) : (
-        // ToDo: remove this part in https://github.com/dso-toolkit/dso-toolkit/issues/3350. Tertiary on color already working
-        h("button", { type: "button", class: "dso-info-secondary", "aria-expanded": (this.active || this.toggletipActive).toString(), onClick: (e) => this.handleToggle(e), ref: (element) => (this.buttonSecondary = element) }, h("dso-icon", { icon: this.active || this.toggletipActive ? "info-active" : "info" }), h("span", { class: "sr-only" }, this.label))), this.hasToggletip !== null && (h(Tooltip, { key: 'a80bae5b9e9e1126bbc4a0b0f72c59f0b90f33a8', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element), visible: this.toggletipActive }, h("dso-scrollable", { key: '73189990daa593b27f1a3d89e6dff380eedac29e', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: '7b944161e7a9c0db7824628619623b97f82498fd', name: "toggletip" }))))));
-    }
-    get host() { return this; }
-    static get style() { return infoButtonCss(); }
-}, [257, "dso-info-button", {
-        "active": [516],
-        "secondary": [4],
-        "label": [513],
-        "toggletipPlacement": [513, "toggletip-placement"],
-        "toggletipActive": [32],
-        "hasToggletip": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-info-button", "dso-icon", "dso-icon-button", "dso-scrollable"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-info-button":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), InfoButton);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "dso-scrollable":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { InfoButton as I, defineCustomElement as d };
-//# sourceMappingURL=info-button.js.map
-
-//# sourceMappingURL=info-button.js.map
+import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{p as r,T as l}from"./tooltip.functional-component.js";import{d as a}from"./icon.js";import{d as c}from"./icon-button.js";import{d}from"./scrollable.js";const h=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoToggle=o(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&(this.toggletipActive=!1)},this.focusOutHandler=t=>{this.host.contains(t.relatedTarget)||(this.toggletipActive=!1,this.toggletipElRef?.hidePopover())}}async setFocus(){this.secondary?this.buttonSecondary?.focus():this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}cleanupTooltip(){this.cleanUp?.(),this.cleanUp=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanupTooltip();!this.cleanUp&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUp=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUp&&(this.toggletipActive?this.toggletipElRef?.showPopover():(this.toggletipElRef?.hidePopover(),this.cleanupTooltip()))}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.cleanupTooltip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return s(e,{key:"731a5752654925228e0116b60ae106eda7ad08bc",onKeydown:this.keyDownHandler,onFocusout:this.focusOutHandler},this.secondary?s("button",{type:"button",class:"dso-info-secondary","aria-expanded":(this.active||this.toggletipActive).toString(),onClick:t=>this.handleToggle(t),ref:t=>this.buttonSecondary=t},s("dso-icon",{icon:this.active||this.toggletipActive?"info-solid":"info-outline"}),s("span",{class:"sr-only"},this.label)):s("dso-icon-button",{variant:"tertiary",label:this.label,onDsoClick:t=>this.handleToggle(t.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:t=>this.button=t}),null!==this.hasToggletip&&s(l,{key:"14e4a2b7ee946bdc7ad3d58e0b0dea60e2fd3082",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t,visible:this.toggletipActive},s("dso-scrollable",{key:"863a4084ea35ff69626dccbd6ed452011f52df59",ref:t=>this.restrictContentElement=t},s("slot",{key:"f7a5e95329542b9cbbce015f495f4c9ac3204eff",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dt-scrollable-border-radius:4px;--_dt-scrollable-container-padding-inline:16px;--_dt-scrollable-container-padding-block:8px;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;transition:opacity 0.15s;max-inline-size:640px}.dso-tooltip.visible{opacity:1;visibility:visible}.dso-tooltip .tooltip-inner{--_dt-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}button{background-color:transparent;color:#39870c;border:0;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px);padding:0}button.dso-info-secondary{color:#666}button{vertical-align:top;line-height:1}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dt-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],secondary:[4],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["dso-info-button","dso-icon","dso-icon-button","dso-scrollable"].forEach((t=>{switch(t){case"dso-info-button":customElements.get(n(t))||customElements.define(n(t),h);break;case"dso-icon":customElements.get(n(t))||a();break;case"dso-icon-button":customElements.get(n(t))||c();break;case"dso-scrollable":customElements.get(n(t))||d()}}))}export{h as I,p as d}

package/dist/components/info.js

@@ -1,51 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, transformTag } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './icon-button.js';
-
-const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#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:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
-
-const Info = /*@__PURE__*/ proxyCustomElement(class Info extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsoClose = createEvent(this, "dsoClose", 7);
-    }
-    render() {
-        return (h(Fragment, { key: '332b53fe2d36d9018e14ff8a888b48d74b487b31' }, h("slot", { key: 'a9fcdee710f9e75434f240f3c0375e90f86dc587' }), !this.fixed && (h("dso-icon-button", { key: 'e75455d9d8bf16684cea7e02fb114cdf34d40d6a', label: "Sluiten", variant: "tertiary", icon: "times", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
-    }
-    static get style() { return infoCss(); }
-}, [257, "dso-info", {
-        "fixed": [516],
-        "active": [516]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dso-info", "dso-icon", "dso-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dso-info":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), Info);
-            }
-            break;
-        case "dso-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "dso-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Info as I, defineCustomElement as d };
-//# sourceMappingURL=info.js.map
-
-//# sourceMappingURL=info.js.map
+import{proxyCustomElement as o,HTMLElement as e,createEvent as r,h as t,Fragment as i,transformTag as s}from"@stencil/core/internal/client";import{d}from"./icon.js";import{d as n}from"./icon-button.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return t(i,{key:"332b53fe2d36d9018e14ff8a888b48d74b487b31"},t("slot",{key:"a9fcdee710f9e75434f240f3c0375e90f86dc587"}),!this.fixed&&t("dso-icon-button",{key:"e75455d9d8bf16684cea7e02fb114cdf34d40d6a",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return':host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}'}},[257,"dso-info",{fixed:[516],active:[516]}]);function c(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(s(o))||customElements.define(s(o),a);break;case"dso-icon":customElements.get(s(o))||d();break;case"dso-icon-button":customElements.get(s(o))||n()}}))}export{a as I,c as d}

package/dist/components/is-modified-event.js

@@ -1,13 +1 @@
-/**
- * returns `true` when the event is triggered while holding Ctrl, Alt or other modifiers, or on right-click.
- *
- * Can be used to determine navigation.
- * */
-function isModifiedEvent(e) {
-    return e.button !== 0 || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey;
-}
-
-export { isModifiedEvent as i };
-//# sourceMappingURL=is-modified-event.js.map
-
-//# sourceMappingURL=is-modified-event.js.map
+function n(n){return 0!==n.button||n.ctrlKey||n.shiftKey||n.altKey||n.metaKey}export{n as i}