@ebrains/vue 0.9.2-beta → 1.0.0

package/eds-timeline.entry-uFV4mRmh.mjs

@@ -0,0 +1,46 @@
+import { r, h as t, g as l } from "./index-BvZ-fq9l.mjs";
+import { p as i } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
+const n = ".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)}", c = n, o = class {
+  constructor(e) {
+    r(this, e), this.events = void 0, this.selectedEvent = null, this.parsedEvents = [];
+  }
+  parseEvents(e) {
+    const a = i(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("div", { key: "63ce0ce7e3a632906f664011243abf9f816bc53a", class: "max-w-sidebar mx-auto px-4 py-8" }, t("div", { key: "794d16f6b68d87bb1fb4665cc5ef84b381fb55ea", class: "relative" }, t("div", { key: "2b82b5594a9ed5c056898725f40e56858282412a", class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), t("div", { key: "6d33b71396649e7b90d050c0858912fa49c309a7", class: "space-y-16" }, this.parsedEvents.map((e, a) => t("div", { class: "relative flex" }, t("div", { class: `w-1/2 ${a % 2 === 0 ? "pr-4" : ""}` }, a % 2 === 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })), t("div", { class: "flex items-center justify-center relative" }, e.completed ? t("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" }) : t("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" })), t("div", { class: `w-1/2 ${a % 2 !== 0 ? "pl-4" : ""}` }, a % 2 !== 0 && t("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })))))));
+  }
+  get el() {
+    return l(this);
+  }
+  static get watchers() {
+    return {
+      events: ["parseEvents"]
+    };
+  }
+};
+o.style = c;
+export {
+  o as eds_timeline
+};

package/eds-toast-manager.entry-BKIf0Xw3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CJvr9v3B.js");class i{constructor(){this.toastManagerElement=null}init(e){this.toastManagerElement=e}show(e,s="default"){if(!this.toastManagerElement){console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");return}const o=new CustomEvent("show-toast",{detail:{message:e,intent:s}});this.toastManagerElement.dispatchEvent(o)}}const r=new i,d=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",l=d,n=class{constructor(t){a.registerInstance(this,t),this.toastId=0,this.toasts=[]}connectedCallback(){r.init(this.hostElement),this.hostElement.addEventListener("show-toast",t=>{const{message:e,intent:s}=t.detail;this.addToast(e,s)})}addToast(t,e){const s=this.toastId++;this.toasts=[...this.toasts,{id:s,message:t,intent:e}]}removeToast(t){this.toasts=this.toasts.filter(e=>e.id!==t)}render(){return a.h("div",{key:"b86b71e71fa88b56acab6d7060e7b05beec344e1",class:"toast-container"},this.toasts.map(t=>a.h("div",{key:t.id},a.h("eds-toast",{message:t.message,intent:t.intent,onClick:()=>this.removeToast(t.id)}))))}get hostElement(){return a.getElement(this)}};n.style=l;exports.eds_toast_manager=n;

package/eds-toast-manager.entry-CXL8sMaG.mjs

@@ -0,0 +1,61 @@
+import { r as o, h as a, g as i } from "./index-BvZ-fq9l.mjs";
+class r {
+  constructor() {
+    this.toastManagerElement = null;
+  }
+  /**
+   * Initialize the ToastManager with a reference to the `eds-toast-manager` component.
+   */
+  init(s) {
+    this.toastManagerElement = s;
+  }
+  /**
+   * Display a toast.
+   * @param message - The message to display.
+   * @param intent - The type of the toast ('success', 'error', 'warning', 'default').
+   */
+  show(s, e = "default") {
+    if (!this.toastManagerElement) {
+      console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");
+      return;
+    }
+    const n = new CustomEvent("show-toast", {
+      detail: { message: s, intent: e }
+    });
+    this.toastManagerElement.dispatchEvent(n);
+  }
+}
+const d = new r(), l = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}", m = l, c = class {
+  constructor(t) {
+    o(this, t), this.toastId = 0, this.toasts = [];
+  }
+  connectedCallback() {
+    d.init(this.hostElement), this.hostElement.addEventListener("show-toast", (t) => {
+      const { message: s, intent: e } = t.detail;
+      this.addToast(s, e);
+    });
+  }
+  /**
+   * Adds a new toast.
+   */
+  addToast(t, s) {
+    const e = this.toastId++;
+    this.toasts = [...this.toasts, { id: e, message: t, intent: s }];
+  }
+  /**
+   * Removes a toast by ID.
+   */
+  removeToast(t) {
+    this.toasts = this.toasts.filter((s) => s.id !== t);
+  }
+  render() {
+    return a("div", { key: "b86b71e71fa88b56acab6d7060e7b05beec344e1", class: "toast-container" }, this.toasts.map((t) => a("div", { key: t.id }, a("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))));
+  }
+  get hostElement() {
+    return i(this);
+  }
+};
+c.style = m;
+export {
+  c as eds_toast_manager
+};

package/eds-toast.entry-a-RIjL18.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`,a=o,n=r.cva(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"],{variants:{intent:{default:"bg-dark text-light",success:"bg-success text-dark",error:"bg-error text-light",warning:"bg-warning text-dark"}},defaultVariants:{intent:"default"}}),s=class{constructor(t){e.registerInstance(this,t),this.dismissToast=()=>{this.visible=!1},this.message=void 0,this.intent="default",this.duration=void 0,this.visible=!0}componentDidLoad(){const t=this.el.shadowRoot.querySelector("eds-button");this.emitContext(t)}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}connectedCallback(){this.duration&&this.duration>0&&(this.dismissTimeout=setTimeout(this.dismissToast,this.duration))}disconnectedCallback(){clearTimeout(this.dismissTimeout)}render(){if(!this.visible)return null;const t=n({intent:this.intent});return e.h("div",{class:t,role:"alert","aria-live":"assertive"},e.h("div",{class:"flex items-center justify-between gap-4"},e.h("span",{class:"f-ui-01"},this.message),e.h("eds-button",{intent:"tertiary",icon:"close","aria-label":"Close Toast",onClick:()=>this.dismissToast(),"extra-class":"ml-8"})))}get el(){return e.getElement(this)}};s.style=a;exports.eds_toast=s;

package/eds-toast.entry-oZ1Juhqm.mjs

@@ -0,0 +1,61 @@
+import { r as i, h as e, g as r } from "./index-BvZ-fq9l.mjs";
+import { c as o } from "./index-39c58238-BwYCDOHZ.mjs";
+const a = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.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)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),
+        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),
+        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}`, n = a, l = o(["relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md"], {
+  variants: {
+    intent: {
+      default: "bg-dark text-light",
+      success: "bg-success text-dark",
+      error: "bg-error text-light",
+      warning: "bg-warning text-dark"
+    }
+  },
+  defaultVariants: {
+    intent: "default"
+  }
+}), d = class {
+  constructor(t) {
+    i(this, t), this.dismissToast = () => {
+      this.visible = !1;
+    }, this.message = void 0, this.intent = "default", this.duration = void 0, this.visible = !0;
+  }
+  componentDidLoad() {
+    const t = this.el.shadowRoot.querySelector("eds-button");
+    this.emitContext(t);
+  }
+  /**
+   * Emits a custom event called `parentContext` for a given button element.
+   * This event provides context information about the toast component.
+   *
+   * @param btnElement - The link element to which the event will be dispatched.
+   */
+  emitContext(t) {
+    const s = new CustomEvent("parentContext", {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    t.dispatchEvent(s);
+  }
+  connectedCallback() {
+    this.duration && this.duration > 0 && (this.dismissTimeout = setTimeout(this.dismissToast, this.duration));
+  }
+  disconnectedCallback() {
+    clearTimeout(this.dismissTimeout);
+  }
+  render() {
+    if (!this.visible)
+      return null;
+    const t = l({ intent: this.intent });
+    return e("div", { class: t, role: "alert", "aria-live": "assertive" }, e("div", { class: "flex items-center justify-between gap-4" }, e("span", { class: "f-ui-01" }, this.message), e("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" })));
+  }
+  get el() {
+    return r(this);
+  }
+};
+d.style = n;
+export {
+  d as eds_toast
+};

package/eds-trl.entry-Bw8w42hZ.mjs

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

package/eds-trl.entry-DmSx4bnn.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CJvr9v3B.js"),i=class{constructor(e){t.registerInstance(this,e),this.applications=void 0}getParsedApplications(){let e=[];if(typeof this.applications=="string")try{e=JSON.parse(this.applications||"[]")}catch(a){console.error("Invalid applications trl JSON",a),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const a=this.getParsedApplications().map(r=>({Application:r.name,"Current TRL Stage":`TRL ${r.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(r.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"8a798c644632d3168af51aa8a0775b7455ab5b52",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"82a692c0f7e46fe7438a594a7b5c567855c0e308","table-data":JSON.stringify(a),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;

package/eu-9ddde93a-BFtIQw9B.js

@@ -0,0 +1,28 @@
+"use strict";const e=`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;exports.euSvg=e;

package/eu-9ddde93a-ft4szvR5.mjs

@@ -0,0 +1,31 @@
+const e = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;
+export {
+  e
+};

package/facebook-9cb5c17f-BcUhbrj6.mjs

@@ -0,0 +1,15 @@
+const o = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;
+export {
+  o as f
+};

package/facebook-9cb5c17f-Y_gvQ682.js

@@ -0,0 +1,12 @@
+"use strict";const o=`  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;exports.facebook=o;

package/generated/components.d.ts

@@ -0,0 +1,40 @@
+import { JSX } from '../../../../dist/packages/components';
+export declare const EdsAccordion: import('vue').DefineSetupFnComponent<JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsAlert: import('vue').DefineSetupFnComponent<JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsAvatar: import('vue').DefineSetupFnComponent<JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsBlockBreak: import('vue').DefineSetupFnComponent<JSX.EdsBlockBreak & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsBlockBreak & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsBreadcrumb: import('vue').DefineSetupFnComponent<JSX.EdsBreadcrumb & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsBreadcrumb & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsButton: import('vue').DefineSetupFnComponent<JSX.EdsButton & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsButton & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsCardGeneric: import('vue').DefineSetupFnComponent<JSX.EdsCardGeneric & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCardGeneric & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsCardSection: import('vue').DefineSetupFnComponent<JSX.EdsCardSection & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCardSection & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsCodeBlock: import('vue').DefineSetupFnComponent<JSX.EdsCodeBlock & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsCodeBlock & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsDropdown: import('vue').DefineSetupFnComponent<JSX.EdsDropdown & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsDropdown & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsFeedback: import('vue').DefineSetupFnComponent<JSX.EdsFeedback & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFeedback & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsFooter: import('vue').DefineSetupFnComponent<JSX.EdsFooter & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFooter & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsForm: import('vue').DefineSetupFnComponent<JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsForm & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsFullscreenMenu: import('vue').DefineSetupFnComponent<JSX.EdsFullscreenMenu & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsFullscreenMenu & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsGauge: import('vue').DefineSetupFnComponent<JSX.EdsGauge & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsGauge & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsHeader: import('vue').DefineSetupFnComponent<JSX.EdsHeader & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsHeader & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsIconWrapper: import('vue').DefineSetupFnComponent<JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsImg: import('vue').DefineSetupFnComponent<JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsInputField: import('vue').DefineSetupFnComponent<JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsLink: import('vue').DefineSetupFnComponent<JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsLogo: import('vue').DefineSetupFnComponent<JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsMatomoNotice: import('vue').DefineSetupFnComponent<JSX.EdsMatomoNotice & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsMatomoNotice & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsModal: import('vue').DefineSetupFnComponent<JSX.EdsModal & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsModal & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsPagination: import('vue').DefineSetupFnComponent<JSX.EdsPagination & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsPagination & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsPie: import('vue').DefineSetupFnComponent<JSX.EdsPie & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsPie & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsProgressBar: import('vue').DefineSetupFnComponent<JSX.EdsProgressBar & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsProgressBar & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsRating: import('vue').DefineSetupFnComponent<JSX.EdsRating & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsRating & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSocialNetworks: import('vue').DefineSetupFnComponent<JSX.EdsSocialNetworks & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSocialNetworks & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSpinner: import('vue').DefineSetupFnComponent<JSX.EdsSpinner & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSpinner & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSplashScreen: import('vue').DefineSetupFnComponent<JSX.EdsSplashScreen & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSplashScreen & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSteps: import('vue').DefineSetupFnComponent<JSX.EdsSteps & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSteps & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsStepsV2: import('vue').DefineSetupFnComponent<JSX.EdsStepsV2 & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsStepsV2 & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsSwitch: import('vue').DefineSetupFnComponent<JSX.EdsSwitch & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsSwitch & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsTable: import('vue').DefineSetupFnComponent<JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsTabs: import('vue').DefineSetupFnComponent<JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsTag: import('vue').DefineSetupFnComponent<JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsToast: import('vue').DefineSetupFnComponent<JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsTooltip: import('vue').DefineSetupFnComponent<JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
+export declare const EdsUser: import('vue').DefineSetupFnComponent<JSX.EdsUser & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsUser & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;

package/generated/vue-component-lib/utils.d.ts

@@ -0,0 +1,16 @@
+export interface InputProps<T> {
+    modelValue?: T;
+}
+/**
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ */
+export declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string) => import('vue').DefineSetupFnComponent<Props & InputProps<VModelType>, {}, {}, Props & InputProps<VModelType> & {}, import('vue').PublicProps>;

package/incorrect-use-of-colors.entry-BlDQxmUQ.mjs

@@ -0,0 +1,42 @@
+import { r as a, h as e } from "./index-BvZ-fq9l.mjs";
+const s = [
+  {
+    background: "#9CE142"
+  },
+  {
+    background: "#00C959"
+  },
+  {
+    background: "#00A595"
+  }
+], o = [
+  {
+    background: "#C461FF"
+  },
+  {
+    background: "#5D3DF9"
+  }
+], r = [
+  {
+    background: "#FFA543"
+  },
+  {
+    background: "#FF4D68"
+  }
+], d = [
+  {
+    background: "#3FA9F5"
+  },
+  ...o,
+  ...r
+], n = class {
+  constructor(c) {
+    a(this, c);
+  }
+  render() {
+    return e("div", { key: "3503dcc0e2d3f5b08eec400e74484e5725d7b4af", class: "container" }, e("div", { key: "657857e8826e60c498450326306234c59b4e770b", class: "mb-8" }, e("eds-alert", { key: "88512240affc65314593f8573b3a13f58fb2806d", message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), e("div", { key: "8614d445187d2614e5833b8c89c66b178762574e", class: "flex" }, e("div", { key: "1b36d52dbcbb65e1edb4513899ec898d691193c0", class: "w-full" }, e("ul", { key: "13fb2eaca0ad3fb93487f6c0c976142a18870b4d", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } }))))), e("div", { key: "adec93113e4c02168906e1da65f48c20e9b2c7dc", class: "w-full" }, e("ul", { key: "d0b43589866f53c92084b270afb3571ed2723fc8", class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((c) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: c.background } })))))));
+  }
+};
+export {
+  n as incorrect_use_of_colors
+};

package/incorrect-use-of-colors.entry-CglkFNGU.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CJvr9v3B.js"),o=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],s=[{background:"#C461FF"},{background:"#5D3DF9"}],a=[{background:"#FFA543"},{background:"#FF4D68"}],r=[{background:"#3FA9F5"},...s,...a],d=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"3503dcc0e2d3f5b08eec400e74484e5725d7b4af",class:"container"},e.h("div",{key:"657857e8826e60c498450326306234c59b4e770b",class:"mb-8"},e.h("eds-alert",{key:"88512240affc65314593f8573b3a13f58fb2806d",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),e.h("div",{key:"8614d445187d2614e5833b8c89c66b178762574e",class:"flex"},e.h("div",{key:"1b36d52dbcbb65e1edb4513899ec898d691193c0",class:"w-full"},e.h("ul",{key:"13fb2eaca0ad3fb93487f6c0c976142a18870b4d",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},o.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}}))))),e.h("div",{key:"adec93113e4c02168906e1da65f48c20e9b2c7dc",class:"w-full"},e.h("ul",{key:"d0b43589866f53c92084b270afb3571ed2723fc8",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},r.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}})))))))}};exports.incorrect_use_of_colors=d;

package/index-39c58238-BwYCDOHZ.mjs

@@ -0,0 +1,44 @@
+function m(n) {
+  var e, t, l = "";
+  if (typeof n == "string" || typeof n == "number") l += n;
+  else if (typeof n == "object") if (Array.isArray(n)) for (e = 0; e < n.length; e++) n[e] && (t = m(n[e])) && (l && (l += " "), l += t);
+  else for (e in n) n[e] && (l && (l += " "), l += e);
+  return l;
+}
+function j() {
+  for (var n, e, t = 0, l = ""; t < arguments.length; ) (n = arguments[t++]) && (e = m(n)) && (l && (l += " "), l += e);
+  return l;
+}
+const f = (n) => typeof n == "boolean" ? "".concat(n) : n === 0 ? "0" : n, y = j, A = (n, e) => (t) => {
+  var l;
+  if ((e == null ? void 0 : e.variants) == null) return y(n, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: d, defaultVariants: u } = e, N = Object.keys(d).map((a) => {
+    const r = t == null ? void 0 : t[a], s = u == null ? void 0 : u[a];
+    if (r === null) return null;
+    const i = f(r) || f(s);
+    return d[a][i];
+  }), v = t && Object.entries(t).reduce((a, r) => {
+    let [s, i] = r;
+    return i === void 0 || (a[s] = i), a;
+  }, {}), V = e == null || (l = e.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((a, r) => {
+    let { class: s, className: i, ...b } = r;
+    return Object.entries(b).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...u,
+        ...v
+      }[c]) : {
+        ...u,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...a,
+      s,
+      i
+    ] : a;
+  }, []);
+  return y(n, N, V, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+};
+export {
+  A as c
+};

package/index-39c58238-SQ-JC-LH.js

@@ -0,0 +1 @@
+"use strict";function m(n){var e,t,l="";if(typeof n=="string"||typeof n=="number")l+=n;else if(typeof n=="object")if(Array.isArray(n))for(e=0;e<n.length;e++)n[e]&&(t=m(n[e]))&&(l&&(l+=" "),l+=t);else for(e in n)n[e]&&(l&&(l+=" "),l+=e);return l}function j(){for(var n,e,t=0,l="";t<arguments.length;)(n=arguments[t++])&&(e=m(n))&&(l&&(l+=" "),l+=e);return l}const f=n=>typeof n=="boolean"?"".concat(n):n===0?"0":n,y=j,A=(n,e)=>t=>{var l;if((e==null?void 0:e.variants)==null)return y(n,t==null?void 0:t.class,t==null?void 0:t.className);const{variants:d,defaultVariants:u}=e,N=Object.keys(d).map(a=>{const r=t==null?void 0:t[a],s=u==null?void 0:u[a];if(r===null)return null;const i=f(r)||f(s);return d[a][i]}),v=t&&Object.entries(t).reduce((a,r)=>{let[s,i]=r;return i===void 0||(a[s]=i),a},{}),V=e==null||(l=e.compoundVariants)===null||l===void 0?void 0:l.reduce((a,r)=>{let{class:s,className:i,...b}=r;return Object.entries(b).every(C=>{let[c,o]=C;return Array.isArray(o)?o.includes({...u,...v}[c]):{...u,...v}[c]===o})?[...a,s,i]:a},[]);return y(n,N,V,t==null?void 0:t.class,t==null?void 0:t.className)};exports.cva=A;