@c2n/chatbot 0.0.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Nguyen Thai Vinh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Chatbot
+
+// TODO

package/dist/chatbot.js

@@ -0,0 +1,40 @@
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "@c2n/avatar";
+//#region src/chatbot.scss?inline
+var chatbot_default = "/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: flex;\n  --c2-avatar--width: 32px;\n  --c2-avatar--height: 32px;\n  --c2-avatar--font-size: 13px;\n}\n\n.c2-chatbot {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-top: var(--c2-chatbot--border-top,1px solid rgb(177, 177, 177));\n  border-bottom: var(--c2-chatbot--border-bottom,1px solid rgb(177, 177, 177));\n  border-right: var(--c2-chatbot--border-right,1px solid rgb(177, 177, 177));\n  border-left: var(--c2-chatbot--border-left,1px solid rgb(177, 177, 177));\n  border-top-left-radius: var(--c2-chatbot--border-top-left-radius,8px);\n  border-top-right-radius: var(--c2-chatbot--border-top-right-radius,8px);\n  border-bottom-left-radius: var(--c2-chatbot--border-bottom-left-radius,8px);\n  border-bottom-right-radius: var(--c2-chatbot--border-bottom-right-radius,8px);\n}\n.c2-chatbot .c2-chatbot__header-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: var(--c2-chatbot__header--padding,16px 16px);\n  background: var(--c2-chatbot__header--background,rgb(248, 248, 248));\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n  border-bottom: var(--c2-chatbot__header--border-bottom,1px solid rgb(177, 177, 177));\n}";
+//#endregion
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+//#region src/chatbot.ts
+var Chatbot = class Chatbot extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.name = "Example property";
+	}
+	static {
+		this.styles = unsafeCSS(chatbot_default);
+	}
+	render() {
+		return html`
+      <div class="c2-chatbot">
+        <section class="c2-chatbot__header-container">
+          <c2-avatar name="Elisa Jasmin" initial-count="2"></c2-avatar>
+          <div>Elisa Jasmin</div>
+        </section>
+        <section class="c2-chatbot__message-container"></section>
+        <section class="c2-chatbot__input-container"></section>
+      </div>
+    `;
+	}
+};
+__decorate([property({ type: String })], Chatbot.prototype, "name", void 0);
+Chatbot = __decorate([customElement("c2-chatbot")], Chatbot);
+//#endregion
+export { Chatbot };

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@c2n/chatbot",
+  "version": "0.0.6",
+  "type": "module",
+  "main": "dist/chatbot.js",
+  "exports": {
+    ".": {
+      "default": "./dist/chatbot.js",
+      "types": "./types/src/chatbot.d.ts"
+    },
+    "./custom-elements.json": "./custom-elements.json"
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
+  "keywords": [
+    "chatbot",
+    "web component",
+    "lit"
+  ],
+  "license": "MIT",
+  "author": "code2nguyen@gmail.com",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/code2nguyen/web-components.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "wireit",
+    "build:only": "vite build",
+    "type-check": "wireit"
+  },
+  "wireit": {
+    "type-check": {
+      "dependencies": [
+        "../../packages/core:build",
+        "../../packages/components/avatar:build"
+      ],
+      "command": "tsc -p tsconfig.lib.json --composite false"
+    },
+    "build": {
+      "dependencies": [
+        "type-check"
+      ],
+      "command": "vite build"
+    }
+  },
+  "dependencies": {
+    "@c2n/avatar": "0.0.6",
+    "@c2n/core": "0.0.6",
+    "lit": "3.3.3"
+  },
+  "devDependencies": {
+    "@c2n/config": "*"
+  },
+  "customElements": "custom-elements.json",
+  "gitHead": "2921054bc75299da66dad11c1e374246ff88a51e"
+}

package/types/src/chatbot.d.ts

@@ -0,0 +1,21 @@
+import { LitElement } from 'lit';
+import '@c2n/avatar';
+/**
+ * @tag c2-chatbot
+ *
+ * @slot default - This is a default/unnamed slot
+ *
+ * @event
+ * @cssproperty
+ */
+export declare class Chatbot extends LitElement {
+    static styles: import("lit").CSSResult;
+    name: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-chatbot': Chatbot;
+    }
+}
+//# sourceMappingURL=chatbot.d.ts.map

package/types/src/chatbot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../src/chatbot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAA;AAGjD,OAAO,aAAa,CAAA;AACpB;;;;;;;GAOG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAoB;IAEd,IAAI,SAAqB;IAE5C,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAA;KACtB;CACF"}