biel-search 0.1.3 → 0.1.5

package/dist/biel-search/_commonjsHelpers-37e0f1f2.js

@@ -0,0 +1,36 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+function commonjsRequire (path) {
+	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+export { commonjsGlobal as c };
+
+//# sourceMappingURL=_commonjsHelpers-37e0f1f2.js.map

package/dist/biel-search/_commonjsHelpers-37e0f1f2.js.map

@@ -0,0 +1 @@
+{"file":"_commonjsHelpers-37e0f1f2.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/biel-search/biel-bot.entry.js

@@ -0,0 +1,211 @@
+import { r as registerInstance, h, g as getElement } from './index-0e558c11.js';
+
+const WS_URL = 'wss://app.biel.ai/ws/messages';
+class BielWebSocketService {
+    constructor(projectId, errorMessage) {
+        this.messageHandlers = [];
+        this.isConnected = false;
+        this.chatId = '';
+        this.projectId = projectId;
+        this.errorMessage = errorMessage;
+        this.connect();
+    }
+    connect() {
+        this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);
+        this.ws.onopen = () => {
+            this.isConnected = true;
+        };
+        this.ws.onmessage = (event) => {
+            const message = JSON.parse(event.data);
+            if (!this.chatId && message.chatId) {
+                this.chatId = message.chatId;
+            }
+            if (message.from) {
+                this.loadingEndHandler();
+                this.messageHandlers.forEach(handler => handler(message));
+            }
+        };
+        this.ws.onclose = () => {
+            this.isConnected = false;
+        };
+        this.ws.onerror = (error) => {
+            console.error('WebSocket error:', error);
+            this.isConnected = false;
+            this.loadingEndHandler();
+        };
+    }
+    sendMessage(message) {
+        const payload = {
+            projectId: this.projectId,
+            chatId: this.chatId,
+            url: window.location.href,
+            from: 'user',
+            message: message,
+        };
+        if (this.isConnected) {
+            this.ws.send(JSON.stringify(payload));
+            this.loadingStartHandler();
+        }
+        else {
+            this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));
+        }
+    }
+    closeSocket() {
+        this.ws.close();
+    }
+    onMessage(handler) {
+        this.messageHandlers.push(handler);
+    }
+    onLoadingStart(handler) {
+        this.loadingStartHandler = handler;
+    }
+    onLoadingEnd(handler) {
+        this.loadingEndHandler = handler;
+    }
+}
+
+const BASE_URL = "https://app.biel.ai/api/v1";
+class BielService {
+    constructor(project, errorMessage404, errorMessage403, errorMessageDefault) {
+        this.project = project;
+        this.errorMessage404 = errorMessage404;
+        this.errorMessage403 = errorMessage403;
+        this.errorMessageDefault = errorMessageDefault;
+    }
+    async getProjectDetails() {
+        try {
+            const response = await fetch(`${BASE_URL}/projects/${this.project}/`);
+            if (response.status === 404) {
+                return this.errorMessage404;
+            }
+            if (response.status === 403) {
+                return this.errorMessage403;
+            }
+            if (!response.ok) {
+                return this.errorMessageDefault;
+            }
+            const data = await response.json();
+            return {
+                whitelabel: data.whitelabel,
+                suggestedQuestions: data.suggested_questions,
+                initialMessage: data.initial_message
+            };
+        }
+        catch (error) {
+            console.error('Error fetching project details:', error);
+            return this.errorMessageDefault;
+        }
+    }
+    async sendFeedback(messageId, feedback) {
+        try {
+            const response = await fetch(`${BASE_URL}/messages/${messageId}/feedback/`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json; charset=UTF-8' },
+                body: JSON.stringify(feedback),
+            });
+            if (!response.ok) {
+                console.error('Error:', response.status);
+            }
+        }
+        catch (error) {
+            console.error('Error sending feedback:', error);
+        }
+    }
+}
+
+const bielBotCss = ".text-center{flex-grow:1;text-align:center}.biel-bot-wrapper{position:absolute;z-index:var(--biel-bot-wrapper-z-index)}.biel-overlay{background-color:var(--biel-bot-screenshot-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--biel-bot-screnshot-z-index)}.biel-bot{display:inline-block;position:relative}.biel-bot-content{background-color:var(--biel-bot-content-bg-color);border:1px solid var(--biel-bot-header-text-color);border-radius:var(--biel-bot-content-border-radius);box-shadow:0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);box-sizing:border-box;color:var(--biel-bot-content-text-color);display:flex;flex-direction:column;font-family:var(--biel-bot-content-font-family);left:50%;max-width:90%;max-height:80vh;overflow:hidden;padding:20px;position:fixed;top:50%;transform:translate(-50%, -50%);width:100%;z-index:var(--biel-bot-content-z-index);transition:all 0.3s ease-in-out;animation:fadeIn 0.3s}.biel-bot-header{margin-bottom:20px}.biel-bot-footer{font-size:var(--biel-footer-font-size);text-align:center}.biel-bot-footer a{color:var(--biel-bot-footer-link);font-weight:500;text-decoration:none}.biel-logo{align-items:center;display:flex;justify-content:center;margin-top:5px}.biel-logo a{margin-left:3px}.biel-bot-close{background-color:var(--biel-bot-close-bg-color);border:0;border-radius:50%;cursor:pointer;height:22px;margin-left:auto;padding:0;width:22px}.biel-bot-close svg{stroke:var(--biel-bot-close-color)}.biel-bot-content.fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:20px 5vw;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.3s ease-in-out;animation:fadeIn 0.3s}@media screen and (min-width: 768px){.biel-bot-content{max-width:600px;max-height:82vh}.biel-bot-content.biel-bot-content--bottom-right{bottom:var(--biel-bot-content-position-bottom);left:initial;right:var(--biel-bot-content-position-right);top:initial;transform:initial}.biel-bot-content.biel-bot-content--bottom-left{bottom:var(--biel-bot-content-position-bottom);left:var(--biel-bot-content-position-left);top:initial;transform:initial}.biel-bot-content.biel-bot-content--top-right{right:var(--biel-bot-content-position-right);left:initial;top:var(--biel-bot-content-position-top);transform:initial}.biel-bot-content.biel-bot-content--top-left{left:var(--biel-bot-content-position-left);top:var(--biel-bot-content-position-top);transform:initial}.biel-bot-content.biel-bot-content--center-left{left:5px;right:auto;top:50%;transform:translateY(-50%)}.biel-bot-content.biel-bot-content--center-right{left:auto;right:5px;top:50%;transform:translateY(-50%)}.biel-bot-content.biel-bot-content--sidebar-left.biel-bot-content--open,.biel-bot-content.biel-bot-content--sidebar-right.biel-bot-content--open{transform:translateX(0);max-height:100vh}.biel-bot-content.biel-bot-content--sidebar-left{max-width:300px;left:0;right:auto;height:100vh;top:0;transform:translateX(-100%);border-radius:0}.biel-bot-content.biel-bot-content--sidebar-right{max-width:300px;left:auto;right:0;height:100vh;top:0;transform:translateX(100%);border-radius:0}.biel-bot-content.fullscreen{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:20px 25vw;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.3s ease-in-out;animation:fadeIn 0.3s}.biel-bot-content.fullscreen.biel-bot-content--bottom-right{left:initial;top:initial;bottom:0;right:0;transform:initial}.biel-bot-content.fullscreen.biel-bot-content--bottom-left{left:0;top:initial;bottom:0;transform:initial}.biel-bot-content.fullscreen.biel-bot-content--center-right,.biel-bot-content.fullscreen.biel-bot-content--top-right{left:initial;top:0;bottom:0;right:0;transform:initial}.biel-bot-content.fullscreen.biel-bot-content--sidebar-right{left:initial;top:0;bottom:0;right:0;transform:initial}.biel-bot-content.fullscreen.biel-bot-content--sidebar-left{left:0;top:0;bottom:0;transform:initial}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";
+
+const BielBot = class {
+    handleClose() {
+        const modal = this.el.shadowRoot.querySelector('.biel-bot-content');
+        modal.style.animation = 'fadeOut 0.3s';
+        setTimeout(() => {
+            this.showModal = false;
+            document.body.style.overflow = '';
+        }, 299);
+    }
+    handleFullscreenClicked() {
+        this.isFullscreen = !this.isFullscreen;
+        setTimeout(() => {
+            document.body.style.overflow = this.isFullscreen ? 'hidden' : '';
+        }, 300);
+    }
+    handleQuestionSelected(event) {
+        this.handleMessageSent(event);
+    }
+    handleFeedback(event) {
+        if (!this.hideFeedback) {
+            const { messageId, reaction } = event.detail;
+            this.bielService.sendFeedback(messageId, { reaction });
+        }
+    }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.modalPosition = 'center';
+        this.project = '';
+        this.showModal = false;
+        this.fetchData = true;
+        this.headerTitle = 'Company Name AI';
+        this.inputPlaceholderText = 'Type your message';
+        this.sendButtonText = 'Send';
+        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 = "AI generated answers. Always verify the sources before using them.";
+        this.suggestedQuestionsTitle = 'Suggested questions';
+        this.initialMessages = [];
+        this.disableInput = false;
+        this.hideFeedback = false;
+        this.isFullscreen = this.expandModal;
+        this.isLoading = false;
+        this.showPoweredBy = true;
+        this.suggestedQuestions = undefined;
+        this.welcomeMessage = undefined;
+        this.messages = [];
+        this.loadedChat = false;
+        if (!this.disableInput) {
+            this.webSocketService = new BielWebSocketService(this.project, this.errorMessageDefault);
+            this.webSocketService.onMessage(this.handleIncomingMessage.bind(this));
+            this.webSocketService.onLoadingStart(() => this.isLoading = true);
+            this.webSocketService.onLoadingEnd(() => this.isLoading = false);
+        }
+    }
+    handleIncomingMessage(message) {
+        this.messages = [...this.messages, { sender: message.from, text: message.message, messageId: message.messageId, sources: message.sources }];
+    }
+    async componentWillLoad() {
+        if (this.initialMessages.length > 0) {
+            this.messages = [...this.initialMessages];
+            this.loadedChat = true;
+        }
+        if (this.fetchData && !this.disableInput) {
+            this.bielService = new BielService(this.project, this.errorMessage404, this.errorMessage403, this.errorMessageDefault);
+            const result = await this.bielService.getProjectDetails();
+            if (typeof result === 'string') {
+                this.welcomeMessage = result;
+            }
+            else {
+                this.showPoweredBy = result.whitelabel;
+                this.suggestedQuestions = result.suggestedQuestions;
+                this.welcomeMessage = result.initialMessage;
+            }
+        }
+    }
+    handleMessageSent(event) {
+        this.messages = [...this.messages, { text: event.detail, sender: 'user' }];
+        if (!this.disableInput) {
+            this.webSocketService.sendMessage(event.detail);
+        }
+    }
+    render() {
+        return (h("div", { key: '3859ef3aaac75a1c77c852afda76239eb21e5891', class: 'biel-bot-wrapper' }, this.showModal && (h("div", { key: '3d872afafc528bb031370ac0b70f2e52744c2ae3', class: "feedback-overlay" })), this.showModal && (h("div", { key: '38dd9be033f5675180692cdd8893ee024777423d', class: `biel-bot-content biel-bot-content--${this.modalPosition} ${this.showModal ? 'biel-bot-content--open' : ''} ${this.isFullscreen ? 'fullscreen' : ''}`, ref: el => (this.modalContent = el) }, h("div", { key: '9beba7847f68dcf6ae80d6aa6a0c21ff09f86a38', class: "biel-bot-header" }, h("biel-header", { key: '5c37420640d0f798105581b0647ba4fabd666137', headerTitle: this.headerTitle, project: this.project, showPoweredBy: this.showPoweredBy, hideExpandButton: this.hideExpandButton, fullscreen: this.isFullscreen })), h("div", { key: '3e9420299a18d67d14e9d5c2bc2b7dcbffdf8e6d', class: "biel-bot-body" }, h("biel-chat", { key: 'ab6ddc35fc61dda5a538b7ee5f430be229aff18b', messages: this.messages, welcomeMessage: this.welcomeMessage, hideFeedback: this.hideFeedback, loadedChat: this.loadedChat, suggestedQuestions: this.suggestedQuestions, suggestedQuestionsTitle: this.suggestedQuestionsTitle, isFullscreen: this.isFullscreen, isLoading: this.isLoading, modalPosition: this.modalPosition }), h("biel-input", { key: '77256321397b784ac81be231d4515051e6c04668', placeholderText: this.inputPlaceholderText, sendButtonText: this.sendButtonText, onMessageSent: (event) => this.handleMessageSent(event), isDisabled: this.isLoading || this.disableInput })), h("div", { key: '57fce332b7c983521a756ad6c6eca74f5beb4849', class: "biel-bot-footer" }, this.footerText)))));
+    }
+    get el() { return getElement(this); }
+};
+BielBot.style = bielBotCss;
+
+export { BielBot as biel_bot };
+
+//# sourceMappingURL=biel-bot.entry.js.map

package/dist/biel-search/biel-bot.entry.js.map

@@ -0,0 +1 @@
+{"file":"biel-bot.entry.esm.js","mappings":"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","names":[],"sources":["src/services/biel-websocket-service.ts","src/services/biel-service.ts","src/components/biel-bot/biel-bot.css?tag=biel-bot&encapsulation=shadow","src/components/biel-bot/biel-bot.tsx"],"sourcesContent":["const WS_URL = 'wss://app.biel.ai/ws/messages';\n\nexport class BielWebSocketService {\n  private ws: WebSocket;\n  private messageHandlers: ((message: any) => void)[] = [];\n  private isConnected: boolean = false;\n  private projectId: string;\n  private chatId: string = '';\n  private errorMessage: string;\n  private loadingStartHandler: () => void;\n  private loadingEndHandler: () => void;\n\n  constructor(projectId: string, errorMessage: string) {\n    this.projectId = projectId;\n    this.errorMessage = errorMessage;\n    this.connect();\n  }\n\n  private connect(): void {\n    this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);\n\n    this.ws.onopen = () => {\n      this.isConnected = true;\n    };\n\n    this.ws.onmessage = (event) => {\n      const message = JSON.parse(event.data);\n      if (!this.chatId && message.chatId) {\n        this.chatId = message.chatId;\n      }\n      if (message.from) {\n        this.loadingEndHandler();\n        this.messageHandlers.forEach(handler => handler(message));\n      }\n    };\n\n    this.ws.onclose = () => {\n      this.isConnected = false;\n    };\n\n    this.ws.onerror = (error) => {\n      console.error('WebSocket error:', error);\n      this.isConnected = false;\n      this.loadingEndHandler();\n    };\n  }\n\n  public sendMessage(message: string): void {\n    const payload = {\n      projectId: this.projectId,\n      chatId: this.chatId,\n      url: window.location.href,\n      from: 'user',\n      message: message,\n    };\n    if (this.isConnected) {\n      this.ws.send(JSON.stringify(payload));\n      this.loadingStartHandler();\n    } else {\n      this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));\n    }\n  }\n\n  public closeSocket(): void {\n    this.ws.close();\n  }\n\n  public onMessage(handler: (message: any) => void): void {\n    this.messageHandlers.push(handler);\n  }\n\n  public onLoadingStart(handler: () => void): void {\n    this.loadingStartHandler = handler;\n  }\n\n  public onLoadingEnd(handler: () => void): void {\n    this.loadingEndHandler = handler;\n  }\n}\n","const BASE_URL = \"https://app.biel.ai/api/v1\";\n\nexport class BielService {\n  private project: string;\n  private errorMessage404: string;\n  private errorMessage403: string;\n  private errorMessageDefault: string;\n\n  constructor(project: string, errorMessage404: string, errorMessage403: string, errorMessageDefault: string) {\n    this.project = project;\n    this.errorMessage404 = errorMessage404;\n    this.errorMessage403 = errorMessage403;\n    this.errorMessageDefault = errorMessageDefault;\n  }\n\n  async getProjectDetails(): Promise<{ whitelabel: boolean, suggestedQuestions: string[], initialMessage: string } | string> {\n    try {\n      const response = await fetch(`${BASE_URL}/projects/${this.project}/`);\n\n      if (response.status === 404) {\n        return this.errorMessage404;\n      }\n\n      if (response.status === 403) {\n        return this.errorMessage403;\n      }\n\n      if (!response.ok) {\n        return this.errorMessageDefault;\n      }\n\n      const data = await response.json();\n      return {\n        whitelabel: data.whitelabel,\n        suggestedQuestions: data.suggested_questions,\n        initialMessage: data.initial_message\n      };\n    } catch (error) {\n      console.error('Error fetching project details:', error);\n      return this.errorMessageDefault;\n    }\n  }\n\n  async sendFeedback(messageId: string, feedback: { reaction: 0 | 1 }) {\n    try {\n      const response = await fetch(`${BASE_URL}/messages/${messageId}/feedback/`, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json; charset=UTF-8' },\n        body: JSON.stringify(feedback),\n      });\n\n      if (!response.ok) {\n        console.error('Error:', response.status);\n      }\n    } catch (error) {\n      console.error('Error sending feedback:', error);\n    }\n  }\n}\n",".text-center {\n  flex-grow: 1;\n  text-align: center;\n}\n\n.biel-bot-wrapper {\n  position: absolute;\n  z-index: var(--biel-bot-wrapper-z-index);\n}\n\n.biel-overlay {\n  background-color: var(--biel-bot-screenshot-bg-color);\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: var(--biel-bot-screnshot-z-index);\n}\n\n.biel-bot {\n  display: inline-block;\n  position: relative;\n}\n\n.biel-bot-content {\n  background-color: var(--biel-bot-content-bg-color);\n  border: 1px solid var(--biel-bot-header-text-color);\n  border-radius: var(--biel-bot-content-border-radius);\n  box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);\n  box-sizing: border-box;\n  color: var(--biel-bot-content-text-color);\n  display: flex;\n  flex-direction: column;\n  font-family: var(--biel-bot-content-font-family);\n  left: 50%;\n  max-width: 90%;\n  max-height: 80vh;\n  overflow: hidden;\n  padding: 20px;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  z-index: var(--biel-bot-content-z-index);\n  transition: all 0.3s ease-in-out;\n  animation: fadeIn 0.3s;\n}\n\n.biel-bot-header {\n  margin-bottom: 20px;\n}\n\n.biel-bot-footer {\n  font-size: var(--biel-footer-font-size);\n  text-align: center;\n}\n\n.biel-bot-footer a {\n  color: var(--biel-bot-footer-link);\n  font-weight: 500;\n  text-decoration: none;\n}\n\n.biel-logo {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  margin-top: 5px;\n}\n\n.biel-logo a {\n  margin-left: 3px;\n}\n\n.biel-bot-close {\n  background-color: var(--biel-bot-close-bg-color);\n  border: 0;\n  border-radius: 50%;\n  cursor: pointer;\n  height: 22px;\n  margin-left: auto;\n  padding: 0;\n  width: 22px;\n}\n\n.biel-bot-close svg {\n  stroke: var(--biel-bot-close-color);\n}\n\n.biel-bot-content.fullscreen {\n  width: 100vw;\n  max-width: 100vw;\n  height: 100vh;\n  max-height: 100vh;\n  border-radius: 0;\n  padding: 20px 5vw;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: all 0.3s ease-in-out;\n  animation: fadeIn 0.3s;\n}\n\n@media screen and (min-width: 768px) {\n\n  .biel-bot-content {\n    max-width: 600px;\n    max-height: 82vh;\n  }\n\n  .biel-bot-content.biel-bot-content--bottom-right {\n    bottom: var(--biel-bot-content-position-bottom);\n    left: initial;\n    right: var(--biel-bot-content-position-right);\n    top: initial;\n    transform: initial;\n  }\n\n  .biel-bot-content.biel-bot-content--bottom-left {\n    bottom: var(--biel-bot-content-position-bottom);\n    left: var(--biel-bot-content-position-left);\n    top: initial;\n    transform: initial;\n  }\n\n  .biel-bot-content.biel-bot-content--top-right {\n    right: var(--biel-bot-content-position-right);\n    left: initial;\n    top: var(--biel-bot-content-position-top);\n    transform: initial;\n  }\n\n  .biel-bot-content.biel-bot-content--top-left {\n    left: var(--biel-bot-content-position-left);\n    top: var(--biel-bot-content-position-top);\n    transform: initial;\n  }\n\n  .biel-bot-content.biel-bot-content--center-left {\n    left: 5px;\n    right: auto;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .biel-bot-content.biel-bot-content--center-right {\n    left: auto;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .biel-bot-content.biel-bot-content--sidebar-left.biel-bot-content--open,\n  .biel-bot-content.biel-bot-content--sidebar-right.biel-bot-content--open {\n    transform: translateX(0);\n    max-height: 100vh;\n  }\n\n  .biel-bot-content.biel-bot-content--sidebar-left {\n    max-width: 300px;\n    left: 0;\n    right: auto;\n    height: 100vh;\n    top: 0;\n    transform: translateX(-100%);\n    border-radius: 0;\n  }\n\n  .biel-bot-content.biel-bot-content--sidebar-right {\n    max-width: 300px;\n    left: auto;\n    right: 0;\n    height: 100vh;\n    top: 0;\n    transform: translateX(100%);\n    border-radius: 0;\n  }\n\n  .biel-bot-content.fullscreen {\n    width: 100vw;\n    max-width: 100vw;\n    height: 100vh;\n    max-height: 100vh;\n    border-radius: 0;\n    padding: 20px 25vw;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    transition: all 0.3s ease-in-out;\n    animation: fadeIn 0.3s;\n  }\n\n  .biel-bot-content.fullscreen.biel-bot-content--bottom-right {\n    left: initial;\n    top: initial;\n    bottom: 0;\n    right: 0;\n    transform: initial;\n  }\n\n  .biel-bot-content.fullscreen.biel-bot-content--bottom-left {\n    left: 0;\n    top: initial;\n    bottom: 0;\n    transform: initial;\n  }\n\n  .biel-bot-content.fullscreen.biel-bot-content--center-right,\n  .biel-bot-content.fullscreen.biel-bot-content--top-right {\n    left: initial;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    transform: initial;\n  }\n\n  .biel-bot-content.fullscreen.biel-bot-content--sidebar-right {\n    left: initial;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    transform: initial;\n  }\n\n  .biel-bot-content.fullscreen.biel-bot-content--sidebar-left {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    transform: initial;\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { BielWebSocketService } from '../../services/biel-websocket-service';\nimport { BielService } from '../../services/biel-service';\n\n@Component({\n  tag: 'biel-bot',\n  styleUrl: 'biel-bot.css',\n  shadow: true\n})\nexport class BielBot {\n\n  // Define the component properties\n  @Prop() modalPosition: string = 'center';\n  @Prop() project: string = '';\n  @Prop({ mutable: true, reflect: true }) showModal: boolean = false;\n  @Prop() fetchData: boolean = true;\n  @Prop() headerTitle: string = 'Company Name AI';\n  @Prop() inputPlaceholderText: string = 'Type your message';\n  @Prop() sendButtonText: string = 'Send';\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 = \"AI generated answers. Always verify the sources before using them.\";\n  @Prop() suggestedQuestionsTitle: string = 'Suggested questions';\n  @Prop() initialMessages: { text: string, sender: 'user' | 'ai', feedback?: 0 | 1 }[] = [];\n  @Prop() disableInput: boolean = false;\n  @Prop() hideFeedback: boolean = false;\n\n  @State() isFullscreen: boolean = this.expandModal;\n  @State() isLoading: boolean = false;\n  @State() showPoweredBy: boolean = true;\n  @State() suggestedQuestions: string[];\n  @State() welcomeMessage: string;\n  @State() messages: { text: string, sender: 'user' | 'ai', messageId?: string,  feedback?: 0 | 1 , sources?: { title: string, url: string }[] }[] = [];\n  @State() loadedChat: boolean = false;\n\n  @Element() el: HTMLElement;\n\n  @Listen('closeClicked', { target: 'body' })\n  handleClose() {\n    const modal = this.el.shadowRoot.querySelector('.biel-bot-content') as HTMLElement;\n    modal.style.animation = 'fadeOut 0.3s';\n    setTimeout(() => {\n      this.showModal = false;\n      document.body.style.overflow = '';\n    }, 299);\n  }\n  @Listen('fullscreenClicked', { target: 'body' })\n  handleFullscreenClicked() {\n    this.isFullscreen = !this.isFullscreen;\n    setTimeout(() => {\n      document.body.style.overflow = this.isFullscreen ? 'hidden' : '';\n    }, 300);\n  }\n  @Listen('suggestedQuestionClick', { target: 'body' })\n  handleQuestionSelected(event: CustomEvent<string>) {\n    this.handleMessageSent(event);\n  }\n  @Listen('feedbackSent', { target: 'body' })\n  handleFeedback(event: CustomEvent<{ messageId: string, reaction: 0 | 1 }>) {\n    if (!this.hideFeedback) {\n      const { messageId, reaction } = event.detail;\n      this.bielService.sendFeedback(messageId, { reaction });\n    }\n  }\n\n  // Define the accesible and modificable divs in the screenshot\n  modalContent: HTMLElement;\n  webSocketService: BielWebSocketService;\n  bielService: BielService;\n\n  constructor() {\n    if (!this.disableInput) {\n      this.webSocketService = new BielWebSocketService(this.project, this.errorMessageDefault);\n      this.webSocketService.onMessage(this.handleIncomingMessage.bind(this));\n      this.webSocketService.onLoadingStart(() => this.isLoading = true);\n      this.webSocketService.onLoadingEnd(() => this.isLoading = false);\n    }\n  }\n\n  handleIncomingMessage(message: any) {\n    this.messages = [...this.messages, { sender: message.from, text: message.message, messageId: message.messageId, sources: message.sources }];\n  }\n\n  async componentWillLoad() {\n    if (this.initialMessages.length > 0) {\n      this.messages = [...this.initialMessages];\n      this.loadedChat = true;\n    }\n    if (this.fetchData && !this.disableInput) {\n      this.bielService = new BielService(\n        this.project,\n        this.errorMessage404,\n        this.errorMessage403,\n        this.errorMessageDefault\n      );\n      const result = await this.bielService.getProjectDetails();\n\n      if (typeof result === 'string') {\n        this.welcomeMessage = result;\n      } else {\n        this.showPoweredBy = result.whitelabel;\n        this.suggestedQuestions = result.suggestedQuestions;\n        this.welcomeMessage = result.initialMessage;\n      }\n    }\n  }\n\n  handleMessageSent(event: CustomEvent<string>) {\n    this.messages = [...this.messages, { text: event.detail, sender: 'user' }];\n    if (!this.disableInput) {\n      this.webSocketService.sendMessage(event.detail);\n    }\n  }\n\n  render() {\n    return (\n      <div class='biel-bot-wrapper'>\n        {this.showModal && (<div class=\"feedback-overlay\"></div>)}\n        {this.showModal && (\n          <div class={`biel-bot-content biel-bot-content--${this.modalPosition} ${this.showModal ? 'biel-bot-content--open' : ''} ${this.isFullscreen ? 'fullscreen' : ''}`} ref={el => (this.modalContent = el)}>\n            <div class=\"biel-bot-header\">\n              <biel-header headerTitle={this.headerTitle} project={this.project} showPoweredBy={this.showPoweredBy} hideExpandButton={this.hideExpandButton} fullscreen={this.isFullscreen}></biel-header>\n            </div>\n            <div class=\"biel-bot-body\">\n              <biel-chat \n                messages={this.messages} \n                welcomeMessage={this.welcomeMessage}\n                hideFeedback={this.hideFeedback} \n                loadedChat={this.loadedChat} \n                suggestedQuestions={this.suggestedQuestions} \n                suggestedQuestionsTitle={this.suggestedQuestionsTitle} \n                isFullscreen={this.isFullscreen} \n                isLoading={this.isLoading}\n                modalPosition={this.modalPosition}>\n              </biel-chat>\n              <biel-input\n                placeholderText={this.inputPlaceholderText}\n                sendButtonText={this.sendButtonText}\n                onMessageSent={(event) => this.handleMessageSent(event)}\n                isDisabled={this.isLoading || this.disableInput}>\n              </biel-input>\n            </div>\n            <div class=\"biel-bot-footer\">\n              {this.footerText}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}"],"version":3}

package/dist/biel-search/biel-button.entry.js

@@ -0,0 +1,85 @@
+import { r as registerInstance, h, a as Host, g as getElement } from './index-0e558c11.js';
+
+const bielButtonCss = ".biel-button-content{cursor:pointer;max-width:fit-content;z-index:var(-biel-button-z-index)}.biel-button-content--light{align-items:center;background-color:var(--biel-button-light-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-light-text-color);display:flex;font-family:var(--feedback-font-family);font-size:var(--biel-button-text-font-size);font-weight:var(--biel-button-text-font-weight);padding:8px 15px}.biel-button-content--dark{align-items:center;background-color:var(--biel-button-dark-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-dark-text-color);display:flex;font-family:var(--feedback-font-family);font-weight:var(--biel-button-text-font-weight);font-size:var(--biel-button-text-font-size);padding:8px 15px}.biel-button-content--bottom-right{bottom:15px;position:fixed;right:15px}.biel-button-content--center-right{position:fixed;transform:rotate(-90deg) translateY(-50%);top:50%}.biel-button-content--center-right.biel-button-content--dark,.biel-button-content--center-right.biel-button-content--light{border-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.biel-button-content-icon{height:var(--biel-button-icon-size);margin-right:5px;width:var(--biel-button-icon-size)}.biel-button-content--center-right .biel-button-content-icon{rotate:90deg}";
+
+const BielButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.customFont = false;
+        this.project = '';
+        this.buttonStyle = 'default';
+        this.buttonPosition = 'default';
+        this.modalPosition = 'center';
+        this.headerTitle = 'Company Name AI';
+        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 = "AI generated answers. Always verify the sources before using them.";
+        this.initialMessages = [];
+        this.disableInput = false;
+        this.hideFeedback = false;
+    }
+    connectedCallback() {
+        this.bielBot = document.createElement('biel-bot');
+        const props = [
+            'customFont',
+            'project',
+            'modalPosition',
+            'headerTitle',
+            'hideExpandButton',
+            'expandModal',
+            'errorMessage404',
+            'errorMessage403',
+            'errorMessageDefault',
+            'footerText',
+            'initialMessages',
+            'disableInput',
+            'hideFeedback',
+        ];
+        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: '84e8befdfbaee903ddee90ece093b0e7d4906328' }, h("a", { key: '8643e23e4eff9265c5b62241144f2a9c03193685', class: `biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && (h("span", { key: '33488e042b97f5794d99d7346967bf9baf419af9', class: "biel-button-content-icon" }, h("svg", { key: 'd830564e13b2902b5d15807bb79b857211abd3cc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-bot" }, h("path", { key: '81c2ab79323d3223688138c8ef5a237f16a56c48', d: "M12 8V4H8" }), h("rect", { key: '361b2d41795fbb759343c9c0da7c0c056ca8ee09', width: "16", height: "12", x: "4", y: "8", rx: "2" }), h("path", { key: '725dc9c901a96cde0dde2e3418639e09684f837d', d: "M2 14h2" }), h("path", { key: 'b0bcb73986433d0bfa9a48af638cf47824d7c32e', d: "M20 14h2" }), h("path", { key: 'b0d051bc5fbb0309aa13c4eb71b665124a553105', d: "M15 13v2" }), h("path", { key: '3ac5061089cb3eaaa4f583a59f6846f324ac8e6d', d: "M9 13v2" })))), h("slot", { key: '83eb310c40d4ab0575d1c0170e086b58a9bb31e3' }))));
+    }
+    get el() { return getElement(this); }
+};
+BielButton.style = bielButtonCss;
+
+export { BielButton as biel_button };
+
+//# sourceMappingURL=biel-button.entry.js.map

package/dist/biel-search/biel-button.entry.js.map

@@ -0,0 +1 @@
+{"file":"biel-button.entry.esm.js","mappings":"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","names":[],"sources":["src/components/biel-button/biel-button.css?tag=biel-button&encapsulation=shadow","src/components/biel-button/biel-button.tsx"],"sourcesContent":[".biel-button-content {\n  cursor: pointer;\n  max-width: fit-content;\n  z-index: var(-biel-button-z-index);\n}\n\n.biel-button-content--light{\n  align-items: center;\n  background-color: var(--biel-button-light-bg-color);\n  border-radius: var(--biel-button-border-radius);\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n  box-sizing: border-box;\n  color: var(--biel-button-light-text-color);\n  display: flex;\n  font-family: var(--feedback-font-family);\n  font-size: var(--biel-button-text-font-size);\n  font-weight: var(--biel-button-text-font-weight);\n  padding: 8px 15px;\n}\n\n.biel-button-content--dark{\n  align-items: center;\n  background-color: var(--biel-button-dark-bg-color);\n  border-radius: var(--biel-button-border-radius);\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n  box-sizing: border-box;\n  color: var(--biel-button-dark-text-color);\n  display: flex;\n  font-family: var(--feedback-font-family);\n  font-weight: var(--biel-button-text-font-weight);\n  font-size: var(--biel-button-text-font-size);\n  padding: 8px 15px;\n}\n\n.biel-button-content--bottom-right{\n  bottom: 15px;\n  position: fixed;\n  right: 15px;\n}\n\n.biel-button-content--center-right{\n  position: fixed;\n  transform: rotate(-90deg) translateY(-50%);\n  top: 50%;\n}\n\n.biel-button-content--center-right.biel-button-content--dark,\n.biel-button-content--center-right.biel-button-content--light {\n  border-radius: 4px;\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\n\n\n.biel-button-content-icon {\n  height: var(--biel-button-icon-size);\n  margin-right: 5px;\n  width: var(--biel-button-icon-size);\n}\n\n.biel-button-content--center-right .biel-button-content-icon {\n  rotate: 90deg;\n}","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() headerTitle: string = 'Company Name AI';\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 = \"AI generated answers. Always verify the sources before using them.\";\n  @Prop() initialMessages: { text: string, sender: 'user' | 'ai' }[] = [];\n  @Prop() disableInput: boolean = false;\n  @Prop() hideFeedback: boolean = false;\n\n  connectedCallback() {\n    this.bielBot = document.createElement('biel-bot');\n    const props = [\n      'customFont',\n      'project',\n      'modalPosition',\n      'headerTitle',\n      'hideExpandButton',\n      'expandModal',\n      'errorMessage404',\n      'errorMessage403',\n      'errorMessageDefault',\n      'footerText',\n      'initialMessages',\n      'disableInput',\n      'hideFeedback',\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 && (\n            <span class=\"biel-button-content-icon\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-bot\"><path d=\"M12 8V4H8\"/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"/><path d=\"M2 14h2\"/><path d=\"M20 14h2\"/><path d=\"M15 13v2\"/><path d=\"M9 13v2\"/></svg>\n            </span>\n          )}\n          <slot />\n        </a>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/biel-search/biel-chat.entry.js

@@ -0,0 +1,63 @@
+import { r as registerInstance, h, g as getElement } from './index-0e558c11.js';
+
+const bielChatCss = ".biel-chat-container{display:flex;flex-direction:column;height:var(--biel-chat-height);overflow-y:auto;padding:10px;transition:all 0.3s ease-in-out}.biel-chat-container.sidebar-right,.biel-chat-container.sidebar-left{height:calc(100vh - 200px)}.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 - 180px);max-height:calc(100vh - 180px)}}";
+
+const BielChat = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.offset = 0;
+        this.chatHeight = undefined;
+        this.messages = [];
+        this.isFullscreen = undefined;
+        this.isLoading = false;
+        this.suggestedQuestions = undefined;
+        this.welcomeMessage = undefined;
+        this.suggestedQuestionsTitle = undefined;
+        this.loadedChat = undefined;
+        this.hideFeedback = undefined;
+        this.modalPosition = undefined;
+    }
+    handleTextareaHeightChanged(event) {
+        this.offset += event.detail;
+        if (this.isFullscreen) {
+            this.adjustChatHeight();
+        }
+    }
+    adjustChatHeight() {
+        const chatContainer = this.el.shadowRoot.querySelector('.biel-chat-container');
+        if (chatContainer) {
+            const varHeight = getComputedStyle(document.body).getPropertyValue('--biel-chat-height');
+            if (this.modalPosition !== 'sidebar-right' && this.modalPosition !== 'sidebar-left') {
+                const baseHeight = this.isFullscreen ? 'calc(100vh - 180px)' : varHeight;
+                this.chatHeight = `calc(${baseHeight} - ${this.offset}px)`;
+                chatContainer.style.height = this.chatHeight;
+            }
+            else {
+                this.chatHeight = `calc(100vh - 200px - ${this.offset}px)`;
+                chatContainer.style.height = this.chatHeight;
+            }
+        }
+    }
+    componentDidUpdate() {
+        this.scrollToBottom();
+        this.adjustChatHeight();
+    }
+    scrollToBottom() {
+        const container = this.el.shadowRoot.querySelector('.biel-chat-container');
+        if (container) {
+            container.scrollTo({
+                top: container.scrollHeight,
+                behavior: 'smooth'
+            });
+        }
+    }
+    render() {
+        return (h("div", { key: '33975fb495da9e40f540593d55d141732fc492a2', class: `biel-chat-container ${this.isFullscreen ? 'fullscreen' : ''} ${this.modalPosition}` }, this.welcomeMessage && !this.loadedChat && (h("biel-message", { key: 'dac9218dec8ad9d6d31a808a6c5660cd816ae415', text: this.welcomeMessage, sender: "ai" })), this.suggestedQuestions && this.suggestedQuestions.length > 0 && !this.loadedChat && (h("biel-suggested-questions", { key: '720d61e3593a653dfe3eeb624761e58fb25b81dd', heading: this.suggestedQuestionsTitle, questions: this.suggestedQuestions })), this.messages.map((message) => (h("biel-message", { messageId: message.messageId, text: message.text, sender: message.sender, sources: message.sources, feedback: message.feedback, hideFeedback: this.hideFeedback }))), this.isLoading && (h("div", { key: 'e31d14374ba692107eabfd8c31443d7e026f8b33', class: "loading-animation" }, h("div", { key: '6453aa79e3d84aadd6f85b66777028274a78513a', class: "dot" }), h("div", { key: '1d426132f4d08592c6cfea3aaa54d2c1bb60bb0a', class: "dot" }), h("div", { key: '0051ff6777d8433b6cafa1e6f0986acff9fda87f', class: "dot" })))));
+    }
+    get el() { return getElement(this); }
+};
+BielChat.style = bielChatCss;
+
+export { BielChat as biel_chat };
+
+//# sourceMappingURL=biel-chat.entry.js.map

package/dist/biel-search/biel-chat.entry.js.map

@@ -0,0 +1 @@
+{"file":"biel-chat.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,40CAA40C;;MCOn1C,QAAQ;;;sBAEO,CAAC;;wBAGqH,EAAE;;yBAErH,KAAK;;;;;;;;IAUlC,2BAA2B,CAAC,KAA0B;QACpD,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;KACF;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAc,sBAAsB,CAAC,CAAC;QAC5F,IAAI,aAAa,EAAE;YACjB,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;YACzF,IAAI,IAAI,CAAC,aAAa,KAAK,eAAe,IAAI,IAAI,CAAC,aAAa,KAAK,cAAc,EAAE;gBACnF,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,GAAG,qBAAqB,GAAG,SAAS,CAAC;gBACzE,IAAI,CAAC,UAAU,GAAG,QAAQ,UAAU,MAAM,IAAI,CAAC,MAAM,KAAK,CAAC;gBAC3D,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;aAC9C;iBAAM;gBACL,IAAI,CAAC,UAAU,GAAG,wBAAwB,IAAI,CAAC,MAAM,KAAK,CAAC;gBAC3D,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;aAC9C;SACF;KACF;IAED,kBAAkB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,cAAc;QACZ,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC3E,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,QAAQ,CAAC;gBACjB,GAAG,EAAE,SAAS,CAAC,YAAY;gBAC3B,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;SACJ;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,YAAY,GAAG,YAAY,GAAG,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,IAC7F,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,UAAU,KACtC,qEAAc,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,EAAC,IAAI,GAAgB,CACrE,EACA,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,KAChF,iFAA0B,OAAO,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,EAAE,IAAI,CAAC,kBAAkB,GAA6B,CACjI,EACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MACzB,oBACE,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,YAAY,EAAE,IAAI,CAAC,YAAY,GAClB,CAChB,CAAC,EACD,IAAI,CAAC,SAAS,KACb,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,4DAAK,KAAK,EAAC,KAAK,GAAO,EACvB,4DAAK,KAAK,EAAC,KAAK,GAAO,EACvB,4DAAK,KAAK,EAAC,KAAK,GAAO,CACnB,CACP,CACG,EACN;KACH;;;;;;;","names":[],"sources":["src/components/biel-chat/biel-chat.css?tag=biel-chat&encapsulation=shadow","src/components/biel-chat/biel-chat.tsx"],"sourcesContent":[".biel-chat-container {\n  display: flex;\n  flex-direction: column;\n  height: var(--biel-chat-height);\n  overflow-y: auto;\n  padding: 10px;\n  transition: all 0.3s ease-in-out;\n}\n\n.biel-chat-container.sidebar-right,\n.biel-chat-container.sidebar-left {\n  height: calc(100vh - 200px);\n}\n\n.biel-chat-container.fullscreen {\n  height: calc(100vh - (200px + var(--biel-footer-font-size) + 12px));\n  max-height: calc(100vh - (200px + var(--biel-footer-font-size) + 12px));\n}\n\n.biel-chat-container::-webkit-scrollbar {\n  width: 6px;\n}\n\n.biel-chat-container::-webkit-scrollbar-thumb {\n  background-color: var(--biel-chat-scrollbar-color);\n  border-radius: 10px;\n  border: 3px solid transparent;\n}\n\n.biel-chat-container::-webkit-scrollbar-thumb:hover {\n  background-color: var(--biel-chat-scrollbar-hover-color);\n}\n\n.loading-animation {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  margin-top: 10px;\n}\n\n.loading-animation .dot {\n  width: 8px;\n  height: 8px;\n  margin: 0 5px;\n  background-color: var(--biel-text-color);\n  border-radius: 50%;\n  animation: bounce 1.2s infinite ease-in-out;\n}\n\n.loading-animation .dot:nth-child(1) {\n  animation-delay: -0.32s;\n}\n\n.loading-animation .dot:nth-child(2) {\n  animation-delay: -0.16s;\n}\n\n.loading-animation .dot:nth-child(3) {\n  animation-delay: 0s;\n}\n\n@keyframes bounce {\n\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n\n  40% {\n    transform: scale(1);\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .biel-chat-container.fullscreen {\n    height: calc(100vh - 180px);\n    max-height: calc(100vh - 180px);\n  }\n}","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  @State() chatHeight: string;\n\n  @Prop() messages: { text: string, sender: 'user' | 'ai', messageId?: string, feedback?: 0 | 1, sources?: { title: string, url: string }[] }[] = [];\n  @Prop() isFullscreen: boolean;\n  @Prop() isLoading: boolean = false;\n  @Prop() suggestedQuestions: string[];\n  @Prop() welcomeMessage: string;\n  @Prop() suggestedQuestionsTitle: string;\n  @Prop() loadedChat: boolean;\n  @Prop() hideFeedback: boolean;\n  @Prop() modalPosition: string;\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    if (chatContainer) {\n      const varHeight = getComputedStyle(document.body).getPropertyValue('--biel-chat-height');\n      if (this.modalPosition !== 'sidebar-right' && this.modalPosition !== 'sidebar-left') {\n        const baseHeight = this.isFullscreen ? 'calc(100vh - 180px)' : varHeight;\n        this.chatHeight = `calc(${baseHeight} - ${this.offset}px)`;\n        chatContainer.style.height = this.chatHeight;\n      } else {\n        this.chatHeight = `calc(100vh - 200px - ${this.offset}px)`;\n        chatContainer.style.height = this.chatHeight;\n      }\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.scrollTo({\n        top: container.scrollHeight,\n        behavior: 'smooth'\n      });\n    }\n  }\n\n  render() {\n    return (\n      <div class={`biel-chat-container ${this.isFullscreen ? 'fullscreen' : ''} ${this.modalPosition}`}>\n        {this.welcomeMessage && !this.loadedChat && (\n          <biel-message text={this.welcomeMessage} sender=\"ai\"></biel-message>\n        )}\n        {this.suggestedQuestions && this.suggestedQuestions.length > 0 && !this.loadedChat && (\n          <biel-suggested-questions heading={this.suggestedQuestionsTitle} questions={this.suggestedQuestions}></biel-suggested-questions>\n        )}\n        {this.messages.map((message) => (\n          <biel-message\n            messageId={message.messageId}\n            text={message.text}\n            sender={message.sender}\n            sources={message.sources}\n            feedback={message.feedback}\n            hideFeedback={this.hideFeedback}>\n          </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"],"version":3}

package/dist/biel-search/biel-feedback.entry.js

@@ -0,0 +1,32 @@
+import { r as registerInstance, e as createEvent, h } from './index-0e558c11.js';
+
+const bielFeedbackCss = ".biel-feedback-container{display:flex;align-items:center;padding:5px;padding-left:0;padding-bottom:0}.biel-feedback-reaction{display:flex;gap:5px}.biel-feedback-btn{background:var(--biel-feedback-background-color);color:var(--biel-feedback-text-color);border:none;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all 0.2s ease}.biel-feedback-btn:hover{background:var(--biel-feedback-background-hover-color)}.active,.active:hover{background:var(--biel-feedback-background-selected-color);color:var(--biel-feedback-text-selected-color)}";
+
+const BielFeedback = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.feedbackSent = createEvent(this, "feedbackSent", 7);
+        this.messageId = undefined;
+        this.initialReaction = undefined;
+        this.reaction = undefined;
+    }
+    componentWillLoad() {
+        if (this.initialReaction !== undefined) {
+            this.reaction = this.initialReaction;
+        }
+    }
+    handleReaction(reaction) {
+        if (this.messageId && this.reaction !== reaction) {
+            this.reaction = reaction;
+            this.feedbackSent.emit({ messageId: this.messageId, reaction: this.reaction });
+        }
+    }
+    render() {
+        return (h("div", { key: 'd56ec391a875137535a10287a8d3d4dbcebeb5e1', class: "biel-feedback-container" }, h("div", { key: '08b54ce6cda89a286993650532481707786e3de2', class: "biel-feedback-reaction" }, h("button", { key: 'd834d0ab422460a1067624233feb01343dc6cced', class: `biel-feedback-btn like-btn ${this.reaction === 1 ? 'active' : ''}`, onClick: () => this.handleReaction(1) }, h("svg", { key: '1520bbc7f231a4f173711d67d10669171b746dab', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-thumbs-up" }, h("path", { key: '20fbfac154b8c911fbeefafcb003436a729fd549', d: "M7 10v12" }), h("path", { key: '2db1e65fa377ef4f92225f619614e4c69003d239', d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }))), h("button", { key: '03bac9e257e23d11133a23ace7937ad19340d5ed', class: `biel-feedback-btn dislike-btn ${this.reaction === 0 ? 'active' : ''}`, onClick: () => this.handleReaction(0) }, h("svg", { key: '53eafd58d1914d1e17f3b03b3880dc58d9d6a5f3', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-thumbs-down" }, h("path", { key: '1a6598fb9cf83fbfb2b81f7b8d95fbcbc138b14c', d: "M17 14V2" }), h("path", { key: '2db89950d5a4b27a1741a38489f48206c8ddb7ba', d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" }))))));
+    }
+};
+BielFeedback.style = bielFeedbackCss;
+
+export { BielFeedback as biel_feedback };
+
+//# sourceMappingURL=biel-feedback.entry.js.map

package/dist/biel-search/biel-feedback.entry.js.map

@@ -0,0 +1 @@
+{"file":"biel-feedback.entry.esm.js","mappings":";;AAAA,MAAM,eAAe,GAAG,oiBAAoiB;;MCM/iB,YAAY;;;;;;;;IASvB,iBAAiB;QACf,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE;YACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;SACtC;KACF;IAED,cAAc,CAAC,QAAe;QAC5B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YAChD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SAChF;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,yBAAyB,IAClC,4DAAK,KAAK,EAAC,wBAAwB,IACjC,+DAAQ,KAAK,EAAE,8BAA8B,IAAI,CAAC,QAAQ,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IACvH,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,yBAAyB,IAAC,6DAAM,CAAC,EAAC,UAAU,GAAG,EAAA,6DAAM,CAAC,EAAC,0JAA0J,GAAG,CAAM,CAC9Y,EACT,+DAAQ,KAAK,EAAE,iCAAiC,IAAI,CAAC,QAAQ,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAC1H,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,2BAA2B,IAAC,6DAAM,CAAC,EAAC,UAAU,GAAG,EAAA,6DAAM,CAAC,EAAC,yJAAyJ,GAAG,CAAM,CAC/Y,CACL,CACF,EACN;KACH;;;;;;","names":[],"sources":["src/components/biel-feedback/biel-feedback.css?tag=biel-feedback&encapsulation=shadow","src/components/biel-feedback/biel-feedback.tsx"],"sourcesContent":[".biel-feedback-container {\n  display: flex;\n  align-items: center;\n  padding: 5px;\n  padding-left: 0;\n  padding-bottom: 0;\n}\n\n.biel-feedback-reaction {\n  display: flex;\n  gap: 5px;\n}\n\n.biel-feedback-btn {\n  background: var(--biel-feedback-background-color);\n  color: var(--biel-feedback-text-color);\n  border: none;\n  cursor: pointer;\n  padding: 4px 10px; \n  border-radius: 6px;\n  transition: all 0.2s ease;\n}\n\n.biel-feedback-btn:hover {\n  background: var(--biel-feedback-background-hover-color);\n}\n\n.active, .active:hover {\n  background: var(--biel-feedback-background-selected-color);\n  color: var(--biel-feedback-text-selected-color);\n}","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n@Component({\n  tag: 'biel-feedback',\n  styleUrl: 'biel-feedback.css',\n  shadow: true,\n})\nexport class BielFeedback {\n\n  @Prop() messageId: string;\n  @Prop() initialReaction?: 0 | 1;\n\n  @State() reaction: 0 | 1; // 0 = Dislike, 1 = Like\n\n  @Event() feedbackSent: EventEmitter<{ messageId: string, reaction: 0 | 1 }>;\n\n  componentWillLoad() {\n    if (this.initialReaction !== undefined) {\n      this.reaction = this.initialReaction;\n    }\n  }\n\n  handleReaction(reaction: 0 | 1) {\n    if (this.messageId && this.reaction !== reaction) {\n      this.reaction = reaction;\n      this.feedbackSent.emit({ messageId: this.messageId, reaction: this.reaction });\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"biel-feedback-container\">\n        <div class=\"biel-feedback-reaction\">\n          <button class={`biel-feedback-btn like-btn ${this.reaction === 1 ? 'active' : ''}`} onClick={() => this.handleReaction(1)}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-thumbs-up\"><path d=\"M7 10v12\" /><path d=\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\" /></svg>\n          </button>\n          <button class={`biel-feedback-btn dislike-btn ${this.reaction === 0 ? 'active' : ''}`} onClick={() => this.handleReaction(0)}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-thumbs-down\"><path d=\"M17 14V2\" /><path d=\"M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z\" /></svg>\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/{components/p-850f691d.js → biel-search/biel-header.entry.js}

@@ -1,13 +1,10 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7b8b1ac3.js';
+import { r as registerInstance, e as createEvent, h } from './index-0e558c11.js';
 
 const bielHeaderCss = ".biel-header{align-items:top;display:flex;padding-bottom:10px;color:var(--biel-header-text-color);border-bottom:1px solid var(--biel-header-border-color);justify-content:space-between}.biel-header__title{font-size:var(--biel-header-font-size);font-weight:var(--biel-header-font-weight)}.biel-header__powered-by:not(:empty){color:var(--biel-header-powered-by-text-color);padding-top:5px;font-size:14px;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}";
-const BielHeaderStyle0 = bielHeaderCss;
 
-const BielHeader = /*@__PURE__*/ proxyCustomElement(class BielHeader extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const BielHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.closeClicked = createEvent(this, "closeClicked", 7);
         this.fullscreenClicked = createEvent(this, "fullscreenClicked", 7);
         this.headerTitle = undefined;
@@ -28,32 +25,11 @@ const BielHeader = /*@__PURE__*/ proxyCustomElement(class BielHeader extends H {
         this.fullscreenClicked.emit();
     }
     render() {
-        return (h("header", { key: '85eacd2420c47a40debe72ed1403446ff91961ae', class: "biel-header" }, h("div", { key: 'ff33703f3774285e91b4ffe3cd2497dca59d0839', class: "biel-header__title-container" }, h("div", { key: '018c01d89f392167161473d2840d2234f3a2e339', class: "biel-header__title" }, this.headerTitle), h("div", { key: '7cce85261daa4f57dc5cd1763b1b535e8aad89ff', class: "biel-header__powered-by" }, this.showPoweredBy && (h("span", { key: 'a9813f45173f86bd624ee6534f83587afdca0713' }, "Powered by ", h("a", { key: 'b7cb46ca8f65a42c8698e2acd41c42b28559efbb', target: "_blank", href: "https://biel.ai" }, "biel.ai"))))), h("div", { key: '975b3467fba64ca5c4db0340939412d7248856b2', class: "biel-header__icons" }, !this.hideExpandButton && (h("button", { key: 'ed260a6c977e006e00c644dec54473cb96647b0f', class: "biel-header__icon", onClick: () => this.handleFullscreenClick() }, this.isFullscreen ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-minimize-2" }, h("polyline", { points: "4 14 10 14 10 20" }), h("polyline", { points: "20 10 14 10 14 4" }), h("line", { x1: "14", x2: "21", y1: "10", y2: "3" }), h("line", { x1: "3", x2: "10", y1: "21", y2: "14" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-maximize-2" }, h("polyline", { points: "15 3 21 3 21 9" }), h("polyline", { points: "9 21 3 21 3 15" }), h("line", { x1: "21", x2: "14", y1: "3", y2: "10" }), h("line", { x1: "3", x2: "10", y1: "21", y2: "14" }))))), h("button", { key: 'c86ebcf734c8905e76b75c2784d59e18bb28db92', class: "biel-header__icon", onClick: () => this.handleCloseClick() }, h("svg", { key: '39008b7d8bc6d73e59d477dc86ccf5ae0899ed21', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-x" }, h("path", { key: 'ef66d1dea8cbb9e46c964c8d7e59343f1cb349ea', d: "M18 6 6 18" }), h("path", { key: 'ea02574c7d44fb9db2cc82f66f7a7bc140a3eb54', d: "m6 6 12 12" }))))));
+        return (h("header", { key: '7d08c8f1a3e30a2a4ccb3793609fb7871ec78c1d', class: "biel-header" }, h("div", { key: '12b78778af97d18a5f21296593edd6a2f2cebda2', class: "biel-header__title-container" }, h("div", { key: 'f31d4313863b166af252fd011f965eb81ed091d8', class: "biel-header__title" }, this.headerTitle), h("div", { key: '494790f0ca4acdd5a99fa9fe0bc20a17de59b3df', class: "biel-header__powered-by" }, this.showPoweredBy && (h("span", { key: '969aa7de2c85b2a9d2208019b9c3e69db0162f7d' }, "Powered by ", h("a", { key: '3284183f9e362476c5c57898c33f235661ed440d', target: "_blank", href: "https://biel.ai" }, "biel.ai"))))), h("div", { key: '58184f21aa31d6b40ba7912d8ff7c21272c0c208', class: "biel-header__icons" }, !this.hideExpandButton && (h("button", { key: 'd558d51c22f5b97213c388a399f9c01eb221d0ab', class: "biel-header__icon", onClick: () => this.handleFullscreenClick() }, this.isFullscreen ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-minimize-2" }, h("polyline", { points: "4 14 10 14 10 20" }), h("polyline", { points: "20 10 14 10 14 4" }), h("line", { x1: "14", x2: "21", y1: "10", y2: "3" }), h("line", { x1: "3", x2: "10", y1: "21", y2: "14" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-maximize-2" }, h("polyline", { points: "15 3 21 3 21 9" }), h("polyline", { points: "9 21 3 21 3 15" }), h("line", { x1: "21", x2: "14", y1: "3", y2: "10" }), h("line", { x1: "3", x2: "10", y1: "21", y2: "14" }))))), h("button", { key: 'a87adae083905bec2393deae62b9c1894569ba4e', class: "biel-header__icon", onClick: () => this.handleCloseClick() }, h("svg", { key: '0ea2cec29cb0dfc2f46d4e48af6db5d6f5e2ee16', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "lucide lucide-x" }, h("path", { key: '71a85b7436d3fb748be3834b2e8020e52ddc41aa', d: "M18 6 6 18" }), h("path", { key: '24f0bf0230162dabc784c3f591345f4a20351dfb', d: "m6 6 12 12" }))))));
     }
-    static get style() { return BielHeaderStyle0; }
-}, [1, "biel-header", {
-        "headerTitle": [1, "header-title"],
-        "project": [1],
-        "hideExpandButton": [4, "hide-expand-button"],
-        "showPoweredBy": [4, "show-powered-by"],
-        "fullscreen": [4],
-        "isFullscreen": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["biel-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "biel-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BielHeader);
-            }
-            break;
-    } });
-}
-defineCustomElement();
+};
+BielHeader.style = bielHeaderCss;
 
-export { BielHeader as B, defineCustomElement as d };
+export { BielHeader as biel_header };
 
-//# sourceMappingURL=p-850f691d.js.map
+//# sourceMappingURL=biel-header.entry.js.map