@aicut/core 0.3.0 → 0.4.0

package/dist/lighting/index.d.cts

@@ -15,7 +15,6 @@ interface LightingLocale {
     lightingRim: string;
     lightingViewPerspective: string;
     lightingViewFront: string;
-    lightingResetParams: string;
     lightingDirLeft: string;
     lightingDirRight: string;
     lightingDirTop: string;
@@ -94,6 +93,10 @@ declare class LightingEditor {
     private controls;
     private sceneViewport;
     private viewToggleEl;
+    /** Footer slot in the controls column. Host appends Reset/Generate/
+     *  preset-save/etc. buttons here. The library renders nothing into
+     *  it — it's the same convention as the video editor's toolbar slots. */
+    readonly controlsFooter: HTMLDivElement;
     private resizeObs;
     private destroyed;
     static create(opts: LightingEditorOptions): LightingEditor;
@@ -101,6 +104,9 @@ declare class LightingEditor {
     getConfig(): LightingConfig;
     setConfig(partial: Partial<LightingConfig>, _reason?: "external" | "reset"): void;
     setSubjectImage(url: string): void;
+    /** Restore config to the safe defaults. Convenience for host's
+     *  "Reset" button — equivalent to `setConfig(DEFAULT_LIGHTING_CONFIG)`. */
+    reset(): void;
     setView(v: LightingView): void;
     getView(): LightingView;
     setTheme(theme: Theme): void;

package/dist/lighting/index.d.ts

@@ -15,7 +15,6 @@ interface LightingLocale {
     lightingRim: string;
     lightingViewPerspective: string;
     lightingViewFront: string;
-    lightingResetParams: string;
     lightingDirLeft: string;
     lightingDirRight: string;
     lightingDirTop: string;
@@ -94,6 +93,10 @@ declare class LightingEditor {
     private controls;
     private sceneViewport;
     private viewToggleEl;
+    /** Footer slot in the controls column. Host appends Reset/Generate/
+     *  preset-save/etc. buttons here. The library renders nothing into
+     *  it — it's the same convention as the video editor's toolbar slots. */
+    readonly controlsFooter: HTMLDivElement;
     private resizeObs;
     private destroyed;
     static create(opts: LightingEditorOptions): LightingEditor;
@@ -101,6 +104,9 @@ declare class LightingEditor {
     getConfig(): LightingConfig;
     setConfig(partial: Partial<LightingConfig>, _reason?: "external" | "reset"): void;
     setSubjectImage(url: string): void;
+    /** Restore config to the safe defaults. Convenience for host's
+     *  "Reset" button — equivalent to `setConfig(DEFAULT_LIGHTING_CONFIG)`. */
+    reset(): void;
     setView(v: LightingView): void;
     getView(): LightingView;
     setTheme(theme: Theme): void;

package/dist/lighting/index.js

@@ -33,6 +33,13 @@ var LightingControls = class {
   /** Exposed so the editor can append host-level chrome (e.g. the
    *  Smart Mode toggle) without LightingControls knowing about it. */
   headerSlot;
+  /**
+   * Footer slot — sits where the built-in Reset used to live. Host
+   * appends any action buttons (Reset, Generate, Save preset, etc.)
+   * via the React wrapper's `controlsFooter` prop / Vue's
+   * `<slot name="controlsFooter">`. Library renders nothing here.
+   */
+  footerSlot;
   brightnessInput;
   colorInput;
   dirButtons;
@@ -45,7 +52,6 @@ var LightingControls = class {
   colorLabelEl;
   keyLabelEl;
   rimLabelEl;
-  resetBtn;
   locale;
   lastConfig = null;
   constructor(locale, cb) {
@@ -135,15 +141,12 @@ var LightingControls = class {
     });
     rimSection.appendChild(this.rimToggle);
     this.root.appendChild(rimSection);
-    const footer = mkDiv("aicut-lighting-section aicut-lighting-section-row");
-    this.resetBtn = document.createElement("button");
-    this.resetBtn.type = "button";
-    this.resetBtn.className = "aicut-lighting-reset";
-    this.resetBtn.textContent = locale.lightingResetParams;
-    this.resetBtn.setAttribute("data-testid", "aicut-lighting-reset");
-    this.resetBtn.addEventListener("click", () => cb.onReset());
-    footer.appendChild(this.resetBtn);
-    this.root.appendChild(footer);
+    this.footerSlot = mkDiv("aicut-lighting-controls-footer");
+    this.footerSlot.setAttribute(
+      "data-testid",
+      "aicut-lighting-controls-footer"
+    );
+    this.root.appendChild(this.footerSlot);
   }
   /** Idempotent — mirror the given config into all visible controls. */
   render(cfg) {
@@ -172,7 +175,6 @@ var LightingControls = class {
     this.colorLabelEl.textContent = locale.lightingColor;
     this.keyLabelEl.textContent = locale.lightingKeyTitle;
     this.rimLabelEl.textContent = locale.lightingRim;
-    this.resetBtn.textContent = locale.lightingResetParams;
     const dirLabels = {
       left: "lightingDirLeft",
       right: "lightingDirRight",
@@ -208,7 +210,6 @@ var lightingLocaleEn = {
   lightingRim: "Rim light",
   lightingViewPerspective: "Perspective",
   lightingViewFront: "Front",
-  lightingResetParams: "Reset",
   lightingDirLeft: "Left",
   lightingDirRight: "Right",
   lightingDirTop: "Top",
@@ -225,7 +226,6 @@ var lightingLocaleZh = {
   lightingRim: "\u8F6E\u5ED3\u5149",
   lightingViewPerspective: "\u900F\u89C6",
   lightingViewFront: "\u6B63\u9762",
-  lightingResetParams: "\u91CD\u7F6E\u53C2\u6570",
   lightingDirLeft: "\u5DE6\u4FA7",
   lightingDirRight: "\u53F3\u4FA7",
   lightingDirTop: "\u9876\u90E8",
@@ -18984,6 +18984,10 @@ var LightingEditor = class _LightingEditor {
   controls;
   sceneViewport;
   viewToggleEl;
+  /** Footer slot in the controls column. Host appends Reset/Generate/
+   *  preset-save/etc. buttons here. The library renders nothing into
+   *  it — it's the same convention as the video editor's toolbar slots. */
+  controlsFooter;
   resizeObs = null;
   destroyed = false;
   static create(opts) {
@@ -19021,10 +19025,10 @@ var LightingEditor = class _LightingEditor {
         keyDirection: PRESET_DIRECTIONS[preset],
         keyPreset: preset
       }),
-      onRimToggle: (on) => this.applyMutation({ rim: on }),
-      onReset: () => this.setConfig(DEFAULT_LIGHTING_CONFIG, "reset")
+      onRimToggle: (on) => this.applyMutation({ rim: on })
     });
     body.appendChild(this.controls.root);
+    this.controlsFooter = this.controls.footerSlot;
     this.scene = new LightingScene(this.sceneViewport, this.view);
     this.scene.setLightDirection(this.config.keyDirection);
     this.scene.setBrightness(this.config.brightness);
@@ -19068,6 +19072,11 @@ var LightingEditor = class _LightingEditor {
     this.opts.subjectImageUrl = url;
     this.scene.setSubjectImage(url);
   }
+  /** Restore config to the safe defaults. Convenience for host's
+   *  "Reset" button — equivalent to `setConfig(DEFAULT_LIGHTING_CONFIG)`. */
+  reset() {
+    this.setConfig(DEFAULT_LIGHTING_CONFIG, "reset");
+  }
   setView(v) {
     if (v === this.view) return;
     this.view = v;