light-chain-open-ui 1.0.0 → 1.0.2

package/dist/button-DE8_GX7q.cjs

@@ -0,0 +1,1101 @@
+const e=require(`./client-Dt9_oZey.cjs`),t=require(`./constants-BTXokn3H.cjs`);require(`./react.cjs`);let n=require(`lit`);var r=e=>(t,n)=>{n===void 0?customElements.define(e,t):n.addInitializer(()=>{customElements.define(e,t)})},i=globalThis,a=i.ShadowRoot&&(i.ShadyCSS===void 0||i.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,o=Symbol(),s=new WeakMap,c=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(a&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=s.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&s.set(t,e))}return e}toString(){return this.cssText}},l=e=>new c(typeof e==`string`?e:e+``,void 0,o),u=(e,t)=>{if(a)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=i.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},d=a?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return l(t)})(e):e,{is:ee,defineProperty:te,getOwnPropertyDescriptor:ne,getOwnPropertyNames:re,getOwnPropertySymbols:ie,getPrototypeOf:ae}=Object,f=globalThis,oe=f.trustedTypes,se=oe?oe.emptyScript:``,ce=f.reactiveElementPolyfillSupport,p=(e,t)=>e,m={toAttribute(e,t){switch(t){case Boolean:e=e?se:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},le=(e,t)=>!ee(e,t),ue={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:le};Symbol.metadata??=Symbol(`metadata`),f.litPropertyMetadata??=new WeakMap;var h=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ue){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&te(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=ne(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ue}static _$Ei(){if(this.hasOwnProperty(p(`elementProperties`)))return;let e=ae(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(p(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(p(`properties`))){let e=this.properties,t=[...re(e),...ie(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(d(e))}else e!==void 0&&t.push(d(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return u(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?m:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?m:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??le)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};h.elementStyles=[],h.shadowRootOptions={mode:`open`},h[p(`elementProperties`)]=new Map,h[p(`finalized`)]=new Map,ce?.({ReactiveElement:h}),(f.reactiveElementVersions??=[]).push(`2.1.2`);var de={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:le},fe=(e=de,t,n)=>{let{kind:r,metadata:i}=n,a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),r===`setter`&&((e=Object.create(e)).wrapped=!0),a.set(n.name,e),r===`accessor`){let{name:r}=n;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(r,i,e,!0,n)},init(t){return t!==void 0&&this.C(r,void 0,e,t),t}}}if(r===`setter`){let{name:r}=n;return function(n){let i=this[r];t.call(this,n),this.requestUpdate(r,i,e,!0,n)}}throw Error(`Unsupported decorator location: `+r)};function g(e){return(t,n)=>typeof n==`object`?fe(e,t,n):((e,t,n)=>{let r=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),r?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}function _(e){return g({...e,state:!0,attribute:!1})}var pe=(e,t,n)=>(n.configurable=!0,n.enumerable=!0,Reflect.decorate&&typeof t!=`object`&&Object.defineProperty(e,t,n),n);function me(e,t){return(n,r,i)=>{let a=t=>t.renderRoot?.querySelector(e)??null;if(t){let{get:e,set:t}=typeof r==`object`?n:i??(()=>{let e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return pe(n,r,{get(){let n=e.call(this);return n===void 0&&(n=a(this),(n!==null||this.hasUpdated)&&t.call(this,n)),n}})}return pe(n,r,{get(){return a(this)}})}}function v(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var y=class extends n.LitElement{constructor(...e){super(...e),this.name=``,this.label=``,this.hint=``,this.value=``,this.file=null,this.disabled=!1,this.showMaskHint=!1,this._previewUrl=``,this._errorMessage=``,this._isDragOver=!1}static{this.styles=n.css`
+    :host {
+      display: block;
+      --lc-uploader-border-color: var(--lc-color-border);
+      --lc-uploader-border-style: dashed;
+      --lc-uploader-border-width: 2px;
+      --lc-uploader-border-radius: var(--lc-radius-component);
+      --lc-uploader-bg: var(--lc-color-bg);
+      --lc-uploader-bg-hover: var(--lc-color-primary-light);
+      --lc-uploader-padding: var(--lc-spacing-6);
+      --lc-uploader-icon-size: 48px;
+      --lc-uploader-icon-color: var(--lc-color-text-secondary);
+      --lc-uploader-placeholder-color: var(--lc-color-text-placeholder);
+      --lc-uploader-error-color: var(--lc-color-error);
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    .container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--lc-spacing-2);
+    }
+
+    .label {
+      color: var(--lc-color-text);
+      font-size: var(--lc-font-size-sm);
+      font-weight: 500;
+    }
+
+    .dropzone {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: var(--lc-spacing-2);
+      border: var(--lc-uploader-border-width) var(--lc-uploader-border-style)
+        var(--lc-uploader-border-color);
+      border-radius: var(--lc-uploader-border-radius);
+      background: var(--lc-uploader-bg);
+      padding: var(--lc-uploader-padding);
+      cursor: pointer;
+      transition: background var(--lc-transition-fast),
+        border-color var(--lc-transition-fast);
+      min-height: 160px;
+    }
+
+    .dropzone:hover {
+      background: var(--lc-uploader-bg-hover);
+      border-color: var(--lc-color-primary);
+    }
+
+    .dropzone.dragover {
+      background: var(--lc-uploader-bg-hover);
+      border-color: var(--lc-color-primary);
+    }
+
+    .dropzone-icon {
+      width: var(--lc-uploader-icon-size);
+      height: var(--lc-uploader-icon-size);
+      color: var(--lc-uploader-icon-color);
+    }
+
+    .dropzone-text {
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-uploader-placeholder-color);
+    }
+
+    .hidden-input {
+      display: none;
+    }
+
+    .preview {
+      position: relative;
+      border-radius: var(--lc-uploader-border-radius);
+      overflow: hidden;
+      border: var(--lc-uploader-border-width) solid var(--lc-color-border);
+    }
+
+    .preview img {
+      display: block;
+      max-width: 100%;
+      max-height: 300px;
+      object-fit: contain;
+    }
+
+    .preview-remove {
+      position: absolute;
+      top: var(--lc-spacing-1);
+      right: var(--lc-spacing-1);
+      width: 28px;
+      height: 28px;
+      border: none;
+      border-radius: var(--lc-radius-full);
+      background: rgba(0, 0, 0, 0.5);
+      color: #fff;
+      font-size: var(--lc-font-size-base);
+      line-height: 1;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background var(--lc-transition-fast);
+    }
+
+    .preview-remove:hover {
+      background: rgba(0, 0, 0, 0.7);
+    }
+
+    .hint {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+    }
+
+    .error {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-uploader-error-color);
+    }
+
+    .mask-hint {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+      margin-top: var(--lc-spacing-1);
+    }
+  `}disconnectedCallback(){super.disconnectedCallback(),this._cleanupPreview()}_cleanupPreview(){this._previewUrl&&URL.revokeObjectURL(this._previewUrl)}_handleClick(){this._fileInput?.click()}_handleDragOver(e){e.preventDefault(),this._isDragOver=!0}_handleDragLeave(){this._isDragOver=!1}_handleDrop(e){e.preventDefault(),this._isDragOver=!1;let t=e.dataTransfer?.files[0];t&&this._processFile(t)}_handleFileChange(e){let t=e.target,n=t.files?.[0];n&&this._processFile(n),t.value=``}async _processFile(t){this._errorMessage=``;let n=await e.l(t);if(!n.valid){this._errorMessage=n.errors.join(`; `),this.value=``,this.file=null,this._dispatchChange(null);return}let r=URL.createObjectURL(t);this._cleanupPreview(),this._previewUrl=r,this.file=t,this.value=r,this._dispatchChange(t)}_handleRemove(e){e.stopPropagation(),this._cleanupPreview(),this._previewUrl=``,this.value=``,this.file=null,this._errorMessage=``,this._dispatchChange(null)}_dispatchChange(e){this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:this.value,file:e},bubbles:!0,composed:!0}))}render(){let e=this._previewUrl||this.value;return n.html`
+      <div class="container" part="container">
+        ${this.label?n.html`<label class="label" part="label">${this.label}</label>`:n.nothing}
+        ${e?this._renderPreview():this._renderDropzone()}
+        ${this._errorMessage?n.html`<div class="error">${this._errorMessage}</div>`:n.nothing}
+        ${this.hint&&!this.showMaskHint?n.html`<div class="hint" part="hint">${this.hint}</div>`:n.nothing}
+        ${this.showMaskHint?this._renderMaskHint():n.nothing}
+      </div>
+    `}_renderDropzone(){return n.html`
+      <div
+        class="${this._isDragOver?`dropzone dragover`:`dropzone`}"
+        part="dropzone"
+        @click=${this._handleClick}
+        @dragover=${this._handleDragOver}
+        @dragleave=${this._handleDragLeave}
+        @drop=${this._handleDrop}
+      >
+        <svg
+          class="dropzone-icon"
+          viewBox="0 0 48 48"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M24 6v24M24 6l-7 7M24 6l7 7"
+            stroke="currentColor"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+          <path
+            d="M8 30v8a4 4 0 004 4h24a4 4 0 004-4v-8"
+            stroke="currentColor"
+            stroke-width="3"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+        <span class="dropzone-text">点击或拖拽图片到此处</span>
+        <input
+          class="hidden-input"
+          type="file"
+          accept="image/*"
+          ?disabled=${this.disabled}
+          @change=${this._handleFileChange}
+        />
+      </div>
+    `}_renderPreview(){return n.html`
+      <div class="preview" part="preview">
+        <img src="${this._previewUrl||this.value}" alt="预览" />
+        <button
+          class="preview-remove"
+          @click=${this._handleRemove}
+          aria-label="删除图片"
+        >
+          &times;
+        </button>
+      </div>
+    `}_renderMaskHint(){return n.html`<div class="mask-hint" part="hint">${this.hint||`Mask hint: white keeps the area, black removes the area`}</div>`}};v([g({type:String})],y.prototype,`name`,void 0),v([g({type:String})],y.prototype,`label`,void 0),v([g({type:String})],y.prototype,`hint`,void 0),v([g({type:String})],y.prototype,`value`,void 0),v([g({attribute:!1})],y.prototype,`file`,void 0),v([g({type:Boolean})],y.prototype,`disabled`,void 0),v([g({type:Boolean})],y.prototype,`showMaskHint`,void 0),v([_()],y.prototype,`_previewUrl`,void 0),v([_()],y.prototype,`_errorMessage`,void 0),v([_()],y.prototype,`_isDragOver`,void 0),v([me(`input[type="file"]`)],y.prototype,`_fileInput`,void 0),y=v([r(`lc-image-uploader`)],y);var b=class extends n.LitElement{constructor(...e){super(...e),this.label=`涂抹蒙版`,this.name=``,this.hint=``,this.required=!1,this.value=``,this.source=``,this.disabled=!1,this.brushSize=28,this._mode=`paint`,this._isDrawing=!1,this._errorMessage=``,this._aspectRatio=`1 / 1`,this._canUndo=!1,this._canRedo=!1,this._zoom=1,this._isSpacePressed=!1,this._isPanning=!1,this._panX=0,this._panY=0,this._lastPoint=null,this._lastPanPoint=null,this._history=[],this._historyIndex=-1,this._sourceWidth=0,this._sourceHeight=0}static{this.styles=n.css`
+    :host {
+      display: block;
+      --lc-mask-border-color: var(--lc-color-border);
+      --lc-mask-border-radius: var(--lc-radius-component);
+      --lc-mask-bg: var(--lc-color-bg);
+      --lc-mask-bg-muted: var(--lc-color-bg-secondary, #f5f5f5);
+      --lc-mask-padding: var(--lc-spacing-4);
+      --lc-mask-error-color: var(--lc-color-error);
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+      pointer-events: none;
+    }
+
+    .container {
+      display: flex;
+      flex-direction: column;
+      gap: var(--lc-spacing-2);
+    }
+
+    .label {
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      font-weight: 500;
+    }
+
+    .required {
+      color: var(--lc-color-error);
+      margin-left: 2px;
+    }
+
+    .empty {
+      min-height: 160px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: var(--lc-mask-padding);
+      border: 1px dashed var(--lc-mask-border-color);
+      border-radius: var(--lc-mask-border-radius);
+      background: var(--lc-mask-bg-muted);
+      color: var(--lc-color-text-secondary);
+      font-size: var(--lc-font-size-sm);
+      text-align: center;
+    }
+
+    .editor {
+      border: 1px solid var(--lc-mask-border-color);
+      border-radius: var(--lc-mask-border-radius);
+      overflow: hidden;
+      background: var(--lc-mask-bg);
+    }
+
+    .stage {
+      position: relative;
+      width: 100%;
+      aspect-ratio: var(--lc-mask-aspect-ratio, 1 / 1);
+      max-height: 420px;
+      background: var(--lc-mask-bg-muted);
+      touch-action: none;
+      overflow: hidden;
+    }
+
+    .stage img,
+    .stage canvas {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      display: block;
+      transform: translate(var(--lc-mask-pan-x, 0px), var(--lc-mask-pan-y, 0px)) scale(var(--lc-mask-zoom, 1));
+      transform-origin: 0 0;
+    }
+
+    .stage:focus {
+      outline: none;
+    }
+
+    .stage img {
+      object-fit: contain;
+      user-select: none;
+      pointer-events: none;
+    }
+
+    canvas {
+      cursor: crosshair;
+    }
+
+    canvas.panning {
+      cursor: grab;
+    }
+
+    canvas.dragging {
+      cursor: grabbing;
+    }
+
+    .toolbar {
+      display: flex;
+      align-items: center;
+      gap: var(--lc-spacing-2);
+      padding: var(--lc-spacing-2);
+      border-top: 1px solid var(--lc-mask-border-color);
+      background: var(--lc-mask-bg);
+    }
+
+    .toolbar button {
+      min-height: 30px;
+      padding: 0 var(--lc-spacing-3);
+      border: 1px solid var(--lc-color-border);
+      border-radius: var(--lc-radius-sm);
+      background: var(--lc-color-bg);
+      color: var(--lc-color-text);
+      cursor: pointer;
+    }
+
+    .toolbar button.active {
+      border-color: var(--lc-color-primary);
+      color: var(--lc-color-primary);
+      background: var(--lc-color-primary-light);
+    }
+
+    .toolbar button:disabled {
+      opacity: 0.45;
+      cursor: not-allowed;
+    }
+
+    .toolbar input {
+      width: 96px;
+    }
+
+    .zoom-value {
+      min-width: 44px;
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+      text-align: right;
+    }
+
+    .hint,
+    .mask-hint {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+    }
+
+    .error {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-mask-error-color);
+    }
+  `}firstUpdated(){this._setupCanvas()}updated(e){e.has(`source`)&&this._loadSource()}disconnectedCallback(){this._resizeObserver?.disconnect(),super.disconnectedCallback()}_setupCanvas(){if(this._ctx=this._canvas?.getContext(`2d`)??void 0,typeof ResizeObserver<`u`){this._resizeObserver=new ResizeObserver(()=>this._resizeCanvas());let e=this.renderRoot.querySelector(`.stage`);e&&this._resizeObserver.observe(e)}this._resizeCanvas()}async _loadSource(){if(this._errorMessage=``,this.value=``,await this.updateComplete,this._setupCanvas(),!this.source){this._clearCanvas(!1),this._resetHistory();return}let e=new Image;e.onload=()=>{this._sourceWidth=e.naturalWidth,this._sourceHeight=e.naturalHeight,this._aspectRatio=`${e.naturalWidth} / ${e.naturalHeight}`,this.style.setProperty(`--lc-mask-aspect-ratio`,this._aspectRatio),this._setZoom(1),this._setPan(0,0),this._clearCanvas(!1),this._resetHistory()},e.onerror=()=>{this._errorMessage=`无法加载原图，请重新上传图片`},e.src=this.source}_resizeCanvas(){let e=this._canvas;if(!e)return;let t=e.getBoundingClientRect(),n=Math.max(1,Math.round(t.width)),r=Math.max(1,Math.round(t.height));if(e.width===n&&e.height===r)return;let i=e.width&&e.height?e.toDataURL(`image/png`):``;if(e.width=n,e.height=r,this._ctx=e.getContext(`2d`)??void 0,i){let e=new Image;e.onload=()=>{this._ctx?.drawImage(e,0,0,n,r),this._syncValue()},e.src=i}}_clearCanvas(e=!0){let t=this._canvas;!t||!this._ctx||(this._ctx.clearRect(0,0,t.width,t.height),this._syncValue(),e&&this._commitHistory())}_handlePointerDown(e){if(!this.source||this.disabled)return;if(this._focusStage(e),this._isSpacePressed){this._isPanning=!0,this._lastPanPoint={x:e.clientX,y:e.clientY},this._canvas?.setPointerCapture(e.pointerId);return}this._isDrawing=!0,this._canvas?.setPointerCapture(e.pointerId);let t=this._getCanvasPoint(e);if(!this._isPointInCanvas(t)){this._isDrawing=!1,this._lastPoint=null;return}this._lastPoint=t,this._drawPoint(t)}_handleWheel(e){if(!this.source||this.disabled)return;e.preventDefault();let t=e.deltaY<0?1.12:.88;this._setZoomAt(this._zoom*t,e)}_handlePointerMove(e){if(this._isPanning){this._pan(e);return}this._isDrawing&&(typeof e.getCoalescedEvents==`function`?e.getCoalescedEvents():[e]).forEach(e=>{let t=this._getCanvasPoint(e);if(!this._isPointInCanvas(t)){this._lastPoint=null;return}this._drawLineTo(t)})}_handlePointerUp(e){if(this._isPanning){this._isPanning=!1,this._lastPanPoint=null,this._canvas?.releasePointerCapture(e.pointerId);return}if(!this._isDrawing)return;let t=this._getCanvasPoint(e);this._isPointInCanvas(t)&&this._drawLineTo(t),this._isDrawing=!1,this._lastPoint=null,this._canvas?.releasePointerCapture(e.pointerId),this._syncValue(),this._commitHistory()}_focusStage(e){(e.currentTarget?.closest(`.stage`))?.focus({preventScroll:!0})}_handleKeyDown(e){e.code===`Space`&&(e.preventDefault(),this._isSpacePressed=!0)}_handleKeyUp(e){e.code===`Space`&&(e.preventDefault(),this._isSpacePressed=!1,this._isPanning=!1,this._lastPanPoint=null)}_handleBlur(){this._isSpacePressed=!1,this._isPanning=!1,this._lastPanPoint=null}_pan(e){if(!this._lastPanPoint){this._lastPanPoint={x:e.clientX,y:e.clientY};return}let t=e.clientX-this._lastPanPoint.x,n=e.clientY-this._lastPanPoint.y;this._lastPanPoint={x:e.clientX,y:e.clientY},this._setPan(this._panX+t,this._panY+n)}_getCanvasPoint(e){let t=this._canvas;if(!t)return{x:0,y:0};let n=t.getBoundingClientRect(),r=n.width?t.width/n.width:1,i=n.height?t.height/n.height:1;return{x:(e.clientX-n.left)*r,y:(e.clientY-n.top)*i}}_getStagePoint(e){let t=this.renderRoot.querySelector(`.stage`);if(!t)return{x:0,y:0};let n=t.getBoundingClientRect();return{x:e.clientX-n.left,y:e.clientY-n.top}}_isPointInCanvas(e){let t=this._getImageCanvasRect();if(t)return e.x>=t.x&&e.x<=t.x+t.width&&e.y>=t.y&&e.y<=t.y+t.height;let n=this._canvas;return n?e.x>=0&&e.x<=n.width&&e.y>=0&&e.y<=n.height:!1}_getImageCanvasRect(){let e=this._canvas;if(!e||!this._sourceWidth||!this._sourceHeight)return null;let t=this._sourceWidth/this._sourceHeight,n=e.width/e.height,r=e.width,i=e.height,a=0,o=0;return n>t?(r=i*t,a=(e.width-r)/2):n<t&&(i=r/t,o=(e.height-i)/2),{x:a,y:o,width:r,height:i}}_drawPoint(e){let t=this._ctx;t&&this._isPointInCanvas(e)&&(t.save(),this._clipToImage(t),t.globalCompositeOperation=this._mode===`paint`?`source-over`:`destination-out`,t.fillStyle=`rgba(255, 255, 255, 0.68)`,t.beginPath(),t.arc(e.x,e.y,this.brushSize/2,0,Math.PI*2),t.fill(),t.restore())}_drawLineTo(e){let t=this._ctx;if(t){if(!this._isPointInCanvas(e)){this._lastPoint=null;return}if(!this._lastPoint){this._lastPoint=e,this._drawPoint(e);return}t.save(),this._clipToImage(t),t.globalCompositeOperation=this._mode===`paint`?`source-over`:`destination-out`,t.strokeStyle=`rgba(255, 255, 255, 0.68)`,t.lineWidth=this.brushSize,t.lineCap=`round`,t.lineJoin=`round`,t.beginPath(),t.moveTo(this._lastPoint.x,this._lastPoint.y),t.lineTo(e.x,e.y),t.stroke(),t.restore(),this._lastPoint=e}}_clipToImage(e){let t=this._getImageCanvasRect();t&&(e.beginPath(),e.rect(t.x,t.y,t.width,t.height),e.clip())}_syncValue(){let e=this._canvas;this.value=this.source&&e?e.toDataURL(`image/png`):``,this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:this.value},bubbles:!0,composed:!0}))}_setZoom(e){this._zoom=Math.min(5,Math.max(1,Number(e.toFixed(2)))),this.style.setProperty(`--lc-mask-zoom`,String(this._zoom)),this._zoom===1&&this._setPan(0,0)}_setZoomAt(e,t){let n=this._zoom,r=Math.min(5,Math.max(1,Number(e.toFixed(2))));if(r===n)return;let i=this._getStagePoint(t),a={x:(i.x-this._panX)/n,y:(i.y-this._panY)/n};if(this._zoom=r,this.style.setProperty(`--lc-mask-zoom`,String(this._zoom)),this._zoom===1){this._setPan(0,0);return}this._setPan(i.x-a.x*this._zoom,i.y-a.y*this._zoom)}_setPan(e,t){this._zoom===1?(this._panX=0,this._panY=0):(this._panX=e,this._panY=t),this.style.setProperty(`--lc-mask-pan-x`,`${this._panX}px`),this.style.setProperty(`--lc-mask-pan-y`,`${this._panY}px`)}_resetView(){this._setZoom(1),this._setPan(0,0)}_resetHistory(){this._history=[this.value],this._historyIndex=0,this._updateHistoryState()}_commitHistory(){if(!this.source)return;let e=this.value;this._history[this._historyIndex]!==e&&(this._history=this._history.slice(0,this._historyIndex+1),this._history.push(e),this._history.length>50&&this._history.shift(),this._historyIndex=this._history.length-1,this._updateHistoryState())}_updateHistoryState(){this._canUndo=this._historyIndex>0,this._canRedo=this._historyIndex>=0&&this._historyIndex<this._history.length-1}_undo(){this._canUndo&&(--this._historyIndex,this._restoreHistory())}_redo(){this._canRedo&&(this._historyIndex+=1,this._restoreHistory())}_restoreHistory(){let e=this._history[this._historyIndex]??``;this._restoreSnapshot(e),this._updateHistoryState()}_restoreSnapshot(e){let t=this._canvas,n=this._ctx;if(!t||!n)return;if(n.clearRect(0,0,t.width,t.height),!e){this._syncValue();return}let r=new Image;r.onload=()=>{n.clearRect(0,0,t.width,t.height),n.drawImage(r,0,0,t.width,t.height),this._syncValue()},r.src=e}render(){return n.html`
+      <div class="container" part="container">
+        ${this._renderLabel()}
+        ${this.source?this._renderEditor():this._renderEmpty()}
+        ${this._errorMessage?n.html`<div class="error">${this._errorMessage}</div>`:n.nothing}
+        ${this.hint?n.html`<div class="hint" part="hint">${this.hint}</div>`:n.nothing}
+        <div class="mask-hint">先上传原图，再在图片上涂抹需要处理的区域。</div>
+      </div>
+    `}_renderLabel(){return n.html`
+      <label class="label" part="label">
+        ${this.label}${this.required?n.html`<span class="required">*</span>`:n.nothing}
+      </label>
+    `}_renderEmpty(){return n.html`
+      <div class="empty" part="editor">
+        请先上传原图，随后在这里涂抹生成蒙版
+      </div>
+    `}_renderEditor(){return n.html`
+      <div class="editor" part="editor">
+        <div
+          class="stage"
+          tabindex="0"
+          @wheel=${this._handleWheel}
+          @keydown=${this._handleKeyDown}
+          @keyup=${this._handleKeyUp}
+          @blur=${this._handleBlur}
+          @pointerenter=${this._focusStage}
+        >
+          <img src=${this.source} alt="原图" />
+          <canvas
+            class=${this._isPanning?`dragging`:this._isSpacePressed?`panning`:``}
+            part="canvas"
+            @pointerdown=${this._handlePointerDown}
+            @pointermove=${this._handlePointerMove}
+            @pointerup=${this._handlePointerUp}
+            @pointercancel=${this._handlePointerUp}
+          ></canvas>
+        </div>
+        <div class="toolbar">
+          <button
+            type="button"
+            class=${this._mode===`paint`?`active`:``}
+            @click=${()=>{this._mode=`paint`}}
+          >涂抹</button>
+          <button
+            type="button"
+            class=${this._mode===`erase`?`active`:``}
+            @click=${()=>{this._mode=`erase`}}
+          >擦除</button>
+          <button type="button" ?disabled=${!this._canUndo} @click=${this._undo}>撤销</button>
+          <button type="button" ?disabled=${!this._canRedo} @click=${this._redo}>重做</button>
+          <input
+            type="range"
+            min="8"
+            max="80"
+            .value=${String(this.brushSize)}
+            @input=${e=>{this.brushSize=Number(e.target.value)}}
+          />
+          <span class="zoom-value">${Math.round(this._zoom*100)}%</span>
+          <button type="button" @click=${()=>this._resetView()}>重置视图</button>
+          <button type="button" @click=${()=>this._clearCanvas()}>清空</button>
+        </div>
+      </div>
+    `}};v([g({type:String})],b.prototype,`label`,void 0),v([g({type:String})],b.prototype,`name`,void 0),v([g({type:String})],b.prototype,`hint`,void 0),v([g({type:Boolean})],b.prototype,`required`,void 0),v([g({type:String})],b.prototype,`value`,void 0),v([g({type:String})],b.prototype,`source`,void 0),v([g({type:Boolean})],b.prototype,`disabled`,void 0),v([g({type:Number})],b.prototype,`brushSize`,void 0),v([_()],b.prototype,`_mode`,void 0),v([_()],b.prototype,`_isDrawing`,void 0),v([_()],b.prototype,`_errorMessage`,void 0),v([_()],b.prototype,`_aspectRatio`,void 0),v([_()],b.prototype,`_canUndo`,void 0),v([_()],b.prototype,`_canRedo`,void 0),v([_()],b.prototype,`_zoom`,void 0),v([_()],b.prototype,`_isSpacePressed`,void 0),v([_()],b.prototype,`_isPanning`,void 0),v([_()],b.prototype,`_panX`,void 0),v([_()],b.prototype,`_panY`,void 0),v([me(`canvas`)],b.prototype,`_canvas`,void 0),b=v([r(`lc-mask-editor`)],b);var x=class extends n.LitElement{constructor(...e){super(...e),this.label=``,this.name=``,this.value=``,this.mode=`button`,this.multiple=!1,this.required=!1,this.disabled=!1,this.showIcon=!1,this.options=`[]`}static{this.styles=n.css`
+    :host {
+      display: block;
+      font-family: var(--lc-font-family);
+    }
+
+    .label {
+      display: block;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      margin-bottom: var(--lc-spacing-2);
+    }
+
+    .label .required {
+      color: var(--lc-color-error);
+      margin-left: 2px;
+    }
+
+    .button-group {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--lc-spacing-2);
+    }
+
+    .button-group.with-icon {
+      gap: var(--lc-spacing-3);
+    }
+
+    .btn {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: var(--lc-spacing-1);
+      padding: var(--lc-spacing-1) var(--lc-spacing-3);
+      border: 1px solid var(--lc-color-border);
+      border-radius: var(--lc-radius-sm);
+      background: var(--lc-color-bg);
+      color: var(--lc-color-text);
+      cursor: pointer;
+      font-size: var(--lc-font-size-sm);
+      font-family: var(--lc-font-family);
+      transition: all var(--lc-transition-fast);
+    }
+
+    .btn.with-icon {
+      min-width: 64px;
+      min-height: 64px;
+      flex-direction: column;
+      padding: var(--lc-spacing-2);
+    }
+
+    .btn:hover:not(.active):not(:disabled) {
+      border-color: var(--lc-color-primary);
+    }
+
+    .btn.active {
+      background: var(--lc-color-primary);
+      color: white;
+      border-color: var(--lc-color-primary);
+    }
+
+    .btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .radio-group {
+      display: flex;
+      flex-direction: column;
+      gap: var(--lc-spacing-2);
+    }
+
+    .radio-item {
+      display: flex;
+      align-items: center;
+      gap: var(--lc-spacing-2);
+      cursor: pointer;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+    }
+
+    .radio-item input {
+      accent-color: var(--lc-color-primary);
+    }
+
+    .radio-item.disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .option-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--lc-color-text-secondary);
+      line-height: 1;
+    }
+
+    .btn.active .option-icon {
+      color: white;
+    }
+
+    .ratio-box {
+      border: 2px solid currentColor;
+      border-radius: 2px;
+      background: var(--lc-color-bg-secondary);
+      box-sizing: border-box;
+    }
+
+    .select-input {
+      width: 100%;
+      padding: var(--lc-spacing-1) var(--lc-spacing-2);
+      border: 1px solid var(--lc-color-border);
+      border-radius: var(--lc-radius-sm);
+      font-size: var(--lc-font-size-sm);
+      font-family: var(--lc-font-family);
+      color: var(--lc-color-text);
+      background: var(--lc-color-bg);
+    }
+
+    .select-input:focus {
+      outline: none;
+      border-color: var(--lc-color-primary);
+    }
+  `}get parsedOptions(){try{return JSON.parse(this.options)}catch{return[]}}get selectedValues(){if(Array.isArray(this.value))return this.value;if(this.multiple&&typeof this.value==`string`&&this.value)try{let e=JSON.parse(this.value);if(Array.isArray(e))return e.map(String)}catch{return this.value.split(`,`).map(e=>e.trim()).filter(Boolean)}return typeof this.value==`string`&&this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e)}emitChange(e){this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:e},bubbles:!0,composed:!0}))}getRatioBoxDimensions(e){let[t,n]=e.split(`:`).map(Number),r=32/Math.max(t,n);return{width:Math.round(t*r),height:Math.round(n*r)}}isRatioValue(e){return/^\d+(?:\.\d+)?:\d+(?:\.\d+)?$/.test(e)}renderOptionIcon(e){if(!this.showIcon)return n.nothing;if(e.icon)return n.html`<span class="option-icon" aria-hidden="true">${e.icon}</span>`;if(this.isRatioValue(e.value)){let t=this.getRatioBoxDimensions(e.value);return n.html`
+        <span class="option-icon" aria-hidden="true">
+          <span class="ratio-box" style="width: ${t.width}px; height: ${t.height}px;"></span>
+        </span>
+      `}return n.nothing}handleSelect(e){let t=e.target;this.value=this.multiple?Array.from(t.selectedOptions).map(e=>e.value):t.value,this.emitChange(this.value)}handleRadioChange(e){let t=e.target;this.value=t.value,this.emitChange(this.value)}handleCheckboxChange(e){let t=e.target,n=new Set(this.selectedValues);t.checked?n.add(t.value):n.delete(t.value),this.value=Array.from(n),this.emitChange(this.value)}handleButtonClick(e){if(!this.multiple){this.value=e,this.emitChange(e);return}let t=new Set(this.selectedValues);t.has(e)?t.delete(e):t.add(e),this.value=Array.from(t),this.emitChange(this.value)}render(){let e=this.parsedOptions;return n.html`
+      ${this.label?n.html`<label class="label">
+            ${this.label}${this.required?n.html`<span class="required">*</span>`:n.nothing}
+          </label>`:n.nothing}
+      ${this.mode===`button`?this.renderButtonGroup(e):this.mode===`radio`?this.renderRadioGroup(e):this.renderSelect(e)}
+    `}renderButtonGroup(e){return n.html`
+      <div class="button-group ${this.showIcon?`with-icon`:``}">
+        ${e.map(e=>n.html`
+            <button
+              type="button"
+              class="btn ${this.showIcon?`with-icon`:``} ${this.isSelected(e.value)?`active`:``}"
+              ?disabled=${this.disabled}
+              aria-pressed=${this.isSelected(e.value)}
+              @click=${()=>this.handleButtonClick(e.value)}
+            >
+              ${this.renderOptionIcon(e)}
+              ${e.label}
+            </button>
+          `)}
+      </div>
+    `}renderRadioGroup(e){return n.html`
+      <div class="radio-group">
+        ${e.map(e=>n.html`
+            <label class="radio-item ${this.disabled?`disabled`:``}">
+              <input
+                type=${this.multiple?`checkbox`:`radio`}
+                name="enum-radio"
+                .value=${e.value}
+                .checked=${this.isSelected(e.value)}
+                ?disabled=${this.disabled}
+                @change=${e=>{this.multiple?this.handleCheckboxChange(e):this.handleRadioChange(e)}}
+              />
+              ${this.renderOptionIcon(e)}
+              ${e.label}
+            </label>
+          `)}
+      </div>
+    `}renderSelect(e){return n.html`
+      <select
+        class="select-input"
+        .value=${this.multiple?``:String(this.value)}
+        ?multiple=${this.multiple}
+        ?disabled=${this.disabled}
+        @change=${this.handleSelect}
+      >
+        ${e.map(e=>n.html`<option value=${e.value} ?selected=${this.isSelected(e.value)}>
+              ${e.label}
+            </option>`)}
+      </select>
+    `}};v([g({type:String})],x.prototype,`label`,void 0),v([g({type:String})],x.prototype,`name`,void 0),v([g()],x.prototype,`value`,void 0),v([g({type:String})],x.prototype,`mode`,void 0),v([g({type:Boolean})],x.prototype,`multiple`,void 0),v([g({type:Boolean})],x.prototype,`required`,void 0),v([g({type:Boolean})],x.prototype,`disabled`,void 0),v([g({type:Boolean,attribute:`show-icon`})],x.prototype,`showIcon`,void 0),v([g({type:String})],x.prototype,`options`,void 0),x=v([r(`lc-enum-selector`)],x);var S=class extends n.LitElement{constructor(...e){super(...e),this.value=``,this.name=``,this.label=``,this.placeholder=``,this.maxLength=500,this.required=!1,this.disabled=!1}static{this.styles=n.css`
+    :host {
+      display: block;
+      font-family: var(--lc-font-family);
+    }
+
+    .label {
+      display: block;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      margin-bottom: var(--lc-spacing-2);
+    }
+
+    .label .required {
+      color: var(--lc-color-error);
+      margin-left: 2px;
+    }
+
+    .wrapper {
+      position: relative;
+    }
+
+    textarea {
+      width: 100%;
+      min-height: 80px;
+      padding: var(--lc-spacing-3);
+      border: 1px solid var(--lc-color-border);
+      border-radius: var(--lc-radius-component);
+      font-family: var(--lc-font-family);
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      resize: vertical;
+      outline: none;
+      transition: border-color var(--lc-transition-fast);
+      box-sizing: border-box;
+    }
+
+    textarea:focus {
+      border-color: var(--lc-color-primary);
+    }
+
+    textarea::placeholder {
+      color: var(--lc-color-text-placeholder);
+    }
+
+    textarea:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .counter {
+      text-align: right;
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+      margin-top: var(--lc-spacing-1);
+    }
+
+    .counter.over {
+      color: var(--lc-color-error);
+    }
+  `}emitChange(e){this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:e},bubbles:!0,composed:!0}))}handleInput(e){let t=e.target;this.value=t.value,this.emitChange(this.value)}render(){let e=this.value.length>this.maxLength;return n.html`
+      ${this.label?n.html`<label class="label">
+            ${this.label}${this.required?n.html`<span class="required">*</span>`:n.nothing}
+          </label>`:n.nothing}
+      <div class="wrapper">
+        <textarea
+          .value=${this.value}
+          .placeholder=${this.placeholder}
+          ?disabled=${this.disabled}
+          .maxLength=${this.maxLength}
+          @input=${this.handleInput}
+        ></textarea>
+      </div>
+      <div class="counter ${e?`over`:``}">
+        ${this.value.length}/${this.maxLength}
+      </div>
+    `}};v([g({type:String})],S.prototype,`value`,void 0),v([g({type:String})],S.prototype,`name`,void 0),v([g({type:String})],S.prototype,`label`,void 0),v([g({type:String})],S.prototype,`placeholder`,void 0),v([g({type:Number})],S.prototype,`maxLength`,void 0),v([g({type:Boolean})],S.prototype,`required`,void 0),v([g({type:Boolean})],S.prototype,`disabled`,void 0),S=v([r(`lc-prompt-input`)],S);var C=globalThis,he=e=>e,w=C.trustedTypes,ge=w?w.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,T=`$lit$`,E=`lit$${Math.random().toFixed(9).slice(2)}$`,D=`?`+E,_e=`<${D}>`,O=document,k=()=>O.createComment(``),A=e=>e===null||typeof e!=`object`&&typeof e!=`function`,j=Array.isArray,ve=e=>j(e)||typeof e?.[Symbol.iterator]==`function`,M=`[ 	
+\f\r]`,N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ye=/-->/g,be=/>/g,P=RegExp(`>|${M}(?:([^\\s"'>=/]+)(${M}*=${M}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,`g`),xe=/'/g,Se=/"/g,Ce=/^(?:script|style|textarea|title)$/i,F=Symbol.for(`lit-noChange`),I=Symbol.for(`lit-nothing`),we=new WeakMap,L=O.createTreeWalker(O,129);function Te(e,t){if(!j(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return ge===void 0?t:ge.createHTML(t)}var Ee=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=N;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===N?c[1]===`!--`?o=ye:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=P):(Ce.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=P):o=be:o===P?c[0]===`>`?(o=i??N,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?P:c[3]===`"`?Se:xe):o===Se||o===xe?o=P:o===ye||o===be?o=N:(o=P,i=void 0);let d=o===P&&e[t+1].startsWith(`/>`)?` `:``;a+=o===N?n+_e:l>=0?(r.push(s),n.slice(0,l)+T+n.slice(l)+E+d):n+E+(l===-2?t:d)}return[Te(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},R=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=Ee(t,n);if(this.el=e.createElement(l,r),L.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=L.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(T)){let t=u[o++],n=i.getAttribute(e).split(E),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?Oe:r[1]===`?`?ke:r[1]===`@`?Ae:V}),i.removeAttribute(e)}else e.startsWith(E)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(Ce.test(i.tagName)){let e=i.textContent.split(E),t=e.length-1;if(t>0){i.textContent=w?w.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],k()),L.nextNode(),c.push({type:2,index:++a});i.append(e[t],k())}}}else if(i.nodeType===8)if(i.data===D)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(E,e+1))!==-1;)c.push({type:7,index:a}),e+=E.length-1}a++}}static createElement(e,t){let n=O.createElement(`template`);return n.innerHTML=e,n}};function z(e,t,n=e,r){if(t===F)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=A(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=z(e,i._$AS(e,t.values),i,r)),t}var De=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??O).importNode(t,!0);L.currentNode=r;let i=L.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new B(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new je(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=L.nextNode(),a++)}return L.currentNode=O,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},B=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=I,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=z(this,e,t),A(e)?e===I||e==null||e===``?(this._$AH!==I&&this._$AR(),this._$AH=I):e!==this._$AH&&e!==F&&this._(e):e._$litType$===void 0?e.nodeType===void 0?ve(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==I&&A(this._$AH)?this._$AA.nextSibling.data=e:this.T(O.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=R.createElement(Te(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new De(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=we.get(e.strings);return t===void 0&&we.set(e.strings,t=new R(e)),t}k(t){j(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(k()),this.O(k()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=he(e).nextSibling;he(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},V=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=I,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=I}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=z(this,e,t,0),a=!A(e)||e!==this._$AH&&e!==F,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=z(this,r[n+o],t,o),s===F&&(s=this._$AH[o]),a||=!A(s)||s!==this._$AH[o],s===I?e=I:e!==I&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===I?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},Oe=class extends V{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===I?void 0:e}},ke=class extends V{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==I)}},Ae=class extends V{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=z(this,e,t,0)??I)===F)return;let n=this._$AH,r=e===I&&n!==I||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==I&&(n===I||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},je=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){z(this,e)}},Me={M:T,P:E,A:D,C:1,L:Ee,R:De,D:ve,V:z,I:B,H:V,N:ke,U:Ae,B:Oe,F:je},Ne=C.litHtmlPolyfillSupport;Ne?.(R,B),(C.litHtmlVersions??=[]).push(`3.3.3`);var{I:Pe}=Me,Fe=e=>e.strings===void 0,Ie={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Le=e=>(...t)=>({_$litDirective$:e,values:t}),Re=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}},H=(e,t)=>{let n=e._$AN;if(n===void 0)return!1;for(let e of n)e._$AO?.(t,!1),H(e,t);return!0},U=e=>{let t,n;do{if((t=e._$AM)===void 0)break;n=t._$AN,n.delete(e),e=t}while(n?.size===0)},ze=e=>{for(let t;t=e._$AM;e=t){let n=t._$AN;if(n===void 0)t._$AN=n=new Set;else if(n.has(e))break;n.add(e),He(t)}};function Be(e){this._$AN===void 0?this._$AM=e:(U(this),this._$AM=e,ze(this))}function Ve(e,t=!1,n=0){let r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let e=n;e<r.length;e++)H(r[e],!1),U(r[e]);else r!=null&&(H(r,!1),U(r));else H(this,e)}var He=e=>{e.type==Ie.CHILD&&(e._$AP??=Ve,e._$AQ??=Be)},Ue=class extends Re{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,n){super._$AT(e,t,n),ze(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(H(this,e),U(this))}setValue(e){if(Fe(this._$Ct))this._$Ct._$AI(e,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}},We=()=>new Ge,Ge=class{},W=new WeakMap,Ke=Le(class extends Ue{render(e){return I}update(e,[t]){let n=t!==this.G;return n&&this.rt(void 0),(n||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),I}rt(e){if(this.G!==void 0)if(this.isConnected||(e=void 0),typeof this.G==`function`){let t=this.ht??globalThis,n=W.get(t);n===void 0&&(n=new WeakMap,W.set(t,n)),n.get(this.G)!==void 0&&this.G.call(this.ht,void 0),n.set(this.G,e),e!==void 0&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return typeof this.G==`function`?W.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),G=class extends n.LitElement{constructor(...e){super(...e),this.value=``,this.name=``,this.label=``,this.disabled=!1,this.colorInputRef=We()}static{this.styles=n.css`
+    :host {
+      display: block;
+      font-family: var(--lc-font-family);
+    }
+
+    .label {
+      display: block;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      margin-bottom: var(--lc-spacing-2);
+    }
+
+    .container {
+      display: flex;
+      align-items: center;
+      gap: var(--lc-spacing-3);
+    }
+
+    .preview {
+      width: 40px;
+      height: 40px;
+      border-radius: var(--lc-radius-sm);
+      border: 1px solid var(--lc-color-border);
+      cursor: pointer;
+      flex-shrink: 0;
+      transition: border-color var(--lc-transition-fast);
+    }
+
+    .preview:hover {
+      border-color: var(--lc-color-primary);
+    }
+
+    .preview.disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .hex-input {
+      padding: var(--lc-spacing-1) var(--lc-spacing-2);
+      border: 1px solid var(--lc-color-border);
+      border-radius: var(--lc-radius-sm);
+      font-size: var(--lc-font-size-sm);
+      font-family: var(--lc-font-family);
+      width: 100px;
+      color: var(--lc-color-text);
+      outline: none;
+      transition: border-color var(--lc-transition-fast);
+    }
+
+    .hex-input:focus {
+      border-color: var(--lc-color-primary);
+    }
+
+    .hex-input:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .hidden {
+      position: absolute;
+      opacity: 0;
+      width: 0;
+      height: 0;
+      pointer-events: none;
+    }
+  `}emitChange(e){this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:e},bubbles:!0,composed:!0}))}handleHexInput(e){let t=e.target.value.trim();t&&!t.startsWith(`#`)&&(t=`#`+t),this.value=t,this.emitChange(this.value)}handleColorInput(e){let t=e.target;this.value=t.value,this.emitChange(this.value)}openPicker(){!this.disabled&&this.colorInputRef.value&&this.colorInputRef.value.click()}render(){let e=this.value||`#000000`;return n.html`
+      ${this.label?n.html`<label class="label">${this.label}</label>`:n.nothing}
+      <div class="container">
+        <input
+          class="hidden"
+          type="color"
+          .value=${e}
+          ?disabled=${this.disabled}
+          @input=${this.handleColorInput}
+          ${Ke(this.colorInputRef)}
+        />
+        <div
+          class="preview ${this.disabled?`disabled`:``}"
+          style="background-color: ${e};"
+          @click=${this.openPicker}
+        ></div>
+        <input
+          class="hex-input"
+          type="text"
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          placeholder="#000000"
+          @input=${this.handleHexInput}
+        />
+      </div>
+    `}};v([g({type:String})],G.prototype,`value`,void 0),v([g({type:String})],G.prototype,`name`,void 0),v([g({type:String})],G.prototype,`label`,void 0),v([g({type:Boolean})],G.prototype,`disabled`,void 0),G=v([r(`lc-color-picker`)],G);var K=class extends n.LitElement{constructor(...e){super(...e),this.value=.5,this.min=0,this.max=1,this.step=.1,this.name=``,this.label=``,this.disabled=!1}static{this.styles=n.css`
+    :host {
+      display: block;
+      font-family: var(--lc-font-family);
+    }
+
+    .label {
+      display: block;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+      margin-bottom: var(--lc-spacing-2);
+    }
+
+    .container {
+      display: flex;
+      align-items: center;
+      gap: var(--lc-spacing-3);
+    }
+
+    input[type='range'] {
+      flex: 1;
+      accent-color: var(--lc-color-primary);
+    }
+
+    input[type='range']:disabled {
+      opacity: 0.5;
+    }
+
+    .value-display {
+      min-width: 32px;
+      text-align: center;
+      font-size: var(--lc-font-size-sm);
+      color: var(--lc-color-text);
+    }
+  `}emitChange(e){this.dispatchEvent(new CustomEvent(t.o.CHANGE,{detail:{value:e},bubbles:!0,composed:!0}))}handleInput(e){let t=e.target;this.value=parseFloat(t.value),this.emitChange(this.value)}render(){return n.html`
+      ${this.label?n.html`<label class="label">${this.label}</label>`:n.nothing}
+      <div class="container">
+        <input
+          type="range"
+          .min=${String(this.min)}
+          .max=${String(this.max)}
+          .step=${String(this.step)}
+          .value=${String(this.value)}
+          ?disabled=${this.disabled}
+          @input=${this.handleInput}
+        />
+        <span class="value-display">${this.value}</span>
+      </div>
+    `}};v([g({type:Number})],K.prototype,`value`,void 0),v([g({type:Number})],K.prototype,`min`,void 0),v([g({type:Number})],K.prototype,`max`,void 0),v([g({type:Number})],K.prototype,`step`,void 0),v([g({type:String})],K.prototype,`name`,void 0),v([g({type:String})],K.prototype,`label`,void 0),v([g({type:Boolean})],K.prototype,`disabled`,void 0),K=v([r(`lc-strength-slider`)],K);var qe={pending:`等待中`,running:`运行中`,done:`已完成`,exception:`异常`},q=class extends n.LitElement{constructor(...e){super(...e),this.taskId=``,this.status=`pending`,this.progress=0,this.queuePos=-1,this.errorMessage=``,this.submittedAt=0}static{this.styles=n.css`
+    :host {
+      display: block;
+      --lc-progress-height: 8px;
+      --lc-progress-bg: var(--lc-color-gray-100);
+      --lc-progress-fill: var(--lc-color-primary);
+      --lc-progress-radius: var(--lc-radius-full);
+      --lc-card-padding: var(--lc-spacing-4);
+      --lc-card-bg: var(--lc-color-bg);
+      --lc-card-border: 1px solid var(--lc-color-border);
+      --lc-card-radius: var(--lc-radius-lg);
+    }
+
+    .card {
+      padding: var(--lc-card-padding);
+      background: var(--lc-card-bg);
+      border: var(--lc-card-border);
+      border-radius: var(--lc-card-radius);
+      font-family: var(--lc-font-family);
+    }
+
+    .title {
+      font-size: var(--lc-font-size-sm);
+      font-weight: 500;
+      color: var(--lc-color-text);
+      margin-bottom: var(--lc-spacing-3);
+    }
+
+    .progress-track {
+      height: var(--lc-progress-height);
+      background: var(--lc-progress-bg);
+      border-radius: var(--lc-progress-radius);
+      overflow: hidden;
+      margin-bottom: var(--lc-spacing-3);
+    }
+
+    .progress-fill {
+      height: 100%;
+      background: var(--lc-progress-fill);
+      border-radius: var(--lc-progress-radius);
+      transition: width var(--lc-transition-normal);
+    }
+
+    .progress-text {
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+      margin-bottom: var(--lc-spacing-2);
+      text-align: right;
+    }
+
+    .meta {
+      display: flex;
+      align-items: center;
+      gap: var(--lc-spacing-2);
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-text-secondary);
+    }
+
+    .status-dot {
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+
+    .separator {
+      color: var(--lc-color-gray-300);
+    }
+
+    .error-message {
+      margin-top: var(--lc-spacing-2);
+      font-size: var(--lc-font-size-xs);
+      color: var(--lc-color-error);
+    }
+  `}getStatusColor(){switch(this.status){case`pending`:return`var(--lc-color-gray-300)`;case`running`:return`var(--lc-color-primary)`;case`done`:return`var(--lc-color-success)`;case`exception`:return`var(--lc-color-error)`}}formatTime(e){return e?new Date(e).toLocaleString(`zh-CN`):``}render(){let e=Math.max(0,Math.min(1,this.progress)),t=`width: ${e*100}%`,r=`background: ${this.getStatusColor()}`;return n.html`
+      <div class="card" part="card">
+        <div class="title">任务 #${this.taskId}</div>
+        <div class="progress-text">${Math.round(e*100)}%</div>
+        <div class="progress-track" part="progress-bar">
+          <div class="progress-fill" style=${t} part="progress-fill"></div>
+        </div>
+        <div class="meta">
+          <span class="status-dot" style=${r}></span>
+          <span part="status">${qe[this.status]}</span>
+          ${this.queuePos>=0?n.html`<span class="separator">·</span><span>队列位置: ${this.queuePos}</span>`:null}
+        </div>
+        ${this.submittedAt?n.html`<div class="meta" style="margin-top: var(--lc-spacing-1)">
+              提交时间: ${this.formatTime(this.submittedAt)}
+            </div>`:null}
+        ${this.status===`exception`&&this.errorMessage?n.html`<div class="error-message">${this.errorMessage}</div>`:null}
+      </div>
+    `}};v([g({type:String})],q.prototype,`taskId`,void 0),v([g({type:String})],q.prototype,`status`,void 0),v([g({type:Number})],q.prototype,`progress`,void 0),v([g({type:Number})],q.prototype,`queuePos`,void 0),v([g({type:String})],q.prototype,`errorMessage`,void 0),v([g({type:Number})],q.prototype,`submittedAt`,void 0),q=v([r(`lc-task-progress-card`)],q);var J=class extends n.LitElement{constructor(...e){super(...e),this.images=`[]`,this.originalUrl=``,this.showDownload=!0}static{this.styles=n.css`
+    :host {
+      display: block;
+      --lc-gallery-gap: var(--lc-spacing-3);
+      --lc-gallery-item-radius: var(--lc-radius-md);
+      --lc-gallery-overlay-bg: rgba(0, 0, 0, 0.6);
+    }
+
+    .gallery {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: var(--lc-gallery-gap);
+    }
+
+    .image-item {
+      position: relative;
+      border-radius: var(--lc-gallery-item-radius);
+      overflow: hidden;
+      cursor: pointer;
+    }
+
+    .image-item img {
+      display: block;
+      width: 100%;
+      height: auto;
+      border-radius: var(--lc-gallery-item-radius);
+    }
+
+    .overlay {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: var(--lc-spacing-2);
+      background: var(--lc-gallery-overlay-bg);
+      opacity: 0;
+      transition: opacity var(--lc-transition-fast);
+    }
+
+    .image-item:hover .overlay {
+      opacity: 1;
+    }
+
+    .action-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      border-radius: var(--lc-radius-sm);
+      background: rgba(255, 255, 255, 0.9);
+      color: var(--lc-color-gray-900);
+      font-size: var(--lc-font-size-base);
+      text-decoration: none;
+      border: none;
+      cursor: pointer;
+    }
+
+    .action-btn:hover {
+      background: white;
+    }
+  `}getParsedImages(){try{let e=JSON.parse(this.images);return Array.isArray(e)?e:[]}catch{return[]}}_onImageClick(e){this.dispatchEvent(new CustomEvent(t.o.IMAGE_CLICK,{detail:{index:e.index,url:e.url},bubbles:!0,composed:!0}))}_onCompare(e){this.dispatchEvent(new CustomEvent(t.o.COMPARE,{detail:{originalUrl:this.originalUrl,resultUrl:e},bubbles:!0,composed:!0}))}renderImageItem(e){return n.html`
+      <div class="image-item" @click=${()=>this._onImageClick(e)}>
+        <img src="${e.url}" alt="结果 ${e.index+1}">
+        <div class="overlay">
+          ${this.showDownload?n.html`<a class="action-btn" href="${e.url}" download title="下载">&#11015;</a>`:n.nothing}
+          ${this.originalUrl?n.html`<button class="action-btn" @click=${t=>{t.stopPropagation(),this._onCompare(e.url)}} title="对比">&#8801;</button>`:n.nothing}
+        </div>
+      </div>
+    `}render(){return n.html`
+      <div class="gallery">
+        ${this.getParsedImages().map(e=>this.renderImageItem(e))}
+      </div>
+    `}};v([g({type:String})],J.prototype,`images`,void 0),v([g({type:String})],J.prototype,`originalUrl`,void 0),v([g({type:Boolean})],J.prototype,`showDownload`,void 0),J=v([r(`lc-result-gallery`)],J);var Y=class extends n.LitElement{constructor(...e){super(...e),this.beforeSrc=``,this.afterSrc=``,this.beforeLabel=`原图`,this.afterLabel=`结果`,this._position=50}static{this.styles=n.css`
+    :host {
+      display: block;
+      --lc-compare-width: 100%;
+      --lc-compare-max-height: 500px;
+      --lc-slider-width: 2px;
+      --lc-slider-color: white;
+      --lc-handle-size: 40px;
+      --lc-handle-color: white;
+      --lc-handle-shadow: var(--lc-shadow-md);
+    }
+
+    .compare-container {
+      position: relative;
+      width: var(--lc-compare-width);
+      max-height: var(--lc-compare-max-height);
+      overflow: hidden;
+      user-select: none;
+    }
+
+    .compare-container img {
+      display: block;
+      width: 100%;
+      height: auto;
+    }
+
+    .after-wrapper {
+      position: relative;
+    }
+
+    .before-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .slider-handle {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      width: var(--lc-slider-width);
+      background: var(--lc-slider-color);
+      cursor: ew-resize;
+      z-index: 2;
+      transform: translateX(-50%);
+    }
+
+    .slider-handle::after {
+      content: '\\27F7';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: var(--lc-handle-size);
+      height: var(--lc-handle-size);
+      border-radius: 50%;
+      background: var(--lc-handle-color);
+      box-shadow: var(--lc-handle-shadow);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+    }
+
+    .label {
+      position: absolute;
+      bottom: 8px;
+      padding: 2px 8px;
+      border-radius: var(--lc-radius-sm);
+      background: rgba(0, 0, 0, 0.5);
+      color: white;
+      font-size: var(--lc-font-size-xs);
+      z-index: 3;
+    }
+
+    .label-before { left: 8px; }
+    .label-after { right: 8px; }
+  `}_onPointerDown(e){e.currentTarget.setPointerCapture(e.pointerId)}_onPointerMove(e){let t=this.shadowRoot?.querySelector(`.compare-container`);if(!t)return;let n=t.getBoundingClientRect(),r=e.clientX-n.left;this._position=Math.max(0,Math.min(100,r/n.width*100))}render(){let e=`clip-path: inset(0 0 0 ${this._position}%)`,t=`left: ${this._position}%`;return n.html`
+      <div class="compare-container" part="container">
+        <div class="after-wrapper">
+          <img src="${this.afterSrc}" alt="${this.afterLabel}">
+        </div>
+        <img class="before-image" src="${this.beforeSrc}" alt="${this.beforeLabel}" style=${e}>
+        <div
+          class="slider-handle"
+          part="slider"
+          style=${t}
+          @pointerdown=${this._onPointerDown}
+          @pointermove=${this._onPointerMove}
+        ></div>
+        <span class="label label-before">${this.beforeLabel}</span>
+        <span class="label label-after">${this.afterLabel}</span>
+      </div>
+    `}};v([g({type:String})],Y.prototype,`beforeSrc`,void 0),v([g({type:String})],Y.prototype,`afterSrc`,void 0),v([g({type:String})],Y.prototype,`beforeLabel`,void 0),v([g({type:String})],Y.prototype,`afterLabel`,void 0),v([_()],Y.prototype,`_position`,void 0),Y=v([r(`lc-image-compare-slider`)],Y);var X=t.P,Z=t.o,Q=class extends n.LitElement{constructor(...n){super(...n),this.type=``,this.submitEndpoint=``,this.pollEndpoint=t.N.POLL_ENDPOINT,this.pollInterval=t.N.POLL_INTERVAL,this.maxPollAttempts=t.N.MAX_POLL_ATTEMPTS,this.phase=X.IDLE,this.taskId=``,this.progress=0,this.result=null,this.error=``,this._defaultClient=new e.t}get typeDef(){return this._syncClientConfig(),this._activeClient.typeDef}get taskFields(){return this.typeDef?.fields??[]}async submit(e){this.phase===X.SUBMITTING||this.phase===X.POLLING||(this._syncClientConfig(),this.phase=X.SUBMITTING,this.error=``,this.progress=0,this.result=null,await this._activeClient.submit(this.type||this._activeClient.type,e),this._syncStateFromClient())}reset(){this._activeClient.reset(),this._syncStateFromClient()}async _handleFormSubmit(e){e.preventDefault(),await this.submit(this.collectFormData())}_handleClick(e){e.composedPath().find(e=>e instanceof HTMLElement?(e.type||e.getAttribute(`type`))===`submit`:!1)&&(e.preventDefault(),this.submit(this.collectFormData()))}_handleChildChange(e){let t=e.target;if(!(t instanceof HTMLElement))return;let n=Je(t);if(!n)return;let r=Ze(e)??Ye(t);r!==void 0&&(t.value=r,this._syncMaskSources(n,r))}_syncMaskSources(e,t){this.taskFields.find(t=>t.name===e)?.type===`image`&&(typeof t!=`string`||!t||this.querySelectorAll(`lc-mask-editor`).forEach(e=>{let n=e;n.source||=t}))}collectFormData(){let e={},t=this.querySelectorAll(`*`),n=new Map(this.taskFields.map(e=>[e.name,e]));return t.forEach(t=>{let r=Je(t);if(!r)return;let i=Xe(t);n.get(r)?.type===`images`&&typeof i==`string`&&i&&(i=[i]),n.get(r)?.type===`multiEnum`&&typeof i==`string`&&i&&(i=Qe(i)),i!==void 0&&(e[r]=i)}),e}get _activeClient(){return this.client??this._defaultClient}_syncClientConfig(){let e={customRequest:this.customRequest,customUploadRequest:this.customUploadRequest,onSubmit:e=>{this._syncStateFromClient(),this.dispatchEvent(new CustomEvent(Z.SUBMIT,{detail:e,bubbles:!0,composed:!0}))},onPoll:e=>{this._syncStateFromClient(),this.dispatchEvent(new CustomEvent(Z.POLL,{detail:e,bubbles:!0,composed:!0}))},onSuccess:e=>{this._syncStateFromClient(),this.dispatchEvent(new CustomEvent(Z.SUCCESS,{detail:e,bubbles:!0,composed:!0}))},onError:e=>this._fail(e.message,e.phase)};this.client?(this.type&&(e.type=this.type),this.submitEndpoint&&(e.submitEndpoint=this.submitEndpoint),this.pollEndpoint!==t.N.POLL_ENDPOINT&&(e.pollEndpoint=this.pollEndpoint),this.pollInterval!==t.N.POLL_INTERVAL&&(e.pollInterval=this.pollInterval),this.maxPollAttempts!==t.N.MAX_POLL_ATTEMPTS&&(e.maxPollAttempts=this.maxPollAttempts)):(e.type=this.type,this.submitEndpoint&&(e.submitEndpoint=this.submitEndpoint),e.pollEndpoint=this.pollEndpoint,e.pollInterval=this.pollInterval,e.maxPollAttempts=this.maxPollAttempts),this._activeClient.configure(e)}_syncStateFromClient(){let e=this._activeClient;this.phase=e.phase,this.taskId=e.taskId,this.progress=e.progress,this.result=e.result,this.error=e.error}_fail(e,t){this.phase=X.ERROR,this.error=e,this.dispatchEvent(new CustomEvent(Z.ERROR,{detail:{message:e,phase:t},bubbles:!0,composed:!0}))}render(){return n.html`
+      <form @submit=${this._handleFormSubmit} @click=${this._handleClick} @change=${this._handleChildChange}>
+        <slot></slot>
+      </form>
+    `}};v([g({type:String})],Q.prototype,`type`,void 0),v([g({type:String,attribute:`submit-endpoint`})],Q.prototype,`submitEndpoint`,void 0),v([g({type:String,attribute:`poll-endpoint`})],Q.prototype,`pollEndpoint`,void 0),v([g({type:Number})],Q.prototype,`pollInterval`,void 0),v([g({type:Number})],Q.prototype,`maxPollAttempts`,void 0),v([g({attribute:!1})],Q.prototype,`client`,void 0),v([g({attribute:!1})],Q.prototype,`customRequest`,void 0),v([g({attribute:!1})],Q.prototype,`customUploadRequest`,void 0),v([_()],Q.prototype,`phase`,void 0),v([_()],Q.prototype,`taskId`,void 0),v([_()],Q.prototype,`progress`,void 0),v([_()],Q.prototype,`result`,void 0),v([_()],Q.prototype,`error`,void 0),Q=v([r(`lc-task-workflow`)],Q);function Je(e){return e.name||e.getAttribute(`name`)||``}function Ye(e){let t=e.value;if(t!==void 0)return t;if(e.hasAttribute(`value`))return e.getAttribute(`value`)??``}function Xe(e){return e.file||Ye(e)}function Ze(e){let t=e.detail;if(t){if(`value`in t)return t.value;if(`file`in t)return t.file}}function Qe(e){try{let t=JSON.parse(e);if(Array.isArray(t))return t.map(String)}catch{}return e.split(`,`).map(e=>e.trim()).filter(Boolean)}var $=class extends n.LitElement{constructor(...e){super(...e),this.type=`button`,this.variant=`primary`,this.disabled=!1}static{this.styles=n.css`
+    :host {
+      display: inline-block;
+      --lc-button-bg: var(--lc-color-primary);
+      --lc-button-bg-hover: var(--lc-color-primary-hover);
+      --lc-button-color: #fff;
+      --lc-button-border: 1px solid var(--lc-color-primary);
+      --lc-button-radius: var(--lc-radius-component);
+      --lc-button-padding: var(--lc-spacing-2) var(--lc-spacing-4);
+    }
+
+    button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: var(--lc-spacing-2);
+      min-height: 36px;
+      padding: var(--lc-button-padding);
+      border: var(--lc-button-border);
+      border-radius: var(--lc-button-radius);
+      background: var(--lc-button-bg);
+      color: var(--lc-button-color);
+      font: inherit;
+      font-family: var(--lc-font-family);
+      cursor: pointer;
+      transition: background var(--lc-transition-fast), border-color var(--lc-transition-fast), opacity var(--lc-transition-fast);
+    }
+
+    button:hover:not(:disabled) {
+      background: var(--lc-button-bg-hover);
+    }
+
+    button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    :host([variant='secondary']) {
+      --lc-button-bg: var(--lc-color-bg);
+      --lc-button-bg-hover: var(--lc-color-bg-secondary);
+      --lc-button-color: var(--lc-color-text);
+      --lc-button-border: 1px solid var(--lc-color-border);
+    }
+  `}handleClick(e){e.stopPropagation(),!this.disabled&&this.dispatchEvent(new MouseEvent(`click`,{bubbles:!0,composed:!0,cancelable:!0}))}render(){return n.html`
+      <button type=${this.type} ?disabled=${this.disabled} part="button" @click=${this.handleClick}>
+        <slot></slot>
+      </button>
+    `}};v([g({type:String})],$.prototype,`type`,void 0),v([g({type:String,reflect:!0})],$.prototype,`variant`,void 0),v([g({type:Boolean})],$.prototype,`disabled`,void 0),$=v([r(`lc-button`)],$),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return b}});