@ebrains/components 0.9.2-beta → 0.9.3-beta

package/dist/components/eds-icon-thumbs-up.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as thumbsUp } from './thumbs-up.js';
+
+const EdsIconThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconThumbsUp extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'eee2fdd0cdf1e9735e90f34c6bb090f3df67eb49', class: this.class, innerHTML: thumbsUp });
+    }
+}, [0, "eds-icon-thumbs-up", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-thumbs-up"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-thumbs-up":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconThumbsUp$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconThumbsUp = EdsIconThumbsUp$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconThumbsUp, defineCustomElement };

package/dist/components/eds-icon-tutorial.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconTutorial extends Components.EdsIconTutorial, HTMLElement {}
+export const EdsIconTutorial: {
+    prototype: EdsIconTutorial;
+    new (): EdsIconTutorial;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-tutorial.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as tutorial } from './tutotial.js';
+
+const EdsIconTutorial$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconTutorial extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '0e47e2af80487a28c96e8830dda102c23bff9e5c', class: this.class, innerHTML: tutorial });
+    }
+}, [0, "eds-icon-tutorial", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-tutorial"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-tutorial":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconTutorial$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconTutorial = EdsIconTutorial$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconTutorial, defineCustomElement };

package/dist/components/eds-icon-twitter.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconTwitter extends Components.EdsIconTwitter, HTMLElement {}
+export const EdsIconTwitter: {
+    prototype: EdsIconTwitter;
+    new (): EdsIconTwitter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-twitter.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as twitter } from './twitter.js';
+
+const EdsIconTwitter$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconTwitter extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27', class: this.class, innerHTML: twitter });
+    }
+}, [0, "eds-icon-twitter", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-twitter"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-twitter":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconTwitter$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconTwitter = EdsIconTwitter$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconTwitter, defineCustomElement };

package/dist/components/eds-icon-unknown.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconUnknown extends Components.EdsIconUnknown, HTMLElement {}
+export const EdsIconUnknown: {
+    prototype: EdsIconUnknown;
+    new (): EdsIconUnknown;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-unknown.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { u as unknown } from './unknown.js';
+
+const EdsIconUnknown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUnknown extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'a9145c4e133746c314a1ee34d36a5f19f3686565', class: this.class, innerHTML: unknown });
+    }
+}, [0, "eds-icon-unknown", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-unknown"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-unknown":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconUnknown$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconUnknown = EdsIconUnknown$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconUnknown, defineCustomElement };

package/dist/components/eds-icon-updown.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconUpdown extends Components.EdsIconUpdown, HTMLElement {}
+export const EdsIconUpdown: {
+    prototype: EdsIconUpdown;
+    new (): EdsIconUpdown;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-updown.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { u as upDonw } from './up-and-down.js';
+
+const EdsIconUpdown$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUpdown extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: upDonw });
+    }
+}, [0, "eds-icon-updown", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-updown"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-updown":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconUpdown$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconUpdown = EdsIconUpdown$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconUpdown, defineCustomElement };

package/dist/components/eds-icon-user.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconUser extends Components.EdsIconUser, HTMLElement {}
+export const EdsIconUser: {
+    prototype: EdsIconUser;
+    new (): EdsIconUser;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-user.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { u as user } from './user.js';
+
+const EdsIconUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconUser extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: user });
+    }
+}, [0, "eds-icon-user", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-user"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-user":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconUser$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconUser = EdsIconUser$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconUser, defineCustomElement };

package/dist/components/eds-icon-wrapper.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconWrapper extends Components.EdsIconWrapper, HTMLElement {}
+export const EdsIconWrapper: {
+    prototype: EdsIconWrapper;
+    new (): EdsIconWrapper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-wrapper.js

@@ -0,0 +1,6 @@
+import { E as EdsIconWrapper$1, d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
+
+const EdsIconWrapper = EdsIconWrapper$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconWrapper, defineCustomElement };

package/dist/components/{eds-icon-wrapper.entry.js → eds-icon-wrapper2.js}

@@ -1,8 +1,9 @@
-import { r as registerInstance, h } from './index-9d277061.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const EdsIconWrapper = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const EdsIconWrapper = /*@__PURE__*/ proxyCustomElement(class EdsIconWrapper extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
         this.TagName = null;
         this.icon = 'arrow-right';
         this.class = '';
@@ -31,6 +32,25 @@ const EdsIconWrapper = class {
     static get watchers() { return {
         "icon": ["iconChanged"]
     }; }
-};
+}, [0, "eds-icon-wrapper", {
+        "icon": [1],
+        "class": [1],
+        "IconComponent": [32]
+    }, undefined, {
+        "icon": ["iconChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-wrapper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconWrapper);
+            }
+            break;
+    } });
+}
 
-export { EdsIconWrapper as eds_icon_wrapper };
+export { EdsIconWrapper as E, defineCustomElement as d };

package/dist/components/eds-icon-youtube.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsIconYoutube extends Components.EdsIconYoutube, HTMLElement {}
+export const EdsIconYoutube: {
+    prototype: EdsIconYoutube;
+    new (): EdsIconYoutube;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-icon-youtube.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { y as youtube } from './youtube.js';
+
+const EdsIconYoutube$1 = /*@__PURE__*/ proxyCustomElement(class EdsIconYoutube extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '2236f8f5ede15d7eef54f2fd4fe6ca81c996166f', class: this.class, innerHTML: youtube });
+    }
+}, [0, "eds-icon-youtube", {
+        "class": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-icon-youtube"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-icon-youtube":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsIconYoutube$1);
+            }
+            break;
+    } });
+}
+
+const EdsIconYoutube = EdsIconYoutube$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsIconYoutube, defineCustomElement };

package/dist/components/eds-img.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsImg extends Components.EdsImg, HTMLElement {}
+export const EdsImg: {
+    prototype: EdsImg;
+    new (): EdsImg;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-img.js

@@ -0,0 +1,6 @@
+import { E as EdsImg$1, d as defineCustomElement$1 } from './eds-img2.js';
+
+const EdsImg = EdsImg$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsImg, defineCustomElement };

package/dist/components/{eds-img.entry.js → eds-img2.js}

@@ -1,10 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-9d277061.js';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const edsImgCss = "/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n    max-width: 100%;\n    height: auto;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n/* endregion */\n/* region BG */\n.effect-bg-pattern {\n    position: relative;\n    z-index: 1;\n\n    &::before {\n        position: absolute;\n        content: '';\n        z-index: -1;\n        inset: 0;\n        background-color: rgba(208, 208, 208, 0.75);\n        opacity: 0.75;\n        background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #D0D0D0 25%, #D0D0D0 75%, #F5F5F5 75%, #F5F5F5);\n        background-position: 0 0, 8px 8px;\n        background-size: 16px 16px;\n    }\n}\n\n.effect-opacity {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center;\n}\n\n.opacity-0 {\n    opacity: 0;\n}\n\n.opacity-100 {\n    opacity: 1;\n}";
+const EdsImgStyle0 = edsImgCss;
 
-const EdsImg = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const EdsImg = /*@__PURE__*/ proxyCustomElement(class EdsImg extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
         this.img = null;
         this.handleLoad = () => {
             this.loaded = true;
@@ -42,17 +45,42 @@ const EdsImg = class {
             imgOpts['loading'] = 'lazy';
             imgOpts['decoding'] = 'async';
         }
-        return (h("div", { key: '41ae7d59a508fd792b536729e538b6b0ecd1b0ad', class: {
+        return (h("div", { key: 'de3328e21b2b038984e74c08cd757cd85c7a7e01', class: {
                 'items-center justify-center': true,
                 'effect-bg-pattern': this.lazyload && this.showBg
-            } }, h("picture", { key: 'eb242c3fa4f202ffd0cdc503bbb1d21736ea6190' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), h("img", Object.assign({ key: '3145595f53cf765234588e8c6efa038f21b29873', ref: (el) => (this.img = el), class: {
+            } }, h("picture", { key: '4e623a25c64ce1b2c09adf3519f12bde04280ba3' }, this.formats.map((format) => (h("source", { type: format.type, srcSet: format.srcset, media: format.media, sizes: this.sizes }))), h("img", Object.assign({ key: '6d87af22189017aa1e158c01a8295c98381a1ba1', ref: (el) => (this.img = el), class: {
                 'effect-opacity object-cover object-center': true,
                 'opacity-100': this.loaded,
                 'opacity-0': !this.loaded
             }, width: this.width, height: this.height, sizes: this.sizes, src: this.src, srcSet: this.srcset, alt: this.alt }, imgOpts, { onLoad: this.handleLoad, onError: this.handleError, onTransitionEnd: this.handleTransitionEnd })))));
     }
-    get imgElement() { return getElement(this); }
-};
-EdsImg.style = edsImgCss;
+    get imgElement() { return this; }
+    static get style() { return EdsImgStyle0; }
+}, [1, "eds-img", {
+        "src": [1],
+        "alt": [1],
+        "width": [2],
+        "height": [2],
+        "srcset": [1],
+        "sizes": [1],
+        "formats": [16],
+        "lazyload": [4],
+        "withBg": [4, "with-bg"],
+        "loaded": [32],
+        "showBg": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-img"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-img":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsImg);
+            }
+            break;
+    } });
+}
 
-export { EdsImg as eds_img };
+export { EdsImg as E, defineCustomElement as d };

package/dist/components/eds-input-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsInputField extends Components.EdsInputField, HTMLElement {}
+export const EdsInputField: {
+    prototype: EdsInputField;
+    new (): EdsInputField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-input-field.js

@@ -0,0 +1,6 @@
+import { E as EdsInputField$1, d as defineCustomElement$1 } from './eds-input-field2.js';
+
+const EdsInputField = EdsInputField$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsInputField, defineCustomElement };