@fluid-topics/ft-file-button 1.2.73 → 1.3.1

package/build/ft-base-file-button.d.ts

@@ -0,0 +1,23 @@
+import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { FtBaseFileButtonProperties } from "./ft-base-file-button.properties";
+import { FtIconVariants } from "@fluid-topics/ft-icon";
+export declare class FileChangeEvent extends CustomEvent<{
+    file: File;
+}> {
+    constructor(file: File);
+}
+export declare class FtBaseFileButton extends FtLitElement implements FtBaseFileButtonProperties {
+    static elementDefinitions: ElementDefinitionsMap;
+    disabled: boolean;
+    label: string;
+    icon?: string;
+    iconVariant?: FtIconVariants;
+    trailingIcon: boolean;
+    accept: string;
+    private input;
+    private button;
+    protected render(): import("lit-html").TemplateResult<1>;
+    private onFileChange;
+    focus(): void;
+    clear(): void;
+}

package/build/ft-base-file-button.js

@@ -0,0 +1,81 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from "lit";
+import { property, query } from "lit/decorators.js";
+import { FtLitElement } from "@fluid-topics/ft-wc-utils";
+export class FileChangeEvent extends CustomEvent {
+    constructor(file) {
+        super("change", { detail: { file } });
+    }
+}
+class FtBaseFileButton extends FtLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.label = "";
+        this.icon = undefined;
+        this.trailingIcon = false;
+        this.accept = "";
+    }
+    render() {
+        return html `
+            <div class="ft-file-button">
+                <ft-or-ftds-button ?disabled=${this.disabled}
+                           label="${this.label}"
+                           icon="${this.icon}"
+                           .iconVariant="${this.iconVariant}"
+                           ?trailingIcon=${this.trailingIcon}
+                           @click=${() => this.input.click()}>
+                    <slot></slot>
+                </ft-or-ftds-button>
+                <input class="ft-file-button--input"
+                       type="file"
+                       accept="${this.accept}"
+                       @change=${this.onFileChange}
+                       hidden/>
+            </div>
+        `;
+    }
+    onFileChange() {
+        var _a;
+        if (((_a = this.input.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.dispatchEvent(new FileChangeEvent(this.input.files.item(0)));
+        }
+    }
+    focus() {
+        this.button.focus();
+    }
+    clear() {
+        this.input.value = "";
+    }
+}
+FtBaseFileButton.elementDefinitions = {};
+__decorate([
+    property({ type: Boolean })
+], FtBaseFileButton.prototype, "disabled", void 0);
+__decorate([
+    property()
+], FtBaseFileButton.prototype, "label", void 0);
+__decorate([
+    property()
+], FtBaseFileButton.prototype, "icon", void 0);
+__decorate([
+    property()
+], FtBaseFileButton.prototype, "iconVariant", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtBaseFileButton.prototype, "trailingIcon", void 0);
+__decorate([
+    property()
+], FtBaseFileButton.prototype, "accept", void 0);
+__decorate([
+    query(".ft-file-button--input")
+], FtBaseFileButton.prototype, "input", void 0);
+__decorate([
+    query("ft-or-ftds-button")
+], FtBaseFileButton.prototype, "button", void 0);
+export { FtBaseFileButton };

package/build/{ft-file-button.properties.d.ts → ft-base-file-button.properties.d.ts}

@@ -1,4 +1,4 @@
-export interface FtFileButtonProperties {
+export interface FtBaseFileButtonProperties {
     disabled: boolean;
     label: string;
     icon?: string;

package/build/ft-file-button.d.ts

@@ -1,24 +1,6 @@
-import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
-import { FtFileButtonProperties } from "./ft-file-button.properties";
-import { FtIconVariants } from "@fluid-topics/ft-icon";
-export declare class FileChangeEvent extends CustomEvent<{
-    file: File;
-}> {
-    constructor(file: File);
-}
-export declare class FtFileButton extends FtLitElement implements FtFileButtonProperties {
+import { FtBaseFileButton } from "./ft-base-file-button";
+import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
+export declare class FtFileButton extends FtBaseFileButton {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
-    disabled: boolean;
-    label: string;
-    icon?: string;
-    iconVariant?: FtIconVariants;
-    trailingIcon: boolean;
-    accept: string;
-    private input;
-    private button;
-    protected render(): import("lit-html").TemplateResult<1>;
-    private onFileChange;
-    focus(): void;
-    clear(): void;
 }

package/build/ft-file-button.js

@@ -1,86 +1,10 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { FtBaseFileButton } from "./ft-base-file-button";
 import { FtButton } from "@fluid-topics/ft-button";
 import { styles } from "./ft-file-button.styles";
-export class FileChangeEvent extends CustomEvent {
-    constructor(file) {
-        super("change", { detail: { file } });
-    }
-}
-class FtFileButton extends FtLitElement {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.label = "";
-        this.icon = undefined;
-        this.trailingIcon = false;
-        this.accept = "";
-    }
-    render() {
-        return html `
-            <div class="ft-file-button">
-                <ft-button ?disabled=${this.disabled}
-                           label="${this.label}"
-                           icon="${this.icon}"
-                           .iconVariant="${this.iconVariant}"
-                           ?trailingIcon=${this.trailingIcon}
-                           @click=${() => this.input.click()}>
-                    <slot></slot>
-                </ft-button>
-                <input class="ft-file-button--input"
-                       type="file"
-                       accept="${this.accept}"
-                       @change=${this.onFileChange}
-                       hidden/>
-            </div>
-        `;
-    }
-    onFileChange() {
-        var _a;
-        if (((_a = this.input.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this.dispatchEvent(new FileChangeEvent(this.input.files.item(0)));
-        }
-    }
-    focus() {
-        this.button.focus();
-    }
-    clear() {
-        this.input.value = "";
-    }
+class FtFileButton extends FtBaseFileButton {
 }
 FtFileButton.elementDefinitions = {
-    "ft-button": FtButton,
+    "ft-or-ftds-button": FtButton,
 };
 FtFileButton.styles = styles;
-__decorate([
-    property({ type: Boolean })
-], FtFileButton.prototype, "disabled", void 0);
-__decorate([
-    property()
-], FtFileButton.prototype, "label", void 0);
-__decorate([
-    property()
-], FtFileButton.prototype, "icon", void 0);
-__decorate([
-    property()
-], FtFileButton.prototype, "iconVariant", void 0);
-__decorate([
-    property({ type: Boolean })
-], FtFileButton.prototype, "trailingIcon", void 0);
-__decorate([
-    property()
-], FtFileButton.prototype, "accept", void 0);
-__decorate([
-    query(".ft-file-button--input")
-], FtFileButton.prototype, "input", void 0);
-__decorate([
-    query("ft-button")
-], FtFileButton.prototype, "button", void 0);
 export { FtFileButton };