@ebrains/components 1.1.0 → 1.3.0

package/dist/types/components/eds-input-elements/eds-input-footer/eds-input-footer.d.ts

@@ -1,11 +1,31 @@
-/**
- * @internal
- */
 export declare class EdsInputFooter {
+    /**
+     * Unique identifier for the input field.
+     * Used to generate ARIA `id` for error and description containers.
+     */
     name: string;
+    /**
+     * Text to display when the input is in an error state.
+     * Rendered only if `error` is `true` and this prop is provided.
+     */
     errorMessage?: string;
+    /**
+     * Informational or helper message displayed below the input
+     * when there is no error.
+     */
     message?: string;
+    /**
+     * Whether the input should be rendered in an error state.
+     * Controls visibility of the `errorMessage`.
+     * @default false
+     */
     error: boolean;
+    /**
+     * Optional link object to render below the message.
+     *
+     * @prop {string} url    - Destination URL for the link.
+     * @prop {string} label  - Text label to display for the link.
+     */
     link?: {
         url: string;
         label: string;

package/dist/types/components/eds-input-elements/eds-input-label/eds-input-label.d.ts

@@ -1,6 +1,3 @@
-/**
- * @internal
- */
 export declare class EdsInputLabel {
     /**
      * The text content of the label.

package/dist/types/components/eds-input-field/eds-input-field.d.ts

@@ -1,103 +1,78 @@
-/**
- * `EdsInputField` is a versatile form input component that supports various input types and customization options.
- *
- * Key Features:
- * - Supports multiple input types (text, checkbox, radio, select, file) with corresponding behaviors and styling.
- * - Provides options for validation, including required fields and max length.
- * - Allows custom messages and error handling with `message` and `errorMessage` props.
- * - Offers additional features like icons, labels, links, and hints to enhance user experience.
- *
- * This component provides a structured and configurable form input with additional features to suit various input requirements.
- */
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class EdsInputField {
-    /**
-     * The `name` attribute for the input element. Required for form submissions.
-     */
+    /** The `name` attribute of the input element. Required for form submission. */
     name: string;
-    /**
-     * The unique `id` for the input element. Defaults to the `name` attribute if not provided.
-     */
+    /** The `id` attribute of the internal input element. Defaults to `name` if not set. */
     inputId?: string;
-    /**
-     * The placeholder text for the input element.
-     */
+    /** Placeholder text for the input field. */
     placeholder?: string;
-    /**
-     * If `true`, disables the input field.
-     */
+    /** If `true`, the input is disabled. */
     disabled: boolean;
-    /**
-     * The `onChange` event handler for the input element.
-     */
-    onChange?: (event: Event) => void;
-    /**
-     * The `onInput` event handler for the input element.
-     */
-    onInput?: (event: InputEvent) => void;
-    /**
-     * The type of the input element. Defaults to `text`.
-     * Supported types: `text`, `checkbox`, `radio`, `select`, `file`, `search`, etc.
-     */
-    type: string;
-    /**
-     * If `true`, the input field is required.
-     */
+    /** If `true`, the input is required. */
     required: boolean;
-    /**
-     * The label text for the input field.
-     */
+    /** Label text for the input field. */
     label?: string;
-    /**
-     * A short hint displayed alongside the input field.
-     */
+    /** Optional hint displayed next to the label. */
     hint?: string;
-    /**
-     * The icon name to be displayed within the input field.
-     */
+    /** Optional icon name to display inside the input. */
     icon?: string;
-    /**
-     * A link object containing the URL and label to display alongside the input field.
-     */
+    /** Optional link associated with the input (for help or docs). */
     link?: {
         url: string;
         label: string;
     };
-    /**
-     * An additional message displayed below the input field.
-     */
+    /** Message shown below the input (e.g., additional info or validation message). */
     message?: string;
-    /**
-     * If `true`, marks the input field as having an error.
-     */
+    /** If `true`, renders the input with error styles. */
     error: boolean;
-    /**
-     * If `true`, the input field is checked (for `checkbox` or `radio` types).
-     */
+    /** If `true`, the checkbox/radio is checked. */
     checked?: boolean;
-    /**
-     * The error message displayed when validation fails.
-     */
+    /** Error message text shown when validation fails. */
     errorMessage?: string;
-    /**
-     * The value of the input field.
-     */
+    /** The value of the input. Can be `string` or `number`. */
     value?: string | number;
-    /**
-     * The maximum length of the input value (for `text` types).
-     */
+    /** The maximum allowed length for text input. */
     maxLength?: number;
     /**
-     * Options for `checkbox`, `radio`, or `select` inputs. Can be a JSON string or an array of objects.
+     * Options for select, checkbox, radio, or range inputs.
+     * Can be a JSON string or an array of `{ value, label }` objects.
      */
     options?: string | {
         value: string | number;
         label: string;
     }[];
+    /** Type of the input: e.g., `text`, `checkbox`, `select`, `range`, etc. */
+    type: string;
+    /**
+     * Native `onChange` handler for React/Vue wrappers.
+     * Enables use without manually attaching DOM event listeners.
+     */
+    onChangeNative?: (event: Event) => void;
+    /**
+     * Native `onInput` handler for React/Vue wrappers.
+     * Enables use without manually attaching DOM event listeners.
+     */
+    onInput?: (event: InputEvent) => void;
     /**
-     * Control whether the component emits value events (`oninput` / `onchange`).
-     * Defaults to `true`. Password fields are always suppressed for security.
+     * If `true`, emits `edsChange` and `edsInput` events for external usage.
+     * Set to `false` to disable value emission entirely.
      */
     exposeValueEvents: boolean;
+    /**
+     * Emits on every user input (key press, typing, etc.).
+     * Use `event.detail.value` to access the new value.
+     */
+    edsinput: EventEmitter<{
+        value: string;
+    }>;
+    /**
+     * Emits on blur or change event (e.g., selecting an option, leaving the field).
+     * Use `event.detail.value` to access the final value.
+     */
+    edschange: EventEmitter<{
+        value: string;
+    }>;
+    /** Reference to the host element. */
     hostEl: HTMLElement;
     private shouldEmitValue;
     private handleNativeInput;

package/dist/types/components.d.ts

@@ -7,16 +7,16 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 import { Card } from "./shared-ui/eds-card-section/eds-card-section";
+import { Event, VNode } from "./stencil-public-runtime";
 import { Step } from "./shared-ui/eds-steps/eds-steps";
 import { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
 import { TableAction } from "./components/eds-table/eds-table";
-import { VNode } from "./stencil-public-runtime";
 export { Tag } from "./components/eds-cards/eds-card-generic/eds-card-generic";
 export { Card } from "./shared-ui/eds-card-section/eds-card-section";
+export { Event, VNode } from "./stencil-public-runtime";
 export { Step } from "./shared-ui/eds-steps/eds-steps";
 export { Step as Step1 } from "./shared-ui/eds-steps-v2/eds-steps-v2";
 export { TableAction } from "./components/eds-table/eds-table";
-export { VNode } from "./stencil-public-runtime";
 export namespace Components {
     interface ColorPrimaryPalette {
     }
@@ -1078,102 +1078,111 @@ export namespace Components {
         "type": string;
         "value"?: string | number;
     }
-    /**
-     * `EdsInputField` is a versatile form input component that supports various input types and customization options.
-     * Key Features:
-     * - Supports multiple input types (text, checkbox, radio, select, file) with corresponding behaviors and styling.
-     * - Provides options for validation, including required fields and max length.
-     * - Allows custom messages and error handling with `message` and `errorMessage` props.
-     * - Offers additional features like icons, labels, links, and hints to enhance user experience.
-     * This component provides a structured and configurable form input with additional features to suit various input requirements.
-     */
     interface EdsInputField {
         /**
-          * If `true`, the input field is checked (for `checkbox` or `radio` types).
+          * If `true`, the checkbox/radio is checked.
          */
         "checked"?: boolean;
         /**
-          * If `true`, disables the input field.
+          * If `true`, the input is disabled.
          */
         "disabled": boolean;
         /**
-          * If `true`, marks the input field as having an error.
+          * If `true`, renders the input with error styles.
          */
         "error": boolean;
         /**
-          * The error message displayed when validation fails.
+          * Error message text shown when validation fails.
          */
         "errorMessage"?: string;
         /**
-          * Control whether the component emits value events (`oninput` / `onchange`). Defaults to `true`. Password fields are always suppressed for security.
+          * If `true`, emits `edsChange` and `edsInput` events for external usage. Set to `false` to disable value emission entirely.
          */
         "exposeValueEvents": boolean;
         /**
-          * A short hint displayed alongside the input field.
+          * Optional hint displayed next to the label.
          */
         "hint"?: string;
         /**
-          * The icon name to be displayed within the input field.
+          * Optional icon name to display inside the input.
          */
         "icon"?: string;
         /**
-          * The unique `id` for the input element. Defaults to the `name` attribute if not provided.
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
          */
         "inputId"?: string;
         /**
-          * The label text for the input field.
+          * Label text for the input field.
          */
         "label"?: string;
         /**
-          * A link object containing the URL and label to display alongside the input field.
+          * Optional link associated with the input (for help or docs).
          */
         "link"?: { url: string; label: string };
         /**
-          * The maximum length of the input value (for `text` types).
+          * The maximum allowed length for text input.
          */
         "maxLength"?: number;
         /**
-          * An additional message displayed below the input field.
+          * Message shown below the input (e.g., additional info or validation message).
          */
         "message"?: string;
         /**
-          * The `name` attribute for the input element. Required for form submissions.
+          * The `name` attribute of the input element. Required for form submission.
          */
         "name": string;
         /**
-          * The `onChange` event handler for the input element.
+          * Native `onChange` handler for React/Vue wrappers. Enables use without manually attaching DOM event listeners.
          */
-        "onChange"?: (event: Event) => void;
+        "onChangeNative"?: (event: Event) => void;
         /**
-          * The `onInput` event handler for the input element.
+          * Native `onInput` handler for React/Vue wrappers. Enables use without manually attaching DOM event listeners.
          */
         "onInput"?: (event: InputEvent) => void;
         /**
-          * Options for `checkbox`, `radio`, or `select` inputs. Can be a JSON string or an array of objects.
+          * Options for select, checkbox, radio, or range inputs. Can be a JSON string or an array of `{ value, label }` objects.
          */
         "options"?: string | { value: string | number; label: string }[];
         /**
-          * The placeholder text for the input element.
+          * Placeholder text for the input field.
          */
         "placeholder"?: string;
         /**
-          * If `true`, the input field is required.
+          * If `true`, the input is required.
          */
         "required": boolean;
         /**
-          * The type of the input element. Defaults to `text`. Supported types: `text`, `checkbox`, `radio`, `select`, `file`, `search`, etc.
+          * Type of the input: e.g., `text`, `checkbox`, `select`, `range`, etc.
          */
         "type": string;
         /**
-          * The value of the input field.
+          * The value of the input. Can be `string` or `number`.
          */
         "value"?: string | number;
     }
     interface EdsInputFooter {
+        /**
+          * Whether the input should be rendered in an error state. Controls visibility of the `errorMessage`.
+          * @default false
+         */
         "error": boolean;
+        /**
+          * Text to display when the input is in an error state. Rendered only if `error` is `true` and this prop is provided.
+         */
         "errorMessage"?: string;
+        /**
+          * Optional link object to render below the message.
+          * @prop {string} url    - Destination URL for the link.
+          * @prop {string} label  - Text label to display for the link.
+         */
         "link"?: { url: string; label: string };
+        /**
+          * Informational or helper message displayed below the input when there is no error.
+         */
         "message"?: string;
+        /**
+          * Unique identifier for the input field. Used to generate ARIA `id` for error and description containers.
+         */
         "name": string;
     }
     interface EdsInputLabel {
@@ -1905,6 +1914,10 @@ export interface EdsHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsHeaderElement;
 }
+export interface EdsInputFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLEdsInputFieldElement;
+}
 export interface EdsInputRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEdsInputRangeElement;
@@ -2615,16 +2628,19 @@ declare global {
         prototype: HTMLEdsInputElement;
         new (): HTMLEdsInputElement;
     };
-    /**
-     * `EdsInputField` is a versatile form input component that supports various input types and customization options.
-     * Key Features:
-     * - Supports multiple input types (text, checkbox, radio, select, file) with corresponding behaviors and styling.
-     * - Provides options for validation, including required fields and max length.
-     * - Allows custom messages and error handling with `message` and `errorMessage` props.
-     * - Offers additional features like icons, labels, links, and hints to enhance user experience.
-     * This component provides a structured and configurable form input with additional features to suit various input requirements.
-     */
+    interface HTMLEdsInputFieldElementEventMap {
+        "edsinput": { value: string };
+        "edschange": { value: string };
+    }
     interface HTMLEdsInputFieldElement extends Components.EdsInputField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLEdsInputFieldElementEventMap>(type: K, listener: (this: HTMLEdsInputFieldElement, ev: EdsInputFieldCustomEvent<HTMLEdsInputFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLEdsInputFieldElementEventMap>(type: K, listener: (this: HTMLEdsInputFieldElement, ev: EdsInputFieldCustomEvent<HTMLEdsInputFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLEdsInputFieldElement: {
         prototype: HTMLEdsInputFieldElement;
@@ -4313,102 +4329,119 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string | number;
     }
-    /**
-     * `EdsInputField` is a versatile form input component that supports various input types and customization options.
-     * Key Features:
-     * - Supports multiple input types (text, checkbox, radio, select, file) with corresponding behaviors and styling.
-     * - Provides options for validation, including required fields and max length.
-     * - Allows custom messages and error handling with `message` and `errorMessage` props.
-     * - Offers additional features like icons, labels, links, and hints to enhance user experience.
-     * This component provides a structured and configurable form input with additional features to suit various input requirements.
-     */
     interface EdsInputField {
         /**
-          * If `true`, the input field is checked (for `checkbox` or `radio` types).
+          * If `true`, the checkbox/radio is checked.
          */
         "checked"?: boolean;
         /**
-          * If `true`, disables the input field.
+          * If `true`, the input is disabled.
          */
         "disabled"?: boolean;
         /**
-          * If `true`, marks the input field as having an error.
+          * If `true`, renders the input with error styles.
          */
         "error"?: boolean;
         /**
-          * The error message displayed when validation fails.
+          * Error message text shown when validation fails.
          */
         "errorMessage"?: string;
         /**
-          * Control whether the component emits value events (`oninput` / `onchange`). Defaults to `true`. Password fields are always suppressed for security.
+          * If `true`, emits `edsChange` and `edsInput` events for external usage. Set to `false` to disable value emission entirely.
          */
         "exposeValueEvents"?: boolean;
         /**
-          * A short hint displayed alongside the input field.
+          * Optional hint displayed next to the label.
          */
         "hint"?: string;
         /**
-          * The icon name to be displayed within the input field.
+          * Optional icon name to display inside the input.
          */
         "icon"?: string;
         /**
-          * The unique `id` for the input element. Defaults to the `name` attribute if not provided.
+          * The `id` attribute of the internal input element. Defaults to `name` if not set.
          */
         "inputId"?: string;
         /**
-          * The label text for the input field.
+          * Label text for the input field.
          */
         "label"?: string;
         /**
-          * A link object containing the URL and label to display alongside the input field.
+          * Optional link associated with the input (for help or docs).
          */
         "link"?: { url: string; label: string };
         /**
-          * The maximum length of the input value (for `text` types).
+          * The maximum allowed length for text input.
          */
         "maxLength"?: number;
         /**
-          * An additional message displayed below the input field.
+          * Message shown below the input (e.g., additional info or validation message).
          */
         "message"?: string;
         /**
-          * The `name` attribute for the input element. Required for form submissions.
+          * The `name` attribute of the input element. Required for form submission.
          */
         "name": string;
         /**
-          * The `onChange` event handler for the input element.
+          * Native `onChange` handler for React/Vue wrappers. Enables use without manually attaching DOM event listeners.
+         */
+        "onChangeNative"?: (event: Event) => void;
+        /**
+          * Emits on blur or change event (e.g., selecting an option, leaving the field). Use `event.detail.value` to access the final value.
+         */
+        "onEdschange"?: (event: EdsInputFieldCustomEvent<{ value: string }>) => void;
+        /**
+          * Emits on every user input (key press, typing, etc.). Use `event.detail.value` to access the new value.
          */
-        "onChange"?: (event: Event) => void;
+        "onEdsinput"?: (event: EdsInputFieldCustomEvent<{ value: string }>) => void;
         /**
-          * The `onInput` event handler for the input element.
+          * Native `onInput` handler for React/Vue wrappers. Enables use without manually attaching DOM event listeners.
          */
         "onInput"?: (event: InputEvent) => void;
         /**
-          * Options for `checkbox`, `radio`, or `select` inputs. Can be a JSON string or an array of objects.
+          * Options for select, checkbox, radio, or range inputs. Can be a JSON string or an array of `{ value, label }` objects.
          */
         "options"?: string | { value: string | number; label: string }[];
         /**
-          * The placeholder text for the input element.
+          * Placeholder text for the input field.
          */
         "placeholder"?: string;
         /**
-          * If `true`, the input field is required.
+          * If `true`, the input is required.
          */
         "required"?: boolean;
         /**
-          * The type of the input element. Defaults to `text`. Supported types: `text`, `checkbox`, `radio`, `select`, `file`, `search`, etc.
+          * Type of the input: e.g., `text`, `checkbox`, `select`, `range`, etc.
          */
         "type"?: string;
         /**
-          * The value of the input field.
+          * The value of the input. Can be `string` or `number`.
          */
         "value"?: string | number;
     }
     interface EdsInputFooter {
+        /**
+          * Whether the input should be rendered in an error state. Controls visibility of the `errorMessage`.
+          * @default false
+         */
         "error"?: boolean;
+        /**
+          * Text to display when the input is in an error state. Rendered only if `error` is `true` and this prop is provided.
+         */
         "errorMessage"?: string;
+        /**
+          * Optional link object to render below the message.
+          * @prop {string} url    - Destination URL for the link.
+          * @prop {string} label  - Text label to display for the link.
+         */
         "link"?: { url: string; label: string };
+        /**
+          * Informational or helper message displayed below the input when there is no error.
+         */
         "message"?: string;
+        /**
+          * Unique identifier for the input field. Used to generate ARIA `id` for error and description containers.
+         */
         "name": string;
     }
     interface EdsInputLabel {
@@ -5492,15 +5525,6 @@ declare module "@stencil/core" {
              */
             "eds-img": LocalJSX.EdsImg & JSXBase.HTMLAttributes<HTMLEdsImgElement>;
             "eds-input": LocalJSX.EdsInput & JSXBase.HTMLAttributes<HTMLEdsInputElement>;
-            /**
-             * `EdsInputField` is a versatile form input component that supports various input types and customization options.
-             * Key Features:
-             * - Supports multiple input types (text, checkbox, radio, select, file) with corresponding behaviors and styling.
-             * - Provides options for validation, including required fields and max length.
-             * - Allows custom messages and error handling with `message` and `errorMessage` props.
-             * - Offers additional features like icons, labels, links, and hints to enhance user experience.
-             * This component provides a structured and configurable form input with additional features to suit various input requirements.
-             */
             "eds-input-field": LocalJSX.EdsInputField & JSXBase.HTMLAttributes<HTMLEdsInputFieldElement>;
             "eds-input-footer": LocalJSX.EdsInputFooter & JSXBase.HTMLAttributes<HTMLEdsInputFooterElement>;
             "eds-input-label": LocalJSX.EdsInputLabel & JSXBase.HTMLAttributes<HTMLEdsInputLabelElement>;

package/package.json

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

package/dist/components/p-019555e2.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-28ae3f3a.js";const l=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("div",null,t("h2",null,"Primary Palette"),t("color-primary-palette",null),t("h2",null,"Secondary Palette"),t("color-secondary-palette",null),t("h2",null,"Support Palette"),t("color-support-palette",null));case 1:return t("div",null,t("h2",null,"Primary Palette"),t("gradient-primary-palette",null),t("h2",null,"Secondary Palette"),t("gradient-secondary-palette",null),t("h2",null,"Support Palette"),t("gradient-support-palette",null));default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"638d6345ed0e32bda5d350f7ee8e54055d7fe770",class:"container"},this.renderContent())}};export{l as docs_palettes}

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

@@ -1 +0,0 @@
-import{r as e,h as c}from"./p-28ae3f3a.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],l=class{constructor(c){e(this,c)}render(){return c("div",{key:"3503dcc0e2d3f5b08eec400e74484e5725d7b4af",class:"container"},c("div",{key:"657857e8826e60c498450326306234c59b4e770b",class:"mb-8"},c("eds-alert",{key:"88512240affc65314593f8573b3a13f58fb2806d",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),c("div",{key:"8614d445187d2614e5833b8c89c66b178762574e",class:"flex"},c("div",{key:"1b36d52dbcbb65e1edb4513899ec898d691193c0",class:"w-full"},c("ul",{key:"13fb2eaca0ad3fb93487f6c0c976142a18870b4d",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:"adec93113e4c02168906e1da65f48c20e9b2c7dc",class:"w-full"},c("ul",{key:"d0b43589866f53c92084b270afb3571ed2723fc8",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{l as incorrect_use_of_colors}

package/dist/components/p-223ba66e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a}from"./p-28ae3f3a.js";const e=class{constructor(a){t(this,a),this.applications=void 0}getParsedApplications(){let t=[];if("string"==typeof this.applications)try{t=JSON.parse(this.applications||"[]")}catch(a){console.error("Invalid applications trl JSON",a),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:a("div",{class:"w-[200px]"},a("eds-progress-bar",{value:this.calculateProgress(t.currentTrl)}))})));return a("div",{key:"8a798c644632d3168af51aa8a0775b7455ab5b52",class:"container mx-auto px-4 py-8"},a("eds-table",{key:"82a692c0f7e46fe7438a594a7b5c567855c0e308","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{e as eds_trl}

package/dist/components/p-2810d568.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-28ae3f3a.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:"8279e944bfb0ddf1e3cb682daa1b8bcfe8cac3fd",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:"ab7abc8b8b9115446169d85c6b97f4ea2e387068",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:"42a4eb08f07919ad464ba017dbba65667c91e005",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))))})))}},b=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:"2bc09e1f15ce98c6ba133cffc09df3bf10ca343f",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)))))))}},f=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:"32943156b28f767dc9b2e524202a4f4906432472"},a("ul",{key:"bf0d9a310edc584b67e064b149c771417e4da9cc",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"3ed95b92fe0eea4e75be722c1d0abdedfaa9e00e",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"b5d4f381155b3e89bf441a87b9aff7718d4bd978",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"c12a9c31da8078a9e6889e0084f1256dad389b59",class:"grid"},a("span",{key:"2fa2d5e9bb0820f08d3c265d7797eeca4c47c73c",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"b609663a6bfebc37deee295b5c8316bb08e6c785",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"b3cc79d81900f4a9a12ff7c6ebaac286c4dc1cd6",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"f91c41b6301c6234387c4386c493a9df56869c84",class:"grid"},a("span",{key:"1165b82de0328f60a495a563e14277d3722b7d87",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"f364fa3b7d4a9c52e1b67a65a4992ea1055084c1",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"e798299fb6ffedd626aaf477593b928c73b177bc",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"eee5b2de72d33f80c85fb0ad39e486cbd69d664b",class:"grid"},a("span",{key:"5190b0bb900bf234f32ccad7d37749ae0e57c31c",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"49e3d6d1073dfa8d08054e9db612bfce1a811347",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"fd0c166cac7839de62cd782ec8071ba70378c15f",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"e9e95829a6eec21baab0238677a33cc649351185",class:"grid"},a("span",{key:"e8a6c41cc8193ca78794c7147f20d39604a1ae04",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"039cbc6eedc43de988b5dd823525bde00f7a21e5",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"7f95cfde8f4724b236446c3732c04929e17a9aa0"}),a("ul",{key:"72f723c89d17ea54a962122867abbd690b4d9ad9",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"b2153dc607ed77d0a3b1398c3fc8b626163575e1",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"e9ff842671af9bf749857fb4b430dbd997eadbab",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"fd8255c5ee1ffe2f1b44cc670e504540b2e19b17",class:"grid"},a("span",{key:"17b71b6d17fe483a0eab1e80959da2076ad4647e",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"b3d39bde727347801976d1471875e3226f71d334",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"d37cfec78f74f7eec02047fb8e30962c55379f71",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"aa0ec054bb018ab8e564910ada76d849ee2d1608",class:"grid"},a("span",{key:"f633c21fb5227330e843b1c1f6d1fff40766c0d0",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"c41495a89c987cf7cfbbd0b4d1ff12ac0c650610",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"18a802a0cb7cbd228840fb58fadf6a121d98ebf9",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"edf5fe68043e4712e7174c405e73e1aa84570936",class:"grid"},a("span",{key:"455d010554f4836b26ff4b0568d088a4505619f3",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"6a50beb860b13371178b9582279c76cca29f25cf",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"98333266061cd31aa09d7d1394829c5d822c901f",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"9f1952601d13a96f1caade683d5474a26cf94298",class:"grid"},a("span",{key:"e43da3fba22655cef1690725654919a79d43a2f4",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"c3e280221454dc05f4112f03e3d226a6e70b70d3",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"63355f298a7680e4307b6e467da0fd54faf9da14"}),a("ul",{key:"ff5a5554b716e21b0e219228317bbe334fc96488",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"b4ecf3a608a9321ca0cfd1edad2778b3b8ddf918",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"587730e489242f8579b2db3aceea8fadf4ba0f75",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"883c226b73544a239f6d0ece7cbab020e1cc5874",class:"grid"},a("span",{key:"dc5031f2236d81513cc543997f9b445b0fdea4be",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"a90f91b008cb67e8ee4a0454ed9e75f683a1a960",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"4c12f3a2500535970bdb70bb87b8d73348ef25bb",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1ebadf2907a7f499d61e9edc7c71bb9e7378594a",class:"grid"},a("span",{key:"acfce5255506344a9b65b195933cf924e1030467",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"a7c4c25345c91a9753c4615c5205cf3dc49c36af",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"01ce94d66521e612357c61de65ca1acd01e84cb9",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"628435f8fab14df7613aa4427af0b8c15fc222c2",class:"grid"},a("span",{key:"4b4bbd19051b9d8d1eb524f2c84104eab7dae20a",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"bb01da8698315272a78bad8d7258cb79be98446b",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"f28b072bdb7dc66f3f3be1e922e527a7e3f4bf34",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"027adf31b26154f659c2cd8c9ee935b5886e8419",class:"grid"},a("span",{key:"f74af79724fd67f67ad0433f9390ca022c6788d8",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"87262b14ffcda0153b37a5090b25e58b7c71c5dd",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:"54a1927a8b5d68b7ef0cda7e1b7d673b33605a3c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"25d63af647cab86f74bb7fb261836f5938beb0c8",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"3a39fde1fd70cf8c456c9032ae0458976fd4e289",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"0d2bcd0138973145c717725c79b6a2f4ff290b97",class:"grid"},a("span",{key:"31c920216944da65a446f6c7d3037aee600e71d8",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"838ab2e1e8664243e32726ab03539a4f32b32cf4",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"2f8a24075e0fe1d2a6fda01fb97b4cf49f85277f",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"8482d6666b68cd1ceb866e1cbdd0d88343cf79da",class:"grid"},a("span",{key:"e3ba3599b4e5743691c35a28358f0050de18d32a",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"c3ac3af17201effeb89b017a334c9ac0b0d62ddf",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"447e0a60ef726347ec1f4f540f6de7747a450845",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"fd922845d2aa3f66fde4d7fcf9f5b2416332fe9c",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"bcf9ff063b3c130e8f7e24247f032a9f9fa40bb6",class:"grid"},a("span",{key:"0bcea7730d9f34ac44544cd1bc3bfa3b8ca361cf",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"9c5169394a89f4ba2adbb0ac2576bd885443aac3",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"c50e9ba110494a1a0e9df18a081f02cb86c700c4",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"365655cca2301d94a52f859fa9527ae5c0ef1ece",class:"grid"},a("span",{key:"088fca6cf72c8c74244d9a6e19c7ec083c8a6711",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"b33043ed7e2ff751be0d3c229324369aeacd8f1e",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"3b619a6a67d31ea7b358b59a147f36bfe35c4323",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"21b63edaebce5e4fdd10e6ad2ffaf31597d748f6",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"f6d5d058b645af61eebb8f6a7b2369e4c95c31fb",class:"grid"},a("span",{key:"b7b1101ac321600f6218cbc4371d9219b9aef016",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"2debc8469b2d82c0550f1173bb4f0c1cdf33a7e0",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"90753985397844a6cabeee1b0ac5b32a84f59ed1",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"f46c245f70973cd91992a8f9ec47e57997345c5c",class:"grid"},a("span",{key:"7c7eb23f1312208b313cd2a2bd5c5a5af2e7cdd3",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"47c19d9a120cedc5c2bbbd385efa2e91ad4fd8e8",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"dcbc1b771bea1166bbbb0ed0e6fcd2d1aaa53b7f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"55dff4711f054b364df8a03381f768e93cd1b62a",class:"grid"},a("span",{key:"3880f0ea82be335c750ed4553583bc87b7ca04cc",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"6952cfb758d707b3376032f1d997253c1edc9962",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"9e0bc4a1d79c41bfaa315fd3053752c4eda3cd18",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"9561d012cfbe411eac373f768893cc304b2e6138",class:"grid"},a("span",{key:"e90d3b590653807e22697395397ac89be9f52b90",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"ffd2be0e5f7ff3b72a73697e0ca2f92c7e9cc0a5",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"e963dd45ee5a8f52348e1b2a331df6af94f90f5f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"0586094b065fdfa034096ef7e1eb95c6a26c41fc",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"6acfe9a84d72f0327c3eff6c44a616918fa627d3",class:"grid"},a("span",{key:"c3175b931ff1cc3365dbf1cdd548b550aaf662a3",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"42d1daa0c16dcceb7341c015b912e0ea27874282",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"56b32e9ba42ec77e3ba6263f27b78229996ce983",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"89226a45ae2cf148134d550d0507a3563978e1bd",class:"grid"},a("span",{key:"6f9c4d6da4d4c3fe6ae8039291e6cd9c06635c24",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"9b44fcec2f83ecaa9fb5a1b298bab55fce503e91",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,b as gradient_primary_palette,f as gradient_secondary_palette,t as gradient_support_palette}