@ebrains/vue 0.0.1-alpha.1 → 0.3.0-alpha.0

package/eds-login.entry-DOeyfoyM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-Dvww9rdy.js"),e=require("./keycloak-13893af6-NiM3zoVg.js"),a=class{constructor(t){i.registerInstance(this,t),this.authStatusChanged=i.createEvent(this,"authStatusChanged",7),this.handleLogout=()=>{e.logout(),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.initKeycloak(t),this.authenticated=e.isAuthenticated(),this.authenticated&&(this.user=e.getUser()),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||e.login()}catch(t){console.error("Login failed:",t)}}getBtnLabel(){return this.authenticated?"Logout":"Login"}render(){return i.h("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)})}};exports.eds_login=a;

package/eds-login.entry-DmJw6ABI.mjs

@@ -0,0 +1,46 @@
+import { r as e, c as a, h as i } from "./index-Dg2DO7q4.mjs";
+import { a as s, i as n, b as h, g as o, l as c } from "./keycloak-13893af6-BLzE1H6E.mjs";
+const u = class {
+  constructor(t) {
+    e(this, t), this.authStatusChanged = a(this, "authStatusChanged", 7), this.handleLogout = () => {
+      s(), this.authenticated = !1;
+    }, this.keycloakUrl = "", this.keycloakRealm = "", this.keycloakClientId = "", this.authenticated = !1, this.user = null;
+  }
+  // Lifecycle method to check authentication status before the component loads
+  async componentWillLoad() {
+    await this.checkAuthentication();
+  }
+  // Method to initialize Keycloak and check if the user is authenticated
+  async checkAuthentication() {
+    try {
+      const t = {
+        url: this.keycloakUrl,
+        realm: this.keycloakRealm,
+        clientId: this.keycloakClientId
+      };
+      await n(t), this.authenticated = h(), this.authenticated && (this.user = o()), this.authStatusChanged.emit({
+        authenticated: this.authenticated,
+        user: this.user
+      });
+    } catch (t) {
+      console.error("Keycloak initialization or login check failed:", t);
+    }
+  }
+  // Method to handle user login
+  async handleLogin() {
+    try {
+      this.authenticated || c();
+    } catch (t) {
+      console.error("Login failed:", t);
+    }
+  }
+  getBtnLabel() {
+    return this.authenticated ? "Logout" : "Login";
+  }
+  render() {
+    return i("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 {
+  u as eds_login
+};

package/eds-logo-variations.entry-U65PDVhE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("logo-variations-horizontal",null);case 1:return e.h("logo-variations-vertical",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"9d6ce0e75030d6e636aab423181b0ce999f6f1b0",class:"container"},this.renderContent())}};exports.eds_logo_variations=n;

package/eds-logo-variations.entry-o4lyGmhR.mjs

@@ -0,0 +1,22 @@
+import { r as n, h as e } from "./index-Dg2DO7q4.mjs";
+const a = class {
+  constructor(t) {
+    n(this, t), this.tabIndex = void 0;
+  }
+  renderContent() {
+    switch (this.tabIndex) {
+      case 0:
+        return e("logo-variations-horizontal", null);
+      case 1:
+        return e("logo-variations-vertical", null);
+      default:
+        return e("p", null, "Content not available.");
+    }
+  }
+  render() {
+    return e("div", { key: "9d6ce0e75030d6e636aab423181b0ce999f6f1b0", class: "container" }, this.renderContent());
+  }
+};
+export {
+  a as eds_logo_variations
+};

package/eds-matomo-notice.entry-tzuOtKT9.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-Dvww9rdy.js"),a=require("./toastManager-d9eee791-DvR_vUPI.js"),n=require("./color-0ba8ed56-BVeDdJAE.js"),i=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}",l=i,o=class{constructor(e){t.registerInstance(this,e),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.",this.showNotice=!0}componentWillLoad(){this.checkConsentCookie()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(s=>{this.emitContext(s)})}emitContext(e){const s=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(s)}checkConsentCookie(){const e=document.cookie.split("; ").find(r=>r.startsWith("mtm_consent=")),s=sessionStorage.getItem("matomo-deferred");this.showNotice=!e&&!s}optInAnalytics(){n.matomoOptIn(),a.toast.show("You have opted in to analytics.","success"),this.hideNotice()}deferDecision(){sessionStorage.setItem("matomo-deferred","true"),a.toast.show("You can decide later.","warning"),this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?t.h("div",{class:"fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},t.h("eds-accordion",{title:this.title,description:this.description,switchBg:!0,expanded:!0},t.h("div",{class:"flex items-center gap-4"},t.h("eds-button",{intent:"primary",label:"Yes, I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),t.h("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return t.getElement(this)}};o.style=l;exports.eds_matomo_notice=o;

package/eds-matomo-notice.entry-y5SvHzsZ.mjs

@@ -0,0 +1,91 @@
+import { r, h as s, g as n } from "./index-Dg2DO7q4.mjs";
+import { t as a } from "./toastManager-d9eee791-CEYNwx25.mjs";
+import { m as i } from "./color-0ba8ed56-D-UJpBQL.mjs";
+const l = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}", c = l, d = class {
+  constructor(t) {
+    r(this, t), this.title = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.", this.showNotice = !0;
+  }
+  /**
+   * Lifecycle method called before the component is rendered.
+   * Checks for the presence of the "mtm_consent" cookie to determine
+   * if the notice should be displayed.
+   */
+  componentWillLoad() {
+    this.checkConsentCookie();
+  }
+  /**
+   * Lifecycle method called after the component has been rendered.
+   * Emits `parentContext` events for each `eds-button` in the shadow DOM.
+   */
+  componentDidLoad() {
+    this.el.shadowRoot.querySelectorAll("eds-button").forEach((e) => {
+      this.emitContext(e);
+    });
+  }
+  /**
+   * Emits a custom `parentContext` event for a given button element.
+   * This can be used to provide context information about the component.
+   *
+   * @param linkElement - The button element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(e);
+  }
+  /**
+   * Checks if the Matomo "mtm_consent" cookie exists in the browser.
+   * If the cookie is found, the notice is hidden.
+   */
+  checkConsentCookie() {
+    const t = document.cookie.split("; ").find((o) => o.startsWith("mtm_consent=")), e = sessionStorage.getItem("matomo-deferred");
+    this.showNotice = !t && !e;
+  }
+  /**
+   * Handles user consent for analytics tracking.
+   * Calls the `matomoOptIn` utility and shows a success toast notification.
+   */
+  optInAnalytics() {
+    i(), a.show("You have opted in to analytics.", "success"), this.hideNotice();
+  }
+  /**
+   * Handles user opt-out from analytics tracking.
+   * Calls the `matomoOptOut` utility and shows a warning toast notification.
+   
+  private optOutAnalytics() {
+    matomoOptOut();
+    toast.show('You have opted out of analytics.', 'warning');
+    this.hideNotice();
+  }*/
+  /**
+   * Handles "Ask me later" action by storing a session storage entry
+   * and hiding the notice for the rest of the session.
+   */
+  deferDecision() {
+    sessionStorage.setItem("matomo-deferred", "true"), a.show("You can decide later.", "warning"), this.hideNotice();
+  }
+  /**
+   * Hides the notice by updating the `showNotice` state.
+   */
+  hideNotice() {
+    this.showNotice = !1;
+  }
+  /**
+   * Renders the Matomo consent notice with user options.
+   * Includes an accordion for the description and two buttons for user consent.
+   */
+  render() {
+    return this.showNotice ? s("div", { class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, s("eds-accordion", { title: this.title, description: this.description, switchBg: !0, expanded: !0 }, s("div", { class: "flex items-center gap-4" }, s("eds-button", { intent: "primary", label: "Yes, I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), s("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() })))) : null;
+  }
+  get el() {
+    return n(this);
+  }
+};
+d.style = c;
+export {
+  d as eds_matomo_notice
+};

package/eds-modal.entry-B7Ph4m3y.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),i=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}",n=i,r=class{constructor(t){e.registerInstance(this,t),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}async open(){this.isOpen=!0}async close(){this.isOpen=!1}async toggle(){this.isOpen=!this.isOpen}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(a=>{this.emitContext(a)})}emitContext(t){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(a)}render(){return e.h("div",{key:"00816ecb900bd9b68b31fdf6e48bef0223f9e10a",class:`${this.isOpen?"block":"hidden"} fixed inset-0 z-50 flex`},this.isOpen&&e.h("div",{key:"570fa8625f9ad4b1ea82633f11e2b289ab01b853",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),e.h("div",{key:"ff658c763e3fbc98123f13483076399966b10515",class:"max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center "},e.h("div",{key:"d8b72acd90cc59ab1f82384aee4e311319f75aa9",class:"flex justify-between items-center border-b-2 border-softer pb-8"},e.h("span",{key:"ee61fc505c5a3eb93541d3762d37f28a5a788bae",class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),e.h("eds-button",{key:"3832772417d05a162eb5f2c4d0733f0ee845ed1c",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),e.h("div",{key:"f71b38be8284a37d0d198df0a9858c64202b3d91",class:"pt-8"},e.h("slot",{key:"1f80948334e5b4e9fc00a3bf01c6fc402d8220c3"}))))}get el(){return e.getElement(this)}};r.style=n;exports.eds_modal=r;

package/eds-modal.entry-BW8crUoC.mjs

@@ -0,0 +1,65 @@
+import { r, h as e, g as i } from "./index-Dg2DO7q4.mjs";
+const n = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}", o = n, s = class {
+  constructor(t) {
+    r(this, t), this.isOpen = !1, this.title = "", this.truncate = !0, this.truncateLines = "1";
+  }
+  getTruncateClass() {
+    return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
+  }
+  /**
+   * Opens the modal.
+   */
+  async open() {
+    this.isOpen = !0;
+  }
+  /**
+   * Closes the modal.
+   */
+  async close() {
+    this.isOpen = !1;
+  }
+  /**
+   * Toggles the modal open or closed.
+   */
+  async toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  /**
+   * Lifecycle method that runs when the component has fully loaded.
+   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
+   */
+  componentDidLoad() {
+    this.el.shadowRoot.querySelectorAll("eds-button").forEach((a) => {
+      this.emitContext(a);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given button element.
+   * This event provides context information about the eds-modal component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const a = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(a);
+  }
+  render() {
+    return e("div", { key: "00816ecb900bd9b68b31fdf6e48bef0223f9e10a", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-50 flex` }, this.isOpen && e("div", {
+      key: "570fa8625f9ad4b1ea82633f11e2b289ab01b853",
+      class: "fixed inset-0 bg-dark bg-opacity-90",
+      onClick: () => this.close()
+    }), e("div", { key: "ff658c763e3fbc98123f13483076399966b10515", class: "max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center " }, e("div", { key: "d8b72acd90cc59ab1f82384aee4e311319f75aa9", class: "flex justify-between items-center border-b-2 border-softer pb-8" }, e("span", { key: "ee61fc505c5a3eb93541d3762d37f28a5a788bae", class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.title), e("eds-button", { key: "3832772417d05a162eb5f2c4d0733f0ee845ed1c", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), e("div", { key: "f71b38be8284a37d0d198df0a9858c64202b3d91", class: "pt-8" }, e("slot", { key: "1f80948334e5b4e9fc00a3bf01c6fc402d8220c3" }))));
+  }
+  get el() {
+    return i(this);
+  }
+};
+s.style = o;
+export {
+  s as eds_modal
+};

package/eds-navigator.entry-CvKDpQVM.mjs

@@ -0,0 +1,33 @@
+import { r as n, h as e, g as l } from "./index-Dg2DO7q4.mjs";
+const a = class {
+  constructor(t) {
+    n(this, t), this.prevLabel = void 0, this.nextLabel = void 0, this.prevUrl = void 0, this.nextUrl = void 0, this.linkSize = "small", this.linkIntent = "tertiary";
+  }
+  componentDidLoad() {
+    this.el.querySelectorAll("eds-link").forEach((i) => {
+      this.emitContext(i);
+    });
+  }
+  /**
+   * Emits a custom event 'parentContext' for a given link element with the component's context.
+   * @param linkElement - The eds-link element to emit the event for.
+   */
+  emitContext(t) {
+    const i = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(i);
+  }
+  render() {
+    return e("ul", { key: "1ab60197bbc9ee86d77134138744dce39df2aaa7", class: "flex lg:flex grow items-center justify-center gap-x-8" }, this.prevLabel && e("eds-link", { key: "b29fd121d33c1e919d24a5d460d8d6864f1ff9db", label: this.prevLabel, url: this.prevUrl || void 0, disabled: !this.prevUrl, "aria-label": this.prevLabel, size: this.linkSize, intent: this.linkIntent, class: "mr-auto !p-8 lg:!pr-12" }, e("eds-icon-wrapper", { key: "64620ccfaf2e006a6414bcd7e874a352b9d2d56b", icon: "chevron-left" }), this.prevLabel), this.nextLabel && e("eds-link", { key: "ae6425f0f01c8f5bcbdae27d9bea9dc3a5b09d3b", label: this.nextLabel, url: this.nextUrl || void 0, disabled: !this.nextUrl, "aria-label": this.nextLabel, size: this.linkSize, intent: this.linkIntent, class: "ml-auto !p-8 lg:!pl-12" }, this.nextLabel, e("eds-icon-wrapper", { key: "d286fc26f17ee6cf6828990e98df7865fbbfd352", icon: "chevron-right", class: "w-20 h-20" })));
+  }
+  get el() {
+    return l(this);
+  }
+};
+export {
+  a as eds_navigator
+};

package/eds-navigator.entry-DixbL3UY.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),n=class{constructor(t){e.registerInstance(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}render(){return e.h("ul",{key:"1ab60197bbc9ee86d77134138744dce39df2aaa7",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&e.h("eds-link",{key:"b29fd121d33c1e919d24a5d460d8d6864f1ff9db",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},e.h("eds-icon-wrapper",{key:"64620ccfaf2e006a6414bcd7e874a352b9d2d56b",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&e.h("eds-link",{key:"ae6425f0f01c8f5bcbdae27d9bea9dc3a5b09d3b",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,e.h("eds-icon-wrapper",{key:"d286fc26f17ee6cf6828990e98df7865fbbfd352",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return e.getElement(this)}};exports.eds_navigator=n;

package/eds-pagination_2.entry-CRrIKRa-.mjs

@@ -0,0 +1,241 @@
+import { r as h, h as i, g } from "./index-Dg2DO7q4.mjs";
+const d = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", c = d, f = class {
+  constructor(t) {
+    h(this, t), this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [];
+  }
+  /** Lifecycle hook to generate pagination links on component load */
+  componentWillLoad() {
+    this.mode === "default" && this.generateLinks();
+  }
+  componentDidLoad() {
+    const t = this.hostEl.shadowRoot.querySelectorAll("eds-link");
+    t.length > 0 && (this.emitContext(t[0]), t.length > 1 && this.emitContext(t[t.length - 1]));
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param linkElement - The link element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.hostEl.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(e);
+  }
+  onPageOrLastPageChange() {
+    this.mode === "default" && this.generateLinks();
+  }
+  /**
+   * Checks if the current page is the first page
+   * @returns {boolean} - true if current page is the first page
+   */
+  isFirstPage() {
+    return this.currentPage === 1;
+  }
+  /**
+   * Checks if the current page is the last page
+   * @returns {boolean} - true if current page is the last page
+   */
+  isLastPage() {
+    return this.currentPage === this.lastPage;
+  }
+  /**
+   * Generates a pagination link object
+   * @param {number} page - Page number for the link
+   * @returns {Link} - Link object with page details
+   */
+  generateLink(t) {
+    const e = this.url.includes("?");
+    return {
+      ariaLabel: `Page ${t}`,
+      url: `${this.url}${e ? "&" : "?"}page=${t}`,
+      label: t.toString(),
+      current: this.currentPage === t,
+      disabled: !1
+    };
+  }
+  /** Generates pagination links based on the last page and current page */
+  generateLinks() {
+    this.lastPage && this.lastPage > 5 ? this.links = this.getPaginationGenerator(this.currentPage || 1, this.lastPage).map((t) => typeof t == "number" ? this.generateLink(t) : t) : this.lastPage && (this.links = Array.from({ length: this.lastPage }).map((t, e) => this.generateLink(e + 1)));
+  }
+  /**
+   * Creates a pagination range based on delta, current, and total pages
+   * @param {number} current - Current page number
+   * @param {number} total - Total number of pages
+   * @param {number} delta - Range of pages to display around the current page
+   * @returns {(number | string)[]} - Range of page numbers or ellipses
+   */
+  getPaginationGenerator(t, e) {
+    const a = [];
+    if (e <= 5)
+      for (let n = 1; n <= e; n++)
+        a.push(n);
+    else {
+      a.push(1), t - 1 > 2 && a.push("...");
+      for (let n = Math.max(2, t - 1); n <= Math.min(e - 1, t + 1); n++)
+        a.push(n);
+      t + 1 < e - 1 && a.push("..."), a.push(e);
+    }
+    return a;
+  }
+  /**
+   * Formats the current page results information for display
+   * @returns {string} - Formatted page result information
+   */
+  pageResults() {
+    return this.total > 0 ? this.total > this.perPage ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}` : `${this.total}` : "";
+  }
+  /**
+   * Handles a page click event, updating the current page and dispatching an event
+   * @param {MouseEvent} event - Click event
+   * @param {number} newPage - New page number
+   */
+  handlePageClick(t, e) {
+    if (this.mode !== "navigator" && (t.preventDefault(), e !== this.currentPage)) {
+      this.links = this.links.map((a) => typeof a == "object" ? Object.assign(Object.assign({}, a), { current: parseInt(a.label) === e }) : a);
+      const s = new CustomEvent("pageChange", {
+        detail: e,
+        bubbles: !0,
+        composed: !0
+      });
+      this.hostEl.dispatchEvent(s), this.currentPage = e;
+    }
+  }
+  render() {
+    return i("div", { key: "2385b59b0a8b2bbdc40bfc5032b846c0ec20065e" }, this.total > 0 && this.mode === "default" && i("p", { key: "6aea281a4df247874f354469bbabae039424ad9e", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "eeb5f0ea902505c3853a30d51026cef9d9785e48", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination" }, i("ul", { class: "flex items-center justify-center gap-x-8" }, i("li", { class: "mr-auto" }, i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (t) => {
+      this.mode === "default" && (this.isFirstPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) - 1));
+    } })), this.mode === "default" && this.links.map((t, e) => i("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof t == "string" ? i("span", { class: "flex items-center justify-center" }, t) : i("eds-link", { url: t.url, "aria-label": t.ariaLabel, label: t.label, current: t.current, size: "small", class: "!p-8", intent: t.current ? "secondary" : "ghost", onClick: (s) => this.handlePageClick(s, parseInt(t.label)) }))), i("li", { class: "ml-auto" }, i("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (t) => {
+      this.mode === "default" && (this.isLastPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) + 1));
+    } })))) : null);
+  }
+  get hostEl() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      currentPage: ["onPageOrLastPageChange"],
+      lastPage: ["onPageOrLastPageChange"]
+    };
+  }
+};
+f.style = c;
+const u = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", p = u, m = class {
+  constructor(t) {
+    h(this, t), this.data = null, this.endpoint = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.tableData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "";
+  }
+  handleDataChange() {
+    this.parseData();
+  }
+  handleConfigChange() {
+    this.parseConfig();
+  }
+  componentWillLoad() {
+    this.parseConfig(), this.data ? this.parseData() : this.endpoint && this.fetchData();
+  }
+  componentDidLoad() {
+    this.setupPaginationListener();
+  }
+  componentDidUpdate() {
+    this.setupPaginationListener();
+  }
+  parseData() {
+    try {
+      this.tableData = typeof this.data == "string" ? JSON.parse(this.data) : this.data || [], this.totalRows = this.tableData.length, this.updateColumns(), this.currentPage = 1;
+    } catch (t) {
+      console.error("Failed to parse data:", t), this.tableData = [];
+    }
+  }
+  parseConfig() {
+    try {
+      this.parsedConfig = typeof this.config == "string" ? JSON.parse(this.config) : this.config;
+    } catch (t) {
+      console.error("Failed to parse config:", t), this.parsedConfig = {};
+    }
+  }
+  async fetchData() {
+    try {
+      const e = await (await fetch(this.endpoint)).json();
+      this.data = e;
+    } catch (t) {
+      console.error("Failed to fetch data:", t);
+    }
+  }
+  setupPaginationListener() {
+    if (!this.shouldEnablePagination())
+      return;
+    const t = this.hostEl.shadowRoot.querySelector("eds-pagination");
+    t && !t.hasAttribute("listener-attached") && (t.addEventListener("pageChange", (e) => this.handlePageChange(e.detail)), t.setAttribute("listener-attached", "true"));
+  }
+  getFilteredRows() {
+    return this.tableData.filter((t) => Object.values(t).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
+  }
+  getPaginatedRows() {
+    const t = this.getFilteredRows();
+    this.totalRows = t.length;
+    const e = (this.currentPage - 1) * this.rowsPerPage;
+    return t.slice(e, e + this.rowsPerPage);
+  }
+  handlePageChange(t) {
+    this.currentPage = t;
+  }
+  handleSearch(t) {
+    this.searchQuery = t.target.value, this.currentPage = 1;
+  }
+  renderCell(t, e) {
+    var s;
+    const a = (s = this.parsedConfig[e]) === null || s === void 0 ? void 0 : s.format;
+    return a === "uppercase" ? t == null ? void 0 : t.toString().toUpperCase() : a === "svg" ? i("div", { innerHTML: t }) : a === "bold" ? i("strong", null, t) : a === "code" ? i("code", null, t) : t;
+  }
+  shouldEnablePagination() {
+    return this.paginationEnabled && this.totalRows > this.rowsPerPage;
+  }
+  updateColumns() {
+    this.columns = this.tableData.length > 0 ? Object.keys(this.tableData[0]) : [];
+  }
+  getVisibleColumnsCount() {
+    return this.columns.filter((t) => {
+      var e;
+      return !(!((e = this.parsedConfig[t]) === null || e === void 0) && e.hidden);
+    }).length;
+  }
+  divisionFactor() {
+    let t = 1;
+    return this.columnSize === "medium" ? t = 2 : this.columnSize === "large" && (t = 4), t;
+  }
+  render() {
+    const t = this.getPaginatedRows(), e = Math.ceil(this.totalRows / this.rowsPerPage), s = this.getVisibleColumnsCount(), a = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.hostEl.parentElement instanceof HTMLElement ? this.hostEl.parentElement.getBoundingClientRect().width : this.hostEl.getRootNode().host instanceof HTMLElement ? this.hostEl.getRootNode().host.getBoundingClientRect().width : 400, n = s > 0 ? Math.floor(a / s * this.divisionFactor()) : 100;
+    return console.log("columnWidth:", n), i("div", { key: "178a33c07e6eae9d5edc170f842b6ef29ae21d9c" }, this.searchEnabled && i("div", { key: "f1212a4e515a1db218df28b71367c6ffa42e3063" }, i("eds-input-field", {
+      key: 1,
+      name: "search",
+      "aria-label": "Search",
+      type: "text",
+      placeholder: "Search...",
+      // @ts-ignore
+      onInput: (o) => this.handleSearch(o)
+    })), i("div", { key: "da6ac91e4b4d56780b044a3d35088e7722efe143", class: "mt-20" }, i("table", { key: "3c5734d2370b31d2445ed4f043a80bf87c6d4bde", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "3803a39b4c987ff39bf22e2567bd1bc3d513e1f4" }, i("tr", { key: "a67fa7bdd48549c69cfa9721083a908ab036a559", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
+      var r;
+      return !(!((r = this.parsedConfig[o]) === null || r === void 0) && r.hidden) && i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${n}px` } }, o);
+    }))), i("tbody", { key: "8e3f21bf2ee5b1bd84cfa93411ca2671f43ced45" }, t.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((r) => {
+      var l;
+      return !(!((l = this.parsedConfig[r]) === null || l === void 0) && l.hidden) && i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${n}px` } }, this.renderCell(o[r], r));
+    })))))), this.shouldEnablePagination() && i("div", { key: "24931f257ef9ced394c1b5b1e589cacedd8035e6", class: "mt-20" }, i("eds-pagination", { key: "996b26ae090ee4fe08cc821fb11362d94879ff72", currentPage: this.currentPage, lastPage: e, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+  }
+  get hostEl() {
+    return g(this);
+  }
+  static get watchers() {
+    return {
+      data: ["handleDataChange", "parseData"],
+      config: ["handleConfigChange"]
+    };
+  }
+};
+m.style = p;
+export {
+  f as eds_pagination,
+  m as eds_table
+};

package/eds-pagination_2.entry-DoZ-NFBH.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-Dvww9rdy.js"),d="ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}",c=d,h=class{constructor(t){i.registerInstance(this,t),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){this.mode==="default"&&this.generateLinks()}componentDidLoad(){const t=this.hostEl.shadowRoot.querySelectorAll("eds-link");t.length>0&&(this.emitContext(t[0]),t.length>1&&this.emitContext(t[t.length-1]))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){this.mode==="default"&&this.generateLinks()}isFirstPage(){return this.currentPage===1}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map(t=>typeof t=="number"?this.generateLink(t):t):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map((t,e)=>this.generateLink(e+1)))}getPaginationGenerator(t,e){const a=[];if(e<=5)for(let n=1;n<=e;n++)a.push(n);else{a.push(1),t-1>2&&a.push("...");for(let n=Math.max(2,t-1);n<=Math.min(e-1,t+1);n++)a.push(n);t+1<e-1&&a.push("..."),a.push(e)}return a}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if(this.mode!=="navigator"&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map(a=>typeof a=="object"?Object.assign(Object.assign({},a),{current:parseInt(a.label)===e}):a);const s=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"2385b59b0a8b2bbdc40bfc5032b846c0ec20065e"},this.total>0&&this.mode==="default"&&i.h("p",{key:"6aea281a4df247874f354469bbabae039424ad9e",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"eeb5f0ea902505c3853a30d51026cef9d9785e48",class:"sr-only"},"Results:"),this.pageResults()),this.mode==="navigator"||this.lastPage&&this.lastPage>1?i.h("nav",{"aria-label":"Pagination"},i.h("ul",{class:"flex items-center justify-center gap-x-8"},i.h("li",{class:"mr-auto"},i.h("eds-link",{label:this.prevLabel,url:this.mode==="navigator"?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:this.mode==="navigator"?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{this.mode==="default"&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),this.mode==="default"&&this.links.map((t,e)=>i.h("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},typeof t=="string"?i.h("span",{class:"flex items-center justify-center"},t):i.h("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:s=>this.handlePageClick(s,parseInt(t.label))}))),i.h("li",{class:"ml-auto"},i.h("eds-link",{label:this.nextLabel,url:this.mode==="navigator"?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:this.mode==="navigator"?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{this.mode==="default"&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i.getElement(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};h.style=c;const f="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}",u=f,g=class{constructor(t){i.registerInstance(this,t),this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData=typeof this.data=="string"?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tableData=[]}}parseConfig(){try{this.parsedConfig=typeof this.config=="string"?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse config:",t),this.parsedConfig={}}}async fetchData(){try{const e=await(await fetch(this.endpoint)).json();this.data=e}catch(t){console.error("Failed to fetch data:",t)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const t=this.hostEl.shadowRoot.querySelector("eds-pagination");t&&!t.hasAttribute("listener-attached")&&(t.addEventListener("pageChange",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.filter(t=>Object.values(t).some(e=>e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))}getPaginatedRows(){const t=this.getFilteredRows();this.totalRows=t.length;const e=(this.currentPage-1)*this.rowsPerPage;return t.slice(e,e+this.rowsPerPage)}handlePageChange(t){this.currentPage=t}handleSearch(t){this.searchQuery=t.target.value,this.currentPage=1}renderCell(t,e){var s;const a=(s=this.parsedConfig[e])===null||s===void 0?void 0:s.format;return a==="uppercase"?t==null?void 0:t.toString().toUpperCase():a==="svg"?i.h("div",{innerHTML:t}):a==="bold"?i.h("strong",null,t):a==="code"?i.h("code",null,t):t}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tableData.length>0?Object.keys(this.tableData[0]):[]}getVisibleColumnsCount(){return this.columns.filter(t=>{var e;return!(!((e=this.parsedConfig[t])===null||e===void 0)&&e.hidden)}).length}divisionFactor(){let t=1;return this.columnSize==="medium"?t=2:this.columnSize==="large"&&(t=4),t}render(){const t=this.getPaginatedRows(),e=Math.ceil(this.totalRows/this.rowsPerPage),s=this.getVisibleColumnsCount(),a=this.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:this.hostEl.getRootNode().host instanceof HTMLElement?this.hostEl.getRootNode().host.getBoundingClientRect().width:400,n=s>0?Math.floor(a/s*this.divisionFactor()):100;return console.log("columnWidth:",n),i.h("div",{key:"178a33c07e6eae9d5edc170f842b6ef29ae21d9c"},this.searchEnabled&&i.h("div",{key:"f1212a4e515a1db218df28b71367c6ffa42e3063"},i.h("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:o=>this.handleSearch(o)})),i.h("div",{key:"da6ac91e4b4d56780b044a3d35088e7722efe143",class:"mt-20"},i.h("table",{key:"3c5734d2370b31d2445ed4f043a80bf87c6d4bde",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"3803a39b4c987ff39bf22e2567bd1bc3d513e1f4"},i.h("tr",{key:"a67fa7bdd48549c69cfa9721083a908ab036a559",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(o=>{var r;return!(!((r=this.parsedConfig[o])===null||r===void 0)&&r.hidden)&&i.h("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:{minWidth:`${n}px`}},o)}))),i.h("tbody",{key:"8e3f21bf2ee5b1bd84cfa93411ca2671f43ced45"},t.map(o=>i.h("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(r=>{var l;return!(!((l=this.parsedConfig[r])===null||l===void 0)&&l.hidden)&&i.h("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:`${n}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"24931f257ef9ced394c1b5b1e589cacedd8035e6",class:"mt-20"},i.h("eds-pagination",{key:"996b26ae090ee4fe08cc821fb11362d94879ff72",currentPage:this.currentPage,lastPage:e,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};g.style=u;exports.eds_pagination=h;exports.eds_table=g;

package/eds-progress-bar.entry-Bmjv2r3W.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-Dvww9rdy.js"),o=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}",i=o,r=class{constructor(e){t.registerInstance(this,e),this.value=0}async updateValue(e){this.value=Math.min(100,Math.max(0,e))}render(){const e=this.value;return t.h("div",{key:"3131f56034a9fd72ca51e448bc2bcc6281669b25",class:"outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"},t.h("div",{key:"f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07",class:"inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02",style:{width:`${e}%`}},e,"%"))}};r.style=i;exports.eds_progress_bar=r;

package/eds-progress-bar.entry-sdqDGSI3.mjs

@@ -0,0 +1,21 @@
+import { r, h as t } from "./index-Dg2DO7q4.mjs";
+const o = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}", a = o, i = class {
+  constructor(e) {
+    r(this, e), this.value = 0;
+  }
+  /**
+   * Method to update the progress value externally.
+   * @param newValue The new progress value (0-100).
+   */
+  async updateValue(e) {
+    this.value = Math.min(100, Math.max(0, e));
+  }
+  render() {
+    const e = this.value;
+    return t("div", { key: "3131f56034a9fd72ca51e448bc2bcc6281669b25", class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, t("div", { key: "f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07", class: "inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02", style: { width: `${e}%` } }, e, "%"));
+  }
+};
+i.style = a;
+export {
+  i as eds_progress_bar
+};