@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
|
@@ -1,174 +0,0 @@
|
|
|
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-DOIYXIWP.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-DK5tN6xk.js';
|
|
6
|
-
import { d as defineCustomElement$1 } from './p-BO0PFU2G.js';
|
|
7
|
-
|
|
8
|
-
const labelCss = () => `:host{display:inline-block;max-inline-size:100%;font-weight:normal}*,*::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)}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.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#email-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}.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#email-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#email-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#email-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#email-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#email-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#email-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#email-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#email-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#email-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-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}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: '242c774421051469948ff841d7b55bf06e9481fd', class: clsx("dso-label-content", {
|
|
112
|
-
"dso-truncate": !!this.truncate,
|
|
113
|
-
}), 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: '93ae4502166a8c246371249f6b25423ab066e5b7' })), this.removable && (h("dso-icon-button", { key: '35c535b0943aef1ffc59871b43e2222c7490c6d2', variant: "tertiary", icon: "times", 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: '0c0a556cc61f34f782e9da771138e8b0e37e6647', stateless: true, id: "toggle-anchor", active: this.textHover || this.textFocus, position: "top", strategy: "absolute" }, this.labelText))));
|
|
114
|
-
}
|
|
115
|
-
get host() { return this; }
|
|
116
|
-
static get watchers() { return {
|
|
117
|
-
"removable": [{
|
|
118
|
-
"watchRemovable": 0
|
|
119
|
-
}],
|
|
120
|
-
"truncate": [{
|
|
121
|
-
"watchTruncate": 0
|
|
122
|
-
}]
|
|
123
|
-
}; }
|
|
124
|
-
static get style() { return labelCss(); }
|
|
125
|
-
}, [257, "dso-label", {
|
|
126
|
-
"compact": [516],
|
|
127
|
-
"removable": [516],
|
|
128
|
-
"status": [513],
|
|
129
|
-
"truncate": [516],
|
|
130
|
-
"removeHover": [32],
|
|
131
|
-
"removeFocus": [32],
|
|
132
|
-
"textHover": [32],
|
|
133
|
-
"textFocus": [32],
|
|
134
|
-
"isTruncated": [32],
|
|
135
|
-
"labelText": [32],
|
|
136
|
-
"_truncateLabel": [64]
|
|
137
|
-
}, [[4, "keydown", "keyDownListener"]], {
|
|
138
|
-
"removable": [{
|
|
139
|
-
"watchRemovable": 0
|
|
140
|
-
}],
|
|
141
|
-
"truncate": [{
|
|
142
|
-
"watchTruncate": 0
|
|
143
|
-
}]
|
|
144
|
-
}]);
|
|
145
|
-
function defineCustomElement() {
|
|
146
|
-
if (typeof customElements === "undefined") {
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
const components = ["dso-label", "dso-icon", "dso-icon-button", "dso-tooltip"];
|
|
150
|
-
components.forEach(tagName => { switch (tagName) {
|
|
151
|
-
case "dso-label":
|
|
152
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
153
|
-
customElements.define(transformTag(tagName), Label);
|
|
154
|
-
}
|
|
155
|
-
break;
|
|
156
|
-
case "dso-icon":
|
|
157
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
158
|
-
defineCustomElement$3();
|
|
159
|
-
}
|
|
160
|
-
break;
|
|
161
|
-
case "dso-icon-button":
|
|
162
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
163
|
-
defineCustomElement$2();
|
|
164
|
-
}
|
|
165
|
-
break;
|
|
166
|
-
case "dso-tooltip":
|
|
167
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
168
|
-
defineCustomElement$1();
|
|
169
|
-
}
|
|
170
|
-
break;
|
|
171
|
-
} });
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
export { Label as L, defineCustomElement as d };
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DmmKAUIT.js';
|
|
2
|
-
import { p as positionTooltip, T as Tooltip } from './p-BzrfS3rM.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-DOIYXIWP.js';
|
|
4
|
-
|
|
5
|
-
const iconButtonCss = () => `.dso-tooltip { --_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-tooltip 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-tooltip 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-tooltip 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-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#email-wit")); } .dso-tooltip { --_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: #666; color: #fff; border-radius: 4px; overflow: unset; margin: 0; border: 0; padding: 0; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)); opacity: 0; visibility: hidden; transition: opacity 0.15s; max-inline-size: 320px; } .dso-tooltip.visible { opacity: 1; visibility: visible; } .dso-tooltip .tooltip-inner { --_dt-span-role-paragraph-margin-block: 8px; --_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-tooltip .tooltip-inner 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-tooltip .tooltip-inner 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-tooltip .tooltip-inner 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-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) { background-image: var(--_dso-di-background-image, url("./di.svg#email-wit")); } .dso-tooltip .tooltip-inner { --_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: #666; color: #fff; font-family: Asap, sans-serif; font-size: 1rem; font-weight: normal; padding-block: 0; padding-inline: 8px; border-radius: 4px; line-height: 1.5; } .dso-tooltip .tooltip-arrow { position: absolute; background-color: #666; border-start-start-radius: 4px; block-size: 8px; inline-size: 8px; pointer-events: none; z-index: -1; } :host { display: inline-block; line-height: 1; } *, *::after, *::before { box-sizing: border-box; } .dso-secondary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-secondary:focus, .dso-secondary:focus-visible { outline-offset: 2px; } .dso-secondary:active { outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after { content: ""; display: inline-block; margin-inline-start: 8px; } .dso-secondary { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } .dso-secondary:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } .dso-secondary:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } .dso-secondary[disabled], .dso-secondary[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } .dso-secondary.dso-small { line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-extra-small { padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-secondary.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-secondary.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-secondary { padding-inline: calc(8px - 1px); padding-block: calc(8px - 1px); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); border-block-end-width: var(--_dt-icon-button-border-block-end-width, 1px); border-inline-end-width: var(--_dt-icon-button-border-inline-end-width, 1px); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary.extern::after, .dso-tertiary.download::after { content: ""; display: inline-block; margin-inline-start: 8px; } .dso-tertiary { padding-inline: 0; padding-block: 0; color: var(--_dso-icon-button-tertiary-color, #39870c); background-color: transparent; border: 0; } .dso-tertiary:not([disabled]):hover { color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active { color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary[disabled] { color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); } .dso-map { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: start; user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-map:focus, .dso-map:focus-visible { outline-offset: 2px; } .dso-map:active { outline: 0; } .dso-map { background-color: var(--_dso-button-secondary-background-color, #fff); border-color: var(--_dso-button-secondary-border-color, #39870c); color: var(--_dso-button-secondary-color, #39870c); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: 56px; padding-block: 11px; padding-inline: 15px; } .dso-map:hover { background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce); border-color: var(--_dso-button-secondary-hover-border-color, #275937); color: var(--_dso-button-secondary-hover-color, #275937); } .dso-map:active { background-color: var(--_dso-button-secondary-active-background-color, #275937); border-color: var(--_dso-button-secondary-active-border-color, #275937); color: var(--_dso-button-secondary-active-color, #fff); } .dso-map[disabled], .dso-map[disabled]:hover { background-color: var(--_dso-button-secondary-disabled-background-color, #fff); border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d); color: var(--_dso-button-secondary-disabled-color, #afcf9d); } .dso-map.dso-small { line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-map.dso-extra-small { padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) { margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon { margin-inline-start: 8px; margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) { margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] { background-color: #fff; border-color: #39870c; color: #39870c; } .dso-map.dso-spinner-left::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::before { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before { block-size: 16px; inline-size: 16px; } .dso-map.dso-spinner-right::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::after { background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; block-size: 24px; vertical-align: top; inline-size: 24px; margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after { block-size: 16px; inline-size: 16px; } .dso-map { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); border: 0; font-weight: 600; margin-inline-end: 16px; padding-block: 8px; padding-inline: 16px; white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible { outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) { padding: 8px; min-inline-size: auto; block-size: 40px; inline-size: 40px; } .dso-map { padding-inline: 8px; padding-block: 8px; border: 0; margin-inline-end: 0; box-shadow: var(--_dt-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3)); border-start-start-radius: var(--_dt-icon-button-border-start-start-radius, 4px); border-start-end-radius: var(--_dt-icon-button-border-start-end-radius, 4px); border-end-end-radius: var(--_dt-icon-button-border-end-end-radius, 4px); border-end-start-radius: var(--_dt-icon-button-border-end-start-radius, 4px); } .icon-button { min-inline-size: auto; cursor: pointer; } .icon-button[disabled] { cursor: default; }`;
|
|
6
|
-
|
|
7
|
-
const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
|
|
8
|
-
constructor(registerHost) {
|
|
9
|
-
super();
|
|
10
|
-
if (registerHost !== false) {
|
|
11
|
-
this.__registerHost();
|
|
12
|
-
}
|
|
13
|
-
this.__attachShadow();
|
|
14
|
-
this.dsoClick = createEvent(this, "dsoClick", 3);
|
|
15
|
-
/**
|
|
16
|
-
* The variant of the Icon Button.
|
|
17
|
-
*/
|
|
18
|
-
this.variant = "secondary";
|
|
19
|
-
/**
|
|
20
|
-
* The placement of the tooltip on hover and focus of the Icon Button.
|
|
21
|
-
*/
|
|
22
|
-
this.tooltipPlacement = "top";
|
|
23
|
-
/**
|
|
24
|
-
* To disable the Icon Button
|
|
25
|
-
*/
|
|
26
|
-
this.disabled = false;
|
|
27
|
-
this.showTooltip = false;
|
|
28
|
-
this.lastClickTime = 0;
|
|
29
|
-
this.tooltipShowDelay = 500;
|
|
30
|
-
this.handleShowTooltip = () => {
|
|
31
|
-
if (this.disabled) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
// Don't show the tooltip if the button is clicked within 500ms of the last click
|
|
35
|
-
if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
this.clearToolTipTimeout();
|
|
39
|
-
this.tooltipTimeout = window.setTimeout(() => {
|
|
40
|
-
if (!this.tooltipElRef?.isConnected) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
this.showTooltip = true;
|
|
44
|
-
this.tooltipElRef?.showPopover();
|
|
45
|
-
if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {
|
|
46
|
-
this.cleanUp = positionTooltip({
|
|
47
|
-
referenceElement: this.buttonElRef,
|
|
48
|
-
tipRef: this.tooltipElRef,
|
|
49
|
-
tipArrowRef: this.tipArrowElRef,
|
|
50
|
-
placementTip: this.tooltipPlacement,
|
|
51
|
-
topPositionSmallViewPort: false,
|
|
52
|
-
halfMainAxisOffset: false,
|
|
53
|
-
forceVisible: true,
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}, this.tooltipShowDelay);
|
|
57
|
-
};
|
|
58
|
-
this.clearToolTipTimeout = () => {
|
|
59
|
-
if (this.tooltipTimeout) {
|
|
60
|
-
clearTimeout(this.tooltipTimeout);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
this.handleHideTooltip = () => {
|
|
64
|
-
this.clearToolTipTimeout();
|
|
65
|
-
this.showTooltip = false;
|
|
66
|
-
this.tooltipElRef?.hidePopover();
|
|
67
|
-
if (!this.showTooltip && this.cleanUp) {
|
|
68
|
-
this.cleanUp();
|
|
69
|
-
this.cleanUp = undefined;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
this.handleClick = (e) => {
|
|
73
|
-
this.lastClickTime = Date.now();
|
|
74
|
-
this.handleHideTooltip();
|
|
75
|
-
this.dsoClick.emit({ originalEvent: e });
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Focuses the button.
|
|
80
|
-
*/
|
|
81
|
-
async setFocus() {
|
|
82
|
-
this.buttonElRef?.focus();
|
|
83
|
-
}
|
|
84
|
-
disconnectedCallback() {
|
|
85
|
-
this.clearToolTipTimeout();
|
|
86
|
-
this.cleanUp?.();
|
|
87
|
-
this.cleanUp = undefined;
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
return (h("button", { key: '8b22306b71a11a9a5bb331e3138d398a1ea28c25', ref: (el) => (this.buttonElRef = el), type: "button", disabled: this.disabled, "aria-label": this.label, class: `icon-button dso-${this.variant}`, onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: this.handleClick }, h("dso-icon", { key: '5e0331ca7a343c70ef6f0fc0667d567d7c2814ad', icon: this.icon }), h(Tooltip, { key: 'ddf5f41269e6102ef81b05096119386e15478236', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
|
|
91
|
-
}
|
|
92
|
-
static get style() { return iconButtonCss(); }
|
|
93
|
-
}, [1, "dso-icon-button", {
|
|
94
|
-
"icon": [513],
|
|
95
|
-
"label": [513],
|
|
96
|
-
"variant": [513],
|
|
97
|
-
"tooltipPlacement": [513, "tooltip-placement"],
|
|
98
|
-
"disabled": [516],
|
|
99
|
-
"showTooltip": [32],
|
|
100
|
-
"setFocus": [64]
|
|
101
|
-
}]);
|
|
102
|
-
function defineCustomElement() {
|
|
103
|
-
if (typeof customElements === "undefined") {
|
|
104
|
-
return;
|
|
105
|
-
}
|
|
106
|
-
const components = ["dso-icon-button", "dso-icon"];
|
|
107
|
-
components.forEach(tagName => { switch (tagName) {
|
|
108
|
-
case "dso-icon-button":
|
|
109
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
110
|
-
customElements.define(transformTag(tagName), IconButton);
|
|
111
|
-
}
|
|
112
|
-
break;
|
|
113
|
-
case "dso-icon":
|
|
114
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
115
|
-
defineCustomElement$1();
|
|
116
|
-
}
|
|
117
|
-
break;
|
|
118
|
-
} });
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
export { IconButton as I, defineCustomElement as d };
|