@nuraly/lumenui 0.1.0 → 0.2.2

package/dist/src/components/checkbox/mixins/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export { CheckboxFocusMixin, } from './checkbox-focus-mixin.js';
+export { CheckboxEventMixin, } from './checkbox-event-mixin.js';
+//# sourceMappingURL=index.js.map

package/dist/src/components/checkbox/test/checkbox_test.d.ts

@@ -0,0 +1,2 @@
+import '../checkbox.component';
+//# sourceMappingURL=checkbox_test.d.ts.map

package/dist/src/components/checkbox/test/checkbox_test.js

@@ -0,0 +1,88 @@
+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 { html, fixture, expect } from '@open-wc/testing';
+import '../checkbox.component';
+suite('nr-checkbox', () => {
+    test('init checkbox', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input[type="checkbox"]');
+        const inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.disabled).to.be.false;
+        expect(el.indeterminate).to.be.false;
+        expect(el.disabled).to.be.false;
+        expect(input).to.exist;
+        expect(inputContent).to.equal('""');
+    }));
+    test('should reflect the checked attribute', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox checked></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input');
+        const inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.checked).to.be.true;
+        expect(input.checked).to.be.true;
+        expect(inputContent).to.not.be.empty;
+        expect(inputContent).to.contain('✔');
+        expect(inputContent).to.not.contain('-');
+    }));
+    test('should reflect the disabled attribute', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox disabled></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input');
+        expect(el.disabled).to.be.true;
+        expect(input.disabled).to.be.true;
+    }));
+    test('should reflect indeterminate attribubute', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox indeterminate></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input');
+        const inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.indeterminate).to.be.true;
+        expect(inputContent).to.not.be.empty;
+        expect(inputContent).to.contain('-');
+        expect(inputContent).to.not.contain('✔');
+    }));
+    test('should toggle checked state on change', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox></nr-checkbox>`);
+        let input = el.shadowRoot.querySelector('input');
+        let inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.checked).to.be.false;
+        expect(inputContent).to.equal('""');
+        input.click();
+        yield el.updateComplete;
+        input = el.shadowRoot.querySelector('input');
+        inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.checked).to.be.true;
+        expect(inputContent).to.contain('✔');
+        input.click();
+        yield el.updateComplete;
+        input = el.shadowRoot.querySelector('input');
+        inputContent = window.getComputedStyle(input, '::after').getPropertyValue('content');
+        expect(el.checked).to.be.false;
+        expect(inputContent).to.equal('""');
+    }));
+    test('should dispatch "nr-change" event on change', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input');
+        let checkboxChangedDispatched = false;
+        el.addEventListener('nr-change', () => {
+            checkboxChangedDispatched = true;
+        });
+        input.click();
+        expect(checkboxChangedDispatched).to.be.true;
+    }));
+    test('should not dispatch "nr-change" event on change when checkbox is disabled', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-checkbox disabled></nr-checkbox>`);
+        const input = el.shadowRoot.querySelector('input');
+        let checkboxChangedDispatched = false;
+        el.addEventListener('nr-change', () => {
+            checkboxChangedDispatched = true;
+        });
+        input.click();
+        expect(checkboxChangedDispatched).to.be.false;
+    }));
+});
+//# sourceMappingURL=checkbox_test.js.map

package/dist/src/components/code-editor/bundle.js

@@ -1,20 +1,13 @@
-import{css as e,html as t,LitElement as i}from"lit";import{property as a,customElement as s}from"lit/decorators.js";import{createRef as r,ref as n}from"lit/directives/ref.js";import*as o from"monaco-editor";import{registerCompletion as l}from"monacopilot";import d from"monaco-editor/min/vs/editor/editor.main.css?inline";import h from"monaco-editor/esm/vs/editor/editor.worker?worker";import c from"monaco-editor/esm/vs/language/typescript/ts.worker?worker";import m from"monaco-editor/esm/vs/language/html/html.worker?worker";import u from"monaco-editor/esm/vs/language/json/json.worker?worker";
+import{css as t,html as e,LitElement as i}from"lit";import{property as r,customElement as o}from"lit/decorators.js";import{createRef as n,ref as s}from"lit/directives/ref.js";import{CodeJar as a}from"codejar";import l from"highlight.js/lib/core";import h from"highlight.js/lib/languages/javascript";import c from"highlight.js/lib/languages/typescript";import d from"highlight.js/lib/languages/json";import g from"highlight.js/lib/languages/xml";import u from"highlight.js/lib/languages/css";import m from"highlight.js/lib/languages/markdown";import p from"highlight.js/lib/languages/python";import b from"highlight.js/lib/languages/sql";
 /**
  * @license
  * Copyright 2024 Nuraly
  * SPDX-License-Identifier: MIT
- */const p=e`
+ */const f=t`
   :host {
-    --nuraly-code-editor-width: 100%;
-    --nuraly-code-editor-height: 100%;
-    --nuraly-code-editor-min-height: 0;
-    --nuraly-code-editor-max-height: none;
-    --nuraly-code-editor-border-radius: 4px;
-    --nuraly-code-editor-border: 1px solid var(--nuraly-border-color, #e0e0e0);
-
     display: block;
-    width: var(--nuraly-code-editor-width);
-    height: var(--nuraly-code-editor-height);
+    width: 100%;
+    height: 100%;
   }
 
   :host([hidden]) {
@@ -22,34 +15,167 @@ import{css as e,html as t,LitElement as i}from"lit";import{property as a,customE
   }
 
   .editor-container {
+    display: flex;
     width: 100%;
     height: 100%;
-    min-height: var(--nuraly-code-editor-min-height);
-    max-height: var(--nuraly-code-editor-max-height);
-    border-radius: var(--nuraly-code-editor-border-radius);
+    min-height: 80px;
+    border-radius: 8px;
+    border: 1px solid var(--nr-border, #e0e0e0);
+    overflow: auto;
+    font-family: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+    font-size: 13px;
+    line-height: 1.6;
+  }
+
+  /* Light theme */
+  .editor-container.light {
+    background: #fafafa;
+    color: #24292e;
+  }
+
+  .editor-container.light .line-numbers-gutter {
+    background: #f0f0f0;
+    color: #999;
+    border-right: 1px solid #e0e0e0;
+  }
+
+  /* Dark theme */
+  .editor-container.dark {
+    background: #1e1e1e;
+    color: #d4d4d4;
+    border-color: #333;
+  }
+
+  .editor-container.dark .line-numbers-gutter {
+    background: #1a1a1a;
+    color: #555;
+    border-right: 1px solid #333;
+  }
+
+  /* Line numbers gutter */
+  .line-numbers-gutter {
+    flex-shrink: 0;
+    width: 48px;
+    padding: 10px 0;
+    text-align: right;
+    user-select: none;
     overflow: hidden;
   }
 
-  main {
-    width: 100%;
-    height: 100%;
+  .line-number {
+    padding: 0 12px 0 0;
+    font-size: inherit;
+    line-height: inherit;
   }
+
+  /* Editor area */
+  .editor {
+    flex: 1;
+    min-width: 0;
+    padding: 10px 16px;
+    outline: none;
+    overflow: auto;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    white-space: pre;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .editor:focus {
+    outline: none;
+  }
+
+  /* Selection colors */
+  .editor-container.light .editor::selection,
+  .editor-container.light .editor *::selection {
+    background: rgba(124, 58, 237, 0.15);
+  }
+
+  .editor-container.dark .editor::selection,
+  .editor-container.dark .editor *::selection {
+    background: rgba(124, 58, 237, 0.3);
+  }
+
+  /* Caret color */
+  .editor-container.light .editor {
+    caret-color: #24292e;
+  }
+
+  .editor-container.dark .editor {
+    caret-color: #d4d4d4;
+  }
+
+  /* Readonly state */
+  :host([readonly]) .editor {
+    opacity: 0.7;
+    cursor: default;
+  }
+
+  /* ======== Syntax highlighting — Light theme ======== */
+  .editor-container.light .hljs-keyword { color: #d73a49; }
+  .editor-container.light .hljs-string { color: #032f62; }
+  .editor-container.light .hljs-number { color: #005cc5; }
+  .editor-container.light .hljs-comment { color: #6a737d; font-style: italic; }
+  .editor-container.light .hljs-function { color: #6f42c1; }
+  .editor-container.light .hljs-title { color: #6f42c1; }
+  .editor-container.light .hljs-params { color: #24292e; }
+  .editor-container.light .hljs-built_in { color: #e36209; }
+  .editor-container.light .hljs-literal { color: #005cc5; }
+  .editor-container.light .hljs-type { color: #005cc5; }
+  .editor-container.light .hljs-attr { color: #005cc5; }
+  .editor-container.light .hljs-tag { color: #22863a; }
+  .editor-container.light .hljs-name { color: #22863a; }
+  .editor-container.light .hljs-selector-class { color: #6f42c1; }
+  .editor-container.light .hljs-selector-id { color: #005cc5; }
+  .editor-container.light .hljs-attribute { color: #005cc5; }
+  .editor-container.light .hljs-variable { color: #e36209; }
+  .editor-container.light .hljs-regexp { color: #032f62; }
+  .editor-container.light .hljs-symbol { color: #005cc5; }
+  .editor-container.light .hljs-meta { color: #6a737d; }
+  .editor-container.light .hljs-punctuation { color: #24292e; }
+
+  /* ======== Syntax highlighting — Dark theme ======== */
+  .editor-container.dark .hljs-keyword { color: #c678dd; }
+  .editor-container.dark .hljs-string { color: #98c379; }
+  .editor-container.dark .hljs-number { color: #d19a66; }
+  .editor-container.dark .hljs-comment { color: #5c6370; font-style: italic; }
+  .editor-container.dark .hljs-function { color: #61afef; }
+  .editor-container.dark .hljs-title { color: #61afef; }
+  .editor-container.dark .hljs-params { color: #abb2bf; }
+  .editor-container.dark .hljs-built_in { color: #e6c07b; }
+  .editor-container.dark .hljs-literal { color: #d19a66; }
+  .editor-container.dark .hljs-type { color: #e6c07b; }
+  .editor-container.dark .hljs-attr { color: #d19a66; }
+  .editor-container.dark .hljs-tag { color: #e06c75; }
+  .editor-container.dark .hljs-name { color: #e06c75; }
+  .editor-container.dark .hljs-selector-class { color: #e6c07b; }
+  .editor-container.dark .hljs-selector-id { color: #61afef; }
+  .editor-container.dark .hljs-attribute { color: #d19a66; }
+  .editor-container.dark .hljs-variable { color: #e06c75; }
+  .editor-container.dark .hljs-regexp { color: #98c379; }
+  .editor-container.dark .hljs-symbol { color: #56b6c2; }
+  .editor-container.dark .hljs-meta { color: #5c6370; }
+  .editor-container.dark .hljs-punctuation { color: #abb2bf; }
 `
 /**
  * @license
  * Copyright 2024 Nuraly
  * SPDX-License-Identifier: MIT
- */,b={Light:"vs",Dark:"vs-dark",HighContrastDark:"hc-black",HighContrastLight:"hc-light"},y={JavaScript:"javascript",TypeScript:"typescript",JSON:"json",HTML:"html",CSS:"css",Markdown:"markdown",Python:"python",PlainText:"plaintext"},v=e=>class extends e{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var e,t,i;super.disconnectedCallback(),null===(e=this.themeObserver)||void 0===e||e.disconnect(),null===(t=this.designSystemObserver)||void 0===t||t.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var e;const t=this.explicitTheme;return t||((null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get explicitTheme(){var e;return(null===(e=this.closest("[data-theme]"))||void 0===e?void 0:e.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme")||null}get currentDesignSystem(){var e;const t=(null===(e=this.closest("[design-system]"))||void 0===e?void 0:e.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===t?t:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}};
+ */,v={Light:"vs",Dark:"vs-dark",HighContrastDark:"hc-black",HighContrastLight:"hc-light"},j={JavaScript:"javascript",TypeScript:"typescript",JSON:"json",HTML:"html",CSS:"css",Markdown:"markdown",Python:"python",PlainText:"plaintext"},k=t=>class extends t{constructor(){super(...arguments),this.handleSystemThemeChange=()=>{this.closest("[data-theme]")||document.documentElement.hasAttribute("data-theme")||this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setupThemeObserver(),this.setupDesignSystemObserver(),this.setupSystemThemeListener()}disconnectedCallback(){var t,e,i;super.disconnectedCallback(),null===(t=this.themeObserver)||void 0===t||t.disconnect(),null===(e=this.designSystemObserver)||void 0===e||e.disconnect(),null===(i=this.mediaQuery)||void 0===i||i.removeEventListener("change",this.handleSystemThemeChange)}get currentTheme(){var t;const e=this.explicitTheme;return e||((null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-color-scheme: dark)").matches)?"dark":"light")}get explicitTheme(){var t;return(null===(t=this.closest("[data-theme]"))||void 0===t?void 0:t.getAttribute("data-theme"))||document.documentElement.getAttribute("data-theme")||null}get currentDesignSystem(){var t;const e=(null===(t=this.closest("[design-system]"))||void 0===t?void 0:t.getAttribute("design-system"))||document.documentElement.getAttribute("design-system");return"carbon"===e?e:"default"}setupThemeObserver(){this.themeObserver=new MutationObserver(()=>{this.requestUpdate()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}setupDesignSystemObserver(){this.designSystemObserver=new MutationObserver(()=>{this.requestUpdate()}),this.designSystemObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["design-system"]})}setupSystemThemeListener(){window.matchMedia&&(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQuery.addEventListener("change",this.handleSystemThemeChange))}};
 /**
  * @license
  * Copyright 2024 Nuraly
  * SPDX-License-Identifier: MIT
  */
-var g=function(e,t,i,a){for(var s,r=arguments.length,n=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a,o=e.length-1;o>=0;o--)(s=e[o])&&(n=(r<3?s(n):r>3?s(t,i,n):s(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};"undefined"!=typeof self&&(self.MonacoEnvironment={getWorker:(e,t)=>"typescript"===t||"javascript"===t?new c:"json"===t?new u:"html"===t?new m:new h});let f=class extends(v(i)){constructor(){super(...arguments),this.isEditorReady=!1,this.containerRef=r(),this.readonly=!1,this.theme=b.Dark,this.language="javascript",this.code="",this.lineNumbers=!0,this.minimap=!1,this.wordWrap=!1,this.fontSize=13,this.aiCompletions=!0,this.completionsEndpoint="/api/v1/copilot/completion",this.extraTypeDefinitions=""}render(){return t`
-      <style>
-        ${d}
-      </style>
-      <div class="editor-container" part="editor-container">
-        <main ${n(this.containerRef)}></main>
+var y=function(t,e,i,r){for(var o,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(s=(n<3?o(s):n>3?o(e,i,s):o(e,i))||s);return n>3&&s&&Object.defineProperty(e,i,s),s};l.registerLanguage("javascript",h),l.registerLanguage("typescript",c),l.registerLanguage("json",d),l.registerLanguage("html",g),l.registerLanguage("xml",g),l.registerLanguage("css",u),l.registerLanguage("markdown",m),l.registerLanguage("python",p),l.registerLanguage("sql",b);let w=class extends(k(i)){constructor(){super(...arguments),this.isEditorReady=!1,this.editorRef=n(),this.suppressChange=!1,this.readonly=!1,this.theme=v.Dark,this.language="javascript",this.code="",this.lineNumbers=!0,this.fontSize=13,this.wordWrap=!1,this.tabSize=2}render(){const t=this.isDarkTheme();return e`
+      <div class="editor-container ${t?"dark":"light"}" part="editor-container">
+        <div class="line-numbers-gutter" style="display: ${this.lineNumbers?"block":"none"}"></div>
+        <code
+          ${s(this.editorRef)}
+          class="editor language-${this.language}"
+          style="font-size: ${this.fontSize}px; tab-size: ${this.tabSize}; white-space: ${this.wordWrap?"pre-wrap":"pre"};"
+        ></code>
       </div>
-    `}getValue(){var e,t;return null!==(t=null===(e=this.editor)||void 0===e?void 0:e.getValue())&&void 0!==t?t:""}setValue(e){if(this.editor){const t=this.editor.getPosition();this.editor.setValue(e),t&&this.editor.setPosition(t)}}setOptions(e){var t;null===(t=this.editor)||void 0===t||t.updateOptions(e)}focus(){var e;null===(e=this.editor)||void 0===e||e.focus()}firstUpdated(){this.containerRef.value?this.initializeEditor():console.error("NrCodeEditor: Container element not available")}initializeEditor(){const e=this.getInitialTheme();try{this.editor=o.editor.create(this.containerRef.value,{value:this.code,language:this.language,theme:e,fontSize:this.fontSize,automaticLayout:!0,readOnly:this.readonly,lineNumbers:this.lineNumbers?"on":"off",minimap:{enabled:this.minimap},wordWrap:this.wordWrap?"on":"off"}),this.isEditorReady=!0}catch(e){return void console.error("NrCodeEditor: Failed to create editor",e)}this.setupCustomIntelliSense(),this.aiCompletions&&l(o,this.editor,{language:this.language,endpoint:this.completionsEndpoint}),this.setupEventListeners(),this.setupThemeListener(),this.dispatchEvent(new CustomEvent("nr-ready",{detail:{editor:this.editor},bubbles:!0,composed:!0}))}setupEventListeners(){var e;this.editor&&(null===(e=this.editor.getModel())||void 0===e||e.onDidChangeContent(()=>{this.emit("nr-change",{value:this.getValue()})}),this.editor.onKeyDown(e=>{this.emit("nr-keydown",this.createKeyEventDetail(e))}),this.editor.onKeyUp(e=>{this.emit("nr-keyup",this.createKeyEventDetail(e))}),this.editor.onDidFocusEditorWidget(()=>this.emit("nr-focus")),this.editor.onDidBlurEditorWidget(()=>this.emit("nr-blur")))}createKeyEventDetail(e){return{event:e.browserEvent,key:e.browserEvent.key,code:e.browserEvent.code,ctrlKey:e.browserEvent.ctrlKey,shiftKey:e.browserEvent.shiftKey,altKey:e.browserEvent.altKey,metaKey:e.browserEvent.metaKey}}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}setupThemeListener(){this.applyThemeFromMixin()}getMonacoThemeFromMixin(){if(this.theme)return this.theme;return this.currentTheme.includes("dark")?b.Dark:b.Light}applyThemeFromMixin(){if(!this.isEditorReady||!this.editor)return;const e=this.getMonacoThemeFromMixin();if(e!==this.lastAppliedTheme)try{o.editor.setTheme(e),this.lastAppliedTheme=e}catch(e){}}getInitialTheme(){return this.getMonacoThemeFromMixin()}setupCustomIntelliSense(){const e=o.languages.typescript.typescriptDefaults,t=o.languages.typescript.javascriptDefaults;[e,t].forEach(e=>{this.extraTypeDefinitions&&e.addExtraLib(this.extraTypeDefinitions,"database-types.d.ts")});const i={target:o.languages.typescript.ScriptTarget.ES2020,allowNonTsExtensions:!0,moduleResolution:o.languages.typescript.ModuleResolutionKind.NodeJs,module:o.languages.typescript.ModuleKind.CommonJS,noEmit:!0,esModuleInterop:!0,allowJs:!0};e.setCompilerOptions(Object.assign(Object.assign({},i),{jsx:o.languages.typescript.JsxEmit.React,reactNamespace:"React",typeRoots:["node_modules/@types"]})),t.setCompilerOptions(Object.assign(Object.assign({},i),{checkJs:!1})),o.languages.registerCompletionItemProvider(["javascript","typescript"],{provideCompletionItems:()=>({suggestions:[{label:"Database",kind:o.languages.CompletionItemKind.Class,insertText:"Database",documentation:"Static Database Client for Nuraly Database Manager",detail:"class Database"},{label:"Database.select",kind:o.languages.CompletionItemKind.Method,insertText:'Database.select(${1:"tableName"}, {${2:}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Select data from a table with optional criteria and relations",detail:"(method) Database.select(tableName: string, options?: SelectOptions): Promise<any>"},{label:"Database.insert",kind:o.languages.CompletionItemKind.Method,insertText:'Database.insert(${1:"tableName"}, ${2:{}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Insert data into a table",detail:"(method) Database.insert(tableName: string, data: Record<string, any>): Promise<any>"},{label:"Database.update",kind:o.languages.CompletionItemKind.Method,insertText:'Database.update(${1:"tableName"}, ${2:{}}, ${3:{}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Update data in a table",detail:"(method) Database.update(tableName: string, data: Record<string, any>, criteria: Record<string, any>): Promise<any>"},{label:"Database.delete",kind:o.languages.CompletionItemKind.Method,insertText:'Database.delete(${1:"tableName"}, ${2:{}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Delete data from a table",detail:"(method) Database.delete(tableName: string, criteria: Record<string, any>): Promise<any>"},{label:"Database.createTable",kind:o.languages.CompletionItemKind.Method,insertText:'Database.createTable(${1:"tableName"}, {\n  ${2:field}: { type: ${3:"varchar"}, nullable: ${4:false} }\n})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Create a new table with specified schema",detail:"(method) Database.createTable(tableName: string, schema: TableSchema, options?: Record<string, any>): Promise<any>"},{label:"Database.paginate",kind:o.languages.CompletionItemKind.Method,insertText:'Database.paginate(${1:"tableName"}, ${2:1}, ${3:10}, ${4:{}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Get paginated results with metadata",detail:"(method) Database.paginate(tableName: string, page?: number, pageSize?: number, options?: SelectOptions): Promise<PaginationResult<any>>"},{label:"Database.schemaQuery",kind:o.languages.CompletionItemKind.Method,insertText:'Database.schemaQuery(${1:"LIST_TABLES"}${2:, "tableName"})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Execute schema queries for database introspection",detail:"(method) Database.schemaQuery(type: string, tableName?: string): Promise<any>"},{label:"Database.join",kind:o.languages.CompletionItemKind.Method,insertText:'Database.join(${1:"mainTable"}, [\n  { table: ${2:"joinTable"}, on: ${3:"field1 = field2"}, type: ${4:"inner"} }\n], ${5:{}})',insertTextRules:o.languages.CompletionItemInsertTextRule.InsertAsSnippet,documentation:"Perform complex join queries",detail:"(method) Database.join(mainTable: string, joins: JoinDefinition[], options?: Record<string, any>): Promise<any>"}]})}),o.languages.registerHoverProvider(["javascript","typescript"],{provideHover:(e,t)=>{const i=e.getWordAtPosition(t);if(!i)return;return{Database:{contents:[{value:"**Database**"},{value:"Static Database Client for Nuraly Database Manager"},{value:"Provides a comprehensive interface for database operations including:"},{value:"- Table management (create, drop, schema operations)"},{value:"- Data operations (select, insert, update, delete)"},{value:"- Advanced queries (joins, aggregations, pagination)"},{value:"- Schema introspection and management"}]}}[i.word]||null}})}updated(e){var t;if(super.updated(e),this.isEditorReady&&this.editor){if(this.applyThemeFromMixin(),e.has("code")&&this.code!==e.get("code")){if(this.editor.getModel()&&this.code!==this.getValue())try{const e=this.editor.getPosition();this.editor.setValue(null!==(t=this.code)&&void 0!==t?t:""),e&&this.editor.setPosition(e)}catch(e){}}if(e.has("readonly"))try{this.editor.updateOptions({readOnly:this.readonly})}catch(e){}if(e.has("language")&&this.editor.getModel())try{o.editor.setModelLanguage(this.editor.getModel(),this.language||"plaintext")}catch(e){}if(e.has("theme"))try{o.editor.setTheme(this.theme)}catch(e){}if(e.has("fontSize"))try{this.editor.updateOptions({fontSize:this.fontSize})}catch(e){}if(e.has("lineNumbers"))try{this.editor.updateOptions({lineNumbers:this.lineNumbers?"on":"off"})}catch(e){}if(e.has("minimap"))try{this.editor.updateOptions({minimap:{enabled:this.minimap}})}catch(e){}if(e.has("wordWrap"))try{this.editor.updateOptions({wordWrap:this.wordWrap?"on":"off"})}catch(e){}}}disconnectedCallback(){if(super.disconnectedCallback(),this.editor){const e=this.editor.getModel();this.editor.dispose(),null==e||e.dispose(),this.editor=void 0}this.isEditorReady=!1}};f.styles=p,g([a({type:Boolean,reflect:!0})],f.prototype,"readonly",void 0),g([a({type:String,reflect:!0})],f.prototype,"theme",void 0),g([a({type:String,reflect:!0})],f.prototype,"language",void 0),g([a({type:String})],f.prototype,"code",void 0),g([a({type:Boolean,attribute:"line-numbers"})],f.prototype,"lineNumbers",void 0),g([a({type:Boolean})],f.prototype,"minimap",void 0),g([a({type:Boolean,attribute:"word-wrap"})],f.prototype,"wordWrap",void 0),g([a({type:Number,attribute:"font-size"})],f.prototype,"fontSize",void 0),g([a({type:Boolean,attribute:"ai-completions"})],f.prototype,"aiCompletions",void 0),g([a({type:String,attribute:"completions-endpoint"})],f.prototype,"completionsEndpoint",void 0),g([a({attribute:!1})],f.prototype,"extraTypeDefinitions",void 0),f=g([s("nr-code-editor")],f);export{y as CODE_EDITOR_LANGUAGE,b as CODE_EDITOR_THEME,f as NrCodeEditorElement,p as codeEditorStyles};
+    `}getValue(){var t,e;return null!==(e=null===(t=this.editorRef.value)||void 0===t?void 0:t.textContent)&&void 0!==e?e:""}setValue(t){this.jar&&(this.suppressChange=!0,this.jar.updateCode(t),this.suppressChange=!1)}focus(){var t;null===(t=this.editorRef.value)||void 0===t||t.focus()}firstUpdated(){this.editorRef.value&&this.initializeEditor()}initializeEditor(){const t=this.editorRef.value;t.textContent=this.code;this.jar=a(t,t=>{const e=t.textContent||"",i=this.language||"plaintext";try{"plaintext"!==i&&l.getLanguage(i)?t.innerHTML=l.highlight(e,{language:i}).value:t.innerHTML=this.escapeHtml(e)}catch(i){t.innerHTML=this.escapeHtml(e)}},{tab:" ".repeat(this.tabSize),indentOn:/[({[]$/,addClosing:!0,catchTab:!0,preserveIdent:!0,history:!0}),this.isEditorReady=!0,this.jar.onUpdate(t=>{this.suppressChange||(this.code=t,this.updateLineNumbers(),this.emit("nr-change",{value:t}))}),t.addEventListener("keydown",t=>{this.readonly?t.preventDefault():this.emit("nr-keydown",this.createKeyEventDetail(t))}),t.addEventListener("keyup",t=>{this.emit("nr-keyup",this.createKeyEventDetail(t))}),t.addEventListener("focus",()=>this.emit("nr-focus")),t.addEventListener("blur",()=>this.emit("nr-blur")),this.readonly&&t.setAttribute("contenteditable","false"),this.updateLineNumbers(),this.emit("nr-ready",{editor:this.jar})}escapeHtml(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}updateLineNumbers(){var t,e,i;const r=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".line-numbers-gutter"))&&void 0!==e?e:null===(i=this.renderRoot)||void 0===i?void 0:i.querySelector(".line-numbers-gutter");if(!r||!this.lineNumbers)return;const o=this.getValue().split("\n").length;r.innerHTML=Array.from({length:o},(t,e)=>`<div class="line-number">${e+1}</div>`).join("")}createKeyEventDetail(t){return{event:t,key:t.key,code:t.code,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey}}emit(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}isDarkTheme(){var t,e;return this.theme===v.Dark||this.theme===v.HighContrastDark||this.theme!==v.Light&&this.theme!==v.HighContrastLight&&(null!==(e=null===(t=this.currentTheme)||void 0===t?void 0:t.includes("dark"))&&void 0!==e&&e)}updated(t){var e;if(super.updated(t),this.isEditorReady&&this.jar){if(t.has("code")&&this.code!==t.get("code")){const t=this.getValue();this.code!==t&&(this.setValue(this.code),this.updateLineNumbers())}t.has("readonly")&&(null===(e=this.editorRef.value)||void 0===e||e.setAttribute("contenteditable",this.readonly?"false":"true"))}}disconnectedCallback(){super.disconnectedCallback(),this.jar&&(this.jar.destroy(),this.jar=void 0),this.isEditorReady=!1}};w.styles=f,w.useShadowDom=!0,y([r({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),y([r({type:String,reflect:!0})],w.prototype,"theme",void 0),y([r({type:String,reflect:!0})],w.prototype,"language",void 0),y([r({type:String})],w.prototype,"code",void 0),y([r({type:Boolean,attribute:"line-numbers"})],w.prototype,"lineNumbers",void 0),y([r({type:Number,attribute:"font-size"})],w.prototype,"fontSize",void 0),y([r({type:Boolean,attribute:"word-wrap"})],w.prototype,"wordWrap",void 0),y([r({type:Number,attribute:"tab-size"})],w.prototype,"tabSize",void 0),w=y([o("nr-code-editor")],w);export{j as CODE_EDITOR_LANGUAGE,v as CODE_EDITOR_THEME,w as NrCodeEditorElement,f as codeEditorStyles};

package/dist/src/components/code-editor/code-editor.component.d.ts

@@ -5,10 +5,9 @@
  */
 import { LitElement, type PropertyValues } from 'lit';
 import { type CodeEditorTheme, type CodeEditorLanguage } from './code-editor.types.js';
-import * as monaco from 'monaco-editor';
 declare const NrCodeEditorElement_base: (new (...args: any[]) => import("../../shared/theme-mixin.js").ThemeAware) & typeof LitElement;
 /**
- * NuralyUI Code Editor component wrapping Monaco Editor.
+ * NuralyUI Code Editor component using CodeJar — a lightweight (~2KB) code editor.
  *
  * @example
  * ```html
@@ -28,23 +27,18 @@ declare const NrCodeEditorElement_base: (new (...args: any[]) => import("../../s
  * @fires nr-ready - Fired when the editor is ready
  *
  * @csspart editor-container - The container wrapping the editor
- *
- * @cssprop [--nr-code-editor-width=100%] - Width of the editor
- * @cssprop [--nr-code-editor-height=100%] - Height of the editor
- * @cssprop [--nr-code-editor-min-height=0] - Minimum height
- * @cssprop [--nr-code-editor-max-height=none] - Maximum height
- * @cssprop [--nr-code-editor-border-radius=4px] - Border radius
  */
 export declare class NrCodeEditorElement extends NrCodeEditorElement_base {
     static styles: import("lit").CSSResult;
-    /** Monaco editor instance */
-    editor?: monaco.editor.IStandaloneCodeEditor;
+    static useShadowDom: boolean;
+    /** CodeJar instance */
+    private jar?;
     /** Whether editor is initialized */
     private isEditorReady;
-    /** Reference to the editor container */
-    private containerRef;
-    /** Track the last applied Monaco theme to avoid unnecessary updates */
-    private lastAppliedTheme?;
+    /** Reference to the editor element */
+    private editorRef;
+    /** Suppress change events during programmatic updates */
+    private suppressChange;
     /** Makes the editor read-only */
     readonly: boolean;
     /** Editor theme (vs, vs-dark, hc-black, hc-light) */
@@ -55,58 +49,26 @@ export declare class NrCodeEditorElement extends NrCodeEditorElement_base {
     code: string;
     /** Show line numbers */
     lineNumbers: boolean;
-    /** Show minimap */
-    minimap: boolean;
-    /** Enable word wrap */
-    wordWrap: boolean;
     /** Font size in pixels */
     fontSize: number;
-    /** Enable AI completions via monacopilot */
-    aiCompletions: boolean;
-    /** API endpoint for AI completions */
-    completionsEndpoint: string;
-    /** Extra type definitions for Monaco IntelliSense (host-provided) */
-    extraTypeDefinitions: string;
+    /** Enable word wrap */
+    wordWrap: boolean;
+    /** Tab size in spaces */
+    tabSize: number;
     render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Returns the current code contents
-     */
+    /** Returns the current code contents */
     getValue(): string;
-    /**
-     * Sets the editor value programmatically
-     */
+    /** Sets the editor value programmatically */
     setValue(value: string): void;
-    /**
-     * Updates Monaco editor options
-     */
-    setOptions(options: monaco.editor.IStandaloneEditorConstructionOptions): void;
-    /**
-     * Focus the editor
-     */
+    /** Focus the editor */
     focus(): void;
     firstUpdated(): void;
     private initializeEditor;
-    private setupEventListeners;
-    /** Helper to create keyboard event detail */
+    private escapeHtml;
+    private updateLineNumbers;
     private createKeyEventDetail;
-    /** Helper to emit custom events */
     private emit;
-    private setupThemeListener;
-    /**
-     * Convert the mixin's currentTheme to Monaco theme
-     * Uses explicit theme prop if set, otherwise derives from data-theme
-     */
-    private getMonacoThemeFromMixin;
-    /**
-     * Apply the current theme from the mixin to Monaco editor
-     */
-    private applyThemeFromMixin;
-    /**
-     * Get the initial theme for the editor
-     * Priority: explicit theme prop > data-theme > system preference
-     */
-    private getInitialTheme;
-    private setupCustomIntelliSense;
+    private isDarkTheme;
     protected updated(changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
 }