@ebrains/vue 0.9.2-beta → 1.0.0

package/eds-pagination_2.entry-BK--gyZ0.mjs

@@ -0,0 +1,258 @@
+import { r as h, h as i, g as d } from "./index-BvZ-fq9l.mjs";
+import { s as g } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const u = "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}}", f = u, p = 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() {
+    this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((e) => {
+      this.emitContext(e);
+    });
+  }
+  /**
+   * 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("page", {
+        detail: e,
+        bubbles: !0,
+        composed: !0
+      });
+      this.hostEl.dispatchEvent(s), this.currentPage = e;
+    }
+  }
+  render() {
+    return i("div", { key: "1d53f69179791434224f152503c0b81c4cfc7cd3" }, this.total > 0 && this.mode === "default" && i("p", { key: "00ae324b49d62a74feee9d1cde21d67cd726ecf0", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "dedf2ce2700eae9d1386b305ec1d1904b133f992", 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 d(this);
+  }
+  static get watchers() {
+    return {
+      currentPage: ["onPageOrLastPageChange"],
+      lastPage: ["onPageOrLastPageChange"]
+    };
+  }
+};
+p.style = f;
+const m = "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}", b = m, v = class {
+  constructor(t) {
+    h(this, t), this.handleResize = () => {
+      this.updateContainerWidth();
+    }, 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.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0;
+  }
+  handleDataChange() {
+    this.parseData();
+  }
+  handleConfigChange() {
+    this.parseConfig();
+  }
+  componentWillLoad() {
+    this.parseConfig(), this.data ? this.parseData() : this.endpoint && this.fetchData();
+  }
+  componentDidLoad() {
+    this.updateContainerWidth(), window.addEventListener("resize", this.handleResize), this.setupPaginationListener();
+  }
+  componentDidUpdate() {
+    this.setupPaginationListener();
+  }
+  disconnectedCallback() {
+    window.removeEventListener("resize", this.handleResize);
+  }
+  updateContainerWidth() {
+    this.hostWidth && this.hostWidth.trim() !== "" ? this.containerWidth = Number(this.hostWidth) : this.hostEl.parentElement instanceof HTMLElement ? this.containerWidth = this.hostEl.parentElement.getBoundingClientRect().width : this.containerWidth = 400;
+  }
+  parseData() {
+    try {
+      this.tbData = c(this.data), this.totalRows = this.tbData.length, this.updateColumns(), this.currentPage = 1;
+    } catch (t) {
+      console.error("Failed to parse data:", t), this.tbData = [];
+    }
+  }
+  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("page", (e) => this.handlePageChange(e.detail)), t.setAttribute("listener-attached", "true"));
+  }
+  getFilteredRows() {
+    return this.tbData.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, g({
+      category: "ui-component",
+      parentContext: null,
+      tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
+      name: `${t}` || "",
+      action: "page"
+    });
+  }
+  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.tbData.length > 0 ? Object.keys(this.tbData[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.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), s = e > 0 ? Math.floor(t / e * this.divisionFactor()) : 100, a = this.getPaginatedRows(), n = Math.ceil(this.totalRows / this.rowsPerPage);
+    return i("div", { key: "81735ac374853c8c92b3f50e26263ff9d71b326c" }, this.searchEnabled && i("div", { key: "0b2ab8dbb343033f605e2028890bd963cd650998" }, 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: "eb3eebe6fb124d4e1983b2fb7e636707817d36bd", class: "mt-20" }, i("table", { key: "03b312ac20bdec28843a46907a3cc4fba69f62ae", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "ccab58dc46ae765df28da97ded6b1dd14d45d7f1" }, i("tr", { key: "904a125aad610cebe42b0bce46615be38f0ee17a", 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: `${s - 4}px` } }, o);
+    }))), i("tbody", { key: "a4c54c9c89d15546020dbb684e5486decde33f30" }, a.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: `${s - 4}px` } }, this.renderCell(o[r], r));
+    })))))), this.shouldEnablePagination() && i("div", { key: "2a248cbbe81ac8c1ad4dfbb49a9615f15931bac6", class: "mt-20" }, i("eds-pagination", { key: "11701d81922ca4c8b36fe82be32316a175eddbcd", currentPage: this.currentPage, lastPage: n, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+  }
+  get hostEl() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      data: ["handleDataChange", "parseData"],
+      config: ["handleConfigChange"]
+    };
+  }
+};
+v.style = b;
+export {
+  p as eds_pagination,
+  v as eds_table
+};

package/eds-pagination_2.entry-De883ILy.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CJvr9v3B.js"),g=require("./analytics-d99780e3-DgvAss6l.js"),c=require("./sharedUtils-a550989c-m4pF1Vqy.js"),u="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}}",f=u,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(){this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach(e=>{this.emitContext(e)})}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("page",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"1d53f69179791434224f152503c0b81c4cfc7cd3"},this.total>0&&this.mode==="default"&&i.h("p",{key:"00ae324b49d62a74feee9d1cde21d67cd726ecf0",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"dedf2ce2700eae9d1386b305ec1d1904b133f992",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=f;const p="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}",m=p,d=class{constructor(t){i.registerInstance(this,t),this.handleResize=()=>{this.updateContainerWidth()},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.tbData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery="",this.containerWidth=0}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.updateContainerWidth(),window.addEventListener("resize",this.handleResize),this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateContainerWidth(){this.hostWidth&&this.hostWidth.trim()!==""?this.containerWidth=Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.containerWidth=this.hostEl.parentElement.getBoundingClientRect().width:this.containerWidth=400}parseData(){try{this.tbData=c.parseData(this.data),this.totalRows=this.tbData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tbData=[]}}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("page",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tbData.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,g.sendAnalytics({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${t}`||"",action:"page"})}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.tbData.length>0?Object.keys(this.tbData[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.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.containerWidth||400,e=this.getVisibleColumnsCount(),s=e>0?Math.floor(t/e*this.divisionFactor()):100,a=this.getPaginatedRows(),n=Math.ceil(this.totalRows/this.rowsPerPage);return i.h("div",{key:"81735ac374853c8c92b3f50e26263ff9d71b326c"},this.searchEnabled&&i.h("div",{key:"0b2ab8dbb343033f605e2028890bd963cd650998"},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:"eb3eebe6fb124d4e1983b2fb7e636707817d36bd",class:"mt-20"},i.h("table",{key:"03b312ac20bdec28843a46907a3cc4fba69f62ae",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"ccab58dc46ae765df28da97ded6b1dd14d45d7f1"},i.h("tr",{key:"904a125aad610cebe42b0bce46615be38f0ee17a",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:`${s-4}px`}},o)}))),i.h("tbody",{key:"a4c54c9c89d15546020dbb684e5486decde33f30"},a.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:`${s-4}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"2a248cbbe81ac8c1ad4dfbb49a9615f15931bac6",class:"mt-20"},i.h("eds-pagination",{key:"11701d81922ca4c8b36fe82be32316a175eddbcd",currentPage:this.currentPage,lastPage:n,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};d.style=m;exports.eds_pagination=h;exports.eds_table=d;

package/eds-progress-bar.entry-CnzFrS-7.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CJvr9v3B.js"),n=".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)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}",i=n,r=class{constructor(e){t.registerInstance(this,e),this.value=0,this.rounded=!0}async updateValue(e){this.value=Math.min(100,Math.max(0,e))}render(){const e=Math.min(100,Math.max(0,this.value)),o=["outer","w-full","h-24","bg-default","border","border-softer","overflow-hidden",this.rounded?"rounded-lg":"","relative"].filter(Boolean).join(" "),a=["inner","h-full","transition-all","duration-300","bg-accent",e>0&&this.rounded?"rounded-lg":"","z-0"].filter(Boolean).join(" ");return t.h("div",{key:"8760afff9f85f05fec52b0a7fb668661e49dc06f",role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e,"aria-valuetext":`${e}%`,class:o},t.h("div",{key:"06165b69fe7e170f4f61d9f95b5a44342d4ee67a",class:a,style:{width:`${e}%`}}),t.h("div",{key:"0c48e65c5a6cb0b4dff7a7e3e248052cdc29957d",class:"absolute inset-0 flex items-center justify-center pointer-events-none z-10"},t.h("span",{key:"fc6f7396cf741ba18d1b5d065bdd1b7bfff12abe",class:"text-default f-body-02"},e,"%")))}};r.style=i;exports.eds_progress_bar=r;

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

@@ -0,0 +1,39 @@
+import { r as a, h as t } from "./index-BvZ-fq9l.mjs";
+const n = ".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)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}", i = n, s = class {
+  constructor(e) {
+    a(this, e), this.value = 0, this.rounded = !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 = Math.min(100, Math.max(0, this.value)), r = [
+      "outer",
+      "w-full",
+      "h-24",
+      "bg-default",
+      "border",
+      "border-softer",
+      "overflow-hidden",
+      this.rounded ? "rounded-lg" : "",
+      "relative"
+    ].filter(Boolean).join(" "), o = [
+      "inner",
+      "h-full",
+      "transition-all",
+      "duration-300",
+      "bg-accent",
+      e > 0 && this.rounded ? "rounded-lg" : "",
+      "z-0"
+    ].filter(Boolean).join(" ");
+    return t("div", { key: "8760afff9f85f05fec52b0a7fb668661e49dc06f", role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": e, "aria-valuetext": `${e}%`, class: r }, t("div", { key: "06165b69fe7e170f4f61d9f95b5a44342d4ee67a", class: o, style: { width: `${e}%` } }), t("div", { key: "0c48e65c5a6cb0b4dff7a7e3e248052cdc29957d", class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, t("span", { key: "fc6f7396cf741ba18d1b5d065bdd1b7bfff12abe", class: "text-default f-body-02" }, e, "%")));
+  }
+};
+s.style = i;
+export {
+  s as eds_progress_bar
+};

package/eds-rating.entry-D48_hoBw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CJvr9v3B.js"),s=":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}",o=s,n=class{constructor(e){r.registerInstance(this,e),this.rating=r.createEvent(this,"rating",7),this.ratingType="star",this.ratingCount=5,this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});e.dispatchEvent(t)}handleClick(e){this.selectedRating=e,this.rating.emit(e)}render(){return r.h("div",{key:"685ac01e4db577b07d00030b0c25e10b9b0defa8",role:"radiogroup",class:"stars flex space-x-1 my-8"},Array.from({length:this.ratingCount},(e,t)=>{const a=t+1,i=a<=this.selectedRating;return r.h("eds-button",{icon:this.ratingType,role:"radio","aria-checked":i?"true":"false","aria-label":this.ratingType,onClick:()=>this.handleClick(a),tabIndex:this.selectedRating===0&&t===0||i?0:-1,intent:i?"primary":"ghost",size:"large","extra-class":"p-2"})}))}get el(){return r.getElement(this)}};n.style=o;exports.eds_rating=n;

package/eds-rating.entry-ScrHbfrp.mjs

@@ -0,0 +1,61 @@
+import { r as s, c as n, h as i, g as o } from "./index-BvZ-fq9l.mjs";
+const l = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", c = l, m = class {
+  constructor(t) {
+    s(this, t), this.rating = n(this, "rating", 7), this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
+  }
+  /**
+   * 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((e) => {
+      this.emitContext(e);
+    });
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given link element.
+   * This event provides context information about the breadcrumb component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const e = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: this.selectedRating
+      }
+    });
+    t.dispatchEvent(e);
+  }
+  /**
+   * Handles the click event on a star.
+   * @param rating - The selected rating value.
+   */
+  handleClick(t) {
+    this.selectedRating = t, this.rating.emit(t);
+  }
+  render() {
+    return i("div", { key: "685ac01e4db577b07d00030b0c25e10b9b0defa8", role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (t, e) => {
+      const a = e + 1, r = a <= this.selectedRating;
+      return i("eds-button", {
+        icon: this.ratingType,
+        role: "radio",
+        "aria-checked": r ? "true" : "false",
+        "aria-label": this.ratingType,
+        onClick: () => this.handleClick(a),
+        tabIndex: this.selectedRating === 0 && e === 0 || r ? 0 : -1,
+        intent: r ? "primary" : "ghost",
+        size: "large",
+        "extra-class": "p-2"
+        // Optional padding or styling for the star button
+      });
+    }));
+  }
+  get el() {
+    return o(this);
+  }
+};
+m.style = c;
+export {
+  m as eds_rating
+};

package/eds-section-core_2.entry-D3FNm7II.mjs

@@ -0,0 +1,39 @@
+import { r as t, h as s } from "./index-BvZ-fq9l.mjs";
+const a = "", n = a, c = class {
+  constructor(e) {
+    t(this, e), this.tag = "section", this.sectionTitle = "", this.headingLevel = "h2";
+  }
+  render() {
+    const e = this.tag;
+    return s(e, { key: "ff0b28dffb8aca2ad0ac1ee3eea7ebda75078f96" }, s("eds-section-heading", { key: "23e9bb2b084c6b8a534dd310fbe10e0de0211187", headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), s("slot", { key: "9cae6378bdb5304191d393967025570f94fdcdb2" }));
+  }
+};
+c.style = n;
+const h = class {
+  constructor(e) {
+    t(this, e), this.sectionTitle = void 0, this.withContainer = !0, this.headingLevel = "h2", this.tag = "div", this.spacingLarge = !1;
+  }
+  getHeadingClass() {
+    return {
+      h1: "f-heading-01",
+      h2: "f-heading-02",
+      h3: "f-heading-03",
+      h4: "f-heading-04",
+      h5: "f-heading-05",
+      h6: "f-heading-06"
+    }[this.headingLevel];
+  }
+  render() {
+    const e = this.tag, i = this.headingLevel;
+    return s(e, { key: "bb32f87fd944ebf08ebcde3980c18cd4bed18783", class: {
+      "ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8": !0,
+      container: this.withContainer,
+      "pt-48": this.spacingLarge,
+      "pt-28": !this.spacingLarge
+    } }, s(i, { key: "0cd8ea8aada58e30675579c82ba130b40257c7c6", class: this.getHeadingClass() }, this.sectionTitle));
+  }
+};
+export {
+  c as eds_section_core,
+  h as eds_section_heading
+};

package/eds-section-core_2.entry-DshZ38Q9.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CJvr9v3B.js"),n="",a=n,s=class{constructor(e){t.registerInstance(this,e),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){const e=this.tag;return t.h(e,{key:"ff0b28dffb8aca2ad0ac1ee3eea7ebda75078f96"},t.h("eds-section-heading",{key:"23e9bb2b084c6b8a534dd310fbe10e0de0211187",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"9cae6378bdb5304191d393967025570f94fdcdb2"}))}};s.style=a;const c=class{constructor(e){t.registerInstance(this,e),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){const e=this.tag,i=this.headingLevel;return t.h(e,{key:"bb32f87fd944ebf08ebcde3980c18cd4bed18783",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},t.h(i,{key:"0cd8ea8aada58e30675579c82ba130b40257c7c6",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=c;

package/eds-spinner.entry-CAKA3YkP.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),r=":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}",n=r,t=class{constructor(s){e.registerInstance(this,s),this.size="1rem",this.thickness="10px",this.borderColor="var(--grey-400)",this.bottomColor="var(--grey-900)",this.background="var(--grey-200)",this.fullscreen=!1}render(){const s=Object.assign({width:this.size,height:this.size,border:`${this.thickness} solid ${this.borderColor}`,borderBottomColor:this.bottomColor},!this.fullscreen&&{display:"inline-block"}),i=this.fullscreen?{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",zIndex:"9999999",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"}:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:"1000",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"};return e.h(e.Host,{key:"214876a56949c147e74c1a7072406234c2fb1a02"},e.h("div",{key:"b75b639fa38aafaf13e1eb727e28c5e67f3edafe",class:"spinner-overlay",style:i},e.h("span",{key:"87ba2ef7e1e9601ac0ae8132e9c891b4149a20b5",class:"spinner",style:s})))}};t.style=n;exports.eds_spinner=t;

package/eds-spinner.entry-KZWQRAHb.mjs

@@ -0,0 +1,36 @@
+import { r as i, h as s, H as r } from "./index-BvZ-fq9l.mjs";
+const n = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", o = n, a = class {
+  constructor(e) {
+    i(this, e), this.size = "1rem", this.thickness = "10px", this.borderColor = "var(--grey-400)", this.bottomColor = "var(--grey-900)", this.background = "var(--grey-200)", this.fullscreen = !1;
+  }
+  render() {
+    const e = Object.assign({ width: this.size, height: this.size, border: `${this.thickness} solid ${this.borderColor}`, borderBottomColor: this.bottomColor }, !this.fullscreen && { display: "inline-block" }), t = this.fullscreen ? {
+      position: "fixed",
+      top: "0",
+      left: "0",
+      width: "100vw",
+      height: "100vh",
+      zIndex: "9999999",
+      backgroundColor: this.background,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    } : {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      zIndex: "1000",
+      backgroundColor: this.background,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    };
+    return s(r, { key: "214876a56949c147e74c1a7072406234c2fb1a02" }, s("div", { key: "b75b639fa38aafaf13e1eb727e28c5e67f3edafe", class: "spinner-overlay", style: t }, s("span", { key: "87ba2ef7e1e9601ac0ae8132e9c891b4149a20b5", class: "spinner", style: e })));
+  }
+};
+a.style = o;
+export {
+  a as eds_spinner
+};

package/eds-splash-screen.entry-B7f2rbAn.mjs

@@ -0,0 +1,39 @@
+import { r as t, c as r, h as e, H as n } from "./index-BvZ-fq9l.mjs";
+const o = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}", a = o, l = class {
+  constructor(s) {
+    t(this, s), this.splash = r(this, "splash", 7), this.inverse = !1, this.initPromise = void 0, this.isVisible = !0;
+  }
+  // When the component loads, check if there is a promise.
+  componentWillLoad() {
+    this.initPromise && this.handleInitPromise(this.initPromise);
+  }
+  // Watch for changes on initPromise.
+  async watchInitPromise(s) {
+    s && this.handleInitPromise(s);
+  }
+  async handleInitPromise(s) {
+    try {
+      await s, this.hideSplash();
+    } catch (i) {
+      this.splash.emit({ type: "error", message: i.message || "Unknown error" });
+    }
+  }
+  handleHideSplash() {
+    this.hideSplash();
+  }
+  hideSplash() {
+    this.isVisible = !1, this.splash.emit({ type: "hidden", message: "Splash screen hidden successfully" });
+  }
+  render() {
+    return this.isVisible ? e(n, null, e("div", { class: "splash-overlay", style: { background: this.inverse ? "black" : "var(--grey-200)" } }, e("div", { class: "logo-container" }, this.inverse ? e("eds-logo", { orientation: "vertical", type: "color-white" }) : e("eds-logo", { orientation: "vertical", type: "color" })), e("div", { class: "content-container" }, e("eds-spinner", { size: "1rem", thickness: "3px", "border-color": "var(--grey-400)", "bottom-color": "var(--grey-900)", background: "none", fullscreen: !1 })))) : null;
+  }
+  static get watchers() {
+    return {
+      initPromise: ["watchInitPromise"]
+    };
+  }
+};
+l.style = a;
+export {
+  l as eds_splash_screen
+};

package/eds-splash-screen.entry-YJ_mGQYU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),n=".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}",r=n,i=class{constructor(s){e.registerInstance(this,s),this.splash=e.createEvent(this,"splash",7),this.inverse=!1,this.initPromise=void 0,this.isVisible=!0}componentWillLoad(){this.initPromise&&this.handleInitPromise(this.initPromise)}async watchInitPromise(s){s&&this.handleInitPromise(s)}async handleInitPromise(s){try{await s,this.hideSplash()}catch(t){this.splash.emit({type:"error",message:t.message||"Unknown error"})}}handleHideSplash(){this.hideSplash()}hideSplash(){this.isVisible=!1,this.splash.emit({type:"hidden",message:"Splash screen hidden successfully"})}render(){return this.isVisible?e.h(e.Host,null,e.h("div",{class:"splash-overlay",style:{background:this.inverse?"black":"var(--grey-200)"}},e.h("div",{class:"logo-container"},this.inverse?e.h("eds-logo",{orientation:"vertical",type:"color-white"}):e.h("eds-logo",{orientation:"vertical",type:"color"})),e.h("div",{class:"content-container"},e.h("eds-spinner",{size:"1rem",thickness:"3px","border-color":"var(--grey-400)","bottom-color":"var(--grey-900)",background:"none",fullscreen:!1})))):null}static get watchers(){return{initPromise:["watchInitPromise"]}}};i.style=r;exports.eds_splash_screen=i;

package/eds-switch.entry-CKv4fbm-.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),s=require("./analytics-d99780e3-DgvAss6l.js"),a=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}",c=a,i=class{constructor(t){e.registerInstance(this,t),this.uiswitch=e.createEvent(this,"uiswitch",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.uiswitch.emit(this.checked),s.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.checked?this.labelOn:this.labelOff||"",action:"checked"}))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return e.h("div",{key:"442876be1bad7ea8c9e383bc68b192a2744c38f9",class:"switch-container"},this.labelOff&&e.h("span",{key:"e4a7b01c0188d26e5b6524741b1c8ef66e357e35",class:"switch-label switch-label--off mr-8"},this.labelOff),e.h("button",{key:"f56b3762622671acf793568a96567193c38999c7",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},e.h("span",{key:"b76e89a1e37130542dd86ce3aed8c5690aeeda63",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"4e5d4f8a2f19bb612a17fa73e441e7e718b71508",class:"switch-label switch-label--on ml-8"},this.labelOn))}get el(){return e.getElement(this)}};i.style=c;exports.eds_switch=i;

package/eds-switch.entry-DbBUxVI8.mjs

@@ -0,0 +1,29 @@
+import { r as i, c as s, h as e, g as a } from "./index-BvZ-fq9l.mjs";
+import { s as c } from "./analytics-d99780e3-Bay18Oil.mjs";
+const l = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}", h = l, n = class {
+  constructor(t) {
+    i(this, t), this.uiswitch = s(this, "uiswitch", 7), this.toggleSwitch = () => {
+      this.disabled || (this.checked = !this.checked, this.uiswitch.emit(this.checked), c({
+        category: "ui-component",
+        tag: this.el.tagName.toLowerCase(),
+        name: this.checked ? this.labelOn : this.labelOff || "",
+        action: "checked"
+      }));
+    }, this.checked = !1, this.disabled = !1, this.labelOn = "", this.labelOff = "";
+  }
+  render() {
+    const t = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch";
+    return e("div", { key: "442876be1bad7ea8c9e383bc68b192a2744c38f9", class: "switch-container" }, this.labelOff && e("span", { key: "e4a7b01c0188d26e5b6524741b1c8ef66e357e35", class: "switch-label switch-label--off mr-8" }, this.labelOff), e("button", { key: "f56b3762622671acf793568a96567193c38999c7", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": t, class: {
+      switch: !0,
+      "switch--checked": this.checked,
+      "switch--disabled": this.disabled
+    }, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "b76e89a1e37130542dd86ce3aed8c5690aeeda63", class: "switch-handle" })), this.labelOn && e("span", { key: "4e5d4f8a2f19bb612a17fa73e441e7e718b71508", class: "switch-label switch-label--on ml-8" }, this.labelOn));
+  }
+  get el() {
+    return a(this);
+  }
+};
+n.style = h;
+export {
+  n as eds_switch
+};

package/eds-timeline.entry-BE-6PK5Q.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CJvr9v3B.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),i=".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{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-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))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",n=i,r=class{constructor(e){t.registerInstance(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){const a=l.parseData(e);this.parsedEvents=Array.isArray(a)?a.map(s=>Object.assign(Object.assign({},s),{completed:s.completed==="true"||s.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(a=>{this.emitContext(a)})}emitContext(e){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(a)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return t.h("div",{key:"63ce0ce7e3a632906f664011243abf9f816bc53a",class:"max-w-sidebar mx-auto px-4 py-8"},t.h("div",{key:"794d16f6b68d87bb1fb4665cc5ef84b381fb55ea",class:"relative"},t.h("div",{key:"2b82b5594a9ed5c056898725f40e56858282412a",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t.h("div",{key:"6d33b71396649e7b90d050c0858912fa49c309a7",class:"space-y-16"},this.parsedEvents.map((e,a)=>t.h("div",{class:"relative flex"},t.h("div",{class:`w-1/2 ${a%2===0?"pr-4":""}`},a%2===0&&t.h("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.h("div",{class:"flex items-center justify-center relative"},e.completed?t.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):t.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t.h("div",{class:`w-1/2 ${a%2!==0?"pl-4":""}`},a%2!==0&&t.h("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 t.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};r.style=n;exports.eds_timeline=r;