@ebrains/components 3.1.0 → 3.2.0

package/dist/types/components.d.ts

@@ -243,7 +243,17 @@ export namespace Components {
         /**
           * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent": 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandLight' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
+        "intent": | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'ghostInverse'
+    | 'brand'
+    | 'brandLight'
+    | 'brandInverse'
+    | 'neutral'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -738,6 +748,18 @@ export namespace Components {
           * The message displayed when the form submission fails.
          */
         "errorMessage"?: string;
+        /**
+          * Optional "time to complete" hint shown as a meta chip in the `brand` hero header (e.g. "~6 minutes"). Brand style only.
+         */
+        "estimatedTime"?: string;
+        /**
+          * Optional expiry label shown as a meta chip in the `brand` hero (e.g. "Closes Jun 28, 2026"). Brand style only.
+         */
+        "expires"?: string;
+        /**
+          * Small mono eyebrow shown above the title in the `brand` hero header (e.g. a programme or category label). Brand style only.
+         */
+        "eyebrow"?: string;
         /**
           * A JSON string representing the fields in the form. Example: ```json [   { "name": "email", "label": "Email", "type": "text", "required": true },   { "name": "password", "label": "Password", "type": "password", "required": true } ] ```
          */
@@ -754,6 +776,10 @@ export namespace Components {
           * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
         "formStyle": 'default' | 'shadow' | 'brand';
+        /**
+          * Show the "GDPR compliant" meta chip in the `brand` hero header. Default OFF — it's an unverified compliance claim, so it must be opted into explicitly (per form) rather than advertised on every brand form.
+         */
+        "gdpr"?: boolean;
         "getData": () => Promise<FormData>;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
@@ -767,11 +793,31 @@ export namespace Components {
           * The name of the form, used for grouping inputs and identifying the form.
          */
         "name": string;
+        /**
+          * Optional submission-policy label shown as a meta chip in the `brand` hero (e.g. "You can submit this form only once."). Brand style only.
+         */
+        "policy"?: string;
+        /**
+          * Completion percentage (0–100) shown as a "X% complete" chip in the `brand` hero — the single-page equivalent of the multi-step progress. Host-driven (e.g. filled required fields); omit/undefined to hide. Brand style only.
+         */
+        "progress"?: number;
+        /**
+          * Autosave label next to the dot (e.g. "Saved 5:01 PM"). Empty hides the whole save-state cluster. Brand footer only.
+         */
+        "saveLabel"?: string;
+        /**
+          * Autosave state shown at the left of the brand footer (host-driven). The dot pulses grey while saving and settles green when saved.
+         */
+        "saveStatus": 'idle' | 'saving' | 'saved' | 'error';
         "setData": (newData: { [key: string]: any; }) => Promise<void>;
         /**
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * Lifecycle state for the brand style (drives the hero eyebrow, glow tint and expiry meta-chip colour). "closed" additionally disables every field, desaturates the body and replaces the submit with a dead "Submissions closed" footer. No effect outside form-style="brand". - "open": accepting submissions (default) - "expiring": accepting but closing soon (amber) - "closed": expired / not accepting (red, read-only)
+         */
+        "status": 'open' | 'expiring' | 'closed';
         /**
           * The title displayed above the form.
          */
@@ -1537,7 +1583,19 @@ export namespace Components {
         /**
           * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'underlineInverse'
+    | 'brand'
+    | 'brandInverse'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The text label for the link.
          */
@@ -1556,28 +1614,23 @@ export namespace Components {
         "url"?: string;
     }
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface EdsLogo {
         /**
           * The URL that the logo should link to. When clicked, the user will be navigated to this URL. Defaults to the root path ('/').
          */
         "href": string;
-        "label": string;
-        /**
-          * The orientation of the logo to display. - `"horizontal"` displays the logo horizontally. - `"vertical"` displays the logo vertically.
-         */
-        "orientation": 'horizontal' | 'vertical';
         /**
           * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
@@ -1990,6 +2043,10 @@ export namespace Components {
     }
     interface EdsStepsV2 {
         "backLabel": string;
+        /**
+          * Whether the stepper draws its own bordered card. Default true. Set to false when the host already provides the card chrome (e.g. a multi-step form whose form-style border lives on an outer wrapper) to avoid a double border.
+         */
+        "card": boolean;
         /**
           * Disable Next/Finish (boolean or per-step boolean[]). Also accepts a JSON array string.
           * @attr disable-next
@@ -2049,9 +2106,9 @@ export namespace Components {
          */
         "labelOn": string;
         /**
-          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+          * Variant of the switch: - 'toggle' (default): the classic on/off switch - 'segmented': pill-style buttons — light container, green active pill - 'segmented-dark': pill-style buttons — white container with a hairline   border and a dark (brand-black) active pill
          */
-        "variant": 'toggle' | 'segmented';
+        "variant": 'toggle' | 'segmented' | 'segmented-dark';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -2174,18 +2231,34 @@ export namespace Components {
         "events": string | any[];
     }
     interface EdsToast {
+        /**
+          * Show a dismiss (×) button regardless of `duration`. The `toast` variant already shows one whenever `duration` is set; set this for a persistent banner the user can still close.
+         */
+        "dismissible": boolean;
         /**
           * Determines the duration before the toast auto-dismisses (in milliseconds). If set, the toast will auto-dismiss and show a close button. If not set (or set to 0), it will persist without a close button.
          */
         "duration"?: number;
+        /**
+          * Bold heading shown above the message. Banner variant only.
+         */
+        "heading"?: string;
+        /**
+          * Leading icon name (from the EBRAINS icon set). Banner variant only. Falls back to a sensible default per intent when omitted.
+         */
+        "icon"?: string;
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent": 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
+        "intent": 'default' | 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
         "message": string;
+        /**
+          * Visual variant: - "toast": the classic compact pill (message + close). Default; used by the   global toast manager. - "banner": a richer inline banner — leading icon in a tinted square, a bold   heading over a mono message, a coloured left rail on a tinted surface, an   optional actions slot and an optional dismiss button. Use for persistent,   in-page status (form expiry, saved draft, etc.).
+         */
+        "variant": 'toast' | 'banner';
     }
     interface EdsToastManager {
     }
@@ -2813,6 +2886,8 @@ declare global {
     value?: any;
     message?: string;
     success?: boolean;
+    /** True when this change came from the Clear button (host may skip autosave). */
+    cleared?: boolean;
   };
     }
     /**
@@ -3170,17 +3245,17 @@ declare global {
         new (): HTMLEdsLinkElement;
     };
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface HTMLEdsLogoElement extends Components.EdsLogo, HTMLStencilElement {
     }
@@ -4005,7 +4080,17 @@ declare namespace LocalJSX {
         /**
           * The visual intent or style of the button. - 'primary': Brand black background with white text - 'secondary': Transparent/white background with black border and text - 'secondaryInverse': Transparent background with white border and white text (for dark backgrounds) - 'brand': Brand green background with black text (CTA style) - 'cta': CTA link style with monospace font (gray text that turns green on hover) - 'cta-brand': CTA link style with monospace font (always green)
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'ghostInverse' | 'brand' | 'brandLight' | 'brandInverse' | 'neutral' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'ghostInverse'
+    | 'brand'
+    | 'brandLight'
+    | 'brandInverse'
+    | 'neutral'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The label text to be displayed inside the button.
          */
@@ -4508,6 +4593,18 @@ declare namespace LocalJSX {
           * The message displayed when the form submission fails.
          */
         "errorMessage"?: string;
+        /**
+          * Optional "time to complete" hint shown as a meta chip in the `brand` hero header (e.g. "~6 minutes"). Brand style only.
+         */
+        "estimatedTime"?: string;
+        /**
+          * Optional expiry label shown as a meta chip in the `brand` hero (e.g. "Closes Jun 28, 2026"). Brand style only.
+         */
+        "expires"?: string;
+        /**
+          * Small mono eyebrow shown above the title in the `brand` hero header (e.g. a programme or category label). Brand style only.
+         */
+        "eyebrow"?: string;
         /**
           * A JSON string representing the fields in the form. Example: ```json [   { "name": "email", "label": "Email", "type": "text", "required": true },   { "name": "password", "label": "Password", "type": "password", "required": true } ] ```
          */
@@ -4524,6 +4621,10 @@ declare namespace LocalJSX {
           * Choose between default layout, shadow style, or brand style. - "default": Standard form layout - "shadow": Form with shadow effect - "brand": EBRAINS branded form with left border and shadow
          */
         "formStyle"?: 'default' | 'shadow' | 'brand';
+        /**
+          * Show the "GDPR compliant" meta chip in the `brand` hero header. Default OFF — it's an unverified compliance claim, so it must be opted into explicitly (per form) rather than advertised on every brand form.
+         */
+        "gdpr"?: boolean;
         /**
           * New: list of groups, each with `{ id: string, title: string }`
          */
@@ -4543,11 +4644,33 @@ declare namespace LocalJSX {
     value?: any;
     message?: string;
     success?: boolean;
+    /** True when this change came from the Clear button (host may skip autosave). */
+    cleared?: boolean;
   }>) => void;
+        /**
+          * Optional submission-policy label shown as a meta chip in the `brand` hero (e.g. "You can submit this form only once."). Brand style only.
+         */
+        "policy"?: string;
+        /**
+          * Completion percentage (0–100) shown as a "X% complete" chip in the `brand` hero — the single-page equivalent of the multi-step progress. Host-driven (e.g. filled required fields); omit/undefined to hide. Brand style only.
+         */
+        "progress"?: number;
+        /**
+          * Autosave label next to the dot (e.g. "Saved 5:01 PM"). Empty hides the whole save-state cluster. Brand footer only.
+         */
+        "saveLabel"?: string;
+        /**
+          * Autosave state shown at the left of the brand footer (host-driven). The dot pulses grey while saving and settles green when saved.
+         */
+        "saveStatus"?: 'idle' | 'saving' | 'saved' | 'error';
         /**
           * If `true`, includes the current form URL in the submission data.
          */
         "setFormUrl"?: boolean;
+        /**
+          * Lifecycle state for the brand style (drives the hero eyebrow, glow tint and expiry meta-chip colour). "closed" additionally disables every field, desaturates the body and replaces the submit with a dead "Submissions closed" footer. No effect outside form-style="brand". - "open": accepting submissions (default) - "expiring": accepting but closing soon (amber) - "closed": expired / not accepting (red, read-only)
+         */
+        "status"?: 'open' | 'expiring' | 'closed';
         /**
           * The title displayed above the form.
          */
@@ -5372,7 +5495,19 @@ declare namespace LocalJSX {
         /**
           * The visual style intent of the link. Options: 'primary', 'secondary', 'secondaryInverse', 'ghost', 'strong', 'weak', 'inverse', 'underline', 'underlineInverse', 'brand', 'brandInverse', 'cta', 'cta-brand'.
          */
-        "intent"?: 'primary' | 'secondary' | 'secondaryInverse' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline' | 'underlineInverse' | 'brand' | 'brandInverse' | 'cta' | 'cta-brand';
+        "intent"?: | 'primary'
+    | 'secondary'
+    | 'secondaryInverse'
+    | 'ghost'
+    | 'strong'
+    | 'weak'
+    | 'inverse'
+    | 'underline'
+    | 'underlineInverse'
+    | 'brand'
+    | 'brandInverse'
+    | 'cta'
+    | 'cta-brand';
         /**
           * The text label for the link.
          */
@@ -5391,28 +5526,23 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     /**
-     * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-     * Key Features:
-     * - Supports various logo styles and orientations.
-     * - Emits a custom `matomoEvent` for tracking click interactions.
+     * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
      * Props:
-     * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-     * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-     * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-     * Events:
-     * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-     * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+     * - `variant` (attribute `type`): `'positive'` (dark logo for light
+     *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+     * - `href`: where the logo links to (defaults to `/`). The logo is the
+     *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+     *   eds-form brand hero.
+     * Clicks emit an analytics event (category/tag/name/action).
+     * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+     * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+     * container).
      */
     interface EdsLogo {
         /**
           * The URL that the logo should link to. When clicked, the user will be navigated to this URL. Defaults to the root path ('/').
          */
         "href"?: string;
-        "label"?: string;
-        /**
-          * The orientation of the logo to display. - `"horizontal"` displays the logo horizontally. - `"vertical"` displays the logo vertically.
-         */
-        "orientation"?: 'horizontal' | 'vertical';
         /**
           * The visual variant of the logo. `'positive'` for dark logo on light backgrounds, `'negative'` for light logo on dark backgrounds.
          */
@@ -5831,6 +5961,10 @@ declare namespace LocalJSX {
     }
     interface EdsStepsV2 {
         "backLabel"?: string;
+        /**
+          * Whether the stepper draws its own bordered card. Default true. Set to false when the host already provides the card chrome (e.g. a multi-step form whose form-style border lives on an outer wrapper) to avoid a double border.
+         */
+        "card"?: boolean;
         /**
           * Disable Next/Finish (boolean or per-step boolean[]). Also accepts a JSON array string.
           * @attr disable-next
@@ -5910,9 +6044,9 @@ declare namespace LocalJSX {
          */
         "onUiswitch"?: (event: EdsSwitchCustomEvent<{ value: boolean }>) => void;
         /**
-          * Variant of the switch: 'toggle' (default) or 'segmented' (pill-style buttons)
+          * Variant of the switch: - 'toggle' (default): the classic on/off switch - 'segmented': pill-style buttons — light container, green active pill - 'segmented-dark': pill-style buttons — white container with a hairline   border and a dark (brand-black) active pill
          */
-        "variant"?: 'toggle' | 'segmented';
+        "variant"?: 'toggle' | 'segmented' | 'segmented-dark';
     }
     /**
      * `EdsTable` is a customizable data table component with support for dynamic data fetching, column configuration, pagination, and search functionality.
@@ -6048,19 +6182,35 @@ declare namespace LocalJSX {
         "events"?: string | any[];
     }
     interface EdsToast {
+        /**
+          * Show a dismiss (×) button regardless of `duration`. The `toast` variant already shows one whenever `duration` is set; set this for a persistent banner the user can still close.
+         */
+        "dismissible"?: boolean;
         /**
           * Determines the duration before the toast auto-dismisses (in milliseconds). If set, the toast will auto-dismiss and show a close button. If not set (or set to 0), it will persist without a close button.
          */
         "duration"?: number;
+        /**
+          * Bold heading shown above the message. Banner variant only.
+         */
+        "heading"?: string;
+        /**
+          * Leading icon name (from the EBRAINS icon set). Banner variant only. Falls back to a sensible default per intent when omitted.
+         */
+        "icon"?: string;
         /**
           * The visual intent or style of the toast, indicating the toast type.
          */
-        "intent"?: 'default' | 'success' | 'error' | 'warning' | 'brand' | 'brandInverse';
+        "intent"?: 'default' | 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'brand' | 'brandInverse';
         /**
           * The main message or text to be displayed in the toast.
          */
         "message": string;
         "onToast"?: (event: EdsToastCustomEvent<{ visible: boolean; label: 'dismissed' | 'shown' }>) => void;
+        /**
+          * Visual variant: - "toast": the classic compact pill (message + close). Default; used by the   global toast manager. - "banner": a richer inline banner — leading icon in a tinted square, a bold   heading over a mono message, a coloured left rail on a tinted surface, an   optional actions slot and an optional dismiss button. Use for persistent,   in-page status (form expiry, saved draft, etc.).
+         */
+        "variant"?: 'toast' | 'banner';
     }
     interface EdsToastManager {
     }
@@ -6556,17 +6706,17 @@ declare module "@stencil/core" {
              */
             "eds-link": LocalJSX.EdsLink & JSXBase.HTMLAttributes<HTMLEdsLinkElement>;
             /**
-             * `EdsLogo` is a logo component designed to display a clickable logo that can link to a specified URL.
-             * Key Features:
-             * - Supports various logo styles and orientations.
-             * - Emits a custom `matomoEvent` for tracking click interactions.
+             * `EdsLogo` renders the clickable EBRAINS brand mark (inline SVG).
              * Props:
-             * - `href` (string): The URL to navigate to when the logo is clicked (defaults to the root path `/`).
-             * - `orientation` (string): The orientation of the logo (`horizontal` or `vertical`).
-             * - `type` (string): The style of the logo (`color`, `black`, `color-white`, `white`).
-             * Events:
-             * - `matomoEvent`: Emitted when the logo is clicked, carrying metadata for analytics tracking, including the event `category`, `tag`, `name`, and `action`.
-             * This component is ideal for navigation and branding, with options for style customization and interaction tracking.
+             * - `variant` (attribute `type`): `'positive'` (dark logo for light
+             *   backgrounds) or `'negative'` (light logo for dark backgrounds).
+             * - `href`: where the logo links to (defaults to `/`). The logo is the
+             *   click-to-home affordance in eds-header, eds-fullscreen-menu and the
+             *   eds-form brand hero.
+             * Clicks emit an analytics event (category/tag/name/action).
+             * NOTE: the SVG has a viewBox but no intrinsic width, so the host needs a
+             * sized block parent to render (e.g. eds-header wraps it in a fixed-width
+             * container).
              */
             "eds-logo": LocalJSX.EdsLogo & JSXBase.HTMLAttributes<HTMLEdsLogoElement>;
             "eds-matomo-notice": LocalJSX.EdsMatomoNotice & JSXBase.HTMLAttributes<HTMLEdsMatomoNoticeElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebrains/components",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/components/p-00ba405d.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{y as e}from"./p-ecbb679f.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"7ebb80fd84ed9ed7c227b1f1ddf213d0502160f9",class:this.class,innerHTML:e})}};export{t as eds_icon_youtube}

package/dist/components/p-03342030.entry.js

@@ -1 +0,0 @@
-import{r as e,h as c}from"./p-271c61ff.js";const a=class{constructor(c){e(this,c)}render(){return c("div",{key:"857d52883315b5be7edb90c89602b29f258cabda",class:"w-full"},c("ul",{key:"e1dbf5d8e227c9014183c2465bf281e554f7e35b",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c("li",{key:"85795c6c4ad2c4fc05cda1183a06dadc78521b45",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"e0d6a8712ab4d47dca6ca275c09592b8af381b20",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"cbfc5e4dcb4040b375d195246626d833d5b33057",class:"spacing-sample m-16 bg-strong"},c("span",{key:"8aa060bb7da7ffdbcd343c849f5e62c6db648fd7",class:"f-body-01 text-inverse"},"Margin: 1rem / m-16")))),c("li",{key:"f4e5e7a4eedac3a350f8c68adc5cdc8ba742166a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"de4ce6ca17ba9c0a20a794e1ec55f2fcc1f0c440",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"52766704ac7cb4b1336d4283991c5204c7dece18",class:"spacing-sample ml-64 bg-strong"},c("span",{key:"60c2b72b390ac0b204cf10cf2c01907915e0b3a1",class:"f-body-01 text-inverse"},"Margin Left: 4rem / ml-64")))),c("li",{key:"1b7922c2a246a1a95e2e26e455b55ea7b5a2a3e9",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"7d43b9c4bc7ebd4883d9d7871b9fb02a2cece586",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"7afeb3b0db7c70f11e09b5df2d396ebfc4454f00",class:"spacing-sample mt-32 bg-strong"},c("span",{key:"3bccca0e93ad8accb3da8ce64c86ee70d2a6f255",class:"f-body-01 text-inverse"},"Margin Top: 2rem / mt-32")))),c("li",{key:"7cbdb2d1b0cd2f91c1b7a05d6654e89a26f74340",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"a47cb7cce3d8947d07ceff06fea30e19df12c6ec",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"2ee8dc2c52d8a689c12f0333cf7a4d0b36e572f7",class:"spacing-sample p-32 bg-strong"},c("span",{key:"2c19bbed58312c84d15ef45fc4bd5a699718b259",class:"f-body-01 text-inverse"},"Padding: 2rem / p-32")))),c("li",{key:"89283aab1c8e84f4d692e290e227d5b91e88cd56",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"e341336d74199f51d440ad01217816939b4877eb",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"6d59ec419924101b4b2d4daf1fa385cd7d921c2e",class:"spacing-sample pt-32 bg-strong"},c("span",{key:"378293318a5aa7c0c9fecb575e533aa97c7b0ecf",class:"f-body-01 text-inverse"},"Padding Top: 2rem / pt-32")))),c("li",{key:"a8e4328bb418b7b878aebfdfe4022e3054b5167e",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"421adc7f90db876dca2304f0c0f794c2b93b4536",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"ebb689a6011c3da5282eb3bb1cc1a0581af86e90",class:"spacing-sample pl-32 bg-strong"},c("span",{key:"8924318c5edcb5d78c37dc1a768e1b3e0fa775ed",class:"f-body-01 text-inverse"},"Padding Left: 2rem / pl-32"))))))}};export{a as token_spacing}

package/dist/components/p-0e2bac0f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as c}from"./p-271c61ff.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],d=class{constructor(c){e(this,c)}render(){return c("div",{key:"2688817c691de1f39d1c25845642e99af13e1b00",class:"container"},c("div",{key:"823b5f324f9b7fe4143dd982e71f535b9c576dd6",class:"mb-8"},c("eds-alert",{key:"95cf4b07317e116636979fb2d72b4fe925b09fa2",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),c("div",{key:"d4bfceeb122dddf376808ae187379c07ed0e1a06",class:"flex"},c("div",{key:"82eac813cc9b29424640fb2517992e3384d19a6e",class:"w-full"},c("ul",{key:"da2ca77bd91a25c6a451910a6b3bf939e5e8abc9",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),c("div",{key:"538560ac8db9f9d023a5afbf4cd67dff80f6e7b6",class:"w-full"},c("ul",{key:"4b601f722730fbe1cbb78c1185d79b34654d3f76",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{d as incorrect_use_of_colors}

package/dist/components/p-18399fe1.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{g as e}from"./p-50e27321.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"d1c7c0c1e3cae3b45377e305792192df46ef064a",class:this.class,innerHTML:e})}};export{c as eds_icon_gitlab}

package/dist/components/p-1e6f0572.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-271c61ff.js";import{f as r}from"./p-4687b64c.js";const a=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"798a3ad6a040dfce879fe62c0a32c83cbd529ad0",class:this.class,innerHTML:r})}};export{a as eds_icon_facebook}

package/dist/components/p-27e093c3.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-271c61ff.js";const c=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"#9CE142"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"#00C959"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"#00A595"}]}render(){return a("ul",{key:"baff427c72d8e73945459cd7988112758685e9dc",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},d=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"#3FA9F5"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"#0644F4"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"#C461FF"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"#5D3DF9"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"#FFA543"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"#FF4D68"}],this.show=void 0}render(){return a("ul",{key:"f72b4b776eb902f9525ed7d8daf22f58e76adf6c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},s=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"#CCCCCC"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"#E6E6E6"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}getTextColor(e){if(e.startsWith("#")){const a=e.slice(1);return(.299*parseInt(a.substring(0,2),16)+.587*parseInt(a.substring(2,4),16)+.114*parseInt(a.substring(4,6),16))/255>.5?"text-default":"text-inverse"}if(/rgb/i.test(e)){const a=e.replace(/rgba?\(/i,"").replace(")","").split(",").map((e=>parseFloat(e.trim()))),[c,d,s]=a;return(.299*c+.587*d+.114*s)/255>.5?"text-default":"text-inverse"}return"text-default"}render(){return a("ul",{key:"0f2cc155ce4e73dc47272a4640834cb0ee2e22a5",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>{const c=this.getTextColor(e.background);return a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"},class:c})),a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.pantoneC),a("span",{class:`f-body-02 ${c}`},e.pantoneU))))})))}},f=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}]}render(){return a("ul",{key:"a8696a25aafbfb13acf0966545e33caf6f65545d",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16",style:{background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16"},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},b=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"linear-gradient(to bottom, #3FA9F5, #3FA9F5)"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"linear-gradient(to bottom, #3FA9F5, #0644F4)"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"linear-gradient(to bottom, #C461FF, #C461FF)"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"linear-gradient(to bottom, #C461FF, #5D3DF9)"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"linear-gradient(to bottom, #FFA543, #FFA543)"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"linear-gradient(to bottom, #FFA543, #FF4D68)"}]}render(){return a("div",{key:"0ddb6899f2537c472edbdd0de348c4155a861fff"},a("ul",{key:"f5dc4b1ec2fac8da8266e89b3ee51b13bbf2ab6c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"f0c8c818f3fcf25c565890fc330f0381c5c0dbc6",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"b6df1db077f85646585b918b155e49ea139bcc82",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"77d1cb3761d5d5d1f415e9b47a31fee3f246dd7c",class:"grid"},a("span",{key:"b1d79586fdd0126a44329a6478702803df065afc",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"463fef5cd7531513f644605f4caba6218ddf08ad",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"e0ecb4d4ec8c30f2de553d8763d50b7346c1148a",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1e8f1a7be1aa0418232458729a5bb85d2cb98e4f",class:"grid"},a("span",{key:"a82f7eed64466929d0c366ad0cac1dd8d07095b3",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"78c94eaf3d621a16ebc17d210fd3f6baef0e70fe",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"4b21c9633426e2d49421e9e93adb920306aced13",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"118a50630946847b09f2792fda6fc86f9c4b458e",class:"grid"},a("span",{key:"4143c24062fcd7b3313867eb4c13a8a83fbbd644",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"5ef264bd694c497e2ba0348a36ef1789bcada833",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"a1456423e9173eb95da41584ecded25d5c61766a",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"e345d8cc8c51f2d9d1fea9b2c67051ce5ca8f358",class:"grid"},a("span",{key:"29b7d5bcfb5ac5f95474f053239a49e7fc91799f",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"b446728afaa56156a254499d335c2a1c8e1b0148",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"b3d7bc7434cf9f707cd1827cb2dac72fe70d58e2"}),a("ul",{key:"c83274127086ebcb67f22d946480636059e313af",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"27fbee38a641a525a3dd02f4ad7b6b03fa2f59b5",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"34b924874118811fef752e975532fb6c56692b67",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"1e28e76e270583923233a207dcf14f155ec1a056",class:"grid"},a("span",{key:"25ddba2af4b76aff1d3c28711052e23e1f924f35",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"a2f75582478b7ac7cb5e5c954fbe6bc41c534714",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"5ed9569671f7644be52a63735cd9f91dd0c38e45",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"b6c65b860f91f5d1b0dea6320588807b54935260",class:"grid"},a("span",{key:"75fdc2677a0cf76e2fc458bf6ddafa8f25e47c25",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"48a8182282ab4311ebe104ce812924261f350c52",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"40f5edd974eff3891f08fb4bb71e627a7fc6c3e3",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"30e2c52d5dc2f14b2d31db28725602fa5db2c7cc",class:"grid"},a("span",{key:"f38624cf43d3afc08c6ddf7fda4c0d8c8302cabb",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"7fa03e96c202c03376214cf874de48ad3059a819",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"5668f67a60cf3c148b2f411b5e990409f1b2a63d",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"944dbcbe0b74d5de3b7a6cb6249292c4f6198ce4",class:"grid"},a("span",{key:"f85d29f44844bad53e1a8272792909ee655c3d11",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"a8565dd2fcd60b9e8f685ca91be4b91fd9310243",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"1736517e3b869da97268b88ca1e862e52afb72e3"}),a("ul",{key:"89c5251e7c56a1858f98f9877721aaf3818d3ce3",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"f1bf325f0f4c4ff13212dd40a957a0407a0e2a31",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"8f324cbb1e6c24f786135607d511cc6040582902",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"1eb01383979ac6d4a0b61964a7bcd19887c8908f",class:"grid"},a("span",{key:"2aaf61cb79ca93c7303ea37b0e23f755bf933948",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"5814e3e62806533329488aa61f3528d6add22db1",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"e5a78ab4f2ee993cbf6f084314534b645b782dfa",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"db666031e9fee9f2029992f776e1c468f5fb1ce7",class:"grid"},a("span",{key:"9888a56c6d738e2a175d89e6fe16fe5b4761fc56",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"4337a6bedba3e7dbc09225a031c34f3e193d22bb",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"6cf755699eb3ff7f43b8694bb85fb4559372a0a3",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"c9864bbfb228691b623c2713e3655de3fb871caa",class:"grid"},a("span",{key:"cc86cc9b24f429d7ebeca8ac8fff95346b8c149b",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"e46c02239ec074fe15cb2979b500a0b7e0a17a56",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"5325d7f9e4a8c28884ba1bc0147d549b42be68c6",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"09af1ed381838dc60410fe2ba9116e4da0644307",class:"grid"},a("span",{key:"bde38ea3998629f7ee7cf4cfafd96bfd3e11fb3a",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"f2da476b838b6124f8e1b77209fa1a524048e71a",class:"f-body-02"},this.colors[5].pantoneU))))))}},t=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"linear-gradient(to bottom, #CCCCCC, #CCCCCC)"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"linear-gradient(to bottom, #CCCCCC, #E6E6E6)"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}render(){return a("ul",{key:"a74064ecc5a2d9646b76e50bd01fed9974cad718",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"2a79cfc1423158ebe2479e5f4160874c5c57bba0",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"f732817f063656d0f5083fbde7f53d78f4ce319b",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"a780e52ac0812ba9f2d0933169a1ed408dcac017",class:"grid"},a("span",{key:"034c1c3f59ddb5d15b417eddd9049f61721c40e7",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"d85bde05df7d5e756d2c4e106ab364e7c3ec3d30",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"c4f3d8edad422dd905da51a2976b41df8833b2b2",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"6b6055393c1c086ef6c71fde0a06646d32c2cc49",class:"grid"},a("span",{key:"7678ac503bbfe96a8c7e4ba0833e5872afc4bda4",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"e3861166afbbdcb1057d7aedf0363be1650ffef2",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"51a63dafebd44287264876132b1a53c7ada24f59",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"26c3f5cd749a0ce810ce71283ba75292884c1802",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"c2adcca45b3edb97cdc92f1bd177aee32c27d13b",class:"grid"},a("span",{key:"06ee04c8345bd3c7bee01f28ec79c839d3956812",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"4118231fd5b280b10937136b05e420b3d4fa039d",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"8053667bcbbe539b49a8fa490b28d7fed3c206fb",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"ffbfe32727e433f64c2ca2fefb27348f46cdd123",class:"grid"},a("span",{key:"50199120a53270d4e9a2fdbfe7b0430fd810247e",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"9f1b49b9e3e9cc941e4047362a531ac39fa4acf2",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"842be74ea7d2839282421c05c94de0ea08edc324",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"e36fa05852a0e97af9f6d30b4bc7ac0a03c5ca46",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"7c20aa597afc6623e4f48c96a5dfe35fcc794417",class:"grid"},a("span",{key:"9de55f6cf867d5ca0f359c34df82ea9ea9944b41",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"64ca513c8cb69fa0e8bf8decc3b9315f59e78adc",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"fe4421e78d7c9f6b9fae2aab43046e68fa61b33a",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1913674915edca8c83213f405465670bd1dc53b1",class:"grid"},a("span",{key:"a53396290e785e8c055e152d15256388a278606b",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"d175bc7681febbde0bfbcf9816c8077cef210de3",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"bbb39daa24f9881296be8b89fc5dd7d980acace6",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"8d2c43ece12d3b50970df5843d038c4866eeb18e",class:"grid"},a("span",{key:"2e2fc983f867ef09fffb61c6f82d796c68c73b17",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"4d9f460a5f6f5b8166f41eee37e15809b2abf943",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"dfb80c0f00dc096561da4d5a85a98969e4568987",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1d7d6041de03afec92b41519d8422a998ce25465",class:"grid"},a("span",{key:"5298461da58d328376cc3448da7b3994dabe0abd",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"a21f99e92de656addef78784d6c699ac17c82f36",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"36b0e8aed142a859481083b733e2c72dbe88e2a7",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"d6620556f763fc9b59ef96846c1121a78945e6df",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"3be07bea07803e9103ccaa26582502a746f9d832",class:"grid"},a("span",{key:"25ead831ce5dab6e3c145b8610f6654d85bb185a",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"f5993b7b320e904ee13f63152aa33dd82431c387",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"b01544b8316df980372cc834a39a9adbf7ec2e26",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"e7b4641f2fd27c0742439164bd1f10b08c593f4f",class:"grid"},a("span",{key:"d4fe6aacd76c7aa6b0e5fa06ff553403b16d05b4",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"a2eb07ff8a20e25ddf65e589285f016e1ecdc52e",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};export{c as color_primary_palette,d as color_secondary_palette,s as color_support_palette,f as gradient_primary_palette,b as gradient_secondary_palette,t as gradient_support_palette}

package/dist/components/p-3d1bb2fe.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e}from"./p-271c61ff.js";const n=class{constructor(e){i(this,e)}render(){return e("div",{key:"bfd9df144e3cabfc1b2198909208d4d41b1d06b8",class:"container"},e("ul",{key:"318197fcbbf5ea30a3b7786c670dc6a3484063fe",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},e("li",{key:"7014dddeec695952b9b4041bacc7b509abd4425c",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},e("p",{key:"8be13e6c9f214d23941aae09653e6bae85536805",class:"f-body-01 text-center my-4"},"#1 Positive"),e("div",{key:"a3eb696587b0fe2eaea6e6f02c6512d75b2319f4",class:"coloured"},e("eds-logo",{key:"530e57935491b485a8f1ab983c5c74aa62699e33",variant:"positive",href:"#"}))),e("li",{key:"1664f259390ded9c4084a8734b275a24e4add82e",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},e("p",{key:"c24b35b76fe5cd95462c3f5c435a445b4eed731d",class:"f-body-01 text-center my-4"},"#2 Negative"),e("div",{key:"0ef846b5bc472e082151994428a681e8ef888919",class:"bg-default"},e("eds-logo",{key:"647cbedbffc487740dda470fada93c7c4bfe88b7",variant:"negative",href:"#"})))))}};n.style='ol,ul,menu{list-style:none;margin:0;padding:0}.coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}.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)}.text-center{text-align:center}.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}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}';const r=class{constructor(e){i(this,e),this.orientation="vertical",this.type=void 0}render(){return e("div",{key:"7707346060f598bc4a33ed1b25591907bd1ed86f",class:"container"},e("ul",{key:"988427e4445b7238666a8865b40e39106574a020",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},e("li",{key:"09ebe2c5e0c4a17451cff4fa7f8d14f8dadccfb2",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},e("p",{key:"b761f45824056d8022b25851dc92ec477ba5dd90",class:"f-body-01 text-center my-4"},"#1 Positive"),e("div",{key:"b1d0c459aa5fe60c07d23d216873e8792a9b0bdb",class:"mx-auto coloured w-[300px]"},e("eds-logo",{key:"579c9c3bfe2156153d0a695ed164b5c143435935",orientation:"vertical",variant:"positive",href:"#"}))),e("li",{key:"e9392a9b97c7fee407bc49dbf1baf5844c002f4a",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},e("p",{key:"5335419cfe66e2454eebe227dcbb844bd9c28d65",class:"f-body-01 text-center my-4"},"#2 Negative"),e("div",{key:"85f26cc36d343225c543f55ebff8435b7c3b8128",class:"mx-auto bg-default w-[300px]"},e("eds-logo",{key:"e50ba165a491eda6dbdf386cb7c82cfdb69aa7a7",orientation:"vertical",variant:"negative",href:"#"})))))}};r.style='.coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.text-center{text-align:center}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.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}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}';export{n as logo_variations_horizontal,r as logo_variations_vertical}

package/dist/components/p-5ff4b1d0.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-271c61ff.js";const t=class{constructor(e){s(this,e),this.buttonText="Cookies Preferences",this.intent="secondary",this.showMatomoNotice=!1,this.noticeKey=0}toggleCookiesPopup(){sessionStorage.removeItem("matomo-deferred"),this.showMatomoNotice?this.noticeKey=this.noticeKey+1:this.showMatomoNotice=!0}render(){return e("div",{key:"0a1f75fe95820dd8f994193f86b52b684f5fd240"},e("eds-link",{key:"d3b5740fa53b30a39296b23cd95da1ad2d8d730d",size:"small",intent:this.intent,label:this.buttonText,onClick:()=>this.toggleCookiesPopup()}),this.showMatomoNotice&&e("eds-matomo-notice",{"force-show":!0,key:this.noticeKey}))}};t.style="";export{t as eds_cookies_preference}

package/dist/components/p-6be1730a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as o}from"./p-271c61ff.js";const s=class{constructor(o){e(this,o),this.isAuthenticated=!1}componentWillLoad(){const e=new Promise((e=>{document.addEventListener("initKeycloak",(o=>{e(o.detail)}),{once:!0})})),o=new Promise((e=>{document.addEventListener("authStatusChanged",(o=>{var s;this.isAuthenticated=null===(s=o.detail)||void 0===s?void 0:s.authenticated,e(o.detail)}),{once:!0})}));this.combinedInitPromise=Promise.all([e,o])}render(){return o("div",{key:"c9192fb7e315fa8fe41c9ee512f4573951865208"},o("eds-splash-screen",{key:"e3d413597cc370692c593abd4017d97e1c172219",inverse:!0,initPromise:this.combinedInitPromise}),o("eds-login",{key:"2821e64738053db4809663aa918f98c4df358201","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),o("main",{key:"4680b74ec0f74b8060b020f726f6696b41b43a9e"},o("h1",null,this.isAuthenticated?"Welcome, authenticated user!":"Please log in.")))}};export{s as eds_app_root}

package/dist/components/p-786ff09b.entry.js

@@ -1 +0,0 @@
-import{r,h as t}from"./p-271c61ff.js";const e=class{constructor(t){r(this,t),this.accessToken=void 0,this.projectId="3360",this.apiUrl="https://gitlab.ebrains.eu/api/v4",this.path=void 0,this.limit=50,this.minCommits=1,this.showStats=!0,this.columns="4",this.sortBy="commits",this.contributors=[],this.loading=!0,this.error=""}async componentWillLoad(){await this.fetchContributors()}getProjectIds(){return this.projectId.split(",").map((r=>r.trim())).filter((r=>r.length>0))}async fetchCommitsByPathForProject(r){const t=[];let e=1;for(;;){const o=`${this.apiUrl}/projects/${encodeURIComponent(r)}/repository/commits?path=${encodeURIComponent(this.path)}&per_page=100&page=${e}`,i=await fetch(o,{headers:{"PRIVATE-TOKEN":this.accessToken}});if(!i.ok)throw new Error(`GitLab API error: ${i.status} ${i.statusText}`);const s=await i.json();if(0===s.length)break;if(t.push(...s),s.length<100)break;e++}const o=new Map;for(const r of t){const t=r.author_email.toLowerCase();o.has(t)?o.get(t).commits++:o.set(t,{name:r.author_name,email:r.author_email,commits:1})}return Array.from(o.values()).map((r=>({name:r.name,email:r.email,commits:r.commits,additions:0,deletions:0})))}async fetchContributorsForProject(r){if(this.path&&"1505"===r)return await this.fetchCommitsByPathForProject(r);{const t=await fetch(`${this.apiUrl}/projects/${encodeURIComponent(r)}/repository/contributors?per_page=100`,{headers:{"PRIVATE-TOKEN":this.accessToken}});if(!t.ok)throw new Error(`GitLab API error: ${t.status} ${t.statusText}`);return await t.json()}}async fetchContributors(){if(!this.accessToken)return this.error="Access token is required for internal projects",void(this.loading=!1);try{this.loading=!0,this.error="";const r=this.getProjectIds();let t=[];for(const e of r){const r=await this.fetchContributorsForProject(e);t.push(...r)}const e=t.filter((r=>{if(r.commits<this.minCommits)return!1;const t=r.email.toLowerCase(),e=r.name.toLowerCase();return!["gitlab-ci","gitlab ci","noreply@gitlab","bot@","automation@"].some((r=>t.includes(r)||e.includes(r)))})),o=this.aggregateContributors(e);o.sort("commits"===this.sortBy?(r,t)=>t.commits-r.commits:(r,t)=>r.username.localeCompare(t.username)),this.contributors=o.slice(0,this.limit),this.loading=!1}catch(r){this.error=r instanceof Error?r.message:"Failed to fetch contributors",this.loading=!1,console.error("Error fetching GitLab contributors:",r)}}extractUsernameFromEmail(r){return r&&r.includes("@")?r.split("@")[0]:r||"unknown"}aggregateContributors(r){const t=new Map;for(const e of r){const r=this.extractUsernameFromEmail(e.email),o=r.toLowerCase();if(t.has(o)){const r=t.get(o);r.commits+=e.commits,r.additions+=e.additions,r.deletions+=e.deletions}else t.set(o,Object.assign(Object.assign({},e),{username:r}))}return Array.from(t.values())}parseName(r){const t=r.trim().split(" ");return 1===t.length?{firstName:t[0],lastName:""}:{firstName:t[0],lastName:t.slice(1).join(" ")}}formatNumber(r){return r>=1e3?`${(r/1e3).toFixed(1)}K`:r.toString()}render(){return this.loading?t("div",{class:"loading",role:"status","aria-live":"polite"},t("eds-spinner",{size:"sm",variant:"primary",background:"transparent",message:"Loading contributors..."})):this.error?t("eds-alert",{message:"Error loading contributors",intent:"error"}):0===this.contributors.length?t("eds-alert",{message:"No contributors found for this project.",intent:"error"}):t("div",{class:"w-full"},t("div",{class:"grid gap-6 w-full "+("2"===this.columns?"grid-cols-1 sm:grid-cols-2":"3"===this.columns?"grid-cols-1 sm:grid-cols-2 md:grid-cols-3":"4"===this.columns?"grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4":"grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5")},this.contributors.map((r=>{const{firstName:e,lastName:o}=this.parseName(r.name);return t("div",{class:"contributor-card flex flex-row gap-4 p-5 bg-white border border-gray-200 rounded-lg transition-all duration-200",key:r.email},t("div",{class:"flex-shrink-0"},t("eds-avatar",{firstName:e,lastName:o,color:"black"})),t("div",{class:"min-w-0 flex flex-col gap-2"},t("span",{class:"f-ui-01 text-default pb-2 m-0 whitespace-nowrap overflow-hidden text-ellipsis"},"@",r.username),t("div",{class:"flex flex-col gap-2 mt-auto"},t("div",{class:"flex items-center gap-2 font-semibold"},t("span",{class:"text-light"},this.formatNumber(r.commits)),t("span",{class:"text-lighter"},1===r.commits?"commit":"commits")))))}))))}};e.style=".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}.flex-row{flex-direction:row}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.p-5{padding:1.25rem;}.p-12{padding:3rem;}.pb-2{padding-bottom:0.25rem;}.pb-4{padding-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.m-0{margin:0}.mt-auto{margin-top:auto}.w-full{width:100%}.min-w-0{min-width:0}.text-xs{font-size:0.75rem;line-height:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.no-underline{text-decoration:none}.text-gray-600{color:var(--eds-color-gray-600, #4b5563)}.text-gray-900{color:var(--eds-color-gray-900, #111827)}.border-gray-200{border-color:var(--eds-color-gray-200, #e5e7eb)}.bg-white{background-color:var(--eds-color-white, #ffffff)}.text-primary-600{color:var(--eds-color-primary-600, #2563eb)}.hover\\:text-primary-600:hover{color:var(--eds-color-primary-600, #2563eb)}.border-primary-300{border-color:var(--eds-color-primary-300, #93c5fd)}.hover\\:border-primary-300:hover{border-color:var(--eds-color-primary-300, #93c5fd)}.text-success-600{color:var(--eds-color-success-600, #16a34a)}.text-error-600{color:var(--eds-color-error-600, #dc2626)}.border{border-width:1px}.border-b{border-bottom-width:1px}.rounded-lg{border-radius:var(--eds-radius-lg, 0.5rem);}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{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:150ms}.duration-200{transition-duration:200ms}.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.hover\\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.-translate-y-0\\.5{transform:translateY(-0.125rem);}.hover\\:-translate-y-0\\.5:hover{transform:translateY(-0.125rem)}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}.contributor-card{will-change:transform, box-shadow, border-color}.loading{position:relative;min-height:8rem;padding:1rem 1.25rem;color:var(--grey-dark, #7A7B7A);font-size:0.9375rem;border:1px solid rgba(0, 0, 0, 0.08);border-radius:0.25rem;background-color:rgba(0, 0, 0, 0.02)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.text-default{color:var(--black)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}";export{e as eds_gitlab_contributors}