@ebrains/components 0.9.1-beta → 0.9.3-beta

package/dist/stencil.config.js

@@ -60,7 +60,7 @@ export const config = {
         }),
         angularOutputTarget({
             componentCorePackage: '@ebrains/components',
-            //outputType: 'standalone',
+            outputType: 'standalone',
             directivesProxyFile: '../../../packages/angular/src/generated/components.ts',
             directivesArrayFile: '../../../packages/angular/src/generated/index.ts',
         }),

package/dist/types/components/eds-modal/eds-modal.d.ts

@@ -9,24 +9,15 @@
  * This component is useful for displaying overlay content in a structured and accessible manner, with controls for dynamic visibility and content truncation.
  */
 export declare class EdsModal {
-    /**
-     * Controls whether the modal is open or closed.
-     */
-    isOpen: boolean;
     /**
      * The title of the modal.
      */
     heading: string;
     /**
-     * A boolean indicating whether the description should be truncated.
-     * Default is `true`.
-     */
-    truncate: boolean;
-    /**
-     * The number of lines to truncate the description to.
+     * The number of lines to truncate the title to.
      * Default is 3 lines.
      */
-    truncateLines: string;
+    truncate: 1 | 2 | 3 | 4;
     /**
      * Specifies the position of the modal.
      *
@@ -37,7 +28,16 @@ export declare class EdsModal {
      * - `"left"`: The modal is positioned on the left side of the viewport, centered vertically.
      * - `"right"`: The modal is positioned on the right side of the viewport, centered vertically.
      */
-    position: 'middle' | 'top' | 'bottom' | 'left' | 'right';
+    position: 'middle' | 'top' | 'bottom';
+    /**
+     * Whether to use the inverse header style
+     * (light text on strong background) instead of the default.
+     */
+    inverseHeader: boolean;
+    /**
+     * Controls whether the modal is open or closed.
+     */
+    isOpen: boolean;
     /**
      * Reference to the host element.
      */

package/dist/types/components/eds-modal/eds-modal.stories.d.ts

@@ -12,10 +12,27 @@ declare const _default: {
             options: string[];
             description: string;
         };
+        truncate: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            defaultValue: number;
+        };
+        inverseHeader: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
     };
     args: {
         title: string;
         position: string;
+        truncate: number;
+        inverseHeader: boolean;
     };
 };
 export default _default;

package/dist/types/components.d.ts

@@ -1432,6 +1432,10 @@ export namespace Components {
           * The title of the modal.
          */
         "heading": string;
+        /**
+          * Whether to use the inverse header style (light text on strong background) instead of the default.
+         */
+        "inverseHeader": boolean;
         /**
           * Opens the modal.
          */
@@ -1439,19 +1443,15 @@ export namespace Components {
         /**
           * Specifies the position of the modal.  Acceptable values are: - `"middle"` (default): The modal is centered both vertically and horizontally. - `"top"`: The modal is positioned near the top of the viewport. - `"bottom"`: The modal is positioned near the bottom of the viewport. - `"left"`: The modal is positioned on the left side of the viewport, centered vertically. - `"right"`: The modal is positioned on the right side of the viewport, centered vertically.
          */
-        "position": 'middle' | 'top' | 'bottom' | 'left' | 'right';
+        "position": 'middle' | 'top' | 'bottom';
         /**
           * Toggles the modal open or closed.
          */
         "toggle": () => Promise<void>;
         /**
-          * A boolean indicating whether the description should be truncated. Default is `true`.
-         */
-        "truncate": boolean;
-        /**
-          * The number of lines to truncate the description to. Default is 3 lines.
+          * The number of lines to truncate the title to. Default is 3 lines.
          */
-        "truncateLines": string;
+        "truncate": 1 | 2 | 3 | 4;
     }
     /**
      * `EdsPagination` is a component for navigating paginated data.
@@ -2303,7 +2303,7 @@ declare global {
         new (): HTMLEdsFullscreenMenuElement;
     };
     interface HTMLEdsHeaderElementEventMap {
-        "toggleMenu": boolean;
+        "toggleheadermenu": boolean;
     }
     /**
      * `EdsHeader` is a header component designed for the EBRAINS platform.
@@ -3979,7 +3979,7 @@ declare namespace LocalJSX {
         /**
           * Event to signal toggle menu action
          */
-        "onToggleMenu"?: (event: EdsHeaderCustomEvent<boolean>) => void;
+        "onToggleheadermenu"?: (event: EdsHeaderCustomEvent<boolean>) => void;
     }
     interface EdsIconArrowDiagonal {
         /**
@@ -4683,17 +4683,17 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * Specifies the position of the modal.  Acceptable values are: - `"middle"` (default): The modal is centered both vertically and horizontally. - `"top"`: The modal is positioned near the top of the viewport. - `"bottom"`: The modal is positioned near the bottom of the viewport. - `"left"`: The modal is positioned on the left side of the viewport, centered vertically. - `"right"`: The modal is positioned on the right side of the viewport, centered vertically.
+          * Whether to use the inverse header style (light text on strong background) instead of the default.
          */
-        "position"?: 'middle' | 'top' | 'bottom' | 'left' | 'right';
+        "inverseHeader"?: boolean;
         /**
-          * A boolean indicating whether the description should be truncated. Default is `true`.
+          * Specifies the position of the modal.  Acceptable values are: - `"middle"` (default): The modal is centered both vertically and horizontally. - `"top"`: The modal is positioned near the top of the viewport. - `"bottom"`: The modal is positioned near the bottom of the viewport. - `"left"`: The modal is positioned on the left side of the viewport, centered vertically. - `"right"`: The modal is positioned on the right side of the viewport, centered vertically.
          */
-        "truncate"?: boolean;
+        "position"?: 'middle' | 'top' | 'bottom';
         /**
-          * The number of lines to truncate the description to. Default is 3 lines.
+          * The number of lines to truncate the title to. Default is 3 lines.
          */
-        "truncateLines"?: string;
+        "truncate"?: 1 | 2 | 3 | 4;
     }
     /**
      * `EdsPagination` is a component for navigating paginated data.

package/dist/types/shared-ui/eds-header/eds-header.d.ts

@@ -53,7 +53,7 @@ export declare class EdsHeader {
     hostEl: HTMLElement;
     onAuthStatusChanged(event: CustomEvent<any>): void;
     /** Event to signal toggle menu action */
-    toggleMenu: EventEmitter<boolean>;
+    toggleheadermenu: EventEmitter<boolean>;
     /**
      * Lifecycle method that runs when the component has fully loaded.
      * It emits a custom event for each `eds-link` element contained within the breadcrumb.

package/dist/types/shared-ui/eds-matomo-notice/eds-matomo-notice.stories.d.ts

@@ -10,10 +10,6 @@ declare const _default: {
             control: string;
             description: string;
         };
-        forceShow: {
-            control: string;
-            description: string;
-        };
     };
     args: {
         title: string;
@@ -26,6 +22,5 @@ export declare const Default: {
     args: {
         title: string;
         description: string;
-        forceShow: boolean;
     };
 };

package/dist/types/shared-ui/eds-steps-v2/eds-steps-v2.stories.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        steps: {
+            control: string;
+            description: string;
+            defaultValue: {
+                title: string;
+                content: string;
+            }[];
+        };
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+            defaultValue: string;
+        };
+        imageSrc: {
+            control: string;
+            description: string;
+        };
+        bg: {
+            control: string;
+            description: string;
+            defaultValue: boolean;
+        };
+        message: {
+            control: string;
+            description: string;
+        };
+    };
+    args: {
+        steps: {
+            title: string;
+            content: string;
+        }[];
+        type: string;
+        imageSrc: string;
+        bg: boolean;
+        message: string;
+    };
+};
+export default _default;
+export declare const Static: any;
+export declare const WithImage: any;
+export declare const WithMessage: any;
+export declare const Linear: any;

package/package.json

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

package/dist/cjs/eds-modal.cjs.entry.js

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
-
-const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.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}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}";
-const EdsModalStyle0 = edsModalCss;
-
-const EdsModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isOpen = false;
-        this.heading = '';
-        this.truncate = true;
-        this.truncateLines = '1';
-        this.position = 'middle';
-    }
-    getTruncateClass() {
-        return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-    }
-    /**
-     * Returns the Tailwind CSS classes to position the modal based on the `position` prop.
-     *
-     * @private
-     * @returns {string} The concatenated CSS classes for modal positioning.
-     */
-    getModalPositionClasses() {
-        switch (this.position) {
-            case 'top':
-                return 'md:left-1/2 top-20 md:-translate-x-1/2';
-            case 'bottom':
-                return 'md:left-1/2 bottom-20 md:-translate-x-1/2';
-            case 'left':
-                return 'left-20 top-1/2 -translate-y-1/2';
-            case 'right':
-                return 'right-20 top-1/2 -translate-y-1/2';
-            case 'middle':
-            default:
-                return 'md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2';
-        }
-    }
-    /**
-     * Opens the modal.
-     */
-    async open() {
-        var _a;
-        this.isOpen = true;
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'opened'
-        });
-    }
-    /**
-     * Closes the modal.
-     */
-    async close() {
-        var _a;
-        this.isOpen = false;
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            parentContext: null,
-            tag: this.el.tagName.toLowerCase(),
-            name: ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-            action: 'closed'
-        });
-    }
-    /**
-     * Toggles the modal open or closed.
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-    }
-    /**
-     * Listens for global custom events to open the modal.
-     */
-    handleGlobalOpen() {
-        this.open();
-    }
-    /**
-     * Listens for global custom events to close the modal.
-     */
-    handleGlobalClose() {
-        this.close();
-    }
-    /**
-     * Closes the modal when the Escape key is pressed.
-     */
-    handleKeyDown(event) {
-        if (this.isOpen && event.key === 'Escape') {
-            this.close();
-        }
-    }
-    render() {
-        // Generate a unique id for the title so we can reference it for aria-labelledby.
-        const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (index.h("div", { key: '3965b74182a1015d34ebc0d5692ab89de44774e6', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: 'c0df46234deb0945ba266e8f36a0b3944bd6d7bd', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
-            ,
-            onClick: () => this.close() })), index.h("div", { key: '7fd65a4651ca67101b3a3e08ffd439070ccb8a96', class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: '80102734c692934c486fd2e2d707286dd5660c69', class: "flex justify-between items-center border-b-2 border-softer pb-8" }, index.h("span", { key: 'b98138881f6eb4ee1fad3614eda4c91e5349b563', id: titleId, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '82f08e8ec6cbcb291c5d984ae97622d364bff5d0', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), index.h("div", { key: '2ea2fc21a8b734c40b1de4a20025a50f7369d375', class: "pt-8" }, index.h("slot", { key: 'ca0fa40b4076af9eea37c6b088d26751173e815c' })))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsModal.style = EdsModalStyle0;
-
-exports.eds_modal = EdsModal;

package/dist/collection/shared-ui/eds-login/eds-login.stories.js

@@ -1,37 +0,0 @@
-export default {
-    title: 'Shared Ui/Login',
-    component: 'eds-login',
-    argTypes: {
-        keycloakUrl: {
-            control: 'text',
-            description: 'The URL of the Keycloak server where the instance is hosted'
-        },
-        keycloakRealm: {
-            control: 'text',
-            description: 'The Keycloak realm where users, roles, and credentials are managed'
-        },
-        keycloakClientId: {
-            control: 'text',
-            description: 'The client ID representing the app Keycloak is protecting'
-        }
-    },
-    args: {
-        keycloakUrl: 'http://localhost:8080',
-        keycloakRealm: 'nigeor-realm',
-        keycloakClientId: 'stencil-app'
-    },
-    parameters: {}
-};
-export const Default = {
-    render: (args) => `
-      <eds-login
-        keycloak-url="${args.keycloakUrl}"
-        keycloak-realm="${args.keycloakRealm}"
-        keycloak-client-id="${args.keycloakClientId}">
-      </eds-login>`,
-    args: {
-        keycloakUrl: 'http://localhost:8080',
-        keycloakRealm: 'nigeor-realm',
-        keycloakClientId: 'stencil-app'
-    }
-};

package/dist/components/p-0467ceb5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,g as s}from"./p-cccacbd3.js";import{m as n,a as o}from"./p-13efafb9.js";const r=class{constructor(a){t(this,a),this.consent=e(this,"consent",7),this.heading="Analytics Consent",this.description="We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.",this.optOutMessage="You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.",this.forceShow=!1,this.showNotice=!0}toggleCookiesConsent(){this.showNotice=!this.showNotice}hasCookieConsent(){return!!document.cookie.split("; ").find((t=>t.startsWith("mtm_consent=")))}optedOut(){return!!document.cookie.split("; ").find((t=>t.startsWith("mtm_consent_removed")))}getStorageKey(){return`${window.location.host}-matomo-deferred`}componentWillLoad(){if("out"===localStorage.getItem("matomo-consent-given")||this.optedOut())this.showNotice=!1;else if(this.forceShow)this.showNotice=!0;else if(this.hasCookieConsent())this.showNotice=!1;else{const t=sessionStorage.getItem(this.getStorageKey());this.showNotice=!t}}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach((t=>{this.emitContext(t)}))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}optInAnalytics(){n(),localStorage.removeItem("matomo-consent-given"),this.hideNotice(),this.consent.emit("in")}optOutAnalytics(){o(),this.hideNotice(),this.consent.emit("out")}noThanks(){localStorage.setItem("matomo-consent-given","out"),this.hideNotice()}deferDecision(){sessionStorage.setItem(this.getStorageKey(),"true"),this.hideNotice(),this.consent.emit("defer")}keepMeIn(){this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?a("div",{class:"fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},a("eds-accordion",{title:this.heading,description:this.hasCookieConsent()?this.optOutMessage:this.description,switchBg:!0,expanded:!0},this.hasCookieConsent()?a("div",{class:"flex items-center gap-4"},this.optedOut()?a("eds-button",{intent:"primary",label:"Opt me in again","aria-label":"Opt me in again",onClick:()=>this.optInAnalytics()}):a("eds-button",{intent:"primary",label:"Keep Me In","aria-label":"Keep Me In",onClick:()=>this.keepMeIn()}),a("eds-button",{intent:"ghostInverse",label:"Opt-out","aria-label":"Opt-out from analytics",onClick:()=>this.optOutAnalytics()})):a("div",{class:"flex items-center gap-4"},a("eds-button",{intent:"primary",label:"I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),a("eds-button",{intent:"ghost",label:"No, thanks","aria-label":"Opt-out from analytics",onClick:()=>this.noThanks()}),a("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return s(this)}};r.style=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";export{r as eds_matomo_notice}

package/dist/components/p-20b3a999.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{u as a}from"./p-1b2913c8.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"9383784da3e52d22395288f8eba5b6f4ee826aa5",class:this.class,innerHTML:a})}};export{c as eds_icon_updown}

package/dist/components/p-20e9ae7f.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{m as c}from"./p-5ab1d64a.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"5388b5cef5d643984157e0bed9263e83934dc7e3",class:this.class,innerHTML:c})}};export{e as eds_icon_mastodon}

package/dist/components/p-29e807f5.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{l as c}from"./p-2117611b.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d",class:this.class,innerHTML:c})}};export{e as eds_icon_loader}

package/dist/components/p-35ed7ebf.entry.js

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

package/dist/components/p-376b706b.entry.js

@@ -1 +0,0 @@
-import{r as c,h as s}from"./p-cccacbd3.js";import{c as e}from"./p-ece618b3.js";const r=class{constructor(s){c(this,s),this.class=""}render(){return s("span",{key:"6c98bd673a1562fda009e95e4e4562d1e7f0ccfd",class:this.class,innerHTML:e})}};export{r as eds_icon_chevron_left}

package/dist/components/p-3932d0af.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{s as r}from"./p-e2d5a487.js";const t=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4",class:this.class,innerHTML:r})}};export{t as eds_icon_star}

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

@@ -1 +0,0 @@
-import{r as c,h as s}from"./p-cccacbd3.js";import{b as r}from"./p-81899237.js";const e=class{constructor(s){c(this,s),this.class=""}render(){return s("span",{key:"a06ab2e79a1ec7603244ec09649ccc2c9ea1950c",class:this.class,innerHTML:r})}};export{e as eds_icon_bluesky}

package/dist/components/p-41e89554.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-cccacbd3.js";const c={"1x1":"1/1","21x9":"21/9","16x9":"16/9","3x2":"3/2","4x3":"4/3","4x5":"4/5"},s=class{constructor(t){e(this,t)}render(){return t("section",{key:"595dc0d77e33bfb2109666d185933c9f5b23616e",class:"w-full"},t("eds-section-core",{key:"a3217b7808a1bc810ff0b158c4e6547bc2a77b06",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},t("ul",{key:"505f84a67b6eba8c33d1484c4cb0e94f4de68bc0",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(c).map((([e,c])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"container ratio-box flex items-center justify-center text-center border-2 border-soft",style:{aspectRatio:c.replace("/",":"),width:"100%",maxWidth:"300px"}},t("span",{class:"text-default font-bold mr-auto"},"aspect-",e),t("span",{class:"mt-2 text-sm ml-auto"},c))))))))}};export{s as token_ratios}

package/dist/components/p-435a8942.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{s as c}from"./p-2066b033.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"6795d973d3a1fff27c2fd6181235d0284abaf3b7",class:this.class,innerHTML:c})}};export{a as eds_icon_search}

package/dist/components/p-4c7852f8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{p as r}from"./p-024c7937.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"b3a338684e00d2d612a49734cbb3cfd8e44b4eee",class:this.class,innerHTML:r})}};export{e as eds_icon_public}

package/dist/components/p-52913e2e.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{p as c}from"./p-b73410de.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"cb9f7af8825527f86c200203611dae752cb3d647",class:this.class,innerHTML:c})}};export{a as eds_icon_paper}

package/dist/components/p-6404e157.entry.js

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

package/dist/components/p-66bb44c9.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{t}from"./p-7198c024.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"9db1730236b54d01a4264e92465f9a953325f7ca",class:this.class,innerHTML:t})}};export{c as eds_icon_tutorial}

package/dist/components/p-78fa7132.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{t}from"./p-ba720bf3.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"94d79a5d32574820ab3459708e3d8c4a3f28f79f",class:this.class,innerHTML:t})}};export{a as eds_icon_thumbs_down}

package/dist/components/p-7dce734a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{p as r}from"./p-694fc085.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"d57700e721a421e4c970a1e643d92548fcf2b18c",class:this.class,innerHTML:r})}};export{e as eds_icon_private}

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

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{e as r}from"./p-0e6d43c5.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"9758d733a6bdc751f059588ca8c3bc916f430968",class:this.class,innerHTML:r})}};export{e as eds_icon_eu}

package/dist/components/p-8653bc36.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-cccacbd3.js";import{u as r}from"./p-d962849c.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"259a1fae59093dd4e1fd6d26e07aae0e8c3de2fd",class:this.class,innerHTML:r})}};export{c as eds_icon_unknown}

package/dist/components/p-8baa7e01.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{c as e}from"./p-1ded61bd.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"3484b9074d724ddee4141ff561e568284737ef43",class:this.class,innerHTML:e})}};export{c as eds_icon_chevron_up}

package/dist/components/p-8e3c6c63.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-cccacbd3.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:"970e6baf4b258e9a0ed194316daf1c862d17733e",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:"54f985b91b28ae253a06ec313872ccc81449bf51",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:"cf31dbb2778735cb95f40243f557e97c15cd29f0",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:"469fc7f19a4346b7e930095c489c0e89cc58e6df",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:"bcfd5c5ca5a01138d27ae5f0867998bb40d526ac"},a("ul",{key:"6f79d13b142488f1253ba77b0a044fd8ada8d297",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"e8e44a1ee3993564fc2331d0d9337a2e0ceaebc1",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"229940b2fe6264429fb7627c9d3aa02e18e90b5a",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"0cf83c147dde777efe2783d2148e780ab328c978",class:"grid"},a("span",{key:"06f893ff45abe7c1d3cb817fe5834a5176c93f06",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"3967e17ed980810d8b35b0d2b2e754f7b2e8b3e0",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"2adc489cee7b3a3a67f62493fb5e125fc1e75c04",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"cb27de2308afcaaaad82675c50573805e51f36f7",class:"grid"},a("span",{key:"0655190c8a8d555ed0fec5c319ff349d9fefc4d0",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"2b75a99e922965547e9f86240c0db577ec0b9682",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"a8b7ef1c5309601366baffa2d3b48c6cd8893eb6",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"fd01906e34a91984aa7ce6439abcf03673d70099",class:"grid"},a("span",{key:"d4e119028ad415d9a21988c2bf603011856bb78d",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"4ba9d26645884bc1fc75741ee40509af56a9e7ae",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"5be1c28b15b458fba099868b598ee513077562e0",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"8609b9e68f23aaec35e76b312a425c376d508892",class:"grid"},a("span",{key:"f5cbb2d867e1a66e8371ebd73503ac1cd208f51d",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"b72b8b23c5b1e136cb1114af22f34c6222b0d0f9",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"73e70749f132579efc19bccab4fff8b3e2d6979a"}),a("ul",{key:"ae61acfb731129d85d3c5151ac08d676113a5971",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"2b59810dbc40db3dfca10a09ad524499ea87f0e9",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"e66cdabf69654205b975801bbc5ff102982fba78",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"0f4d10150dc7694d7d4ccf59bc99a95216a00bc5",class:"grid"},a("span",{key:"85bbcdc4ca9b1f35625c15f5e742c35599084456",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"0b5354d88e4ada3497bb20ae9138e3f23d31b5e7",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"a67ca35d57d13a66fcab132565c1a246e37f42e8",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"41322955767caa5ce439b142ccacdcb809ebc52e",class:"grid"},a("span",{key:"ab06d7acd75b1065d057a4ec8cd7af93cd91bb5c",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"ec63cad47f9021cfd1bed508721cc5772d037bd3",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"ce5898b0ff195f6033d28e68dfd981a1813a23a4",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"1126fbf08d60b5840ba76e7d838d0ebfb47a0af9",class:"grid"},a("span",{key:"d18fbf24fcedb41638c626991e9ef3706cd0e4f7",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"9d7d1df13ce9ab7b447d72851a2f5f3b66cf1034",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"5f92ba3b52a56638b7469572614d75fde23a1516",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"4b17671dd5d18382d80ee52b8cbce51633d78603",class:"grid"},a("span",{key:"cc6a59b63bcd128d5adfd70d908cecba1324a717",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"1cf37dab03769794f85d09d8d331306fb24e2fb3",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"1e1888c860c39e5ac93c2dcd5ff9bf65e8c3b412"}),a("ul",{key:"46ee0e1cd0a80a6da7991ee9474e4db5841b1c52",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"59343e8799ddb56b0d14d3a9c43f4d43c5d82cba",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"5388a8eb55332a9a6d5b5fbe8bf022eb2a76d06c",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"0f57d835c53d5844a155c8cfb78b1b3d0d37aecd",class:"grid"},a("span",{key:"65b91767f90901590ca0ca4d892bf4bf5ca215d2",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"c2c46be9bee84e4ca53929dc9a0f5b87f48ad3ed",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"c40e13a9f535d710cede159d555fac9bbddf7b4c",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"0ebf1113e44f4e2704465d286022b84ddd57c43e",class:"grid"},a("span",{key:"e8c7485dfe4b2d1e36eae2cb21ec624384e5c085",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"7d875d8c15a4f7bee7c746d9f297bd910f4cc5a6",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"27777683ba91c02274fd691b09a43c836e24aca3",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"4f9b082b9e6c5d679801446fa5a7b88d18b40147",class:"grid"},a("span",{key:"6afd59aafb0f1b793a8f989f7d201a922951dacd",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"2114f91de062deba17e69d9bff77670107ed3f91",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"08f8b3155d932eed5b05f4dbfc0e3c6e23aa02b5",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"5459b32225dbf86021dd6a95e84b73bf14a74fe8",class:"grid"},a("span",{key:"bedfeaa4250c3bf74f267d50aecc0df93fbf21ad",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"8cc7a7a1abef3dcccad63c600692bffa5df89837",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:"d965ec67f29697480e0b7a6fea0743d946476153",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"7ae7f96aa9b3ce2a8d1fbc018b652a83e4f41e90",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"604c51b26cc5eec60e2e0125cda0cb60c82282f0",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"083d7aa003c99b54dc0c62c5ba1603c2a2a75c0a",class:"grid"},a("span",{key:"4bc89f70e22217fa58f1db0586a8d5ee0db8bdae",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"d8e1bb4f6ce3e173e31685fc4435be29d9eac4a4",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"e370e6ea2808161625aea5e9b1e6e4dd9d137f33",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"6caf8c42e6296081a3daaca0e52c2a2776d1ab46",class:"grid"},a("span",{key:"48ac4de4d194ae630a8a14df56ff2670f2f37092",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"fd02781c816a152d92c1579dc9a3115eadb0690e",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"a8562d9fb6ff77fcc6b31952a2ead12f3e0e9b50",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"4578880af1de315101deb5b42c91769dc2ca7437",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"ed304eb3c8c3ccb769db7d769872ce075261cb17",class:"grid"},a("span",{key:"956fe1115a5c1c4f6d2503737a46f0f1cbdc8e06",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"6beb1017eec40dd27351fda2ec1609987d46fb05",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"a9319b683d13670c827b3444484d5469142ef76d",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1d4f1a48a18aee0a90dd04fb336352042014ce29",class:"grid"},a("span",{key:"f4b7df5e0cde451a5e650e11b9805cc5be0c9fec",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"26d4869a2207e1386f72d2833aaf819c15006c34",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"ed2b1465825e249bff9f5df38649b331f19e0672",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"22182a6d9bb64ab5dcbc38e359c3a7d7f79f3090",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"28e2e772e7d12fbfdebec31f0aff6db397140132",class:"grid"},a("span",{key:"872451c9846398641f1a592e8c166a6a51ee7298",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"84e28be1191f264e126c8579e26cbe6966010b4d",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"a4c3dc76652feefaf3a9eba5bb3694b8dbf96be8",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"ff3a6599da869d3f9e85cb94481206e7e6331988",class:"grid"},a("span",{key:"37ef90488eb673fdac1221f7123daa87a5a75fcd",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"0a6fbb96f982a3e7c12af3787520335878faa9fe",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"b59aeb053ab1145e0d3bc163f4650cdf30afe7d4",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"af020f1a66c2d0afcb2e2bdf189569e6d897ef32",class:"grid"},a("span",{key:"3b2f895dccdeb5e2fb5aa505f19514f012d24426",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"9836a6ef47ed0dc8767a590212a23bfca2f74adf",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"3b274f716c6ca1381e4cc0136d18e167290bfa74",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"a41592e2172dc9f81e9d2f36328ff88de3f0954e",class:"grid"},a("span",{key:"fd7a06a256d3513bcf239fe9f778f3589895b9d5",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"991f38ea137b729c9e9e6c9e0031940151f6e9dc",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"8efdd7d9f93cba4b9479e1d3face7cec94cf1af6",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"4223ec29cac4313dc261cb472bd880ae00279657",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"227dd5fab1add4083271b6e7f95c7d575d91252e",class:"grid"},a("span",{key:"e5b1aab8d67f7c67f231acd4156768f146320be3",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"fc4712e37494e8e30a48bc77a0ca61c94e24075d",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"a429c519e42e242d8ce8f661a513f7b5327ffce7",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"84f30a1620cacadf8c0bf1382333d74772f81f27",class:"grid"},a("span",{key:"2b6dfc8e87517e4d0421ef0e5c2391a07f033600",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"c4cd5bc061ce4163a170568c0ed5934c7f30d75f",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-923f67b5.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{a}from"./p-32e6c4df.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"8b5169456f56b7294d86af4e75a9aeec20a20174",class:this.class,innerHTML:a})}};export{e as eds_icon_external}

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

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-cccacbd3.js";import{m as r}from"./p-29041952.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"770c34b98ec0e0a7e16de4d7b5b41b4afec9911e",class:this.class,innerHTML:r})}};export{c as eds_icon_more}

package/dist/components/p-97e95520.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{c as a}from"./p-8983de37.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"95690e0a265a88172a33edfa456de45a9943578f",class:this.class,innerHTML:a})}};export{c as eds_icon_close}

package/dist/components/p-9873ebec.entry.js

@@ -1 +0,0 @@
-import{r as c,h as s}from"./p-cccacbd3.js";import{c as r}from"./p-4587d0ef.js";const e=class{constructor(s){c(this,s),this.class=""}render(){return s("span",{key:"d6251250a9c47acceb68dee74c53fca873671878",class:this.class,innerHTML:r})}};export{e as eds_icon_chevron_down}

package/dist/components/p-9dc879c9.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{l as r}from"./p-54b8f143.js";const e=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"72eb0709ccbfc7830ab146f936a2587407feb0bb",class:this.class,innerHTML:r})}};export{e as eds_icon_linkedin}

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

@@ -1 +0,0 @@
-import{r,h as s}from"./p-cccacbd3.js";import{a as c}from"./p-c8e7c854.js";const t=class{constructor(s){r(this,s),this.class=""}render(){return s("span",{key:"399c8c70c1d875f35b7f4f578efe8072fb59d008",class:this.class,innerHTML:c})}};export{t as eds_icon_arrow_right}

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

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

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

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-cccacbd3.js";import{m as c}from"./p-aefcb641.js";const r=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"3fcbaa6aba76b06be9f4e72bf7c61a0c3fbae9fd",class:this.class,innerHTML:c})}};export{r as eds_icon_menu}

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

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-cccacbd3.js";import{c as r}from"./p-0be28996.js";const a=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"2f2e67b6792ca2c4aa711526a3d69e7a9779e159",class:this.class,innerHTML:r})}};export{a as eds_icon_copy}

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

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-cccacbd3.js";const a=class{constructor(e){t(this,e),this.applications=void 0}getParsedApplications(){let t=[];if("string"==typeof this.applications)try{t=JSON.parse(this.applications||"[]")}catch(e){console.error("Invalid applications trl JSON",e),t=[]}else Array.isArray(this.applications)&&(t=this.applications);return t}calculateProgress(t){return Math.ceil(t/9*100)}render(){const t=this.getParsedApplications().map((t=>({Application:t.name,"Current TRL Stage":`TRL ${t.currentTrl}`,Progress:e("div",{class:"w-[200px]"},e("eds-progress-bar",{value:this.calculateProgress(t.currentTrl)}))})));return e("div",{key:"00a54a2865be6f24f9b67bd47008551070c45438",class:"container mx-auto px-4 py-8"},e("eds-table",{key:"5f60e2a9e4b6bb3b16981c4be01269cd3d985086","table-data":JSON.stringify(t),config:JSON.stringify({Application:{format:"code"},"Current TRL Stage":{format:"text"}}),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};export{a as eds_trl}

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

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-cccacbd3.js";import{a as r}from"./p-32e6c4df.js";const c=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"d19f08d99908a8e47198e49b91a213aadb1dd619",class:this.class,innerHTML:r})}};export{c as eds_icon_arrow_diagonal}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{p as c}from"./p-c1e4ef92.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"260c4eeb69ff79d943571c1461346b9019ea513a",class:this.class,innerHTML:c})}};export{e as eds_icon_portal}

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

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-cccacbd3.js";import{b as c}from"./p-05754401.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"9cc4aa1805e43ca6275305e26d2fff79e2818862",class:this.class,innerHTML:c})}};export{a as eds_icon_bookmark}