biel-search 0.0.1

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

@@ -0,0 +1,165 @@
+import { h } from "@stencil/core";
+export class BielHeader {
+    constructor() {
+        this.headerTitle = undefined;
+        this.project = undefined;
+        this.hideExpandButton = undefined;
+        this.showPoweredBy = true;
+        this.fullscreen = undefined;
+        this.isFullscreen = undefined;
+    }
+    componentWillLoad() {
+        this.isFullscreen = this.fullscreen;
+    }
+    handleCloseClick() {
+        this.closeClicked.emit();
+    }
+    handleFullscreenClick() {
+        this.isFullscreen = !this.isFullscreen;
+        this.fullscreenClicked.emit();
+    }
+    render() {
+        return (h("header", { key: 'fc462fd7a8aa72181e535f4569342a423e481df4', class: "biel-header" }, h("div", { key: 'bf12e4fa2b9f99b647fbcbe6441a53b3cee569e3', class: "biel-header__icons" }, !this.hideExpandButton && (h("button", { key: 'b44aee795fb5efbd169a01d225d5b61a6a8479c6', 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: "feather feather-minimize-2" }, h("polyline", { points: "4 14 10 14 10 20" }), h("polyline", { points: "20 10 14 10 14 4" }), h("line", { x1: "14", y1: "10", x2: "21", y2: "3" }), h("line", { x1: "3", y1: "21", x2: "10", 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: "feather feather-maximize-2" }, h("polyline", { points: "15 3 21 3 21 9" }), h("polyline", { points: "9 21 3 21 3 15" }), h("line", { x1: "21", y1: "3", x2: "14", y2: "10" }), h("line", { x1: "3", y1: "21", x2: "10", y2: "14" }))))), h("button", { key: 'd28e4abcc8f59fb6aa68e3cd9e969dff0657d2c7', class: "biel-header__icon", onClick: () => this.handleCloseClick() }, h("svg", { key: '4be80a2be30cff0a3471cb30e7be8fba533299e2', 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: "feather feather-x" }, h("line", { key: '8a772eb8e271d28ecde92fb28e72493eaad40a72', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'df432a2d7722fe4b9d472bad197a3bf6bf76e529', x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { key: '66d17239178ca6f6eb015e0db2b4d46101736e94', class: "biel-header__title-container" }, h("div", { key: '051e8fff6205f423a568e6ea10f800f069494ead', class: "biel-header__title" }, this.headerTitle), h("div", { key: '5a701624cf8c81e3747ecd577d00a3d927013311', class: "biel-header__powered-by" }, this.showPoweredBy && (h("span", { key: '5e52419e22f00f8d787414ec16aa2f0fa44388ab' }, "Powered by ", h("a", { key: '5af1a69e17666c3b8f3cfbba11b92dc9118d2fba', target: "_blank", href: "https://biel.ai" }, "biel.ai")))))));
+    }
+    static get is() { return "biel-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-header.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "headerTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "header-title",
+                "reflect": false
+            },
+            "project": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project",
+                "reflect": 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
+            },
+            "showPoweredBy": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-powered-by",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "fullscreen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fullscreen",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isFullscreen": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closeClicked",
+                "name": "closeClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "fullscreenClicked",
+                "name": "fullscreenClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=biel-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"biel-header.js","sourceRoot":"","sources":["../../../src/components/biel-header/biel-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'biel-header',\n  styleUrl: 'biel-header.css',\n  shadow: true\n})\nexport class BielHeader {\n  @Prop() headerTitle: string;\n  @Prop() project: string;\n  @Prop() hideExpandButton: boolean;\n  @Prop() showPoweredBy: boolean = true;\n  @Prop() fullscreen: boolean;\n\n  @State() isFullscreen: boolean;\n\n  @Event() closeClicked: EventEmitter<void>;\n  @Event() fullscreenClicked: EventEmitter<void>;\n\n  componentWillLoad() {\n    this.isFullscreen = this.fullscreen;\n  }\n\n  handleCloseClick() {\n    this.closeClicked.emit();\n  }\n\n  handleFullscreenClick() {\n    this.isFullscreen = !this.isFullscreen;\n    this.fullscreenClicked.emit();\n  }\n\n  render() {\n    return (\n      <header class=\"biel-header\">\n        <div class=\"biel-header__icons\">\n          {!this.hideExpandButton && (\n            <button class=\"biel-header__icon\" onClick={() => this.handleFullscreenClick()}>\n              {this.isFullscreen ? (\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=\"feather feather-minimize-2\"><polyline points=\"4 14 10 14 10 20\"></polyline><polyline points=\"20 10 14 10 14 4\"></polyline><line x1=\"14\" y1=\"10\" x2=\"21\" y2=\"3\"></line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"></line></svg>\n              ) : (\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=\"feather feather-maximize-2\"><polyline points=\"15 3 21 3 21 9\"></polyline><polyline points=\"9 21 3 21 3 15\"></polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"></line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"></line></svg>\n              )}\n            </button>\n          )}\n          <button class=\"biel-header__icon\" onClick={() => this.handleCloseClick()}>\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=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>\n          </button>\n        </div>\n        <div class=\"biel-header__title-container\">\n          <div class=\"biel-header__title\">{this.headerTitle}</div>\n          <div class=\"biel-header__powered-by\">\n            {this.showPoweredBy && (\n              <span>Powered by <a target=\"_blank\" href=\"https://biel.ai\">biel.ai</a></span>\n            )}\n          </div>\n        </div>\n      </header>\n    );\n  }\n}"]}

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

@@ -0,0 +1,55 @@
+.biel-input-container {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+}
+
+.biel-input__textarea {
+  width: 100%;
+  max-height: var(--biel-input-textarea-max-height);
+  min-height: var(--biel-input-textarea-min-height);
+  height: var(--biel-input-textarea-min-height);
+  padding: 10px;
+  background-color: var(--biel-bot-content-bg-color);
+  color: var(--biel-input-color);
+  border: 1px solid var(--biel-input-border-color);
+  border-radius: var(--biel-input-border-radius);
+  margin-right: 10px;
+  font-family: var(--biel-input-font-family);
+  font-size: 14px;
+  resize: none;
+  overflow-y: hidden;
+}
+
+.biel-input__textarea::-webkit-scrollbar {
+  width: 8px;
+}
+
+.biel-input__textarea::-webkit-scrollbar-thumb {
+  background-color: var(--biel-chat-scrollbar-color);
+  border-radius: 10px;
+  border: 3px solid transparent;
+}
+
+.biel-input__textarea::-webkit-scrollbar-thumb:hover {
+  background-color: var(--biel-chat-scrollbar-hover-color);
+  cursor: auto;
+}
+
+.biel-input__button {
+  padding: 12px 16px;
+  background-color: var(--biel-input-button-bg-color);
+  color: var(--biel-input-button-color);
+  border: 0;
+  border-radius: var(--biel-input-border-radius);
+  cursor: pointer;
+}
+
+.biel-input__button:hover {
+  background-color: var(--biel-input-button-hover-bg-color);
+}
+
+.biel-input__button:disabled {
+  background-color: var(--biel-input-button-hover-bg-color);
+  cursor: not-allowed;
+}

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

@@ -0,0 +1,164 @@
+import { h } from "@stencil/core";
+export class BielInput {
+    constructor() {
+        this.userInput = '';
+        this.placeholderText = 'Type your message';
+        this.sendButtonText = 'Send';
+        this.isDisabled = false;
+    }
+    handleInputChange(event) {
+        this.userInput = event.target.value;
+        this.adjustTextareaHeight();
+    }
+    handleSendMessage() {
+        if (this.userInput.trim()) {
+            this.messageSent.emit(this.userInput);
+            this.userInput = '';
+            this.resetTextareaHeight();
+        }
+    }
+    handleKeyPress(event) {
+        if (event.key === 'Enter' && !event.shiftKey && !this.isDisabled) {
+            event.preventDefault();
+            this.handleSendMessage();
+        }
+    }
+    getCSSVariable(element, variableName) {
+        return getComputedStyle(element).getPropertyValue(variableName);
+    }
+    adjustTextareaHeight() {
+        const textarea = this.el.shadowRoot.querySelector('textarea');
+        const minHeight = this.getCSSVariable(textarea, 'min-height');
+        const maxHeight = parseInt(this.getCSSVariable(textarea, 'max-height'));
+        const padding = parseInt(this.getCSSVariable(textarea, 'padding')) * 2;
+        const previousHeight = parseInt(this.getCSSVariable(textarea, 'height'));
+        textarea.style.height = minHeight;
+        const newHeight = Math.min(textarea.scrollHeight - padding, maxHeight);
+        textarea.style.height = `${newHeight}px`;
+        textarea.style.overflowY = newHeight >= maxHeight ? 'visible' : 'hidden';
+        if (newHeight !== previousHeight) {
+            this.textareaHeightChanged.emit(newHeight - previousHeight);
+        }
+    }
+    resetTextareaHeight() {
+        const textarea = this.el.shadowRoot.querySelector('textarea');
+        const minHeight = parseInt(this.getCSSVariable(textarea, 'min-height'));
+        const previousHeight = parseInt(this.getCSSVariable(textarea, 'height'));
+        textarea.style.height = `${minHeight}px`;
+        textarea.style.overflowY = 'hidden';
+        this.textareaHeightChanged.emit(minHeight - previousHeight);
+    }
+    render() {
+        return (h("div", { key: 'f4a75743dcd62fbfa9e9b290055c7d6c5fc9349d', class: "biel-input-container" }, h("textarea", { key: '04b66c0ae0c0b3a0d6534578b40875bfd1a23dc2', class: "biel-input__textarea", placeholder: this.placeholderText, value: this.userInput, onInput: (event) => this.handleInputChange(event), onKeyPress: (event) => this.handleKeyPress(event) }), h("button", { key: '67fecb28b09cf05908704a31c1bdc5fbf68f1c90', class: "biel-input__button", onClick: () => this.handleSendMessage(), disabled: this.isDisabled }, this.sendButtonText)));
+    }
+    static get is() { return "biel-input"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-input.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "placeholderText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "placeholder-text",
+                "reflect": false,
+                "defaultValue": "'Type your message'"
+            },
+            "sendButtonText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "send-button-text",
+                "reflect": false,
+                "defaultValue": "'Send'"
+            },
+            "isDisabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "userInput": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "messageSent",
+                "name": "messageSent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "textareaHeightChanged",
+                "name": "textareaHeightChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=biel-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"biel-input.js","sourceRoot":"","sources":["../../../src/components/biel-input/biel-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Event, EventEmitter, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'biel-input',\n  styleUrl: 'biel-input.css',\n  shadow: true\n})\nexport class BielInput {\n\n  @State() userInput: string = '';\n  @Event() messageSent: EventEmitter<string>;\n  @Event() textareaHeightChanged: EventEmitter<number>;\n\n  @Prop() placeholderText: string = 'Type your message';\n  @Prop() sendButtonText: string = 'Send';\n  @Prop() isDisabled: boolean = false;\n\n  @Element() el: HTMLElement;\n\n  handleInputChange(event) {\n    this.userInput = event.target.value;\n    this.adjustTextareaHeight();\n  }\n\n  handleSendMessage() {\n    if (this.userInput.trim()) {\n      this.messageSent.emit(this.userInput);\n      this.userInput = '';\n      this.resetTextareaHeight();\n    }\n  }\n\n  handleKeyPress(event) {\n    if (event.key === 'Enter' && !event.shiftKey && !this.isDisabled) {\n      event.preventDefault();\n      this.handleSendMessage();\n    }\n  }\n\n  getCSSVariable(element: HTMLElement, variableName: string): string {\n    return getComputedStyle(element).getPropertyValue(variableName);\n  }\n\n  adjustTextareaHeight() {\n    const textarea = this.el.shadowRoot.querySelector('textarea');\n    const minHeight = this.getCSSVariable(textarea, 'min-height');\n    const maxHeight = parseInt(this.getCSSVariable(textarea, 'max-height'));\n    const padding = parseInt(this.getCSSVariable(textarea, 'padding')) * 2;\n\n    const previousHeight = parseInt(this.getCSSVariable(textarea, 'height'));\n    textarea.style.height = minHeight;\n    const newHeight = Math.min(textarea.scrollHeight - padding, maxHeight);\n    textarea.style.height = `${newHeight}px`;\n    textarea.style.overflowY = newHeight >= maxHeight ? 'visible' : 'hidden';\n\n    if (newHeight !== previousHeight) {\n      this.textareaHeightChanged.emit(newHeight - previousHeight);\n    }\n  }\n\n  resetTextareaHeight() {\n    const textarea = this.el.shadowRoot.querySelector('textarea');\n    const minHeight = parseInt(this.getCSSVariable(textarea, 'min-height'));\n    const previousHeight = parseInt(this.getCSSVariable(textarea, 'height'));\n    textarea.style.height = `${minHeight}px`;\n    textarea.style.overflowY = 'hidden';\n    this.textareaHeightChanged.emit(minHeight - previousHeight);\n  }\n\n  render() {\n    return (\n      <div class=\"biel-input-container\">\n        <textarea\n          class=\"biel-input__textarea\"\n          placeholder={this.placeholderText}\n          value={this.userInput}\n          onInput={(event) => this.handleInputChange(event)}\n          onKeyPress={(event) => this.handleKeyPress(event)}\n        ></textarea>\n        <button\n          class=\"biel-input__button\"\n          onClick={() => this.handleSendMessage()}\n          disabled={this.isDisabled}\n        >\n          {this.sendButtonText}\n        </button>\n      </div>\n    );\n  }\n}"]}

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

@@ -0,0 +1,38 @@
+.biel-message {
+    display: flex;
+    align-items: flex-start;
+    max-width: calc(100% - var(--biel-message-avatar-width));
+    width: fit-content;
+    padding: var(--biel-message-padding);
+    margin: 5px 0;
+    border-radius: var(--biel-message-border-radius);
+}
+
+.biel-message--user {
+    color: var(--biel-message-user-text-color);
+    background-color: var(--biel-message-user-background-color);
+}
+
+.biel-message--ai {
+    color: var(--biel-message-biel-text-color);
+    background-color: var(--biel-message-biel-background-color);
+}
+
+.biel-message__content * {
+    margin: 0;
+}
+
+.biel-message__avatar {
+    width: var(--biel-message-avatar-width);
+    height: var(--biel-message-avatar-height);
+    border-radius: 50%;
+    margin-right: var(--biel-message-avatar-margin-right);
+}
+
+.biel-message__content {
+    max-width: calc(100% - var(--biel-message-avatar-width) - var(--biel-message-avatar-margin-right));
+    display: flex;
+    flex-direction: column;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}

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

@@ -0,0 +1,98 @@
+import { h } from "@stencil/core";
+import { marked } from "marked";
+import DOMPurify from "dompurify";
+export class BielMessage {
+    constructor() {
+        this.sender = undefined;
+        this.text = undefined;
+        this.content = [];
+    }
+    componentWillLoad() {
+        this.processMarkdown(this.text);
+    }
+    processMarkdown(text) {
+        const html = DOMPurify.sanitize(marked(text, { breaks: true }));
+        const tempDiv = document.createElement('div');
+        tempDiv.innerHTML = html;
+        const elements = Array.from(tempDiv.children);
+        const processedContent = elements.map((element) => {
+            if (element.tagName.toLowerCase() === 'pre' && element.querySelector('code')) {
+                return this.processCodeSnippet(element);
+            }
+            else if (element.tagName.toLowerCase() === 'table') {
+                return this.processTable(element);
+            }
+            else {
+                return h("div", { innerHTML: element.outerHTML });
+            }
+        });
+        this.content = processedContent;
+    }
+    processCodeSnippet(element) {
+        const codeElement = element.querySelector('code');
+        const code = codeElement.textContent || '';
+        return h("code-snippet", { code: code });
+    }
+    processTable(element) {
+        return h("biel-table", { tableData: element.outerHTML });
+    }
+    render() {
+        return (h("div", { key: 'a138a41a0fc16eedcd03a7ccb0bc1ae727c51265', class: `biel-message biel-message--${this.sender}` }, h("div", { key: '6217f8e3d006fdef85e9a195d51d87d56f1b5edc', class: "biel-message__avatar" }, this.sender === 'user' && (h("svg", { key: 'dd1fd63afc8970b7988e3ec74c08c7380d48f06e', 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: "feather feather-user" }, h("path", { key: 'ba8a841b1bf00e2ba70827d400c655d789904568', d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), h("circle", { key: '1a0731730baeb9f279781cdd57cd4945f479735f', cx: "12", cy: "7", r: "4" }))), this.sender === 'ai' && (h("svg", { key: '1d85e63bc9628efb7c674cb10c3995d0f838e252', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "-0.5 -0.5 24 24", id: "Ai-Sparkles--Streamline-Plump.svg", height: "20", width: "20" }, h("desc", { key: 'ad3de24e63cfb4e4a51b3f7685427ca03cdb2891' }, "Ai Sparkles Streamline Icon: https://streamlinehq.com"), h("g", { key: '50d8b97c30c439ed484def4d1de0e3cf945a7849', id: "ai-sparkles--artificial-intelligence-ai-sparks-sparkles" }, h("path", { key: '05d549b519b7970993518161e4a38a5e4c3827a9', id: "Union", fill: "currentColor", "fill-rule": "evenodd", d: "M3.9802362500000004 0.9029320833333333c0.4543841666666667 -0.8308098333333334 1.6476241666666667 -0.8308069583333333 2.102017916666667 0l0.7849229166666667 1.4352191666666667c0.19789583333333333 0.36179479166666667 0.49536250000000004 0.6592614583333334 0.8571333333333333 0.8571381250000001l1.4352 0.784946875c0.8308270833333333 0.4543841666666667 0.8308270833333333 1.6476241666666667 0 2.102017916666667l-1.4352 0.7849229166666667c-0.3617708333333334 0.19789583333333333 -0.6592375 0.49536250000000004 -0.8571333333333333 0.8571333333333333l-0.7849229166666667 1.4352c-0.45439375000000004 0.8308270833333333 -1.6476385416666668 0.8308270833333333 -2.102022708333333 0l-0.7849420833333334 -1.4352c-0.19787666666666667 -0.3617708333333334 -0.49534333333333336 -0.6592375 -0.8571381250000001 -0.8571333333333333l-1.4352191666666667 -0.7849229166666667c-0.8308098333333334 -0.45439375000000004 -0.8308069583333333 -1.6476385416666668 0 -2.102022708333333l1.4352191666666667 -0.7849420833333334c0.36179479166666667 -0.19787666666666667 0.6592614583333334 -0.49534333333333336 0.8571381250000001 -0.8571429166666668l0.784946875 -1.435214375ZM12.774727083333334 5.822689583333333c0.48467708333333337 -0.8861708333333334 1.7574875 -0.8861708333333334 2.242164583333333 0l1.6161333333333332 2.9549729166666667c0.5496520833333334 1.0050041666666667 1.3759270833333335 1.8313270833333333 2.3809312499999997 2.380979166666667l2.9549729166666667 1.6160854166666667c0.8861708333333334 0.48467708333333337 0.8861708333333334 1.7574875 0 2.242164583333333l-2.9549729166666667 1.6161333333333332c-1.0050041666666667 0.5496520833333334 -1.8312791666666668 1.3759270833333335 -2.3809312499999997 2.3809312499999997l-1.6161333333333332 2.9549729166666667c-0.48467708333333337 0.8861708333333334 -1.7574875 0.8861708333333334 -2.242164583333333 0l-1.6160854166666667 -2.9549729166666667c-0.5496520833333334 -1.0050041666666667 -1.375975 -1.8312791666666668 -2.380979166666667 -2.3809312499999997l-2.9549729166666667 -1.6161333333333332c-0.8861708333333334 -0.48467708333333337 -0.8861708333333334 -1.7574875 0 -2.242164583333333l2.9549729166666667 -1.6160854166666667c1.0050041666666667 -0.5496520833333334 1.8313270833333333 -1.375975 2.380979166666667 -2.380979166666667l1.6160854166666667 -2.9549729166666667Z", "clip-rule": "evenodd", "stroke-width": "1" }))))), h("div", { key: 'c924e48e19fd2a3e3a614fb3e27631cdbc00d050', class: "biel-message__content" }, this.content.map((el) => el))));
+    }
+    static get is() { return "biel-message"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-message.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-message.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "sender": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'user' | 'ai'",
+                    "resolved": "\"ai\" | \"user\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sender",
+                "reflect": false
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "text",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "content": {}
+        };
+    }
+}
+//# sourceMappingURL=biel-message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"biel-message.js","sourceRoot":"","sources":["../../../src/components/biel-message/biel-message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport { marked } from 'marked';\nimport DOMPurify from 'dompurify';\n\n@Component({\n    tag: 'biel-message',\n    styleUrl: 'biel-message.css',\n    shadow: true,\n})\nexport class BielMessage {\n    @Prop() sender: 'user' | 'ai';\n    @Prop() text: string;\n\n    @State() content: any[] = [];\n\n    componentWillLoad() {\n        this.processMarkdown(this.text);\n    }\n\n    processMarkdown(text: string) {\n        const html = DOMPurify.sanitize(marked(text, { breaks: true }));\n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = html;\n\n        const elements = Array.from(tempDiv.children);\n        const processedContent = elements.map((element) => {\n            if (element.tagName.toLowerCase() === 'pre' && element.querySelector('code')) {\n                return this.processCodeSnippet(element as HTMLElement);\n            } else if (element.tagName.toLowerCase() === 'table') {\n                return this.processTable(element as HTMLElement);\n            } else {\n                return <div innerHTML={element.outerHTML}></div>;\n            }\n        });\n        this.content = processedContent;\n    }\n\n    processCodeSnippet(element: HTMLElement) {\n        const codeElement = element.querySelector('code');\n        const code = codeElement.textContent || '';\n        return <code-snippet code={code}></code-snippet>;\n    }\n\n    processTable(element: HTMLElement) {\n        return <biel-table tableData={element.outerHTML}></biel-table>;\n    }\n\n    render() {\n        return (\n            <div class={`biel-message biel-message--${this.sender}`}>\n                <div class=\"biel-message__avatar\">\n                    {this.sender === 'user' && (\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=\"feather feather-user\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"></path><circle cx=\"12\" cy=\"7\" r=\"4\"></circle></svg>\n                    )}\n                    {this.sender === 'ai' && (\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"-0.5 -0.5 24 24\" id=\"Ai-Sparkles--Streamline-Plump.svg\" height=\"20\" width=\"20\"><desc>Ai Sparkles Streamline Icon: https://streamlinehq.com</desc><g id=\"ai-sparkles--artificial-intelligence-ai-sparks-sparkles\"><path id=\"Union\" fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.9802362500000004 0.9029320833333333c0.4543841666666667 -0.8308098333333334 1.6476241666666667 -0.8308069583333333 2.102017916666667 0l0.7849229166666667 1.4352191666666667c0.19789583333333333 0.36179479166666667 0.49536250000000004 0.6592614583333334 0.8571333333333333 0.8571381250000001l1.4352 0.784946875c0.8308270833333333 0.4543841666666667 0.8308270833333333 1.6476241666666667 0 2.102017916666667l-1.4352 0.7849229166666667c-0.3617708333333334 0.19789583333333333 -0.6592375 0.49536250000000004 -0.8571333333333333 0.8571333333333333l-0.7849229166666667 1.4352c-0.45439375000000004 0.8308270833333333 -1.6476385416666668 0.8308270833333333 -2.102022708333333 0l-0.7849420833333334 -1.4352c-0.19787666666666667 -0.3617708333333334 -0.49534333333333336 -0.6592375 -0.8571381250000001 -0.8571333333333333l-1.4352191666666667 -0.7849229166666667c-0.8308098333333334 -0.45439375000000004 -0.8308069583333333 -1.6476385416666668 0 -2.102022708333333l1.4352191666666667 -0.7849420833333334c0.36179479166666667 -0.19787666666666667 0.6592614583333334 -0.49534333333333336 0.8571381250000001 -0.8571429166666668l0.784946875 -1.435214375ZM12.774727083333334 5.822689583333333c0.48467708333333337 -0.8861708333333334 1.7574875 -0.8861708333333334 2.242164583333333 0l1.6161333333333332 2.9549729166666667c0.5496520833333334 1.0050041666666667 1.3759270833333335 1.8313270833333333 2.3809312499999997 2.380979166666667l2.9549729166666667 1.6160854166666667c0.8861708333333334 0.48467708333333337 0.8861708333333334 1.7574875 0 2.242164583333333l-2.9549729166666667 1.6161333333333332c-1.0050041666666667 0.5496520833333334 -1.8312791666666668 1.3759270833333335 -2.3809312499999997 2.3809312499999997l-1.6161333333333332 2.9549729166666667c-0.48467708333333337 0.8861708333333334 -1.7574875 0.8861708333333334 -2.242164583333333 0l-1.6160854166666667 -2.9549729166666667c-0.5496520833333334 -1.0050041666666667 -1.375975 -1.8312791666666668 -2.380979166666667 -2.3809312499999997l-2.9549729166666667 -1.6161333333333332c-0.8861708333333334 -0.48467708333333337 -0.8861708333333334 -1.7574875 0 -2.242164583333333l2.9549729166666667 -1.6160854166666667c1.0050041666666667 -0.5496520833333334 1.8313270833333333 -1.375975 2.380979166666667 -2.380979166666667l1.6160854166666667 -2.9549729166666667Z\" clip-rule=\"evenodd\" stroke-width=\"1\"></path></g></svg>\n                    )}\n                </div>\n                <div class=\"biel-message__content\">\n                    {this.content.map((el) => el)}\n                </div>\n            </div>\n        );\n    }\n}"]}

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

@@ -0,0 +1,37 @@
+.biel-table-container {
+  margin: 20px 0;
+  overflow-x: auto;
+  background-color: var(--biel-table-bg-color);
+  border-radius: 6px;
+}
+
+.biel-table-container table {
+  width: 100%;
+  border-collapse: collapse;
+  overflow: hidden;
+  color: var(--biel-table-content-text-color);
+}
+
+.biel-table-container th,
+.biel-table-container td {
+  padding: 8px;
+  border: 1px solid #303030;
+}
+
+.biel-table-container th {
+  background-color: var(--biel-table-th-bg-color);
+}
+
+.biel-table-container::-webkit-scrollbar {
+  height: 8px;
+}
+
+.biel-table-container::-webkit-scrollbar-thumb:horizontal {
+  background-color: var(--biel-chat-scrollbar-color);
+  border-radius: 10px;
+  border: 3px solid transparent;
+}
+
+.biel-table-container::-webkit-scrollbar-thumb:hover {
+  background-color: var(--biel-chat-scrollbar-hover-color);
+}

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

@@ -0,0 +1,43 @@
+import { h } from "@stencil/core";
+export class BielTable {
+    constructor() {
+        this.tableData = undefined;
+    }
+    render() {
+        return (h("div", { key: '15cbaba67350b4cce43f122cbce944a8662792d7', class: "biel-table-container", innerHTML: this.tableData }));
+    }
+    static get is() { return "biel-table"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["biel-table.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["biel-table.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tableData": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "table-data",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=biel-table.js.map