@ebrains/components 0.9.0-beta → 0.9.1-beta
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/LICENSE +21 -0
- package/README.md +9 -0
- package/dist/cjs/components.cjs.js +1 -1
- package/dist/cjs/eds-accordion.cjs.entry.js +4 -4
- package/dist/cjs/{eds-avatar_24.cjs.entry.js → eds-avatar_26.cjs.entry.js} +186 -5
- package/dist/cjs/{eds-card-desc_3.cjs.entry.js → eds-card-desc_2.cjs.entry.js} +0 -35
- package/dist/cjs/eds-card-generic.cjs.entry.js +2 -2
- package/dist/cjs/eds-matomo-notice.cjs.entry.js +2 -2
- package/dist/cjs/eds-modal.cjs.entry.js +5 -5
- package/dist/cjs/eds-section-core_2.cjs.entry.js +2 -2
- package/dist/cjs/eds-switch.cjs.entry.js +2 -2
- package/dist/cjs/eds-tabs.cjs.entry.js +5 -5
- package/dist/cjs/eds-timeline.cjs.entry.js +1 -1
- package/dist/cjs/index-2f63169d.js +4 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/eds-accordion/eds-accordion.js +5 -5
- package/dist/collection/components/eds-breadcrump/eds-breadcrump.js +8 -1
- package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.css +5 -0
- package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.js +1 -1
- package/dist/collection/components/eds-link/eds-link.css +6 -6
- package/dist/collection/components/eds-modal/eds-modal.js +6 -6
- package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +5 -2
- package/dist/collection/components/eds-switch/eds-switch.js +3 -3
- package/dist/collection/components/eds-tag/eds-tag.css +45 -0
- package/dist/collection/components/eds-tag/eds-tag.js +31 -5
- package/dist/collection/components/eds-tag/eds-tag.stories.js +11 -4
- package/dist/collection/components/eds-timeline/eds-timeline.css +20 -0
- package/dist/collection/shared-ui/eds-matomo-notice/eds-matomo-notice.js +3 -3
- package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.js +3 -3
- package/dist/collection/shared-ui/eds-tabs/eds-tabs.css +20 -0
- package/dist/collection/shared-ui/eds-tabs/eds-tabs.js +5 -5
- package/dist/collection/shared-ui/eds-user/eds-user.css +20 -0
- package/dist/components/components.css +20 -0
- package/dist/components/components.esm.js +1 -1
- package/dist/components/eds-accordion2.js +5 -5
- package/dist/components/eds-breadcrumb.js +8 -1
- package/dist/components/eds-card-generic2.js +2 -2
- package/dist/components/eds-link2.js +1 -1
- package/dist/components/eds-matomo-notice2.js +3 -3
- package/dist/components/eds-modal.js +6 -6
- package/dist/components/eds-section-heading2.js +2 -2
- package/dist/components/eds-social-networks2.js +3 -3
- package/dist/components/eds-switch.js +2 -2
- package/dist/components/eds-tabs.js +6 -6
- package/dist/components/eds-tag2.js +15 -6
- package/dist/components/eds-timeline.js +1 -1
- package/dist/components/eds-user.js +1 -1
- package/dist/components/p-0467ceb5.entry.js +1 -0
- package/dist/components/{p-424ba743.entry.js → p-1309a74c.entry.js} +1 -1
- package/dist/components/p-4620ebf5.entry.js +1 -0
- package/dist/components/{p-bcbc7b7f.entry.js → p-94b1f974.entry.js} +1 -1
- package/dist/components/p-b931a634.entry.js +1 -0
- package/dist/components/{p-9cbcccf8.entry.js → p-c5c782e7.entry.js} +1 -1
- package/dist/components/p-c99745a8.entry.js +1 -0
- package/dist/components/p-e42eb100.entry.js +1 -0
- package/dist/components/{p-59d963d1.entry.js → p-e710c860.entry.js} +1 -1
- package/dist/components/p-f4ce515a.entry.js +1 -0
- package/dist/esm/components.js +1 -1
- package/dist/esm/eds-accordion.entry.js +4 -4
- package/dist/esm/{eds-avatar_24.entry.js → eds-avatar_26.entry.js} +185 -6
- package/dist/esm/{eds-card-desc_3.entry.js → eds-card-desc_2.entry.js} +1 -35
- package/dist/esm/eds-card-generic.entry.js +2 -2
- package/dist/esm/eds-matomo-notice.entry.js +2 -2
- package/dist/esm/eds-modal.entry.js +5 -5
- package/dist/esm/eds-section-core_2.entry.js +2 -2
- package/dist/esm/eds-switch.entry.js +2 -2
- package/dist/esm/eds-tabs.entry.js +5 -5
- package/dist/esm/eds-timeline.entry.js +1 -1
- package/dist/esm/index-8a71b9a7.js +4 -8
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +59 -40
- package/dist/hydrate/index.mjs +59 -40
- package/dist/stencil.config.js +16 -1
- package/dist/types/components/eds-accordion/eds-accordion.d.ts +1 -1
- package/dist/types/components/eds-modal/eds-modal.d.ts +1 -1
- package/dist/types/components/eds-section/eds-section-heading/eds-section-heading.d.ts +3 -0
- package/dist/types/components/eds-switch/eds-switch.d.ts +1 -1
- package/dist/types/components/eds-tag/eds-tag.d.ts +5 -1
- package/dist/types/components/eds-tag/eds-tag.stories.d.ts +7 -0
- package/dist/types/components.d.ts +40 -64
- package/dist/types/shared-ui/eds-matomo-notice/eds-matomo-notice.d.ts +1 -1
- package/dist/types/shared-ui/eds-social-networks/eds-social-networks.d.ts +1 -1
- package/dist/types/shared-ui/eds-tabs/eds-tabs.d.ts +1 -1
- package/package.json +3 -3
- package/dist/cjs/eds-breadcrumb.cjs.entry.js +0 -139
- package/dist/components/p-032f9f64.entry.js +0 -1
- package/dist/components/p-058cf100.entry.js +0 -1
- package/dist/components/p-1b4e9576.entry.js +0 -1
- package/dist/components/p-30a319d5.entry.js +0 -1
- package/dist/components/p-85ad681a.entry.js +0 -1
- package/dist/components/p-b47d115d.entry.js +0 -1
- package/dist/components/p-b55b0091.entry.js +0 -1
- package/dist/esm/eds-breadcrumb.entry.js +0 -135
|
@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
74
74
|
}
|
|
75
75
|
switch(bundleId) {
|
|
76
76
|
|
|
77
|
-
case 'eds-
|
|
77
|
+
case 'eds-avatar_26.cjs':
|
|
78
78
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
79
79
|
/* webpackMode: "lazy" */
|
|
80
|
-
'./eds-
|
|
80
|
+
'./eds-avatar_26.cjs.entry.js')); }).then(processMod, consoleError);
|
|
81
81
|
case 'components-section.cjs':
|
|
82
82
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
83
83
|
/* webpackMode: "lazy" */
|
|
@@ -98,10 +98,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
98
98
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
99
99
|
/* webpackMode: "lazy" */
|
|
100
100
|
'./eds-app-root.cjs.entry.js')); }).then(processMod, consoleError);
|
|
101
|
-
case 'eds-breadcrumb.cjs':
|
|
102
|
-
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
103
|
-
/* webpackMode: "lazy" */
|
|
104
|
-
'./eds-breadcrumb.cjs.entry.js')); }).then(processMod, consoleError);
|
|
105
101
|
case 'eds-card-project.cjs':
|
|
106
102
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
107
103
|
/* webpackMode: "lazy" */
|
|
@@ -390,10 +386,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
390
386
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
391
387
|
/* webpackMode: "lazy" */
|
|
392
388
|
'./eds-pagination_2.cjs.entry.js')); }).then(processMod, consoleError);
|
|
393
|
-
case 'eds-card-
|
|
389
|
+
case 'eds-card-desc_2.cjs':
|
|
394
390
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
395
391
|
/* webpackMode: "lazy" */
|
|
396
|
-
'./eds-card-
|
|
392
|
+
'./eds-card-desc_2.cjs.entry.js')); }).then(processMod, consoleError);
|
|
397
393
|
case 'eds-code-block.cjs':
|
|
398
394
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
399
395
|
/* webpackMode: "lazy" */
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy(JSON.parse("[[\"eds-avatar_24.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\"]}],[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\"]}],[0,\"token-spacing\"],[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-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-social-networks\",{\"title\":[1]}],[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]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[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],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[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]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"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\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"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-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-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"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\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"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-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"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-external.cjs\",[[0,\"eds-icon-external\",{\"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-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"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-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"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-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion.cjs\",[[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]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"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-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"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]}]]],[\"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\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"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-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\"]}]]],[\"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-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\"]}]]]]"), options);
|
|
11
|
+
return index.bootstrapLazy(JSON.parse("[[\"eds-avatar_26.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\"]}],[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-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[0,\"token-spacing\"],[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-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-social-networks\",{\"heading\":[1,\"title\"]}],[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]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[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],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[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]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"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\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"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-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-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal.cjs\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"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-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"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-external.cjs\",[[0,\"eds-icon-external\",{\"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-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"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-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"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\",{\"identifier\":[1,\"id\"],\"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-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion.cjs\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"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-desc_2.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]}]]],[\"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\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"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-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-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\"]}]]]]"), options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -34,7 +34,7 @@ export class EdsAccordion {
|
|
|
34
34
|
category: 'ui-component',
|
|
35
35
|
parentContext: null,
|
|
36
36
|
tag: this.el.tagName.toLowerCase(),
|
|
37
|
-
name: ((_a = this.
|
|
37
|
+
name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
|
|
38
38
|
action: this.isExpanded ? 'expanded' : 'collapsed'
|
|
39
39
|
});
|
|
40
40
|
};
|
|
@@ -54,7 +54,7 @@ export class EdsAccordion {
|
|
|
54
54
|
this.headerHeight = this.headerRef.scrollHeight - 30;
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
this.
|
|
57
|
+
this.heading = undefined;
|
|
58
58
|
this.description = undefined;
|
|
59
59
|
this.switchBg = true;
|
|
60
60
|
this.expanded = false;
|
|
@@ -83,10 +83,10 @@ export class EdsAccordion {
|
|
|
83
83
|
* Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
|
|
84
84
|
*/
|
|
85
85
|
render() {
|
|
86
|
-
return (h("div", { key: '
|
|
86
|
+
return (h("div", { key: '9545d005b8c1dab935f2dcc7d9194aacfded535e', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16
|
|
87
87
|
${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'}
|
|
88
88
|
${this.switchBg ? 'hover:bg-inverse' : ''}
|
|
89
|
-
${this.description ? 'min-h-56' : ''}` }, h("h3", { key: '
|
|
89
|
+
${this.description ? 'min-h-56' : ''}` }, h("h3", { key: '243b3a8e6c168f8b7809e997c2299917f000d6ee', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '7ecf3dca450a58169464e1482962e5cc5e8b7b5e', class: "ml-auto" }, h("eds-button", { key: '4a3572e61e1054dca181d1eb05eef1d73f07ff96', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: 'f7cd77703aab8f2b56e6f7d36aeab90f7263bd76', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'dbfa879d6aa14be50d18a31587e451f7e06a03df', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: 'ae5c56f8eb6597c34df4bd1cb78a00b3333baf1e', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '093f851cde64acefd8b9285d4b6e15f7d2e5c592', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '68f428a78168f89637018f588ab431e1a1bef7a4' })))))));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "eds-accordion"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -102,7 +102,7 @@ export class EdsAccordion {
|
|
|
102
102
|
}
|
|
103
103
|
static get properties() {
|
|
104
104
|
return {
|
|
105
|
-
"
|
|
105
|
+
"heading": {
|
|
106
106
|
"type": "string",
|
|
107
107
|
"mutable": false,
|
|
108
108
|
"complexType": {
|
|
@@ -128,7 +128,14 @@ export class EdsBreadcrumb {
|
|
|
128
128
|
const isLast = index === itemsToRender.length - 1;
|
|
129
129
|
return (h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
|
|
130
130
|
const { displayLabel, fullLabel } = this.getLabels(item, isLast);
|
|
131
|
-
|
|
131
|
+
const linkIntent = isLast
|
|
132
|
+
? this.intent === 'strong'
|
|
133
|
+
? 'weak'
|
|
134
|
+
: this.intent === 'weak'
|
|
135
|
+
? 'strong'
|
|
136
|
+
: this.intent
|
|
137
|
+
: this.intent;
|
|
138
|
+
return (h("eds-link", Object.assign({ label: displayLabel, url: item.url, intent: linkIntent, current: isLast, "aria-label": fullLabel, size: "small", "icon-small": "false" }, (isLast ? { 'aria-current': 'page' } : {}))));
|
|
132
139
|
})()) : (h("span", { class: "truncate px-2", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
|
|
133
140
|
}))));
|
|
134
141
|
}
|
|
@@ -86,7 +86,7 @@ export class EdsCardGeneric {
|
|
|
86
86
|
});
|
|
87
87
|
}
|
|
88
88
|
render() {
|
|
89
|
-
return (h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '292d93a9a993c6dcbfd276097a21d3984b1794c4', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '
|
|
89
|
+
return (h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '292d93a9a993c6dcbfd276097a21d3984b1794c4', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '8bdcbbe2982a450843e9ada727e3f6eb62872ae1', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "eds-card-generic"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5699,14 +5699,14 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
5699
5699
|
.ml-auto {
|
|
5700
5700
|
margin-left: auto;
|
|
5701
5701
|
}
|
|
5702
|
-
.mr-
|
|
5703
|
-
margin-right:
|
|
5702
|
+
.mr-0 {
|
|
5703
|
+
margin-right: 0rem;
|
|
5704
5704
|
}
|
|
5705
|
-
|
|
5706
|
-
margin-right:
|
|
5705
|
+
.mr-2 {
|
|
5706
|
+
margin-right: 0.125rem;
|
|
5707
5707
|
}
|
|
5708
|
-
|
|
5709
|
-
margin-right:
|
|
5708
|
+
.mr-4 {
|
|
5709
|
+
margin-right: 0.25rem;
|
|
5710
5710
|
}
|
|
5711
5711
|
.mr-8 {
|
|
5712
5712
|
margin-right: 0.5rem;
|
|
@@ -13,7 +13,7 @@ import { h } from "@stencil/core";
|
|
|
13
13
|
export class EdsModal {
|
|
14
14
|
constructor() {
|
|
15
15
|
this.isOpen = false;
|
|
16
|
-
this.
|
|
16
|
+
this.heading = '';
|
|
17
17
|
this.truncate = true;
|
|
18
18
|
this.truncateLines = '1';
|
|
19
19
|
this.position = 'middle';
|
|
@@ -52,7 +52,7 @@ export class EdsModal {
|
|
|
52
52
|
category: 'ui-component',
|
|
53
53
|
parentContext: null,
|
|
54
54
|
tag: this.el.tagName.toLowerCase(),
|
|
55
|
-
name: ((_a = this.
|
|
55
|
+
name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
|
|
56
56
|
action: 'opened'
|
|
57
57
|
});
|
|
58
58
|
}
|
|
@@ -66,7 +66,7 @@ export class EdsModal {
|
|
|
66
66
|
category: 'ui-component',
|
|
67
67
|
parentContext: null,
|
|
68
68
|
tag: this.el.tagName.toLowerCase(),
|
|
69
|
-
name: ((_a = this.
|
|
69
|
+
name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
|
|
70
70
|
action: 'closed'
|
|
71
71
|
});
|
|
72
72
|
}
|
|
@@ -99,9 +99,9 @@ export class EdsModal {
|
|
|
99
99
|
render() {
|
|
100
100
|
// Generate a unique id for the title so we can reference it for aria-labelledby.
|
|
101
101
|
const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
|
|
102
|
-
return (h("div", { key: '
|
|
102
|
+
return (h("div", { key: '3965b74182a1015d34ebc0d5692ab89de44774e6', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (h("div", { key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
|
|
103
103
|
,
|
|
104
|
-
onClick: () => this.close() })), h("div", { key: '
|
|
104
|
+
onClick: () => this.close() })), h("div", { key: '7fd65a4651ca67101b3a3e08ffd439070ccb8a96', class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '80102734c692934c486fd2e2d707286dd5660c69', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, h("span", { key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563', id: titleId, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), h("div", { key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375', class: "pt-8" }, h("slot", { key: 'ca0fa40b4076af9eea37c6b088d26751173e815c' })))));
|
|
105
105
|
}
|
|
106
106
|
static get is() { return "eds-modal"; }
|
|
107
107
|
static get encapsulation() { return "shadow"; }
|
|
@@ -117,7 +117,7 @@ export class EdsModal {
|
|
|
117
117
|
}
|
|
118
118
|
static get properties() {
|
|
119
119
|
return {
|
|
120
|
-
"
|
|
120
|
+
"heading": {
|
|
121
121
|
"type": "string",
|
|
122
122
|
"mutable": false,
|
|
123
123
|
"complexType": {
|
|
@@ -9,6 +9,9 @@ import { h } from "@stencil/core";
|
|
|
9
9
|
*
|
|
10
10
|
* This component is suitable for structuring page sections with visually distinct and accessible headings.
|
|
11
11
|
*/
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
12
15
|
export class EdsSectionHeading {
|
|
13
16
|
constructor() {
|
|
14
17
|
this.sectionTitle = undefined;
|
|
@@ -33,12 +36,12 @@ export class EdsSectionHeading {
|
|
|
33
36
|
render() {
|
|
34
37
|
const TagType = this.tag; // Dynamically set tag type for the container
|
|
35
38
|
const HeadingTag = this.headingLevel; // Dynamically set heading level
|
|
36
|
-
return (h(TagType, { key: '
|
|
39
|
+
return (h(TagType, { key: '346654c0118e056276162b42723c6c163712ab4f', class: {
|
|
37
40
|
'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
|
|
38
41
|
container: this.withContainer,
|
|
39
42
|
'pt-48': this.spacingLarge,
|
|
40
43
|
'pt-28': !this.spacingLarge
|
|
41
|
-
} }, h(HeadingTag, { key: '
|
|
44
|
+
} }, h(HeadingTag, { key: 'c7d17fc22b3926495c799da0bc8bde7dc949e46a', class: this.getHeadingClass() }, this.sectionTitle)));
|
|
42
45
|
}
|
|
43
46
|
static get is() { return "eds-section-heading"; }
|
|
44
47
|
static get properties() {
|
|
@@ -6,7 +6,7 @@ export class EdsSwitch {
|
|
|
6
6
|
return;
|
|
7
7
|
}
|
|
8
8
|
this.checked = !this.checked;
|
|
9
|
-
this.
|
|
9
|
+
this.toggle.emit(this.checked);
|
|
10
10
|
};
|
|
11
11
|
this.checked = false;
|
|
12
12
|
this.disabled = false;
|
|
@@ -112,8 +112,8 @@ export class EdsSwitch {
|
|
|
112
112
|
}
|
|
113
113
|
static get events() {
|
|
114
114
|
return [{
|
|
115
|
-
"method": "
|
|
116
|
-
"name": "
|
|
115
|
+
"method": "toggle",
|
|
116
|
+
"name": "toggle",
|
|
117
117
|
"bubbles": true,
|
|
118
118
|
"cancelable": true,
|
|
119
119
|
"composed": true,
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
.f-ui-01 {
|
|
2
|
+
font-family: var(--f-ui-01-fontFamily);
|
|
3
|
+
font-weight: var(--f-ui-01-fontWeight);
|
|
4
|
+
font-size: var(--f-ui-01-fontSize);
|
|
5
|
+
line-height: var(--f-ui-01-lineHeight);
|
|
6
|
+
letter-spacing: var(--f-ui-01-letterSpacing);
|
|
7
|
+
}
|
|
8
|
+
.f-ui-03 {
|
|
9
|
+
font-family: var(--f-ui-03-fontFamily);
|
|
10
|
+
font-weight: var(--f-ui-03-fontWeight);
|
|
11
|
+
font-size: var(--f-ui-03-fontSize);
|
|
12
|
+
line-height: var(--f-ui-03-lineHeight);
|
|
13
|
+
letter-spacing: var(--f-ui-03-letterSpacing);
|
|
14
|
+
}
|
|
1
15
|
.f-ui-05 {
|
|
2
16
|
font-family: var(--f-ui-05-fontFamily);
|
|
3
17
|
font-weight: var(--f-ui-05-fontWeight);
|
|
@@ -9,10 +23,38 @@
|
|
|
9
23
|
padding-top: 0.0625rem;
|
|
10
24
|
padding-bottom: 0.0625rem;
|
|
11
25
|
}
|
|
26
|
+
.py-2 {
|
|
27
|
+
padding-top: 0.125rem;
|
|
28
|
+
padding-bottom: 0.125rem;
|
|
29
|
+
}
|
|
30
|
+
.py-3 {
|
|
31
|
+
padding-top: 0.1875rem;
|
|
32
|
+
padding-bottom: 0.1875rem;
|
|
33
|
+
}
|
|
34
|
+
.py-4 {
|
|
35
|
+
padding-top: 0.25rem;
|
|
36
|
+
padding-bottom: 0.25rem;
|
|
37
|
+
}
|
|
38
|
+
.px-2 {
|
|
39
|
+
padding-left: 0.125rem;
|
|
40
|
+
padding-right: 0.125rem;
|
|
41
|
+
}
|
|
42
|
+
.px-3 {
|
|
43
|
+
padding-left: 0.1875rem;
|
|
44
|
+
padding-right: 0.1875rem;
|
|
45
|
+
}
|
|
12
46
|
.px-4 {
|
|
13
47
|
padding-left: 0.25rem;
|
|
14
48
|
padding-right: 0.25rem;
|
|
15
49
|
}
|
|
50
|
+
.px-5 {
|
|
51
|
+
padding-left: 0.3125rem;
|
|
52
|
+
padding-right: 0.3125rem;
|
|
53
|
+
}
|
|
54
|
+
.px-6 {
|
|
55
|
+
padding-left: 0.375rem;
|
|
56
|
+
padding-right: 0.375rem;
|
|
57
|
+
}
|
|
16
58
|
.border-2 {
|
|
17
59
|
border-width: 2px;
|
|
18
60
|
}
|
|
@@ -25,6 +67,9 @@
|
|
|
25
67
|
.text-inverse {
|
|
26
68
|
color: var(--white);
|
|
27
69
|
}
|
|
70
|
+
.bg-accent {
|
|
71
|
+
background-color: var(--green-500);
|
|
72
|
+
}
|
|
28
73
|
.bg-strongest {
|
|
29
74
|
background-color: var(--black);
|
|
30
75
|
}
|
|
@@ -1,34 +1,42 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
// Define the CVA for the tag styles
|
|
4
|
-
const tagStyles = cva(['
|
|
4
|
+
const tagStyles = cva(['border-2 rounded-pill'], // Base classes
|
|
5
5
|
{
|
|
6
6
|
variants: {
|
|
7
7
|
intent: {
|
|
8
|
+
primary: 'border-accent bg-accent',
|
|
8
9
|
default: 'border-default',
|
|
9
10
|
strong: 'text-inverse bg-strongest border-default',
|
|
10
11
|
accent: 'text-[#0034CB] border-[#0034CB]',
|
|
11
12
|
weak: 'text-light bg-strongest-soft border-transparent',
|
|
12
13
|
inverse: 'border-inverse text-inverse',
|
|
13
14
|
'inverse-strong': 'bg-inverse border-inverse text-lighter'
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
small: 'f-ui-05 py-2 px-4', // smaller padding
|
|
18
|
+
medium: 'f-ui-03 py-3 px-5', // moderate padding
|
|
19
|
+
large: 'f-ui-01 py-4 px-6' // larger padding
|
|
14
20
|
}
|
|
15
21
|
},
|
|
16
22
|
defaultVariants: {
|
|
17
|
-
intent: 'default'
|
|
23
|
+
intent: 'default',
|
|
24
|
+
size: 'small'
|
|
18
25
|
}
|
|
19
26
|
});
|
|
20
27
|
/**
|
|
21
28
|
* `EdsTag` is a stylized label component designed to display short, categorical information.
|
|
22
|
-
* It supports multiple visual styles defined by the `intent` prop.
|
|
29
|
+
* It supports multiple visual styles defined by the `intent` prop and three sizes.
|
|
23
30
|
*/
|
|
24
31
|
export class EdsTag {
|
|
25
32
|
constructor() {
|
|
26
33
|
this.label = undefined;
|
|
27
34
|
this.intent = 'default';
|
|
35
|
+
this.size = 'small';
|
|
28
36
|
}
|
|
29
37
|
render() {
|
|
30
|
-
const classes = tagStyles({ intent: this.intent });
|
|
31
|
-
return h("span", { key: '
|
|
38
|
+
const classes = tagStyles({ intent: this.intent, size: this.size });
|
|
39
|
+
return h("span", { key: '20ad2f289c8362346e28e42677b3bc3d626e154d', class: classes }, this.label);
|
|
32
40
|
}
|
|
33
41
|
static get is() { return "eds-tag"; }
|
|
34
42
|
static get encapsulation() { return "shadow"; }
|
|
@@ -78,6 +86,24 @@ export class EdsTag {
|
|
|
78
86
|
"attribute": "intent",
|
|
79
87
|
"reflect": false,
|
|
80
88
|
"defaultValue": "'default'"
|
|
89
|
+
},
|
|
90
|
+
"size": {
|
|
91
|
+
"type": "string",
|
|
92
|
+
"mutable": false,
|
|
93
|
+
"complexType": {
|
|
94
|
+
"original": "'small' | 'medium' | 'large'",
|
|
95
|
+
"resolved": "\"large\" | \"medium\" | \"small\"",
|
|
96
|
+
"references": {}
|
|
97
|
+
},
|
|
98
|
+
"required": false,
|
|
99
|
+
"optional": false,
|
|
100
|
+
"docs": {
|
|
101
|
+
"tags": [],
|
|
102
|
+
"text": "The size of the tag: small, medium, or large."
|
|
103
|
+
},
|
|
104
|
+
"attribute": "size",
|
|
105
|
+
"reflect": false,
|
|
106
|
+
"defaultValue": "'small'"
|
|
81
107
|
}
|
|
82
108
|
};
|
|
83
109
|
}
|
|
@@ -8,20 +8,27 @@ export default {
|
|
|
8
8
|
},
|
|
9
9
|
intent: {
|
|
10
10
|
control: 'select',
|
|
11
|
-
options: ['default', 'strong', 'accent', 'weak', 'inverse', 'inverse-strong'],
|
|
11
|
+
options: ['primary', 'default', 'strong', 'accent', 'weak', 'inverse', 'inverse-strong'],
|
|
12
12
|
description: 'The visual intent style for the tag'
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
control: 'select',
|
|
16
|
+
options: ['small', 'medium', 'large'],
|
|
17
|
+
description: 'The size of the tag: small (f-ui-05), medium (f-ui-03), or large (f-ui-01)'
|
|
13
18
|
}
|
|
14
19
|
},
|
|
15
20
|
args: {
|
|
16
21
|
label: 'Default Tag',
|
|
17
|
-
intent: 'default'
|
|
22
|
+
intent: 'default',
|
|
23
|
+
size: 'small'
|
|
18
24
|
},
|
|
19
25
|
parameters: {}
|
|
20
26
|
};
|
|
21
27
|
export const Default = {
|
|
22
|
-
render: (args) => `<eds-tag label="${args.label}" intent="${args.intent}"></eds-tag>`,
|
|
28
|
+
render: (args) => `<eds-tag label="${args.label}" intent="${args.intent}" size="${args.size}"></eds-tag>`,
|
|
23
29
|
args: {
|
|
24
30
|
label: 'Default Tag',
|
|
25
|
-
intent: 'default'
|
|
31
|
+
intent: 'default',
|
|
32
|
+
size: 'small'
|
|
26
33
|
}
|
|
27
34
|
};
|
|
@@ -6695,6 +6695,10 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
6695
6695
|
.gap-4 {
|
|
6696
6696
|
gap: 0.25rem;
|
|
6697
6697
|
}
|
|
6698
|
+
.gap-x-1 {
|
|
6699
|
+
-moz-column-gap: 0.0625rem;
|
|
6700
|
+
column-gap: 0.0625rem;
|
|
6701
|
+
}
|
|
6698
6702
|
.gap-x-12 {
|
|
6699
6703
|
-moz-column-gap: 0.75rem;
|
|
6700
6704
|
column-gap: 0.75rem;
|
|
@@ -7038,6 +7042,14 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
7038
7042
|
padding-left: 0.25rem;
|
|
7039
7043
|
padding-right: 0.25rem;
|
|
7040
7044
|
}
|
|
7045
|
+
.px-5 {
|
|
7046
|
+
padding-left: 0.3125rem;
|
|
7047
|
+
padding-right: 0.3125rem;
|
|
7048
|
+
}
|
|
7049
|
+
.px-6 {
|
|
7050
|
+
padding-left: 0.375rem;
|
|
7051
|
+
padding-right: 0.375rem;
|
|
7052
|
+
}
|
|
7041
7053
|
.py-1 {
|
|
7042
7054
|
padding-top: 0.0625rem;
|
|
7043
7055
|
padding-bottom: 0.0625rem;
|
|
@@ -7050,10 +7062,18 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
7050
7062
|
padding-top: 1rem;
|
|
7051
7063
|
padding-bottom: 1rem;
|
|
7052
7064
|
}
|
|
7065
|
+
.py-2 {
|
|
7066
|
+
padding-top: 0.125rem;
|
|
7067
|
+
padding-bottom: 0.125rem;
|
|
7068
|
+
}
|
|
7053
7069
|
.py-20 {
|
|
7054
7070
|
padding-top: 1.25rem;
|
|
7055
7071
|
padding-bottom: 1.25rem;
|
|
7056
7072
|
}
|
|
7073
|
+
.py-3 {
|
|
7074
|
+
padding-top: 0.1875rem;
|
|
7075
|
+
padding-bottom: 0.1875rem;
|
|
7076
|
+
}
|
|
7057
7077
|
.py-4 {
|
|
7058
7078
|
padding-top: 0.25rem;
|
|
7059
7079
|
padding-bottom: 0.25rem;
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { matomoOptIn, matomoOptOut } from "../../utils/analytics";
|
|
3
3
|
export class EdsMatomoNotice {
|
|
4
4
|
constructor() {
|
|
5
|
-
this.
|
|
5
|
+
this.heading = 'Analytics Consent';
|
|
6
6
|
this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.";
|
|
7
7
|
this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.";
|
|
8
8
|
this.forceShow = false;
|
|
@@ -104,7 +104,7 @@ export class EdsMatomoNotice {
|
|
|
104
104
|
if (!this.showNotice) {
|
|
105
105
|
return null;
|
|
106
106
|
}
|
|
107
|
-
return (h("div", { class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, h("eds-accordion", { title: this.
|
|
107
|
+
return (h("div", { class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, h("eds-accordion", { title: this.heading, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: true, expanded: true }, this.hasCookieConsent() ? (h("div", { class: "flex items-center gap-4" }, this.optedOut() ? (h("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() })) : (h("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() })), h("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() }))) : (h("div", { class: "flex items-center gap-4" }, h("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), h("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() }), h("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() }))))));
|
|
108
108
|
}
|
|
109
109
|
static get is() { return "eds-matomo-notice"; }
|
|
110
110
|
static get encapsulation() { return "shadow"; }
|
|
@@ -120,7 +120,7 @@ export class EdsMatomoNotice {
|
|
|
120
120
|
}
|
|
121
121
|
static get properties() {
|
|
122
122
|
return {
|
|
123
|
-
"
|
|
123
|
+
"heading": {
|
|
124
124
|
"type": "string",
|
|
125
125
|
"mutable": false,
|
|
126
126
|
"complexType": {
|