@dso-toolkit/core 89.0.0 → 90.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/dso-accordion-section.js +12 -12
- package/dist/bundle/dso-action-list-item.js +1 -1
- package/dist/bundle/dso-action-list.js +1 -1
- package/dist/bundle/dso-advanced-select.js +6 -6
- package/dist/bundle/dso-alert.js +1 -1
- package/dist/bundle/dso-annotation-activiteit.js +7 -7
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +7 -7
- package/dist/bundle/dso-annotation-kaart.js +4 -4
- package/dist/bundle/dso-annotation-locatie.js +1 -1
- package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +7 -7
- package/dist/bundle/dso-attachments-counter.js +1 -1
- package/dist/bundle/dso-autosuggest.js +2 -2
- package/dist/bundle/dso-badge.js +1 -1
- package/dist/bundle/dso-card.js +2 -2
- package/dist/bundle/dso-cursor-tooltip.js +1 -1
- package/dist/bundle/dso-document-card.js +1 -1
- package/dist/bundle/dso-document-component.js +1 -1
- package/dist/bundle/dso-header.js +4 -4
- package/dist/bundle/dso-history-item.js +3 -3
- package/dist/bundle/dso-icon-button.js +1 -1
- package/dist/bundle/dso-icon.js +1 -1
- package/dist/bundle/dso-image-overlay.js +1 -1
- package/dist/bundle/dso-info-button.js +1 -1
- package/dist/bundle/dso-info.js +1 -1
- package/dist/bundle/dso-label.js +1 -1
- package/dist/bundle/dso-legend-group.js +2 -2
- package/dist/bundle/dso-legend-item.js +6 -6
- package/dist/bundle/dso-legend.js +3 -3
- package/dist/bundle/dso-list-button.js +7 -7
- package/dist/bundle/dso-map-base-layers.js +5 -5
- package/dist/bundle/dso-map-controls.js +4 -4
- package/dist/bundle/dso-map-layer-object.js +1 -1
- package/dist/bundle/dso-map-layer.js +1 -1
- package/dist/bundle/dso-map-overlays.js +5 -5
- package/dist/bundle/dso-mark-bar.js +3 -3
- package/dist/bundle/dso-modal.js +3 -3
- package/dist/bundle/dso-onboarding-tip.js +4 -4
- package/dist/bundle/dso-ozon-content-toggletip.js +1 -1
- package/dist/bundle/dso-ozon-content.js +1 -1
- package/dist/bundle/dso-pagination.js +1 -1
- package/dist/bundle/dso-panel.js +1 -1
- package/dist/bundle/dso-plekinfo-card.js +2 -2
- package/dist/bundle/dso-progress-indicator.js +1 -1
- package/dist/bundle/dso-project-item.js +4 -4
- package/dist/bundle/dso-renvooi.js +1 -1
- package/dist/bundle/dso-segmented-button.d.ts +11 -0
- package/dist/bundle/dso-segmented-button.js +59 -0
- package/dist/bundle/dso-selectable.js +1 -1
- package/dist/bundle/dso-skiplink.js +2 -2
- package/dist/bundle/dso-slide-toggle.js +1 -1
- package/dist/bundle/dso-survey-rating.js +6 -6
- package/dist/bundle/dso-table.js +1 -1
- package/dist/bundle/dso-tabs.js +1 -1
- package/dist/bundle/dso-tijdreis-banner.js +3 -3
- package/dist/bundle/dso-toggletip.js +5 -5
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +5 -5
- package/dist/bundle/dso-viewer-grid.js +4 -4
- package/dist/bundle/dsot-document-component-demo.js +16 -16
- package/dist/bundle/index.js +2 -0
- package/dist/bundle/{p-DlJ_GXgx.js → p-0JNed3EY.js} +4 -4
- package/dist/bundle/p-B6OelUh-.js +172 -0
- package/dist/bundle/{p-DeNLhtpE.js → p-BDvMDDCP.js} +4 -4
- package/dist/bundle/p-BNhgCEjt.js +83 -0
- package/dist/bundle/p-BVZJjDvd.js +313 -0
- package/dist/bundle/{p-DXIz32u2.js → p-BW1PprKl.js} +1 -1
- package/dist/bundle/{p-6jVpEP4Y.js → p-Bbf_KhJ-.js} +1 -1
- package/dist/bundle/{p-CSLjMUxc.js → p-Bu6cCiCZ.js} +4 -4
- package/dist/bundle/p-ByAqDYup.js +35 -0
- package/dist/bundle/p-C3e8S8uz.js +98 -0
- package/dist/bundle/p-CYWYJZS6.js +123 -0
- package/dist/bundle/{p-BgGHk77B.js → p-CdS6sfbr.js} +1 -1
- package/dist/bundle/p-DE7WGgpi.js +825 -0
- package/dist/bundle/{p-BxQkUibV.js → p-Dgducv6v.js} +4 -4
- package/dist/bundle/p-DiyFr3Np.js +1208 -0
- package/dist/bundle/{p-gRKmvaG9.js → p-DkVKF9Hp.js} +1 -1
- package/dist/bundle/p-DnEMX0HG.js +85 -0
- package/dist/bundle/{p-BO0PFU2G.js → p-DzcBPvon.js} +1 -1
- package/dist/bundle/{p-BVdZO6ww.js → p-cIXis8_E.js} +5 -5
- package/dist/bundle/{p-COl_WB5w.js → p-uBQHEbAs.js} +2 -2
- package/dist/cjs/dso-accordion-section.cjs.entry.js +5 -5
- package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
- package/dist/cjs/dso-advanced-select.cjs.entry.js +1 -1
- package/dist/cjs/dso-alert_7.cjs.entry.js +11 -11
- package/dist/cjs/dso-annotation-activiteit.cjs.entry.js +1 -1
- package/dist/cjs/dso-annotation-gebiedsaanwijzing.cjs.entry.js +1 -1
- package/dist/cjs/dso-annotation-kaart.cjs.entry.js +1 -1
- package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +4 -4
- package/dist/cjs/dso-annotation-omgevingsnormwaarde.cjs.entry.js +1 -1
- package/dist/cjs/dso-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-cursor-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dso-header.cjs.entry.js +3 -3
- package/dist/cjs/dso-history-item.cjs.entry.js +2 -2
- package/dist/cjs/dso-icon_2.cjs.entry.js +423 -326
- package/dist/cjs/dso-info-button.cjs.entry.js +2 -2
- package/dist/cjs/dso-info_2.cjs.entry.js +3 -3
- package/dist/cjs/dso-label_3.cjs.entry.js +4 -6
- package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
- package/dist/cjs/dso-legend.cjs.entry.js +1 -1
- package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
- package/dist/cjs/dso-mark-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +1 -1
- package/dist/cjs/dso-onboarding-tip.cjs.entry.js +2 -2
- package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-segmented-button.cjs.entry.js +35 -0
- package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
- package/dist/cjs/dso-survey-rating.cjs.entry.js +3 -3
- package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +2 -2
- package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
- package/dist/cjs/dso-toolkit.cjs.js +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dso-tree-view.cjs.entry.js +3 -3
- package/dist/cjs/dso-viewer-grid.cjs.entry.js +4 -4
- package/dist/cjs/dsot-document-component-demo.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/accordion/components/accordion-section.css +1 -1
- package/dist/collection/components/accordion/components/accordion-section.js +15 -8
- package/dist/collection/components/action-list/action-list.css +1 -1
- package/dist/collection/components/advanced-select/advanced-select.css +7 -7
- package/dist/collection/components/alert/alert.css +4 -4
- package/dist/collection/components/alert/alert.js +1 -1
- package/dist/collection/components/annotation/annotation.css +12 -16
- package/dist/collection/components/badge/badge.css +7 -7
- package/dist/collection/components/card/card.css +10 -14
- package/dist/collection/components/cursor-tooltip/cursor-tooltip.css +1 -1
- package/dist/collection/components/document-component/document-component.css +17 -25
- package/dist/collection/components/document-component/document-component.js +14 -7
- package/dist/collection/components/document-component-demo/document-component.demo.js +1 -1
- package/dist/collection/components/header/header.css +1 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/history-item/history-item.js +2 -2
- package/dist/collection/components/icon/icon.interfaces.js +1 -0
- package/dist/collection/components/icon/icon.js +120 -73
- package/dist/collection/components/icon-button/icon-button.css +10 -12
- package/dist/collection/components/icon-button/icon-button.js +14 -5
- package/dist/collection/components/image-overlay/image-overlay.css +4 -4
- package/dist/collection/components/image-overlay/image-overlay.js +1 -1
- package/dist/collection/components/info/info.css +1 -1
- package/dist/collection/components/info/info.js +1 -1
- package/dist/collection/components/info-button/info-button.js +2 -2
- package/dist/collection/components/label/label.css +46 -48
- package/dist/collection/components/label/label.js +1 -3
- package/dist/collection/components/legend/legend-item/legend-item.js +2 -2
- package/dist/collection/components/legend/legend.js +1 -1
- package/dist/collection/components/list-button/list-button.css +3 -3
- package/dist/collection/components/list-button/list-button.js +1 -1
- package/dist/collection/components/map-controls/map-controls.css +15 -19
- package/dist/collection/components/map-controls/map-controls.js +1 -1
- package/dist/collection/components/mark-bar/mark-bar.js +1 -1
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/onboarding-tip/onboarding-tip.css +1 -4
- package/dist/collection/components/onboarding-tip/onboarding-tip.js +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +11 -4
- package/dist/collection/components/ozon-content/ozon-content.css +32 -40
- package/dist/collection/components/panel/panel.css +1 -1
- package/dist/collection/components/panel/panel.js +1 -1
- package/dist/collection/components/plekinfo-card/plekinfo-card.css +2 -2
- package/dist/collection/components/renvooi/renvooi.css +2 -2
- package/dist/collection/components/segmented-button/segmented-button.css +59 -0
- package/dist/collection/components/segmented-button/segmented-button.interfaces.js +1 -0
- package/dist/collection/components/segmented-button/segmented-button.js +169 -0
- package/dist/collection/components/selectable/selectable.js +1 -1
- package/dist/collection/components/skiplink/skiplink.js +1 -1
- package/dist/collection/components/slide-toggle/slide-toggle.js +1 -1
- package/dist/collection/components/survey-rating/survey-rating.css +11 -12
- package/dist/collection/components/survey-rating/survey-rating.js +2 -2
- package/dist/collection/components/table/table.css +15 -19
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tijdreis-banner/tijdreis-banner.css +1 -1
- package/dist/collection/components/tijdreis-banner/tijdreis-banner.js +1 -1
- package/dist/collection/components/toggletip/toggletip.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/components/tree-view/tree-item.js +1 -1
- package/dist/collection/components/tree-view/tree-view.css +1 -2
- package/dist/collection/components/tree-view/tree-view.js +1 -1
- package/dist/collection/components/viewer-grid/components/filter-panel.js +1 -1
- package/dist/collection/components/viewer-grid/components/overlay.js +1 -1
- package/dist/collection/components/viewer-grid/viewer-grid.css +3 -3
- package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
- package/dist/components/alert.js +1 -1
- package/dist/components/annotation-locatie.js +1 -1
- package/dist/components/badge.js +1 -1
- package/dist/components/document-component.js +1 -1
- package/dist/components/dso-accordion-section.js +1 -1
- package/dist/components/dso-action-list.js +1 -1
- package/dist/components/dso-advanced-select.js +1 -1
- package/dist/components/dso-annotation-activiteit.js +1 -1
- package/dist/components/dso-annotation-gebiedsaanwijzing.js +1 -1
- package/dist/components/dso-annotation-kaart.js +1 -1
- package/dist/components/dso-annotation-omgevingsnormwaarde.js +1 -1
- package/dist/components/dso-card.js +1 -1
- package/dist/components/dso-cursor-tooltip.js +1 -1
- package/dist/components/dso-header.js +1 -1
- package/dist/components/dso-history-item.js +1 -1
- package/dist/components/dso-legend-item.js +1 -1
- package/dist/components/dso-legend.js +1 -1
- package/dist/components/dso-list-button.js +1 -1
- package/dist/components/dso-map-controls.js +1 -1
- package/dist/components/dso-mark-bar.js +1 -1
- package/dist/components/dso-modal.js +1 -1
- package/dist/components/dso-onboarding-tip.js +1 -1
- package/dist/components/dso-plekinfo-card.js +1 -1
- package/dist/components/dso-segmented-button.d.ts +11 -0
- package/dist/components/dso-segmented-button.js +1 -0
- package/dist/components/dso-skiplink.js +1 -1
- package/dist/components/dso-survey-rating.js +1 -1
- package/dist/components/dso-tabs.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/dso-toggletip.js +1 -1
- package/dist/components/dso-tree-view.js +1 -1
- package/dist/components/dso-viewer-grid.js +1 -1
- package/dist/components/dsot-document-component-demo.js +1 -1
- package/dist/components/icon-button.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/image-overlay.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/info-button.js +1 -1
- package/dist/components/info.js +1 -1
- package/dist/components/label.js +1 -1
- package/dist/components/ozon-content-toggletip.js +1 -1
- package/dist/components/ozon-content.js +1 -1
- package/dist/components/panel.js +1 -1
- package/dist/components/renvooi.js +1 -1
- package/dist/components/selectable.js +1 -1
- package/dist/components/slide-toggle.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/p-0bb80f9d.entry.js +1 -0
- package/dist/dso-toolkit/{p-d7ecb171.entry.js → p-295392f6.entry.js} +1 -1
- package/dist/dso-toolkit/p-2b380a0b.entry.js +1 -0
- package/dist/dso-toolkit/{p-3b0fd6c5.entry.js → p-36812bba.entry.js} +1 -1
- package/dist/dso-toolkit/{p-a0fdef9a.entry.js → p-4060fbeb.entry.js} +1 -1
- package/dist/dso-toolkit/{p-ae4beda4.entry.js → p-451cc2bb.entry.js} +1 -1
- package/dist/dso-toolkit/{p-d142d8bb.entry.js → p-4aacd714.entry.js} +1 -1
- package/dist/dso-toolkit/p-4dce7c51.entry.js +1 -0
- package/dist/dso-toolkit/p-532f4245.entry.js +1 -0
- package/dist/dso-toolkit/{p-178485c3.entry.js → p-5893f749.entry.js} +1 -1
- package/dist/dso-toolkit/{p-1a2b975e.entry.js → p-5fb90e0f.entry.js} +1 -1
- package/dist/dso-toolkit/p-6fc38a28.entry.js +1 -0
- package/dist/dso-toolkit/p-780737ad.entry.js +1 -0
- package/dist/dso-toolkit/{p-9172bcd1.entry.js → p-7910ee69.entry.js} +1 -1
- package/dist/dso-toolkit/p-7b0408d3.entry.js +1 -0
- package/dist/dso-toolkit/{p-e23b4585.entry.js → p-851317c7.entry.js} +1 -1
- package/dist/dso-toolkit/p-863dde86.entry.js +1 -0
- package/dist/dso-toolkit/p-9456a5fe.entry.js +1 -0
- package/dist/dso-toolkit/p-9539245c.entry.js +1 -0
- package/dist/dso-toolkit/p-9c1bbde9.entry.js +1 -0
- package/dist/dso-toolkit/{p-b26c16b3.entry.js → p-a6e1f2ae.entry.js} +1 -1
- package/dist/dso-toolkit/p-b8ca96d8.entry.js +1 -0
- package/dist/dso-toolkit/p-bb38f836.entry.js +1 -0
- package/dist/dso-toolkit/p-be43c839.entry.js +1 -0
- package/dist/dso-toolkit/p-c01593c7.entry.js +1 -0
- package/dist/dso-toolkit/{p-00a83dd9.entry.js → p-cc43d3f7.entry.js} +1 -1
- package/dist/dso-toolkit/p-d015860d.entry.js +1 -0
- package/dist/dso-toolkit/p-d4d65803.entry.js +1 -0
- package/dist/dso-toolkit/p-e2890d38.entry.js +1 -0
- package/dist/dso-toolkit/{p-b7211906.entry.js → p-e8f4fcd0.entry.js} +1 -1
- package/dist/dso-toolkit/p-ef6998eb.entry.js +1 -0
- package/dist/dso-toolkit/p-f1e746db.entry.js +1 -0
- package/dist/dso-toolkit/p-f43ea451.entry.js +1 -0
- package/dist/dso-toolkit/p-fe4dd620.entry.js +1 -0
- package/dist/dso-toolkit/p-ff1d91b4.entry.js +1 -0
- package/dist/esm/dso-accordion-section.entry.js +5 -5
- package/dist/esm/dso-action-list.entry.js +1 -1
- package/dist/esm/dso-advanced-select.entry.js +1 -1
- package/dist/esm/dso-alert_7.entry.js +11 -11
- package/dist/esm/dso-annotation-activiteit.entry.js +1 -1
- package/dist/esm/dso-annotation-gebiedsaanwijzing.entry.js +1 -1
- package/dist/esm/dso-annotation-kaart.entry.js +1 -1
- package/dist/esm/dso-annotation-locatie_2.entry.js +4 -4
- package/dist/esm/dso-annotation-omgevingsnormwaarde.entry.js +1 -1
- package/dist/esm/dso-card.entry.js +1 -1
- package/dist/esm/dso-cursor-tooltip.entry.js +1 -1
- package/dist/esm/dso-header.entry.js +3 -3
- package/dist/esm/dso-history-item.entry.js +2 -2
- package/dist/esm/dso-icon_2.entry.js +423 -326
- package/dist/esm/dso-info-button.entry.js +2 -2
- package/dist/esm/dso-info_2.entry.js +3 -3
- package/dist/esm/dso-label_3.entry.js +4 -6
- package/dist/esm/dso-legend-item.entry.js +2 -2
- package/dist/esm/dso-legend.entry.js +1 -1
- package/dist/esm/dso-list-button.entry.js +2 -2
- package/dist/esm/dso-map-controls.entry.js +2 -2
- package/dist/esm/dso-mark-bar.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +1 -1
- package/dist/esm/dso-onboarding-tip.entry.js +2 -2
- package/dist/esm/dso-plekinfo-card.entry.js +1 -1
- package/dist/esm/dso-segmented-button.entry.js +33 -0
- package/dist/esm/dso-skiplink.entry.js +1 -1
- package/dist/esm/dso-survey-rating.entry.js +3 -3
- package/dist/esm/dso-tabs.entry.js +1 -1
- package/dist/esm/dso-tijdreis-banner.entry.js +2 -2
- package/dist/esm/dso-toggletip.entry.js +1 -1
- package/dist/esm/dso-toolkit.js +1 -1
- package/dist/esm/dso-tooltip.entry.js +1 -1
- package/dist/esm/dso-tree-view.entry.js +3 -3
- package/dist/esm/dso-viewer-grid.entry.js +4 -4
- package/dist/esm/dsot-document-component-demo.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/accordion/components/accordion-section.d.ts +3 -2
- package/dist/types/components/document-component/document-component.d.ts +2 -2
- package/dist/types/components/document-component/document-component.interfaces.d.ts +1 -0
- package/dist/types/components/document-component-demo/document-component.demo.d.ts +2 -2
- package/dist/types/components/icon/icon.d.ts +2 -1
- package/dist/types/components/icon/icon.interfaces.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +2 -1
- package/dist/types/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.d.ts +2 -1
- package/dist/types/components/segmented-button/segmented-button.d.ts +31 -0
- package/dist/types/components/segmented-button/segmented-button.interfaces.d.ts +8 -0
- package/dist/types/components/tree-view/tree-view.interfaces.d.ts +2 -1
- package/dist/types/components.d.ts +101 -20
- package/package.json +3 -3
- package/dist/bundle/p-CC5mzX8a.js +0 -35
- package/dist/bundle/p-CMWH8g7N.js +0 -313
- package/dist/bundle/p-CnVQ4Ot7.js +0 -1208
- package/dist/bundle/p-D4NMNwP8.js +0 -174
- package/dist/bundle/p-DK5tN6xk.js +0 -121
- package/dist/bundle/p-DOIYXIWP.js +0 -730
- package/dist/bundle/p-DRO1ZNJq.js +0 -83
- package/dist/bundle/p-RYgpam5C.js +0 -98
- package/dist/bundle/p-gg8XBMZ8.js +0 -85
- package/dist/dso-toolkit/p-0cefa57b.entry.js +0 -1
- package/dist/dso-toolkit/p-15e88604.entry.js +0 -1
- package/dist/dso-toolkit/p-1993ac29.entry.js +0 -1
- package/dist/dso-toolkit/p-2ae2a8bd.entry.js +0 -1
- package/dist/dso-toolkit/p-3934192e.entry.js +0 -1
- package/dist/dso-toolkit/p-418eefa6.entry.js +0 -1
- package/dist/dso-toolkit/p-49763405.entry.js +0 -1
- package/dist/dso-toolkit/p-49e2e4ef.entry.js +0 -1
- package/dist/dso-toolkit/p-5fa4f18b.entry.js +0 -1
- package/dist/dso-toolkit/p-6ab5ac7f.entry.js +0 -1
- package/dist/dso-toolkit/p-6ae18ea8.entry.js +0 -1
- package/dist/dso-toolkit/p-74ae905b.entry.js +0 -1
- package/dist/dso-toolkit/p-7b74503c.entry.js +0 -1
- package/dist/dso-toolkit/p-a9538643.entry.js +0 -1
- package/dist/dso-toolkit/p-ac7f15ab.entry.js +0 -1
- package/dist/dso-toolkit/p-cbdb0a03.entry.js +0 -1
- package/dist/dso-toolkit/p-ce7c14c0.entry.js +0 -1
- package/dist/dso-toolkit/p-dcf05b57.entry.js +0 -1
- package/dist/dso-toolkit/p-dd14defe.entry.js +0 -1
- package/dist/dso-toolkit/p-e745c65d.entry.js +0 -1
- package/dist/dso-toolkit/p-e99e0c57.entry.js +0 -1
- package/dist/dso-toolkit/p-eedac7f7.entry.js +0 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
|
|
2
|
+
import { c as clsx } from './p-ChV9xqsO.js';
|
|
3
|
+
import { d as debounce } from './p-baWVwd8J.js';
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-DE7WGgpi.js';
|
|
5
|
+
import { d as defineCustomElement$2 } from './p-CYWYJZS6.js';
|
|
6
|
+
import { d as defineCustomElement$1 } from './p-DzcBPvon.js';
|
|
7
|
+
|
|
8
|
+
const labelCss = () => `*,*::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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919;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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-primary a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-primary{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-success{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-error{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}.dso-label.dso-label-attention a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-wit"))}.dso-label.dso-label-attention{--_dso-icon-button-tertiary-color:#fff;--_dso-icon-button-tertiary-hover-color:#e5e5e5;--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-filter a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-filter{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-toegevoegd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-toegevoegd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:#000}.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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.dso-label.dso-label-verwijderd a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.dso-label.dso-label-verwijderd{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;--_dso-ozon-content-toggletip-color:#000;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){.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}`;
|
|
9
|
+
|
|
10
|
+
const resizeObserver = new ResizeObserver(debounce((entries) => {
|
|
11
|
+
entries.forEach(({ target }) => {
|
|
12
|
+
if (isDsoLabelComponent(target)) {
|
|
13
|
+
target._truncateLabel();
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}, 150));
|
|
17
|
+
function isDsoLabelComponent(element) {
|
|
18
|
+
return element.tagName === "DSO-LABEL";
|
|
19
|
+
}
|
|
20
|
+
function hasEllipses(el) {
|
|
21
|
+
return el.scrollWidth > el.clientWidth;
|
|
22
|
+
}
|
|
23
|
+
const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
|
|
24
|
+
constructor(registerHost) {
|
|
25
|
+
super();
|
|
26
|
+
if (registerHost !== false) {
|
|
27
|
+
this.__registerHost();
|
|
28
|
+
}
|
|
29
|
+
this.__attachShadow();
|
|
30
|
+
this.dsoRemoveClick = createEvent(this, "dsoRemoveClick", 7);
|
|
31
|
+
this.isTruncated = false;
|
|
32
|
+
this.labelText = "";
|
|
33
|
+
}
|
|
34
|
+
watchRemovable(removable) {
|
|
35
|
+
if (removable) {
|
|
36
|
+
this.startMutationObserver();
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.stopMutationObserver();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
watchTruncate(truncate) {
|
|
43
|
+
if (truncate) {
|
|
44
|
+
this.startTruncate();
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
this.stopTruncate();
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
keyDownListener(event) {
|
|
51
|
+
if (event.key === "Escape") {
|
|
52
|
+
this.textHover = false;
|
|
53
|
+
this.textFocus = false;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* @internal
|
|
58
|
+
*/
|
|
59
|
+
async _truncateLabel() {
|
|
60
|
+
setTimeout(() => {
|
|
61
|
+
this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
syncLabelText() {
|
|
65
|
+
this.labelText = this.host.textContent?.trim() ?? "";
|
|
66
|
+
}
|
|
67
|
+
componentDidLoad() {
|
|
68
|
+
if (this.truncate) {
|
|
69
|
+
this.startTruncate();
|
|
70
|
+
}
|
|
71
|
+
if (this.removable) {
|
|
72
|
+
this.startMutationObserver();
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
disconnectedCallback() {
|
|
76
|
+
this.stopTruncate();
|
|
77
|
+
this.stopMutationObserver(true);
|
|
78
|
+
}
|
|
79
|
+
/** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */
|
|
80
|
+
startMutationObserver() {
|
|
81
|
+
this.mutationObserver = new MutationObserver(() => this.syncLabelText());
|
|
82
|
+
this.mutationObserver.observe(this.host, {
|
|
83
|
+
characterData: true,
|
|
84
|
+
childList: true,
|
|
85
|
+
subtree: true,
|
|
86
|
+
attributes: true,
|
|
87
|
+
});
|
|
88
|
+
this.syncLabelText();
|
|
89
|
+
}
|
|
90
|
+
stopMutationObserver(force = false) {
|
|
91
|
+
if (force || !(this.truncate && this.removable)) {
|
|
92
|
+
this.mutationObserver?.disconnect();
|
|
93
|
+
delete this.mutationObserver;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
startTruncate() {
|
|
97
|
+
resizeObserver.observe(this.host);
|
|
98
|
+
this.startMutationObserver();
|
|
99
|
+
this._truncateLabel();
|
|
100
|
+
}
|
|
101
|
+
stopTruncate() {
|
|
102
|
+
resizeObserver.unobserve(this.host);
|
|
103
|
+
this.stopMutationObserver();
|
|
104
|
+
this.isTruncated = false;
|
|
105
|
+
}
|
|
106
|
+
render() {
|
|
107
|
+
return (h(Fragment, { key: 'f868c06841bb1f9a6f39db8598141634cbe59f5f' }, h("span", { key: '935d20891b9df19b37cf38242892428c81c12631', "aria-describedby": this.isTruncated ? "toggle-anchor" : null, class: clsx("dso-label", {
|
|
108
|
+
[`dso-label-${this.status}`]: this.status,
|
|
109
|
+
"dso-compact": this.compact && !this.removable,
|
|
110
|
+
"dso-hover": this.removeHover || this.removeFocus,
|
|
111
|
+
}) }, h("slot", { key: 'e3d5f4d753cf5ca6ef1bef6fae698b3b4c03e5da', name: "symbol" }), h("span", { key: '33c09c55755434fa98b9bc2933abb3a25ff10ad0', class: "dso-label-content", ref: (element) => (this.labelContent = element), tabindex: this.truncate && this.isTruncated ? 0 : undefined, onMouseEnter: () => (this.textHover = true), onMouseLeave: () => (this.textHover = false), onFocus: () => (this.textFocus = true), onBlur: () => (this.textFocus = false) }, h("slot", { key: '4dce1156ff95a3a1b6b4b97a60e578276c04f7be' })), this.removable && (h("dso-icon-button", { key: '338bfa3fc65328eaa5551eaf2c2299f8b04344b9', variant: "tertiary", icon: "cross", label: `Verwijder: ${this.labelText}`, onDsoClick: (e) => this.dsoRemoveClick.emit(e.detail.originalEvent), onMouseEnter: () => (this.removeHover = true), onMouseLeave: () => (this.removeHover = false), onFocus: () => (this.removeFocus = true), onBlur: () => (this.removeFocus = false) }))), this.isTruncated && (h("dso-tooltip", { key: '806049fdf2222eea9b5bb074907566e64a03340f', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
|
|
112
|
+
}
|
|
113
|
+
get host() { return this; }
|
|
114
|
+
static get watchers() { return {
|
|
115
|
+
"removable": [{
|
|
116
|
+
"watchRemovable": 0
|
|
117
|
+
}],
|
|
118
|
+
"truncate": [{
|
|
119
|
+
"watchTruncate": 0
|
|
120
|
+
}]
|
|
121
|
+
}; }
|
|
122
|
+
static get style() { return labelCss(); }
|
|
123
|
+
}, [257, "dso-label", {
|
|
124
|
+
"compact": [516],
|
|
125
|
+
"removable": [516],
|
|
126
|
+
"status": [513],
|
|
127
|
+
"truncate": [516],
|
|
128
|
+
"removeHover": [32],
|
|
129
|
+
"removeFocus": [32],
|
|
130
|
+
"textHover": [32],
|
|
131
|
+
"textFocus": [32],
|
|
132
|
+
"isTruncated": [32],
|
|
133
|
+
"labelText": [32],
|
|
134
|
+
"_truncateLabel": [64]
|
|
135
|
+
}, [[4, "keydown", "keyDownListener"]], {
|
|
136
|
+
"removable": [{
|
|
137
|
+
"watchRemovable": 0
|
|
138
|
+
}],
|
|
139
|
+
"truncate": [{
|
|
140
|
+
"watchTruncate": 0
|
|
141
|
+
}]
|
|
142
|
+
}]);
|
|
143
|
+
function defineCustomElement() {
|
|
144
|
+
if (typeof customElements === "undefined") {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
const components = ["dso-label", "dso-icon", "dso-icon-button", "dso-tooltip"];
|
|
148
|
+
components.forEach(tagName => { switch (tagName) {
|
|
149
|
+
case "dso-label":
|
|
150
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
151
|
+
customElements.define(transformTag(tagName), Label);
|
|
152
|
+
}
|
|
153
|
+
break;
|
|
154
|
+
case "dso-icon":
|
|
155
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
156
|
+
defineCustomElement$3();
|
|
157
|
+
}
|
|
158
|
+
break;
|
|
159
|
+
case "dso-icon-button":
|
|
160
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
161
|
+
defineCustomElement$2();
|
|
162
|
+
}
|
|
163
|
+
break;
|
|
164
|
+
case "dso-tooltip":
|
|
165
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
166
|
+
defineCustomElement$1();
|
|
167
|
+
}
|
|
168
|
+
break;
|
|
169
|
+
} });
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
export { Label as L, defineCustomElement as d };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, t as transformTag } from './p-DmmKAUIT.js';
|
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
2
|
+
import { d as defineCustomElement$2 } from './p-DE7WGgpi.js';
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-CYWYJZS6.js';
|
|
4
4
|
|
|
5
|
-
const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#
|
|
5
|
+
const infoCss = () => `:host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}`;
|
|
6
6
|
|
|
7
7
|
const Info = /*@__PURE__*/ proxyCustomElement(class Info extends H {
|
|
8
8
|
constructor(registerHost) {
|
|
@@ -14,7 +14,7 @@ const Info = /*@__PURE__*/ proxyCustomElement(class Info extends H {
|
|
|
14
14
|
this.dsoClose = createEvent(this, "dsoClose", 7);
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Fragment, { key: '332b53fe2d36d9018e14ff8a888b48d74b487b31' }, h("slot", { key: 'a9fcdee710f9e75434f240f3c0375e90f86dc587' }), !this.fixed && (h("dso-icon-button", { key: 'e75455d9d8bf16684cea7e02fb114cdf34d40d6a', label: "Sluiten", variant: "tertiary", icon: "
|
|
17
|
+
return (h(Fragment, { key: '332b53fe2d36d9018e14ff8a888b48d74b487b31' }, h("slot", { key: 'a9fcdee710f9e75434f240f3c0375e90f86dc587' }), !this.fixed && (h("dso-icon-button", { key: 'e75455d9d8bf16684cea7e02fb114cdf34d40d6a', label: "Sluiten", variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit(e.detail.originalEvent) }))));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return infoCss(); }
|
|
20
20
|
}, [257, "dso-info", {
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DmmKAUIT.js';
|
|
2
|
+
import { c as clsx } from './p-ChV9xqsO.js';
|
|
3
|
+
import { i as i18n } from './p-FXEjFTzg.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './p-DE7WGgpi.js';
|
|
5
|
+
import { d as defineCustomElement$1 } from './p-CYWYJZS6.js';
|
|
6
|
+
|
|
7
|
+
const translations = {
|
|
8
|
+
en: {
|
|
9
|
+
"dso-alert": {
|
|
10
|
+
close: "Close",
|
|
11
|
+
success: "Success",
|
|
12
|
+
info: "Notice",
|
|
13
|
+
warning: "Warning",
|
|
14
|
+
error: "Error",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
nl: {
|
|
18
|
+
"dso-alert": {
|
|
19
|
+
close: "Sluiten",
|
|
20
|
+
success: "Gelukt",
|
|
21
|
+
info: "Opmerking",
|
|
22
|
+
warning: "Waarschuwing",
|
|
23
|
+
error: "Fout",
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
const alertCss = () => `:host{display:block}:host(:not(:first-child)){margin-block-start:24px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.alert{line-height:1.5;margin-block-end:var(--_dso-alert-margin-block-end, 24px);min-block-size:56px;position:relative;border:1px solid transparent}@media screen and (min-width: 481px){.alert{padding-block:15px;padding-inline:54px 39px}.alert.dso-compact{padding-block:7px;padding-inline:15px 39px}}@media screen and (max-width: 480px){.alert{padding-block:54px 15px;padding-inline:15px}.alert.dso-compact{padding-block:7px;padding-inline:15px}}.alert:not(:first-child){margin-block-start:24px}.alert .icon-status{inset-block-start:15px;inset-inline-start:15px;position:absolute}.alert.dso-compact{border-end-end-radius:8px;border-start-end-radius:8px;margin-inline-start:8px}.alert.dso-compact::before{content:"";position:absolute;inset-block-start:-1px;inset-block-end:-1px;inset-inline-start:-9px;border-start-start-radius:8px;border-end-start-radius:8px;inline-size:8px}.alert.dso-compact{min-block-size:16px}.alert.alert-success{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-success a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-success{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919;border-color:var(--_dso-alert-success-border-color, #e4f1d4)}.alert.alert-success.dso-compact::before{background-color:#39870c}.alert.alert-error{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-error a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-error{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919;border-color:var(--_dso-alert-error-border-color, #f5d8dc)}.alert.alert-error.dso-compact::before{background-color:#ce3f51}.alert.alert-warning{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-warning a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-warning{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f8f6cc;color:#191919;border-color:var(--_dso-alert-warning-border-color, #f8f6cc)}.alert.alert-warning.dso-compact::before{background-color:#dcd400}.alert.alert-info{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}.alert.alert-info a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}.alert.alert-info{--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#e1ecf7;color:#191919;border-color:var(--_dso-alert-info-border-color, #e1ecf7)}.alert.alert-info.dso-compact::before{background-color:#6ca4d9}.alert dso-icon-button{position:absolute;inset-block-start:7px;inset-inline-end:7px}.alert.dso-compact{min-block-size:16px}`;
|
|
29
|
+
|
|
30
|
+
const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends H {
|
|
31
|
+
constructor(registerHost) {
|
|
32
|
+
super();
|
|
33
|
+
if (registerHost !== false) {
|
|
34
|
+
this.__registerHost();
|
|
35
|
+
}
|
|
36
|
+
this.__attachShadow();
|
|
37
|
+
this.dsoClose = createEvent(this, "dsoClose", 7);
|
|
38
|
+
/**
|
|
39
|
+
* When `false` the close button in the alert will not be rendered.
|
|
40
|
+
*/
|
|
41
|
+
this.closable = false;
|
|
42
|
+
this.text = i18n(() => this.host, translations);
|
|
43
|
+
}
|
|
44
|
+
render() {
|
|
45
|
+
const status = this.text(this.status);
|
|
46
|
+
if (!status) {
|
|
47
|
+
throw new Error(`Invalid status ${this.status}`);
|
|
48
|
+
}
|
|
49
|
+
return (h("div", { key: '00aec42517954eba58249fc009660d4945dc1d2f', class: clsx("alert", `alert-${this.status}`, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, !this.compact && (h("dso-icon", { key: '588ea487df615524d93acaab1ab975e97a79bb6a', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}` })), h("span", { key: '5f6286759b87b8768ae3e14169cf3258ce611c82', class: "sr-only" }, status, ":"), h("slot", { key: '5140ceb93a2dc361a2068d7099e7445ccadd4d9e' }), this.closable && (h("dso-icon-button", { key: '659fc042908dd2a03b140c1df6c772411bb16332', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
|
|
50
|
+
}
|
|
51
|
+
get host() { return this; }
|
|
52
|
+
static get style() { return alertCss(); }
|
|
53
|
+
}, [257, "dso-alert", {
|
|
54
|
+
"status": [513],
|
|
55
|
+
"roleAlert": [4, "role-alert"],
|
|
56
|
+
"compact": [516],
|
|
57
|
+
"closable": [4]
|
|
58
|
+
}]);
|
|
59
|
+
function defineCustomElement() {
|
|
60
|
+
if (typeof customElements === "undefined") {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const components = ["dso-alert", "dso-icon", "dso-icon-button"];
|
|
64
|
+
components.forEach(tagName => { switch (tagName) {
|
|
65
|
+
case "dso-alert":
|
|
66
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
67
|
+
customElements.define(transformTag(tagName), Alert);
|
|
68
|
+
}
|
|
69
|
+
break;
|
|
70
|
+
case "dso-icon":
|
|
71
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
72
|
+
defineCustomElement$2();
|
|
73
|
+
}
|
|
74
|
+
break;
|
|
75
|
+
case "dso-icon-button":
|
|
76
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
77
|
+
defineCustomElement$1();
|
|
78
|
+
}
|
|
79
|
+
break;
|
|
80
|
+
} });
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export { Alert as A, defineCustomElement as d };
|