@dso-toolkit/core 84.0.0 → 84.1.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 +6 -6
- package/dist/bundle/dso-action-list-item.js +1 -1
- package/dist/bundle/dso-advanced-select.js +4 -4
- package/dist/bundle/dso-alert.js +1 -1
- package/dist/bundle/dso-annotation-activiteit.js +5 -5
- package/dist/bundle/dso-annotation-gebiedsaanwijzing.js +5 -5
- package/dist/bundle/dso-annotation-kaart.js +2 -2
- package/dist/bundle/dso-annotation-locatie.js +1 -1
- package/dist/bundle/dso-annotation-omgevingsnormwaarde.js +5 -5
- package/dist/bundle/dso-attachments-counter.js +1 -1
- package/dist/bundle/dso-autosuggest.js +3 -3
- package/dist/bundle/dso-card.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 +1 -1
- package/dist/bundle/dso-history-item.js +1 -1
- 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-item.js +8 -8
- package/dist/bundle/dso-legend-item.js.map +1 -1
- package/dist/bundle/dso-legend.d.ts +11 -0
- package/dist/bundle/dso-legend.js +120 -0
- package/dist/bundle/dso-legend.js.map +1 -0
- package/dist/bundle/dso-list-button.js +6 -6
- package/dist/bundle/dso-logo.js +1 -1
- package/dist/bundle/dso-map-base-layers.js +6 -6
- package/dist/bundle/dso-map-controls.js +3 -3
- package/dist/bundle/dso-map-layer-object.js +2 -2
- package/dist/bundle/dso-map-layer.js +2 -2
- package/dist/bundle/dso-map-overlays.js +6 -6
- package/dist/bundle/dso-mark-bar.js +3 -3
- package/dist/bundle/dso-modal.js +4 -4
- package/dist/bundle/dso-onboarding-tip.js +3 -3
- 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 +2 -2
- 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 +5 -5
- package/dist/bundle/dso-responsive-element.js +1 -1
- package/dist/bundle/dso-scrollable.js +1 -1
- 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 +5 -5
- package/dist/bundle/dso-table.js +1 -1
- package/dist/bundle/dso-tabs.js +1 -1
- package/dist/bundle/dso-tijdreis-banner.js +2 -2
- package/dist/bundle/dso-toggletip.js +1 -1
- package/dist/bundle/dso-tooltip.js +1 -1
- package/dist/bundle/dso-tree-view.js +3 -3
- package/dist/bundle/dso-viewer-grid.js +1 -1
- package/dist/bundle/dsot-document-component-demo.js +14 -14
- package/dist/bundle/index.js +2 -0
- package/dist/bundle/index.js.map +1 -1
- package/dist/bundle/{p-DEo5f2kY.js → p-BCe3H09s.js} +5 -5
- package/dist/bundle/p-BCe3H09s.js.map +1 -0
- package/dist/bundle/{p-y2w_CPst.js → p-BCedLSX_.js} +4 -4
- package/dist/bundle/{p-y2w_CPst.js.map → p-BCedLSX_.js.map} +1 -1
- package/dist/bundle/{p-mkPmQcmG.js → p-BMJkixUi.js} +7 -7
- package/dist/bundle/{p-mkPmQcmG.js.map → p-BMJkixUi.js.map} +1 -1
- package/dist/bundle/{p-BUHmLrrQ.js → p-BXJu-dww.js} +3 -3
- package/dist/bundle/{p-BUHmLrrQ.js.map → p-BXJu-dww.js.map} +1 -1
- package/dist/bundle/{p-_SQrXU6n.js → p-Bb1b-JAh.js} +14 -14
- package/dist/bundle/p-Bb1b-JAh.js.map +1 -0
- package/dist/bundle/{p-D8wuhYXU.js → p-BffcZg_M.js} +19 -11
- package/dist/bundle/p-BffcZg_M.js.map +1 -0
- package/dist/bundle/{p-DbW5xEkj.js → p-BnFv61zP.js} +4 -4
- package/dist/bundle/{p-DbW5xEkj.js.map → p-BnFv61zP.js.map} +1 -1
- package/dist/bundle/{p-BGpl_N73.js → p-BvyQic2U.js} +7 -7
- package/dist/bundle/{p-BGpl_N73.js.map → p-BvyQic2U.js.map} +1 -1
- package/dist/bundle/{p-DwVPT-8H.js → p-ByyagXOJ.js} +4 -4
- package/dist/bundle/{p-DwVPT-8H.js.map → p-ByyagXOJ.js.map} +1 -1
- package/dist/bundle/{p-BbyxqMBr.js → p-BzA2scQd.js} +4 -4
- package/dist/bundle/{p-BbyxqMBr.js.map → p-BzA2scQd.js.map} +1 -1
- package/dist/bundle/{p-Cw6fv4_A.js → p-Ctbpdcl6.js} +7 -7
- package/dist/bundle/{p-Cw6fv4_A.js.map → p-Ctbpdcl6.js.map} +1 -1
- package/dist/bundle/{p-Chfj2w4C.js → p-Cul-GfBI.js} +3 -3
- package/dist/bundle/{p-Chfj2w4C.js.map → p-Cul-GfBI.js.map} +1 -1
- package/dist/bundle/{p-CYPr8F9t.js → p-D9_nsOH9.js} +4 -4
- package/dist/bundle/{p-CYPr8F9t.js.map → p-D9_nsOH9.js.map} +1 -1
- package/dist/bundle/{p-DFh9HiGT.js → p-DKYkKOQE.js} +4 -4
- package/dist/bundle/{p-DFh9HiGT.js.map → p-DKYkKOQE.js.map} +1 -1
- package/dist/bundle/{p-CmpH19vE.js → p-DLxGu5_c.js} +3 -3
- package/dist/bundle/{p-CmpH19vE.js.map → p-DLxGu5_c.js.map} +1 -1
- package/dist/bundle/{p-BLHKEAmx.js → p-DMYengW8.js} +9 -3
- package/dist/bundle/p-DMYengW8.js.map +1 -0
- package/dist/bundle/{p-rN-Dizka.js → p-DQrlJzt1.js} +4 -4
- package/dist/bundle/{p-rN-Dizka.js.map → p-DQrlJzt1.js.map} +1 -1
- package/dist/bundle/{p-iD5tYjyh.js → p-DaeSaYQE.js} +4 -4
- package/dist/bundle/{p-iD5tYjyh.js.map → p-DaeSaYQE.js.map} +1 -1
- package/dist/bundle/{p-CK_78rYk.js → p-DzcyUrLK.js} +3 -3
- package/dist/bundle/{p-CK_78rYk.js.map → p-DzcyUrLK.js.map} +1 -1
- package/dist/bundle/{p-afqT_Hfh.js → p-iy1TKL4y.js} +5 -5
- package/dist/bundle/{p-afqT_Hfh.js.map → p-iy1TKL4y.js.map} +1 -1
- package/dist/bundle/{p-B9fhD-Wr.js → p-mgDux5p5.js} +3 -3
- package/dist/bundle/{p-B9fhD-Wr.js.map → p-mgDux5p5.js.map} +1 -1
- package/dist/cjs/dso-alert_7.cjs.entry.js +12 -5
- package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js +2 -2
- package/dist/cjs/{dso-icon.cjs.entry.js → dso-icon_2.cjs.entry.js} +592 -2
- package/dist/cjs/dso-info_2.cjs.entry.js +1 -1
- package/dist/cjs/dso-label_3.cjs.entry.js +1 -1
- package/dist/cjs/dso-legend-item.cjs.entry.js +2 -2
- package/dist/cjs/dso-legend.cjs.entry.js +80 -0
- package/dist/cjs/dso-list-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-logo.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer-object.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-layer.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/dso-plekinfo-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/dso-project-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
- package/dist/cjs/dso-scrollable.cjs.entry.js +3 -3
- package/dist/cjs/dso-skiplink.cjs.entry.js +1 -1
- package/dist/cjs/dso-survey-rating.cjs.entry.js +2 -2
- package/dist/cjs/dso-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dso-tijdreis-banner.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/dso-viewer-grid.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/document-component/document-component.js +2 -2
- package/dist/collection/components/document-component/document-component.js.map +1 -1
- package/dist/collection/components/icon/icon.js +3 -1
- package/dist/collection/components/icon/icon.js.map +1 -1
- package/dist/collection/components/legend/legend.css +54 -0
- package/dist/collection/components/legend/legend.interfaces.js +2 -0
- package/dist/collection/components/legend/legend.interfaces.js.map +1 -0
- package/dist/collection/components/legend/legend.js +154 -0
- package/dist/collection/components/legend/legend.js.map +1 -0
- package/dist/collection/components/legend-item/legend-item.css +8 -1
- package/dist/collection/components/legend-item/legend-item.js +1 -1
- package/dist/collection/components/list-button/list-button.js +1 -1
- package/dist/collection/components/logo/logo.js +1 -1
- package/dist/collection/components/map-base-layers/map-base-layers.js +1 -1
- package/dist/collection/components/map-controls/map-controls.js +1 -1
- package/dist/collection/components/map-layer/components/map-layer-object.js +1 -1
- package/dist/collection/components/map-layer/map-layer.js +1 -1
- package/dist/collection/components/map-overlays/map-overlays.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.js +1 -1
- package/dist/collection/components/ozon-content/components/ozon-content-toggletip/ozon-content-toggletip.js +1 -1
- package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js +2 -2
- package/dist/collection/components/ozon-content/nodes/int-io-ref.node.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content-context.interface.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content-mapper.js +1 -0
- package/dist/collection/components/ozon-content/ozon-content-mapper.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content-node-context.interface.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content.js +27 -1
- package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
- package/dist/collection/components/plekinfo-card/plekinfo-card.js +1 -1
- package/dist/collection/components/progress-indicator/progress-indicator.js +1 -1
- package/dist/collection/components/project-item/project-item.js +1 -1
- package/dist/collection/components/responsive-element/responsive-element.js +1 -1
- package/dist/collection/components/scrollable/scrollable.css +1 -0
- package/dist/collection/components/scrollable/scrollable.js +2 -2
- 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.js +2 -2
- 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.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-view.js +1 -1
- package/dist/collection/components/viewer-grid/viewer-grid.js +1 -1
- package/dist/components/document-component.js +2 -2
- package/dist/components/document-component.js.map +1 -1
- package/dist/components/dso-legend-item.js +2 -2
- package/dist/components/dso-legend-item.js.map +1 -1
- package/dist/components/dso-legend.d.ts +11 -0
- package/dist/components/dso-legend.js +120 -0
- package/dist/components/dso-legend.js.map +1 -0
- package/dist/components/dso-list-button.js +1 -1
- package/dist/components/dso-logo.js +1 -1
- package/dist/components/dso-map-base-layers.js +1 -1
- package/dist/components/dso-map-controls.js +1 -1
- package/dist/components/dso-map-layer-object.js +1 -1
- package/dist/components/dso-map-layer.js +1 -1
- package/dist/components/dso-map-overlays.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-project-item.js +1 -1
- package/dist/components/dso-skiplink.js +1 -1
- package/dist/components/dso-survey-rating.js +2 -2
- package/dist/components/dso-tabs.js +1 -1
- package/dist/components/dso-tijdreis-banner.js +1 -1
- package/dist/components/dso-tree-view.js +1 -1
- package/dist/components/dso-viewer-grid.js +1 -1
- package/dist/components/icon.js +7 -1
- package/dist/components/icon.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/ozon-content-toggletip.js +1 -1
- package/dist/components/ozon-content.js +11 -3
- package/dist/components/ozon-content.js.map +1 -1
- package/dist/components/progress-indicator.js +1 -1
- package/dist/components/responsive-element.js +1 -1
- package/dist/components/scrollable.js +3 -3
- package/dist/components/scrollable.js.map +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/toggletip.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-4157fc4b.entry.js → p-00e02bdd.entry.js} +2 -2
- package/dist/dso-toolkit/{p-6eb56e78.entry.js → p-0c228b3c.entry.js} +2 -2
- package/dist/dso-toolkit/{p-ba9c436c.entry.js → p-30dd509e.entry.js} +2 -2
- package/dist/dso-toolkit/{p-ed6fdb91.entry.js → p-3ab854dd.entry.js} +2 -2
- package/dist/dso-toolkit/{p-ed6fdb91.entry.js.map → p-3ab854dd.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-cb89b6d1.entry.js → p-47295f4b.entry.js} +2 -2
- package/dist/dso-toolkit/p-4c8f74b9.entry.js +2 -0
- package/dist/dso-toolkit/{p-1fcfb9f3.entry.js.map → p-4c8f74b9.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-ab36d75f.entry.js → p-5387f2db.entry.js} +2 -2
- package/dist/dso-toolkit/p-573bfc8f.entry.js +2 -0
- package/dist/dso-toolkit/{p-2d6c125f.entry.js.map → p-573bfc8f.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-c0d18980.entry.js → p-5a2002a7.entry.js} +2 -2
- package/dist/dso-toolkit/{p-97846c8a.entry.js → p-5b894c59.entry.js} +2 -2
- package/dist/dso-toolkit/p-5be4766f.entry.js +2 -0
- package/dist/dso-toolkit/{p-57b49adb.entry.js → p-5c283c16.entry.js} +2 -2
- package/dist/dso-toolkit/{p-d42de8a1.entry.js → p-770e2178.entry.js} +2 -2
- package/dist/dso-toolkit/{p-febbd4e9.entry.js → p-9da36147.entry.js} +2 -2
- package/dist/dso-toolkit/{p-e2902f00.entry.js → p-9eca8361.entry.js} +2 -2
- package/dist/dso-toolkit/{p-0dc38fff.entry.js → p-abe1dae2.entry.js} +2 -2
- package/dist/dso-toolkit/p-ae5a8660.entry.js +2 -0
- package/dist/dso-toolkit/p-bb247b4e.entry.js +2 -0
- package/dist/dso-toolkit/{p-02e56b4d.entry.js → p-c1c57c67.entry.js} +2 -2
- package/dist/dso-toolkit/p-c2a94e5b.entry.js +2 -0
- package/dist/dso-toolkit/p-c2a94e5b.entry.js.map +1 -0
- package/dist/dso-toolkit/p-cccde8af.entry.js +2 -0
- package/dist/dso-toolkit/p-cccde8af.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-8ef02e0b.entry.js → p-d86767c6.entry.js} +2 -2
- package/dist/dso-toolkit/{p-21705ae8.entry.js → p-d934baef.entry.js} +2 -2
- package/dist/dso-toolkit/p-e64d2887.entry.js +2 -0
- package/dist/dso-toolkit/p-e64d2887.entry.js.map +1 -0
- package/dist/dso-toolkit/p-e78fcea9.entry.js +2 -0
- package/dist/dso-toolkit/{p-beabb084.entry.js → p-ed149a75.entry.js} +2 -2
- package/dist/dso-toolkit/{p-91019a81.entry.js → p-f56d918c.entry.js} +2 -2
- package/dist/dso-toolkit/{p-790906ed.entry.js → p-f8b708de.entry.js} +2 -2
- package/dist/dso-toolkit/{p-7c760235.entry.js → p-faeacd73.entry.js} +2 -2
- package/dist/dso-toolkit/{p-34458b22.entry.js → p-faf9bd05.entry.js} +2 -2
- package/dist/esm/dso-alert_7.entry.js +12 -5
- package/dist/esm/dso-annotation-locatie_2.entry.js +2 -2
- package/dist/esm/{dso-icon.entry.js → dso-icon_2.entry.js} +593 -4
- package/dist/esm/dso-info_2.entry.js +1 -1
- package/dist/esm/dso-label_3.entry.js +1 -1
- package/dist/esm/dso-legend-item.entry.js +2 -2
- package/dist/esm/dso-legend-item.entry.js.map +1 -1
- package/dist/esm/dso-legend.entry.js +78 -0
- package/dist/esm/dso-legend.entry.js.map +1 -0
- package/dist/esm/dso-list-button.entry.js +1 -1
- package/dist/esm/dso-logo.entry.js +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +1 -1
- package/dist/esm/dso-map-controls.entry.js +1 -1
- package/dist/esm/dso-map-layer-object.entry.js +1 -1
- package/dist/esm/dso-map-layer.entry.js +1 -1
- package/dist/esm/dso-map-overlays.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/dso-plekinfo-card.entry.js +1 -1
- package/dist/esm/dso-progress-indicator.entry.js +1 -1
- package/dist/esm/dso-project-item.entry.js +1 -1
- package/dist/esm/dso-responsive-element.entry.js +1 -1
- package/dist/esm/dso-scrollable.entry.js +3 -3
- package/dist/esm/dso-scrollable.entry.js.map +1 -1
- package/dist/esm/dso-skiplink.entry.js +1 -1
- package/dist/esm/dso-survey-rating.entry.js +2 -2
- package/dist/esm/dso-tabs.entry.js +1 -1
- package/dist/esm/dso-tijdreis-banner.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/dso-viewer-grid.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/legend/legend.d.ts +26 -0
- package/dist/types/components/legend/legend.interfaces.d.ts +12 -0
- package/dist/types/components/ozon-content/nodes/int-io-ref.node.d.ts +1 -1
- package/dist/types/components/ozon-content/ozon-content-context.interface.d.ts +1 -0
- package/dist/types/components/ozon-content/ozon-content-node-context.interface.d.ts +1 -0
- package/dist/types/components/ozon-content/ozon-content.d.ts +5 -0
- package/dist/types/components.d.ts +59 -0
- package/package.json +3 -3
- package/dist/bundle/p-BLHKEAmx.js.map +0 -1
- package/dist/bundle/p-D8wuhYXU.js.map +0 -1
- package/dist/bundle/p-DEo5f2kY.js.map +0 -1
- package/dist/bundle/p-_SQrXU6n.js.map +0 -1
- package/dist/cjs/dso-icon-button.cjs.entry.js +0 -589
- package/dist/dso-toolkit/p-0eb57b0b.entry.js +0 -2
- package/dist/dso-toolkit/p-1fcfb9f3.entry.js +0 -2
- package/dist/dso-toolkit/p-2d6c125f.entry.js +0 -2
- package/dist/dso-toolkit/p-3b9fea45.entry.js +0 -2
- package/dist/dso-toolkit/p-3b9fea45.entry.js.map +0 -1
- package/dist/dso-toolkit/p-470a09f9.entry.js +0 -2
- package/dist/dso-toolkit/p-4713b9a4.entry.js +0 -2
- package/dist/dso-toolkit/p-56c7c642.entry.js +0 -2
- package/dist/dso-toolkit/p-56c7c642.entry.js.map +0 -1
- package/dist/dso-toolkit/p-e40c1f28.entry.js +0 -2
- package/dist/dso-toolkit/p-e40c1f28.entry.js.map +0 -1
- package/dist/dso-toolkit/p-f48e56d5.entry.js +0 -2
- package/dist/esm/dso-icon-button.entry.js +0 -587
- package/dist/esm/dso-icon-button.entry.js.map +0 -1
- package/dist/esm/dso-icon.entry.js.map +0 -1
- /package/dist/dso-toolkit/{p-4157fc4b.entry.js.map → p-00e02bdd.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-6eb56e78.entry.js.map → p-0c228b3c.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-ba9c436c.entry.js.map → p-30dd509e.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-cb89b6d1.entry.js.map → p-47295f4b.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-ab36d75f.entry.js.map → p-5387f2db.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-c0d18980.entry.js.map → p-5a2002a7.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-97846c8a.entry.js.map → p-5b894c59.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-470a09f9.entry.js.map → p-5be4766f.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-57b49adb.entry.js.map → p-5c283c16.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-d42de8a1.entry.js.map → p-770e2178.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-febbd4e9.entry.js.map → p-9da36147.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-e2902f00.entry.js.map → p-9eca8361.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-0dc38fff.entry.js.map → p-abe1dae2.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-4713b9a4.entry.js.map → p-ae5a8660.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-f48e56d5.entry.js.map → p-bb247b4e.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-02e56b4d.entry.js.map → p-c1c57c67.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-8ef02e0b.entry.js.map → p-d86767c6.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-21705ae8.entry.js.map → p-d934baef.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-0eb57b0b.entry.js.map → p-e78fcea9.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-beabb084.entry.js.map → p-ed149a75.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-91019a81.entry.js.map → p-f56d918c.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-790906ed.entry.js.map → p-f8b708de.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-7c760235.entry.js.map → p-faeacd73.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-34458b22.entry.js.map → p-faf9bd05.entry.js.map} +0 -0
|
@@ -1,587 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-WDDbscLp.js';
|
|
2
|
-
import { p as positionTooltip } from './position-tooltip.function-C5-1llBb.js';
|
|
3
|
-
import { T as Tooltip } from './tooltip.functional-component-K4nwACEI.js';
|
|
4
|
-
import './floating-ui.dom-_RZbmuMU.js';
|
|
5
|
-
import './clsx-ChV9xqsO.js';
|
|
6
|
-
|
|
7
|
-
const iconButtonCss = () => `.dso-tooltip {
|
|
8
|
-
--_dso-alert-success-border-color: #39870c;
|
|
9
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
10
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
11
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
12
|
-
--link-color: currentColor;
|
|
13
|
-
--link-hover-color: currentColor;
|
|
14
|
-
--link-visited-color: currentColor;
|
|
15
|
-
}
|
|
16
|
-
.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
17
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
18
|
-
}
|
|
19
|
-
.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
20
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
21
|
-
}
|
|
22
|
-
.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
23
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
24
|
-
}
|
|
25
|
-
.dso-tooltip a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
26
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
|
|
27
|
-
}
|
|
28
|
-
.dso-tooltip {
|
|
29
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
30
|
-
background-color: #666;
|
|
31
|
-
color: #fff;
|
|
32
|
-
}
|
|
33
|
-
.dso-tooltip {
|
|
34
|
-
border-radius: 4px;
|
|
35
|
-
overflow: unset;
|
|
36
|
-
margin: 0;
|
|
37
|
-
border: 0;
|
|
38
|
-
padding: 0;
|
|
39
|
-
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
|
|
40
|
-
opacity: 0;
|
|
41
|
-
visibility: hidden;
|
|
42
|
-
transition: opacity 0.15s;
|
|
43
|
-
}
|
|
44
|
-
.dso-tooltip.visible {
|
|
45
|
-
opacity: 1;
|
|
46
|
-
visibility: visible;
|
|
47
|
-
}
|
|
48
|
-
.dso-tooltip .tooltip-inner {
|
|
49
|
-
--_dso-alert-success-border-color: #39870c;
|
|
50
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
51
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
52
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
53
|
-
--link-color: currentColor;
|
|
54
|
-
--link-hover-color: currentColor;
|
|
55
|
-
--link-visited-color: currentColor;
|
|
56
|
-
}
|
|
57
|
-
.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
58
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
59
|
-
}
|
|
60
|
-
.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
61
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
62
|
-
}
|
|
63
|
-
.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
64
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
65
|
-
}
|
|
66
|
-
.dso-tooltip .tooltip-inner a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
67
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
|
|
68
|
-
}
|
|
69
|
-
.dso-tooltip .tooltip-inner {
|
|
70
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
71
|
-
background-color: #666;
|
|
72
|
-
color: #fff;
|
|
73
|
-
}
|
|
74
|
-
.dso-tooltip .tooltip-inner {
|
|
75
|
-
font-family: Asap, sans-serif;
|
|
76
|
-
font-size: 1rem;
|
|
77
|
-
font-weight: normal;
|
|
78
|
-
padding-block: 0;
|
|
79
|
-
padding-inline: 8px;
|
|
80
|
-
border-radius: 4px;
|
|
81
|
-
line-height: 1.5;
|
|
82
|
-
max-inline-size: 320px;
|
|
83
|
-
}
|
|
84
|
-
.dso-tooltip .tooltip-arrow {
|
|
85
|
-
--_dso-alert-success-border-color: #39870c;
|
|
86
|
-
--_dso-alert-error-border-color: #ce3f51;
|
|
87
|
-
--_dso-alert-info-border-color: #6ca4d9;
|
|
88
|
-
--_dso-alert-warning-border-color: #dcd400;
|
|
89
|
-
--link-color: currentColor;
|
|
90
|
-
--link-hover-color: currentColor;
|
|
91
|
-
--link-visited-color: currentColor;
|
|
92
|
-
}
|
|
93
|
-
.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
|
|
94
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
|
|
95
|
-
}
|
|
96
|
-
.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
|
|
97
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
|
|
98
|
-
}
|
|
99
|
-
.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
|
|
100
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));
|
|
101
|
-
}
|
|
102
|
-
.dso-tooltip .tooltip-arrow a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
|
|
103
|
-
background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));
|
|
104
|
-
}
|
|
105
|
-
.dso-tooltip .tooltip-arrow {
|
|
106
|
-
--_dso-icon-button-tertiary-color: #fff;
|
|
107
|
-
background-color: #666;
|
|
108
|
-
color: #fff;
|
|
109
|
-
}
|
|
110
|
-
.dso-tooltip .tooltip-arrow {
|
|
111
|
-
position: absolute;
|
|
112
|
-
border-start-start-radius: 4px;
|
|
113
|
-
block-size: 8px;
|
|
114
|
-
inline-size: 8px;
|
|
115
|
-
pointer-events: none;
|
|
116
|
-
z-index: -1;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
:host {
|
|
120
|
-
display: inline-block;
|
|
121
|
-
line-height: 1;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
*,
|
|
125
|
-
*::after,
|
|
126
|
-
*::before {
|
|
127
|
-
box-sizing: border-box;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.dso-secondary {
|
|
131
|
-
display: inline-block;
|
|
132
|
-
font-size: 1em;
|
|
133
|
-
font-weight: 500;
|
|
134
|
-
margin-block-end: 0;
|
|
135
|
-
text-decoration: none;
|
|
136
|
-
touch-action: manipulation;
|
|
137
|
-
text-align: start;
|
|
138
|
-
user-select: none;
|
|
139
|
-
vertical-align: middle;
|
|
140
|
-
}
|
|
141
|
-
.dso-secondary:focus, .dso-secondary:focus-visible {
|
|
142
|
-
outline-offset: 2px;
|
|
143
|
-
}
|
|
144
|
-
.dso-secondary:active {
|
|
145
|
-
outline: 0;
|
|
146
|
-
}
|
|
147
|
-
.dso-secondary.extern::after, .dso-secondary.download::after {
|
|
148
|
-
content: "";
|
|
149
|
-
display: inline-block;
|
|
150
|
-
margin-inline-start: 8px;
|
|
151
|
-
}
|
|
152
|
-
.dso-secondary {
|
|
153
|
-
background-color: var(--_dso-button-secondary-background-color, #fff);
|
|
154
|
-
border-color: var(--_dso-button-secondary-border-color, #39870c);
|
|
155
|
-
color: var(--_dso-button-secondary-color, #39870c);
|
|
156
|
-
}
|
|
157
|
-
.dso-secondary {
|
|
158
|
-
border-width: 1px;
|
|
159
|
-
border-style: solid;
|
|
160
|
-
border-radius: 4px;
|
|
161
|
-
line-height: 1.5;
|
|
162
|
-
min-inline-size: 56px;
|
|
163
|
-
padding-block: 11px;
|
|
164
|
-
padding-inline: 15px;
|
|
165
|
-
}
|
|
166
|
-
.dso-secondary:hover {
|
|
167
|
-
background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
|
|
168
|
-
border-color: var(--_dso-button-secondary-hover-border-color, #275937);
|
|
169
|
-
color: var(--_dso-button-secondary-hover-color, #275937);
|
|
170
|
-
}
|
|
171
|
-
.dso-secondary:active {
|
|
172
|
-
background-color: var(--_dso-button-secondary-active-background-color, #275937);
|
|
173
|
-
border-color: var(--_dso-button-secondary-active-border-color, #275937);
|
|
174
|
-
color: var(--_dso-button-secondary-active-color, #fff);
|
|
175
|
-
}
|
|
176
|
-
.dso-secondary[disabled], .dso-secondary[disabled]:hover {
|
|
177
|
-
background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
|
|
178
|
-
border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
|
|
179
|
-
color: var(--_dso-button-secondary-disabled-color, #afcf9d);
|
|
180
|
-
}
|
|
181
|
-
.dso-secondary.dso-small {
|
|
182
|
-
line-height: 1rem;
|
|
183
|
-
}
|
|
184
|
-
.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 {
|
|
185
|
-
margin-block-end: -4px;
|
|
186
|
-
margin-block-start: -4px;
|
|
187
|
-
}
|
|
188
|
-
.dso-secondary.dso-small.dso-spinner-left::before {
|
|
189
|
-
block-size: 16px;
|
|
190
|
-
inline-size: 16px;
|
|
191
|
-
}
|
|
192
|
-
.dso-secondary.dso-small.dso-spinner-right::after {
|
|
193
|
-
block-size: 16px;
|
|
194
|
-
inline-size: 16px;
|
|
195
|
-
}
|
|
196
|
-
.dso-secondary.dso-extra-small {
|
|
197
|
-
line-height: 1rem;
|
|
198
|
-
}
|
|
199
|
-
.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 {
|
|
200
|
-
margin-block-end: -4px;
|
|
201
|
-
margin-block-start: -4px;
|
|
202
|
-
}
|
|
203
|
-
.dso-secondary.dso-extra-small.dso-spinner-left::before {
|
|
204
|
-
block-size: 16px;
|
|
205
|
-
inline-size: 16px;
|
|
206
|
-
}
|
|
207
|
-
.dso-secondary.dso-extra-small.dso-spinner-right::after {
|
|
208
|
-
block-size: 16px;
|
|
209
|
-
inline-size: 16px;
|
|
210
|
-
}
|
|
211
|
-
.dso-secondary.dso-extra-small {
|
|
212
|
-
padding-block: 9px;
|
|
213
|
-
}
|
|
214
|
-
.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
|
|
215
|
-
margin-inline-start: -8px;
|
|
216
|
-
}
|
|
217
|
-
.dso-secondary span:not(.sr-only) + dso-icon {
|
|
218
|
-
margin-inline-start: 8px;
|
|
219
|
-
margin-inline-end: -8px;
|
|
220
|
-
}
|
|
221
|
-
.dso-secondary dso-icon + span:not(.sr-only) {
|
|
222
|
-
margin-inline-start: 8px;
|
|
223
|
-
}
|
|
224
|
-
.dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {
|
|
225
|
-
background-color: #fff;
|
|
226
|
-
border-color: #39870c;
|
|
227
|
-
color: #39870c;
|
|
228
|
-
}
|
|
229
|
-
.dso-secondary.dso-spinner-left::before {
|
|
230
|
-
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");
|
|
231
|
-
background-repeat: no-repeat;
|
|
232
|
-
content: "";
|
|
233
|
-
display: inline-block;
|
|
234
|
-
block-size: 24px;
|
|
235
|
-
vertical-align: top;
|
|
236
|
-
inline-size: 24px;
|
|
237
|
-
margin-inline-end: 8px;
|
|
238
|
-
}
|
|
239
|
-
.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
|
|
240
|
-
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");
|
|
241
|
-
background-repeat: no-repeat;
|
|
242
|
-
content: "";
|
|
243
|
-
display: inline-block;
|
|
244
|
-
block-size: 24px;
|
|
245
|
-
vertical-align: top;
|
|
246
|
-
inline-size: 24px;
|
|
247
|
-
margin-inline-end: 8px;
|
|
248
|
-
}
|
|
249
|
-
.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
|
|
250
|
-
block-size: 16px;
|
|
251
|
-
inline-size: 16px;
|
|
252
|
-
}
|
|
253
|
-
.dso-secondary.dso-spinner-right::after {
|
|
254
|
-
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");
|
|
255
|
-
background-repeat: no-repeat;
|
|
256
|
-
content: "";
|
|
257
|
-
display: inline-block;
|
|
258
|
-
block-size: 24px;
|
|
259
|
-
vertical-align: top;
|
|
260
|
-
inline-size: 24px;
|
|
261
|
-
margin-inline-start: 8px;
|
|
262
|
-
}
|
|
263
|
-
.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
|
|
264
|
-
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");
|
|
265
|
-
background-repeat: no-repeat;
|
|
266
|
-
content: "";
|
|
267
|
-
display: inline-block;
|
|
268
|
-
block-size: 24px;
|
|
269
|
-
vertical-align: top;
|
|
270
|
-
inline-size: 24px;
|
|
271
|
-
margin-inline-start: 8px;
|
|
272
|
-
}
|
|
273
|
-
.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
|
|
274
|
-
block-size: 16px;
|
|
275
|
-
inline-size: 16px;
|
|
276
|
-
}
|
|
277
|
-
.dso-secondary {
|
|
278
|
-
padding-inline: calc(8px - 1px);
|
|
279
|
-
padding-block: calc(8px - 1px);
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.dso-tertiary {
|
|
283
|
-
display: inline-block;
|
|
284
|
-
font-size: 1em;
|
|
285
|
-
font-weight: 500;
|
|
286
|
-
margin-block-end: 0;
|
|
287
|
-
text-decoration: none;
|
|
288
|
-
touch-action: manipulation;
|
|
289
|
-
text-align: start;
|
|
290
|
-
user-select: none;
|
|
291
|
-
vertical-align: middle;
|
|
292
|
-
}
|
|
293
|
-
.dso-tertiary:focus, .dso-tertiary:focus-visible {
|
|
294
|
-
outline-offset: 2px;
|
|
295
|
-
}
|
|
296
|
-
.dso-tertiary:active {
|
|
297
|
-
outline: 0;
|
|
298
|
-
}
|
|
299
|
-
.dso-tertiary.extern::after, .dso-tertiary.download::after {
|
|
300
|
-
content: "";
|
|
301
|
-
display: inline-block;
|
|
302
|
-
margin-inline-start: 8px;
|
|
303
|
-
}
|
|
304
|
-
.dso-tertiary {
|
|
305
|
-
padding-inline: 0;
|
|
306
|
-
padding-block: 0;
|
|
307
|
-
color: var(--_dso-icon-button-tertiary-color, #39870c);
|
|
308
|
-
background-color: transparent;
|
|
309
|
-
border: 0;
|
|
310
|
-
}
|
|
311
|
-
.dso-tertiary:not([disabled]):hover {
|
|
312
|
-
color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937));
|
|
313
|
-
}
|
|
314
|
-
.dso-tertiary:not([disabled]):active {
|
|
315
|
-
color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #275937));
|
|
316
|
-
}
|
|
317
|
-
.dso-tertiary[disabled] {
|
|
318
|
-
color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d));
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
.dso-map {
|
|
322
|
-
display: inline-block;
|
|
323
|
-
font-size: 1em;
|
|
324
|
-
font-weight: 500;
|
|
325
|
-
margin-block-end: 0;
|
|
326
|
-
text-decoration: none;
|
|
327
|
-
touch-action: manipulation;
|
|
328
|
-
text-align: start;
|
|
329
|
-
user-select: none;
|
|
330
|
-
vertical-align: middle;
|
|
331
|
-
}
|
|
332
|
-
.dso-map:focus, .dso-map:focus-visible {
|
|
333
|
-
outline-offset: 2px;
|
|
334
|
-
}
|
|
335
|
-
.dso-map:active {
|
|
336
|
-
outline: 0;
|
|
337
|
-
}
|
|
338
|
-
.dso-map {
|
|
339
|
-
background-color: var(--_dso-button-secondary-background-color, #fff);
|
|
340
|
-
border-color: var(--_dso-button-secondary-border-color, #39870c);
|
|
341
|
-
color: var(--_dso-button-secondary-color, #39870c);
|
|
342
|
-
}
|
|
343
|
-
.dso-map {
|
|
344
|
-
border-width: 1px;
|
|
345
|
-
border-style: solid;
|
|
346
|
-
border-radius: 4px;
|
|
347
|
-
line-height: 1.5;
|
|
348
|
-
min-inline-size: 56px;
|
|
349
|
-
padding-block: 11px;
|
|
350
|
-
padding-inline: 15px;
|
|
351
|
-
}
|
|
352
|
-
.dso-map:hover {
|
|
353
|
-
background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
|
|
354
|
-
border-color: var(--_dso-button-secondary-hover-border-color, #275937);
|
|
355
|
-
color: var(--_dso-button-secondary-hover-color, #275937);
|
|
356
|
-
}
|
|
357
|
-
.dso-map:active {
|
|
358
|
-
background-color: var(--_dso-button-secondary-active-background-color, #275937);
|
|
359
|
-
border-color: var(--_dso-button-secondary-active-border-color, #275937);
|
|
360
|
-
color: var(--_dso-button-secondary-active-color, #fff);
|
|
361
|
-
}
|
|
362
|
-
.dso-map[disabled], .dso-map[disabled]:hover {
|
|
363
|
-
background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
|
|
364
|
-
border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
|
|
365
|
-
color: var(--_dso-button-secondary-disabled-color, #afcf9d);
|
|
366
|
-
}
|
|
367
|
-
.dso-map.dso-small {
|
|
368
|
-
line-height: 1rem;
|
|
369
|
-
}
|
|
370
|
-
.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 {
|
|
371
|
-
margin-block-end: -4px;
|
|
372
|
-
margin-block-start: -4px;
|
|
373
|
-
}
|
|
374
|
-
.dso-map.dso-small.dso-spinner-left::before {
|
|
375
|
-
block-size: 16px;
|
|
376
|
-
inline-size: 16px;
|
|
377
|
-
}
|
|
378
|
-
.dso-map.dso-small.dso-spinner-right::after {
|
|
379
|
-
block-size: 16px;
|
|
380
|
-
inline-size: 16px;
|
|
381
|
-
}
|
|
382
|
-
.dso-map.dso-extra-small {
|
|
383
|
-
line-height: 1rem;
|
|
384
|
-
}
|
|
385
|
-
.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 {
|
|
386
|
-
margin-block-end: -4px;
|
|
387
|
-
margin-block-start: -4px;
|
|
388
|
-
}
|
|
389
|
-
.dso-map.dso-extra-small.dso-spinner-left::before {
|
|
390
|
-
block-size: 16px;
|
|
391
|
-
inline-size: 16px;
|
|
392
|
-
}
|
|
393
|
-
.dso-map.dso-extra-small.dso-spinner-right::after {
|
|
394
|
-
block-size: 16px;
|
|
395
|
-
inline-size: 16px;
|
|
396
|
-
}
|
|
397
|
-
.dso-map.dso-extra-small {
|
|
398
|
-
padding-block: 9px;
|
|
399
|
-
}
|
|
400
|
-
.dso-map dso-icon:has(+ span:not(.sr-only)) {
|
|
401
|
-
margin-inline-start: -8px;
|
|
402
|
-
}
|
|
403
|
-
.dso-map span:not(.sr-only) + dso-icon {
|
|
404
|
-
margin-inline-start: 8px;
|
|
405
|
-
margin-inline-end: -8px;
|
|
406
|
-
}
|
|
407
|
-
.dso-map dso-icon + span:not(.sr-only) {
|
|
408
|
-
margin-inline-start: 8px;
|
|
409
|
-
}
|
|
410
|
-
.dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {
|
|
411
|
-
background-color: #fff;
|
|
412
|
-
border-color: #39870c;
|
|
413
|
-
color: #39870c;
|
|
414
|
-
}
|
|
415
|
-
.dso-map.dso-spinner-left::before {
|
|
416
|
-
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");
|
|
417
|
-
background-repeat: no-repeat;
|
|
418
|
-
content: "";
|
|
419
|
-
display: inline-block;
|
|
420
|
-
block-size: 24px;
|
|
421
|
-
vertical-align: top;
|
|
422
|
-
inline-size: 24px;
|
|
423
|
-
margin-inline-end: 8px;
|
|
424
|
-
}
|
|
425
|
-
.dso-map.dso-spinner-left:not([disabled]):hover::before {
|
|
426
|
-
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");
|
|
427
|
-
background-repeat: no-repeat;
|
|
428
|
-
content: "";
|
|
429
|
-
display: inline-block;
|
|
430
|
-
block-size: 24px;
|
|
431
|
-
vertical-align: top;
|
|
432
|
-
inline-size: 24px;
|
|
433
|
-
margin-inline-end: 8px;
|
|
434
|
-
}
|
|
435
|
-
.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {
|
|
436
|
-
block-size: 16px;
|
|
437
|
-
inline-size: 16px;
|
|
438
|
-
}
|
|
439
|
-
.dso-map.dso-spinner-right::after {
|
|
440
|
-
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");
|
|
441
|
-
background-repeat: no-repeat;
|
|
442
|
-
content: "";
|
|
443
|
-
display: inline-block;
|
|
444
|
-
block-size: 24px;
|
|
445
|
-
vertical-align: top;
|
|
446
|
-
inline-size: 24px;
|
|
447
|
-
margin-inline-start: 8px;
|
|
448
|
-
}
|
|
449
|
-
.dso-map.dso-spinner-right:not([disabled]):hover::after {
|
|
450
|
-
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");
|
|
451
|
-
background-repeat: no-repeat;
|
|
452
|
-
content: "";
|
|
453
|
-
display: inline-block;
|
|
454
|
-
block-size: 24px;
|
|
455
|
-
vertical-align: top;
|
|
456
|
-
inline-size: 24px;
|
|
457
|
-
margin-inline-start: 8px;
|
|
458
|
-
}
|
|
459
|
-
.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {
|
|
460
|
-
block-size: 16px;
|
|
461
|
-
inline-size: 16px;
|
|
462
|
-
}
|
|
463
|
-
.dso-map {
|
|
464
|
-
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
|
|
465
|
-
border: 0;
|
|
466
|
-
font-weight: 600;
|
|
467
|
-
margin-inline-end: 16px;
|
|
468
|
-
padding-block: 8px;
|
|
469
|
-
padding-inline: 16px;
|
|
470
|
-
white-space: nowrap;
|
|
471
|
-
}
|
|
472
|
-
.dso-map:focus, .dso-map:focus-visible {
|
|
473
|
-
outline-offset: -1px;
|
|
474
|
-
}
|
|
475
|
-
.dso-map:has(span.sr-only):has(dso-icon) {
|
|
476
|
-
padding: 8px;
|
|
477
|
-
min-inline-size: auto;
|
|
478
|
-
block-size: 40px;
|
|
479
|
-
inline-size: 40px;
|
|
480
|
-
}
|
|
481
|
-
.dso-map {
|
|
482
|
-
padding-inline: 8px;
|
|
483
|
-
padding-block: 8px;
|
|
484
|
-
border: 0;
|
|
485
|
-
margin-inline-end: 0;
|
|
486
|
-
box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));
|
|
487
|
-
border-radius: var(--_dso-icon-button-map-border-radius, 4px);
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
.icon-button {
|
|
491
|
-
min-inline-size: auto;
|
|
492
|
-
cursor: pointer;
|
|
493
|
-
}
|
|
494
|
-
.icon-button[disabled] {
|
|
495
|
-
cursor: default;
|
|
496
|
-
}`;
|
|
497
|
-
|
|
498
|
-
const IconButton = class {
|
|
499
|
-
constructor(hostRef) {
|
|
500
|
-
registerInstance(this, hostRef);
|
|
501
|
-
this.dsoClick = createEvent(this, "dsoClick", 3);
|
|
502
|
-
/**
|
|
503
|
-
* The variant of the Icon Button.
|
|
504
|
-
*/
|
|
505
|
-
this.variant = "secondary";
|
|
506
|
-
/**
|
|
507
|
-
* The placement of the tooltip on hover and focus of the Icon Button.
|
|
508
|
-
*/
|
|
509
|
-
this.tooltipPlacement = "top";
|
|
510
|
-
/**
|
|
511
|
-
* To disable the Icon Button
|
|
512
|
-
*/
|
|
513
|
-
this.disabled = false;
|
|
514
|
-
this.showTooltip = false;
|
|
515
|
-
this.lastClickTime = 0;
|
|
516
|
-
this.tooltipShowDelay = 500;
|
|
517
|
-
this.handleShowTooltip = () => {
|
|
518
|
-
if (this.disabled) {
|
|
519
|
-
return;
|
|
520
|
-
}
|
|
521
|
-
// Don't show the tooltip if the button is clicked within 500ms of the last click
|
|
522
|
-
if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
|
|
523
|
-
return;
|
|
524
|
-
}
|
|
525
|
-
this.clearToolTipTimeout();
|
|
526
|
-
this.tooltipTimeout = window.setTimeout(() => {
|
|
527
|
-
var _a, _b;
|
|
528
|
-
if (!((_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.isConnected)) {
|
|
529
|
-
return;
|
|
530
|
-
}
|
|
531
|
-
this.showTooltip = true;
|
|
532
|
-
(_b = this.tooltipElRef) === null || _b === void 0 ? void 0 : _b.showPopover();
|
|
533
|
-
if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {
|
|
534
|
-
this.cleanUp = positionTooltip({
|
|
535
|
-
referenceElement: this.buttonElRef,
|
|
536
|
-
tipRef: this.tooltipElRef,
|
|
537
|
-
tipArrowRef: this.tipArrowElRef,
|
|
538
|
-
placementTip: this.tooltipPlacement,
|
|
539
|
-
topPositionSmallViewPort: false,
|
|
540
|
-
halfMainAxisOffset: false,
|
|
541
|
-
forceVisible: true,
|
|
542
|
-
});
|
|
543
|
-
}
|
|
544
|
-
}, this.tooltipShowDelay);
|
|
545
|
-
};
|
|
546
|
-
this.clearToolTipTimeout = () => {
|
|
547
|
-
if (this.tooltipTimeout) {
|
|
548
|
-
clearTimeout(this.tooltipTimeout);
|
|
549
|
-
}
|
|
550
|
-
};
|
|
551
|
-
this.handleHideTooltip = () => {
|
|
552
|
-
var _a;
|
|
553
|
-
this.clearToolTipTimeout();
|
|
554
|
-
this.showTooltip = false;
|
|
555
|
-
(_a = this.tooltipElRef) === null || _a === void 0 ? void 0 : _a.hidePopover();
|
|
556
|
-
if (!this.showTooltip && this.cleanUp) {
|
|
557
|
-
this.cleanUp();
|
|
558
|
-
this.cleanUp = undefined;
|
|
559
|
-
}
|
|
560
|
-
};
|
|
561
|
-
this.handleClick = (e) => {
|
|
562
|
-
this.lastClickTime = Date.now();
|
|
563
|
-
this.handleHideTooltip();
|
|
564
|
-
this.dsoClick.emit({ originalEvent: e });
|
|
565
|
-
};
|
|
566
|
-
}
|
|
567
|
-
/**
|
|
568
|
-
* Focuses the button.
|
|
569
|
-
*/
|
|
570
|
-
async setFocus() {
|
|
571
|
-
var _a;
|
|
572
|
-
(_a = this.buttonElRef) === null || _a === void 0 ? void 0 : _a.focus();
|
|
573
|
-
}
|
|
574
|
-
disconnectedCallback() {
|
|
575
|
-
var _a;
|
|
576
|
-
this.clearToolTipTimeout();
|
|
577
|
-
(_a = this.cleanUp) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
578
|
-
this.cleanUp = undefined;
|
|
579
|
-
}
|
|
580
|
-
render() {
|
|
581
|
-
return (h("button", { key: '5045ce3b4d8d0bf8538501dee9f573ee8f6cee38', 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: '3ce28c59e0f6c2a137c9f65958765e5ac3d4f239', icon: this.icon }), h(Tooltip, { key: 'ed39dd1770074c20e3103067ddc1d32db8d0d2d1', visible: this.showTooltip, onAfterHidden: this.handleHideTooltip, tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tipArrowElRef = element) }, this.label)));
|
|
582
|
-
}
|
|
583
|
-
};
|
|
584
|
-
IconButton.style = iconButtonCss();
|
|
585
|
-
|
|
586
|
-
export { IconButton as dso_icon_button };
|
|
587
|
-
//# sourceMappingURL=dso-icon-button.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dso-icon-button.entry.js","sources":["src/components/icon-button/icon-button.scss?tag=dso-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n\r\n@use \"../../functional-components/tooltip\";\r\n\r\n@include tooltip.include(colors.$grijs-60, 4px, units.$u1, 0, units.$u1);\r\n\r\n:host {\r\n display: inline-block;\r\n line-height: 1;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-secondary {\r\n @include button.secondary();\r\n\r\n // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n & {\r\n padding-inline: calc(#{units.$u1} - 1px);\r\n padding-block: calc(#{units.$u1} - 1px);\r\n }\r\n}\r\n\r\n.dso-tertiary {\r\n @include button.base();\r\n\r\n // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n & {\r\n padding-inline: 0;\r\n padding-block: 0;\r\n\r\n color: var(--_dso-icon-button-tertiary-color, button.$tertiary-color);\r\n background-color: transparent;\r\n border: 0;\r\n }\r\n\r\n &:not([disabled]) {\r\n &:hover {\r\n color: var(\r\n --_dso-icon-button-tertiary-hover-color,\r\n var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n );\r\n }\r\n\r\n &:active {\r\n color: var(\r\n --_dso-icon-button-tertiary-active-color,\r\n var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n );\r\n }\r\n }\r\n\r\n &[disabled] {\r\n color: var(\r\n --_dso-icon-button-tertiary-disabled-color,\r\n var(--_dso-icon-button-tertiary-color, button.$tertiary-disabled-color)\r\n );\r\n }\r\n}\r\n\r\n.dso-map {\r\n @include button.map();\r\n\r\n // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n & {\r\n padding-inline: units.$u1;\r\n padding-block: units.$u1;\r\n border: 0;\r\n margin-inline-end: 0;\r\n box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));\r\n border-radius: var(--_dso-icon-button-map-border-radius, button.$border-radius);\r\n }\r\n}\r\n\r\n.icon-button {\r\n min-inline-size: auto;\r\n cursor: pointer;\r\n\r\n &[disabled] {\r\n cursor: default;\r\n }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean, TooltipPlacement } from \"../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\nimport { IconButtonClickEvent, IconButtonVariant } from \"./icon-button.interfaces\";\r\n\r\n@Component({\r\n tag: \"dso-icon-button\",\r\n styleUrl: \"icon-button.scss\",\r\n shadow: true,\r\n})\r\nexport class IconButton implements ComponentInterface {\r\n /**\r\n * The alias of the icon in the button.\r\n */\r\n @Prop({ reflect: true })\r\n icon!: string | undefined;\r\n\r\n /**\r\n * The label of the Icon Button which is shown on hover in a tooltip.\r\n */\r\n @Prop({ reflect: true })\r\n label!: string | undefined;\r\n\r\n /**\r\n * The variant of the Icon Button.\r\n */\r\n @Prop({ reflect: true })\r\n variant?: IconButtonVariant = \"secondary\";\r\n\r\n /**\r\n * The placement of the tooltip on hover and focus of the Icon Button.\r\n */\r\n @Prop({ reflect: true })\r\n tooltipPlacement: TooltipPlacement = \"top\";\r\n\r\n /**\r\n * To disable the Icon Button\r\n */\r\n @Prop({ reflect: true })\r\n disabled = false;\r\n\r\n /**\r\n * Emitted when the user clicks the Icon Button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoClick!: EventEmitter<IconButtonClickEvent>;\r\n\r\n @State()\r\n showTooltip = false;\r\n\r\n /**\r\n * Focuses the button.\r\n */\r\n @Method()\r\n async setFocus() {\r\n this.buttonElRef?.focus();\r\n }\r\n\r\n private buttonElRef?: HTMLButtonElement;\r\n private tooltipElRef?: HTMLDivElement;\r\n private tipArrowElRef?: HTMLSpanElement;\r\n private tooltipTimeout?: number;\r\n private cleanUp: TooltipClean | undefined;\r\n private lastClickTime = 0;\r\n private tooltipShowDelay = 500;\r\n\r\n private handleShowTooltip = () => {\r\n if (this.disabled) {\r\n return;\r\n }\r\n\r\n // Don't show the tooltip if the button is clicked within 500ms of the last click\r\n if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {\r\n return;\r\n }\r\n\r\n this.clearToolTipTimeout();\r\n\r\n this.tooltipTimeout = window.setTimeout(() => {\r\n if (!this.tooltipElRef?.isConnected) {\r\n return;\r\n }\r\n\r\n this.showTooltip = true;\r\n this.tooltipElRef?.showPopover();\r\n\r\n if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {\r\n this.cleanUp = positionTooltip({\r\n referenceElement: this.buttonElRef,\r\n tipRef: this.tooltipElRef,\r\n tipArrowRef: this.tipArrowElRef,\r\n placementTip: this.tooltipPlacement,\r\n topPositionSmallViewPort: false,\r\n halfMainAxisOffset: false,\r\n forceVisible: true,\r\n });\r\n }\r\n }, this.tooltipShowDelay);\r\n };\r\n\r\n disconnectedCallback() {\r\n this.clearToolTipTimeout();\r\n\r\n this.cleanUp?.();\r\n this.cleanUp = undefined;\r\n }\r\n\r\n private clearToolTipTimeout = () => {\r\n if (this.tooltipTimeout) {\r\n clearTimeout(this.tooltipTimeout);\r\n }\r\n };\r\n\r\n private handleHideTooltip = () => {\r\n this.clearToolTipTimeout();\r\n\r\n this.showTooltip = false;\r\n this.tooltipElRef?.hidePopover();\r\n\r\n if (!this.showTooltip && this.cleanUp) {\r\n this.cleanUp();\r\n this.cleanUp = undefined;\r\n }\r\n };\r\n\r\n private handleClick = (e: MouseEvent) => {\r\n this.lastClickTime = Date.now();\r\n this.handleHideTooltip();\r\n this.dsoClick.emit({ originalEvent: e });\r\n };\r\n\r\n render() {\r\n return (\r\n <button\r\n ref={(el) => (this.buttonElRef = el)}\r\n type=\"button\"\r\n disabled={this.disabled}\r\n aria-label={this.label}\r\n class={`icon-button dso-${this.variant}`}\r\n onMouseEnter={this.handleShowTooltip}\r\n onMouseLeave={this.handleHideTooltip}\r\n onFocus={this.handleShowTooltip}\r\n onBlur={this.handleHideTooltip}\r\n onClick={this.handleClick}\r\n >\r\n <dso-icon icon={this.icon} />\r\n <Tooltip\r\n visible={this.showTooltip}\r\n onAfterHidden={this.handleHideTooltip}\r\n tipElementRef={(element) => (this.tooltipElRef = element)}\r\n tipArrowElementRef={(element) => (this.tipArrowElRef = element)}\r\n >\r\n {this.label}\r\n </Tooltip>\r\n </button>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dso-icon.entry.js","sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n display: inline-block;\r\n block-size: icon.$size;\r\n vertical-align: icon.$vertical-align;\r\n inline-size: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n display: block;\r\n line-height: 0;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport hammer from \"dso-toolkit/src/icons/hammer.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n { alias: \"air\", svg: air },\r\n { alias: \"angle-down\", svg: angleDown },\r\n { alias: \"angle-left\", svg: angleLeft },\r\n { alias: \"angle-right\", svg: angleRight },\r\n { alias: \"angle-up\", svg: angleUp },\r\n { alias: \"asterisk\", svg: asterisk },\r\n { alias: \"balloon\", svg: balloon },\r\n { alias: \"bars\", svg: bars },\r\n { alias: \"bell\", svg: bell },\r\n { alias: \"buildings\", svg: buildings },\r\n { alias: \"calendar\", svg: calendar },\r\n { alias: \"call\", svg: call },\r\n { alias: \"caret-down\", svg: caretDown },\r\n { alias: \"check\", svg: check },\r\n { alias: \"check-circle\", svg: checkCircle },\r\n { alias: \"chevron-down\", svg: chevronDown },\r\n { alias: \"chevron-left\", svg: chevronLeft },\r\n { alias: \"chevron-right\", svg: chevronRight },\r\n { alias: \"chevron-up\", svg: chevronUp },\r\n { alias: \"circle-notch\", svg: circleNotch },\r\n { alias: \"clock\", svg: clock },\r\n { alias: \"copy\", svg: copy },\r\n { alias: \"crown\", svg: crown },\r\n { alias: \"cultural\", svg: cultural },\r\n { alias: \"document\", svg: document },\r\n { alias: \"download\", svg: download },\r\n { alias: \"email\", svg: email },\r\n { alias: \"energy\", svg: energy },\r\n { alias: \"environment\", svg: environment },\r\n { alias: \"exclamation\", svg: exclamation },\r\n { alias: \"external-link\", svg: externalLink },\r\n { alias: \"eye-slash\", svg: eyeSlash },\r\n { alias: \"eye\", svg: eye },\r\n { alias: \"filter\", svg: filter },\r\n { alias: \"forbidden\", svg: forbidden },\r\n { alias: \"hammer\", svg: hammer },\r\n { alias: \"health\", svg: health },\r\n { alias: \"help-active\", svg: helpActive },\r\n { alias: \"help\", svg: help },\r\n { alias: \"house\", svg: house },\r\n { alias: \"info-active\", svg: infoActive },\r\n { alias: \"info-i\", svg: infoI },\r\n { alias: \"info\", svg: info },\r\n { alias: \"infrastructure\", svg: infrastructure },\r\n { alias: \"label\", svg: label },\r\n { alias: \"land\", svg: land },\r\n { alias: \"landscape\", svg: landscape },\r\n { alias: \"layers\", svg: layers },\r\n { alias: \"light-bulb\", svg: lightBulb },\r\n { alias: \"location\", svg: location },\r\n { alias: \"location-outline\", svg: locationOutline },\r\n { alias: \"location-search\", svg: locationSearch },\r\n { alias: \"lock\", svg: lock },\r\n { alias: \"magnet\", svg: magnet },\r\n { alias: \"mail\", svg: mail },\r\n { alias: \"map-layers\", svg: mapLayers },\r\n { alias: \"map-location\", svg: mapLocation },\r\n { alias: \"marker\", svg: marker },\r\n { alias: \"measurement\", svg: measurement },\r\n { alias: \"minus-circle\", svg: minusCircle },\r\n { alias: \"minus-square\", svg: minusSquare },\r\n { alias: \"minus\", svg: minus },\r\n { alias: \"more\", svg: more },\r\n { alias: \"municipality\", svg: municipality },\r\n { alias: \"nature\", svg: nature },\r\n { alias: \"new-window\", svg: newWindow },\r\n { alias: \"paperclip\", svg: paperclip },\r\n { alias: \"parking\", svg: parking },\r\n { alias: \"pencil\", svg: pencil },\r\n { alias: \"pin\", svg: pin },\r\n { alias: \"pin-outline\", svg: pinOutline },\r\n { alias: \"plus-circle\", svg: plusCircle },\r\n { alias: \"plus-square\", svg: plusSquare },\r\n { alias: \"plus\", svg: plus },\r\n { alias: \"print\", svg: print },\r\n { alias: \"procedures\", svg: procedures },\r\n { alias: \"spinner\", svg: spinner },\r\n { alias: \"redo\", svg: redo },\r\n { alias: \"safety\", svg: safety },\r\n { alias: \"scale\", svg: scale },\r\n { alias: \"search\", svg: search },\r\n { alias: \"sitemap\", svg: sitemap },\r\n { alias: \"soil\", svg: soil },\r\n { alias: \"sort-ascending\", svg: sortAscending },\r\n { alias: \"sort-descending\", svg: sortDescending },\r\n { alias: \"sort\", svg: sort },\r\n { alias: \"sound\", svg: sound },\r\n { alias: \"status-danger\", svg: statusDanger },\r\n { alias: \"status-error\", svg: statusError },\r\n { alias: \"status-info\", svg: statusInfo },\r\n { alias: \"status-success\", svg: statusSuccess },\r\n { alias: \"status-warning\", svg: statusWarning },\r\n { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n { alias: \"table\", svg: table },\r\n { alias: \"times\", svg: times },\r\n { alias: \"to-do-list\", svg: toDoList },\r\n { alias: \"trash\", svg: trash },\r\n { alias: \"undo\", svg: undo },\r\n { alias: \"user-line\", svg: userLine },\r\n { alias: \"user\", svg: user },\r\n { alias: \"users\", svg: users },\r\n { alias: \"water\", svg: water },\r\n { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n tag: \"dso-icon\",\r\n styleUrl: \"./icon.scss\",\r\n shadow: true,\r\n})\r\nexport class Icon {\r\n /**\r\n * The alias of the icon.\r\n */\r\n @Prop()\r\n icon?: string;\r\n\r\n render() {\r\n if (this.icon) {\r\n const icon = icons.find((i) => i.alias === this.icon);\r\n if (!icon) {\r\n throw new TypeError(`Unknown svg: ${this.icon}`);\r\n }\r\n\r\n return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n }\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
File without changes
|