biel-search 0.0.1

package/dist/collection/components/biel-button/biel-button.js

@@ -0,0 +1,301 @@
+import { Host, h } from "@stencil/core";
+export class BielButton {
+    constructor() {
+        this.customFont = false;
+        this.project = '';
+        this.buttonStyle = 'default';
+        this.buttonPosition = 'default';
+        this.modalPosition = 'center';
+        this.hideIcon = false;
+        this.hideExpandButton = false;
+        this.expandModal = false;
+        this.errorMessage404 = "Oops! We could not find the provided project ID.";
+        this.errorMessage403 = "Oops! The request URL does not match the one defined for this project.";
+        this.errorMessageDefault = "Oops! Please try again later.";
+        this.footerText = "This AI is experimental. Always verify the answers before using them.";
+    }
+    connectedCallback() {
+        this.bielBot = document.createElement('biel-bot');
+        const props = [
+            'modalPosition',
+            'customFont',
+            'project',
+            'hideExpandButton',
+            'expandModal',
+            'errorMessage404',
+            'errorMessage403',
+            'errorMessageDefault',
+            'footerText',
+        ];
+        props.forEach(prop => {
+            this.bielBot[prop] = this[prop];
+        });
+        document.body.appendChild(this.bielBot);
+    }
+    disconnectedCallback() {
+        document.body.removeChild(this.bielBot);
+    }
+    isSafariBrowser() {
+        const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);
+        return isSafari;
+    }
+    componentDidLoad() {
+        if (this.buttonPosition === 'center-right') {
+            const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content');
+            let adjustment = 0;
+            if (this.isSafariBrowser()) {
+                adjustment = 10;
+            }
+            buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;
+        }
+        if (!this.customFont) {
+            this.loadInterFont();
+        }
+    }
+    loadInterFont() {
+        const link = document.createElement('link');
+        link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
+        link.rel = 'stylesheet';
+        document.head.appendChild(link);
+    }
+    showModal() {
+        this.bielBot.showModal = true;
+    }
+    render() {
+        return (h(Host, { key: 'fefafe4081c2545a927f0dc153e516105376faf1' }, h("a", { key: 'ccf704b7d06b0a3a67c8c4d172b1a6eff24515c4', class: `biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle === 'dark' && (h("span", { key: '26f7e3ea098c8ba800c97d80aeaa984b7a7f7c46', class: "biel-button-content-icon" }, h("svg", { key: '9d9a30872f17b34432c26f422021712abce413bd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '8ba714fb2be9051b44be5d1488db23f5031152fc', d: "M12 20h9" }), h("path", { key: '54c3fb22298ae18acd5ba9d322e9ac783dc997a8', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), !this.hideIcon && this.buttonStyle === 'light' && (h("span", { key: '8a6b0039b86c4694c61cb0106e665dbcb4970b7d', class: "biel-button-content-icon" }, h("svg", { key: 'f343877b86e6c68b20b1372d6c5e3a992f8153ac', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#0070F4", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '3928d5d90384fee101d555191604455fd11e08da', d: "M12 20h9" }), h("path", { key: 'b33b4b21494843c23528082329a09b798623d5fb', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), h("slot", { key: '47b3047e7de5e47a6d337649c24bd9a3b71ed23b' }))));
+    }
+    static get is() { return "biel-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customFont": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "custom-font",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "project": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "buttonStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "button-style",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "buttonPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "button-position",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "modalPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "modal-position",
+                "reflect": false,
+                "defaultValue": "'center'"
+            },
+            "hideIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-icon",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "hideExpandButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-expand-button",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "expandModal": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "expand-modal",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "errorMessage404": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-message-4-0-4",
+                "reflect": false,
+                "defaultValue": "\"Oops! We could not find the provided project ID.\""
+            },
+            "errorMessage403": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-message-4-0-3",
+                "reflect": false,
+                "defaultValue": "\"Oops! The request URL does not match the one defined for this project.\""
+            },
+            "errorMessageDefault": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-message-default",
+                "reflect": false,
+                "defaultValue": "\"Oops! Please try again later.\""
+            },
+            "footerText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "footer-text",
+                "reflect": false,
+                "defaultValue": "\"This AI is experimental. Always verify the answers before using them.\""
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=biel-button.js.map

package/dist/collection/components/biel-button/biel-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biel-button.js","sourceRoot":"","sources":["../../../src/components/biel-button/biel-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biel-button',\n  styleUrl: 'biel-button.css',\n  shadow: true,\n})\nexport class BielButton {\n\n  bielBot: any;\n  @Element() el: HTMLElement;\n  @Prop() customFont: boolean = false;\n  @Prop() project: string = '';\n  @Prop() buttonStyle: string = 'default';\n  @Prop() buttonPosition: string = 'default';\n  @Prop() modalPosition: string = 'center';\n  @Prop() hideIcon: boolean = false;\n  @Prop() hideExpandButton: boolean = false;\n  @Prop() expandModal: boolean = false;\n  @Prop() errorMessage404: string = \"Oops! We could not find the provided project ID.\";\n  @Prop() errorMessage403: string = \"Oops! The request URL does not match the one defined for this project.\";\n  @Prop() errorMessageDefault: string = \"Oops! Please try again later.\";\n  @Prop() footerText: string = \"This AI is experimental. Always verify the answers before using them.\";\n\n  connectedCallback() {\n    this.bielBot = document.createElement('biel-bot');\n    const props = [\n      'modalPosition',\n      'customFont',\n      'project',\n      'hideExpandButton',\n      'expandModal',\n      'errorMessage404',\n      'errorMessage403',\n      'errorMessageDefault',\n      'footerText',\n    ];\n\n    props.forEach(prop => {\n      this.bielBot[prop] = this[prop];\n    });\n\n    document.body.appendChild(this.bielBot);\n  }\n\n  disconnectedCallback() {\n    document.body.removeChild(this.bielBot);\n  }\n\n  isSafariBrowser() {\n    const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);\n    return isSafari;\n  }\n\n  componentDidLoad() {\n    if (this.buttonPosition === 'center-right') {\n      const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content') as HTMLElement;\n      let adjustment = 0;\n      if (this.isSafariBrowser()) {\n        adjustment = 10;\n      }\n      buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;\n    }\n    if (!this.customFont) {\n      this.loadInterFont();\n    }\n  }\n\n  loadInterFont() {\n    const link = document.createElement('link');\n    link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';\n    link.rel = 'stylesheet';\n    document.head.appendChild(link);\n  }\n\n  showModal() {\n    this.bielBot.showModal = true;\n  }\n\n  render() {\n    return (\n      <Host>\n        <a class={`biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`} onClick={() => this.showModal()}>\n          {!this.hideIcon && this.buttonStyle === 'dark' && (\n            <span class=\"biel-button-content-icon\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n            </span>\n          )}\n          {!this.hideIcon && this.buttonStyle === 'light' && (\n            <span class=\"biel-button-content-icon\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0070F4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n            </span>\n          )}\n          <slot />\n        </a>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/biel-chat/biel-chat.css

@@ -0,0 +1,75 @@
+.biel-chat-container {
+  display: flex;
+  flex-direction: column;
+  max-height: 50vh;
+  overflow-y: auto;
+  padding: 10px;
+}
+
+.biel-chat-container.fullscreen {
+  height: calc(100vh - (200px + var(--biel-footer-font-size) + 12px));
+  max-height: calc(100vh - (200px + var(--biel-footer-font-size) + 12px));
+}
+
+.biel-chat-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.biel-chat-container::-webkit-scrollbar-thumb {
+  background-color: var(--biel-chat-scrollbar-color);
+  border-radius: 10px;
+  border: 3px solid transparent;
+}
+
+.biel-chat-container::-webkit-scrollbar-thumb:hover {
+  background-color: var(--biel-chat-scrollbar-hover-color);
+}
+
+.loading-animation {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  margin-top: 10px;
+}
+
+.loading-animation .dot {
+  width: 8px;
+  height: 8px;
+  margin: 0 5px;
+  background-color: var(--biel-text-color);
+  border-radius: 50%;
+  animation: bounce 1.2s infinite ease-in-out;
+}
+
+.loading-animation .dot:nth-child(1) {
+  animation-delay: -0.32s;
+}
+
+.loading-animation .dot:nth-child(2) {
+  animation-delay: -0.16s;
+}
+
+.loading-animation .dot:nth-child(3) {
+  animation-delay: 0s;
+}
+
+@keyframes bounce {
+
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+
+  40% {
+    transform: scale(1);
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .biel-chat-container.fullscreen {
+    height: calc(100vh - (200px + 12px));
+    max-height: calc(100vh - (200px + 12px));
+  }
+}

package/dist/collection/components/biel-chat/biel-chat.js

@@ -0,0 +1,119 @@
+import { h } from "@stencil/core";
+export class BielChat {
+    constructor() {
+        this.offset = 0;
+        this.messages = [];
+        this.isFullscreen = undefined;
+        this.isLoading = false;
+    }
+    handleTextareaHeightChanged(event) {
+        this.offset += event.detail;
+        if (this.isFullscreen) {
+            this.adjustChatHeight();
+        }
+    }
+    adjustChatHeight() {
+        const chatContainer = this.el.shadowRoot.querySelector('.biel-chat-container');
+        chatContainer.style.height = '';
+        if (this.isFullscreen) {
+            const previousHeight = parseInt(getComputedStyle(chatContainer).getPropertyValue('height'));
+            chatContainer.style.height = `${previousHeight - this.offset}px`;
+        }
+    }
+    componentDidUpdate() {
+        this.scrollToBottom();
+        this.adjustChatHeight();
+    }
+    scrollToBottom() {
+        const container = this.el.shadowRoot.querySelector('.biel-chat-container');
+        if (container) {
+            container.scrollTop = container.scrollHeight;
+        }
+    }
+    render() {
+        return (h("div", { key: '4bdea230464e58db6f7fb8726bdd5451be57d19c', class: `biel-chat-container ${this.isFullscreen ? 'fullscreen' : ''}` }, this.messages.map((message) => (h("biel-message", { text: message.text, sender: message.sender }))), this.isLoading && (h("div", { key: '148478d5d3dfbd23fa1f18599270bc8d501d3444', class: "loading-animation" }, h("div", { key: '1c95aeff506a63f5f47e7c89f62f032af60d63c9', class: "dot" }), h("div", { key: '505b689618bde42bfeaa362211086af52481d410', class: "dot" }), h("div", { key: '7f53dd97cdc665bb9747a39f128ede88838b7a6a', class: "dot" })))));
+    }
+    static get is() { return "biel-chat"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-chat.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-chat.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "messages": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ text: string, sender: 'user' | 'ai' }[]",
+                    "resolved": "{ text: string; sender: \"user\" | \"ai\"; }[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            },
+            "isFullscreen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-fullscreen",
+                "reflect": false
+            },
+            "isLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-loading",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "offset": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "textareaHeightChanged",
+                "method": "handleTextareaHeightChanged",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=biel-chat.js.map

package/dist/collection/components/biel-chat/biel-chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biel-chat.js","sourceRoot":"","sources":["../../../src/components/biel-chat/biel-chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO3E,MAAM,OAAO,QAAQ;;sBAEO,CAAC;wBAEmC,EAAE;;yBAEnC,KAAK;;IAKlC,2BAA2B,CAAC,KAA0B;QACpD,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAc,sBAAsB,CAAC,CAAC;QAC5F,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,cAAc,GAAG,QAAQ,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5F,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,cAAc,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;QACnE,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,cAAc;QACZ,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC3E,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACvE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC9B,oBAAc,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,GAAiB,CAC1E,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,4DAAK,KAAK,EAAC,KAAK,GAAO;gBACvB,4DAAK,KAAK,EAAC,KAAK,GAAO;gBACvB,4DAAK,KAAK,EAAC,KAAK,GAAO,CACnB,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, h, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'biel-chat',\n  styleUrl: 'biel-chat.css',\n  shadow: true,\n})\nexport class BielChat {\n\n  @State() offset: number = 0;\n\n  @Prop() messages: { text: string, sender: 'user' | 'ai' }[] = [];\n  @Prop() isFullscreen: boolean;\n  @Prop() isLoading: boolean = false;\n\n  @Element() el: HTMLElement;\n\n  @Listen('textareaHeightChanged', { target: 'body' })\n  handleTextareaHeightChanged(event: CustomEvent<number>) {\n    this.offset += event.detail;\n    if (this.isFullscreen) {\n      this.adjustChatHeight();\n    }\n  }\n\n  adjustChatHeight() {\n    const chatContainer = this.el.shadowRoot.querySelector<HTMLElement>('.biel-chat-container');\n    chatContainer.style.height = '';\n    if (this.isFullscreen) {\n      const previousHeight = parseInt(getComputedStyle(chatContainer).getPropertyValue('height'));\n      chatContainer.style.height = `${previousHeight - this.offset}px`;\n    }\n  }\n\n  componentDidUpdate() {\n    this.scrollToBottom();\n    this.adjustChatHeight();\n  }\n\n  scrollToBottom() {\n    const container = this.el.shadowRoot.querySelector('.biel-chat-container');\n    if (container) {\n      container.scrollTop = container.scrollHeight;\n    }\n  }\n\n  render() {\n    return (\n      <div class={`biel-chat-container ${this.isFullscreen ? 'fullscreen' : ''}`}>\n        {this.messages.map((message) => (\n          <biel-message text={message.text} sender={message.sender}></biel-message>\n        ))}\n        {this.isLoading && (\n          <div class=\"loading-animation\">\n            <div class=\"dot\"></div>\n            <div class=\"dot\"></div>\n            <div class=\"dot\"></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/biel-header/biel-header.css

@@ -0,0 +1,49 @@
+.biel-header {
+  display: flex;
+  padding-bottom: 10px;
+  color: var(--biel-header-text-color);
+  border-bottom: 1px solid var(--biel-header-border-color);
+  flex-direction: column;
+  text-align: center;
+}
+
+.biel-header__title-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-grow: 1;
+}
+
+.biel-header__title {
+  font-size: var(--biel-header-font-size);
+  font-weight: var(--biel-header-font-weight);
+}
+
+.biel-header__powered-by {
+  color: var(--biel-header-powered-by-text-color);
+  padding-top: 5px;
+  font-size: 12px;
+  height: 12px;
+}
+
+.biel-header__powered-by a {
+  color: var(--biel-header-powered-by-link-color);
+  font-weight: 500;
+  text-decoration: none;
+}
+
+.biel-header__icons {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.biel-header__icon {
+  color: var(--biel-header-text-color);
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  padding: 3px;
+  padding-top: 0;
+  margin-left: 5px;
+}