@ebrains/components 2.1.0 → 2.2.0

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-efbc374c.js";export{s as setNonce}from"./p-efbc374c.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-f32963ff",[[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],"groups":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-user",{"user":[1025]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"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"],"imageWidth":[2,"image-width"],"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-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[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-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"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"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[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"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[1,"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],"value":[8]}],[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-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[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-code-block",{"code":[1],"language":[1],"copied":[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"]]],[17,"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-38bc21e9",[[0,"eds-trl",{"applications":[1]}]]],["p-743f9f8f",[[1,"logo-space"]]],["p-789f54cb",[[1,"svg-repository"]]],["p-09079c5c",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-ba9f41de",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-d1d1943b",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]]]],["p-265150a1",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-b88a2267",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-89048f87",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-9c1c5e8d",[[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-706a106c",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-beacaa4f",[[0,"incorrect-use-of-colors"]]],["p-ab3b0a53",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-d1927da7",[[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-67ec46b4",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-5f348b0e",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-cd787744",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-4c84fcf4",[[0,"correct-use-of-colors"]]],["p-e210ddbb",[[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-2e0c3fc4",[[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"]]]]],["p-5b55f951",[[0,"token-ratios"]]],["p-8627afc0",[[0,"token-typography"]]],["p-86eff0cb",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-64b7a6fc",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-7fa46b01",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-6b988c76",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-9cb14b1f",[[0,"eds-icon-bin",{"class":[1]}]]],["p-5ba49cf2",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-e90da4ba",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-19e69c03",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-9261d27c",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-e8374410",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-f40dd50d",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8cf98230",[[0,"eds-icon-clone",{"class":[1]}]]],["p-5367bb59",[[0,"eds-icon-close",{"class":[1]}]]],["p-7a5623b5",[[0,"eds-icon-copy",{"class":[1]}]]],["p-c4ac0528",[[0,"eds-icon-draft",{"class":[1]}]]],["p-bfa23535",[[0,"eds-icon-edit",{"class":[1]}]]],["p-9b90296c",[[0,"eds-icon-eu",{"class":[1]}]]],["p-f6012c17",[[0,"eds-icon-external",{"class":[1]}]]],["p-560fc3a4",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-4a6a72db",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-97323c46",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-05654483",[[0,"eds-icon-loader",{"class":[1]}]]],["p-b0d38b78",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-fcba31fa",[[0,"eds-icon-menu",{"class":[1]}]]],["p-547a53d6",[[0,"eds-icon-minus",{"class":[1]}]]],["p-5a58f1c1",[[0,"eds-icon-more",{"class":[1]}]]],["p-a8ca8346",[[0,"eds-icon-paper",{"class":[1]}]]],["p-634b6ca2",[[0,"eds-icon-plus",{"class":[1]}]]],["p-1ab1ea29",[[0,"eds-icon-portal",{"class":[1]}]]],["p-10997947",[[0,"eds-icon-private",{"class":[1]}]]],["p-4bf4bc93",[[0,"eds-icon-public",{"class":[1]}]]],["p-6cd6ff0c",[[0,"eds-icon-search",{"class":[1]}]]],["p-1bcf743d",[[0,"eds-icon-star",{"class":[1]}]]],["p-cb114bf4",[[0,"eds-icon-start",{"class":[1]}]]],["p-4b33909d",[[0,"eds-icon-success",{"class":[1]}]]],["p-5dd85979",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-b6ee4250",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-b9fdcb1b",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-42457a0f",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-7ca6db64",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-ec706eed",[[0,"eds-icon-updown",{"class":[1]}]]],["p-cd05a97b",[[0,"eds-icon-user",{"class":[1]}]]],["p-cdc1c8e8",[[0,"eds-icon-view",{"class":[1]}]]],["p-71ee4af2",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-79afd8aa",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-8d363a3c",[[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]]]],["p-b9a1aba3",[[1,"logo-wrong-usage"]]],["p-3b29e0fd",[[0,"token-spacing"]]],["p-e5892379",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-d2e485a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-7a3f2576",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-6614881d",[[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-2ef4dd11",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-e0ada7e0",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-1d18106d",[[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}]]],["p-d95d7353",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-9f0a34b4",[[1,"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-3360e1e2",[[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-b31babda",[[1,"eds-card-desc",{"description":[1],"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]}]]]]'),e))));
+import{p as e,b as a}from"./p-efbc374c.js";export{s as setNonce}from"./p-efbc374c.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-3b551ade",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-user",{"user":[1025],"intent":[1],"expanded":[32]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"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"],"imageWidth":[2,"image-width"],"bg":[4],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[4,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[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],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1028,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"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"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[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"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[1,"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],"value":[8]}],[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-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[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-code-block",{"code":[1],"language":[1],"copied":[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"]]],[17,"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-dbe11048",[[0,"eds-trl",{"applications":[1]}]]],["p-d3391236",[[1,"logo-space"]]],["p-28ec52a7",[[1,"svg-repository"]]],["p-5f350866",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-8fb1eb43",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-da0e9a75",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]]]],["p-265150a1",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-8edd07db",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-171f8e6b",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-9c1c5e8d",[[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-6a2d1e11",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-e7c37e5b",[[0,"incorrect-use-of-colors"]]],["p-870001ee",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-d1927da7",[[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-ff902c98",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-5479e43b",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-36db7db0",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-dd28ab38",[[0,"correct-use-of-colors"]]],["p-50d7eed9",[[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-8eced026",[[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"]]]]],["p-fc099d59",[[0,"token-ratios"]]],["p-58c8c0d7",[[0,"token-typography"]]],["p-86eff0cb",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-64b7a6fc",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-7fa46b01",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-6b988c76",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-9cb14b1f",[[0,"eds-icon-bin",{"class":[1]}]]],["p-c1943b8f",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-e90da4ba",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-19e69c03",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-9261d27c",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-e8374410",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-f40dd50d",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8cf98230",[[0,"eds-icon-clone",{"class":[1]}]]],["p-5367bb59",[[0,"eds-icon-close",{"class":[1]}]]],["p-7a5623b5",[[0,"eds-icon-copy",{"class":[1]}]]],["p-68a2cd95",[[0,"eds-icon-download",{"class":[1]}]]],["p-88eeaeca",[[0,"eds-icon-draft",{"class":[1]}]]],["p-b24ef7f7",[[0,"eds-icon-edit",{"class":[1]}]]],["p-2f712656",[[0,"eds-icon-eu",{"class":[1]}]]],["p-e42ac312",[[0,"eds-icon-external",{"class":[1]}]]],["p-06951aa3",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-5ec9fc29",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-04f288b1",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-3fa4a703",[[0,"eds-icon-loader",{"class":[1]}]]],["p-5a88cdc2",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-f29e7506",[[0,"eds-icon-menu",{"class":[1]}]]],["p-f092b706",[[0,"eds-icon-minus",{"class":[1]}]]],["p-ad7d603b",[[0,"eds-icon-more",{"class":[1]}]]],["p-a6586448",[[0,"eds-icon-paper",{"class":[1]}]]],["p-8b7910d2",[[0,"eds-icon-plus",{"class":[1]}]]],["p-78c348e2",[[0,"eds-icon-portal",{"class":[1]}]]],["p-fda3da92",[[0,"eds-icon-private",{"class":[1]}]]],["p-0452fe52",[[0,"eds-icon-public",{"class":[1]}]]],["p-5ff10b6f",[[0,"eds-icon-search",{"class":[1]}]]],["p-ebd59113",[[0,"eds-icon-star",{"class":[1]}]]],["p-38b0ea8d",[[0,"eds-icon-start",{"class":[1]}]]],["p-8ef68d8a",[[0,"eds-icon-success",{"class":[1]}]]],["p-7272628d",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-6420754e",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-bfe9d934",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-3097c321",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-e9cd3c4b",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-42680319",[[0,"eds-icon-updown",{"class":[1]}]]],["p-101392d0",[[0,"eds-icon-user",{"class":[1]}]]],["p-baa2df0b",[[0,"eds-icon-view",{"class":[1]}]]],["p-3fa54526",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-79afd8aa",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-a5fd4fc9",[[1,"logo-wrong-usage"]]],["p-4d207d0e",[[0,"token-spacing"]]],["p-7032a73b",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-d2e485a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-c66f4dd8",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-6614881d",[[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-4c618a35",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-4db384d9",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-94a223ec",[[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}]]],["p-1b032aa8",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-e6c3f38c",[[1,"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-5b574bb2",[[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-b31babda",[[1,"eds-card-desc",{"description":[1],"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]}]]]]'),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: '6a68ca6961f662740e3981dc788b99e3d4a0d420', class: "container" }, h("p", { key: '3b7f675d96b1101c2d2a623082ab1987e06754de', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'cd4b48453834b32cf70aded20b3ebfc0109732cc', 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: '9c2d1c2d669bfef26b0ea45b113f727420d4a8c5', 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: '651d2e4bce17a2740372c1b56e772f12c906e45c', class: "flex" }, h("div", { key: 'dd7b40bf2c9be26367cf4d65df0e93d5590b34e9', class: "w-full" }, h("ul", { key: '62cb53477517807ad9535ca3b4474cf115f5ec03', 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: 'bb8be387a4abe956a4941db1b381d25eee435453', class: "w-full" }, h("ul", { key: '60834108dbdcc6872ff5cfd1509f08ca94847854', 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: 'b3cdb208264e8d62b144dc9eb912501d3d59e35d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '8b358d8027c603aab384028568acfba889df7f25', 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: '9712b5e1c2433f9b707469e4d9fde547ec14f7d9', 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: 'cfb5e4ada2dab6de1e4df810f9eaae0abbabd864', class: "flex" }, h("div", { key: 'c83e1bcd91700f4fc9eada969f9d349b6976b835', class: "w-full" }, h("ul", { key: 'c0c6a2a223013a5cb7b0545d59eaea8b66454f65', 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: '7b1ce7da35db835a2db620c0b4d97199f85070e5', class: "w-full" }, h("ul", { key: '2a2f9e1d29a523d5b419ae27aa1df8f892f440e7', 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: 'c6746faf400941b4eb92eb2b520a3a817615da9d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '89405406d127380e8b5872357cfba121a17adc3c', 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: 'a7c21a6afb1eb69e9e4cb5046f65c9a4fb193837', 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: '6097c0091a2c06e6e9e9e13db41329200a78d2d6', class: "flex" }, h("div", { key: 'e8c272ad9b1066500d940044fd86a6c6dc52264f', class: "w-full" }, h("ul", { key: '2902c01c108d7893d7e30e6401560034a2ed7a0f', 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: 'eca739bb09d6b509c1433069595a7e6fe9be38f2', class: "w-full" }, h("ul", { key: 'cf0578a5943f54a98c6433e584397c0787ad0b4b', 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: 'ead17e9a75227b4731116506bfbf9a2c656b37a9', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd4e615ea5cc1c0a144ef0c2e0bd019ae9d58e3e8', 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: '52fe22c1055d44e4b6d772c0863abb72ffa49b5b', 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: '28487bfa952d4b2611ae1b03f71fdc6d5c46f2e7', class: "flex" }, h("div", { key: '5cd6b4413b345bc81a69fcdfc0a723e4f1c2f438', class: "w-full" }, h("ul", { key: 'c9ef7fe0eff085bb342d501f6505435220985214', 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: '65a67a40bc7cf64c19bbb1448813b1c34633cc60', class: "w-full" }, h("ul", { key: '4f26bdccba86cba74da820c500f630d88b846631', 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: '2ece8530e14e2578756ea7a4b7c6de47692ea437', class: "container" }, h("p", { key: '2c1de740ce1273bff57584a89d126996b89a2585', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3ce5ec41aff1fa649799bb1b24e2c78ce3d5709e', 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: 'f067c4b8812fb79ddd8302a6e469131bb5ca2540', 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: '07216a1e8bc1c8944d7cd266fd88fd779a47af2e', class: "flex" }, h("div", { key: '86594b56c689f5013ad372f61591256b96983d1e', class: "w-full" }, h("ul", { key: '890766f2292df846fddf466b950ad572bd012732', 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: 'c118abd619f14e52c4987a7994603ff61976a30a', class: "w-full" }, h("ul", { key: '68ff730e9d179c7c29701f82f08d0086af20d00b', 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: '183bb8155e1584b04b493934edaa437d5cf4b783', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a040517846fb066a35816d293ac04bc7872b3b26', 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: '386c5220437d6e6659488e7bef5b3ffe52caf4ee', 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: '0d63252310aaa25e69938f3347454094d8722071', class: "flex" }, h("div", { key: 'e4afc567b16e421b47d60679f1ea35e6663d06c6', class: "w-full" }, h("ul", { key: '479d5422ddc0fbc7bb7364fd004c91b6091eb23c', 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: 'cd991c92db354f80862ae1542396ea32b95c208a', class: "w-full" }, h("ul", { key: 'b88178a45d9f371feab17accb2e7316ef8471380', 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: '3777953463dcb70490b0c2ce6c42dc2dcbbf1d30', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '13fe2cb15600d4c8d38cb62537222b7cc254b4ea', 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: 'e8156e3295aefedc79483b2f07abeb840980c76e', 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: 'a37aa06966858518d02108f3dc62666fdac001ad', class: "flex" }, h("div", { key: '58dd02808202c7a3e1b09b9ca2dbd560e76cd336', class: "w-full" }, h("ul", { key: '0db69e93ff385af493c2b4e6797108d3b20eb4ff', 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: 'f7135c48160aec5de8d7a8f550b416e54ea2c7e8', class: "w-full" }, h("ul", { key: 'f0d5d0a49bcc9ea372266683b6c029b427db73bf', 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: '0a42fea17681992eec8f8c107b49cc90934730b4', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17c3efd3b9a55bea075920137d2a58cb910115c1', 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: '60e5ed7491f4d1814973f6c9f7fbfe8b96626f9d', 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: '87b6b39208abc11441edc407a81208f4cda8bf49', class: "flex" }, h("div", { key: 'a123aa0926649903d2167293788e02ebfced78b9', class: "w-full" }, h("ul", { key: '2e791bb7cd1c15cccb46942e92a3fa9f6241742a', 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: '3b7effab5bce2b76d6ac73c8d2353eb0d69cb021', class: "w-full" }, h("ul", { key: '2412301e05f2f711e5b48f86eff270795f363ee6', 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: '82b8de086298568ed7bbb4717da0f6f19ff9677c', class: "container" }, this.renderContent());
+        return h("div", { key: '8ef26f3be50f9083f1430ec0c9dbf5213ac1268e', 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: '86455a5f05b74d8d751a5d17ecf58c0046e8d0a3', class: "container" }, this.renderContent());
+        return h("div", { key: '17148efe64117050084010b77d85de64bdfe2000', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/download.js

@@ -0,0 +1,18 @@
+const download = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { download as d };

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

@@ -31,7 +31,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '36bb7790b9e035749548410ba1d54092c7a40810' }, h("eds-splash-screen", { key: '7be473b1c48f0ab2549077d7619a1dbd3a1fd90c', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '824affc8c670317f2c1b8a22b9fe6223a477d364', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'c5f6f9dae8608a49d3c47139f33735236a65091c' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: '01c80f8c47f13066a4b9e6978951c2a264efbd15' }, h("eds-splash-screen", { key: 'bb17fc106515c71c7d70196a933301987c69ae4b', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]

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

@@ -33,7 +33,7 @@ const EdsCookiesPreference$1 = /*@__PURE__*/ proxyCustomElement(class EdsCookies
         }
     }
     render() {
-        return (h("div", { key: '76c90b0245f703ffd80e9aa8ccc587c74b813df2' }, h("eds-link", { key: '5df4bcf1261c5afb610576e72720e0689cb2eb21', 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: '030dd5db2221d5613fae0fb215cac7c20c815c2b' }, h("eds-link", { key: '61d1bdf5e4299e65d980a08d25bec93b089f5330', 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-feedback.js

@@ -63,7 +63,7 @@ const EdsFeedback$1 = /*@__PURE__*/ proxyCustomElement(class EdsFeedback extends
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (h("div", { key: '5e1c1694270cd7504ca8ba942b6f108af5f0572e', class: "grid inline" }, h(HeadingTag, { key: 'da068fd8d6fb9e9789472c418896688e40ab9d32', class: headingClass }, this.label), h("p", { key: '5f896de20bc86c5f3b6596f1d73a3ef8419d8c56', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '4909638b6f5cec693075285f99f6881541c09d29', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'cdafafb8e206ecc4bbb74edc16de94a5c26defc9', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: '58d69e0acbaca740439666bb9da015eaa81d160a', class: "grid inline" }, h(HeadingTag, { key: 'f7b066a56636e6555ace1b4947e00c293961b4ca', class: headingClass }, this.label), h("p", { key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '785ea01ac3d2f40bb148d52c9c18698c89424175', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16', 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

@@ -55,13 +55,11 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      * Renders the footer component with optional sections and elements,
      * including social network links, a Horizon Europe funding acknowledgment, and
      * legal links such as "Cookies Preferences" and copyright information.
-     *
-     * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '4912d7994a636d5159d863339f0119e7b6bb1bc3' }, 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: 'fb1db2c19f29a0fd1474565759992be78c404251', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'c7c6c6eb43f2ccb00df8b05247120763b3f665d3', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '45a29c7988edbf99ef5573dc77c9cc9a22faa666', class: "flex items-center gap-x-12" }, h("a", { key: '0fbc8e7d275a07af6da8b520bddf62f4c13aecac', 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-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: 'ec9e972f19d34cb13ea2022ab09ab6373d54be27', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '0281a7e09166bbd2e02913467fe3235585d0bf0a' }, h("div", { key: '97b96a7f6718cbc79ff98874e5dc90d6e1ed614e', class: "f-ui-04 text-light" }, h("p", { key: '810b11a720bdcb92ce587a125ac8d026f31e9872' }, this.fundedBy), h("div", { key: '2973f13cc831fa3d1131b182958fa425b94897fd', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: 'b4cb01b0601c8117ae427fc5ab9c43c20edc6536', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7' }, 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: '0a6f03f13cf5513758740ce6f3d3357cac413826', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '1751d052c529e46de47bbe09ef24621b546b1514', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf', class: "flex items-center gap-x-12" }, h("a", { key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14', 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-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: '491b2691d011359df1dc24a2408347574a893ca8', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa' }, h("div", { key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a', class: "f-ui-04 text-light" }, h("p", { key: '120302d9cdad309da91bcd9f82e81f707f5f5b48' }, this.fundedBy), h("div", { key: '222a27fb7f085750312654c11d03793f02e29676', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: 'd0b26e1911f55b44fb8a5253bab62b8db9141411', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), h("div", { key: '221f15b6c92e91835dcc2efa3d2247b055690a22', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     get el() { return this; }
     static get style() { return EdsFooterStyle0; }

package/dist/components/eds-form.js

@@ -155,9 +155,10 @@ isFieldVisible) {
                 const npsEl = findNpsElement(formEl);
                 if (npsEl && npsEl.shadowRoot) {
                     const raw = (_a = npsEl.shadowRoot
-                        .querySelector('div[role="radio"][aria-checked="true"] eds-button')) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-label');
-                    const value = raw !== null ? parseInt(raw, 10) : null;
-                    if (value === null) {
+                        .querySelector('eds-button[tabindex="0"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-label');
+                    const parsed = raw !== null ? parseInt(raw, 10) : NaN;
+                    const value = Number.isInteger(parsed) && parsed >= 0 && parsed <= 10 ? parsed : NaN;
+                    if (isNaN(value)) {
                         // eslint-disable-next-line
                         if (field.required) {
                             errors[field.name] = ['This field is required.'];
@@ -223,7 +224,7 @@ function getFormInitData({ initData, parsedFields, currentValues
     return { updatedValues };
 }
 
-const edsFormCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}";
+const edsFormCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.shadow-hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}";
 const EdsFormStyle0 = edsFormCss;
 
 const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLElement {
@@ -233,13 +234,17 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         this.__attachShadow();
         this.form = createEvent(this, "form", 7);
         this.name = 'eds-form';
+        this.title = undefined;
+        this.description = undefined;
         this.setFormUrl = true;
         this.formBtn = true;
         this.formBtnLabel = 'Submit';
+        this.buttonIntent = 'primary';
         this.errorMessage = 'Some fields in your form are incorrect.';
         this.fields = [];
         this.groups = [];
         this.initData = {};
+        this.formStyle = 'default';
         this.values = {};
         this.isSubmitting = false;
         this.hasError = false;
@@ -537,10 +542,15 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
     }
     get groupedFields() {
         const map = {};
-        // initialize buckets for each group
+        // initialize buckets for each declared group
         this.parsedGroups.forEach((g) => (map[g.id] = []));
+        // always keep an ungrouped bucket
         map['__ungrouped'] = [];
+        // only bucket fields that are currently visible
         this.parsedFields.forEach((f) => {
+            if (!this.isFieldVisible(f)) {
+                return;
+            }
             const gid = f.groupId || '__ungrouped';
             if (!map[gid]) {
                 map[gid] = [];
@@ -561,7 +571,7 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
             return (h("div", { class: "form-group rating-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `rating-${field.name}`, label: field.label, disabled: field.disabled, required: field.required }))), h("eds-rating", { id: `rating-${field.name}`, "rating-type": field.ratingType, "rating-count": field.ratingCount, "selected-rating": val, onRating: (e) => this.handleRating(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, message: field.message, "error-message": (_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.join('<br/>'), error: !!this.errors[field.name], link: field.link }))));
         }
         else if (field.type === 'nps') {
-            return (h("div", { class: "form-group nps-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `nps-${field.name}`, label: field.question, disabled: field.disabled, required: field.required }))), h("eds-nps", { id: `nps-${field.name}`, "right-label": field.rightLabel, "left-label": field.leftLabel, onNps: (e) => this.handleNPS(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, message: field.message, "error-message": (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br/>'), error: !!this.errors[field.name], link: field.link }))));
+            return (h("div", { class: "form-group nps-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `nps-${field.name}`, label: field.question, disabled: field.disabled, required: field.required }))), h("eds-nps", { id: `nps-${field.name}`, "right-label": field.rightLabel, "left-label": field.leftLabel, onNps: (e) => this.handleNPS(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, "error-message": (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br/>'), error: !!this.errors[field.name] }))));
         }
         return (h("eds-input-field", { key: field.name, name: field.name, label: field.label, placeholder: field.placeholder, type: field.type, value: this.values[field.name], required: field.required, hint: field.hint, message: field.message, error: !!this.errors[field.name], errorMessage: (_c = this.errors[field.name]) === null || _c === void 0 ? void 0 : _c.join('<br/>'), options: field.options, onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field) }));
     }
@@ -572,9 +582,13 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         //const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
         const buckets = this.groupedFields;
-        return (h("form", { key: 'a66997f39b5be347a4d502f77bcd1da9d1a274ac', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: 'f8800d2ebe64b3279234ab8ebe20e535dc822872' }, h("slot", { key: 'b4194073b281dec35a79a6cc974fdf7476a67807' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        // build the shadow/bg classes if formStyle="shadow"
+        const styleClasses = this.formStyle === 'shadow'
+            ? 'bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32'
+            : '';
+        return (h("form", { key: 'ecf49eb81f18b444d059d3bdea4600f4ae594ea9', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '65137fb770f274431c7906326cdf49e0fee73b18', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: 'e4c5b4a7883c4569a657cc234f18f995480ec8df', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: '65528e4600127f1cff4ce0e5be6f8a6bddc4c864', class: "f-body-02 text-light" }, this.description), h("slot", { key: '6230035a050386763723c2b60bd5e81b912762d7' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (h("div", { class: "container mt-20", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '2fc83ebb6b0a472f6853618602c37ee83adae9ff', class: "flex flex-col mt-20 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f)))), this.formBtn && (h("div", { key: '91b569b1a4513945f3228c374ae45b52ea17f91d', class: "mt-32" }, h("eds-button", { key: '1a8feaecd5a7f292f8aeae3db900700b4f7fb8d4', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (h("div", { class: "container mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '8116d30248f8461a842365470da9915200531028', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: 'e2f1d3ca6a9f6a3b44c45e576150505c49e41dd1', class: "mt-32" }, h("eds-button", { key: 'e312bf08b5db526c00497fafaa9476a225919aaf', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -584,13 +598,17 @@ const EdsForm$1 = /*@__PURE__*/ proxyCustomElement(class EdsForm extends HTMLEle
     static get style() { return EdsFormStyle0; }
 }, [1, "eds-form", {
         "name": [1],
+        "title": [1],
+        "description": [1],
         "setFormUrl": [4, "set-form-url"],
         "formBtn": [4, "form-btn"],
         "formBtnLabel": [1, "form-btn-label"],
+        "buttonIntent": [1, "button-intent"],
         "errorMessage": [1, "error-message"],
         "fields": [1],
         "groups": [1],
         "initData": [16],
+        "formStyle": [1, "form-style"],
         "values": [32],
         "isSubmitting": [32],
         "hasError": [32],

package/dist/components/eds-frame.js

@@ -76,7 +76,7 @@ const EdsFrame$1 = /*@__PURE__*/ proxyCustomElement(class EdsFrame extends HTMLE
         }
     }
     render() {
-        return (h("div", { key: '9f5b6280292996b66fb3380678fae7748aba8cb3', class: this.articleClasses() }, h("div", { key: '6e4f6e0ce9b44fe94ff4622285258747503d9034', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '36bb5a7b005b4c23a7042e5cf06769efe29b07db', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (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: '9d64e26eaa9e79d68e13d6a0faf67c8ca68d2097', 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: '665bc189cd905a55a9c6ac31eb2ec82853552f34', class: this.articleClasses() }, h("div", { key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (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: '4799d59442cabb05f3bfea26a02db22a429266e6', 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

@@ -25,11 +25,16 @@ const EdsFullscreenMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsFullscreen
         this.isMenuOpen = false;
     }
     /**
-     * Listens for the toggleMenu event to open or close the menu.
-     * This event is emitted by the eds-header component.
+     * Listens on `body` for `toggleheadermenu` to open/close the menu.
+     * The event detail should be a boolean (`true` = open, `false` = close).
+     *
+     * @example
+     * ```js
+     * document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
+     * ```
      */
     handleToggleMenu(event) {
-        this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
+        this.isMenuOpen = !!event.detail;
     }
     /** Opens the menu */
     openMenu() {

package/dist/components/eds-header.js

@@ -55,7 +55,7 @@ const EdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class EdsHeader extends HTM
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: '812ad4427cbb3f4b0ca9e305870c35d63487dc59', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '531acdceb12ca45fea125091dee4d8a0ff39a10b', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'bb2708b3c8eacc575117bfed404b7c9db4fd05e2', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'a80192d7666416c29025a1ac5812946f14feec3f', 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: 'fae258c468367837a9738bcbe2442709fdc601a0', 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: '9588ef20e19fda76115074c39d902eebead3c845' }), this.menuEnabled && (h("div", { key: 'ce2e43645a1c33ca7d6495acd820ad0a93cefdf9', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: 'ed73c7e7a6544f60eea9dbf43379ffe4967c0dbd', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: 'a0f5bb7d9e850e9414db804019674d6bcbc8ea0b', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '678d5b1583e6fa47c0eac8ce734e8ec34cd76ad9', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '12ce9c42b266bbddfd75d2a8f0097708480a2490', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'eb388b679d4e268dc7fc011bc2a6406a619287c8', 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: 'c3f8689bb257166c50dd678287c8ad4f54eb315a', 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: '3f689a811a60052393a795937a908cf7d0604cc6' }), this.menuEnabled && (h("div", { key: '506b953b455b72085d83bdaafc6855992075ddbe', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '5b526affd813549a6142efab255d6486a5e2dd66', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     get hostEl() { return this; }
     static get style() { return EdsHeaderStyle0; }

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: 'db8fea43b7888da43821083ecc706a16c949932e', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f', class: this.class, innerHTML: bluesky });
     }
 }, [0, "eds-icon-bluesky", {
         "class": [1]

package/dist/components/eds-icon-download.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconDownload extends Components.EdsIconDownload, HTMLElement {}
+export const EdsIconDownload: {
+    prototype: EdsIconDownload;
+    new (): EdsIconDownload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as download } from './download.js';
+
+const EdsIconDownload$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconDownload extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c', class: this.class, innerHTML: download });
+    }
+}, [0, "eds-icon-download", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-download"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-download":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconDownload$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconDownload = EdsIconDownload$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconDownload, defineCustomElement };

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

@@ -8,7 +8,7 @@ const EdsIconDraft$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconDraft exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '13898eb065f5a243104bc79293a5e6afcd276230', class: this.class, innerHTML: draft });
+        return h("span", { key: 'e76f56aaba4a67096e6314e61d53bc2512941552', class: this.class, innerHTML: draft });
     }
 }, [0, "eds-icon-draft", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconEdit$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEdit extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '1758d925314772dc29c4349f71f186ba775d2b41', class: this.class, innerHTML: edit });
+        return h("span", { key: '54502ee7a072ad54a5c22367b89c1d00afcaaafe', class: this.class, innerHTML: edit });
     }
 }, [0, "eds-icon-edit", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconEu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconEu extends HTM
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ac8c58eacb11b11be7928d7799a3eb6c8063597f', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '89fde5fbed839d6fdedc0399bf1475abf22d205d', class: this.class, innerHTML: euSvg });
     }
 }, [0, "eds-icon-eu", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconExternal$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconExternal
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e24ee8e9243fa2dcbe8df4fa9d84db5bbc136ec4', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61', class: this.class, innerHTML: arrowDiagonal });
     }
 }, [0, "eds-icon-external", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconFacebook$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconFacebook
         this.class = '';
     }
     render() {
-        return h("span", { key: '6a6cbdd8f9e6b982af701b97681a98944c5c1797', class: this.class, innerHTML: facebook });
+        return h("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: facebook });
     }
 }, [0, "eds-icon-facebook", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconGitlab$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconGitlab ext
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e6ce69e460242b20779766f62a3c7d23dad345d1', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'b35f2e94d903549d867579f2e008c323a441019c', class: this.class, innerHTML: gitlabBlack });
     }
 }, [0, "eds-icon-gitlab", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconLinkedin$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLinkedin
         this.class = '';
     }
     render() {
-        return h("span", { key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: linkedin });
     }
 }, [0, "eds-icon-linkedin", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconLoader$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconLoader ext
         this.class = '';
     }
     render() {
-        return h("span", { key: '9383784da3e52d22395288f8eba5b6f4ee826aa5', class: this.class, innerHTML: loader });
+        return h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: loader });
     }
 }, [0, "eds-icon-loader", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMastodon$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMastodon
         this.class = '';
     }
     render() {
-        return h("span", { key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '36bf44e06217f9b2521f374028a1316fb17ff21a', class: this.class, innerHTML: mastodon });
     }
 }, [0, "eds-icon-mastodon", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMenu extends
         this.class = '';
     }
     render() {
-        return h("span", { key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8', class: this.class, innerHTML: menu });
+        return h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: menu });
     }
 }, [0, "eds-icon-menu", {
         "class": [1]

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

@@ -8,7 +8,7 @@ const EdsIconMinus$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconMinus exten
         this.class = '';
     }
     render() {
-        return h("span", { key: '0e8b57b9ae1a2e53ef6f50948c49b9a9218f66cc', class: this.class, innerHTML: minus });
+        return h("span", { key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3', class: this.class, innerHTML: minus });
     }
 }, [0, "eds-icon-minus", {
         "class": [1]