@ebrains/components 0.9.2-beta → 0.9.3-beta

package/dist/components/components.esm.js

@@ -1,47 +1 @@
-import { B as BUILD, c as consoleDevInfo, H, d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-9d277061.js';
-export { s as setNonce } from './index-9d277061.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
-
-/*
- Stencil Client Patch Browser v4.22.0 | MIT Licensed | https://stenciljs.com
- */
-var patchBrowser = () => {
-  if (BUILD.isDev && !BUILD.isTesting) {
-    consoleDevInfo("Running in development mode.");
-  }
-  if (BUILD.cloneNodeFix) {
-    patchCloneNodeFix(H.prototype);
-  }
-  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll("script")).find(
-    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
-  ) : null;
-  const importMeta = import.meta.url;
-  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return promiseResolve(opts);
-};
-var patchCloneNodeFix = (HTMLElementPrototype) => {
-  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-  HTMLElementPrototype.cloneNode = function(deep) {
-    if (this.nodeName === "TEMPLATE") {
-      return nativeCloneNodeFn.call(this, deep);
-    }
-    const clonedNode = nativeCloneNodeFn.call(this, false);
-    const srcChildNodes = this.childNodes;
-    if (deep) {
-      for (let i = 0; i < srcChildNodes.length; i++) {
-        if (srcChildNodes[i].nodeType !== 2) {
-          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-        }
-      }
-    }
-    return clonedNode;
-  };
-};
-
-patchBrowser().then(async (options) => {
-  await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-icon-wrapper\",[[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-form\",[[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\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-fullscreen-menu\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-user\",[[1,\"eds-user\",{\"user\":[1025]}]]],[\"eds-header\",[[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\"]]]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-steps-v2\",[[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs\",[[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-footer\",[[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]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"gradient-secondary-palette\",[[0,\"gradient-secondary-palette\"]]],[\"color-primary-palette\",[[0,\"color-primary-palette\"]]],[\"color-secondary-palette\",[[0,\"color-secondary-palette\",{\"show\":[1]}]]],[\"color-support-palette\",[[0,\"color-support-palette\"]]],[\"eds-dropdown\",[[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-login\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-splash-screen\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-steps\",[[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"gradient-primary-palette\",[[0,\"gradient-primary-palette\"]]],[\"gradient-support-palette\",[[0,\"gradient-support-palette\"]]],[\"token-list\",[[0,\"token-list\",{\"show\":[1]}]]],[\"token-radii\",[[0,\"token-radii\"]]],[\"token-shadows\",[[0,\"token-shadows\"]]],[\"logo-variations-horizontal\",[[1,\"logo-variations-horizontal\"]]],[\"logo-variations-vertical\",[[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-social-networks\",[[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}]]],[\"eds-section-core\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-input-search\",[[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}]]],[\"eds-input-select\",[[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\"]}]]],[\"eds-table\",[[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\"]}]]],[\"eds-block-break\",[[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}]]],[\"eds-section-heading\",[[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-pagination\",[[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]],[\"eds-card-desc\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}]]],[\"eds-input-range\",[[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\"]}]]],[\"eds-input-field\",[[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]}]]],[\"eds-avatar\",[[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}]]],[\"eds-card-title\",[[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-input\",[[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\"]}]]],[\"eds-input-footer\",[[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}]]],[\"eds-input-label\",[[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}]]],[\"eds-tag\",[[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}]]],[\"eds-logo\",[[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}]]],[\"eds-img\",[[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]}]]],[\"eds-link\",[[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\"]]]]],[\"eds-button\",[[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\"]]]]]]"), options);
-});
+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/copy.js

@@ -0,0 +1,5 @@
+const copy = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+</svg>`;
+
+export { copy as c };

package/dist/components/correct-use-of-colors.d.ts

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

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

@@ -0,0 +1,93 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$2 } from './eds-link2.js';
+
+const primary = [
+    {
+        background: '#9CE142'
+    },
+    {
+        background: '#00C959'
+    },
+    {
+        background: '#00A595'
+    }
+];
+const support = [
+    {
+        background: '#141414'
+    },
+    {
+        background: '#383838'
+    },
+    {
+        background: '#CCCCCC'
+    },
+    {
+        background: '#E6E6E6'
+    },
+    {
+        background: '#FFFFFF'
+    }
+];
+const blue = [
+    {
+        background: '#3FA9F5'
+    },
+    {
+        background: '#0644F4'
+    }
+];
+const purple = [
+    {
+        background: '#C461FF'
+    },
+    {
+        background: '#5D3DF9'
+    }
+];
+const red = [
+    {
+        background: '#FFA543'
+    },
+    {
+        background: '#FF4D68'
+    }
+];
+const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOfColors extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        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() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["correct-use-of-colors", "eds-icon-wrapper", "eds-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "correct-use-of-colors":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CorrectUseOfColors$1);
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const CorrectUseOfColors = CorrectUseOfColors$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CorrectUseOfColors, defineCustomElement };

package/dist/components/docs-palettes.d.ts

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

package/dist/components/docs-palettes.js

@@ -0,0 +1,96 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$a } from './primary.js';
+import { d as defineCustomElement$9 } from './secondary.js';
+import { d as defineCustomElement$8 } from './support.js';
+import { d as defineCustomElement$7 } from './eds-block-break2.js';
+import { d as defineCustomElement$6 } from './eds-code-block2.js';
+import { d as defineCustomElement$5 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$4 } from './primary2.js';
+import { d as defineCustomElement$3 } from './secondary2.js';
+import { d as defineCustomElement$2 } from './support2.js';
+
+const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.tabIndex = undefined;
+    }
+    renderContent() {
+        switch (this.tabIndex) {
+            case 0:
+                return (h("div", null, h("h2", null, "Primary Palette"), h("color-primary-palette", null), h("h2", null, "Secondary Palette"), h("color-secondary-palette", null), h("h2", null, "Support Palette"), h("color-support-palette", null)));
+            case 1:
+                return (h("div", null, h("h2", null, "Primary Palette"), h("gradient-primary-palette", null), h("h2", null, "Secondary Palette"), h("gradient-secondary-palette", null), h("h2", null, "Support Palette"), h("gradient-support-palette", null)));
+            default:
+                return h("p", null, "Content not available.");
+        }
+    }
+    render() {
+        return h("div", { key: '41ac7248f45204f420ab2954e26529577e2cb27f', class: "container" }, this.renderContent());
+    }
+}, [0, "docs-palettes", {
+        "tabIndex": [2, "tab-index"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["docs-palettes", "color-primary-palette", "color-secondary-palette", "color-support-palette", "eds-block-break", "eds-code-block", "eds-icon-wrapper", "gradient-primary-palette", "gradient-secondary-palette", "gradient-support-palette"];
+    components.forEach(tagName => { switch (tagName) {
+        case "docs-palettes":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DocsPalettes$1);
+            }
+            break;
+        case "color-primary-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "color-secondary-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "color-support-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "eds-block-break":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-code-block":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "gradient-primary-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "gradient-secondary-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "gradient-support-palette":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DocsPalettes = DocsPalettes$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DocsPalettes, defineCustomElement };

package/dist/components/docs-tokens.d.ts

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

package/dist/components/docs-tokens.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$6 } from './eds-code-block2.js';
+import { d as defineCustomElement$5 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$4 } from './token-list2.js';
+import { d as defineCustomElement$3 } from './token-radii2.js';
+import { d as defineCustomElement$2 } from './token-shadows2.js';
+
+const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.tabIndex = undefined;
+    }
+    renderContent() {
+        switch (this.tabIndex) {
+            case 0:
+                return h("token-list", { show: "background" });
+            case 1:
+                return h("token-list", { show: "text" });
+            case 2:
+                return h("token-list", { show: "border" });
+            case 3:
+                return h("token-radii", null);
+            case 4:
+                return h("token-list", { show: "outline" });
+            case 5:
+                return h("token-shadows", null);
+            default:
+                return h("p", null, "Content not available.");
+        }
+    }
+    render() {
+        return h("div", { key: '2d4d06ef8d68dc42280f71042322a5f3ca528564', class: "container" }, this.renderContent());
+    }
+}, [0, "docs-tokens", {
+        "tabIndex": [2, "tab-index"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["docs-tokens", "eds-code-block", "eds-icon-wrapper", "token-list", "token-radii", "token-shadows"];
+    components.forEach(tagName => { switch (tagName) {
+        case "docs-tokens":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DocsContent);
+            }
+            break;
+        case "eds-code-block":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "token-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "token-radii":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "token-shadows":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const DocsTokens = DocsContent;
+const defineCustomElement = defineCustomElement$1;
+
+export { DocsTokens, defineCustomElement };

package/dist/components/eds-accordion.d.ts

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

package/dist/components/eds-accordion.js

@@ -0,0 +1,6 @@
+import { E as EdsAccordion$1, d as defineCustomElement$1 } from './eds-accordion2.js';
+
+const EdsAccordion = EdsAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsAccordion, defineCustomElement };

package/dist/components/eds-accordion2.js

@@ -0,0 +1,119 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { s as sendAnalytics } from './analytics.js';
+import { d as defineCustomElement$2 } from './eds-button2.js';
+import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
+
+const edsAccordionCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.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}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";
+const EdsAccordionStyle0 = edsAccordionCss;
+
+const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.accordion = createEvent(this, "accordion", 7);
+        /**
+         * Handles the click event on the accordion header to toggle expansion.
+         * Toggles the `isExpanded` state and emits the `accordion` event.
+         */
+        this.handleClick = () => {
+            var _a;
+            this.isExpanded = !this.isExpanded;
+            this.accordion.emit(this.isExpanded);
+            this.setPanelHeight();
+            sendAnalytics({
+                category: 'ui-component',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+                action: this.isExpanded ? 'expanded' : 'collapsed'
+            });
+        };
+        /**
+         * Calculates and sets the panel height based on the content height
+         * and adjusts based on the `shortContent` and `isExpanded` states.
+         */
+        this.setPanelHeight = () => {
+            if (this.childContentRef) {
+                this.shortContent =
+                    this.wrapperRef.scrollWidth > 830 && !this.description
+                        ? this.childContentRef.scrollHeight <= 80
+                        : this.childContentRef.scrollHeight <= 20;
+                this.panelHeight = this.isExpanded && !this.shortContent ? this.childContentRef.scrollHeight : 0;
+            }
+            if (this.headerRef) {
+                this.headerHeight = this.headerRef.scrollHeight - 30;
+            }
+        };
+        this.heading = undefined;
+        this.description = undefined;
+        this.switchBg = true;
+        this.expanded = false;
+        this.clampText = true;
+        this.isExpanded = this.expanded;
+        this.panelHeight = 0;
+        this.shortContent = false;
+        this.headerHeight = 0;
+    }
+    /**
+     * Lifecycle method that sets up the initial panel height and adds a resize event listener
+     * to recalculate height on window resize.
+     */
+    componentDidLoad() {
+        this.setPanelHeight();
+        window.addEventListener('resize', this.setPanelHeight);
+    }
+    /**
+     * Lifecycle method that cleans up the resize event listener when the component is removed.
+     */
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.setPanelHeight);
+    }
+    /**
+     * Renders the accordion structure, including header, content, description, and any slotted content.
+     * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
+     */
+    render() {
+        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: '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; }
+}, [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]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-accordion", "eds-button", "eds-icon-wrapper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsAccordion);
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { EdsAccordion as E, defineCustomElement as d };

package/dist/components/eds-alert.d.ts

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

package/dist/components/eds-alert.js

@@ -0,0 +1,6 @@
+import { E as EdsAlert$1, d as defineCustomElement$1 } from './eds-alert2.js';
+
+const EdsAlert = EdsAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsAlert, defineCustomElement };