@ebrains/vue 2.0.0 → 2.2.0

package/eds-breadcrumb.entry-DoRU-2U8.mjs

@@ -1,104 +0,0 @@
-import { r, h as l, g as d } from "./index-BW6yUYdy.mjs";
-import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
-const h = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", m = h, o = class {
-  constructor(e) {
-    r(this, e), this.updateScreenSize = () => {
-      const t = window.innerWidth;
-      t < 769 ? this.maxVisibleItems = 3 : t <= 1024 ? this.maxVisibleItems = 3 : t <= 1280 ? this.maxVisibleItems = 3 : t <= 2200 ? this.maxVisibleItems = 4 : this.maxVisibleItems = 6;
-    }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
-  }
-  /**
-   * Watches for changes to the `items` prop and parses it.
-   */
-  parseItems(e) {
-    this.parsedItems = c(e);
-  }
-  /**
-   * Lifecycle method that runs when the component is about to be loaded.
-   * It parses the initial `items` prop value.
-   */
-  componentWillLoad() {
-    this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.updateScreenSize);
-  }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-   */
-  componentDidLoad() {
-    var e;
-    const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll("eds-link");
-    t == null || t.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 linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(e) {
-    const t = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    e.dispatchEvent(t);
-  }
-  /**
-   * Returns breadcrumb items with potential truncation if there are too many.
-   * It inserts an ellipsis item where necessary.
-   */
-  getTruncatedItems() {
-    const e = this.parsedItems.length, t = { label: "...", url: "", isHidden: !0 };
-    if (e > this.maxVisibleItems) {
-      const i = this.parsedItems[0], s = this.parsedItems.slice(-2);
-      if (this.maxVisibleItems === 3)
-        return [i, t, ...s];
-      if (this.maxVisibleItems === 4) {
-        const n = this.parsedItems[Math.floor(e / 2)];
-        return [i, n, t, ...s];
-      }
-    }
-    return this.parsedItems;
-  }
-  /**
-   * Helper to determine the display label and full label.
-   * If the label is longer than 15 characters and the item is not the current (last) item,
-   * we display a truncated version but use the full label for aria attributes.
-   */
-  getLabels(e, t) {
-    return !t && e.label.length > 15 ? { displayLabel: `${e.label.slice(0, 15)}...`, fullLabel: e.label } : { displayLabel: e.label, fullLabel: e.label };
-  }
-  /**
-   * Render method for the breadcrumb component.
-   * It creates a navigation element with an ordered list of breadcrumb links.
-   * The last link is marked as the current page.
-   */
-  render() {
-    const e = this.getTruncatedItems();
-    return l("nav", { key: "db769320b42e627fffd71676c1e0551646f1de70", "aria-label": "Breadcrumb" }, l("ol", { key: "6cef8ed43cabcee73cb4ad4fb26f809d0690c0ec", class: "flex items-center space-x-2" }, e.map((t, i) => {
-      const s = i === e.length - 1;
-      return l("li", { class: "flex items-center" }, t.isHidden ? l("eds-link", { label: "...", url: "#", intent: "strong", current: !1, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" }) : (() => {
-        const { fullLabel: n } = this.getLabels(t, s), a = s ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
-        return l("eds-link", Object.assign({ label: n, url: t.url, intent: a, disabled: s, current: s, "aria-label": n, size: "small", "icon-small": "false" }, s ? { "aria-current": "page" } : {}));
-      })(), !s && !t.isHidden && l("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
-    })));
-  }
-  get el() {
-    return d(this);
-  }
-  static get watchers() {
-    return {
-      items: ["parseItems"]
-    };
-  }
-};
-o.style = m;
-export {
-  o as eds_breadcrumb
-};

package/eds-breadcrumb.entry-WWpJ_3D5.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-ECY2yg1E.js"),d=require("./sharedUtils-a550989c-m4pF1Vqy.js"),c="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}",h=c,r=class{constructor(e){i.registerInstance(this,e),this.updateScreenSize=()=>{const t=window.innerWidth;t<769?this.maxVisibleItems=3:t<=1024?this.maxVisibleItems=3:t<=1280?this.maxVisibleItems=3:t<=2200?this.maxVisibleItems=4:this.maxVisibleItems=6},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(e){this.parsedItems=d.parseData(e)}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("eds-link");t==null||t.forEach(n=>{this.emitContext(n)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}getTruncatedItems(){const e=this.parsedItems.length,t={label:"...",url:"",isHidden:!0};if(e>this.maxVisibleItems){const n=this.parsedItems[0],s=this.parsedItems.slice(-2);if(this.maxVisibleItems===3)return[n,t,...s];if(this.maxVisibleItems===4){const l=this.parsedItems[Math.floor(e/2)];return[n,l,t,...s]}}return this.parsedItems}getLabels(e,t){return!t&&e.label.length>15?{displayLabel:`${e.label.slice(0,15)}...`,fullLabel:e.label}:{displayLabel:e.label,fullLabel:e.label}}render(){const e=this.getTruncatedItems();return i.h("nav",{key:"db769320b42e627fffd71676c1e0551646f1de70","aria-label":"Breadcrumb"},i.h("ol",{key:"6cef8ed43cabcee73cb4ad4fb26f809d0690c0ec",class:"flex items-center space-x-2"},e.map((t,n)=>{const s=n===e.length-1;return i.h("li",{class:"flex items-center"},t.isHidden?i.h("eds-link",{label:"...",url:"#",intent:"strong",current:!1,"aria-label":"...",size:"small","icon-small":"false",icon:"chevron-right"}):(()=>{const{fullLabel:l}=this.getLabels(t,s),a=s?this.intent==="strong"?"weak":this.intent==="weak"?"strong":this.intent:this.intent;return i.h("eds-link",Object.assign({label:l,url:t.url,intent:a,disabled:s,current:s,"aria-label":l,size:"small","icon-small":"false"},s?{"aria-current":"page"}:{}))})(),!s&&!t.isHidden&&i.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return i.getElement(this)}static get watchers(){return{items:["parseItems"]}}};r.style=h;exports.eds_breadcrumb=r;

package/eds-card-tags.entry-CSuzFzX-.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-ECY2yg1E.js"),r=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}",c=r,s=class{constructor(e){a.registerInstance(this,e),this.accent=!1,this.tags=[]}render(){return a.h("div",{key:"5da9fcbc472476a7b438451e563586643a818bc0",class:"flex flex-wrap gap-y-4"},this.tags.map((e,t)=>a.h("eds-tag",{key:t,intent:this.accent?"accent":"default",label:e})))}};s.style=c;exports.eds_card_tags=s;

package/eds-card-tags.entry-DrWAV-ko.mjs

@@ -1,13 +0,0 @@
-import { r as t, h as s } from "./index-BW6yUYdy.mjs";
-const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, l = class {
-  constructor(a) {
-    t(this, a), this.accent = !1, this.tags = [];
-  }
-  render() {
-    return s("div", { key: "5da9fcbc472476a7b438451e563586643a818bc0", class: "flex flex-wrap gap-y-4" }, this.tags.map((a, e) => s("eds-tag", { key: e, intent: this.accent ? "accent" : "default", label: a })));
-  }
-};
-l.style = c;
-export {
-  l as eds_card_tags
-};