@ebrains/vue 0.7.0-alpha.0 → 0.9.0-beta

package/eds-dropdown.entry-CMK8E_J2.mjs

@@ -1,83 +0,0 @@
-import { r as s, c as i, h as o, g as n } from "./index-E1PpO1J3.mjs";
-import { s as d } from "./analytics-44b1416b-3vYuu4Xs.mjs";
-const r = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 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-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", a = r, l = class {
-  constructor(e) {
-    s(this, e), this.dropdown = i(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
-      var t;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), d({
-        category: "ui-component",
-        parentContext: null,
-        tag: this.host.tagName.toLowerCase(),
-        name: ((t = this.label) === null || t === void 0 ? void 0 : t.toLowerCase()) || "",
-        action: this.isOpen ? "expanded" : "collapsed"
-      });
-    }, this.icon = "chevron-down", this.label = void 0, this.rounded = !1, this.ariaLabel = "Open dropdown", this.asNav = !0, this.dropdownPos = "left", this.dropdownOffset = !0, this.intent = "tertiary", this.isOpen = !1, this.focusIndex = -1;
-  }
-  /**
-   * Closes the dropdown when a click occurs outside of it.
-   * @param {Event} e - The click event.
-   */
-  handleWindowClick(e) {
-    this.host.contains(e.target) || (this.closeDropdown(), this.dropdown.emit({ expanded: !1 }));
-  }
-  /**
-   * Handles keyboard navigation and accessibility within the dropdown.
-   * @param {KeyboardEvent} event - The keyboard event.
-   */
-  handleKeyDown(e) {
-    if (this.isOpen)
-      switch (e.key) {
-        case "Tab":
-          this.closeDropdown(), this.dropdown.emit({ expanded: !1 });
-          break;
-        case "ArrowUp":
-          e.preventDefault(), this.focusIndex = (this.focusIndex - 1 + this.focusableItems.length) % this.focusableItems.length, this.focusItem();
-          break;
-        case "ArrowDown":
-          e.preventDefault(), this.focusIndex = (this.focusIndex + 1) % this.focusableItems.length, this.focusItem();
-          break;
-      }
-  }
-  /**
-   * Closes the dropdown and resets focus.
-   */
-  closeDropdown() {
-    this.isOpen = !1, this.focusIndex = -1, this.dropdown.emit({ expanded: !1 });
-  }
-  /**
-   * Sets focus on the currently selected item in the dropdown.
-   */
-  focusItem() {
-    var e;
-    (e = this.focusableItems[this.focusIndex]) === null || e === void 0 || e.focus();
-  }
-  /**
-   * Lifecycle method that runs after the component has been added to the DOM.
-   * Initializes focusable items within the dropdown.
-   */
-  componentDidLoad() {
-    var e;
-    this.focusableItems = Array.from(((e = this.dropdownContent) === null || e === void 0 ? void 0 : e.querySelectorAll("a, button")) || []);
-  }
-  /**
-   * Renders the dropdown component and displays its content when open.
-   * @returns {JSX.Element} The rendered dropdown component.
-   */
-  render() {
-    return o("div", { key: "3edd3453afbd52ee9e3c4d925baa46e07cfdbfc0", class: "z-focus relative", ref: (e) => this.dropdownContent = e }, o("eds-button", { key: "7c69acb6d6213af2cec8c1e00c68d83a5d23d676", label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), o("nav", { key: "5048b1c3cb42418736d471c2331330afef49cbc5", role: "menu", class: {
-      "shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8": !0,
-      "left-4": this.dropdownPos === "left" && this.dropdownOffset,
-      "left-0": this.dropdownPos === "left" && !this.dropdownOffset,
-      "right-4": this.dropdownPos === "right" && this.dropdownOffset,
-      "right-0": this.dropdownPos === "right" && !this.dropdownOffset,
-      "rounded-lg": this.rounded
-    }, style: { display: this.isOpen ? "block" : "none" }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, o("slot", { key: "842f316e9a7910aa8b34823e883c54c1979668d1" })));
-  }
-  get host() {
-    return n(this);
-  }
-};
-l.style = a;
-export {
-  l as eds_dropdown
-};

package/eds-dropdown.entry-FqX7fOIb.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),i=require("./analytics-44b1416b-ol77SdQE.js"),n=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 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-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",d=n,s=class{constructor(e){t.registerInstance(this,e),this.dropdown=t.createEvent(this,"dropdown",7),this.focusableItems=[],this.handleClick=()=>{var o;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),this.dropdown.emit({expanded:this.isOpen}),i.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((o=this.label)===null||o===void 0?void 0:o.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(e){this.host.contains(e.target)||(this.closeDropdown(),this.dropdown.emit({expanded:!1}))}handleKeyDown(e){if(this.isOpen)switch(e.key){case"Tab":this.closeDropdown(),this.dropdown.emit({expanded:!1});break;case"ArrowUp":e.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":e.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1,this.dropdown.emit({expanded:!1})}focusItem(){var e;(e=this.focusableItems[this.focusIndex])===null||e===void 0||e.focus()}componentDidLoad(){var e;this.focusableItems=Array.from(((e=this.dropdownContent)===null||e===void 0?void 0:e.querySelectorAll("a, button"))||[])}render(){return t.h("div",{key:"3edd3453afbd52ee9e3c4d925baa46e07cfdbfc0",class:"z-focus relative",ref:e=>this.dropdownContent=e},t.h("eds-button",{key:"7c69acb6d6213af2cec8c1e00c68d83a5d23d676",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),t.h("nav",{key:"5048b1c3cb42418736d471c2331330afef49cbc5",role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},t.h("slot",{key:"842f316e9a7910aa8b34823e883c54c1979668d1"})))}get host(){return t.getElement(this)}};s.style=d;exports.eds_dropdown=s;

package/eds-feedback.entry-B-Lue8P0.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),a=require("./sharedUtils-a550989c-m4pF1Vqy.js"),r="h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.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}",f=r,n=class{constructor(t){e.registerInstance(this,t),this.rating=e.createEvent(this,"rating",7),this.type="star",this.count=5,this.label="Rate your Experience!",this.description="This is a description!",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});t.dispatchEvent(i)}get parsedMappings(){return a.parseData(this.textMapping)}ratingUpdated(t){this.selectedRating=t.detail}render(){return e.h("div",{key:"125299e9780486a10213fc3c59b15e7a4fb62616",class:"grid inline"},e.h("p",{key:"6a02d78d34a590bc213cd5bf311ec8bed44f8959",class:"f-heading-03 my-4"},this.label),e.h("p",{key:"76146fbade2f864ba7b72429a85218ebf6a24ea7",class:"f-body-02 text-light"},this.description),e.h("eds-rating",{key:"38e0ec9219adaf85f674fab6be471112f06e42ff","rating-type":this.type,"rating-count":this.count}),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&e.h("span",{key:"beab34888d3db63ca2ee374a2d10d407bfc948cc",class:"f-ui-04 text-lighter"},this.parsedMappings[this.selectedRating-1]))}get el(){return e.getElement(this)}};n.style=f;exports.eds_feedback=n;

package/eds-feedback.entry-fz73-syB.mjs

@@ -1,53 +0,0 @@
-import { r as n, c as a, h as t, g as f } from "./index-E1PpO1J3.mjs";
-import { p as r } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-const o = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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)}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.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}", g = o, h = class {
-  constructor(e) {
-    n(this, e), this.rating = a(this, "rating", 7), this.type = "star", this.count = 5, this.label = "Rate your Experience!", this.description = "This is a description!", this.textMapping = ["Very Poor", "Poor", "Average", "Good", "Excellent"], 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((i) => {
-      this.emitContext(i);
-    });
-  }
-  /**
-   * 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(e) {
-    const i = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: this.selectedRating
-      }
-    });
-    e.dispatchEvent(i);
-  }
-  /**
-   * Parses the `textMapping` prop into an array of strings.
-   */
-  get parsedMappings() {
-    return r(this.textMapping);
-  }
-  /**
-   * Listens for global custom events to open the modal.
-   */
-  ratingUpdated(e) {
-    this.selectedRating = e.detail;
-  }
-  render() {
-    return t("div", { key: "125299e9780486a10213fc3c59b15e7a4fb62616", class: "grid inline" }, t("p", { key: "6a02d78d34a590bc213cd5bf311ec8bed44f8959", class: "f-heading-03 my-4" }, this.label), t("p", { key: "76146fbade2f864ba7b72429a85218ebf6a24ea7", class: "f-body-02 text-light" }, this.description), t("eds-rating", { key: "38e0ec9219adaf85f674fab6be471112f06e42ff", "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && t("span", { key: "beab34888d3db63ca2ee374a2d10d407bfc948cc", class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]));
-  }
-  get el() {
-    return f(this);
-  }
-};
-h.style = g;
-export {
-  h as eds_feedback
-};