@ebrains/components 0.7.0-alpha.1 → 0.8.0-alpha.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/README.md +370 -0
- package/dist/cjs/color-primary-palette_6.cjs.entry.js +14 -14
- package/dist/cjs/components.cjs.js +1 -1
- package/dist/cjs/correct-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/eds-accordion_17.cjs.entry.js +1468 -0
- package/dist/cjs/eds-alert.cjs.entry.js +11 -4
- package/dist/cjs/eds-app-root.cjs.entry.js +1 -1
- package/dist/cjs/eds-breadcrumb.cjs.entry.js +6 -2
- package/dist/cjs/{eds-avatar_4.cjs.entry.js → eds-card-desc_3.cjs.entry.js} +3 -70
- package/dist/cjs/eds-card-generic.cjs.entry.js +1 -1
- package/dist/cjs/eds-card-project.cjs.entry.js +1 -1
- package/dist/cjs/eds-card-tags.cjs.entry.js +1 -1
- package/dist/cjs/eds-card-tool.cjs.entry.js +1 -1
- package/dist/cjs/eds-card-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/eds-code-block.cjs.entry.js +1 -1
- package/dist/cjs/eds-components-section.cjs.entry.js +34 -20
- package/dist/cjs/eds-cookies-preference.cjs.entry.js +1 -1
- package/dist/cjs/eds-docs-palettes.cjs.entry.js +1 -1
- package/dist/cjs/eds-docs-tokens.cjs.entry.js +1 -1
- package/dist/cjs/eds-feedback.cjs.entry.js +1 -1
- package/dist/cjs/eds-form.cjs.entry.js +211 -146
- package/dist/cjs/eds-frame.cjs.entry.js +3 -3
- package/dist/cjs/eds-icon-arrow-diagonal.cjs.entry.js +2 -2
- package/dist/cjs/eds-icon-arrow-right.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-bluesky.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-chevron-down.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-chevron-left.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-chevron-right.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-chevron-up.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-close.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-copy.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-eu.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-facebook.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-gitlab.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-linkedin.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-loader.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-mastodon.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-menu.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-more.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-search.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-star.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-success.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-thumbs-down.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-thumbs-up.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-twitter.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-user.cjs.entry.js +1 -1
- package/dist/cjs/eds-icon-youtube.cjs.entry.js +1 -1
- package/dist/cjs/eds-input_7.cjs.entry.js +357 -0
- package/dist/cjs/eds-login_2.cjs.entry.js +1 -1
- package/dist/cjs/eds-logo-variations.cjs.entry.js +1 -1
- package/dist/cjs/eds-modal.cjs.entry.js +2 -2
- package/dist/cjs/eds-pagination_2.cjs.entry.js +403 -0
- package/dist/cjs/eds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/eds-rating.cjs.entry.js +1 -1
- package/dist/cjs/eds-section-core_2.cjs.entry.js +4 -4
- package/dist/cjs/eds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/eds-svg-repository.cjs.entry.js +5 -1
- package/dist/cjs/eds-switch.cjs.entry.js +2 -2
- package/dist/cjs/eds-tabs.cjs.entry.js +2 -2
- package/dist/cjs/eds-timeline.cjs.entry.js +5 -1
- package/dist/cjs/eds-toast-manager.cjs.entry.js +1 -1
- package/dist/cjs/eds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/eds-trl.cjs.entry.js +1 -1
- package/dist/cjs/incorrect-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/index-2f63169d.js +14 -22
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-space.cjs.entry.js +1 -1
- package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js +2 -2
- package/dist/cjs/logo-wrong-usage.cjs.entry.js +1 -1
- package/dist/cjs/token-list_3.cjs.entry.js +3 -3
- package/dist/cjs/token-ratios.cjs.entry.js +1 -1
- package/dist/cjs/token-spacing.cjs.entry.js +1 -1
- package/dist/cjs/token-typography.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +3 -4
- package/dist/collection/components/eds-accordion/eds-accordion.css +12 -8
- package/dist/collection/components/eds-accordion/eds-accordion.js +9 -24
- package/dist/collection/components/eds-accordion/eds-accordion.stories.js +2 -2
- package/dist/collection/components/eds-alert/eds-alert.css +223 -91
- package/dist/collection/components/eds-alert/eds-alert.js +28 -3
- package/dist/collection/components/eds-alert/eds-alert.stories.js +10 -2
- package/dist/collection/components/eds-avatar/eds-avatar.css +38 -0
- package/dist/collection/components/eds-avatar/eds-avatar.js +11 -40
- package/dist/collection/components/eds-avatar/eds-avatar.stories.js +19 -46
- package/dist/collection/components/eds-block-break/eds-block-break.js +1 -1
- package/dist/collection/components/eds-breadcrump/eds-breadcrumb.css +1 -0
- package/dist/collection/components/eds-breadcrump/eds-breadcrumb.stories.js +14 -6
- package/dist/collection/components/eds-breadcrump/eds-breadcrump.js +6 -2
- package/dist/collection/components/eds-button/eds-button.css +8420 -6638
- package/dist/collection/components/eds-button/eds-button.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.js +4 -1
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-title/eds-card-title.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-wrapper/eds-card-wrapper.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.css +133 -102
- package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.stories.js +10 -1
- package/dist/collection/components/eds-cards/eds-card-project/eds-card-project.js +1 -1
- package/dist/collection/components/eds-cards/eds-card-tool/eds-card-tool.js +1 -1
- package/dist/collection/components/eds-code-block/eds-code-block.css +30 -3
- package/dist/collection/components/eds-code-block/eds-code-block.js +1 -1
- package/dist/collection/components/eds-dropdown/eds-dropdown.js +4 -3
- package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-down/eds-icon-chevron-down.js +1 -1
- package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-left/eds-icon-chevron-left.js +1 -1
- package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-right/eds-icon-chevron-right.js +1 -1
- package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-up/eds-icon-chevron-up.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-arrow-diagonal/eds-icon-arrow-diagonal.js +4 -4
- package/dist/collection/components/eds-icons/eds-icon-arrow-right/eds-icon-arrow-right.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-close/eds-icon-close.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-copy/eds-icon-copy.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-loader/eds-icon-loader.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-menu/eds-icon-menu.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-more/eds-icon-more.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-search/eds-icon-search.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-star/eds-icon-star.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-success/eds-icon-success.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-thumbs-down/eds-icon-thumbs-down.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-thumbs-up/eds-icon-thumbs-up.js +1 -1
- package/dist/collection/components/eds-icons/eds-icon-user/eds-icon-user.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-bluesky/eds-icon-bluesky.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-facebook/eds-icon-facebook.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-linkedin/eds-icon-linkedin.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-mastodon/eds-icon-mastodon.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-twitter/eds-icon-twitter.js +1 -1
- package/dist/collection/components/eds-icons/social/eds-icon-youtube/eds-icon-youtube.js +1 -1
- package/dist/collection/components/eds-img/eds-img.js +2 -2
- package/dist/collection/components/eds-input-elements/eds-input/eds-input.js +2 -2
- package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js +1 -1
- package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js +5 -5
- package/dist/collection/components/eds-input-elements/eds-input-range/eds-input-range.js +8 -10
- package/dist/collection/components/eds-input-elements/eds-input-search/eds-input-search.js +49 -10
- package/dist/collection/components/eds-input-elements/eds-input-select/eds-input-select.js +1 -1
- package/dist/collection/components/eds-input-field/eds-input-field.css +651 -52
- package/dist/collection/components/eds-input-field/eds-input-field.js +2 -2
- package/dist/collection/components/eds-link/eds-link.css +12 -204
- package/dist/collection/components/eds-link/eds-link.js +5 -5
- package/dist/collection/components/eds-logo/eds-logo.js +1 -1
- package/dist/collection/components/eds-modal/eds-modal.js +2 -2
- package/dist/collection/components/eds-pagination/eds-pagination.css +137 -109
- package/dist/collection/components/eds-pagination/eds-pagination.js +1 -1
- package/dist/collection/components/eds-pagination/eds-pagination.stories.js +0 -6
- package/dist/collection/components/eds-progress-bar/eds-progress-bar.js +1 -1
- package/dist/collection/components/eds-rating/eds-rating.js +1 -1
- package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js +1 -1
- package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +3 -3
- package/dist/collection/components/eds-spinner/eds-spinner.js +1 -1
- package/dist/collection/components/eds-steps/eds-steps.js +48 -1
- package/dist/collection/components/eds-switch/eds-switch.js +2 -2
- package/dist/collection/components/eds-table/eds-table.js +42 -27
- package/dist/collection/components/eds-table/eds-table.stories.js +1 -1
- package/dist/collection/components/eds-tag/eds-tag.js +1 -1
- package/dist/collection/components/eds-timeline/eds-timeline.css +7758 -0
- package/dist/collection/components/eds-timeline/eds-timeline.js +12 -1
- package/dist/collection/components/eds-tooltip/eds-tooltip.js +1 -1
- package/dist/collection/components/eds-trl/eds-trl.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/secondary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/support.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js +7 -7
- package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js +3 -3
- package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js +1 -1
- package/dist/collection/eds-docs-ui/eds-components-section/eds-components-section.js +1 -1
- package/dist/collection/eds-docs-ui/eds-docs-palettes/eds-docs-palettes.js +1 -1
- package/dist/collection/eds-docs-ui/eds-docs-tokens/eds-docs-tokens.js +1 -1
- package/dist/collection/eds-docs-ui/eds-logo-variations/eds-logo-variations.js +1 -1
- package/dist/collection/eds-docs-ui/eds-svg-repository/eds-svg-repository.css +5 -0
- package/dist/collection/eds-docs-ui/eds-svg-repository/eds-svg-repository.js +11 -1
- package/dist/collection/eds-docs-ui/functional/angular.js +1 -1
- package/dist/collection/eds-docs-ui/functional/overview.js +18 -1
- package/dist/collection/eds-docs-ui/functional/react.js +1 -1
- package/dist/collection/eds-docs-ui/functional/vue.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js +1 -1
- package/dist/collection/shared-ui/eds-card-section/eds-card-section.stories.js +1 -6
- package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js +1 -2
- package/dist/collection/shared-ui/eds-feedback/eds-feedback.js +1 -1
- package/dist/collection/shared-ui/eds-footer/eds-footer.css +226 -0
- package/dist/collection/shared-ui/eds-footer/eds-footer.js +44 -23
- package/dist/collection/shared-ui/eds-footer/eds-footer.stories.js +10 -16
- package/dist/collection/shared-ui/eds-form/eds-form.css +3 -0
- package/dist/collection/{components/eds-form-v2/eds-form-v2.js → shared-ui/eds-form/eds-form.js} +7 -6
- package/dist/collection/{components/eds-form-v2/eds-form-v2.stories.js → shared-ui/eds-form/eds-form.stories.js} +4 -4
- package/dist/collection/{eds-docs-ui → shared-ui}/eds-frame/eds-frame.css +3 -0
- package/dist/collection/{eds-docs-ui → shared-ui}/eds-frame/eds-frame.js +2 -2
- package/dist/collection/{eds-docs-ui → shared-ui}/eds-frame/eds-frame.stories.js +1 -1
- package/dist/collection/shared-ui/eds-fullscreen-menu/eds-fullscreen-menu.css +120 -0
- package/dist/collection/shared-ui/eds-fullscreen-menu/eds-fullscreen-menu.js +2 -1
- package/dist/collection/shared-ui/eds-header/eds-header.css +138 -0
- package/dist/collection/shared-ui/eds-header/eds-header.js +3 -2
- package/dist/collection/shared-ui/eds-login/eds-login.js +1 -1
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.css +4 -0
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.js +57 -3
- package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.js +1 -1
- package/dist/collection/shared-ui/eds-steps-v2/eds-steps-v2.css +361 -0
- package/dist/collection/shared-ui/eds-steps-v2/eds-steps-v2.js +219 -0
- package/dist/collection/shared-ui/eds-tabs/eds-tabs.css +32 -48
- package/dist/collection/shared-ui/eds-tabs/eds-tabs.js +1 -1
- package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js +1 -1
- package/dist/collection/shared-ui/eds-user/eds-user.css +7758 -0
- package/dist/collection/shared-ui/eds-user/eds-user.js +44 -14
- package/dist/collection/shared-ui/eds-user/eds-user.stories.js +1 -1
- package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js +1 -1
- package/dist/components/components.css +32 -48
- package/dist/components/components.esm.js +1 -1
- package/dist/components/correct-use-of-colors.js +1 -1
- package/dist/components/eds-accordion2.js +10 -8
- package/dist/components/eds-alert2.js +12 -4
- package/dist/components/eds-app-root.js +1 -1
- package/dist/components/eds-avatar2.js +13 -8
- package/dist/components/eds-block-break2.js +1 -1
- package/dist/components/eds-breadcrumb.js +6 -2
- package/dist/components/eds-button2.js +2 -2
- package/dist/components/eds-card-desc2.js +1 -1
- package/dist/components/eds-card-generic2.js +1 -1
- package/dist/components/eds-card-project.js +1 -1
- package/dist/components/eds-card-tags.js +1 -1
- package/dist/components/eds-card-title2.js +1 -1
- package/dist/components/eds-card-tool.js +1 -1
- package/dist/components/eds-card-wrapper.js +1 -1
- package/dist/components/eds-code-block2.js +1 -1
- package/dist/components/eds-components-section.js +58 -32
- package/dist/components/eds-cookies-preference.js +2 -3
- package/dist/components/eds-docs-palettes.js +1 -1
- package/dist/components/eds-docs-tokens.js +1 -1
- package/dist/components/eds-dropdown2.js +4 -3
- package/dist/components/eds-feedback.js +1 -1
- package/dist/components/eds-footer2.js +13 -6
- package/dist/components/eds-form.js +234 -189
- package/dist/components/eds-frame.js +3 -3
- package/dist/components/eds-fullscreen-menu.js +4 -3
- package/dist/components/eds-header.js +5 -4
- package/dist/components/eds-icon-arrow-diagonal.js +3 -3
- package/dist/components/eds-icon-arrow-right.js +1 -1
- package/dist/components/eds-icon-bluesky.js +1 -1
- package/dist/components/eds-icon-chevron-down.js +1 -1
- package/dist/components/eds-icon-chevron-left.js +1 -1
- package/dist/components/eds-icon-chevron-right.js +1 -1
- package/dist/components/eds-icon-chevron-up.js +1 -1
- package/dist/components/eds-icon-close.js +1 -1
- package/dist/components/eds-icon-copy.js +1 -1
- package/dist/components/eds-icon-eu.js +1 -1
- package/dist/components/eds-icon-facebook.js +1 -1
- package/dist/components/eds-icon-gitlab.js +1 -1
- package/dist/components/eds-icon-linkedin.js +1 -1
- package/dist/components/eds-icon-loader.js +1 -1
- package/dist/components/eds-icon-mastodon.js +1 -1
- package/dist/components/eds-icon-menu.js +1 -1
- package/dist/components/eds-icon-more.js +1 -1
- package/dist/components/eds-icon-search.js +1 -1
- package/dist/components/eds-icon-star.js +1 -1
- package/dist/components/eds-icon-success.js +1 -1
- package/dist/components/eds-icon-thumbs-down.js +1 -1
- package/dist/components/eds-icon-thumbs-up.js +1 -1
- package/dist/components/eds-icon-twitter.js +1 -1
- package/dist/components/eds-icon-user.js +1 -1
- package/dist/components/eds-icon-youtube.js +1 -1
- package/dist/components/eds-img2.js +2 -2
- package/dist/components/eds-input-field2.js +3 -3
- package/dist/components/eds-input-footer2.js +1 -1
- package/dist/components/eds-input-label2.js +1 -1
- package/dist/components/eds-input-range2.js +1 -3
- package/dist/components/eds-input-search2.js +24 -2
- package/dist/components/eds-input-select2.js +1 -1
- package/dist/components/eds-input2.js +2 -2
- package/dist/components/eds-link2.js +6 -6
- package/dist/components/eds-login2.js +1 -1
- package/dist/components/eds-logo-variations.js +1 -1
- package/dist/components/eds-logo2.js +1 -1
- package/dist/components/eds-matomo-notice2.js +32 -4
- package/dist/components/eds-modal.js +2 -2
- package/dist/components/eds-pagination2.js +1 -1
- package/dist/components/eds-progress-bar2.js +1 -1
- package/dist/components/eds-rating2.js +1 -1
- package/dist/components/eds-section-core2.js +1 -1
- package/dist/components/eds-section-heading2.js +3 -3
- package/dist/components/eds-social-networks2.js +1 -1
- package/dist/components/eds-spinner2.js +1 -1
- package/dist/components/{eds-form-v2.d.ts → eds-steps-v2.d.ts} +4 -4
- package/dist/components/eds-steps-v2.js +137 -0
- package/dist/components/eds-steps.js +1 -92
- package/dist/{esm/eds-steps.entry.js → components/eds-steps2.js} +86 -9
- package/dist/components/eds-svg-repository.js +5 -1
- package/dist/components/eds-switch.js +2 -2
- package/dist/components/eds-table2.js +41 -26
- package/dist/components/eds-tabs.js +2 -2
- package/dist/components/eds-tag2.js +1 -1
- package/dist/components/eds-timeline.js +7 -2
- package/dist/components/eds-toast-manager.js +1 -1
- package/dist/components/eds-tooltip.js +1 -1
- package/dist/components/eds-trl.js +1 -1
- package/dist/components/eds-user.js +26 -9
- package/dist/components/incorrect-use-of-colors.js +1 -1
- package/dist/components/logo-space.js +1 -1
- package/dist/components/logo-variations-horizontal2.js +1 -1
- package/dist/components/logo-variations-vertical2.js +1 -1
- package/dist/components/logo-wrong-usage.js +1 -1
- package/dist/components/{p-62f2f274.entry.js → p-01cb7ceb.entry.js} +1 -1
- package/dist/components/p-03a38eab.entry.js +1 -0
- package/dist/components/p-05d8fdc3.entry.js +1 -0
- package/dist/components/{p-8b70a350.entry.js → p-07ba7c89.entry.js} +1 -1
- package/dist/components/p-0918a2e2.entry.js +1 -0
- package/dist/components/p-096d3274.entry.js +1 -0
- package/dist/components/{p-ad746789.entry.js → p-0f73391d.entry.js} +1 -1
- package/dist/components/p-10a318e0.entry.js +1 -0
- package/dist/components/p-16e0b902.entry.js +1 -0
- package/dist/components/{p-5e63e8a5.entry.js → p-18e10983.entry.js} +1 -1
- package/dist/components/p-215f3b21.entry.js +1 -0
- package/dist/components/{p-43350dff.entry.js → p-21a746a4.entry.js} +1 -1
- package/dist/components/{p-c935aa46.entry.js → p-24507e71.entry.js} +1 -1
- package/dist/components/p-30075622.entry.js +1 -0
- package/dist/components/p-32a7f571.entry.js +1 -0
- package/dist/components/p-376b706b.entry.js +1 -0
- package/dist/components/{p-fba4080d.entry.js → p-3f0fd469.entry.js} +1 -1
- package/dist/components/{p-5e2216ae.entry.js → p-3f480c3c.entry.js} +1 -1
- package/dist/components/p-4675ac16.entry.js +1 -0
- package/dist/components/p-46c9a35e.entry.js +1 -0
- package/dist/components/{p-2354daeb.entry.js → p-4aefc66e.entry.js} +1 -1
- package/dist/components/p-4bcf6077.entry.js +1 -0
- package/dist/components/{p-56ec190f.entry.js → p-4d295eb7.entry.js} +1 -1
- package/dist/components/{p-9eb2e870.entry.js → p-4df00ba5.entry.js} +1 -1
- package/dist/components/p-5cf480a8.entry.js +1 -0
- package/dist/components/p-5d26f527.entry.js +1 -0
- package/dist/components/{p-0443ac40.entry.js → p-622dd2a1.entry.js} +1 -1
- package/dist/components/p-64f6f07e.entry.js +1 -0
- package/dist/components/p-69e5af42.entry.js +1 -0
- package/dist/components/p-6a73ac42.entry.js +1 -0
- package/dist/components/p-70201ae6.entry.js +1 -0
- package/dist/components/p-7ba154c5.entry.js +1 -0
- package/dist/components/p-7ba4ca15.entry.js +1 -0
- package/dist/components/p-84faf1b3.entry.js +1 -0
- package/dist/components/p-8527ef5f.entry.js +1 -0
- package/dist/components/{p-066f6d27.entry.js → p-8803ecf9.entry.js} +1 -1
- package/dist/components/p-8baa7e01.entry.js +1 -0
- package/dist/components/p-8cf4ee6e.entry.js +1 -0
- package/dist/components/{p-f905ac92.entry.js → p-91440d2f.entry.js} +1 -1
- package/dist/components/p-9873ebec.entry.js +1 -0
- package/dist/components/{p-0e0106fc.entry.js → p-9cbcccf8.entry.js} +1 -1
- package/dist/components/p-9e2a0f5a.entry.js +1 -0
- package/dist/components/p-9f4ad4e4.entry.js +1 -0
- package/dist/components/{p-a91ab66e.entry.js → p-a02c5c4a.entry.js} +1 -1
- package/dist/components/p-a0abe772.entry.js +1 -0
- package/dist/components/p-a1d55013.entry.js +1 -0
- package/dist/components/{p-4cd69983.entry.js → p-a6bf9bf8.entry.js} +1 -1
- package/dist/components/p-abaf04e1.entry.js +1 -0
- package/dist/components/p-ae60f98b.entry.js +1 -0
- package/dist/components/p-b299b89a.entry.js +1 -0
- package/dist/components/p-b2f0f40b.entry.js +1 -0
- package/dist/components/p-b4332c34.entry.js +1 -0
- package/dist/components/p-b47d115d.entry.js +1 -0
- package/dist/components/p-c86243a3.entry.js +1 -0
- package/dist/components/p-cdc36ea8.entry.js +1 -0
- package/dist/components/p-ceac6200.entry.js +1 -0
- package/dist/components/{p-5520a3b6.entry.js → p-cee891dc.entry.js} +1 -1
- package/dist/components/p-d06faa08.entry.js +1 -0
- package/dist/components/{p-a5c61d1c.entry.js → p-d17ea8af.entry.js} +1 -1
- package/dist/components/p-d2159cc9.entry.js +1 -0
- package/dist/components/p-d895d036.entry.js +1 -0
- package/dist/components/{p-b80a9020.entry.js → p-db970de6.entry.js} +1 -1
- package/dist/components/p-e343cd31.entry.js +1 -0
- package/dist/components/{p-c06d4f14.entry.js → p-e3811d4b.entry.js} +1 -1
- package/dist/components/p-e8bd6106.entry.js +1 -0
- package/dist/components/p-e96a5c8e.entry.js +1 -0
- package/dist/components/{p-ff7acb55.entry.js → p-f223a835.entry.js} +1 -1
- package/dist/components/{p-e64cd6f7.entry.js → p-f2e66c82.entry.js} +1 -1
- package/dist/components/p-fec4cba7.entry.js +1 -0
- package/dist/components/primary.js +1 -1
- package/dist/components/primary2.js +1 -1
- package/dist/components/secondary.js +1 -1
- package/dist/components/secondary2.js +7 -7
- package/dist/components/support.js +1 -1
- package/dist/components/support2.js +3 -3
- package/dist/components/token-list2.js +1 -1
- package/dist/components/token-radii2.js +1 -1
- package/dist/components/token-ratios.js +1 -1
- package/dist/components/token-shadows2.js +1 -1
- package/dist/components/token-spacing.js +1 -1
- package/dist/components/token-typography.js +1 -1
- package/dist/esm/color-primary-palette_6.entry.js +14 -14
- package/dist/esm/components.js +1 -1
- package/dist/esm/correct-use-of-colors.entry.js +1 -1
- package/dist/esm/eds-accordion_17.entry.js +1448 -0
- package/dist/esm/eds-alert.entry.js +11 -4
- package/dist/esm/eds-app-root.entry.js +1 -1
- package/dist/esm/eds-breadcrumb.entry.js +6 -2
- package/dist/esm/{eds-avatar_4.entry.js → eds-card-desc_3.entry.js} +4 -70
- package/dist/esm/eds-card-generic.entry.js +1 -1
- package/dist/esm/eds-card-project.entry.js +1 -1
- package/dist/esm/eds-card-tags.entry.js +1 -1
- package/dist/esm/eds-card-tool.entry.js +1 -1
- package/dist/esm/eds-card-wrapper.entry.js +1 -1
- package/dist/esm/eds-code-block.entry.js +1 -1
- package/dist/esm/eds-components-section.entry.js +34 -20
- package/dist/esm/eds-cookies-preference.entry.js +1 -1
- package/dist/esm/eds-docs-palettes.entry.js +1 -1
- package/dist/esm/eds-docs-tokens.entry.js +1 -1
- package/dist/esm/eds-feedback.entry.js +1 -1
- package/dist/esm/eds-form.entry.js +209 -144
- package/dist/esm/eds-frame.entry.js +3 -3
- package/dist/esm/eds-icon-arrow-diagonal.entry.js +2 -2
- package/dist/esm/eds-icon-arrow-right.entry.js +1 -1
- package/dist/esm/eds-icon-bluesky.entry.js +1 -1
- package/dist/esm/eds-icon-chevron-down.entry.js +1 -1
- package/dist/esm/eds-icon-chevron-left.entry.js +1 -1
- package/dist/esm/eds-icon-chevron-right.entry.js +1 -1
- package/dist/esm/eds-icon-chevron-up.entry.js +1 -1
- package/dist/esm/eds-icon-close.entry.js +1 -1
- package/dist/esm/eds-icon-copy.entry.js +1 -1
- package/dist/esm/eds-icon-eu.entry.js +1 -1
- package/dist/esm/eds-icon-facebook.entry.js +1 -1
- package/dist/esm/eds-icon-gitlab.entry.js +1 -1
- package/dist/esm/eds-icon-linkedin.entry.js +1 -1
- package/dist/esm/eds-icon-loader.entry.js +1 -1
- package/dist/esm/eds-icon-mastodon.entry.js +1 -1
- package/dist/esm/eds-icon-menu.entry.js +1 -1
- package/dist/esm/eds-icon-more.entry.js +1 -1
- package/dist/esm/eds-icon-search.entry.js +1 -1
- package/dist/esm/eds-icon-star.entry.js +1 -1
- package/dist/esm/eds-icon-success.entry.js +1 -1
- package/dist/esm/eds-icon-thumbs-down.entry.js +1 -1
- package/dist/esm/eds-icon-thumbs-up.entry.js +1 -1
- package/dist/esm/eds-icon-twitter.entry.js +1 -1
- package/dist/esm/eds-icon-user.entry.js +1 -1
- package/dist/esm/eds-icon-youtube.entry.js +1 -1
- package/dist/esm/eds-input_7.entry.js +347 -0
- package/dist/esm/eds-login_2.entry.js +1 -1
- package/dist/esm/eds-logo-variations.entry.js +1 -1
- package/dist/esm/eds-modal.entry.js +2 -2
- package/dist/esm/eds-pagination_2.entry.js +398 -0
- package/dist/esm/eds-progress-bar.entry.js +1 -1
- package/dist/esm/eds-rating.entry.js +1 -1
- package/dist/esm/eds-section-core_2.entry.js +4 -4
- package/dist/esm/eds-spinner.entry.js +1 -1
- package/dist/esm/eds-svg-repository.entry.js +5 -1
- package/dist/esm/eds-switch.entry.js +2 -2
- package/dist/esm/eds-tabs.entry.js +2 -2
- package/dist/esm/eds-timeline.entry.js +5 -1
- package/dist/esm/eds-toast-manager.entry.js +1 -1
- package/dist/esm/eds-tooltip.entry.js +1 -1
- package/dist/esm/eds-trl.entry.js +1 -1
- package/dist/esm/incorrect-use-of-colors.entry.js +1 -1
- package/dist/esm/index-8a71b9a7.js +14 -22
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-space.entry.js +1 -1
- package/dist/esm/logo-variations-horizontal_2.entry.js +2 -2
- package/dist/esm/logo-wrong-usage.entry.js +1 -1
- package/dist/esm/token-list_3.entry.js +3 -3
- package/dist/esm/token-ratios.entry.js +1 -1
- package/dist/esm/token-spacing.entry.js +1 -1
- package/dist/esm/token-typography.entry.js +1 -1
- package/dist/hydrate/index.js +551 -748
- package/dist/hydrate/index.mjs +551 -748
- package/dist/stencil.config.js +2 -33
- package/dist/types/components/eds-accordion/eds-accordion.d.ts +4 -2
- package/dist/types/components/eds-accordion/eds-accordion.stories.d.ts +1 -1
- package/dist/types/components/eds-alert/eds-alert.d.ts +5 -0
- package/dist/types/components/eds-alert/eds-alert.stories.d.ts +7 -0
- package/dist/types/components/eds-avatar/eds-avatar.d.ts +0 -2
- package/dist/types/components/eds-avatar/eds-avatar.stories.d.ts +0 -9
- package/dist/types/components/eds-breadcrump/eds-breadcrumb.stories.d.ts +8 -3
- package/dist/types/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.d.ts +3 -0
- package/dist/types/components/eds-icons/eds-icon-arrow-diagonal/eds-icon-arrow-diagonal.d.ts +1 -1
- package/dist/types/components/eds-input-elements/eds-input-label/eds-input-label.d.ts +13 -0
- package/dist/types/components/eds-input-elements/eds-input-range/eds-input-range.d.ts +21 -0
- package/dist/types/components/eds-input-elements/eds-input-search/eds-input-search.d.ts +39 -0
- package/dist/types/components/eds-pagination/eds-pagination.stories.d.ts +0 -8
- package/dist/types/components/eds-steps/eds-steps.d.ts +17 -0
- package/dist/types/components/eds-table/eds-table.d.ts +5 -1
- package/dist/types/components.d.ts +234 -301
- package/dist/types/shared-ui/eds-card-section/eds-card-section.stories.d.ts +1 -6
- package/dist/types/shared-ui/eds-footer/eds-footer.d.ts +4 -5
- package/dist/types/shared-ui/eds-footer/eds-footer.stories.d.ts +4 -9
- package/dist/types/{components/eds-form-v2/eds-form-v2.d.ts → shared-ui/eds-form/eds-form.d.ts} +1 -1
- package/dist/types/shared-ui/eds-matomo-notice/eds-matomo-notice.d.ts +11 -0
- package/dist/types/shared-ui/eds-steps-v2/eds-steps-v2.d.ts +57 -0
- package/dist/types/shared-ui/eds-user/eds-user.d.ts +13 -11
- package/package.json +3 -3
- package/dist/cjs/eds-accordion_22.cjs.entry.js +0 -1959
- package/dist/cjs/eds-dropdown.cjs.entry.js +0 -125
- package/dist/cjs/eds-steps.cjs.entry.js +0 -55
- package/dist/cjs/eds-user.cjs.entry.js +0 -29
- package/dist/cjs/eds-vertical-stepper.cjs.entry.js +0 -45
- package/dist/cjs/formUtils-4315a99c.js +0 -228
- package/dist/collection/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.stories.js +0 -31
- package/dist/collection/components/eds-form/eds-form.css +0 -7153
- package/dist/collection/components/eds-form/eds-form.js +0 -609
- package/dist/collection/components/eds-form/eds-form.stories.js +0 -86
- package/dist/collection/components/eds-form-v2/eds-form-v2.css +0 -7153
- package/dist/collection/components/eds-steps/eds-vertical-stepper.css +0 -78
- package/dist/collection/components/eds-steps/eds-vertical-stepper.js +0 -72
- package/dist/components/eds-form-v2.js +0 -317
- package/dist/components/eds-vertical-stepper.d.ts +0 -11
- package/dist/components/eds-vertical-stepper.js +0 -86
- package/dist/components/formUtils.js +0 -223
- package/dist/components/p-033480b2.entry.js +0 -1
- package/dist/components/p-117d180f.entry.js +0 -1
- package/dist/components/p-20e9ae7f.entry.js +0 -1
- package/dist/components/p-2b31ca60.entry.js +0 -1
- package/dist/components/p-3368cfd5.entry.js +0 -1
- package/dist/components/p-33c5b937.entry.js +0 -1
- package/dist/components/p-3af94671.entry.js +0 -1
- package/dist/components/p-43b3579a.entry.js +0 -1
- package/dist/components/p-467fe746.entry.js +0 -1
- package/dist/components/p-46a6042d.entry.js +0 -1
- package/dist/components/p-4a860d5b.entry.js +0 -1
- package/dist/components/p-4ac27fe7.entry.js +0 -1
- package/dist/components/p-4b2e6f03.entry.js +0 -1
- package/dist/components/p-552b6a50.entry.js +0 -1
- package/dist/components/p-56b4e0fe.entry.js +0 -1
- package/dist/components/p-5aff1ea0.entry.js +0 -1
- package/dist/components/p-5c12a0df.entry.js +0 -1
- package/dist/components/p-60e7e745.entry.js +0 -1
- package/dist/components/p-6404e157.entry.js +0 -1
- package/dist/components/p-6fd0c3b3.entry.js +0 -1
- package/dist/components/p-77cc7c02.entry.js +0 -1
- package/dist/components/p-79c14cf1.entry.js +0 -1
- package/dist/components/p-7dd81017.entry.js +0 -1
- package/dist/components/p-7e0dd5d8.entry.js +0 -1
- package/dist/components/p-80dba155.js +0 -1
- package/dist/components/p-8154d013.entry.js +0 -1
- package/dist/components/p-86eed1b7.entry.js +0 -1
- package/dist/components/p-8e548691.entry.js +0 -1
- package/dist/components/p-90503a64.entry.js +0 -1
- package/dist/components/p-90f85604.entry.js +0 -1
- package/dist/components/p-94698510.entry.js +0 -1
- package/dist/components/p-950ecb1c.entry.js +0 -1
- package/dist/components/p-9b9fba38.entry.js +0 -1
- package/dist/components/p-9dc879c9.entry.js +0 -1
- package/dist/components/p-9ebc84d6.entry.js +0 -1
- package/dist/components/p-a56f0579.entry.js +0 -1
- package/dist/components/p-a6cd418e.entry.js +0 -1
- package/dist/components/p-a8dd1953.entry.js +0 -1
- package/dist/components/p-ab292dd5.entry.js +0 -1
- package/dist/components/p-c12d9350.entry.js +0 -1
- package/dist/components/p-c3dda942.entry.js +0 -1
- package/dist/components/p-c6b32753.entry.js +0 -1
- package/dist/components/p-dbcf1f0e.entry.js +0 -1
- package/dist/components/p-dcc08064.entry.js +0 -1
- package/dist/components/p-e9a533e0.entry.js +0 -1
- package/dist/components/p-eac63c82.entry.js +0 -1
- package/dist/components/p-f5959676.entry.js +0 -1
- package/dist/components/p-fc619588.entry.js +0 -1
- package/dist/components/p-fcc32210.entry.js +0 -1
- package/dist/eds/components.js +0 -18
- package/dist/eds/components.js.map +0 -1
- package/dist/esm/eds-accordion_22.entry.js +0 -1934
- package/dist/esm/eds-dropdown.entry.js +0 -121
- package/dist/esm/eds-user.entry.js +0 -25
- package/dist/esm/eds-vertical-stepper.entry.js +0 -41
- package/dist/esm/formUtils-ac68474d.js +0 -223
- package/dist/types/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.stories.d.ts +0 -32
- package/dist/types/components/eds-form/eds-form.d.ts +0 -148
- package/dist/types/components/eds-form/eds-form.stories.d.ts +0 -42
- package/dist/types/components/eds-steps/eds-vertical-stepper.d.ts +0 -22
- /package/dist/types/{components/eds-form-v2/eds-form-v2.stories.d.ts → shared-ui/eds-form/eds-form.stories.d.ts} +0 -0
- /package/dist/types/{eds-docs-ui → shared-ui}/eds-frame/eds-frame.d.ts +0 -0
- /package/dist/types/{eds-docs-ui → shared-ui}/eds-frame/eds-frame.stories.d.ts +0 -0
package/README.md
ADDED
|
@@ -0,0 +1,370 @@
|
|
|
1
|
+
# How to run components package
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
## Test it locally
|
|
5
|
+
|
|
6
|
+
Update the `index.html` that is found under the components package with the components you want to test.
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
nx serve components
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
Then: `http://localhost:3333/`
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Build it
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
nx build components
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
It produces the packages below:
|
|
22
|
+
- react
|
|
23
|
+
- vue
|
|
24
|
+
- angular
|
|
25
|
+
|
|
26
|
+
## Unit tests
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
nx test components
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## E2E tests
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
nx e2e components
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
## Lint components
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
nx lint components
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Storybook components
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
nx storybook components
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
## Using in Standalone Apps (no NX application)
|
|
52
|
+
|
|
53
|
+
### React
|
|
54
|
+
|
|
55
|
+
1. install `npm install @ebrains/components`
|
|
56
|
+
|
|
57
|
+
2. Depending now on the configuration and bundling of your REACT application importing it as:
|
|
58
|
+
|
|
59
|
+
`import { EdsFooter } from '@ebrains/react'`
|
|
60
|
+
|
|
61
|
+
could work.
|
|
62
|
+
|
|
63
|
+
However, react wrappers internally make use of the `@ebrains/components/loader` to properly work. Thats been said it might be that to RESOLVE the path to the `node_modules/@ebrains/components` -> `@ebrains/components/loader` to point to `@ebrains/components/loader/index.js` using your bundler like `webpack` for instance that would be
|
|
64
|
+
|
|
65
|
+
`resolve alias` like below:
|
|
66
|
+
|
|
67
|
+
```
|
|
68
|
+
const path = require('path');
|
|
69
|
+
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
70
|
+
|
|
71
|
+
module.exports = {
|
|
72
|
+
entry: './src/index.tsx',
|
|
73
|
+
output: {
|
|
74
|
+
path: path.resolve(__dirname, 'dist'),
|
|
75
|
+
filename: 'bundle.js',
|
|
76
|
+
},
|
|
77
|
+
resolve: {
|
|
78
|
+
alias: {
|
|
79
|
+
'@ebrains/components/loader': '@ebrains/components/loader/index.js',
|
|
80
|
+
},
|
|
81
|
+
extensions: ['.js', '.jsx', '.ts', '.tsx', '.mjs'],
|
|
82
|
+
},
|
|
83
|
+
module: {
|
|
84
|
+
rules: [
|
|
85
|
+
{
|
|
86
|
+
test: /\.tsx?$/,
|
|
87
|
+
use: 'babel-loader',
|
|
88
|
+
exclude: /node_modules/,
|
|
89
|
+
},
|
|
90
|
+
],
|
|
91
|
+
},
|
|
92
|
+
plugins: [
|
|
93
|
+
new HtmlWebpackPlugin({
|
|
94
|
+
template: './public/index.html',
|
|
95
|
+
}),
|
|
96
|
+
],
|
|
97
|
+
devServer: {
|
|
98
|
+
static: './dist',
|
|
99
|
+
port: 3333,
|
|
100
|
+
},
|
|
101
|
+
};
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
#### Example App.js
|
|
105
|
+
|
|
106
|
+
```
|
|
107
|
+
import React from "react";
|
|
108
|
+
|
|
109
|
+
import { EdsHeader, EdsFooter, EdsLink, EdsToastManager } from "@ebrains/react";
|
|
110
|
+
|
|
111
|
+
const App = () => {
|
|
112
|
+
return (
|
|
113
|
+
<div>
|
|
114
|
+
<EdsToastManager></EdsToastManager>
|
|
115
|
+
<EdsHeader
|
|
116
|
+
home-url="/"
|
|
117
|
+
user-feature={true}
|
|
118
|
+
keycloak-url="http://localhost:8080"
|
|
119
|
+
keycloak-realm="nigeor-realm"
|
|
120
|
+
keycloak-client-id="stencil-app"
|
|
121
|
+
links='[
|
|
122
|
+
{ "label": "About", "url": "/about" },
|
|
123
|
+
{ "label": "Focus Areas", "url": "/focus-areas" },
|
|
124
|
+
{ "label": "News & Events", "url": "/news-and-events" },
|
|
125
|
+
{ "label": "Contact", "url": "/contact" }
|
|
126
|
+
]'
|
|
127
|
+
></EdsHeader>
|
|
128
|
+
<img src="https://unpkg.com/@ebrains/svgs/src/img/loader.svg" />
|
|
129
|
+
<h1>Hello, React with TypeScript!</h1>
|
|
130
|
+
<EdsLink
|
|
131
|
+
label="Hello there this is a web component"
|
|
132
|
+
intent="primary"
|
|
133
|
+
icon="loader"
|
|
134
|
+
></EdsLink>
|
|
135
|
+
<EdsFooter />
|
|
136
|
+
</div>
|
|
137
|
+
);
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
export default App;
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
### No framework used in this application - pure html/css/js
|
|
144
|
+
|
|
145
|
+
```npx serve -l 3333```
|
|
146
|
+
|
|
147
|
+
#### using npm
|
|
148
|
+
|
|
149
|
+
`npm init -y`
|
|
150
|
+
|
|
151
|
+
to init the workspace and the `package.json`
|
|
152
|
+
|
|
153
|
+
#### install @ebrains/component and use them like
|
|
154
|
+
|
|
155
|
+
```
|
|
156
|
+
<!DOCTYPE html>
|
|
157
|
+
<html lang="en">
|
|
158
|
+
<head>
|
|
159
|
+
<meta charset="UTF-8">
|
|
160
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
161
|
+
<title>Simple Web App</title>
|
|
162
|
+
<!--<script defer type="module" src="https://unpkg.com/nigeor-test-stencil@1.1.5"></script>-->
|
|
163
|
+
<link rel="stylesheet" href="./node_modules/@ebrains/assets/styles/output.css">
|
|
164
|
+
|
|
165
|
+
<script type="module">
|
|
166
|
+
import {defineCustomElements} from "./node_modules/@ebrains/components/loader/index.js";
|
|
167
|
+
defineCustomElements(window);
|
|
168
|
+
</script>
|
|
169
|
+
|
|
170
|
+
</head>
|
|
171
|
+
<body>
|
|
172
|
+
<eds-header home-url="/"></eds-header>
|
|
173
|
+
<eds-link label="No framework at all" intent="primary" icon="chevron-right"></eds-link>
|
|
174
|
+
<h1>Hello, World!</h1>
|
|
175
|
+
</body>
|
|
176
|
+
</html>
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
#### Load from unpkg CDN directly like
|
|
180
|
+
|
|
181
|
+
```
|
|
182
|
+
<!DOCTYPE html>
|
|
183
|
+
<html lang="en">
|
|
184
|
+
<head>
|
|
185
|
+
<meta charset="UTF-8">
|
|
186
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
187
|
+
<title>Simple Web App</title>
|
|
188
|
+
<!--<script defer type="module" src="https://unpkg.com/nigeor-test-stencil@1.1.5"></script>-->
|
|
189
|
+
<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets/styles/output.css">
|
|
190
|
+
|
|
191
|
+
<script type="module">
|
|
192
|
+
import {defineCustomElements} from "https://unpkg.com/@ebrains/components/loader/index.js";
|
|
193
|
+
defineCustomElements(window);
|
|
194
|
+
</script>
|
|
195
|
+
|
|
196
|
+
</head>
|
|
197
|
+
<body>
|
|
198
|
+
<eds-header home-url="/"></eds-header>
|
|
199
|
+
<eds-link label="No framework at all" intent="primary" icon="chevron-right"></eds-link>
|
|
200
|
+
<h1>Hello, World!</h1>
|
|
201
|
+
</body>
|
|
202
|
+
</html>
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
Just make sure to wait loading the html until components are fully loaded. that could be using a spinner (asyn/wait)
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
#### Load the .esm.js directly
|
|
209
|
+
|
|
210
|
+
Another way to load the web-components is to use direclty the `components.esm.js` module
|
|
211
|
+
|
|
212
|
+
```
|
|
213
|
+
<!DOCTYPE html>
|
|
214
|
+
<html lang="en">
|
|
215
|
+
<head>
|
|
216
|
+
<meta charset="UTF-8" />
|
|
217
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
218
|
+
<title>Simple Web App</title>
|
|
219
|
+
|
|
220
|
+
<link rel="stylesheet" href="style.css" />
|
|
221
|
+
<script
|
|
222
|
+
type="module"
|
|
223
|
+
src="./node_modules/@ebrains/components/dist/components/components.esm.js"
|
|
224
|
+
></script>
|
|
225
|
+
</head>
|
|
226
|
+
<body>
|
|
227
|
+
<eds-toast-manager></eds-toast-manager>
|
|
228
|
+
<eds-header
|
|
229
|
+
home-url="/"
|
|
230
|
+
user-feature="true"
|
|
231
|
+
keycloak-url="http://localhost:8080"
|
|
232
|
+
keycloak-realm="nigeor-realm"
|
|
233
|
+
keycloak-client-id="stencil-app"
|
|
234
|
+
links='[
|
|
235
|
+
{ "label": "About", "url": "/about" },
|
|
236
|
+
{ "label": "Focus Areas", "url": "/focus-areas" },
|
|
237
|
+
{ "label": "News & Events", "url": "/news-and-events" },
|
|
238
|
+
{ "label": "Contact", "url": "/contact" }
|
|
239
|
+
]'
|
|
240
|
+
></eds-header>
|
|
241
|
+
<h1>Hello, World!</h1>
|
|
242
|
+
</body>
|
|
243
|
+
</html>
|
|
244
|
+
```
|
|
245
|
+
|
|
246
|
+
#### Load the style from your global css
|
|
247
|
+
|
|
248
|
+
style.css
|
|
249
|
+
```
|
|
250
|
+
@import url("https://unpkg.com/@ebrains/assets/styles/output.css");
|
|
251
|
+
```
|
|
252
|
+
|
|
253
|
+
```
|
|
254
|
+
<!DOCTYPE html>
|
|
255
|
+
<html lang="en">
|
|
256
|
+
<head>
|
|
257
|
+
<meta charset="UTF-8">
|
|
258
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
259
|
+
<title>Simple Web App</title>
|
|
260
|
+
|
|
261
|
+
<link rel="stylesheet" href="style.css">
|
|
262
|
+
</head>
|
|
263
|
+
<body>
|
|
264
|
+
<eds-header home-url="/"></eds-header>
|
|
265
|
+
<h1>Hello, World!</h1>
|
|
266
|
+
</body>
|
|
267
|
+
</html>
|
|
268
|
+
```
|
|
269
|
+
|
|
270
|
+
#### Load an SVG
|
|
271
|
+
|
|
272
|
+
The best way to load an SVG file is loading directly from unpck CDN
|
|
273
|
+
|
|
274
|
+
```
|
|
275
|
+
<img src="https://unpkg.com/@ebrains/svgs/src/img/logo/vLogoBlack.svg" />
|
|
276
|
+
```
|
|
277
|
+
|
|
278
|
+
or using the UI component direclty:
|
|
279
|
+
|
|
280
|
+
```
|
|
281
|
+
<!DOCTYPE html>
|
|
282
|
+
<html lang="en">
|
|
283
|
+
<head>
|
|
284
|
+
<meta charset="UTF-8" />
|
|
285
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
286
|
+
<title>Simple Web App</title>
|
|
287
|
+
|
|
288
|
+
<link rel="stylesheet" href="style.css" />
|
|
289
|
+
<script
|
|
290
|
+
type="module"
|
|
291
|
+
src="https://unpkg.com/@ebrains/components/dist/components/components.esm.js"
|
|
292
|
+
></script>
|
|
293
|
+
</head>
|
|
294
|
+
<body>
|
|
295
|
+
<eds-img src="https://unpkg.com/@ebrains/svgs/src/img/eu.svg" ></eds-img>
|
|
296
|
+
</body>
|
|
297
|
+
</html>
|
|
298
|
+
```
|
|
299
|
+
|
|
300
|
+
Make sure again to wait for the request to be served!
|
|
301
|
+
|
|
302
|
+
|
|
303
|
+
### Vue App
|
|
304
|
+
|
|
305
|
+
In your `App.vue` do:
|
|
306
|
+
|
|
307
|
+
```
|
|
308
|
+
<template>
|
|
309
|
+
<h1 className="f-heading-02">Vue App</h1>
|
|
310
|
+
<eds-header
|
|
311
|
+
home-url="https://ebrains.eu"
|
|
312
|
+
user-feature="true"
|
|
313
|
+
links='[
|
|
314
|
+
{ "label": "Aboutt", "url": "/about" },
|
|
315
|
+
{ "label": "Focus Areas", "url": "/focus-areas" },
|
|
316
|
+
{ "label": "News & Events", "url": "/news-and-events" },
|
|
317
|
+
{ "label": "Contact", "url": "/contact" }
|
|
318
|
+
]'
|
|
319
|
+
></eds-header>
|
|
320
|
+
</template>
|
|
321
|
+
|
|
322
|
+
<script>
|
|
323
|
+
import { EdsHeader } from '@ebrains/vue';
|
|
324
|
+
|
|
325
|
+
export default {
|
|
326
|
+
name: 'App',
|
|
327
|
+
components: {
|
|
328
|
+
EdsHeader
|
|
329
|
+
},
|
|
330
|
+
mounted() {
|
|
331
|
+
console.log('process.env:', process.env); // Log process.env
|
|
332
|
+
|
|
333
|
+
//renderWebComponents(testCmps, 'root');
|
|
334
|
+
},
|
|
335
|
+
};
|
|
336
|
+
</script>
|
|
337
|
+
|
|
338
|
+
```
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
### Angular App
|
|
342
|
+
|
|
343
|
+
To get started, first install our Web Components package:
|
|
344
|
+
|
|
345
|
+
`npm install @ebrains/components`
|
|
346
|
+
|
|
347
|
+
Before you can use the Web Components in Angular, you must import and add Angular’s `CUSTOM_ELEMENTS_SCHEMA`. This allows the use of Web Components in HTML markup, without the compiler producing errors. The CUSTOM_ELEMENTS_SCHEMA needs to be included in any module that uses custom elements. Typically, this can be added to AppModule:
|
|
348
|
+
|
|
349
|
+
```
|
|
350
|
+
// Import custom elements schema
|
|
351
|
+
import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
|
|
352
|
+
|
|
353
|
+
@NgModule({
|
|
354
|
+
// ...
|
|
355
|
+
// Add custom elements schema to NgModule
|
|
356
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
357
|
+
})
|
|
358
|
+
export class AppModule { }
|
|
359
|
+
```
|
|
360
|
+
|
|
361
|
+
The final step is to load and register the components in the browser. @ebrains/components includes a main function that handles this. That function is called defineCustomElements() and it needs to be called once during the bootstrapping of your application. One convenient place to do this is in main.ts as such:
|
|
362
|
+
|
|
363
|
+
// Import EBRAINS Web Components
|
|
364
|
+
import { defineCustomElements } from "@ebrains/components/lib/loader";
|
|
365
|
+
|
|
366
|
+
// Register EBRAINS Web Components
|
|
367
|
+
defineCustomElements(window);
|
|
368
|
+
Once included, components can be used in your HTML markup as in the following example:
|
|
369
|
+
|
|
370
|
+
<eds-button label="Angular Button"></eds-button>
|
|
@@ -36,7 +36,7 @@ const ColorPrimaryPalette = class {
|
|
|
36
36
|
];
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h("ul", { key: '
|
|
39
|
+
return (index.h("ul", { key: '153e3c0f00db6f824cb0f43b420645bcbd66632f', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
|
|
@@ -97,7 +97,7 @@ const ColorSecondaryPalette = class {
|
|
|
97
97
|
this.show = undefined;
|
|
98
98
|
}
|
|
99
99
|
render() {
|
|
100
|
-
return (index.h("ul", { key: '
|
|
100
|
+
return (index.h("ul", { key: 'b0af2cdf6524cf79ef8d28f37533d1f84812f174', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
|
|
@@ -149,7 +149,7 @@ const ColorSupportPalette = class {
|
|
|
149
149
|
];
|
|
150
150
|
}
|
|
151
151
|
render() {
|
|
152
|
-
return (index.h("ul", { key: '
|
|
152
|
+
return (index.h("ul", { key: 'c58041047c7d7993ac4e936051d40e1e8dda5263', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC || 'N/A'), index.h("span", { class: "f-body-02" }, color.pantoneU || 'N/A'))))))));
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
155
|
|
|
@@ -185,7 +185,7 @@ const GradientPrimaryPalette = class {
|
|
|
185
185
|
];
|
|
186
186
|
}
|
|
187
187
|
render() {
|
|
188
|
-
return (index.h("ul", { key: '
|
|
188
|
+
return (index.h("ul", { key: '95d991a7331f3f75909421db363b0c30646dd9f7', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
|
|
189
189
|
background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
|
|
190
190
|
} }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16" }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
|
|
191
191
|
}
|
|
@@ -247,19 +247,19 @@ const GradientSecondaryPalette = class {
|
|
|
247
247
|
];
|
|
248
248
|
}
|
|
249
249
|
render() {
|
|
250
|
-
return (index.h("div", { key: '
|
|
250
|
+
return (index.h("div", { key: '95324cdbb1dc2eec5d1b47b5a88b69c9e2139535' }, index.h("ul", { key: 'deddb39135e4dee2c6b401eb543ea2169d606331', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '848cdd2984b1dc5b2c0672ab125fe951b9c7d30c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'af8b2fd8be90d0fffe2334f66878a34b32fa148f', class: "effect-height flex items-center justify-between p-16", style: {
|
|
251
251
|
background: this.colors[0].background
|
|
252
|
-
} }, index.h("div", { key: '
|
|
252
|
+
} }, index.h("div", { key: 'b796899ca009ee80c877e2e728639abcf2b46770', class: "grid" }, index.h("span", { key: '2ba29c5bb91fef4b817f853056701feb001bdca0', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '23e36499f1ba4dd08ac928c6fefc6d38f03f4724', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '11af3db24e81dc5382e8b3c64296e0416c3a2a5a', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '0bc7aa191c1ddd71c5e716ac07687c2412530bad', class: "grid" }, index.h("span", { key: '3b84d1f6f75c3fa401fc08597318cb24e00a6db3', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'beb7250e567791947e9ccda81cf99d4fd3c7e007', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: 'd5c6301370b862c3bd713188b468ed22f9377e9c', class: "effect-height flex items-center justify-between p-16", style: {
|
|
253
253
|
background: this.colors[1].background
|
|
254
|
-
} }, index.h("div", { key: '
|
|
254
|
+
} }, index.h("div", { key: '14958bec1bc69da8afcd5abbec40153900003aea', class: "grid" }, index.h("span", { key: '7efe478f1588fc12a88e74eb6385a9ac1e83f2d2', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: 'aaf8b133f495682cd5934be9719889fd6cd79d5f', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'ba3050a85770e74810686603510bbd439e9c48c2', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'cc133d0be620d1749317a2d46386c3b662c7e231', class: "grid" }, index.h("span", { key: '77a6292eec6c5b36a209d627e8ebe4b0d8978529', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '4bbf9a51af72aecd3d8e40388d56f7ec04307e5b', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: 'd8bd95b4b6a4992490b8a28c88ba94524ed3f89d' }), index.h("ul", { key: 'dcd47948561897e2b9dd5052f542b6faece97160', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '4c2780b54496da965860adb2a13b3874198d2c50', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '1817732e6c42366661ef95cc1efad7bb3443481d', class: "effect-height flex items-center justify-between p-16", style: {
|
|
255
255
|
background: this.colors[2].background
|
|
256
|
-
} }, index.h("div", { key: '
|
|
256
|
+
} }, index.h("div", { key: 'fdb50c1ad5c1b19aa7d6b271857d63d7ff129d66', class: "grid" }, index.h("span", { key: '4b5f5b8e075d73329803b5ca1204c257e8e8d6c4', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '67a26de500956ca477aa2213e6ecf8bea6d7ecb0', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: 'f0cd24d68af26304da2bfc8755328ca9d319c1b9', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f45ddb2b08e36a64e0383289fe7e1e70d11bc725', class: "grid" }, index.h("span", { key: 'b5f5fd53de2e0fee6122c0797f3269dd0e70e9f3', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'cbe037d718989eaf0274463ed300e81415e701e9', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '64e866bab4859c8a35a08440bf4c855d3824d20a', class: "effect-height flex items-center justify-between p-16", style: {
|
|
257
257
|
background: this.colors[3].background
|
|
258
|
-
} }, index.h("div", { key: '
|
|
258
|
+
} }, index.h("div", { key: '1060ff9082dc3fd0c1d76a7b1c348ee980d59d5d', class: "grid" }, index.h("span", { key: 'abe785e555f4ec227ae6fd5eda65431b63f69d84', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '43a7d7afd959c53d552225df797f308f2c6672c0', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '0238b051353f4d717d7e1fc8a2d038e03c337150', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'c922aca2c73e3d489f029edee6c21f2c741608bc', class: "grid" }, index.h("span", { key: 'fd09943b23b1c58efcb1f971fde59cdcdd6fb6d3', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '5a9e9d68d53c02c9a871efc71e384bfe4f3dc15e', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '708821f7228d40fa0a6af2ce906955e7d0a9134a' }), index.h("ul", { key: 'af9971a8abdf34a4397466712e6391496a4fbbfb', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'fc026fa3187ed8536a553a34eca496d60c0a3c28', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'd42c5c8620956085d632daa27f552935cc57c4f5', class: "effect-height flex items-center justify-between p-16", style: {
|
|
259
259
|
background: this.colors[4].background
|
|
260
|
-
} }, index.h("div", { key: '
|
|
260
|
+
} }, index.h("div", { key: '3cd0f3371918e997facce06672764914a168e7b9', class: "grid" }, index.h("span", { key: '1111da42bd889d65bba8615cbb321c1ad6386a5b', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '172ea59eb6a729ba29341662dba089d665dfe921', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '7a56e5937a4ae52d5c55489d49379b04d99f1bc3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '4a5fd644619823b3ae0e30cd60fa6d7bfc643047', class: "grid" }, index.h("span", { key: '15a2d7d98420c0ebb8fe3914bb1457e821a5a99a', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '4e09b1d98588aba17283686303f02ddce63b9f79', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '527816987ba5afd8d906ab1b1c92c1499bb0c82c', class: "effect-height flex items-center justify-between p-16", style: {
|
|
261
261
|
background: this.colors[5].background
|
|
262
|
-
} }, index.h("div", { key: '
|
|
262
|
+
} }, index.h("div", { key: '5723ecebf48cb271b908892880b2e5916a2260d3', class: "grid" }, index.h("span", { key: '1f4bc5243c69d4d875100dea5678eca909a318d6', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: 'a0d7e3283b2c27c9c909174671f84f0e127fd47b', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: '80eb873c0ef3db0ab0fedb0b97fd6a55c77b7a9b', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '7ad8e2f8fd77fa22f8c960b9f60b93160d7b18e4', class: "grid" }, index.h("span", { key: '76d8a46dc70cabfb90314730a14cf613dd94e5a2', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '6fba90e3c22c2a2cb79dc99345648fdce235a529', class: "f-body-02" }, this.colors[5].pantoneU)))))));
|
|
263
263
|
}
|
|
264
264
|
};
|
|
265
265
|
|
|
@@ -311,11 +311,11 @@ const GradientSupportPalette = class {
|
|
|
311
311
|
];
|
|
312
312
|
}
|
|
313
313
|
render() {
|
|
314
|
-
return (index.h("ul", { key: '
|
|
314
|
+
return (index.h("ul", { key: '2d73e1f2954e7900990f3f1b92e088172c48d193', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'ddd095d39334d645bd69143f975c869c9061becf', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '8fdd52e523f612f65293cefa69cd1587722ea0b2', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: 'ba16ce258232ac4ff1dd57e69ce89eba2755ea4e', class: "grid" }, index.h("span", { key: 'e5bbd8438eedce22c00a570b5000bb2f9544f943', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '26bdb7eab2bf73b568d79a31d697d835a1a2c16d', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '63ed93911453afa708119d3bc237581fc14d859b', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a99939016fee0fdcbfc8916ddabc70da990506b6', class: "grid" }, index.h("span", { key: 'f51ea8694129ef99920037fae8837b2c4f7552ce', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: '047e32f25dc6f2c8d8c0881c500e4485d20e9312', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: '8364ad80dc8a18b4315f9e39f8d364fe928e1334', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'f03dce05b8e864f63560d3ac02bdbc37c66f5c00', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: 'b6995567668ffafb14824bfcb2394dfbaff7f718', class: "grid" }, index.h("span", { key: 'eea29f050955e9cb036650af9760f4056ca2de29', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '4978ad35c6902267c8bbecb471ea479c2a08577b', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'e043773af3e73ebd7978c7f7bc7cbc0ca02f162c', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '3fa13de855940e4188818ff7031463b9d3915511', class: "grid" }, index.h("span", { key: '0c5f5c3ab2946033c7ff74f39b7a71380471d887', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '4b21f7ed78add17b4d013c59aac12976670ef037', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: 'fce44ca75c9d2317b6fd9a1953db054b8d1ca4b3', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '4748c78922ae9c03cd457911b0e9e92c818545d8', class: "effect-height flex items-center justify-between p-16", style: {
|
|
315
315
|
background: this.colors[2].background
|
|
316
|
-
} }, index.h("div", { key: '
|
|
316
|
+
} }, index.h("div", { key: '9cff6d7998f301a7c97d939bf5c38e5687fb0bde', class: "grid" }, index.h("span", { key: 'a1561d5f9472d43e40bd054cf516458f89841c3f', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'b55020b6dbb423ec2151b81c185311229993ec83', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: 'ae4d929c795f5e12cb1f2f41aad3bfc9a1db47c7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '3ba7d23eb05b4dcc97b8dd7204a93daca6e0e798', class: "grid" }, index.h("span", { key: '4c047aae61adb93550b0ce1da65387b6d57e745f', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '8d8776d142dd8f9378900dc152b32b5b3cfbe95e', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: 'd4d02de329e6d6407c8e360a7b1838395f7aab40', class: "effect-height flex items-center justify-between p-16", style: {
|
|
317
317
|
background: this.colors[3].background
|
|
318
|
-
} }, index.h("div", { key: '
|
|
318
|
+
} }, index.h("div", { key: '50659022ed31e85fa46df11e33050430bc3a92db', class: "grid" }, index.h("span", { key: 'b2353739a0a09c5576eed0355a2c96913fb81a97', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: 'a40cd11295617a0b67bfe1ac49420d9918503a6d', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: 'd42fa64fbc856b2a52241650d6b74acd2b8642ee', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '341bd4f637751cefa429bc6c3aab0adc714830e6', class: "grid" }, index.h("span", { key: '728dfa47d7e92236cfb9c321fcd610a9cd3c4cd8', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '3f06c0d1468942e9999655d32b0b32454720ceae', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '9bdd7ba9ccb255e8540b12ae33636a164f2d2da1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'e700e5494922cdd1940a4002cab7fecfd407ce72', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '7dc4bfe5e3db4754f7e0c21005b36e16f32cf531', class: "grid" }, index.h("span", { key: '7faca86fa5a0477b8a136c39c9e6caac63bbaa27', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: 'b0dede7a2415df03772b15e32feb066f1dc18124', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '3903bcb378fc37313c79c187d2722a80773a6fdf', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'b15d2d0529d6ac65f549219155b0dc1f17c4e43e', class: "grid" }, index.h("span", { key: 'c7bc170b9f4b11552e5f5b7332fb3cc2db628dbf', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: '8c643a1a1590e3cf928835afc3a0a8c35dbe18f2', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
|
|
319
319
|
}
|
|
320
320
|
};
|
|
321
321
|
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_22.cjs\",[[4,\"eds-form-v2\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}],[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[4,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"showMatomoNotice\":[32]}],[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]}],[1,\"eds-table\",{\"data\":[1],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}],[1,\"eds-social-networks\",{\"title\":[1]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form.cjs\",[[4,\"eds-form\",{\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"submitBtnHintMessage\":[1,\"submit-btn-hint-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"user\":[16],\"draft\":[4],\"draftData\":[16],\"values\":[32],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}]]],[\"eds-svg-repository.cjs\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes.cjs\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-components-section.cjs\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline.cjs\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-user.cjs\",[[4,\"eds-user\",{\"user\":[16]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[1,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-docs-tokens.cjs\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-steps.cjs\",[[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]}]]],[\"eds-vertical-stepper.cjs\",[[1,\"eds-vertical-stepper\",{\"steps\":[1],\"activeStep\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-logo-variations.cjs\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb.cjs\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper.cjs\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch.cjs\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs.cjs\",[[1,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip.cjs\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-dropdown.cjs\",[[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-rating.cjs\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast.cjs\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-login_2.cjs\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-spinner.cjs\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"eds-section-core_2.cjs\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6.cjs\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-avatar_4.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_17.cjs\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"showMatomoNotice\":[32]}],[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}],[1,\"eds-social-networks\",{\"title\":[1]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-svg-repository.cjs\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes.cjs\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-form.cjs\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}]]],[\"eds-components-section.cjs\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline.cjs\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-docs-tokens.cjs\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-logo-variations.cjs\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb.cjs\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper.cjs\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch.cjs\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs.cjs\",[[1,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip.cjs\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-rating.cjs\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast.cjs\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-generic.cjs\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-login_2.cjs\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-spinner.cjs\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-input_7.cjs\",[[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"sliderVal\":[32],\"getInputElement\":[64]}]]],[\"eds-pagination_2.cjs\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]],[\"eds-section-core_2.cjs\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6.cjs\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-card-desc_3.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|