@kodaris/krubble-components 1.0.30 → 1.0.32

package/dist/monaco/monaco.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import * as monaco from 'monaco-editor';
+/**
+ * A Monaco Editor wrapper that handles shadow DOM boilerplate.
+ *
+ * Copies Monaco's injected styles from document.head into the shadow root
+ * and watches for new styles added later via MutationObserver. Applies CSS
+ * fixes for the find widget inside shadow DOM. Disposes the editor and
+ * observer on disconnect.
+ *
+ * Consumers get full access to the Monaco API via the `editor` property.
+ * Pass editor configuration through the `options` property before the
+ * element connects, or call `editor.updateOptions()` after.
+ *
+ * @fires ready - Fired when the editor instance is created. Detail: `{ editor }`
+ */
+export declare class KRMonaco extends LitElement {
+    static styles: import("lit").CSSResult;
+    private _headObserver;
+    options: monaco.editor.IStandaloneEditorConstructionOptions;
+    editor: monaco.editor.IStandaloneCodeEditor | null;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _isMonacoStyle;
+    private _copyMonacoStyles;
+    private _initEditor;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { monaco };
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-monaco': KRMonaco;
+    }
+}
+//# sourceMappingURL=monaco.d.ts.map

package/dist/monaco/monaco.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.d.ts","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAcxC;;;;;;;;;;;;;GAaG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA0BpB;IAEF,OAAO,CAAC,aAAa,CAAiC;IAGtD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,oCAAoC,CAAM;IAEjE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAQ;IAE1D,YAAY;IAOZ,oBAAoB;IAYpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,WAAW;IAenB,MAAM;CAGP;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/monaco/monaco.js

@@ -0,0 +1,130 @@
+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;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as monaco from 'monaco-editor';
+// Default worker setup — consumers can override by setting self.MonacoEnvironment before importing this module
+if (!self.MonacoEnvironment) {
+    self.MonacoEnvironment = {
+        getWorker() {
+            return new Worker(new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url), { type: 'module' });
+        },
+    };
+}
+/**
+ * A Monaco Editor wrapper that handles shadow DOM boilerplate.
+ *
+ * Copies Monaco's injected styles from document.head into the shadow root
+ * and watches for new styles added later via MutationObserver. Applies CSS
+ * fixes for the find widget inside shadow DOM. Disposes the editor and
+ * observer on disconnect.
+ *
+ * Consumers get full access to the Monaco API via the `editor` property.
+ * Pass editor configuration through the `options` property before the
+ * element connects, or call `editor.updateOptions()` after.
+ *
+ * @fires ready - Fired when the editor instance is created. Detail: `{ editor }`
+ */
+let KRMonaco = class KRMonaco extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._headObserver = null;
+        this.options = {};
+        this.editor = null;
+    }
+    firstUpdated() {
+        requestAnimationFrame(() => {
+            this._copyMonacoStyles();
+            this._initEditor();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._headObserver) {
+            this._headObserver.disconnect();
+            this._headObserver = null;
+        }
+        if (this.editor) {
+            this.editor.dispose();
+            this.editor = null;
+        }
+    }
+    _isMonacoStyle(text) {
+        return text.includes('.monaco-') || text.includes('.codicon');
+    }
+    _copyMonacoStyles() {
+        if (!this.shadowRoot) {
+            return;
+        }
+        document.head.querySelectorAll('style').forEach((style) => {
+            if (style.textContent && this._isMonacoStyle(style.textContent)) {
+                this.shadowRoot.appendChild(style.cloneNode(true));
+            }
+        });
+        this._headObserver = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                mutation.addedNodes.forEach((node) => {
+                    if (node instanceof HTMLStyleElement && node.textContent && this._isMonacoStyle(node.textContent)) {
+                        this.shadowRoot.appendChild(node.cloneNode(true));
+                    }
+                });
+            });
+        });
+        this._headObserver.observe(document.head, { childList: true });
+    }
+    _initEditor() {
+        const container = this.shadowRoot?.querySelector('#container');
+        if (!container) {
+            return;
+        }
+        this.editor = monaco.editor.create(container, this.options);
+        this.dispatchEvent(new CustomEvent('ready', {
+            detail: { editor: this.editor },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `<div id="container"></div>`;
+    }
+};
+KRMonaco.styles = css `
+    :host {
+      display: block;
+      position: relative;
+    }
+
+    #container {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+
+    /* Monaco find widget assumes content-box for layout of all its children */
+    .monaco-editor .find-widget,
+    .monaco-editor .find-widget *,
+    .monaco-editor .find-widget *::before,
+    .monaco-editor .find-widget *::after {
+      box-sizing: content-box;
+    }
+
+    /* Prevent overflow:hidden on the scrollable wrapper from clipping the input focus outline */
+    .monaco-editor .find-widget .monaco-scrollable-element {
+      overflow: visible !important;
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], KRMonaco.prototype, "options", void 0);
+KRMonaco = __decorate([
+    customElement('kr-monaco')
+], KRMonaco);
+export { KRMonaco };
+export { monaco };
+//# sourceMappingURL=monaco.js.map

package/dist/monaco/monaco.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco.js","sourceRoot":"","sources":["../../src/monaco/monaco.ts"],"names":[],"mappings":"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"}

package/dist/tabs/tab.d.ts

@@ -13,11 +13,11 @@ export declare class KRTab extends LitElement {
      */
     id: string;
     /**
-     * Display title for the tab
+     * Display label for the tab
      */
-    title: string;
+    label: string;
     /**
-     * Badge text displayed next to title (e.g. notification count)
+     * Badge text displayed next to label (e.g. notification count)
      */
     badge: string;
     /**

package/dist/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,4BAapB;IAEF;;OAEG;IAEM,EAAE,SAAM;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,cAAc,IAAI,OAAO,GAAG,IAAI;IAIvB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,4BAapB;IAEF;;OAEG;IAEM,EAAE,SAAM;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,cAAc,IAAI,OAAO,GAAG,IAAI;IAIvB,MAAM;CAIhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}

package/dist/tabs/tab.js

@@ -22,11 +22,11 @@ let KRTab = class KRTab extends LitElement {
          */
         this.id = '';
         /**
-         * Display title for the tab
+         * Display label for the tab
          */
-        this.title = '';
+        this.label = '';
         /**
-         * Badge text displayed next to title (e.g. notification count)
+         * Badge text displayed next to label (e.g. notification count)
          */
         this.badge = '';
         /**
@@ -57,6 +57,7 @@ let KRTab = class KRTab extends LitElement {
         return this.querySelector('[slot="icon"]');
     }
     render() {
+        console.log('tab render');
         return html `<slot></slot>`;
     }
 };
@@ -79,7 +80,7 @@ __decorate([
 ], KRTab.prototype, "id", void 0);
 __decorate([
     property({ type: String })
-], KRTab.prototype, "title", void 0);
+], KRTab.prototype, "label", void 0);
 __decorate([
     property({ type: String })
 ], KRTab.prototype, "badge", void 0);

package/dist/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;GAMG;AAEI,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAgBL;;WAEG;QAEM,OAAE,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,oBAAe,GAAG,EAAE,CAAC;QAErB;;WAEG;QAEH,eAAU,GAAG,EAAE,CAAC;QAEhB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAYjB,CAAC;IAVC;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAxEe,YAAM,GAAG;IACvB,SAAS;IACT,GAAG,CAAA;;;;;;;;;;KAUF;CACF,AAbqB,CAapB;AAMO;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iCACzB;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;8CACrC;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;yCACrC;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC5B;AA9DJ,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CA0EjB"}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;GAMG;AAEI,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAgBL;;WAEG;QAEM,OAAE,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,oBAAe,GAAG,EAAE,CAAC;QAErB;;WAEG;QAEH,eAAU,GAAG,EAAE,CAAC;QAEhB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAajB,CAAC;IAXC;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC;IAEQ,MAAM;QACb,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAzEe,YAAM,GAAG;IACvB,SAAS;IACT,GAAG,CAAA;;;;;;;;;;KAUF;CACF,AAbqB,CAapB;AAMO;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iCACzB;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;8CACrC;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;yCACrC;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC5B;AA9DJ,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CA2EjB"}

package/dist/tabs/tabs.d.ts

@@ -12,11 +12,11 @@ import { LitElement, TemplateResult } from 'lit';
  * @example
  * ```html
  * <kr-tab-group active-tab-id="settings">
- *   <kr-tab id="home" title="Home">
+ *   <kr-tab id="home" label="Home">
  *     <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
  *     <p>Home content here</p>
  *   </kr-tab>
- *   <kr-tab id="settings" title="Settings" badge="3">
+ *   <kr-tab id="settings" label="Settings" badge="3">
  *     <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
  *     <p>Settings content here</p>
  *   </kr-tab>

package/dist/tabs/tabs.js

@@ -22,11 +22,11 @@ import { krBaseCSS } from '../style/base.js';
  * @example
  * ```html
  * <kr-tab-group active-tab-id="settings">
- *   <kr-tab id="home" title="Home">
+ *   <kr-tab id="home" label="Home">
  *     <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
  *     <p>Home content here</p>
  *   </kr-tab>
- *   <kr-tab id="settings" title="Settings" badge="3">
+ *   <kr-tab id="settings" label="Settings" badge="3">
  *     <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
  *     <p>Settings content here</p>
  *   </kr-tab>
@@ -146,7 +146,7 @@ let KRTabGroup = class KRTabGroup extends LitElement {
               @click=${() => this._handleTabClick(tab)}
             >
               ${this._renderTabIcon(tab)}
-              <span>${tab.title}</span>
+              <span>${tab.label}</span>
               ${tab.badge ? html `<span class="label-badge" style=${styleMap({ backgroundColor: tab.badgeBackground, color: tab.badgeColor })}>${tab.badge}</span>` : nothing}
               ${tab.dismissible
             ? html `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kodaris/krubble-components",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Krubble Lit Web Components Library",
   "type": "module",
   "main": "dist/index.js",
@@ -97,6 +97,10 @@
     "./form/select-option": {
       "types": "./dist/form/select-field/select-option.d.ts",
       "import": "./dist/form/select-field/select-option.js"
+    },
+    "./monaco": {
+      "types": "./dist/monaco/monaco.d.ts",
+      "import": "./dist/monaco/monaco.js"
     }
   },
   "files": [
@@ -117,6 +121,14 @@
     "test": "web-test-runner",
     "lint": "eslint src"
   },
+  "peerDependencies": {
+    "monaco-editor": ">=0.50.0"
+  },
+  "peerDependenciesMeta": {
+    "monaco-editor": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "lit": "^3.2.0"
   },
@@ -125,6 +137,7 @@
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "concurrently": "^8.2.0",
+    "monaco-editor": "^0.55.1",
     "rollup": "^4.24.0",
     "typescript": "^5.6.3"
   },