@editora/ui-editor 0.1.5 → 0.1.7

package/dist/components/ui-block-controls.d.ts

@@ -0,0 +1,5 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UIBlockControls extends ElementBase {
+    constructor();
+    protected render(): void;
+}

package/dist/components/ui-command-palette.d.ts

@@ -0,0 +1,8 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UICommandPalette extends ElementBase {
+    static get observedAttributes(): string[];
+    constructor();
+    open(): void;
+    close(): void;
+    protected render(): void;
+}

package/dist/components/ui-context-menu.d.ts

@@ -0,0 +1,11 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UIContextMenu extends ElementBase {
+    static get observedAttributes(): string[];
+    private _portalEl;
+    private _cleanup;
+    constructor();
+    openFor(anchorId: string): void;
+    close(): void;
+    openAt(x: number, y: number): void;
+    protected render(): void;
+}

package/dist/components/ui-floating-toolbar.d.ts

@@ -0,0 +1,12 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UIFloatingToolbar extends ElementBase {
+    static get observedAttributes(): string[];
+    private _portalEl;
+    private _cleanup;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    showForAnchorId(id: string): void;
+    hide(): void;
+    protected render(): void;
+}

package/dist/components/ui-plugin-panel.d.ts

@@ -0,0 +1,8 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UIPluginPanel extends ElementBase {
+    static get observedAttributes(): string[];
+    constructor();
+    open(): void;
+    close(): void;
+    protected render(): void;
+}

package/dist/components/ui-selection-popup.d.ts

@@ -0,0 +1,10 @@
+import { ElementBase } from '@editora/ui-core';
+export declare class UISelectionPopup extends ElementBase {
+    static get observedAttributes(): string[];
+    private _portalEl;
+    private _cleanup;
+    constructor();
+    openFor(anchorId: string): void;
+    close(): void;
+    protected render(): void;
+}

package/dist/index.cjs.js

@@ -2,7 +2,7 @@
   .palette { width: 520px; max-width: 90vw; background: white; border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,0.12); padding: 8px; }
   .list { max-height: 300px; overflow: auto; }
   .item { padding: 8px; cursor: pointer; }
-`;class c extends i.ElementBase{static get observedAttributes(){return["open"]}constructor(){super()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){if(!this.hasAttribute("open")){this.setContent("");return}const s=`<div class="palette" role="dialog" aria-modal="true">
+`;class c extends i.ElementBase{static get observedAttributes(){return["open"]}constructor(){super()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){if(!this.hasAttribute("open")){this.setContent("");return}this.setContent(`<style>${m}</style><div class="palette" role="dialog" aria-modal="true">
       <input part="search" placeholder="Type a command..." />
       <div class="list"><slot></slot></div>
-    </div>`;this.setContent(`<style>${m}</style>${s}`),Array.from(this.querySelectorAll('[slot="command"]')).forEach((e,n)=>{e.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("select",{detail:{index:n}})))})}}typeof customElements<"u"&&!customElements.get("ui-command-palette")&&customElements.define("ui-command-palette",c);class a extends i.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=void 0}static get observedAttributes(){return["anchor-id","open"]}openFor(t){this.setAttribute("anchor-id",t),this.setAttribute("open","")}close(){this.removeAttribute("open")}openAt(t,s){const o={getBoundingClientRect:()=>({top:s,bottom:s,left:t,right:t,width:0,height:0})};this.setAttribute("open",""),this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="context-menu";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,{placement:"bottom",shift:!0})}render(){const t=this.getAttribute("anchor-id"),s=this.hasAttribute("open");if(this.setContent("<slot></slot>"),s&&t){const o=document.getElementById(t);if(!o){if(this._cleanup){try{this._cleanup()}catch{}this._cleanup=void 0}this._portalEl=null;return}this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="context-menu";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,"bottom")}else this._cleanup&&(this._cleanup(),this._cleanup=void 0),this._portalEl=null}}typeof customElements<"u"&&!customElements.get("ui-context-menu")&&customElements.define("ui-context-menu",a);class u extends i.ElementBase{static get observedAttributes(){return["open","position"]}constructor(){super()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){const t=this.hasAttribute("open"),s=this.getAttribute("position")||"right";if(!t){this.setContent("");return}const o=`<div class="panel panel-${s}"><slot></slot></div>`;this.setContent(o)}}typeof customElements<"u"&&!customElements.get("ui-plugin-panel")&&customElements.define("ui-plugin-panel",u);class p extends i.ElementBase{constructor(){super()}render(){this.setContent('<div class="block-controls"><slot></slot></div>')}}typeof customElements<"u"&&!customElements.get("ui-block-controls")&&customElements.define("ui-block-controls",p);class h extends i.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=void 0}static get observedAttributes(){return["anchor-id","open"]}openFor(t){this.setAttribute("anchor-id",t),this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){const t=this.getAttribute("anchor-id"),s=this.hasAttribute("open");if(this.setContent("<slot></slot>"),s&&t){const o=document.getElementById(t);if(!o)return;this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="selection-popup";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,"top")}else this._cleanup&&(this._cleanup(),this._cleanup=void 0),this._portalEl=null}}typeof customElements<"u"&&!customElements.get("ui-selection-popup")&&customElements.define("ui-selection-popup",h);exports.UIBlockControls=p;exports.UICommandPalette=c;exports.UIContextMenu=a;exports.UIFloatingToolbar=r;exports.UIPluginPanel=u;exports.UISelectionPopup=h;
+    </div>`),Array.from(this.querySelectorAll('[slot="command"]')).forEach((e,n)=>{e.addEventListener("click",()=>this.dispatchEvent(new CustomEvent("select",{detail:{index:n}})))})}}typeof customElements<"u"&&!customElements.get("ui-command-palette")&&customElements.define("ui-command-palette",c);class a extends i.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=void 0}static get observedAttributes(){return["anchor-id","open"]}openFor(t){this.setAttribute("anchor-id",t),this.setAttribute("open","")}close(){this.removeAttribute("open")}openAt(t,s){const o={getBoundingClientRect:()=>({top:s,bottom:s,left:t,right:t,width:0,height:0})};this.setAttribute("open",""),this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="context-menu";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,{placement:"bottom",shift:!0})}render(){const t=this.getAttribute("anchor-id"),s=this.hasAttribute("open");if(this.setContent("<slot></slot>"),s&&t){const o=document.getElementById(t);if(!o){if(this._cleanup){try{this._cleanup()}catch{}this._cleanup=void 0}this._portalEl=null;return}this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="context-menu";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,"bottom")}else this._cleanup&&(this._cleanup(),this._cleanup=void 0),this._portalEl=null}}typeof customElements<"u"&&!customElements.get("ui-context-menu")&&customElements.define("ui-context-menu",a);class u extends i.ElementBase{static get observedAttributes(){return["open","position"]}constructor(){super()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){const t=this.hasAttribute("open"),s=this.getAttribute("position")||"right";if(!t){this.setContent("");return}const o=`<div class="panel panel-${s}"><slot></slot></div>`;this.setContent(o)}}typeof customElements<"u"&&!customElements.get("ui-plugin-panel")&&customElements.define("ui-plugin-panel",u);class p extends i.ElementBase{constructor(){super()}render(){this.setContent('<div class="block-controls"><slot></slot></div>')}}typeof customElements<"u"&&!customElements.get("ui-block-controls")&&customElements.define("ui-block-controls",p);class h extends i.ElementBase{constructor(){super(),this._portalEl=null,this._cleanup=void 0}static get observedAttributes(){return["anchor-id","open"]}openFor(t){this.setAttribute("anchor-id",t),this.setAttribute("open","")}close(){this.removeAttribute("open")}render(){const t=this.getAttribute("anchor-id"),s=this.hasAttribute("open");if(this.setContent("<slot></slot>"),s&&t){const o=document.getElementById(t);if(!o)return;this._portalEl||(this._portalEl=document.createElement("div")),this._portalEl.innerHTML="";const e=document.createElement("div");e.className="selection-popup";const n=this.querySelector('[slot="content"]');n&&e.appendChild(n.cloneNode(!0)),this._portalEl.appendChild(e),this._cleanup=i.showPortalFor(o,this._portalEl,"top")}else this._cleanup&&(this._cleanup(),this._cleanup=void 0),this._portalEl=null}}typeof customElements<"u"&&!customElements.get("ui-selection-popup")&&customElements.define("ui-selection-popup",h);exports.UIBlockControls=p;exports.UICommandPalette=c;exports.UIContextMenu=a;exports.UIFloatingToolbar=r;exports.UIPluginPanel=u;exports.UISelectionPopup=h;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/ui-floating-toolbar';
+export * from './components/ui-command-palette';
+export * from './components/ui-context-menu';
+export * from './components/ui-plugin-panel';
+export * from './components/ui-block-controls';
+export * from './components/ui-selection-popup';

package/dist/index.esm.js

@@ -66,11 +66,10 @@ class u extends i {
       this.setContent("");
       return;
     }
-    const s = `<div class="palette" role="dialog" aria-modal="true">
+    this.setContent(`<style>${p}</style><div class="palette" role="dialog" aria-modal="true">
       <input part="search" placeholder="Type a command..." />
       <div class="list"><slot></slot></div>
-    </div>`;
-    this.setContent(`<style>${p}</style>${s}`), Array.from(this.querySelectorAll('[slot="command"]')).forEach((e, n) => {
+    </div>`), Array.from(this.querySelectorAll('[slot="command"]')).forEach((e, n) => {
       e.addEventListener("click", () => this.dispatchEvent(new CustomEvent("select", { detail: { index: n } })));
     });
   }
@@ -175,8 +174,7 @@ class E extends i {
     const t = this.getAttribute("anchor-id"), s = this.hasAttribute("open");
     if (this.setContent("<slot></slot>"), s && t) {
       const o = document.getElementById(t);
-      if (!o)
-        return;
+      if (!o) return;
       this._portalEl || (this._portalEl = document.createElement("div")), this._portalEl.innerHTML = "";
       const e = document.createElement("div");
       e.className = "selection-popup";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editora/ui-editor",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Editor-focused UI extensions for Editora (floating toolbar, command palette, context menus)",
   "author": "Ajay Kumar <ajaykr089@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "src"
   ],
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && node ../../scripts/generate-plugin-typings.js --own-only",
     "dev": "vite build --watch",
     "prepare": "npm run build"
   },
@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "typescript": "^5.0.0",
-    "vite": "^4.5.14"
+    "vite": "^7.3.1"
   },
   "exports": {
     ".": {
@@ -43,5 +43,5 @@
       "default": "./dist/index.esm.js"
     }
   },
-  "gitHead": "e19160591d822f5ecf242658d6db63959371838e"
+  "gitHead": "7883627e823aa99dd5ecb66a5201116df972f88b"
 }