@ebrains/components 0.2.0-alpha.0 → 0.3.0-alpha.0

package/dist/components/logo-variations-horizontal2.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './eds-logo2.js';
+
+const logoVariationsHorizontalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
+const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
+
+const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVariationsHorizontal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: '577cade970766dbbbd654258efe78920d8c0dbaf' }, h("div", { key: '1c577dafe342384bffce716b4bcb9494685f2283', class: "container my-16" }, h("h3", { key: 'b9f78264dbbe144cc9c7823c48874b3618af3919', class: "f-heading03" }, "Coloured Background"), h("div", { key: 'c07b24eb1a3338d33a3b95c0228a1a7f297a0976', class: "coloured lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: 'ed173d7c59ae22ad55814cf64222a5ce52d108d4', type: "no-bg", href: "#" }))), h("div", { key: '7d939b469a8ce14f609e529121a830d9a47af857', class: "container my-16" }, h("h3", { key: 'f110490f66e3d27f204e289a5eb85461c13594fa', class: "f-heading03" }, "Black and White Background"), h("div", { key: 'd05bd8166d2a60aac723436b96e2451ae4459c04', class: "bg-default lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: 'ce24bb6db3038d781a4d1917012c0d4ed7f23b1a', type: "black", href: "#" }))), h("div", { key: '32fbbb1568604bdfd04c6ca6c14a558a3c490ed8', class: "container my-16" }, h("h3", { key: 'ef03e68319669f548c7826d6387072af8d3f5a66', class: "f-heading03" }, "Dark Background "), h("div", { key: 'a6b082f14400be771f43074c1f7f0bc348e77673', class: "lg:w-[500px] md:w-[300px]" }, h("eds-logo", { key: '569f77f1b43b4a65a39720017b34273d6f3d7baa', type: "color-white", href: "#" })))));
+    }
+    static get style() { return LogoVariationsHorizontalStyle0; }
+}, [1, "logo-variations-horizontal"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-variations-horizontal", "eds-logo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-variations-horizontal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoVariationsHorizontal);
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { LogoVariationsHorizontal as L, defineCustomElement as d };

package/dist/components/logo-variations-vertical.js

@@ -1,54 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-logo2.js';
+import { L as LogoVariationsVertical$1, d as defineCustomElement$1 } from './logo-variations-vertical2.js';
 
-const logoVariationsVerticalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
-const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
-
-const LogoVariations = /*@__PURE__*/ proxyCustomElement(class LogoVariations extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.orientation = 'horizontal';
-        this.type = undefined;
-    }
-    render() {
-        if (this.type === 'coloured') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "coloured w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "no-bg", href: "#" }))));
-        }
-        if (this.type === 'black') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "bg-default w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "black", href: "#" }))));
-        }
-        if (this.type === 'color-white') {
-            return (h("div", { class: "container my-16" }, h("div", { class: "w-[200px]" }, h("eds-logo", { orientation: "vertical", type: "color-white", href: "#" }))));
-        }
-        return null;
-    }
-    static get style() { return LogoVariationsVerticalStyle0; }
-}, [1, "logo-variations-vertical", {
-        "orientation": [1],
-        "type": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["logo-variations-vertical", "eds-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "logo-variations-vertical":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LogoVariations);
-            }
-            break;
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const LogoVariationsVertical = LogoVariations;
+const LogoVariationsVertical = LogoVariationsVertical$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { LogoVariationsVertical, defineCustomElement };

package/dist/components/logo-variations-vertical2.js

@@ -0,0 +1,42 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './eds-logo2.js';
+
+const logoVariationsVerticalCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.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)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";
+const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
+
+const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariationsVertical extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.orientation = 'vertical';
+        this.type = undefined;
+    }
+    render() {
+        return (h("div", { key: '70bc4a46031bb4456ba28bef27efbbfe5e7cf6f2' }, h("div", { key: '84ab774067350c75982d41b6d97500e19d3fe5e5', class: "container my-16" }, h("h3", { key: 'c080f9b4cfa18a3a48fb703f749c62531a322267', class: "f-heading03" }, "Coloured Background"), h("div", { key: 'a9a871769d76e97c879f49437187ca553a633dd2', class: "coloured w-[200px]" }, h("eds-logo", { key: '668f2607e0394ab1b25ddfbef4cd3e3880e1b4f9', orientation: "vertical", type: "no-bg", href: "#" }))), h("div", { key: 'd1674061f47b242930599337d605b51831214d7a', class: "container my-16" }, h("h3", { key: '8b1470587ad99fdf379c0c4b4646098d14f087e8', class: "f-heading03" }, "Black and White Background"), h("div", { key: 'bbb9997369a93ce84450a7d289948049fcfa5bf6', class: "bg-default w-[200px]" }, h("eds-logo", { key: '4f3dc6ad9f9db6f605d54df3c8adecea051cf34e', orientation: "vertical", type: "black", href: "#" }))), h("div", { key: '0f54fde04fbef65477809b45371ac15914b1433b', class: "container my-16" }, h("h3", { key: '5c46f1d7b09bf3e113e2733531611943ad21be4e', class: "f-heading03" }, "Dark Background "), h("div", { key: '88609875109aae85cb5333426a3bc270314d9fb5', class: "w-[200px]" }, h("eds-logo", { key: '0eeeba0006e25a8a4f0c4fb5c0d38b089e0a22f4', orientation: "vertical", type: "color-white", href: "#" })))));
+    }
+    static get style() { return LogoVariationsVerticalStyle0; }
+}, [1, "logo-variations-vertical", {
+        "orientation": [1],
+        "type": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["logo-variations-vertical", "eds-logo"];
+    components.forEach(tagName => { switch (tagName) {
+        case "logo-variations-vertical":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoVariationsVertical);
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { LogoVariationsVertical as L, defineCustomElement as d };

package/dist/components/logo-wrong-usage.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { h as hLogoColor } from './logo-color.js';
 
-const logoWrongUsageCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";
+const logoWrongUsageCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.container{display:flex;flex-wrap:wrap;gap:16px}.example{width:200px;text-align:center;font-size:14px}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(1.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-8{row-gap:0.5rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:flex{display:flex}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}}.flex-col{flex-direction:column}";
 const LogoWrongUsageStyle0 = logoWrongUsageCss;
 
 const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage extends HTMLElement {
@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
         this.__attachShadow();
     }
     render() {
-        return (h("ul", { key: '9aa8a3f496e779f561e54a6ee656528b2e55a500', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("span", { key: '735e61f1189decb4fef74b5f9f481f94f51c304e', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '8d8859bef157051ca9493bac1fd35e0db80414c0', class: "example" }, h("div", { key: '6ee9ce679339e1189439239889a60d8cba39c4b1', class: "bg-dark " }, h("div", { key: '492054f20250a9572ac3c641d05bbb955c050be4', class: "no-other-bg-color logo", innerHTML: hLogoColor })), h("p", { key: 'c9f49c3c44fb7446e6e4e02c1f79ac15827633ba', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), h("span", { key: 'd5cbda2472d3396f08fdb600676852708991ce0f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'dacbf3bcf4dd4914b4332a663a81732a196457f4', class: "example" }, h("div", { key: '9f9bb9b86a840658cf7311a2b035dbadd6a3e0af', class: "no-other-color p-16" }, h("div", { key: '9e96d60f66801638898c12b190640ae0dcc18d24', class: "logo non-brand-color", innerHTML: hLogoColor })), h("p", { key: '5e0470cb9f81e4bba14104746715704fed2fddeb', class: "f-ui-02" }, "Do not apply other colors"))), h("span", { key: '5e9e1943ab5d4cda7d6b4cb51b76f9da4370a50b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '9821754465969edcf1ea98aa7a353ff04140612f', class: "example" }, h("div", { key: '513bb5879746d5979cf7f5360ea60c97196e5379', class: "bg-light p-16" }, h("div", { key: '25f615bf82c51f8601960cb705fa5983667a4943', class: "logo distorted", innerHTML: hLogoColor })), h("p", { key: '636efd5a54620ca8248b5e1adbf453a7d5292d0f', class: "f-ui-02" }, "Do not deform the logo"))), h("span", { key: 'a006b91c704b1df8f7adf1cad1d0033bd11378d8', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '6a494fdace1e6a2ff48e02a6a8a79f31ca101e02', class: "example" }, h("div", { key: '09ea335ac52cb395cc3173263b4a956aba59cc4e', class: "bg-white p-16" }, h("div", { key: '9acf37c882acb0a04fddc5754b8e91e6789f36ee', class: "logo effects", innerHTML: hLogoColor })), h("p", { key: 'f648aefe81578e9768c24de085e53e2484c1bb7b', class: "f-ui-02" }, "Do not apply effects"))), h("span", { key: '70f90abc0d6a3292101e29bdfc311ebb0192a585', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '9eb3aa4276d7b0a9f7c5e76ffa9fefe7f3def0a3', class: "example" }, h("div", { key: '5a38e80d567d2c2faf08fbcb66a62c24973c3fea', class: "bg-white p-16" }, h("div", { key: '7edbadc8850a9babefea43be9c5f9697021712d5', class: "logo rotated", innerHTML: hLogoColor })), h("p", { key: '96d30acd52838a03f33fd6c8dcf89a72417ce925', class: "f-ui-02" }, "Do not rotate the logo"))), h("span", { key: '41d476bd66b39e796f03c669945024720771216f', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '3fd7f690559195125d633097b578b1cc2ff4ccc1', class: "example" }, h("div", { key: '684387318cfffdfbc5592486095a28a923e5af07', class: "bg-light p-16" }, h("div", { key: '7593acd61c1ea52ce613a1f3395c8769a09f9aed', class: "logo outlined", innerHTML: hLogoColor })), h("p", { key: '51d6d974c005a0b5059cd002dff682dc50cfb19a', class: "f-ui-02" }, "Do not apply outlines"))), h("span", { key: '605db4b33b7aab4d0e81e30f658f639689a433b6', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), h("span", { key: '1dc1e6be701572fb7d31b435f8b25dbaf0bf30c8', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '30b239799a7d8acf93eba73d3d5dba3cc7117fb5', class: "example" }, h("div", { key: '16a146193f1ec233f37a9472dfe5fa92de10864d', class: "bg-accent p-16" }, h("div", { key: 'cc5924ad51847399ec52c2ece993bdd22305892f', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: 'bdcd59e968000ecd459b65aaa42e75fa9e06f8ef', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
+        return (h("ul", { key: 'e2fbd7802c153f970a457011a5dcaf3163d6290f', class: "container grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("span", { key: '07d6a5b930dd8ae652e63310c4232e8c3e6858b2', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '5d3dd01a67f41f839e79aa3d449ba319dcc0209c', class: "example" }, h("div", { key: '6b51ea71b6b4072ec6c66223a4f92c1232e8691a', class: "bg-dark " }, h("div", { key: '03a476635bc1112f1ea2d4ed10df0415ead7f0f8', class: "no-other-bg-color logo", innerHTML: hLogoColor })), h("p", { key: '084116335e9f8ed4c9d2a04a9551097dc2a53c4a', class: "f-ui-02" }, "Do not use with backgrounds that make legibility difficult"))), h("span", { key: 'e67f1bdeee28928f4f6f8fb5d1e0b59160edd949', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'b0e909eb57a6771b32a93dd0932ef5b848a19ff2', class: "example" }, h("div", { key: '19bc9f29ddbffd1c308cb429100f0af3d58237a1', class: "no-other-color p-16" }, h("div", { key: '301c5cb926b9ad167f1ba096f99a874577617fb1', class: "logo non-brand-color", innerHTML: hLogoColor })), h("p", { key: 'b41ab53c2af9efeafb46d41a515eba2f801d49e4', class: "f-ui-02" }, "Do not apply other colors"))), h("span", { key: '826ae54f62c5a3880adf1833dbc19bbb9e1ec6f2', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '092d5fc3176845532ecf577c66d6e3a349ebfe45', class: "example" }, h("div", { key: '1d1d3cc86e728fc21f898c59ff1511c5fa728f9f', class: "bg-light p-16" }, h("div", { key: 'df05102398d3de9916a23d0998529d8ca8a66257', class: "logo distorted", innerHTML: hLogoColor })), h("p", { key: '377e38a762855d563d087eb275481de6a17ddbbb', class: "f-ui-02" }, "Do not deform the logo"))), h("span", { key: '766c4ea568c8bf2fa1efa207ff5f602e5128aef3', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: 'cf4e883370c0ee284167bea7f2c0c603932d1682', class: "example" }, h("div", { key: 'de160646456f91316bf966db6568c20ff382dd3b', class: "bg-white p-16" }, h("div", { key: '5aa03093e5e483547919eaeca58643e54a286405', class: "logo effects", innerHTML: hLogoColor })), h("p", { key: 'aa65e295008001d6fe2b2168d8f7f43a770ec8e3', class: "f-ui-02" }, "Do not apply effects"))), h("span", { key: 'd0eb2536e430b6e9fdb9a37d638d5c31ee81e205', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '43ec87b4632c2709404aff9d3e7bbcb2910426ca', class: "example" }, h("div", { key: '36cd6dc2b23070e5c7fdfc09444d3ccbb8681216', class: "bg-white p-16" }, h("div", { key: 'a1077b322d113220e05ee3edce627c60547cb49a', class: "logo rotated", innerHTML: hLogoColor })), h("p", { key: '86c384f5cf362d16bd6ac5ac8448e3e0d591fa18', class: "f-ui-02" }, "Do not rotate the logo"))), h("span", { key: 'b267f6024a4e7bad6348d323606922888db5264b', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '0bd0c5d62e454ce133a187e7d3917afc0c26c551', class: "example" }, h("div", { key: '71e4c1681cfbb64970237b410e0925a0f22e1141', class: "bg-light p-16" }, h("div", { key: '01ab5d75102b9f476fecebcc31c975f6d4720c12', class: "logo outlined", innerHTML: hLogoColor })), h("p", { key: '0734a049d710d1f6406989668f60da1249e29c7b', class: "f-ui-02" }, "Do not apply outlines"))), h("span", { key: '830b7b2a8cdf6dfc7f395dc92db42fbe626a7ae4', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }), h("span", { key: 'ca40bb4ea839eacf62e93f7fbec41f076f7b12a6', class: `grid-col-span-12 md:grid-col-span-4 flex flex-col` }, h("div", { key: '641a963ba81294eefe8fc00dd0a3bdca91af94a2', class: "example" }, h("div", { key: '70691be08e9081899fb2928d5d287aaebef3b399', class: "bg-accent p-16" }, h("div", { key: '556135fd6596b530bf959bb9984641f185cd9f96', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '7eaded302e41fc1d04f2033add829dfaba6e8012', class: "f-ui-02" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
     }
     static get style() { return LogoWrongUsageStyle0; }
 }, [1, "logo-wrong-usage"]);

package/dist/components/p-005de86f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s}from"./p-7a8b9de5.js";import{a,i as e,b as h,g as n,l as c}from"./p-c9c417de.js";const o=class{constructor(s){t(this,s),this.authStatusChanged=i(this,"authStatusChanged",7),this.handleLogout=()=>{a(),this.authenticated=!1},this.keycloakUrl="",this.keycloakRealm="",this.keycloakClientId="",this.authenticated=!1,this.user=null}async componentWillLoad(){await this.checkAuthentication()}async checkAuthentication(){try{const t={url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId};await e(t),this.authenticated=h(),this.authenticated&&(this.user=n()),this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user})}catch(t){console.error("Keycloak initialization or login check failed:",t)}}async handleLogin(){try{this.authenticated||c()}catch(t){console.error("Login failed:",t)}}getBtnLabel(){return this.authenticated?"Logout":"Login"}render(){return s("eds-button",{key:"35f298ecf951d5b1087f988262ae7d312c5e2d38",label:this.getBtnLabel(),intent:"primary","extra-class":"text-default","aria-label":this.getBtnLabel(),triggerClick:this.authenticated?this.handleLogout:this.handleLogin.bind(this)})}};export{o as eds_login}

package/dist/components/{p-5eb32f03.entry.js → p-0910d733.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"ef9cf093af7bc730b73f3561b36187f70aea29a7",class:"container"},this.renderContent())}};export{s as eds_docs_tokens}
+import{r as e,h as t}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"10708d591c4077e4e1fe94073322f01121253bdb",class:"container"},this.renderContent())}};export{s as eds_docs_tokens}

package/dist/components/{p-c9c3cc49.entry.js → p-22e6d7d5.entry.js}

@@ -1 +1 @@
-import{r as e,h as t}from"./p-7a8b9de5.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"2078622c91b8906b71ee3aebdadcda0ac2c49512",class:"w-full"},t("ul",{key:"fe9212731cddcd43e3d5f5518245911d9d4cd493",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).filter((([e])=>"displays"!==e)).flatMap((([e,n])=>Object.entries(n).map((([n,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},t("div",{class:"mr-auto hidden lg:block",style:{fontFamily:i.sans,fontWeight:a.fontWeight,fontSize:a.fontSize,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing}},t("span",{class:"text-default font-bold"},`${e} (${n})`)),t("div",{class:"mr-auto block lg:hidden p-4"},t("span",{class:"text-default f-heading-05"},`${e} (${n})`)),t("div",{class:"ml-auto"},t("eds-code-block",{code:`f-${e}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`${n}:f-${e}`,language:"Screen",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:[a.fontSize&&`font-size: ${a.fontSize};`,a.lineHeight&&`line-height: ${a.lineHeight};`,a.letterSpacing&&`letter-spacing: ${a.letterSpacing};`,a.fontWeight&&`font-weight: ${a.fontWeight};`,a.fontFamily&&`font-family: ${a.fontFamily};`].filter(Boolean).join("\n"),language:"css",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontFamily)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontWeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontSize)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-lineHeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))))}};export{a as token_typography}
+import{r as e,h as t}from"./p-7a8b9de5.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"23815518d694435812ed3d7b9aab850043941b96",class:"w-full"},t("ul",{key:"366ed5bc5933c5b8a563d33b70471f507a21386c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).filter((([e])=>"displays"!==e)).flatMap((([e,n])=>Object.entries(n).map((([n,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},t("div",{class:"mr-auto hidden lg:block",style:{fontFamily:i.sans,fontWeight:a.fontWeight,fontSize:a.fontSize,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing}},t("span",{class:"text-default font-bold"},`${e} (${n})`)),t("div",{class:"mr-auto block lg:hidden p-4"},t("span",{class:"text-default f-heading-05"},`${e} (${n})`)),t("div",{class:"ml-auto"},t("eds-code-block",{code:`f-${e}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`${n}:f-${e}`,language:"Screen",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:[a.fontSize&&`font-size: ${a.fontSize};`,a.lineHeight&&`line-height: ${a.lineHeight};`,a.letterSpacing&&`letter-spacing: ${a.letterSpacing};`,a.fontWeight&&`font-weight: ${a.fontWeight};`,a.fontFamily&&`font-family: ${a.fontFamily};`].filter(Boolean).join("\n"),language:"css",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontFamily)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontWeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontSize)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-lineHeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-letterSpacing)`,class:"min-w-[250px] mb-4"}))))))))))}};export{a as token_typography}

package/dist/components/p-2851ff44.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-7a8b9de5.js";const a={"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:"9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40",class:"w-full"},t("eds-section-core",{key:"039b72b762e48f62a4fa58d5af7803d0ed73bf6a",tag:"div","section-title":"Aspect Ratios","heading-level":"h3"},t("ul",{key:"be3e37d842a24536488b7bc03f24399faa1304ff",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(a).map((([e,a])=>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:a.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"},a))))))))}};export{s as token_ratios}

package/dist/components/p-29648b47.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-7a8b9de5.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:"581f0978ebeda33a156d2baf3cc41a10897da1cf",class:"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:"7f2e8e7efa207bedaa1e19c0f7d87459a5c22693",class:"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"}]}render(){return a("ul",{key:"6cd3d5f3128a49e9ac77abc11f46ca880bc6c195",class:"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||"N/A"),a("span",{class:"f-body-02"},e.pantoneU||"N/A")))))))}},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:"922dbe263e6db86ed17d98d65d38e1d6f4ef25df",class:"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:"29353679b15fce11ec2e357704cffd6a2d1389d4"},a("ul",{key:"7a262e1c8f17226c6639a00e1829d4f0927f988d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"f3dfcbe6da3ee882ae9100f95fe68788cd82195f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"83e3ac5d6f64e18e38e179251d58ff3ed23019a3",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"ebc2424dd2950cc2704351456d4d974051e0dd93",class:"grid"},a("span",{key:"3fdfb110070a8795a1bb1aea12447bc2556937cc",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"0b929d1ddd40e67bc8cd0248fc7bf0c0f8a11cb7",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"3f4ab8d6b91afeaba20c273b8ede74593d452bf0",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"80b6a23a151e6b71630071f2d51c03e6b8c957ff",class:"grid"},a("span",{key:"c86531490e51f5559d4293bc75bb2477d23d1593",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"5bbc4e02eb2845508c6de7715f5fe202a36249a5",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"050d2770d4c2e6395dc5350c9f29860ecf3d7e46",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"20a5a6748573d6e059ec81d00a737355cfd7f934",class:"grid"},a("span",{key:"a63a0ea4301f11e4984f3749c087041acedb94b4",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"d986ecee52e15de1bbd58c48109f8c89d0cf19a2",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"d35bb3c1cb26aa9a3828cecfde1b32f428e8b1af",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"8a616b789a99d3721ccc1f102131c2aba1951106",class:"grid"},a("span",{key:"03d172bbc56a4535d20051bb2ab1bfb4c0889586",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"66f1656d1d41f1616175285cf8f7e7089c9f2657",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"85a7244a69f0d3af26ea5f148917183e2431140e"}),a("ul",{key:"eb44b6b21fc75b1fd22e1aee42fac1aa99155b0d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"ecb50392387996034d1f4211d5336d2071927844",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"f45bf292bf11cb440731ff7bc67e5b364cb7b6c1",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"981db4da9bdbc0f60ba6e8fd83840101a815550f",class:"grid"},a("span",{key:"d6aaf058991f0d7e1c4d5d7bfa17b0342880cb9c",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"cd63d8d64b9fa30f7a568125f61d3735c3596f0b",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"aca8d6c9668168c6d4b71cb5039e0af4cd419e30",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"ed16477727fe22372cbcd730c4e9cc67f5b35ed8",class:"grid"},a("span",{key:"4b6989756eb826d93b5b7d71e874f62914d221df",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"a4e3d7e9f3582a0fc5dfabbfc9feb5bb969c2933",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"d23b28073abf3c16b3f8d58744fb5f66877cdd94",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"1c96adb58e67d7cada4b4ba382ca2fcd37f0dfd8",class:"grid"},a("span",{key:"beaab441ab5852d1141b509a161123ab0f743e7c",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"d2e57f4fd72ff1ef9c84f27e81c8c6b03ec50f66",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"48772cedf0b4ad119e14696e58203efce7bb3559",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"0e233bc33432cdd2149ab20b64464d03de22bcef",class:"grid"},a("span",{key:"b0f41ae03bfd3bedf2ebd60b6a4b30c677395da0",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"433f30e367352cbd24668dac2ecf741b9f81febe",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"a862789d835c146d140b634782eefa7b48139597"}),a("ul",{key:"9fe132435b11fa93057df3d747dfe36f04bfd997",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"e8438aedc62f4d0195a3c4c1c714ba99c6f7b67f",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"9928ba20be7b9100e437345a4c5b03bf6d495707",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"1cd2d6a8ec580b4094335d3c56acfbb398a96c28",class:"grid"},a("span",{key:"dbbd548a12bcc861526309132e685a97714de1d5",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"93d38512e45747e4277169ee3221c36f96862f29",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"b04c9679ea48bf89e70cc969ecd42984ce3c7286",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"4a6130bdeb963c9674100528e2ef24a2245acbab",class:"grid"},a("span",{key:"7f49f52d514e36d7886a1aecb3c92c7148dcf595",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"0d9a53c5262183a24114f762175f1d9fe5299950",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"26a6e6ca4a67e5ff01d4fcb75e40fdb1456ca62f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"ff5052b9aa74a3edb7d3ba6d1c75b9073b969b31",class:"grid"},a("span",{key:"b69e9f4646835b689fd46c6f84b8b35dba1500a1",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"a459cc1600cb4072e6d1cfbcae75d17cf14fbbfe",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"55f9185213f01a7891a4e8ff54f4f26759370ef8",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"2f3bbbcdf402f0da4bade772b3cadb1b8cb3370c",class:"grid"},a("span",{key:"818372e4673ef5c8e35085702a559b744a5cbe8c",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"2bc994826618735b82fd93fe039328a2ff4f6f95",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:"e5444717497402cac34586943ffd10abd2e77148",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"84f6b65181b6f2237b7ef261445a2e58935975ab",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"b9eb17a05b1a479e46adf3908ede6d2a74e47e91",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"74cb2cf74997cf993557cbf06158578a45439965",class:"grid"},a("span",{key:"29c00a82880aff024927e29c95fde61016553d5d",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"db89f95d9c30eb90ba6d7f9cd12c793f8a500b00",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"d050e9d7910ed8ac88f4f791a2c8a1edaadcb0ac",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"d2b688154a3d1f61df4dcc1f735eae9747011d01",class:"grid"},a("span",{key:"2a204759a52f881b2d6b0d40116bf00bbda3aed2",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"9023f33ba5182558f12dfb119ed4338649638bd7",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"55a4cf54a4dbc1b5c7f9962c571cbb971cba0d93",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"b4190fda8834ddfe5e53e90d357cc1835e7d16ce",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"cf5415f31d46d7a966fa3da040aec720c0241673",class:"grid"},a("span",{key:"4fb475890391784e8be7c40d0c74c02a492739f7",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"02f5bd1fcb7be45141963bb1d723646195978d49",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"781791e59a86c8687d9afe6d729161acf05fc9dd",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"dd84d9b36892ff47481babfb2fbb8a9082f43219",class:"grid"},a("span",{key:"df5ef60b6866f46bafcd93d8f82498090102a520",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"a8cf80fcb9f7fef12daf32055c61fdb33ee38d67",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"2ed0376ad5484fadac08c530450e993fa6145328",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"30ba72591ea4537407b2220a85a961fce0fc54e5",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"641ea920703268846558c852fe087fa9546e14b7",class:"grid"},a("span",{key:"f672422e13deb40e9dfaddd6f9855b2de28eab5b",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"008794c76fb2713438c198c914e718efbbfc7b5e",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"ee1cfa3a78f670c74e00e96b6415f85715334526",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"295c044bb9cc9ed3a85bb488225db4401f0ea542",class:"grid"},a("span",{key:"9d7dbf15fd44ce3d3e45a39324ad3a60d7ae30f0",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"d639d12c3215caf3f4f1e8a4ae062b540b6af50d",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"04e95d8b1a6f7dcdbc465263382e36d05f79d602",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"e67079bbbdfa1853a2f069f08c52a8388cce688a",class:"grid"},a("span",{key:"43be6b7785066c0d51aa87e987fb672a758de8bb",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"791e968b11a9dafefac8fe0eda01b04ab4911802",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"5831fd1e75f8ed0d2edc29fbc439389275adf59e",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"09329acac8fbc33edada7a7c10c675631a240ea2",class:"grid"},a("span",{key:"42f70fa2578b40e189b95cd1d4c56ccd84cdce69",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"2b8dfefd1e2dff08aa17b234a04cff60e3eb9d7a",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"e3a39fb7ad23526623bfea88cdab8d320847365d",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"cfde16c94675c5c9b510e3752f875655c9d098e2",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"1f8a8bd2e746c187323841ced84eec52d2c2f2f1",class:"grid"},a("span",{key:"920fc68ae73790a37c927dabf687ccaf5e248841",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"40205cf5666e6ba44ca07a09dc08e54f2f9cad56",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"8a855110b362569cc9926a09772d12f133aa20b6",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"a69c90cfac79b0a7ba5fbd921117a12ce997c228",class:"grid"},a("span",{key:"bc06aaaaececad3b81e4884380e17fe773f97570",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"15baae3dafc6b53322e1a67956af1f533ea402f7",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}

package/dist/components/{p-9722811d.entry.js → p-2e8459ef.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,g as a}from"./p-7a8b9de5.js";import{s as r}from"./p-373673ca.js";import{c as s}from"./p-112122d6.js";const o=class{constructor(i){t(this,i),this.tabContentChange=e(this,"tabContentChange",7),this.tabCva=s(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",(t=>{this.updateTabContentVisibility(t.detail.index)})),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach(((t,e)=>{t.setAttribute("style","display: "+(e===this.activeIndex?"block":"none"))}))}updateTabContentVisibility(t){this.el.querySelectorAll(".tab-content").forEach(((e,i)=>{e.setAttribute("style","display: "+(i===t?"block":"none"))}))}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const i=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:i}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===i?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,i)=>Object.assign(Object.assign({},e),{active:i===t}))),this.tabContentChange.emit({index:t,name:e}),r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return i("div",{key:"b1bfb55fbdee21a10fcc600d4c3ce2842684c519",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i("div",{key:"1d1aeb094b6c350355abec1bf74928561a1c0f2d",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i("nav",{key:"5d5b04ddf5ddb60c2a9b49d19f4efe026cc2557d",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const a=this.getTabOptions(t.active,e);return i("eds-tab",Object.assign({},a,{label:t.label,url:t.url,active:e===this.activeIndex,ariaLabel:t.ariaLabel,onClick:()=>this.handleTabClick(e,t.label)}))}))),i("slot",{key:"58e9281516d0a4485ba0779f9b79c0fa5e989166"})))}get el(){return a(this)}static get watchers(){return{tabs:["parseTabs"]}}};export{o as eds_tabs_content}
+import{r as t,c as e,h as i,g as a}from"./p-7a8b9de5.js";import{s as r}from"./p-373673ca.js";import{c as s}from"./p-112122d6.js";const o=class{constructor(i){t(this,i),this.tabContentChange=e(this,"tabContentChange",7),this.tabCva=s(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",(t=>{this.updateTabContentVisibility(t.detail.index)})),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach(((t,e)=>{t.setAttribute("style","display: "+(e===this.activeIndex?"block":"none"))}))}updateTabContentVisibility(t){this.el.querySelectorAll(".tab-content").forEach(((e,i)=>{e.setAttribute("style","display: "+(i===t?"block":"none"))}))}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const i=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:i}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===i?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,i)=>Object.assign(Object.assign({},e),{active:i===t}))),this.tabContentChange.emit({index:t,name:e}),r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return i("div",{key:"7bc954d9251bd15b5e3a49d5c74b83805f802b07",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i("div",{key:"1bfda380604f1eae1cc5be147a5e3e6b537e0396",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i("nav",{key:"b2ed26b52fd629ec99b01c7dc8e612eae4f3886d",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const a=this.getTabOptions(t.active,e);return i("eds-tab",Object.assign({},a,{label:t.label,url:t.url,active:e===this.activeIndex,ariaLabel:t.ariaLabel,onClick:()=>this.handleTabClick(e,t.label)}))}))),i("slot",{key:"5072b877786a23358d540d6d242d5fbdb3c63d7f"})))}get el(){return a(this)}static get watchers(){return{tabs:["parseTabs"]}}};export{o as eds_tabs_content}

package/dist/components/p-3617841d.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,g as s}from"./p-7a8b9de5.js";const a=class{constructor(t){e(this,t),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing events JSON",e),t=[]}else t=Array.isArray(e)?e:[];this.parsedEvents=Array.isArray(t)?t.map((e=>Object.assign(Object.assign({},e),{completed:"true"===e.completed||!0===e.completed}))):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&"function"==typeof this.modalRef.open&&this.modalRef.open()}render(){return t("div",{key:"29e360adb412c67e7516f04671c276a12197d830",class:"max-w-sidebar mx-auto px-4 py-8"},t("div",{key:"c556578a505bfb2da435616cb1f39cb91859ec7e",class:"relative"},t("div",{key:"8e1d307b2b3b470c643ba992d8307457581e9d4f",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t("div",{key:"7b40b6a8944aad01d01524e13056fbafeaa8a8a8",class:"space-y-16"},this.parsedEvents.map(((e,s)=>t("div",{class:"relative flex"},t("div",{class:"w-1/2 "+(s%2==0?"pr-4":"")},s%2==0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t("div",{class:"flex items-center justify-center relative"},t("div",e.completed?{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}:{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t("div",{class:"w-1/2 "+(s%2!=0?"pl-4":"")},s%2!=0&&t("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)}))))))))}get el(){return s(this)}static get watchers(){return{events:["parseEvents"]}}};export{a as eds_timeline}