@dso-toolkit/core 54.3.0 → 56.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/cjs/dso-accordion-section.cjs.entry.js +31 -88
- package/dist/cjs/dso-accordion-section.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-accordion.cjs.entry.js +198 -108
- package/dist/cjs/dso-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-action-list-item.cjs.entry.js +1 -1
- package/dist/cjs/dso-action-list.cjs.entry.js +1 -1
- package/dist/cjs/dso-alert_5.cjs.entry.js +719 -0
- package/dist/cjs/dso-alert_5.cjs.entry.js.map +1 -0
- package/dist/cjs/dso-annotation-output_3.cjs.entry.js +143 -0
- package/dist/cjs/dso-annotation-output_3.cjs.entry.js.map +1 -0
- package/dist/cjs/dso-attachments-counter.cjs.entry.js +1 -1
- package/dist/cjs/dso-autosuggest.cjs.entry.js +1 -1
- package/dist/cjs/dso-banner.cjs.entry.js +1 -1
- package/dist/cjs/dso-card-container.cjs.entry.js +1 -1
- package/dist/cjs/dso-card.cjs.entry.js +1 -1
- package/dist/cjs/dso-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/dso-dropdown-menu.cjs.entry.js +2 -2
- package/dist/cjs/dso-expandable.cjs.entry.js +18 -37
- package/dist/cjs/dso-expandable.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-header.cjs.entry.js +5 -2
- package/dist/cjs/dso-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-helpcenter-panel.cjs.entry.js +1 -1
- package/dist/cjs/dso-highlight-box.cjs.entry.js +1 -1
- package/dist/cjs/dso-icon.cjs.entry.js +1 -1
- package/dist/cjs/dso-image-overlay.cjs.entry.js +1 -1
- package/dist/cjs/dso-info-button.cjs.entry.js +1 -1
- package/dist/cjs/dso-info_2.cjs.entry.js +4 -3
- package/dist/cjs/dso-info_2.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-list-button.cjs.entry.js +2 -2
- package/dist/cjs/dso-list-button.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-map-base-layers.cjs.entry.js +1 -1
- package/dist/cjs/dso-map-controls.cjs.entry.js +2 -2
- package/dist/cjs/dso-map-controls.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-map-overlays.cjs.entry.js +1 -1
- package/dist/cjs/dso-modal.cjs.entry.js +3 -3
- package/dist/cjs/dso-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dso-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/dso-progress-indicator.cjs.entry.js +1 -1
- package/dist/cjs/dso-responsive-element.cjs.entry.js +1 -1
- package/dist/cjs/dso-scrollable.cjs.entry.js +7 -7
- package/dist/cjs/dso-scrollable.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-table.cjs.entry.js +2 -2
- package/dist/cjs/dso-table.cjs.entry.js.map +1 -1
- package/dist/cjs/dso-toggletip.cjs.entry.js +1 -1
- package/dist/cjs/dso-toolkit.cjs.js +3 -3
- package/dist/cjs/dso-toolkit.cjs.js.map +1 -1
- package/dist/cjs/dso-tooltip.cjs.entry.js +2 -2
- 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/dsot-document-component-demo.cjs.entry.js +110 -0
- package/dist/cjs/dsot-document-component-demo.cjs.entry.js.map +1 -0
- package/dist/cjs/{has-overflow-dd552ec8.js → has-overflow-d7baff1e.js} +7 -13
- package/dist/cjs/has-overflow-d7baff1e.js.map +1 -0
- package/dist/cjs/{index-caf53ce3.js → index-efc2222e.js} +14 -2
- package/dist/cjs/index-efc2222e.js.map +1 -0
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +6 -5
- package/dist/collection/components/accordion/accordion.interfaces.js.map +1 -1
- package/dist/collection/components/accordion/accordion.js +9 -254
- package/dist/collection/components/accordion/accordion.js.map +1 -1
- package/dist/collection/components/accordion/components/accordion-section.js +68 -126
- package/dist/collection/components/accordion/components/accordion-section.js.map +1 -1
- package/dist/collection/components/annotation-button/annotation-button.css +1003 -0
- package/dist/collection/components/annotation-button/annotation-button.js +48 -7
- package/dist/collection/components/annotation-button/annotation-button.js.map +1 -1
- package/dist/collection/components/annotation-output/annotation-output.css +2 -2
- package/dist/collection/components/annotation-output/annotation-output.js +32 -64
- package/dist/collection/components/annotation-output/annotation-output.js.map +1 -1
- package/dist/collection/components/document-component/document-component-heading.js +30 -0
- package/dist/collection/components/document-component/document-component-heading.js.map +1 -0
- package/dist/collection/components/document-component/document-component.css +135 -0
- package/dist/collection/components/document-component/document-component.demo.js +112 -0
- package/dist/collection/components/document-component/document-component.demo.js.map +1 -0
- package/dist/collection/components/document-component/document-component.js +414 -0
- package/dist/collection/components/document-component/document-component.js.map +1 -0
- package/dist/collection/components/document-component/document-component.types.js +2 -0
- package/dist/collection/components/document-component/document-component.types.js.map +1 -0
- package/dist/collection/components/expandable/expandable.js +28 -94
- package/dist/collection/components/expandable/expandable.js.map +1 -1
- package/dist/collection/components/header/header.css +11 -3
- package/dist/collection/components/header/header.js +3 -0
- package/dist/collection/components/header/header.js.map +1 -1
- package/dist/collection/components/list-button/list-button.css +10 -31
- package/dist/collection/components/map-controls/map-controls.css +22 -0
- package/dist/collection/components/modal/modal.css +69 -15
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content-mapper.js +9 -1
- package/dist/collection/components/ozon-content/ozon-content-mapper.js.map +1 -1
- package/dist/collection/components/ozon-content/ozon-content.css +49 -1
- package/dist/collection/components/ozon-content/ozon-content.js +1 -1
- package/dist/collection/components/ozon-content/ozon-content.js.map +1 -1
- package/dist/collection/components/scrollable/scrollable.css +5 -0
- package/dist/collection/components/scrollable/scrollable.js +5 -5
- package/dist/collection/components/scrollable/scrollable.js.map +1 -1
- package/dist/collection/components/selectable/selectable.css +1 -1
- package/dist/collection/components/selectable/selectable.js +4 -2
- package/dist/collection/components/selectable/selectable.js.map +1 -1
- package/dist/collection/components/table/table.css +69 -15
- package/dist/{esm/dso-alert.entry.js → components/alert.js} +33 -9
- package/dist/components/alert.js.map +1 -0
- package/dist/components/annotation-button.js +46 -0
- package/dist/components/annotation-button.js.map +1 -0
- package/dist/components/annotation-output.js +60 -0
- package/dist/components/annotation-output.js.map +1 -0
- package/dist/{esm/dso-badge.entry.js → components/badge.js} +26 -9
- package/dist/components/badge.js.map +1 -0
- package/dist/components/document-component.js +163 -0
- package/dist/components/document-component.js.map +1 -0
- package/dist/components/dso-accordion-section.js +35 -94
- package/dist/components/dso-accordion-section.js.map +1 -1
- package/dist/components/dso-accordion.js +199 -113
- package/dist/components/dso-accordion.js.map +1 -1
- package/dist/components/dso-alert.js +1 -50
- package/dist/components/dso-alert.js.map +1 -1
- package/dist/components/dso-annotation-button.js +1 -40
- package/dist/components/dso-annotation-button.js.map +1 -1
- package/dist/components/dso-annotation-output.js +1 -71
- package/dist/components/dso-annotation-output.js.map +1 -1
- package/dist/components/dso-autosuggest.js +1 -1
- package/dist/components/dso-badge.js +1 -32
- package/dist/components/dso-badge.js.map +1 -1
- package/dist/components/dso-document-component.d.ts +11 -0
- package/dist/components/dso-document-component.js +8 -0
- package/dist/components/dso-document-component.js.map +1 -0
- package/dist/components/dso-header.js +5 -2
- package/dist/components/dso-header.js.map +1 -1
- package/dist/components/dso-image-overlay.js +1 -1
- package/dist/components/dso-label.js +1 -161
- package/dist/components/dso-label.js.map +1 -1
- package/dist/components/dso-list-button.js +1 -1
- package/dist/components/dso-list-button.js.map +1 -1
- package/dist/components/dso-map-controls.js +1 -1
- package/dist/components/dso-map-controls.js.map +1 -1
- package/dist/components/dso-modal.js +10 -4
- package/dist/components/dso-modal.js.map +1 -1
- package/dist/components/dso-ozon-content.js +1 -544
- package/dist/components/dso-ozon-content.js.map +1 -1
- package/dist/components/dso-slide-toggle.js +1 -52
- package/dist/components/dso-slide-toggle.js.map +1 -1
- package/dist/components/dso-table.js +2 -2
- package/dist/components/dso-table.js.map +1 -1
- package/dist/components/dsot-document-component-demo.d.ts +11 -0
- package/dist/components/dsot-document-component-demo.js +202 -0
- package/dist/components/dsot-document-component-demo.js.map +1 -0
- package/dist/components/expandable.js +19 -40
- package/dist/components/expandable.js.map +1 -1
- package/dist/components/has-overflow.js +6 -12
- package/dist/components/has-overflow.js.map +1 -1
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/index2.js +61 -185
- package/dist/components/index2.js.map +1 -1
- package/dist/{esm/dso-label.entry.js → components/label.js} +50 -11
- package/dist/components/label.js.map +1 -0
- package/dist/{esm/dso-ozon-content.entry.js → components/ozon-content.js} +43 -14
- package/dist/components/ozon-content.js.map +1 -0
- package/dist/components/scrollable.js +7 -7
- package/dist/components/scrollable.js.map +1 -1
- package/dist/components/selectable.js +4 -2
- package/dist/components/selectable.js.map +1 -1
- package/dist/{esm/dso-slide-toggle.entry.js → components/slide-toggle.js} +31 -10
- package/dist/{dso-toolkit/p-a2c800de.entry.js.map → components/slide-toggle.js.map} +1 -1
- package/dist/components/tooltip.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js +1 -1
- package/dist/dso-toolkit/dso-toolkit.esm.js.map +1 -1
- package/dist/dso-toolkit/{p-8bc41dd6.entry.js → p-05ea1fba.entry.js} +2 -2
- package/dist/dso-toolkit/{p-59aebe2c.entry.js → p-0e5a93c3.entry.js} +2 -2
- package/dist/dso-toolkit/p-14453f73.entry.js +2 -0
- package/dist/dso-toolkit/p-14453f73.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-13905ac9.entry.js → p-168750a2.entry.js} +2 -2
- package/dist/dso-toolkit/{p-9d5c6ab6.entry.js → p-1cc75e0b.entry.js} +2 -2
- package/dist/dso-toolkit/{p-dd135c8e.entry.js → p-29752a45.entry.js} +2 -2
- package/dist/dso-toolkit/{p-679710f8.entry.js → p-29b741cb.entry.js} +2 -2
- package/dist/dso-toolkit/p-39f6447d.entry.js +2 -0
- package/dist/dso-toolkit/p-39f6447d.entry.js.map +1 -0
- package/dist/dso-toolkit/p-3c554a18.entry.js +2 -0
- package/dist/dso-toolkit/p-3c554a18.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-5dfadeea.entry.js → p-3fa7489e.entry.js} +2 -2
- package/dist/dso-toolkit/p-422bcf93.entry.js +2 -0
- package/dist/dso-toolkit/p-422bcf93.entry.js.map +1 -0
- package/dist/dso-toolkit/p-42d3c595.entry.js +2 -0
- package/dist/dso-toolkit/{p-6bec28f1.entry.js.map → p-42d3c595.entry.js.map} +1 -1
- package/dist/dso-toolkit/p-484ea1d2.entry.js +2 -0
- package/dist/dso-toolkit/p-484ea1d2.entry.js.map +1 -0
- package/dist/dso-toolkit/p-5265e22b.entry.js +2 -0
- package/dist/dso-toolkit/p-56d87a53.entry.js +2 -0
- package/dist/dso-toolkit/p-56d87a53.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-19ab7f7b.entry.js → p-6050e8e6.entry.js} +2 -2
- package/dist/dso-toolkit/p-674e2406.entry.js +2 -0
- package/dist/dso-toolkit/p-674e2406.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-2c69a645.entry.js → p-68e9f61b.entry.js} +2 -2
- package/dist/dso-toolkit/{p-0a07d968.entry.js → p-818d032e.entry.js} +2 -2
- package/dist/dso-toolkit/{p-6016d874.entry.js → p-83cdfde8.entry.js} +2 -2
- package/dist/dso-toolkit/{p-452b1234.js → p-871bfdf9.js} +1 -1
- package/dist/dso-toolkit/p-871bfdf9.js.map +1 -0
- package/dist/dso-toolkit/p-909ccf98.entry.js +2 -0
- package/dist/dso-toolkit/{p-106b3e01.entry.js.map → p-909ccf98.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-161952e8.entry.js → p-9b587a94.entry.js} +2 -2
- package/dist/dso-toolkit/p-9c0477fc.entry.js +2 -0
- package/dist/dso-toolkit/{p-348f8556.entry.js.map → p-9c0477fc.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-556308dd.entry.js → p-9f2bb98b.entry.js} +2 -2
- package/dist/dso-toolkit/{p-87189a75.entry.js → p-9fee52e5.entry.js} +2 -2
- package/dist/dso-toolkit/{p-54d863d2.entry.js → p-a616ab8a.entry.js} +2 -2
- package/dist/dso-toolkit/p-a616ab8a.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-fe53cdab.entry.js → p-b627d9ac.entry.js} +2 -2
- package/dist/dso-toolkit/{p-8098de75.entry.js → p-b67631ef.entry.js} +2 -2
- package/dist/dso-toolkit/p-bcae3f55.entry.js +2 -0
- package/dist/dso-toolkit/p-bcae3f55.entry.js.map +1 -0
- package/dist/dso-toolkit/{p-6bf87d2c.entry.js → p-bf203ab8.entry.js} +2 -2
- package/dist/dso-toolkit/{p-54b37feb.entry.js → p-c8165a50.entry.js} +2 -2
- package/dist/dso-toolkit/p-ce928197.js +3 -0
- package/dist/dso-toolkit/p-ce928197.js.map +1 -0
- package/dist/dso-toolkit/{p-4be5162c.entry.js → p-cfd6f4ef.entry.js} +2 -2
- package/dist/dso-toolkit/{p-71aec27c.entry.js → p-d3f69d06.entry.js} +2 -2
- package/dist/dso-toolkit/{p-d138fc15.entry.js → p-d8c137b5.entry.js} +2 -2
- package/dist/dso-toolkit/p-debbe184.entry.js +2 -0
- package/dist/dso-toolkit/{p-c4876680.entry.js.map → p-debbe184.entry.js.map} +1 -1
- package/dist/dso-toolkit/{p-eeb73369.entry.js → p-ec4b568d.entry.js} +2 -2
- package/dist/dso-toolkit/p-ec4b568d.entry.js.map +1 -0
- package/dist/dso-toolkit/p-fafa5ea1.entry.js +2 -0
- package/dist/dso-toolkit/p-fafa5ea1.entry.js.map +1 -0
- package/dist/esm/dso-accordion-section.entry.js +31 -88
- package/dist/esm/dso-accordion-section.entry.js.map +1 -1
- package/dist/esm/dso-accordion.entry.js +198 -108
- package/dist/esm/dso-accordion.entry.js.map +1 -1
- package/dist/esm/dso-action-list-item.entry.js +1 -1
- package/dist/esm/dso-action-list.entry.js +1 -1
- package/dist/esm/dso-alert_5.entry.js +711 -0
- package/dist/esm/dso-alert_5.entry.js.map +1 -0
- package/dist/esm/dso-annotation-output_3.entry.js +137 -0
- package/dist/esm/dso-annotation-output_3.entry.js.map +1 -0
- package/dist/esm/dso-attachments-counter.entry.js +1 -1
- package/dist/esm/dso-autosuggest.entry.js +1 -1
- package/dist/esm/dso-banner.entry.js +1 -1
- package/dist/esm/dso-card-container.entry.js +1 -1
- package/dist/esm/dso-card.entry.js +1 -1
- package/dist/esm/dso-date-picker.entry.js +1 -1
- package/dist/esm/dso-dropdown-menu.entry.js +2 -2
- package/dist/esm/dso-expandable.entry.js +18 -37
- package/dist/esm/dso-expandable.entry.js.map +1 -1
- package/dist/esm/dso-header.entry.js +5 -2
- package/dist/esm/dso-header.entry.js.map +1 -1
- package/dist/esm/dso-helpcenter-panel.entry.js +1 -1
- package/dist/esm/dso-highlight-box.entry.js +1 -1
- package/dist/esm/dso-icon.entry.js +1 -1
- package/dist/esm/dso-image-overlay.entry.js +1 -1
- package/dist/esm/dso-info-button.entry.js +1 -1
- package/dist/esm/dso-info_2.entry.js +4 -3
- package/dist/esm/dso-info_2.entry.js.map +1 -1
- package/dist/esm/dso-list-button.entry.js +2 -2
- package/dist/esm/dso-list-button.entry.js.map +1 -1
- package/dist/esm/dso-map-base-layers.entry.js +1 -1
- package/dist/esm/dso-map-controls.entry.js +2 -2
- package/dist/esm/dso-map-controls.entry.js.map +1 -1
- package/dist/esm/dso-map-overlays.entry.js +1 -1
- package/dist/esm/dso-modal.entry.js +3 -3
- package/dist/esm/dso-modal.entry.js.map +1 -1
- package/dist/esm/dso-pagination.entry.js +1 -1
- package/dist/esm/dso-progress-bar.entry.js +1 -1
- package/dist/esm/dso-progress-indicator.entry.js +1 -1
- package/dist/esm/dso-responsive-element.entry.js +1 -1
- package/dist/esm/dso-scrollable.entry.js +7 -7
- package/dist/esm/dso-scrollable.entry.js.map +1 -1
- package/dist/esm/dso-table.entry.js +2 -2
- package/dist/esm/dso-table.entry.js.map +1 -1
- package/dist/esm/dso-toggletip.entry.js +1 -1
- package/dist/esm/dso-toolkit.js +4 -4
- package/dist/esm/dso-toolkit.js.map +1 -1
- package/dist/esm/dso-tooltip.entry.js +2 -2
- package/dist/esm/dso-tree-view.entry.js +1 -1
- package/dist/esm/dso-viewer-grid.entry.js +1 -1
- package/dist/esm/dsot-document-component-demo.entry.js +106 -0
- package/dist/esm/dsot-document-component-demo.entry.js.map +1 -0
- package/dist/esm/{has-overflow-fdc85d8f.js → has-overflow-814a0f4e.js} +7 -13
- package/dist/esm/has-overflow-814a0f4e.js.map +1 -0
- package/dist/esm/{index-8de88e7c.js → index-367cff36.js} +15 -3
- package/dist/esm/index-367cff36.js.map +1 -0
- package/dist/esm/loader.js +4 -4
- package/dist/esm/loader.js.map +1 -1
- package/dist/types/components/accordion/accordion.d.ts +6 -39
- package/dist/types/components/accordion/accordion.interfaces.d.ts +21 -15
- package/dist/types/components/accordion/components/accordion-section.d.ts +15 -18
- package/dist/types/components/annotation-button/annotation-button.d.ts +15 -4
- package/dist/types/components/annotation-output/annotation-output.d.ts +7 -5
- package/dist/types/components/document-component/document-component-heading.d.ts +7 -0
- package/dist/types/components/document-component/document-component.d.ts +84 -0
- package/dist/types/components/document-component/document-component.demo.d.ts +40 -0
- package/dist/types/components/document-component/document-component.types.d.ts +8 -0
- package/dist/types/components/expandable/expandable.d.ts +5 -12
- package/dist/types/components/scrollable/scrollable.d.ts +1 -0
- package/dist/types/components/selectable/selectable.d.ts +1 -0
- package/dist/types/components.d.ts +233 -125
- package/dist/types/stencil-public-runtime.d.ts +2 -0
- package/package.json +4 -4
- package/dist/cjs/annotation.service-99dd546f.js +0 -23
- package/dist/cjs/annotation.service-99dd546f.js.map +0 -1
- package/dist/cjs/dso-alert.cjs.entry.js +0 -34
- package/dist/cjs/dso-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-annotation-button.cjs.entry.js +0 -27
- package/dist/cjs/dso-annotation-button.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-annotation-output.cjs.entry.js +0 -44
- package/dist/cjs/dso-annotation-output.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-badge.cjs.entry.js +0 -23
- package/dist/cjs/dso-badge.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-expandable-heading.cjs.entry.js +0 -54
- package/dist/cjs/dso-expandable-heading.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-label.cjs.entry.js +0 -130
- package/dist/cjs/dso-label.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-ozon-content.cjs.entry.js +0 -532
- package/dist/cjs/dso-ozon-content.cjs.entry.js.map +0 -1
- package/dist/cjs/dso-slide-toggle.cjs.entry.js +0 -39
- package/dist/cjs/dso-slide-toggle.cjs.entry.js.map +0 -1
- package/dist/cjs/has-overflow-dd552ec8.js.map +0 -1
- package/dist/cjs/index-3643f00e.js +0 -198
- package/dist/cjs/index-3643f00e.js.map +0 -1
- package/dist/cjs/index-caf53ce3.js.map +0 -1
- package/dist/collection/components/annotation-output/annotation-output.interfaces.js +0 -2
- package/dist/collection/components/annotation-output/annotation-output.interfaces.js.map +0 -1
- package/dist/collection/components/expandable/expandable.functions.js +0 -4
- package/dist/collection/components/expandable/expandable.functions.js.map +0 -1
- package/dist/collection/components/expandable-heading/expandable-heading.css +0 -200
- package/dist/collection/components/expandable-heading/expandable-heading.interfaces.js +0 -2
- package/dist/collection/components/expandable-heading/expandable-heading.interfaces.js.map +0 -1
- package/dist/collection/components/expandable-heading/expandable-heading.js +0 -163
- package/dist/collection/components/expandable-heading/expandable-heading.js.map +0 -1
- package/dist/collection/components/expandable-heading/heading.js +0 -17
- package/dist/collection/components/expandable-heading/heading.js.map +0 -1
- package/dist/collection/services/annotation.service.js +0 -17
- package/dist/collection/services/annotation.service.js.map +0 -1
- package/dist/components/annotation.service.js +0 -21
- package/dist/components/annotation.service.js.map +0 -1
- package/dist/components/dso-expandable-heading.d.ts +0 -11
- package/dist/components/dso-expandable-heading.js +0 -86
- package/dist/components/dso-expandable-heading.js.map +0 -1
- package/dist/components/index3.js +0 -72
- package/dist/components/index3.js.map +0 -1
- package/dist/dso-toolkit/p-01d41a89.entry.js +0 -2
- package/dist/dso-toolkit/p-01d41a89.entry.js.map +0 -1
- package/dist/dso-toolkit/p-106b3e01.entry.js +0 -2
- package/dist/dso-toolkit/p-180255f9.entry.js +0 -2
- package/dist/dso-toolkit/p-180255f9.entry.js.map +0 -1
- package/dist/dso-toolkit/p-18c1d44d.entry.js +0 -2
- package/dist/dso-toolkit/p-18c1d44d.entry.js.map +0 -1
- package/dist/dso-toolkit/p-25b9716f.entry.js +0 -2
- package/dist/dso-toolkit/p-25b9716f.entry.js.map +0 -1
- package/dist/dso-toolkit/p-348f8556.entry.js +0 -2
- package/dist/dso-toolkit/p-452b1234.js.map +0 -1
- package/dist/dso-toolkit/p-4cbb4962.entry.js +0 -2
- package/dist/dso-toolkit/p-4cbb4962.entry.js.map +0 -1
- package/dist/dso-toolkit/p-53c8538c.js +0 -3
- package/dist/dso-toolkit/p-53c8538c.js.map +0 -1
- package/dist/dso-toolkit/p-54d863d2.entry.js.map +0 -1
- package/dist/dso-toolkit/p-5e18dd5d.js +0 -2
- package/dist/dso-toolkit/p-5e18dd5d.js.map +0 -1
- package/dist/dso-toolkit/p-61be182f.entry.js +0 -2
- package/dist/dso-toolkit/p-61be182f.entry.js.map +0 -1
- package/dist/dso-toolkit/p-67d402c8.entry.js +0 -2
- package/dist/dso-toolkit/p-67d402c8.entry.js.map +0 -1
- package/dist/dso-toolkit/p-6bec28f1.entry.js +0 -2
- package/dist/dso-toolkit/p-6e38820b.js +0 -2
- package/dist/dso-toolkit/p-6e38820b.js.map +0 -1
- package/dist/dso-toolkit/p-81894dbc.entry.js +0 -2
- package/dist/dso-toolkit/p-81894dbc.entry.js.map +0 -1
- package/dist/dso-toolkit/p-90fda176.entry.js +0 -2
- package/dist/dso-toolkit/p-90fda176.entry.js.map +0 -1
- package/dist/dso-toolkit/p-95687fb7.entry.js +0 -2
- package/dist/dso-toolkit/p-95687fb7.entry.js.map +0 -1
- package/dist/dso-toolkit/p-a2c800de.entry.js +0 -2
- package/dist/dso-toolkit/p-b0d25e25.entry.js +0 -2
- package/dist/dso-toolkit/p-ba22a05a.entry.js +0 -2
- package/dist/dso-toolkit/p-ba22a05a.entry.js.map +0 -1
- package/dist/dso-toolkit/p-c4876680.entry.js +0 -2
- package/dist/dso-toolkit/p-cacefb87.entry.js +0 -2
- package/dist/dso-toolkit/p-cacefb87.entry.js.map +0 -1
- package/dist/dso-toolkit/p-cb6745a3.entry.js +0 -2
- package/dist/dso-toolkit/p-cb6745a3.entry.js.map +0 -1
- package/dist/dso-toolkit/p-eeb73369.entry.js.map +0 -1
- package/dist/esm/annotation.service-06eb23b6.js +0 -21
- package/dist/esm/annotation.service-06eb23b6.js.map +0 -1
- package/dist/esm/dso-alert.entry.js.map +0 -1
- package/dist/esm/dso-annotation-button.entry.js +0 -23
- package/dist/esm/dso-annotation-button.entry.js.map +0 -1
- package/dist/esm/dso-annotation-output.entry.js +0 -40
- package/dist/esm/dso-annotation-output.entry.js.map +0 -1
- package/dist/esm/dso-badge.entry.js.map +0 -1
- package/dist/esm/dso-expandable-heading.entry.js +0 -50
- package/dist/esm/dso-expandable-heading.entry.js.map +0 -1
- package/dist/esm/dso-label.entry.js.map +0 -1
- package/dist/esm/dso-ozon-content.entry.js.map +0 -1
- package/dist/esm/dso-slide-toggle.entry.js.map +0 -1
- package/dist/esm/has-overflow-fdc85d8f.js.map +0 -1
- package/dist/esm/index-05308e88.js +0 -196
- package/dist/esm/index-05308e88.js.map +0 -1
- package/dist/esm/index-8de88e7c.js.map +0 -1
- package/dist/types/components/annotation-output/annotation-output.interfaces.d.ts +0 -4
- package/dist/types/components/expandable/expandable.functions.d.ts +0 -1
- package/dist/types/components/expandable-heading/expandable-heading.d.ts +0 -33
- package/dist/types/components/expandable-heading/expandable-heading.interfaces.d.ts +0 -6
- package/dist/types/components/expandable-heading/heading.d.ts +0 -9
- package/dist/types/globals.d.ts +0 -16
- package/dist/types/services/annotation.service.d.ts +0 -10
- /package/dist/dso-toolkit/{p-8bc41dd6.entry.js.map → p-05ea1fba.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-59aebe2c.entry.js.map → p-0e5a93c3.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-13905ac9.entry.js.map → p-168750a2.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-9d5c6ab6.entry.js.map → p-1cc75e0b.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-dd135c8e.entry.js.map → p-29752a45.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-679710f8.entry.js.map → p-29b741cb.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-5dfadeea.entry.js.map → p-3fa7489e.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-b0d25e25.entry.js.map → p-5265e22b.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-19ab7f7b.entry.js.map → p-6050e8e6.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-2c69a645.entry.js.map → p-68e9f61b.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-0a07d968.entry.js.map → p-818d032e.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-6016d874.entry.js.map → p-83cdfde8.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-161952e8.entry.js.map → p-9b587a94.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-556308dd.entry.js.map → p-9f2bb98b.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-87189a75.entry.js.map → p-9fee52e5.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-fe53cdab.entry.js.map → p-b627d9ac.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-8098de75.entry.js.map → p-b67631ef.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-6bf87d2c.entry.js.map → p-bf203ab8.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-54b37feb.entry.js.map → p-c8165a50.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-4be5162c.entry.js.map → p-cfd6f4ef.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-71aec27c.entry.js.map → p-d3f69d06.entry.js.map} +0 -0
- /package/dist/dso-toolkit/{p-d138fc15.entry.js.map → p-d8c137b5.entry.js.map} +0 -0
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
h1,
|
|
2
|
-
.h1,
|
|
3
|
-
h2,
|
|
4
|
-
.h2,
|
|
5
|
-
h3,
|
|
6
|
-
.h3,
|
|
7
|
-
h4,
|
|
8
|
-
.h4,
|
|
9
|
-
h5,
|
|
10
|
-
.h5,
|
|
11
|
-
h6,
|
|
12
|
-
.h6 {
|
|
13
|
-
color: #275937;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
h1,
|
|
17
|
-
.h1,
|
|
18
|
-
h2,
|
|
19
|
-
.h2,
|
|
20
|
-
h3,
|
|
21
|
-
.h3 {
|
|
22
|
-
margin-block-end: 16px;
|
|
23
|
-
margin-block-start: 24px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
h1,
|
|
27
|
-
.h1 {
|
|
28
|
-
line-height: 1.25;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
h1 {
|
|
32
|
-
font-size: 2rem;
|
|
33
|
-
font-weight: 700;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
h2,
|
|
37
|
-
.h2 {
|
|
38
|
-
line-height: 1.33;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
h2 {
|
|
42
|
-
color: #275937;
|
|
43
|
-
font-size: 1.5rem;
|
|
44
|
-
font-weight: 700;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
h3,
|
|
48
|
-
.h3 {
|
|
49
|
-
line-height: 1.2;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
h3 {
|
|
53
|
-
color: #275937;
|
|
54
|
-
font-size: 1.25rem;
|
|
55
|
-
font-weight: 600;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
h4,
|
|
59
|
-
.h4,
|
|
60
|
-
h5,
|
|
61
|
-
.h5,
|
|
62
|
-
h6,
|
|
63
|
-
.h6 {
|
|
64
|
-
margin-block-end: 16px;
|
|
65
|
-
margin-block-start: 12px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
h4,
|
|
69
|
-
.h4 {
|
|
70
|
-
line-height: 1.5;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
h4 {
|
|
74
|
-
color: #275937;
|
|
75
|
-
font-size: 1rem;
|
|
76
|
-
font-weight: 600;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
h5,
|
|
80
|
-
.h5 {
|
|
81
|
-
line-height: 1.5;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
h5 {
|
|
85
|
-
color: #191919;
|
|
86
|
-
font-size: 1rem;
|
|
87
|
-
font-weight: 600;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
h6,
|
|
91
|
-
.h6 {
|
|
92
|
-
line-height: 1.5;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
ins {
|
|
96
|
-
background-color: #e4f1d4;
|
|
97
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
|
|
98
|
-
color: #000;
|
|
99
|
-
text-decoration: none;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
:host {
|
|
103
|
-
display: block;
|
|
104
|
-
margin-inline: -8px;
|
|
105
|
-
padding-inline: 8px;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
:host(.dso-del) {
|
|
109
|
-
background-color: #f5d8dc;
|
|
110
|
-
color: #000;
|
|
111
|
-
text-decoration: line-through;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
:host(.dso-ins) {
|
|
115
|
-
background-color: #e4f1d4;
|
|
116
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
|
|
117
|
-
color: #000;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
*,
|
|
121
|
-
*::after,
|
|
122
|
-
*::before {
|
|
123
|
-
box-sizing: border-box;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.sr-only {
|
|
127
|
-
position: absolute;
|
|
128
|
-
width: 1px;
|
|
129
|
-
height: 1px;
|
|
130
|
-
padding: 0;
|
|
131
|
-
margin: -1px;
|
|
132
|
-
overflow: hidden;
|
|
133
|
-
clip: rect(0, 0, 0, 0);
|
|
134
|
-
border: 0;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.dso-edit-action-text {
|
|
138
|
-
margin-bottom: 8px;
|
|
139
|
-
margin-top: -8px;
|
|
140
|
-
}
|
|
141
|
-
.dso-edit-action-text span {
|
|
142
|
-
display: inline-block;
|
|
143
|
-
font-style: italic;
|
|
144
|
-
}
|
|
145
|
-
.dso-edit-action-text + .expandable-heading {
|
|
146
|
-
margin-top: 0;
|
|
147
|
-
padding-top: 0;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.expandable-heading {
|
|
151
|
-
align-items: center;
|
|
152
|
-
display: flex;
|
|
153
|
-
margin-bottom: 8px;
|
|
154
|
-
margin-top: 8px;
|
|
155
|
-
}
|
|
156
|
-
.expandable-heading h2,
|
|
157
|
-
.expandable-heading h3,
|
|
158
|
-
.expandable-heading h4,
|
|
159
|
-
.expandable-heading h5,
|
|
160
|
-
.expandable-heading h6 {
|
|
161
|
-
font-size: 1rem;
|
|
162
|
-
margin-bottom: 0;
|
|
163
|
-
margin-right: 8px;
|
|
164
|
-
margin-top: 0;
|
|
165
|
-
}
|
|
166
|
-
.expandable-heading button {
|
|
167
|
-
align-items: flex-start;
|
|
168
|
-
cursor: pointer;
|
|
169
|
-
background-color: transparent;
|
|
170
|
-
border: 0;
|
|
171
|
-
color: inherit;
|
|
172
|
-
display: flex;
|
|
173
|
-
line-height: 24px;
|
|
174
|
-
font-size: inherit;
|
|
175
|
-
font-weight: inherit;
|
|
176
|
-
padding: 0;
|
|
177
|
-
text-align: left;
|
|
178
|
-
}
|
|
179
|
-
.expandable-heading button > dso-icon {
|
|
180
|
-
flex-shrink: 0;
|
|
181
|
-
}
|
|
182
|
-
.expandable-heading.dso-expandable-heading-black button {
|
|
183
|
-
color: #000;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
:host([suppressed]) {
|
|
187
|
-
opacity: 0.6;
|
|
188
|
-
}
|
|
189
|
-
:host([suppressed]) .expandable-heading button {
|
|
190
|
-
color: #666;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
dso-expandable {
|
|
194
|
-
padding-left: 24px;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.addons-end {
|
|
198
|
-
display: inline-block;
|
|
199
|
-
margin-left: auto;
|
|
200
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"expandable-heading.interfaces.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/expandable-heading.interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type HeadingTags = \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n\r\nexport interface ExpandableHeadingToggleEvent {\r\n originalEvent?: MouseEvent | KeyboardEvent;\r\n open: boolean;\r\n}\r\n\r\nexport type EditAction = \"delete\" | \"insert\";\r\n"]}
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { v4 as uuidv4 } from "uuid";
|
|
4
|
-
import { Heading } from "./heading";
|
|
5
|
-
export class ExpandableHeading {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.identifier = uuidv4();
|
|
8
|
-
this.open = undefined;
|
|
9
|
-
this.heading = "h2";
|
|
10
|
-
this.color = "default";
|
|
11
|
-
this.suppressed = false;
|
|
12
|
-
this.editAction = undefined;
|
|
13
|
-
}
|
|
14
|
-
toggle(e) {
|
|
15
|
-
this.open = !this.open;
|
|
16
|
-
this.dsoToggle.emit({ originalEvent: e, open: this.open });
|
|
17
|
-
}
|
|
18
|
-
render() {
|
|
19
|
-
const expandableProperties = this.open ? { open: true } : {};
|
|
20
|
-
return (h(Host, { class: clsx({
|
|
21
|
-
"dso-del": this.editAction === "delete",
|
|
22
|
-
"dso-ins": this.editAction === "insert",
|
|
23
|
-
}) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
|
|
24
|
-
}
|
|
25
|
-
static get is() { return "dso-expandable-heading"; }
|
|
26
|
-
static get encapsulation() { return "shadow"; }
|
|
27
|
-
static get originalStyleUrls() {
|
|
28
|
-
return {
|
|
29
|
-
"$": ["expandable-heading.scss"]
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
static get styleUrls() {
|
|
33
|
-
return {
|
|
34
|
-
"$": ["expandable-heading.css"]
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
static get properties() {
|
|
38
|
-
return {
|
|
39
|
-
"open": {
|
|
40
|
-
"type": "boolean",
|
|
41
|
-
"mutable": false,
|
|
42
|
-
"complexType": {
|
|
43
|
-
"original": "boolean",
|
|
44
|
-
"resolved": "boolean | undefined",
|
|
45
|
-
"references": {}
|
|
46
|
-
},
|
|
47
|
-
"required": false,
|
|
48
|
-
"optional": true,
|
|
49
|
-
"docs": {
|
|
50
|
-
"tags": [],
|
|
51
|
-
"text": "To open the Expandable Heading."
|
|
52
|
-
},
|
|
53
|
-
"attribute": "open",
|
|
54
|
-
"reflect": false
|
|
55
|
-
},
|
|
56
|
-
"heading": {
|
|
57
|
-
"type": "string",
|
|
58
|
-
"mutable": false,
|
|
59
|
-
"complexType": {
|
|
60
|
-
"original": "HeadingTags",
|
|
61
|
-
"resolved": "\"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
62
|
-
"references": {
|
|
63
|
-
"HeadingTags": {
|
|
64
|
-
"location": "import",
|
|
65
|
-
"path": "./expandable-heading.interfaces"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
"required": false,
|
|
70
|
-
"optional": false,
|
|
71
|
-
"docs": {
|
|
72
|
-
"tags": [],
|
|
73
|
-
"text": "Which heading element to use."
|
|
74
|
-
},
|
|
75
|
-
"attribute": "heading",
|
|
76
|
-
"reflect": false,
|
|
77
|
-
"defaultValue": "\"h2\""
|
|
78
|
-
},
|
|
79
|
-
"color": {
|
|
80
|
-
"type": "string",
|
|
81
|
-
"mutable": false,
|
|
82
|
-
"complexType": {
|
|
83
|
-
"original": "\"default\" | \"black\"",
|
|
84
|
-
"resolved": "\"black\" | \"default\"",
|
|
85
|
-
"references": {}
|
|
86
|
-
},
|
|
87
|
-
"required": false,
|
|
88
|
-
"optional": false,
|
|
89
|
-
"docs": {
|
|
90
|
-
"tags": [],
|
|
91
|
-
"text": "The color."
|
|
92
|
-
},
|
|
93
|
-
"attribute": "color",
|
|
94
|
-
"reflect": false,
|
|
95
|
-
"defaultValue": "\"default\""
|
|
96
|
-
},
|
|
97
|
-
"suppressed": {
|
|
98
|
-
"type": "boolean",
|
|
99
|
-
"mutable": false,
|
|
100
|
-
"complexType": {
|
|
101
|
-
"original": "boolean",
|
|
102
|
-
"resolved": "boolean",
|
|
103
|
-
"references": {}
|
|
104
|
-
},
|
|
105
|
-
"required": false,
|
|
106
|
-
"optional": false,
|
|
107
|
-
"docs": {
|
|
108
|
-
"tags": [],
|
|
109
|
-
"text": "Marks this element as unavailable."
|
|
110
|
-
},
|
|
111
|
-
"attribute": "suppressed",
|
|
112
|
-
"reflect": false,
|
|
113
|
-
"defaultValue": "false"
|
|
114
|
-
},
|
|
115
|
-
"editAction": {
|
|
116
|
-
"type": "string",
|
|
117
|
-
"mutable": false,
|
|
118
|
-
"complexType": {
|
|
119
|
-
"original": "EditAction",
|
|
120
|
-
"resolved": "\"delete\" | \"insert\" | undefined",
|
|
121
|
-
"references": {
|
|
122
|
-
"EditAction": {
|
|
123
|
-
"location": "import",
|
|
124
|
-
"path": "./expandable-heading.interfaces"
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
},
|
|
128
|
-
"required": false,
|
|
129
|
-
"optional": true,
|
|
130
|
-
"docs": {
|
|
131
|
-
"tags": [],
|
|
132
|
-
"text": "Whether this Expandable Heading has an edit action.\r\n\r\nAlso known as \"wijzigactie\" in STOP."
|
|
133
|
-
},
|
|
134
|
-
"attribute": "edit-action",
|
|
135
|
-
"reflect": false
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
static get events() {
|
|
140
|
-
return [{
|
|
141
|
-
"method": "dsoToggle",
|
|
142
|
-
"name": "dsoToggle",
|
|
143
|
-
"bubbles": false,
|
|
144
|
-
"cancelable": true,
|
|
145
|
-
"composed": true,
|
|
146
|
-
"docs": {
|
|
147
|
-
"tags": [],
|
|
148
|
-
"text": "Emitted when the user activates the toggle button."
|
|
149
|
-
},
|
|
150
|
-
"complexType": {
|
|
151
|
-
"original": "ExpandableHeadingToggleEvent",
|
|
152
|
-
"resolved": "ExpandableHeadingToggleEvent",
|
|
153
|
-
"references": {
|
|
154
|
-
"ExpandableHeadingToggleEvent": {
|
|
155
|
-
"location": "import",
|
|
156
|
-
"path": "./expandable-heading.interfaces"
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}];
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
//# sourceMappingURL=expandable-heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"expandable-heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/expandable-heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,MAAM,OAAO,iBAAiB;;IAuCpB,eAAU,GAAG,MAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;EAC7D,CAAC;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC;MAED,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACA,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,CAC/B,SAAG,KAAK,EAAC,sBAAsB;QAC7B,8BAAwB,CACtB,CACL;MACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;QAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO;UAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;YAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,GAAa;YACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD;QACV,YAAM,IAAI,EAAC,cAAc,GAAG;QAC5B,WAAK,KAAK,EAAC,YAAY;UACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF;MACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB;QAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n tag: \"dso-expandable-heading\",\r\n styleUrl: \"expandable-heading.scss\",\r\n shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n /**\r\n * To open the Expandable Heading.\r\n */\r\n @Prop()\r\n open?: boolean;\r\n\r\n /**\r\n * Which heading element to use.\r\n */\r\n @Prop()\r\n heading: HeadingTags = \"h2\";\r\n\r\n /**\r\n * The color.\r\n */\r\n @Prop()\r\n color: \"default\" | \"black\" = \"default\";\r\n\r\n /**\r\n * Marks this element as unavailable.\r\n */\r\n @Prop()\r\n suppressed = false;\r\n\r\n /**\r\n * Whether this Expandable Heading has an edit action.\r\n *\r\n * Also known as \"wijzigactie\" in STOP.\r\n */\r\n @Prop()\r\n editAction?: EditAction;\r\n\r\n /**\r\n * Emitted when the user activates the toggle button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n private identifier = uuidv4();\r\n\r\n private toggle(e: MouseEvent | KeyboardEvent) {\r\n this.open = !this.open;\r\n\r\n this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n }\r\n\r\n render() {\r\n const expandableProperties = this.open ? { open: true } : {};\r\n\r\n return (\r\n <Host\r\n class={clsx({\r\n \"dso-del\": this.editAction === \"delete\",\r\n \"dso-ins\": this.editAction === \"insert\",\r\n })}\r\n >\r\n {this.editAction === \"delete\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>verwijderd:</span>\r\n </p>\r\n )}\r\n {this.editAction === \"insert\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>toegevoegd:</span>\r\n </p>\r\n )}\r\n <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n <Heading heading={this.heading}>\r\n <button\r\n type=\"button\"\r\n aria-expanded={this.open ? \"true\" : \"false\"}\r\n aria-controls={this.identifier}\r\n onClick={(e) => this.toggle(e)}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <slot name=\"title\" />\r\n </button>\r\n </Heading>\r\n <slot name=\"addons-start\" />\r\n <div class=\"addons-end\">\r\n <slot name=\"addons-end\" />\r\n </div>\r\n </div>\r\n <dso-expandable id={this.identifier} {...expandableProperties}>\r\n <slot slot=\"expandable-content\"></slot>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
export const Heading = ({ heading, ref, className }, children) => {
|
|
3
|
-
switch (heading) {
|
|
4
|
-
default:
|
|
5
|
-
case "h2":
|
|
6
|
-
return (h("h2", { ref: ref, class: className }, children));
|
|
7
|
-
case "h3":
|
|
8
|
-
return (h("h3", { ref: ref, class: className }, children));
|
|
9
|
-
case "h4":
|
|
10
|
-
return (h("h4", { ref: ref, class: className }, children));
|
|
11
|
-
case "h5":
|
|
12
|
-
return (h("h5", { ref: ref, class: className }, children));
|
|
13
|
-
case "h6":
|
|
14
|
-
return (h("h6", { ref: ref, class: className }, children));
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/expandable-heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,CAAC,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE;EAC7C,QAAQ,OAAO,EAAE;IACf,QAAQ;IACR,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;IACJ,KAAK,IAAI;MACP,OAAO,CACL,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,CACN,CAAC;GACL;AACH,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n heading: HeadingTags;\r\n className?:\r\n | string\r\n | {\r\n [className: string]: boolean;\r\n };\r\n ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class={className}>\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class={className}>\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class={className}>\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class={className}>\r\n {children}\r\n </h5>\r\n );\r\n case \"h6\":\r\n return (\r\n <h6 ref={ref} class={className}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n};\r\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { createStore } from "@stencil/store";
|
|
2
|
-
export class AnnotationService {
|
|
3
|
-
static get state() {
|
|
4
|
-
if (!this._state) {
|
|
5
|
-
AnnotationService.initializeStore();
|
|
6
|
-
}
|
|
7
|
-
return this._state;
|
|
8
|
-
}
|
|
9
|
-
static toggle(id) {
|
|
10
|
-
this._state[id] = !this._state[id];
|
|
11
|
-
}
|
|
12
|
-
static initializeStore() {
|
|
13
|
-
const { state } = createStore({});
|
|
14
|
-
AnnotationService._state = state;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=annotation.service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"annotation.service.js","sourceRoot":"","sources":["../../src/services/annotation.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,OAAgB,iBAAiB;EAGrC,MAAM,KAAK,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;EACrB,CAAC;EAED,MAAM,CAAC,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;EACrC,CAAC;EAEO,MAAM,CAAC,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;EACnC,CAAC;CACF","sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n private static _state: AnnotationState;\r\n\r\n static get state(): AnnotationState {\r\n if (!this._state) {\r\n AnnotationService.initializeStore();\r\n }\r\n\r\n return this._state;\r\n }\r\n\r\n static toggle(id: string): void {\r\n this._state[id] = !this._state[id];\r\n }\r\n\r\n private static initializeStore(): void {\r\n const { state } = createStore<AnnotationState>({});\r\n\r\n AnnotationService._state = state;\r\n }\r\n}\r\n"]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { c as createStore } from './index2.js';
|
|
2
|
-
|
|
3
|
-
class AnnotationService {
|
|
4
|
-
static get state() {
|
|
5
|
-
if (!this._state) {
|
|
6
|
-
AnnotationService.initializeStore();
|
|
7
|
-
}
|
|
8
|
-
return this._state;
|
|
9
|
-
}
|
|
10
|
-
static toggle(id) {
|
|
11
|
-
this._state[id] = !this._state[id];
|
|
12
|
-
}
|
|
13
|
-
static initializeStore() {
|
|
14
|
-
const { state } = createStore({});
|
|
15
|
-
AnnotationService._state = state;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { AnnotationService as A };
|
|
20
|
-
|
|
21
|
-
//# sourceMappingURL=annotation.service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"annotation.service.js","mappings":";;MAMsB,iBAAiB;EAGrC,WAAW,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;GACpB;EAED,OAAO,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;GACpC;EAEO,OAAO,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;GAClC;;;;;","names":[],"sources":["./src/services/annotation.service.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n private static _state: AnnotationState;\r\n\r\n static get state(): AnnotationState {\r\n if (!this._state) {\r\n AnnotationService.initializeStore();\r\n }\r\n\r\n return this._state;\r\n }\r\n\r\n static toggle(id: string): void {\r\n this._state[id] = !this._state[id];\r\n }\r\n\r\n private static initializeStore(): void {\r\n const { state } = createStore<AnnotationState>({});\r\n\r\n AnnotationService._state = state;\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface DsoExpandableHeading extends Components.DsoExpandableHeading, HTMLElement {}
|
|
4
|
-
export const DsoExpandableHeading: {
|
|
5
|
-
prototype: DsoExpandableHeading;
|
|
6
|
-
new (): DsoExpandableHeading;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
|
|
2
|
-
import { c as clsx } from './clsx.m.js';
|
|
3
|
-
import { d as defineCustomElement$3 } from './expandable.js';
|
|
4
|
-
import { d as defineCustomElement$2 } from './icon.js';
|
|
5
|
-
import { v as v4 } from './v4.js';
|
|
6
|
-
|
|
7
|
-
const Heading = ({ heading, ref, className }, children) => {
|
|
8
|
-
switch (heading) {
|
|
9
|
-
default:
|
|
10
|
-
case "h2":
|
|
11
|
-
return (h("h2", { ref: ref, class: className }, children));
|
|
12
|
-
case "h3":
|
|
13
|
-
return (h("h3", { ref: ref, class: className }, children));
|
|
14
|
-
case "h4":
|
|
15
|
-
return (h("h4", { ref: ref, class: className }, children));
|
|
16
|
-
case "h5":
|
|
17
|
-
return (h("h5", { ref: ref, class: className }, children));
|
|
18
|
-
case "h6":
|
|
19
|
-
return (h("h6", { ref: ref, class: className }, children));
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
const expandableHeadingCss = "h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#275937}h1,.h1,h2,.h2,h3,.h3{margin-block-end:16px;margin-block-start:24px}h1,.h1{line-height:1.25}h1{font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-block-end:16px;margin-block-start:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}:host{display:block;margin-inline:-8px;padding-inline:8px}:host(.dso-del){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host(.dso-ins){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-edit-action-text{margin-bottom:8px;margin-top:-8px}.dso-edit-action-text span{display:inline-block;font-style:italic}.dso-edit-action-text+.expandable-heading{margin-top:0;padding-top:0}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}:host([suppressed]){opacity:0.6}:host([suppressed]) .expandable-heading button{color:#666}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";
|
|
24
|
-
|
|
25
|
-
const ExpandableHeading = /*@__PURE__*/ proxyCustomElement(class ExpandableHeading extends HTMLElement {
|
|
26
|
-
constructor() {
|
|
27
|
-
super();
|
|
28
|
-
this.__registerHost();
|
|
29
|
-
this.__attachShadow();
|
|
30
|
-
this.dsoToggle = createEvent(this, "dsoToggle", 3);
|
|
31
|
-
this.identifier = v4();
|
|
32
|
-
this.open = undefined;
|
|
33
|
-
this.heading = "h2";
|
|
34
|
-
this.color = "default";
|
|
35
|
-
this.suppressed = false;
|
|
36
|
-
this.editAction = undefined;
|
|
37
|
-
}
|
|
38
|
-
toggle(e) {
|
|
39
|
-
this.open = !this.open;
|
|
40
|
-
this.dsoToggle.emit({ originalEvent: e, open: this.open });
|
|
41
|
-
}
|
|
42
|
-
render() {
|
|
43
|
-
const expandableProperties = this.open ? { open: true } : {};
|
|
44
|
-
return (h(Host, { class: clsx({
|
|
45
|
-
"dso-del": this.editAction === "delete",
|
|
46
|
-
"dso-ins": this.editAction === "insert",
|
|
47
|
-
}) }, this.editAction === "delete" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "verwijderd:"))), this.editAction === "insert" && (h("p", { class: "dso-edit-action-text" }, h("span", null, "toegevoegd:"))), h("div", { class: clsx("expandable-heading", this.color === "black" ? "dso-expandable-heading-black" : "") }, h(Heading, { heading: this.heading }, h("button", { type: "button", "aria-expanded": this.open ? "true" : "false", "aria-controls": this.identifier, onClick: (e) => this.toggle(e) }, h("dso-icon", { icon: this.open ? "chevron-down" : "chevron-right" }), h("slot", { name: "title" }))), h("slot", { name: "addons-start" }), h("div", { class: "addons-end" }, h("slot", { name: "addons-end" }))), h("dso-expandable", Object.assign({ id: this.identifier }, expandableProperties), h("slot", { slot: "expandable-content" }))));
|
|
48
|
-
}
|
|
49
|
-
static get style() { return expandableHeadingCss; }
|
|
50
|
-
}, [1, "dso-expandable-heading", {
|
|
51
|
-
"open": [4],
|
|
52
|
-
"heading": [1],
|
|
53
|
-
"color": [1],
|
|
54
|
-
"suppressed": [4],
|
|
55
|
-
"editAction": [1, "edit-action"]
|
|
56
|
-
}]);
|
|
57
|
-
function defineCustomElement$1() {
|
|
58
|
-
if (typeof customElements === "undefined") {
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
const components = ["dso-expandable-heading", "dso-expandable", "dso-icon"];
|
|
62
|
-
components.forEach(tagName => { switch (tagName) {
|
|
63
|
-
case "dso-expandable-heading":
|
|
64
|
-
if (!customElements.get(tagName)) {
|
|
65
|
-
customElements.define(tagName, ExpandableHeading);
|
|
66
|
-
}
|
|
67
|
-
break;
|
|
68
|
-
case "dso-expandable":
|
|
69
|
-
if (!customElements.get(tagName)) {
|
|
70
|
-
defineCustomElement$3();
|
|
71
|
-
}
|
|
72
|
-
break;
|
|
73
|
-
case "dso-icon":
|
|
74
|
-
if (!customElements.get(tagName)) {
|
|
75
|
-
defineCustomElement$2();
|
|
76
|
-
}
|
|
77
|
-
break;
|
|
78
|
-
} });
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
const DsoExpandableHeading = ExpandableHeading;
|
|
82
|
-
const defineCustomElement = defineCustomElement$1;
|
|
83
|
-
|
|
84
|
-
export { DsoExpandableHeading, defineCustomElement };
|
|
85
|
-
|
|
86
|
-
//# sourceMappingURL=dso-expandable-heading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"dso-expandable-heading.js","mappings":";;;;;;AAIO,MAAM,OAAO,GAQf,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ;EACzC,QAAQ,OAAO;IACb,QAAQ;IACR,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;IACJ,KAAK,IAAI;MACP,QACE,UAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,IAC3B,QAAQ,CACN,EACL;GACL;AACH,CAAC;;AC9CD,MAAM,oBAAoB,GAAG,k+DAAk+D;;MCYl/D,iBAAiB;;;;;;IAuCpB,eAAU,GAAGA,EAAM,EAAE,CAAC;;mBA5BP,IAAI;iBAME,SAAS;sBAMzB,KAAK;;;EAkBV,MAAM,CAAC,CAA6B;IAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IAEvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;GAC5D;EAED,MAAM;IACJ,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IAE7D,QACE,EAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC;QACV,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;QACvC,SAAS,EAAE,IAAI,CAAC,UAAU,KAAK,QAAQ;OACxC,CAAC,IAED,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACA,IAAI,CAAC,UAAU,KAAK,QAAQ,KAC3B,SAAG,KAAK,EAAC,sBAAsB,IAC7B,8BAAwB,CACtB,CACL,EACD,WAAK,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,8BAA8B,GAAG,EAAE,CAAC,IAClG,EAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5B,cACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC5B,IAAI,CAAC,UAAU,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAE9B,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,cAAc,GAAG,eAAe,GAAa,EACzE,YAAM,IAAI,EAAC,OAAO,GAAG,CACd,CACD,EACV,YAAM,IAAI,EAAC,cAAc,GAAG,EAC5B,WAAK,KAAK,EAAC,YAAY,IACrB,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACF,EACN,oCAAgB,EAAE,EAAE,IAAI,CAAC,UAAU,IAAM,oBAAoB,GAC3D,YAAM,IAAI,EAAC,oBAAoB,GAAQ,CACxB,CACZ,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["uuidv4"],"sources":["./src/components/expandable-heading/heading.tsx","./src/components/expandable-heading/expandable-heading.scss?tag=dso-expandable-heading&encapsulation=shadow","./src/components/expandable-heading/expandable-heading.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { HeadingTags } from \"./expandable-heading.interfaces\";\r\n\r\nexport const Heading: FunctionalComponent<{\r\n heading: HeadingTags;\r\n className?:\r\n | string\r\n | {\r\n [className: string]: boolean;\r\n };\r\n ref?: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref, className }, children) => {\r\n switch (heading) {\r\n default:\r\n case \"h2\":\r\n return (\r\n <h2 ref={ref} class={className}>\r\n {children}\r\n </h2>\r\n );\r\n case \"h3\":\r\n return (\r\n <h3 ref={ref} class={className}>\r\n {children}\r\n </h3>\r\n );\r\n case \"h4\":\r\n return (\r\n <h4 ref={ref} class={className}>\r\n {children}\r\n </h4>\r\n );\r\n case \"h5\":\r\n return (\r\n <h5 ref={ref} class={className}>\r\n {children}\r\n </h5>\r\n );\r\n case \"h6\":\r\n return (\r\n <h6 ref={ref} class={className}>\r\n {children}\r\n </h6>\r\n );\r\n }\r\n};\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/headings/headings\";\r\n@use \"~dso-toolkit/src/components/insert/insert\";\r\n\r\n:host {\r\n display: block;\r\n margin-inline: -(units.$u1);\r\n padding-inline: units.$u1;\r\n}\r\n\r\n:host(.dso-del) {\r\n background-color: colors.$danger-bg-color;\r\n color: colors.$zwart;\r\n text-decoration: line-through;\r\n}\r\n\r\n:host(.dso-ins) {\r\n background-color: colors.$success-bg-color;\r\n box-shadow: insert.$insert-box-shadow;\r\n color: colors.$zwart;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n @include utilities.sr-only();\r\n}\r\n\r\n.dso-edit-action-text {\r\n margin-bottom: units.$u1;\r\n margin-top: -(units.$u1);\r\n\r\n span {\r\n display: inline-block;\r\n font-style: italic;\r\n }\r\n\r\n + .expandable-heading {\r\n margin-top: 0;\r\n padding-top: 0;\r\n }\r\n}\r\n\r\n.expandable-heading {\r\n align-items: center;\r\n display: flex;\r\n margin-bottom: units.$u1;\r\n margin-top: units.$u1;\r\n\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-size: 1rem;\r\n margin-bottom: 0;\r\n margin-right: units.$u1;\r\n margin-top: 0;\r\n }\r\n\r\n button {\r\n align-items: flex-start;\r\n cursor: pointer;\r\n background-color: transparent;\r\n border: 0;\r\n color: inherit;\r\n display: flex;\r\n line-height: 24px;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n padding: 0;\r\n text-align: left;\r\n\r\n > dso-icon {\r\n flex-shrink: 0;\r\n }\r\n }\r\n\r\n &.dso-expandable-heading-black button {\r\n color: colors.$zwart;\r\n }\r\n}\r\n\r\n:host([suppressed]) {\r\n opacity: 0.6;\r\n\r\n .expandable-heading button {\r\n color: colors.$grijs-60;\r\n }\r\n}\r\n\r\ndso-expandable {\r\n padding-left: units.$u3;\r\n}\r\n\r\n.addons-end {\r\n display: inline-block;\r\n margin-left: auto;\r\n}\r\n","import { Component, Event, EventEmitter, Host, h, Prop } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from \"./expandable-heading.interfaces\";\r\nimport { Heading } from \"./heading\";\r\n\r\n@Component({\r\n tag: \"dso-expandable-heading\",\r\n styleUrl: \"expandable-heading.scss\",\r\n shadow: true,\r\n})\r\nexport class ExpandableHeading {\r\n /**\r\n * To open the Expandable Heading.\r\n */\r\n @Prop()\r\n open?: boolean;\r\n\r\n /**\r\n * Which heading element to use.\r\n */\r\n @Prop()\r\n heading: HeadingTags = \"h2\";\r\n\r\n /**\r\n * The color.\r\n */\r\n @Prop()\r\n color: \"default\" | \"black\" = \"default\";\r\n\r\n /**\r\n * Marks this element as unavailable.\r\n */\r\n @Prop()\r\n suppressed = false;\r\n\r\n /**\r\n * Whether this Expandable Heading has an edit action.\r\n *\r\n * Also known as \"wijzigactie\" in STOP.\r\n */\r\n @Prop()\r\n editAction?: EditAction;\r\n\r\n /**\r\n * Emitted when the user activates the toggle button.\r\n */\r\n @Event({ bubbles: false })\r\n dsoToggle!: EventEmitter<ExpandableHeadingToggleEvent>;\r\n\r\n private identifier = uuidv4();\r\n\r\n private toggle(e: MouseEvent | KeyboardEvent) {\r\n this.open = !this.open;\r\n\r\n this.dsoToggle.emit({ originalEvent: e, open: this.open });\r\n }\r\n\r\n render() {\r\n const expandableProperties = this.open ? { open: true } : {};\r\n\r\n return (\r\n <Host\r\n class={clsx({\r\n \"dso-del\": this.editAction === \"delete\",\r\n \"dso-ins\": this.editAction === \"insert\",\r\n })}\r\n >\r\n {this.editAction === \"delete\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>verwijderd:</span>\r\n </p>\r\n )}\r\n {this.editAction === \"insert\" && (\r\n <p class=\"dso-edit-action-text\">\r\n <span>toegevoegd:</span>\r\n </p>\r\n )}\r\n <div class={clsx(\"expandable-heading\", this.color === \"black\" ? \"dso-expandable-heading-black\" : \"\")}>\r\n <Heading heading={this.heading}>\r\n <button\r\n type=\"button\"\r\n aria-expanded={this.open ? \"true\" : \"false\"}\r\n aria-controls={this.identifier}\r\n onClick={(e) => this.toggle(e)}\r\n >\r\n <dso-icon icon={this.open ? \"chevron-down\" : \"chevron-right\"}></dso-icon>\r\n <slot name=\"title\" />\r\n </button>\r\n </Heading>\r\n <slot name=\"addons-start\" />\r\n <div class=\"addons-end\">\r\n <slot name=\"addons-end\" />\r\n </div>\r\n </div>\r\n <dso-expandable id={this.identifier} {...expandableProperties}>\r\n <slot slot=\"expandable-content\"></slot>\r\n </dso-expandable>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Returns a function, that, as long as it continues to be invoked, will not
|
|
3
|
-
* be triggered. The function will be called after it stops being called for
|
|
4
|
-
* N milliseconds. If `immediate` is passed, trigger the function on the
|
|
5
|
-
* leading edge, instead of the trailing. The function also has a property 'clear'
|
|
6
|
-
* that is a function which will clear the timer to prevent previously scheduled executions.
|
|
7
|
-
*
|
|
8
|
-
* @source underscore.js
|
|
9
|
-
* @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
|
|
10
|
-
* @param {Function} function to wrap
|
|
11
|
-
* @param {Number} timeout in ms (`100`)
|
|
12
|
-
* @param {Boolean} whether to execute at the beginning (`false`)
|
|
13
|
-
* @api public
|
|
14
|
-
*/
|
|
15
|
-
function debounce(func, wait, immediate){
|
|
16
|
-
var timeout, args, context, timestamp, result;
|
|
17
|
-
if (null == wait) wait = 100;
|
|
18
|
-
|
|
19
|
-
function later() {
|
|
20
|
-
var last = Date.now() - timestamp;
|
|
21
|
-
|
|
22
|
-
if (last < wait && last >= 0) {
|
|
23
|
-
timeout = setTimeout(later, wait - last);
|
|
24
|
-
} else {
|
|
25
|
-
timeout = null;
|
|
26
|
-
if (!immediate) {
|
|
27
|
-
result = func.apply(context, args);
|
|
28
|
-
context = args = null;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
var debounced = function(){
|
|
33
|
-
context = this;
|
|
34
|
-
args = arguments;
|
|
35
|
-
timestamp = Date.now();
|
|
36
|
-
var callNow = immediate && !timeout;
|
|
37
|
-
if (!timeout) timeout = setTimeout(later, wait);
|
|
38
|
-
if (callNow) {
|
|
39
|
-
result = func.apply(context, args);
|
|
40
|
-
context = args = null;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return result;
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
debounced.clear = function() {
|
|
47
|
-
if (timeout) {
|
|
48
|
-
clearTimeout(timeout);
|
|
49
|
-
timeout = null;
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
debounced.flush = function() {
|
|
54
|
-
if (timeout) {
|
|
55
|
-
result = func.apply(context, args);
|
|
56
|
-
context = args = null;
|
|
57
|
-
|
|
58
|
-
clearTimeout(timeout);
|
|
59
|
-
timeout = null;
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
return debounced;
|
|
64
|
-
}
|
|
65
|
-
// Adds compatibility for ES modules
|
|
66
|
-
debounce.debounce = debounce;
|
|
67
|
-
|
|
68
|
-
var debounce_1 = debounce;
|
|
69
|
-
|
|
70
|
-
export { debounce_1 as d };
|
|
71
|
-
|
|
72
|
-
//# sourceMappingURL=index3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"index3.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC;AACxC,EAAE,IAAI,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;AAChD,EAAE,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,GAAG,GAAG,CAAC;AAC/B;AACA,EAAE,SAAS,KAAK,GAAG;AACnB,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;AACtC;AACA,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE;AAClC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,MAAM,IAAI,CAAC,SAAS,EAAE;AACtB,QAAQ,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC3C,QAAQ,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9B,OAAO;AACP,KAAK;AACL,GACA;AACA,EAAE,IAAI,SAAS,GAAG,UAAU;AAC5B,IAAI,OAAO,GAAG,IAAI,CAAC;AACnB,IAAI,IAAI,GAAG,SAAS,CAAC;AACrB,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;AAC3B,IAAI,IAAI,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;AACxC,IAAI,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AACpD,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B,KAAK;AACL;AACA,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,SAAS,CAAC,KAAK,GAAG,WAAW;AAC/B,IAAI,IAAI,OAAO,EAAE;AACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5B;AACA,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;AAC5B,MAAM,OAAO,GAAG,IAAI,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ;AACA,EAAE,OAAO,SAAS,CAAC;AACnB,CACA;AACA;AACA,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B;cACc,GAAG;;;;","names":[],"sources":["../../node_modules/debounce/index.js"],"sourcesContent":["/**\n * Returns a function, that, as long as it continues to be invoked, will not\n * be triggered. The function will be called after it stops being called for\n * N milliseconds. If `immediate` is passed, trigger the function on the\n * leading edge, instead of the trailing. The function also has a property 'clear' \n * that is a function which will clear the timer to prevent previously scheduled executions. \n *\n * @source underscore.js\n * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/\n * @param {Function} function to wrap\n * @param {Number} timeout in ms (`100`)\n * @param {Boolean} whether to execute at the beginning (`false`)\n * @api public\n */\nfunction debounce(func, wait, immediate){\n var timeout, args, context, timestamp, result;\n if (null == wait) wait = 100;\n\n function later() {\n var last = Date.now() - timestamp;\n\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) {\n result = func.apply(context, args);\n context = args = null;\n }\n }\n };\n\n var debounced = function(){\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n\n return result;\n };\n\n debounced.clear = function() {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n };\n \n debounced.flush = function() {\n if (timeout) {\n result = func.apply(context, args);\n context = args = null;\n \n clearTimeout(timeout);\n timeout = null;\n }\n };\n\n return debounced;\n};\n\n// Adds compatibility for ES modules\ndebounce.debounce = debounce;\n\nmodule.exports = debounce;\n"],"version":3}
|