@golemui/gui-lit 1.4.0 → 1.5.0-rc.1

package/lib/components/file-upload.element.d.ts

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { FileItem } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class FileUploadElement extends LitElement implements WithWidget {
+    widget: InputWidget<FileItem | null>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<FileItem | null, import('@golemui/gui-shared/internals').FileUploadBaseProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

package/lib/components/multi-file-upload.element.d.ts

@@ -0,0 +1,18 @@
+import { InputWidget, WithWidget } from '@golemui/core';
+import { InputWidgetAdapter, LitFormContext } from '@golemui/lit';
+import { FileItem } from '@golemui/gui-shared/internals';
+import { LitElement } from 'lit';
+import { Subscription } from 'rxjs';
+export declare class MultiFileUploadElement extends LitElement implements WithWidget {
+    widget: InputWidget<FileItem[]>;
+    formContext: LitFormContext<any>;
+    adapter: InputWidgetAdapter<FileItem[], import('@golemui/gui-shared/internals').FileUploadBaseProps>;
+    subscriptions: Subscription[];
+    createRenderRoot(): this;
+    updated(changedProperties: any): void;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    valueChanged(event: CustomEvent): void;
+    onInputError(event: CustomEvent): void;
+    disconnectedCallback(): void;
+}

package/{multi-dropdown.element-iEOlPvux.js → multi-dropdown.element-BpLDJIil.js}

@@ -38,7 +38,7 @@ class o extends R {
     t ? this.style.flex = String(t) : this.style.removeProperty("flex");
   }
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-multi-dropdown", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this._filteredItems = this.adapter.templateData.items, this.subscriptions.push(
+    super.connectedCallback(), typeof document < "u" && document.addEventListener("click", this.onDocumentClick), this.classList.add("gui-multi-dropdown", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this._filteredItems = this.adapter.templateData.items, this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => {
         const e = this.adapter.templateData;
         e.items && this._listItems?.length === 0 && this._filteredItems?.length === 0 && (this._filteredItems = e.items, this._listItems = e.items), this.requestUpdate();

package/multi-file-upload.element-DzAZAfc1.js

@@ -0,0 +1,90 @@
+import { InputWidgetAdapter as n, formContext as d, inputContext as p } from "@golemui/lit";
+import "@golemui/gui-components/multi-file-upload";
+import { consume as u, provide as c } from "@lit/context";
+import { LitElement as m, html as h } from "lit";
+import { property as g } from "lit/decorators.js";
+import { unsubscribeAll as $, safeDefine as b } from "@golemui/lit/internals";
+import "rxjs";
+var f = Object.defineProperty, l = (r, e, t, v) => {
+  for (var a = void 0, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (a = o(e, t, a) || a);
+  return a && f(e, t, a), a;
+};
+class s extends m {
+  constructor() {
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(e) {
+    super.updated(e);
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-multi-file-upload", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    super.render();
+    const e = this.adapter.templateData;
+    return h`
+      <gui-multi-file-upload
+        .uid=${this.widget.uid}
+        .path=${this.widget.path}
+        .label=${e.label}
+        .hint=${e.hint}
+        .errors=${e.errors}
+        ?touched=${e.touched}
+        ?required=${e.validator?.required}
+        ?disabled=${e.disabled}
+        ?readonly=${e.readonly}
+        .values=${e.value ?? []}
+        .dependencies=${e.deps}
+        .icon=${e.icon}
+        .accept=${e.accept}
+        .maxSize=${e.maxSize}
+        .buttonLabel=${e.buttonLabel}
+        .removeAriaLabel=${e.removeAriaLabel}
+        .cancelAriaLabel=${e.cancelAriaLabel}
+        .retryAriaLabel=${e.retryAriaLabel}
+        .removeIcon=${e.removeIcon}
+        .retryIcon=${e.retryIcon}
+        .maxSizeMessage=${e.maxSizeMessage}
+        .acceptMessage=${e.acceptMessage}
+        .interruptedMessage=${e.interruptedMessage}
+        .missingServiceMessage=${e.missingServiceMessage}
+        .uploadedMessage=${e.uploadedMessage}
+        .removedMessage=${e.removedMessage}
+        .failedMessage=${e.failedMessage}
+        @change=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+        @inputError=${this.onInputError}
+      ></gui-multi-file-upload>
+    `;
+  }
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
+  }
+  onInputError(e) {
+    const t = e.detail.message;
+    this.adapter.injectValidationIssues(t ? [t] : null);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
+  }
+}
+l([
+  u({ context: d }),
+  g({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  c({ context: p })
+], s.prototype, "adapter");
+b("gui-multi-file-upload-input", s);
+export {
+  s as MultiFileUploadElement
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "1.4.0",
+  "version": "1.5.0-rc.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -25,11 +25,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "1.4.0",
-    "@golemui/core": "1.4.0",
-    "@golemui/gui-components": "1.4.0",
-    "@golemui/gui-shared": "1.4.0",
-    "@golemui/gui-validators": "1.4.0",
+    "@golemui/lit": "1.5.0-rc.1",
+    "@golemui/core": "1.5.0-rc.1",
+    "@golemui/gui-components": "1.5.0-rc.1",
+    "@golemui/gui-shared": "1.5.0-rc.1",
+    "@golemui/gui-validators": "1.5.0-rc.1",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",