lit-litelements 1.0.2 → 2.0.0

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "lit-litelements",
-  "version": "1.0.2",
-  "description": "My LitElement component build for loading spinner with 10 types",
-  "main": "dist/main.js", 
-  "module": "dist/main.js", 
-  "types": "dist/main.d.js", 
+  "version": "2.0.0",
+  "description": "My LitElement component build for loading spinner with 10 types, and chart-display",
+  "main": "dist/main.js",
+  "module": "dist/main.js",
+  "types": "dist/main.d.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "concurrently \"tsc --watch\" \"rollup -c --watch\"",
@@ -16,17 +16,21 @@
   "keywords": [
     "lit-element",
     "web-components",
-    "loading-spiner"
+    "loading-spiner",
+    "chartjs",
+    "stock chart"
   ],
   "author": "Someone using other to build",
   "license": "ISC",
   "dependencies": {
+    "chart.js": "^4.4.5",
     "lit": "^3.1.4",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
     "@babel/plugin-proposal-decorators": "^7.24.7",
+    "@babel/plugin-transform-class-properties": "^7.25.9",
     "@babel/preset-env": "^7.24.7",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^26.0.1",

package/readme.md

@@ -13,30 +13,5 @@
     3. backgroundColor: the color background of the spinner
     4. center: to make the spinner in the center of page or not
 
-    - ex:
-          <loading-spinner-element center name="spinner11" style="color: red;"></loading-spinner-element>
-          <loading-spinner-element center name="spinner11" style="color: red;" size="100px"></loading-spinner-element>
-          <loading-spinner-element center name="spinner11" style="color: red;" size="100px" backgroundColor="white"></loading-spinner-element>
-
-## Integrate 
-
-### angular
-    add to angular.json
-    "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            ...
-            ],
-            "styles": [
-            ],
-            "scripts": [
-
-              "./node_modules/lit-litelements/dist/main.js"
-            ]
-          }
-        }
-    }
-
-### html
-    <script type="module" src="./node_modules/lit-litelements/dist/main.js"></script>
+## display stock chart
+    using chart.js to build reuse char

package/dist/component/markdown.lit.d.ts

@@ -1,8 +0,0 @@
-import { LitElement } from 'lit';
-export declare class MarkdownRenderer extends LitElement {
-    src: string;
-    static styles: import("lit").CSSResult;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    private loadMarkdown;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/component/markdown.lit.js

@@ -1,65 +0,0 @@
-var __decorate = (this && this.__decorate) || function (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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from "lit/decorators.js";
-import { marked } from 'marked';
-let MarkdownRenderer = class MarkdownRenderer extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.src = '';
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('src')) {
-            this.loadMarkdown();
-        }
-    }
-    loadMarkdown() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const response = yield fetch(this.src);
-                const markdown = yield response.text();
-                console.log(markdown);
-                console.log(marked('# Hello \n This is **markdown** printed in the `terminal`'));
-                //   const htmlContent = marked(markdown);
-                this.innerHTML = `htmlContent`;
-            }
-            catch (error) {
-                console.error('Error loading Markdown:', error);
-            }
-        });
-    }
-    render() {
-        return html `<div>hello</div>`;
-        return html `<!-- Render markdown content here dynamically -->`;
-    }
-};
-MarkdownRenderer.styles = css `
-    :host {
-      display: block;
-    }
-  `;
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], MarkdownRenderer.prototype, "src", void 0);
-MarkdownRenderer = __decorate([
-    customElement('markdown-renderer-element')
-], MarkdownRenderer);
-export { MarkdownRenderer };