@ebrains/components 0.9.1-beta → 0.9.3-beta

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-cccacbd3.js";export{s as setNonce}from"./p-cccacbd3.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-b931a634",[[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"]}]]],["p-b0b37831",[[0,"eds-trl",{"applications":[1]}]]],["p-063b0683",[[1,"logo-space"]]],["p-4e8a317b",[[1,"svg-repository"]]],["p-1aab55cf",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-f48a4313",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-b96fc468",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-b8ba7e5c",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-94b1f974",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-6dc26e53",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-3f480c3c",[[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]}]]],["p-941240b5",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-91440d2f",[[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]}]]],["p-0ce924b1",[[1,"eds-feedback",{"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-526cdc57",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-cd624044",[[0,"incorrect-use-of-colors"]]],["p-c8abff96",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-cccff1e3",[[0,"correct-use-of-colors"]]],["p-18eb23ff",[[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]}]]],["p-f4ce515a",[[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"]]]]],["p-41e89554",[[0,"token-ratios"]]],["p-3a7be9a7",[[0,"token-typography"]]],["p-c86243a3",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-622dd2a1",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-b299b89a",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-a1d55013",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-3af94671",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-b76aa402",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-9873ebec",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-376b706b",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-cdc36ea8",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-8baa7e01",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-97e95520",[[0,"eds-icon-close",{"class":[1]}]]],["p-acc4d234",[[0,"eds-icon-copy",{"class":[1]}]]],["p-83936521",[[0,"eds-icon-eu",{"class":[1]}]]],["p-923f67b5",[[0,"eds-icon-external",{"class":[1]}]]],["p-6404e157",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-35ed7ebf",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-9dc879c9",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-29e807f5",[[0,"eds-icon-loader",{"class":[1]}]]],["p-20e9ae7f",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-a8b0fe92",[[0,"eds-icon-menu",{"class":[1]}]]],["p-bab07ba6",[[0,"eds-icon-minus",{"class":[1]}]]],["p-93093977",[[0,"eds-icon-more",{"class":[1]}]]],["p-52913e2e",[[0,"eds-icon-paper",{"class":[1]}]]],["p-efc73304",[[0,"eds-icon-plus",{"class":[1]}]]],["p-b2b46793",[[0,"eds-icon-portal",{"class":[1]}]]],["p-7dce734a",[[0,"eds-icon-private",{"class":[1]}]]],["p-4c7852f8",[[0,"eds-icon-public",{"class":[1]}]]],["p-435a8942",[[0,"eds-icon-search",{"class":[1]}]]],["p-3932d0af",[[0,"eds-icon-star",{"class":[1]}]]],["p-eebf7ebf",[[0,"eds-icon-success",{"class":[1]}]]],["p-78fa7132",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-f13e9ab1",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-66bb44c9",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-dbcf1f0e",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-8653bc36",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-20b3a999",[[0,"eds-icon-updown",{"class":[1]}]]],["p-dcc08064",[[0,"eds-icon-user",{"class":[1]}]]],["p-a56f0579",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-1309a74c",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-e42eb100",[[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-2c1be2bb",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-d94a44b9",[[1,"logo-wrong-usage"]]],["p-4620ebf5",[[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]}]]],["p-0467ceb5",[[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-c935aa46",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-dcd4de1f",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-ff7acb55",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-c99745a8",[[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]}]]],["p-c5c782e7",[[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"]]]]],["p-7fa88255",[[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"]}]]],["p-ea089f4e",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-8527ef5f",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-e64cd6f7",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-9a1a6df1",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-e710c860",[[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"]}]]],["p-21a746a4",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-8e3c6c63",[[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"]]],["p-d525ed36",[[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"]}]]]]'),e))));
+import{p as e,b as a}from"./p-cccacbd3.js";export{s as setNonce}from"./p-cccacbd3.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-c604063d",[[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,"toggleheadermenu","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"]}],[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]],[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"]}]]],["p-ece20356",[[0,"eds-trl",{"applications":[1]}]]],["p-688e07d6",[[1,"logo-space"]]],["p-751497f4",[[1,"svg-repository"]]],["p-8a4d9b9b",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-b817dceb",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-0b99fd3c",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-b8ba7e5c",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-c5a7d2b1",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-e089797c",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-7a550385",[[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]}]]],["p-7ac9881e",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-42f19373",[[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]}]]],["p-b115c3f1",[[1,"eds-feedback",{"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-d4c920fa",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-63cc5d3d",[[0,"incorrect-use-of-colors"]]],["p-7db75d62",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-892362e0",[[0,"correct-use-of-colors"]]],["p-7180a36b",[[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]}]]],["p-fe27f4a9",[[0,"token-ratios"]]],["p-75d37c48",[[0,"token-typography"]]],["p-aa2e6fec",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-70c9af1e",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-3d74d4b1",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-6506cf52",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-7351cad3",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-b8ca2127",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-35068b80",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-c51b5f04",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-ed6fd4b8",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-24300934",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-d82cc261",[[0,"eds-icon-close",{"class":[1]}]]],["p-342bc3d8",[[0,"eds-icon-copy",{"class":[1]}]]],["p-1ec25dc2",[[0,"eds-icon-eu",{"class":[1]}]]],["p-da6e49a9",[[0,"eds-icon-external",{"class":[1]}]]],["p-0e378e0e",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-8b7f5204",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-05549a74",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-5646902d",[[0,"eds-icon-loader",{"class":[1]}]]],["p-fdbfa776",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-b024183c",[[0,"eds-icon-menu",{"class":[1]}]]],["p-e8a2d709",[[0,"eds-icon-minus",{"class":[1]}]]],["p-75cc9f9e",[[0,"eds-icon-more",{"class":[1]}]]],["p-5055eb25",[[0,"eds-icon-paper",{"class":[1]}]]],["p-b4595a9e",[[0,"eds-icon-plus",{"class":[1]}]]],["p-6e273e0f",[[0,"eds-icon-portal",{"class":[1]}]]],["p-8db820ef",[[0,"eds-icon-private",{"class":[1]}]]],["p-6fcb754e",[[0,"eds-icon-public",{"class":[1]}]]],["p-b3a3ae59",[[0,"eds-icon-search",{"class":[1]}]]],["p-d164a75d",[[0,"eds-icon-star",{"class":[1]}]]],["p-ae4f5e3a",[[0,"eds-icon-success",{"class":[1]}]]],["p-25f1cc6c",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-6aa17003",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-c5f98369",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-888c3471",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-c9a19e93",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-f539febe",[[0,"eds-icon-updown",{"class":[1]}]]],["p-f7f4b247",[[0,"eds-icon-user",{"class":[1]}]]],["p-31ca07fd",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-202f78cc",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-4ecaedbc",[[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-22b76c3c",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-29ad9c73",[[1,"logo-wrong-usage"]]],["p-037975af",[[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]}]]],["p-5ff68e7d",[[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-c4db0829",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-dcd4de1f",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-ba6cc102",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-7a31c31f",[[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]}]]],["p-c5c782e7",[[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"]]]]],["p-f3822d6b",[[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"]}]]],["p-67c72c20",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-ea942740",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-d83d2815",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-55e3683c",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-e2b00067",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-7cb60f9c",[[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"]}]]],["p-3950debe",[[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"]]],["p-05b272e5",[[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"]}]]]]'),e))));

package/dist/components/correct-use-of-colors.js

@@ -60,7 +60,7 @@ const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOf
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '966cb542b868e89c3f2538548e8a1ca8e20ea8d8', class: "container" }, h("p", { key: '3c595ffa9a2de45b681924354486309004d4ceaf', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1d1fded0f8cf78cec9e364e5b6844598b55f3f86', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'abae691bb80eca1019f97375997b1aa6a577ba8b', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '251e6d8ad16d70974b67fa044d53abd1be79ccac', class: "flex" }, h("div", { key: 'de5b9b6720aababb693421663c52db85cee1b5fc', class: "w-full" }, h("ul", { key: 'a61f669f45c2f9d3b53d87bacc222a4274f93d34', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'e7787d0ae843d7767ecac3267f11325dcfecf948', class: "w-full" }, h("ul", { key: '0d740ad8178c88175939d32a4f84d518f587e43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '6c59b2c574f5039baafd91a2939fbbb307732500', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '03e9ca7b0831c2b1d1908001324a38147ecea835', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '021affd3b5db00ccb5ef0d51de4552c5d3a11f44', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'b7a5c4c10adab099c57ed70c0d2186d791aa70ec', class: "flex" }, h("div", { key: '3732c49a47158c206e1b40fc5425e555487ec757', class: "w-full" }, h("ul", { key: '54a5d35510bd77397d1418aa2638cf310534e986', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '048de44bd69a7b6ecefe3188d76821e4d5145620', class: "w-full" }, h("ul", { key: 'e3f8cadce4b9a575e1d844958cfccf20a19db681', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '14d7f9c88ae769d6feb2a8344f8b45b40d4ae095', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '810bdfa6fd175f9d483129b70bbae469051e0e0d', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'fb8a9712f8e1ae1cffbb85c79f7e9c2657f867db', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '1df0919bb4c75ee251d7f5c8cf95bb2e2e990242', class: "flex" }, h("div", { key: '5a898462aa680267f4ac35aefb98e60b7f486c63', class: "w-full" }, h("ul", { key: 'ad6f3e6ccde7d225be344efbc176064fc89aa796', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '8dd6e01b989c8589be6b553c85f0512c268ac369', class: "w-full" }, h("ul", { key: 'c36937d99efd585c4e8a37b80de5bce82374186c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '452c68d1c797de34e531d7c734d350fcc36ae2f2', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17453c9d78c20583c989281672c0f41bbe8d036f', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '3e78eb924b6a857674d50d4a209e4843f76e5fc3', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'ae3e2a703633013f632df3a75f45ec932ce5e13b', class: "flex" }, h("div", { key: '4a0f256fa355dcbd6d6fc0e95e81a6c2821c917d', class: "w-full" }, h("ul", { key: '8aaf611ed9b87b86d0c1b47b1e37cb01989838b2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '112e50da1627a671fbca843111becf51cd02ebc5', class: "w-full" }, h("ul", { key: '14033bd08a9d16bd0b6cfe8b87acc2a841c48a29', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: '9f7fbb8254528663d833da6bb683c2bb19e2837b', class: "container" }, h("p", { key: '71cdde5e7a803ccfbe49bfea00f208a23a10ab8d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'fecaba6a82952070d3deb88cf22e335e6e0d7a08', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0fb583c3d4542134f921649aef5f07738e00b086', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '3bfb272e2e2d5ab823f157aa1add3511f34a4c27', class: "flex" }, h("div", { key: 'baaf45c1f7b749b6f8f4035b1c62942e320d77d3', class: "w-full" }, h("ul", { key: '7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '1bf98fe26e99af8473077ac13d3d9b8c405bf1c4', class: "w-full" }, h("ul", { key: '1402fcefd163737b10c5b0d12014bc6e3fd66780', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '40a8a92005d47099d518281ed61f31888169dfcd', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '7b530b15d10ce8591b2cd42299f2d6a0b6de575e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'c2b1599f407579d58e36effc3d4ba0115f4fa453', class: "flex" }, h("div", { key: '514a3c8c3a04f8e5607a606bf310b6173b973ba8', class: "w-full" }, h("ul", { key: '81c56759b2aaf2153cf6150f892ba23f67b8296e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'ef65f00f5fbf77af47292e570e98d465d553a03a', class: "w-full" }, h("ul", { key: '8fb9499e6c4587db8a188aad5120c1a1bd93b049', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '045fe17ef474b7d7c55ee50b183ea8e40439f034', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '20147150cb42c6105559457d364c28b09f9ba171', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '37093d1dda45c1c114e95533bbf560934d529e4a', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '1d53f16c58afa8f537d384434a6ac68e2d14c707', class: "flex" }, h("div", { key: 'cdd9390005122023dec3b5abcb88bf996e833c70', class: "w-full" }, h("ul", { key: 'e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '3ff4f5c0ba01b4723e8e664633f7220c9703905f', class: "w-full" }, h("ul", { key: 'f69b766d268d5e1d10972723a4ebdc5d9e0cae07', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '6591ea37bd86b328c1c55a5150f8ce44d24f8f52', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '47110ceefffb0f391443845425d0e9d07a15e779', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0b0d5484f0d3569bfdc529ef49af00a6c41a25ce', class: "flex" }, h("div", { key: '66e8d6d41bab4c18846885814b5a7aad6c08d240', class: "w-full" }, h("ul", { key: 'b9093c38be4aaca5045c62911cd6c789fdc12438', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'eb682711d6439a79719062057440de519ba48ecb', class: "w-full" }, h("ul", { key: '79805bba02241029b99027dab0f9cf6673e0e1c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 }, [0, "correct-use-of-colors"]);
 function defineCustomElement$1() {

package/dist/components/docs-palettes.js

@@ -26,7 +26,7 @@ const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes exten
         }
     }
     render() {
-        return h("div", { key: 'f985628b9ea3f02a511e2facbda99b54f0723acf', class: "container" }, this.renderContent());
+        return h("div", { key: '41ac7248f45204f420ab2954e26529577e2cb27f', class: "container" }, this.renderContent());
     }
 }, [0, "docs-palettes", {
         "tabIndex": [2, "tab-index"]

package/dist/components/docs-tokens.js

@@ -30,7 +30,7 @@ const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends H
         }
     }
     render() {
-        return h("div", { key: '29810a0ace60d2e5a0fc84d6715fc2fc89d6187f', class: "container" }, this.renderContent());
+        return h("div", { key: '2d4d06ef8d68dc42280f71042322a5f3ca528564', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/eds-accordion2.js

@@ -74,10 +74,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
      */
     render() {
-        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 
+        return (h("div", { key: 'd2fcce2468130200dd1516902a203c4ca8ae543f', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''}
-          ${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' })))))));
+          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'f59a85e886736b483f6a311a00426340a36dcb71', 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: '9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54', class: "ml-auto" }, h("eds-button", { key: '4d4c16a958df05f1e773fe74fa49647fc94766c7', 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: '5d84ffe8032834575d165f7a5e097539de73350f', 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: '1813aea1369b8883cd45088799f9715cf8fc0556', 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: 'a9a95adbb819530f426045c55ca1a02f3a778f0a', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '2518e3243e0bd199061ac255922d661e0558bdc8', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -89,12 +89,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '02e7ec45a64008c3a5e8ea99cade7da6b076259f', class: alertStyles({
+        return (h("div", { key: '90eae6088fb792c671eca1d74d9a6e7d212c2c1c', class: alertStyles({
                 intent: this.intent,
                 brd: this.brd,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: 'ba99f147a48ed7cc19ccc18b309e1a11ca053a09', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
+            }), role: "alert" }, h("p", { key: '201a9e6352350dbe9d4f1ab137a669f212519ea5', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
             (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     get el() { return this; }

package/dist/components/eds-app-root.js

@@ -34,7 +34,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe' }, h("eds-splash-screen", { key: 'e1fabb47903b011c397af3a8da59130e8455280f', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '30d8ca5116c5b8a18972df9c55bd4a947226d682', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '16ead78b24f561049fb12609b23bff028262d9d5' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'e17896f68a7a987b73756e1a0d572f48272ae65f' }, h("eds-splash-screen", { key: 'f269a92c479b27c1c3d4fa199889770dfc98e0e1', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '271e28d665f9676d9a75c8537553f29bbdab6651', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'fbcbec5f93e57b450936e8df1a35da1cc6493175' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]

package/dist/components/eds-avatar2.js

@@ -71,7 +71,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (h("div", { key: '3ce8be58a8705b99904720b0e8bb878d36072d5e', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (h("div", { key: '464aa4917736cf83ad832aa3d7b8653c366a0dcf', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {

package/dist/components/eds-block-break2.js

@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.extraClass = '';
     }
     render() {
-        return h("hr", { key: '9807e47c4a3b1143b3228e1be49c4069c7bc2014', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+        return h("hr", { key: '413a82abc03188a5395ef6344de527029e8f3118', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {

package/dist/components/eds-breadcrumb.js

@@ -18,19 +18,18 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
             const width = window.innerWidth;
             if (width < 769) {
                 this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
             }
             else if (width <= 1024) {
                 this.maxVisibleItems = 3;
-                this.isSmallScreen = true;
+            }
+            else if (width <= 1280) {
+                this.maxVisibleItems = 3;
             }
             else if (width <= 2200) {
                 this.maxVisibleItems = 4;
-                this.isSmallScreen = false;
             }
             else {
                 this.maxVisibleItems = 6;
-                this.isSmallScreen = false;
             }
         };
         this.items = [];
@@ -121,10 +120,10 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: '75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2', "aria-label": "Breadcrumb" }, h("ol", { key: '7a5cc115b70d60bc878aa3d865802662f30948c1', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: '2651e18e4c157f49e1da2ef93d4f68b9497118e4', "aria-label": "Breadcrumb" }, h("ol", { key: 'd1f5bb18bb35df9455a4c7a566850d59eb657242', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
             const isLast = index === itemsToRender.length - 1;
             return (h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
-                const { displayLabel, fullLabel } = this.getLabels(item, isLast);
+                const { fullLabel } = this.getLabels(item, isLast);
                 const linkIntent = isLast
                     ? this.intent === 'strong'
                         ? 'weak'
@@ -132,8 +131,8 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
                             ? 'strong'
                             : this.intent
                     : this.intent;
-                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' } : {}))));
-            })()) : (h("span", { class: "truncate px-2", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
+                return (h("eds-link", Object.assign({ label: fullLabel, url: item.url, intent: linkIntent, disabled: isLast, current: isLast, "aria-label": fullLabel, size: "small", "icon-small": "false" }, (isLast ? { 'aria-current': 'page' } : {}))));
+            })()) : (h("eds-link", { label: "...", url: "#", intent: "strong", current: false, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" })), !isLast && !item.isHidden && (h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
         }))));
     }
     get el() { return this; }

package/dist/components/eds-button2.js

@@ -220,7 +220,7 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
             show: !this.loading
         });
         const ElementType = this.elementType;
-        return (h(ElementType, { key: '2e5c212800b80e17830c20e2a75df524027d27b7', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: '45b1ce64e770398893b3402a539e0f3eb5130e27', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '1f627b946a17a045a415cd06f6e18e905acb4847', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '3a584192cefece3ee4a3db63d14ab87b563f358c', class: "loader", style: {
+        return (h(ElementType, { key: '9911991b5a3c04a8b4d5f8102967507d4c916737', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: '8f861e8a83adbd194c1d3ad00070c2621577df92', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: 'b09df86e209b75874d5b4757feb1b13434bf0192', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '1a6443b74063072fff8944aef25a6231a28340cf', class: "loader", style: {
                 border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
                 borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
             } }))), this.icon ? h("eds-icon-wrapper", { class: iconClasses, icon: this.icon }) : null));

package/dist/components/eds-card-desc2.js

@@ -17,7 +17,7 @@ const EdsCardDesc = /*@__PURE__*/ proxyCustomElement(class EdsCardDesc extends H
         return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
     }
     render() {
-        return (h("p", { key: '96ba520be4ef9acf871a6e992d5ea74aaf17c962', class: `text-light ${this.descClass}` }, h("span", { key: '951358bd0c992426175e3c1b3c580f2f9be4027f', class: this.getTruncateClass() }, this.description)));
+        return (h("p", { key: '3ea345f69bed29135df8231c79eaea0f06e813df', class: `text-light ${this.descClass}` }, h("span", { key: '99c383485ec0852be81a05fe0999cb429fee4a27', class: this.getTruncateClass() }, this.description)));
     }
     static get style() { return EdsCardDescStyle0; }
 }, [1, "eds-card-desc", {

package/dist/components/eds-card-project.js

@@ -59,7 +59,7 @@ const EdsCardProject$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardProject e
             this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'
         ].join(' ');
         const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
-        return (h("article", { key: '067a30c2b0860d71dc13d1d3d875a7e288de842b', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: '3e2e62ecc9ad5973c359b7bbceefd8c2ac682d0b', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: 'e07a666f80d6955b5cf16c18a999a756dcfe10f0', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: 'b1ef62c888e9d69f1146fc218a7012015ddc78e1', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '79cf1af876a0a358a9f65036a1ff1c4944604435', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: 'ce7e525b0bdbbc94d3e2ec8055c692be9d521042', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", { key: '23e3527a3772970642dcb07a4abc381415132155', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '178ef2273b2506070c045c3f2e7a287d4b175414', class: imageClasses }, h("div", { key: 'f77fb56cd2ed1bdcafd07db9adcf0f7b6a44cdb7', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: 'b9734f48ab685280b801cfb75cc96f5aa109ca6f', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
+        return (h("article", { key: '1ffb83f3e694811d5f3d4c8235c50591bca4dec5', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: 'e8d7f04e95722dc8ec8bcb7f90b2b8495b8c13ef', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '5ab94ee81425c5f7a143e7f1eb7981da6508e307', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: 'd303425849c5df81c0b72e096313a96031d1c435', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '3d4c6b9422d02e4d40d29d7875e3fc651d2f7bd4', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: '2b14dee584d20e90dac0da3b93dff1dbc6f36470', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", { key: 'cd02551d76731563ebdad89a141f70cbce5bca76', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '5b5cae3820ab870a7588d801151390be494d5c7e', class: imageClasses }, h("div", { key: 'e7bb9f3b090f5497b315a4d2495592cfbe5a4aa0', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: '8fdecaed876c671a08067fdb272f4932b67ae406', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
     }
     get el() { return this; }
 }, [0, "eds-card-project", {

package/dist/components/eds-card-tags.js

@@ -13,7 +13,7 @@ const EdsCardTags$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTags extends
         this.tags = [];
     }
     render() {
-        return (h("div", { key: 'df8937e32907eb978f27565d04f7ca56f2485c87', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
+        return (h("div", { key: '7547e8ffafc22884fb26e7b5cd1da49e588fc590', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
     static get style() { return EdsCardTagsStyle0; }
 }, [1, "eds-card-tags", {

package/dist/components/eds-card-title2.js

@@ -47,7 +47,7 @@ const EdsCardTitle = /*@__PURE__*/ proxyCustomElement(class EdsCardTitle extends
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (h(Heading, { key: '57ce97f35ee52623d32fac0b6b1a576ca8b5aa70', class: this.getTitleClass() }, h("a", { key: '60fb313d2b8753974658f73aaddd359a63548a79', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
+        return (h(Heading, { key: '9914950b1581456a3a875ed7383975710c05fa7f', class: this.getTitleClass() }, h("a", { key: '9b3298d8bacd8fbaecd8c714329ef5e6ac7192c7', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
     }
     static get style() { return EdsCardTitleStyle0; }
 }, [1, "eds-card-title", {

package/dist/components/eds-card-tool.js

@@ -73,7 +73,7 @@ const EdsCardTool$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTool extends
         });
     }
     render() {
-        return (h("article", { key: '5ecce6667d066e78586f795ab260bed569434c4f', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: 'a6ff863ade669db7494c763d563809dbfddb3f2c', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '6f5328fba79a564e6e0d737b2d64a31e50ea6434', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'b1a42a1db9274ebf1098143d56e1ad8a08825c4c', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
+        return (h("article", { key: '92103cb449fbdfd41adaeb29053746fb652a5203', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '8aebade7b0cfe5ac529ff552113509314ffa4061', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '38abb7a59054c6fce836322c26eab77bb508845f', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '99158cab0d83e64bf9c45e00c06572efe7328516', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
     }
     get el() { return this; }
     static get style() { return EdsCardToolStyle0; }

package/dist/components/eds-card-wrapper.js

@@ -21,7 +21,7 @@ const EdsCardWrapper$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardWrapper e
             this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '',
             'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'
         ].join(' ');
-        return (h("article", { key: 'b860e65a1a943216793a5ce2f5a08d01249fc671', class: articleClasses }, h("slot", { key: '3ea351da205f375ed746695762efc1f28d1fc3f0' }), this.hasSlot('footer') && (h("div", { key: '84d24bd248033d4855dd63dfa5042585ae61d64d', class: "mt-auto" }, h("slot", { key: 'c7a2530d70a93705097b9ac3b8be1a21551dd1fb', name: "footer" })))));
+        return (h("article", { key: '7a191039487c388e752c964c8fd47fb397943994', class: articleClasses }, h("slot", { key: 'ac497c9f36089467abcb6b52e3e356405616dfd6' }), this.hasSlot('footer') && (h("div", { key: 'eba2425d01514dffa83ec4b4fdfe1878719addd8', class: "mt-auto" }, h("slot", { key: '57f799838be78cdc8b61b9071d68f913b8eef51b', name: "footer" })))));
     }
     get el() { return this; }
 }, [4, "eds-card-wrapper", {

package/dist/components/eds-code-block2.js

@@ -2479,7 +2479,7 @@ const EdsCodeBlock = /*@__PURE__*/ proxyCustomElement(class EdsCodeBlock extends
         return this.code; // Fallback if language is not provided or unsupported
     }
     render() {
-        return (h("div", { key: '98f5fe5e215e87c1eb024969b5e4f3ae1bd0cb0d', class: "relative bg-stronger rounded-sm" }, h("div", { key: '173be873a0f41398bd080758d5a0bbdcc977dcf5', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: 'f8cb36cf89d19bf306c57168e61ccfde9a4d18ff', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '74f214c47dc647c2c254f3f9f96fba71e35133df', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '74e628574b481d68c2d2132a12fd07bb62c86fde', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '19d2b813b6e86451a8a9047b954d99340fc3cd85', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '974eb2e2ef0d7dc90e012e421d64bf5b735761d1', innerHTML: this.getHighlightedCode() })))));
+        return (h("div", { key: '6c1a418d4cf1d02ea9216f9196cbbdbfdf7f7315', class: "relative bg-stronger rounded-sm" }, h("div", { key: '118cfa439e27f3b6c8ed7f3308535a744c1fac29', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: '5c557849fb320c69ec830f7028f9e0ee7099d5f1', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: 'c11a154a82a8b3eaff418f235a7820209579554b', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '9537d56544ca139ea847d34091c093c7f852f12c', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '8cc48bb7da216db0e181587a33c25dc88b91bbbc', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '7fd391c14a4344fd7e98ad5d32283a498085064d', innerHTML: this.getHighlightedCode() })))));
     }
     get el() { return this; }
     static get style() { return EdsCodeBlockStyle0; }

package/dist/components/eds-cookies-preference.js

@@ -33,7 +33,7 @@ const EdsCookiesPreference$1 = /*@__PURE__*/ proxyCustomElement(class EdsCookies
         }
     }
     render() {
-        return (h("div", { key: 'fe3330180b8f3a5ff6b02156f5d76afb8cdf7edd' }, h("eds-link", { key: 'c5d63e486cb63bcb28b89babe606ac1eae525fe0', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: 'ce716958892ee4d324efeb2399885c13d63ff0bb' }, h("eds-link", { key: 'de191023658c2f4c59144d334075d8e1f4fa6133', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get style() { return EdsCookiesPreferenceStyle0; }
 }, [0, "eds-cookies-preference", {

package/dist/components/eds-dropdown2.js

@@ -110,14 +110,14 @@ const EdsDropdown = /*@__PURE__*/ proxyCustomElement(class EdsDropdown extends H
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (h("div", { key: '03ab7911a018f273afdd58986fea1a0d9b86aa30', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '4145f8e8918ef36121bb54ef4e614263b077e4d5', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: '5848addad59482f2c0b350739aa5440167379e86', role: "menu", class: {
+        return (h("div", { key: 'c7044a1dabb4f65fe143ac3202dd0d1af4e706c2', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: 'fa5812e59ea886a0adcba75576f07e94e7b0f713', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: 'c0daa734601dbfcd290d5db8cc25fcd4b82dfdad', role: "menu", class: {
                 'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
                 'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
                 'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
                 'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
                 'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
                 'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '8427053528abc74e2acf9b544363870b57f98fef' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '6ca4e774160924fa248db790f33b81e374653569' }))));
     }
     get host() { return this; }
     static get style() { return EdsDropdownStyle0; }

package/dist/components/eds-feedback.js

@@ -58,7 +58,7 @@ const EdsFeedback$1 = /*@__PURE__*/ proxyCustomElement(class EdsFeedback extends
         this.selectedRating = e.detail;
     }
     render() {
-        return (h("div", { key: '5fbf2af8386c318134b64c1323553bc00ee2fe2c', class: "grid inline" }, h("h1", { key: 'f5ec1e3cbbfa9c1d549a69c76e01609253c6dfea', class: "f-heading-01 my-4" }, this.label), h("p", { key: '60348466e10a5295fdb861f512c1037cdf8fbf27', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: 'ed559e7844c20081e82ccc0cddd4a34691a7ad1d', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'b4ab49d3c936649c75714ef2cd9fc09f9a213437', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: 'a8cf97bdcd7957b98dfca11e178361acf667c23c', class: "grid inline" }, h("h1", { key: '231bb9f49dc6084045a392b1d93c9b4454bbf268', class: "f-heading-01 my-4" }, this.label), h("p", { key: 'a70274de05139c8ab40b5a4a2e599dc14b3d3a9f', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '5353b7616112591240819e4b762790224a1b7cc7', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'e5f8f10fb052a6de080b61cf78c309a55d081576', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return this; }
     static get style() { return EdsFeedbackStyle0; }

package/dist/components/eds-footer2.js

@@ -40,9 +40,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '63daf387ac4ae4d3aea75345d1599b0cce0aa28e', class: `pb-banner` }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: '31a6ca4ea417c61d0e927092cf6dffb18bfd9547', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '91ff15aa4b47ae73642d0c36e569fd598a9f2ac9', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '57b332abdbc53662253f00add0491779c7421e5e', class: "flex items-center gap-x-12" }, h("a", { key: 'c9b659030dfeb3d1485219e1882a9ff1dde4cd42', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, h("eds-img", { key: 'cbd71badd41f5c1c1220c5d0042651eda2a73e51', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'a012c699d5088292d171432b074eb61dd160e22f' }, h("div", { key: '1e4ab16ccb53b12468b3d53f30d671a35cc625ce', class: "f-ui-04 text-light" }, h("p", { key: 'f31aadca310d2a24153c135f1f49f96dbe69c768' }, this.fundedBy), h("div", { key: 'cb885e8666536e4e940309cc1fb0b79725ec737e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '328fc8376cb062846dc665278a6e00c0c19cc7f4', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
+        return (h("footer", { key: '2a99348e9f64c79f7b1944ace75655baebd50e3c', class: `pb-banner` }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: '412b84850076b915f826eb7d3ff1c2d1c67a21ea', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '9eadb5d7ee3dff852926ea9f21f4f579ab1517bf', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'f937513ea871cd6f0a4199ec604680bc739e51f8', class: "flex items-center gap-x-12" }, h("a", { key: '7c5907699897549ee2d28740ebee93cbd0e8def6', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, h("eds-img", { key: '9975d54dc532c325fd87231b1985df40a2c2e945', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '6deeebdaef90c09f0f1ca6c8913dff6de9d7b169' }, h("div", { key: '6aaa0969bf9a6df1426ed6f6b27ba4d7800802be', class: "f-ui-04 text-light" }, h("p", { key: 'bc7eb7b7e97e4a919d677a628318c71e751cefbf' }, this.fundedBy), h("div", { key: 'd4ed7e30c1b8f8fd2a53ba4a929b002792bff6d9', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '7ac4133476c345752c725ffab175bd5d58875d3e', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: "Cookies preferences", intent: "weak", "extra-class": "f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '4965f9293058a1d750f5aa6598e829152b37f34d', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
+            } })) : null))), h("div", { key: '8b17a14ccdca13e9e60065b7dd5e904dbebc586e', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": "Back to Top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
     }
     static get style() { return EdsFooterStyle0; }
 }, [1, "eds-footer", {

package/dist/components/eds-form.js

@@ -403,13 +403,13 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (h("form", { key: '2f5651942cd01c0574b5a5f08483480c285472cb', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '0dab281f049f6afb8cfbad146076d7f3015b8c17' }, h("slot", { key: '661b26b05023480447f87aa03e2f21b814355d00' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
+        return (h("form", { key: '90512ed881a2380f190d82f06b7bee4ae05e9ecf', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '15184e8e234572b2d5bf538259eea923dce2719b' }, h("slot", { key: 'f583356adf08622d9c7a4d957cd17a70287a619c' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
-            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (h("div", { key: '3f250271116962a060359cf462b053234f059bd1', class: "mt-20" }, h("eds-button", { key: 'b234af290bcae3205c874edb4796e484320a5475', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, placeholder: field.placeholder, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, disabled: field.disabled, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
+        })), this.formBtn && (h("div", { key: 'b60ae579201c95ce875f2e576cda679226aa0402', class: "mt-20" }, h("eds-button", { key: '7d603382885467496204956b66e156ef9f5bbb4d', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/eds-frame.js

@@ -76,7 +76,7 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
         }
     }
     render() {
-        return (h("div", { key: 'b26229611868992daf5f4ca5037e1e10b2540ee5', class: this.articleClasses() }, h("div", { key: '4cf9ff78b27ce7f88db50feccc9d267c2e727a2c', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'bf2c1607d3fcbbf152691ec4e6134e737f6d1082', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'd9f059766c509d7325ea734c63e29d7995cc8065', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: '69d47526ffca56defb1e9da214c46822fa963c14', class: this.articleClasses() }, h("div", { key: 'cab7cd55b15afaa77a4f4b713c55a6776dcb6a2d', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '99b5499c4bf992cc7101d6ea6812000283a34968', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '275490ec93896eafe8a7042b86769b1f96e8bc8f', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return this; }
     static get style() { return EdsFrameStyle0; }

package/dist/components/eds-fullscreen-menu.js

@@ -82,7 +82,7 @@ const EdsFullscreenMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsFullscreen
         "homeUrl": [1, "home-url"],
         "inverseHeader": [4, "inverse-header"],
         "isMenuOpen": [32]
-    }, [[16, "toggleMenu", "handleToggleMenu"]]]);
+    }, [[16, "toggleheadermenu", "handleToggleMenu"]]]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/eds-header.js

@@ -13,7 +13,7 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.toggleMenu = createEvent(this, "toggleMenu", 7);
+        this.toggleheadermenu = createEvent(this, "toggleheadermenu", 7);
         this.homeUrl = '/';
         this.links = undefined;
         this.inverseHeader = false;
@@ -54,7 +54,7 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
     }
     /** Emits an event to open or close the menu */
     handleToggleMenu() {
-        this.toggleMenu.emit(!this.isMenuOpen);
+        this.toggleheadermenu.emit(!this.isMenuOpen);
     }
     /**
      * Toggles the visibility of the user menu.
@@ -73,8 +73,8 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         return parseData(this.links);
     }
     render() {
-        return (h("header", { key: 'eabb97331efd8b4aee5e1f249ebc60d38926eb5e', class: `flex items-center justify-between relative z-10
-       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: 'b561941a2e10252a45526e565e9711be6a0d2f41', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'fa1350f9b9584f7b5d128facd8077efcf117abe7', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '6cc3c1b32250b671b394f0ac65b52e9b4491c57f', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'ce1277ca3a9082e1b639ae42b96bbc1d3d665edc', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '7a1d67916c63dcab3d46d1223805a3c20af65d97' }), this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
+        return (h("header", { key: 'a0679671c9ed9659fb8393f69dcf1b902ab9f25f', class: `flex items-center justify-between relative z-10
+       ${this.inverseHeader ? 'text-inverse bg-strongest' : 'text-default bg-dark'}` }, h("div", { key: '115780a93b21d638cb7abf32ed365966bf4c0a6e', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'e0dfbb999e87178c1992c692edd791fbe239886b', type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '283bab0cfd25a47ffc7007bf24a98dbc3c138d2d', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'fb2fa5863a04869a9922218ac13d287e7120afd8', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: 'c5d15841fc49af502fea717dbc36d81721d7688d' }), this.menuEnabled ? (h("div", { class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { "aria-label": "Menu", intent: "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() }))) : null));
     }
     get hostEl() { return this; }
     static get style() { return EdsHeaderStyle0; }

package/dist/components/eds-icon-arrow-diagonal.js

@@ -8,7 +8,7 @@ const EdsIconArrowDiagonal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArr
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd19f08d99908a8e47198e49b91a213aadb1dd619', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '1c7405c12d1741c3dcfe117a04ea4ef5af200590', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-arrow-diagonal", {
         "class": [1]

package/dist/components/eds-icon-arrow-right.js

@@ -8,7 +8,7 @@ const EdsIconArrowRight$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconArrowR
         this.class = '';
     }
     render() {
-        return h("span", { key: '399c8c70c1d875f35b7f4f578efe8072fb59d008', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '557b38fd6253b4a29c4cf2ec2b9f79355ceca358', class: this.class, innerHTML: arrowRight });
     }
 }, [0, "eds-icon-arrow-right", {
         "class": [1]

package/dist/components/eds-icon-bluesky.js

@@ -8,7 +8,7 @@ const EdsIconBluesky$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconBluesky e
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c', class: this.class, innerHTML: bluesky });
+        return h("span", { key: '4eba69bfec926b7a3490feee15b5947a8ab8a7b9', class: this.class, innerHTML: bluesky });
     }
 }, [0, "eds-icon-bluesky", {
         "class": [1]