@dso-toolkit/core 100.1.0 → 100.2.0

package/dist/components/index.d.ts

@@ -53,8 +53,12 @@ export { DropdownMenuItem as DsoDropdownMenuItem } from '../types/components/dro
 export { defineCustomElement as defineCustomElementDsoDropdownMenuItem } from './dso-dropdown-menu-item';
 export { Expandable as DsoExpandable } from '../types/components/expandable/expandable';
 export { defineCustomElement as defineCustomElementDsoExpandable } from './dso-expandable';
+export { GridColumn as DsoGridColumn } from '../types/components/grid-column/grid-column';
+export { defineCustomElement as defineCustomElementDsoGridColumn } from './dso-grid-column';
 export { Header as DsoHeader } from '../types/components/header/header';
 export { defineCustomElement as defineCustomElementDsoHeader } from './dso-header';
+export { HeroImage as DsoHeroImage } from '../types/components/hero-image/hero-image';
+export { defineCustomElement as defineCustomElementDsoHeroImage } from './dso-hero-image';
 export { HighlightBox as DsoHighlightBox } from '../types/components/highlight-box/highlight-box';
 export { defineCustomElement as defineCustomElementDsoHighlightBox } from './dso-highlight-box';
 export { HistoryItem as DsoHistoryItem } from '../types/components/history-item/history-item';
@@ -125,6 +129,10 @@ export { SegmentedButton as DsoSegmentedButton } from '../types/components/segme
 export { defineCustomElement as defineCustomElementDsoSegmentedButton } from './dso-segmented-button';
 export { Selectable as DsoSelectable } from '../types/components/selectable/selectable';
 export { defineCustomElement as defineCustomElementDsoSelectable } from './dso-selectable';
+export { ShoppingCart as DsoShoppingCart } from '../types/components/shopping-cart/shopping-cart';
+export { defineCustomElement as defineCustomElementDsoShoppingCart } from './dso-shopping-cart';
+export { ShoppingCartItem as DsoShoppingCartItem } from '../types/components/shopping-cart/shopping-cart-item/shopping-cart-item';
+export { defineCustomElement as defineCustomElementDsoShoppingCartItem } from './dso-shopping-cart-item';
 export { Skiplink as DsoSkiplink } from '../types/components/skiplink/skiplink';
 export { defineCustomElement as defineCustomElementDsoSkiplink } from './dso-skiplink';
 export { SlideToggle as DsoSlideToggle } from '../types/components/slide-toggle/slide-toggle';

package/dist/components/index.js

@@ -1 +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{DsoDropdownMenuGroup,defineCustomElement as defineCustomElementDsoDropdownMenuGroup}from"./dso-dropdown-menu-group.js";export{DsoDropdownMenuItem,defineCustomElement as defineCustomElementDsoDropdownMenuItem}from"./dso-dropdown-menu-item.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{DsoMapMessage,defineCustomElement as defineCustomElementDsoMapMessage}from"./dso-map-message.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{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";
+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{DsoDropdownMenuGroup,defineCustomElement as defineCustomElementDsoDropdownMenuGroup}from"./dso-dropdown-menu-group.js";export{DsoDropdownMenuItem,defineCustomElement as defineCustomElementDsoDropdownMenuItem}from"./dso-dropdown-menu-item.js";export{DsoExpandable,defineCustomElement as defineCustomElementDsoExpandable}from"./dso-expandable.js";export{DsoGridColumn,defineCustomElement as defineCustomElementDsoGridColumn}from"./dso-grid-column.js";export{DsoHeader,defineCustomElement as defineCustomElementDsoHeader}from"./dso-header.js";export{DsoHeroImage,defineCustomElement as defineCustomElementDsoHeroImage}from"./dso-hero-image.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{DsoMapMessage,defineCustomElement as defineCustomElementDsoMapMessage}from"./dso-map-message.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{DsoShoppingCart,defineCustomElement as defineCustomElementDsoShoppingCart}from"./dso-shopping-cart.js";export{DsoShoppingCartItem,defineCustomElement as defineCustomElementDsoShoppingCartItem}from"./dso-shopping-cart-item.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{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/info-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as e,Host as s,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.handleOutsideEvent=t=>{this.toggletipActive&&(t.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return e(s,{key:"bebf2c54d9740a143661f2a4a8f289764e742c1c",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"a89e0ea637d63255a786ed190ac19fdd48b330ca",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,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&e(l,{key:"d3840f4ba7c517e4715bfa8b487b97ba7fc5a8c0",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"2752725c430ae05daeef3087fe19ec028a1fe5f4",ref:t=>this.restrictContentElement=t,"aria-live":"polite"},e("slot",{key:"f95b0b1205464a42d3970095a36b7e475d78aaa6",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;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;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);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}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as e,Host as s,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.handleOutsideEvent=t=>{this.toggletipActive&&(t.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=t=>{this.toggletipActive&&"Escape"===t.key&&this.closeToggletip()}}onDocumentFocusIn(t){this.handleOutsideEvent(t)}onDocumentPointerDown(t){this.handleOutsideEvent(t)}async setFocus(){this.button?.setFocus?.()}handleToggle(t){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:t,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=r({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return e(s,{key:"d5b28d8f99d79e58d3e46c3b1ca299c69113eede",onKeyDown:this.keyDownHandler},e("dso-icon-button",{key:"49b0e63ffff14227787556ae0d812fe5db60e3bf",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,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&e(l,{key:"5e33be53cdec59870cd510d54d6b0ee63b5c3e62",tipElementRef:t=>this.toggletipElRef=t,tipArrowElementRef:t=>this.toggletipArrowElRef=t},e("dso-scrollable",{key:"68c59df3ceb38673be699a3425ab42eb08e195c6",ref:t=>this.restrictContentElement=t,"aria-live":"polite"},e("slot",{key:"4e0e7f0aca340e25fe585ca43d429bc669faca05",name:"toggletip"}))))}get host(){return this}static get style(){return":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;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;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}"}},[257,"dso-info-button",{active:[516],label:[513],toggletipPlacement:[513,"toggletip-placement"],toggletipActive:[32],hasToggletip:[32],setFocus:[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]);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 +1 @@
-import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as e,Fragment as n,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./icon.js";import{d}from"./icon-button.js";const s=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return e(n,{key:"7c3f9fed7a8ab8dbabe817e1b978e940f26f27f8"},e("slot",{key:"74dbbbdf2d445f448a7de100196ef0df2305734f"}),!this.fixed&&e("dso-icon-button",{key:"62d95155d61bfd7c671c5964c7837e587cf6998c",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return"*,*::after,*::before{box-sizing:border-box}: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}: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}"}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(i(o))||customElements.define(i(o),s);break;case"dso-icon":customElements.get(i(o))||c();break;case"dso-icon-button":customElements.get(i(o))||d()}}))}export{s as I,a as d}
+import{proxyCustomElement as o,HTMLElement as t,createEvent as r,h as e,Fragment as n,transformTag as i}from"@stencil/core/internal/client";import{d as c}from"./icon.js";import{d as s}from"./icon-button.js";const d=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=r(this,"dsoClose",7)}render(){return e(n,{key:"3a3fa3f36c53a01e0c2a9ceff9c17002543596cd"},e("slot",{key:"f5eba0eb7309ecb410bab297c6cb871deb2bb8f2"}),!this.fixed&&e("dso-icon-button",{key:"e0546bb603a08250cb872df96bc76ea961a03c53",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit(o.detail.originalEvent)}))}static get style(){return"*,*::after,*::before{box-sizing:border-box}: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;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;--_dso-image-display:block;--_dso-image-margin-block:8px;--_dso-image-margin-inline:auto;--_dso-rich-content-margin-block-start:0}: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}"}},[257,"dso-info",{fixed:[516],active:[516]}]);function a(){"undefined"!=typeof customElements&&["dso-info","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-info":customElements.get(i(o))||customElements.define(i(o),d);break;case"dso-icon":customElements.get(i(o))||c();break;case"dso-icon-button":customElements.get(i(o))||s()}}))}export{d as I,a as d}

package/dist/components/label.js

@@ -1 +1 @@
-import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as d,Fragment as n,transformTag as e}from"@stencil/core/internal/client";import{c}from"./clsx.js";import{d as i}from"./index3.js";import{p as a,T as l}from"./tooltip.functional-component.js";import{d as s}from"./icon.js";import{d as b}from"./icon-button.js";const _=new ResizeObserver(i((o=>{o.forEach((({target:o})=>{"DSO-LABEL"===o.tagName&&o._truncateLabel()}))}),150)),u=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRemoveClick=t(this,"dsoRemoveClick",7),this.isTruncated=!1,this.labelText="",this.handleShowTooltip=()=>{this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.labelContent&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.labelContent,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0}))},this.handleHideTooltip=()=>{this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()}}watchRemovable(o){o?this.startMutationObserver():this.stopMutationObserver()}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}keyDownListener(o){"Escape"===o.key&&this.handleHideTooltip()}async _truncateLabel(){setTimeout((()=>{var o;this.isTruncated=!!this.labelContent&&(o=this.labelContent).scrollWidth>o.clientWidth}))}syncLabelText(){this.labelText=this.host.textContent?.trim()??""}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidLoad(){this.truncate&&this.startTruncate(),this.removable&&this.startMutationObserver()}disconnectedCallback(){this.stopTruncate(),this.stopMutationObserver(!0),this.cleanUpTooltip()}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText())),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0}),this.syncLabelText()}stopMutationObserver(o=!1){!o&&this.truncate&&this.removable||(this.mutationObserver?.disconnect(),delete this.mutationObserver)}startTruncate(){_.observe(this.host),this.startMutationObserver(),this._truncateLabel()}stopTruncate(){_.unobserve(this.host),this.stopMutationObserver(),this.isTruncated=!1}render(){return d(n,{key:"c8aaaf84c416b79bb9c503ad2533ac1213f35c92"},d("span",{key:"37ad4980bb5781c64814f1efd13d156b31f08bfd","aria-describedby":this.isTruncated?"toggle-anchor":null,class:c("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},d("slot",{key:"693997722133ee6d6e151e73d39f4a05ac2404be",name:"symbol"}),d("span",{key:"8831bad458c6fa2082aa2be762725f230d03ec99",class:"dso-label-content",ref:o=>this.labelContent=o,tabindex:this.truncate&&this.isTruncated?0:void 0,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip},d("slot",{key:"cb098c6c42929b477c4a77257d035675bcc68cdc"})),this.removable&&d("dso-icon-button",{key:"47a66249b07c099a017d61ae62c7e975dc9539d7",variant:"tertiary",icon:"cross",label:`Verwijder: ${this.labelText}`,onDsoClick:o=>this.dsoRemoveClick.emit(o.detail.originalEvent),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1})),this.isTruncated&&d(l,{key:"9efda637811c456b0d9e7290c60508c1b3c62a9b",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},d("span",{key:"9c90dc4d8d07619b2ae39883200782f3bb2f95b2",id:"toggle-anchor"},this.labelText)))}get host(){return this}static get watchers(){return{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}}static get style(){return".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;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-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:8px;padding-inline:16px;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}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_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;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}"}},[257,"dso-label",{compact:[516],removable:[516],status:[513],truncate:[516],removeHover:[32],removeFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]],{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-label","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-label":customElements.get(e(o))||customElements.define(e(o),u);break;case"dso-icon":customElements.get(e(o))||s();break;case"dso-icon-button":customElements.get(e(o))||b()}}))}export{u as L,f as d}
+import{proxyCustomElement as o,HTMLElement as r,createEvent as t,h as d,Fragment as n,transformTag as e}from"@stencil/core/internal/client";import{c}from"./clsx.js";import{d as i}from"./index3.js";import{p as a,T as l}from"./tooltip.functional-component.js";import{d as s}from"./icon.js";import{d as b}from"./icon-button.js";const _=new ResizeObserver(i((o=>{o.forEach((({target:o})=>{"DSO-LABEL"===o.tagName&&o._truncateLabel()}))}),150)),u=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoRemoveClick=t(this,"dsoRemoveClick",7),this.isTruncated=!1,this.labelText="",this.handleShowTooltip=()=>{this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.labelContent&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.labelContent,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0}))},this.handleHideTooltip=()=>{this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()}}watchRemovable(o){o?this.startMutationObserver():this.stopMutationObserver()}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}keyDownListener(o){"Escape"===o.key&&this.handleHideTooltip()}async _truncateLabel(){setTimeout((()=>{var o;this.isTruncated=!!this.labelContent&&(o=this.labelContent).scrollWidth>o.clientWidth}))}syncLabelText(){this.labelText=this.host.textContent?.trim()??""}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidLoad(){this.truncate&&this.startTruncate(),this.removable&&this.startMutationObserver()}disconnectedCallback(){this.stopTruncate(),this.stopMutationObserver(!0),this.cleanUpTooltip()}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText())),this.mutationObserver.observe(this.host,{characterData:!0,childList:!0,subtree:!0,attributes:!0}),this.syncLabelText()}stopMutationObserver(o=!1){!o&&this.truncate&&this.removable||(this.mutationObserver?.disconnect(),delete this.mutationObserver)}startTruncate(){_.observe(this.host),this.startMutationObserver(),this._truncateLabel()}stopTruncate(){_.unobserve(this.host),this.stopMutationObserver(),this.isTruncated=!1}render(){return d(n,{key:"11bb06a9f5d4525603598ccaa9df636578ef54d2"},d("span",{key:"9838e196c72faa9079648a80f6a1ad57f2b8b8f7","aria-describedby":this.isTruncated?"toggle-anchor":null,class:c("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},d("slot",{key:"ba90debe1c000daae0d560cac4afe4e8f91d2cf3",name:"symbol"}),d("span",{key:"7e0acbc2f55edb62ecfbac023b71c9da27102749",class:"dso-label-content",ref:o=>this.labelContent=o,tabindex:this.truncate&&this.isTruncated?0:void 0,onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip},d("slot",{key:"7dfaf2ab9bdbef0a9b660bbca920018e34b315aa"})),this.removable&&d("dso-icon-button",{key:"1aca550af7bca4170c5f4c5ffb949d265bc3e067",variant:"tertiary",icon:"cross",label:`Verwijder: ${this.labelText}`,onDsoClick:o=>this.dsoRemoveClick.emit(o.detail.originalEvent),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1})),this.isTruncated&&d(l,{key:"12e609e1f0589d410f2f513652dda0d9ae0e0668",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},d("span",{key:"136ab7144cb6e21411efd3699274fe0ebc8d14c5",id:"toggle-anchor"},this.labelText)))}get host(){return this}static get watchers(){return{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}}static get style(){return".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;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-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:8px;padding-inline:16px;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}*,*::after,*::before{box-sizing:border-box}:host{display:inline-block;max-inline-size:100%}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}:host([truncate]) .dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}::slotted([slot=symbol]){background-color:#fff;background-color:#fff;display:block;float:inline-start;block-size:20px;margin-block-start:0;margin-inline-end:8px;inline-size:24px;overflow:hidden;position:relative}.dso-label{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;display:inline-flex;align-items:center;padding-block:4px;padding-inline:8px;max-inline-size:100%;font-weight:normal;border-radius:4px;line-height:1.5}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label.dso-label-info{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#6ca4d9;color:#191919}.dso-label.dso-label-primary{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#275937;color:#fff}.dso-label.dso-label-success{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#39870c;color:#fff}.dso-label.dso-label-warning{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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:#dcd400;color:#191919}.dso-label.dso-label-error{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#ce3f51;color:#fff}.dso-label.dso-label-bright{--_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;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_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:#8b4a6a;color:#fff}.dso-label.dso-label-filter{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_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;border-inline-start:5px solid #6ca4d9}.dso-label.dso-label-toegevoegd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.dso-label.dso-label-verwijderd{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.dso-label.dso-label-verwijderd{font-family:sans-serif}}.dso-label.dso-compact{padding-block:0;padding-inline:8px}dso-icon-button{float:inline-end;margin-inline-start:8px;margin-inline-end:-4px}"}},[257,"dso-label",{compact:[516],removable:[516],status:[513],truncate:[516],removeHover:[32],removeFocus:[32],isTruncated:[32],labelText:[32],_truncateLabel:[64]},[[4,"keydown","keyDownListener"]],{removable:[{watchRemovable:0}],truncate:[{watchTruncate:0}]}]);function f(){"undefined"!=typeof customElements&&["dso-label","dso-icon","dso-icon-button"].forEach((o=>{switch(o){case"dso-label":customElements.get(e(o))||customElements.define(e(o),u);break;case"dso-icon":customElements.get(e(o))||s();break;case"dso-icon-button":customElements.get(e(o))||b()}}))}export{u as L,f as d}

package/dist/components/modal.js

@@ -1 +1 @@
-import{h as o,proxyCustomElement as s,HTMLElement as d,createEvent as i,Fragment as l,transformTag as a}from"@stencil/core/internal/client";import{c as e}from"./clsx.js";import{g as t}from"./get-active-element.js";import{i as n}from"./i18n.js";import{d as r}from"./icon.js";import{d as c}from"./icon-button.js";import{d as m}from"./scrollable.js";import{v as b}from"./v4.js";const h=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),g=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),p=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),u={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},x=s(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=i(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=b(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),u),this.changeListener=o=>this.narrowView=!o.matches,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=t();o instanceof d&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return o("dialog",{key:"39b0faca17e1b2ecb01bfe655a45bd818e1029ce",class:e("dso-modal",{fullscreen:this.fullscreen}),role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},o("div",{key:"fd189c17664c0e0215190d7daa14074bd319a23c",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(p,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(h,null),this.hasFooter&&o(g,null))):o(l,null,o(p,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(h,null)),this.hasFooter&&o(g,null))))}get host(){return this}static get style(){return"@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size:0}}.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{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}"}},[1,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],dialogRole:[1,"dialog-role"],returnFocus:[4,"return-focus"],closable:[4],ariaId:[32],narrowView:[32]}]);function f(){"undefined"!=typeof customElements&&["dso-modal","dso-icon","dso-icon-button","dso-scrollable"].forEach((o=>{switch(o){case"dso-modal":customElements.get(a(o))||customElements.define(a(o),x);break;case"dso-icon":customElements.get(a(o))||r();break;case"dso-icon-button":customElements.get(a(o))||c();break;case"dso-scrollable":customElements.get(a(o))||m()}}))}export{x as M,f as d}
+import{h as o,proxyCustomElement as s,HTMLElement as d,createEvent as i,Fragment as l,transformTag as a}from"@stencil/core/internal/client";import{c as e}from"./clsx.js";import{g as t}from"./get-active-element.js";import{i as n}from"./i18n.js";import{d as r}from"./icon.js";import{d as c}from"./icon-button.js";import{d as m}from"./scrollable.js";import{v as b}from"./v4.js";const h=()=>o("div",{class:"dso-body",tabIndex:0},o("slot",{name:"body"})),g=()=>o("div",{class:"dso-footer"},o("slot",{name:"footer"})),p=({modalTitle:s,closable:d,ariaId:i,text:l,dsoClose:a})=>s?o("div",{class:"dso-header"},o("h2",{id:i},s),d&&o("dso-icon-button",{id:"close-modal",icon:"cross",variant:"tertiary",label:l("close"),onDsoClick:o=>a.emit({originalEvent:o})})):o("span",{class:"sr-only",id:i},l("dialog")),u={en:{"dso-modal":{close:"Close",dialog:"Dialog"}},nl:{"dso-modal":{close:"Sluiten",dialog:"Dialoog"}}},x=s(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsoClose=i(this,"dsoClose",7),this.startedMouseDownOutsideDialog=!1,this.endedMouseUpOutsideDialog=!1,this.narrowViewBreakpoint=768,this.mediaCondition=`(min-width: ${this.narrowViewBreakpoint}px)`,this.ariaId=b(),this.narrowView=window.innerWidth<this.narrowViewBreakpoint,this.dialogRole="dialog",this.returnFocus=void 0,this.closable=!1,this.text=n((()=>this.host),u),this.changeListener=o=>this.narrowView=!o.matches,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.closable&&this.dsoClose.emit({originalEvent:o}))}}get hasFooter(){return null!==this.host.querySelector("[slot='footer']")}componentDidLoad(){if(this.htmlDialogElement?.isConnected){const o=t();o instanceof d&&(this.returnFocusElement=o),this.htmlDialogElement.showModal()}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.htmlDialogElement?.close(),!1!==this.returnFocus&&(this.returnFocus??this.returnFocusElement)?.focus()}handleDialogMouseDown(o){this.startedMouseDownOutsideDialog=o.target===this.htmlDialogElement}handleDialogMouseUp(o){this.endedMouseUpOutsideDialog=o.target===this.htmlDialogElement}handleDialogClick(o){this.closable&&this.startedMouseDownOutsideDialog&&this.endedMouseUpOutsideDialog&&o.target===this.htmlDialogElement&&this.dsoClose.emit({originalEvent:o})}render(){return o("dialog",{key:"95e686459015cbecfef763fd35b56aba60ce1639",class:e("dso-modal",{fullscreen:this.fullscreen}),role:this.dialogRole??void 0,"aria-modal":"true","aria-labelledby":this.ariaId,ref:o=>this.htmlDialogElement=o,onMouseDown:o=>this.handleDialogMouseDown(o),onMouseUp:o=>this.handleDialogMouseUp(o),onClick:o=>this.handleDialogClick(o),onKeyDown:o=>this.blockEscapeKey(o)},o("div",{key:"6901f74149102b7ee988a3f5b297c8e660691ada",class:"dso-dialog"},this.narrowView?o("dso-scrollable",{class:"narrow"},o("div",{class:"modal-scrollable"},o(p,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o(h,null),this.hasFooter&&o(g,null))):o(l,null,o(p,{modalTitle:this.modalTitle,closable:this.closable,ariaId:this.ariaId,text:this.text,dsoClose:this.dsoClose}),o("dso-scrollable",null,o(h,null)),this.hasFooter&&o(g,null))))}get host(){return this}static get style(){return"@keyframes ModalFadeIn{0%{opacity:0}100%{opacity:1}}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host dialog.fullscreen{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog.fullscreen .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog.fullscreen .dso-footer{flex-shrink:0}:host dialog.fullscreen dso-scrollable{flex:1 1 auto;min-block-size:0}@media screen and (max-width: 480px){:host dialog{inline-size:100dvi;max-inline-size:calc(100% - 32px);block-size:100dvb}:host dialog .dso-dialog{display:flex;flex-direction:column;inline-size:100%;block-size:100%}:host dialog .dso-footer{flex-shrink:0}:host dialog dso-scrollable{flex:1 1 auto;min-block-size:0}}.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{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}.dso-modal{--_dso-button-float-tertiary:inline-start;--_dso-button-padding-block-tertiary:14px;overflow:visible;padding:0;border:0;inline-size:var(--_dso-modal-inline-size, fit-content);max-inline-size:min(100% - 32px, var(--_dso-modal-inline-size, 640px));margin:var(--_dso-modal-margin, auto)}@media screen and (max-width: 767px){.dso-modal{--_dso-button-inline-size:100%;--_dso-button-after-button-margin-inline-start:0;--_dso-button-after-button-margin-block-start:8px;--_dso-button-text-align:center}.dso-modal .dso-dialog{display:flex;flex-direction:column}.dso-modal>.dso-dialog>dso-scrollable{flex:1 1 auto}.dso-modal .modal-scrollable{display:flex;flex-direction:column;min-block-size:100%}.dso-modal .dso-header,.dso-modal .dso-footer{flex:0 0 auto}.dso-modal .dso-body{flex:1 1 auto}}.dso-modal::backdrop{background-color:rgba(255, 255, 255, 0.6)}.dso-modal .dso-dialog{display:grid;grid-template-rows:auto minmax(0, 1fr) auto;inline-size:var(--_dso-modal-dialog-inline-size, 640px);max-inline-size:100%;max-block-size:calc(100dvb - 32px);margin-block-start:var(--_dso-modal-dialog-margin-block-start, 0);margin-inline-start:var(--_dso-modal-dialog-margin-inline-start, auto);margin-inline-end:var(--_dso-modal-dialog-margin-inline-end, auto);background-color:#fff;opacity:1;box-shadow:0 8px 24px 0 rgba(25, 25, 25, 0.4);animation:200ms ease-out 0s 1 ModalFadeIn}@media screen and (max-height: 380px){.dso-modal .dso-dialog{min-block-size:220px}}.dso-modal .dso-header{position:relative;padding:16px;border-block-end:1px solid #ccc}.dso-modal .dso-header h2{max-inline-size:calc(100% - 24px);margin:0;color:#275937}.dso-modal .dso-header dso-icon-button{position:absolute;inset-block-start:22px;inset-inline-end:16px}@media screen and (max-height: 380px){.dso-modal .dso-header{padding-block:8px;padding-inline:16px}.dso-modal .dso-header dso-icon-button{inset-block-start:14px}}.dso-modal>.dso-dialog>dso-scrollable{min-block-size:6.5rem}.dso-modal>.dso-dialog>dso-scrollable.narrow{max-block-size:calc(100dvb - 32px)}.dso-modal>.dso-dialog>dso-scrollable .dso-body p{margin-block:0 var(--_dso-rich-content-margin-block, 16px);margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol{margin-block-end:16px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),.dso-modal>.dso-dialog>dso-scrollable .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list){padding-inline-start:24px}.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ul ol,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ul,.dso-modal>.dso-dialog>dso-scrollable .dso-body ol ol{margin-block-end:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body pre{margin-block:0 16px;margin-inline:0}.dso-modal>.dso-dialog>dso-scrollable .dso-body blockquote{padding-block:16px;padding-inline:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body dso-highlight-box{margin-block-end:1.5rem}.dso-modal>.dso-dialog>dso-scrollable .dso-body img{block-size:auto;max-inline-size:100%}.dso-modal>.dso-dialog>dso-scrollable .dso-body{padding:32px}@media screen and (max-height: 380px){.dso-modal .dso-body{padding-block:16px;padding-inline:24px}}.dso-modal .dso-body:focus-visible{outline:none}.dso-modal .dso-footer{min-block-size:80px;padding-block:16px;padding-inline:32px;text-align:end}@media screen and (min-width: 768px){.dso-modal .dso-footer .dso-primary+.dso-secondary,.dso-modal .dso-footer .dso-secondary+.dso-secondary,.dso-modal .dso-footer .dso-tertiary+.dso-secondary{margin-inline-start:16px}.dso-modal .dso-footer .dso-primary+.dso-tertiary,.dso-modal .dso-footer .dso-secondary+.dso-tertiary,.dso-modal .dso-footer .dso-tertiary+.dso-tertiary{margin-inline-start:0}}@media screen and (max-height: 380px){.dso-modal .dso-footer{min-block-size:auto;overflow:auto;padding-block:8px;padding-inline:32px}}"}},[1,"dso-modal",{fullscreen:[516],modalTitle:[1,"modal-title"],dialogRole:[1,"dialog-role"],returnFocus:[4,"return-focus"],closable:[4],ariaId:[32],narrowView:[32]}]);function f(){"undefined"!=typeof customElements&&["dso-modal","dso-icon","dso-icon-button","dso-scrollable"].forEach((o=>{switch(o){case"dso-modal":customElements.get(a(o))||customElements.define(a(o),x);break;case"dso-icon":customElements.get(a(o))||r();break;case"dso-icon-button":customElements.get(a(o))||c();break;case"dso-scrollable":customElements.get(a(o))||m()}}))}export{x as M,f as d}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as e,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as s,T as r}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const e=t.composedPath(),i=e.includes(this.host),n=this.tooltipElRef&&e.includes(this.tooltipElRef);i||n||this.toggle(),n&&e.some((t=>t instanceof o&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=s({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return e(i,{key:"392c4b990e112812cc53b5a5a120dcd2b6832c58"},e("span",{key:"c49a758817b4c7943423dc5183c7eac9a1f2ba68","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&e(i,{key:"3d20b0a91e3b7cc52957c5cd115fb8b031dc08b1"},e("span",{key:"539bafef106110cae98527e53f2483123e0721fe",class:"toggletip-label"},e("slot",{key:"9d732c39097bfe0c0703814101eda41944131912",name:"label"})),"⁠",e("dso-icon",{key:"48560f1f969bfa4847f52ecb0d3853b6eeb74f97",icon:this.icon})),!this.icon&&e("slot",{key:"34a397b2ace1ff4044d9357054c5c832d36f7ff9",name:"label"})),e(r,{key:"1bd0f751ae7665ac41ed2417cabd292b13c931d5",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},e("dso-scrollable",{key:"4ffcef2a061513cab95768ef7484eac3176c0130",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},e("slot",{key:"5d2ed386147bd59730e19aec64828c697dfe3b51"}))))}get host(){return this}static get style(){return"*,*::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;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dso-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}:host{--_dso-rich-content-margin-block:8px;--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dso-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}
+import{proxyCustomElement as t,HTMLElement as o,h as e,Fragment as i,transformTag as n}from"@stencil/core/internal/client";import{p as s,T as r}from"./tooltip.functional-component.js";import{d as l}from"./icon.js";import{d as a}from"./scrollable.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.toggle=()=>{this.active=!this.active},this.keyDownHandler=t=>{switch(t.key){case"Escape":return void(this.active=!1);case" ":case"Enter":return void this.toggle();default:return}}}handleWindowClick(t){if(!this.active)return;const e=t.composedPath(),i=e.includes(this.host),n=this.tooltipElRef&&e.includes(this.tooltipElRef);i||n||this.toggle(),n&&e.some((t=>t instanceof o&&"BUTTON"===t.tagName))&&this.toggle()}componentDidRender(){!this.cleanUpFunction&&this.active&&this.container&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=s({referenceElement:this.container,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:"top",restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&this.tooltipElRef&&(this.active?this.tooltipElRef?.showPopover():(this.tooltipElRef?.hidePopover(),this.cleanUpTooltip()))}disconnectedCallback(){this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}render(){return e(i,{key:"2c042914942f9c252f9fb14307d1d521e7459802"},e("span",{key:"c3020b9a802b9894e47cd85066b63f85fad934fa","aria-describedby":this.active?"toggletip-tooltip":void 0,"aria-expanded":this.active.toString(),class:"toggletip-button",role:"button",tabIndex:0,onClick:this.toggle,onKeyDown:this.keyDownHandler,ref:t=>this.container=t},this.icon&&e(i,{key:"1f706669b4c10fc301e1f89bcb93c1209a053f7d"},e("span",{key:"4fce364ec839309cc20a5886a1fec0b8db8609b2",class:"toggletip-label"},e("slot",{key:"08b8d9abeff5960fe8d54d5a2d528d997d8f6c1b",name:"label"})),"⁠",e("dso-icon",{key:"f54e47abce42e91a09a100db222b322f356cfd00",icon:this.icon})),!this.icon&&e("slot",{key:"30605023ea6aa53cbc134d1df9e5c6a520b5a9c0",name:"label"})),e(r,{key:"bb839f1f17db5a62ddbe12329751f7fb507f886c",id:"toggletip-tooltip",tipElementRef:t=>this.tooltipElRef=t,tipArrowElementRef:t=>this.tooltipArrowElRef=t},e("dso-scrollable",{key:"e4e9c9417a2e15cc6a957ea8e7bde6d9bb943d70",ref:t=>this.restrictContentElement=t,id:"toggletip-content","aria-live":"polite"},e("slot",{key:"f851928052cf23883745e312962fd6904cec1650"}))))}get host(){return this}static get style(){return"*,*::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;max-inline-size:480px}.dso-tooltip .tooltip-inner{--_dso-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}:host{--_dso-rich-content-margin-block:8px;--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;display:inline}::slotted(:not([slot=label])){cursor:default !important}.toggletip-button{display:inline-block;font-size:1em;font-weight:500;margin-block-end:0;text-decoration:none;touch-action:manipulation;text-align:var(--_dso-button-text-align, start);user-select:none;vertical-align:middle;background-clip:padding-box}.toggletip-button:focus,.toggletip-button:focus-visible{outline-offset:2px}.toggletip-button:active{outline:0}.toggletip-button{border:0;color:var(--_dso-ozon-content-toggletip-color, #2b5780);line-height:1;padding:0;background-color:transparent;cursor:pointer;vertical-align:baseline;display:inline;overflow-wrap:break-word;user-select:text;white-space:nowrap}.toggletip-button,.toggletip-button:hover,.toggletip-button:focus-visible,.toggletip-button:active{text-decoration-line:var(--_dso-ozon-content-toggletip-text-decoration, underline);text-decoration-style:dotted;text-underline-offset:15%}.toggletip-button .toggletip-label{white-space:normal}.toggletip-button dso-icon{margin-inline-start:4px}"}},[257,"dso-ozon-content-toggletip",{icon:[513],active:[32]},[[8,"click","handleWindowClick"]]]);function d(){"undefined"!=typeof customElements&&["dso-ozon-content-toggletip","dso-icon","dso-scrollable"].forEach((t=>{switch(t){case"dso-ozon-content-toggletip":customElements.get(n(t))||customElements.define(n(t),c);break;case"dso-icon":customElements.get(n(t))||l();break;case"dso-scrollable":customElements.get(n(t))||a()}}))}export{c as O,d}