@fluid-topics/ft-file-button 2.0.38 → 2.1.0

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

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

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

@@ -1,2 +1,2 @@
 export declare const FtFileButtonCssVariables: {};
-export declare const styles: import("lit").CSSResult;
+export declare const fileButtonStyles: import("lit").CSSResult;

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

@@ -1,4 +1,4 @@
 import { css } from "lit";
 export const FtFileButtonCssVariables = {};
 // language=CSS
-export const styles = css ``;
+export const fileButtonStyles = css ``;

package/build/index.d.ts

@@ -1,6 +1,5 @@
-export * from "./ft-base-file-button";
-export * from "./ft-base-file-button.properties";
-export * from "./ftds-file-button";
+export * from "./ft-file-button";
+export * from "./ft-file-button.properties";
 export * from "./ft-file-button";
 export * from "./ft-file-button.styles";
 import "./define";

package/build/index.js

@@ -1,6 +1,5 @@
-export * from "./ft-base-file-button";
-export * from "./ft-base-file-button.properties";
-export * from "./ftds-file-button";
+export * from "./ft-file-button";
+export * from "./ft-file-button.properties";
 export * from "./ft-file-button";
 export * from "./ft-file-button.styles";
 import "./define";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-file-button",
-    "version": "2.0.38",
+    "version": "2.1.0",
     "description": "File",
     "keywords": [
         "Lit"
@@ -19,9 +19,9 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-button": "2.0.38",
-        "@fluid-topics/ft-wc-utils": "2.0.38",
+        "@fluid-topics/ft-button": "2.1.0",
+        "@fluid-topics/ft-wc-utils": "2.1.0",
         "lit": "3.1.0"
     },
-    "gitHead": "8a5f1d6fb69ac18ec2e6d05dcf82e036d7423c35"
+    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
 }

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

@@ -1,25 +0,0 @@
-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);
-}
-declare const FtBaseFileButton_base: import("@fluid-topics/ft-wc-utils").FtdsBaseType<typeof FtLitElement>;
-export declare class FtBaseFileButton extends FtBaseFileButton_base implements FtBaseFileButtonProperties {
-    static elementDefinitions: ElementDefinitionsMap;
-    disabled: boolean;
-    label: string;
-    icon?: string;
-    iconVariant?: FtIconVariants;
-    trailingIcon: boolean;
-    accept: string;
-    private input;
-    private button;
-    focus(): void;
-    clear(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
-    private onFileChange;
-}
-export {};

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

@@ -1,81 +0,0 @@
-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, toFtdsBase, } from "@fluid-topics/ft-wc-utils";
-export class FileChangeEvent extends CustomEvent {
-    constructor(file) {
-        super("change", { detail: { file } });
-    }
-}
-export class FtBaseFileButton extends toFtdsBase(FtLitElement) {
-    constructor() {
-        super(...arguments);
-        this.disabled = false;
-        this.label = "";
-        this.icon = undefined;
-        this.trailingIcon = false;
-        this.accept = "";
-    }
-    focus() {
-        this.button.focus();
-    }
-    clear() {
-        this.input.value = "";
-    }
-    render() {
-        return html `
-            <div class="ft-file-button">
-                <ft-or-ftds-button ?disabled=${this.disabled}
-                                   label="${this.label}"
-                                   family="${this.family}"
-                                   size="${this.size}"
-                                   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() {
-        if (this.input.files.length > 0) {
-            this.dispatchEvent(new FileChangeEvent(this.input.files.item(0)));
-        }
-    }
-}
-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);

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

@@ -1,6 +0,0 @@
-import { FtBaseFileButton } from "./ft-base-file-button";
-import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
-export declare class FtdsFileButton extends FtBaseFileButton {
-    static elementDefinitions: ElementDefinitionsMap;
-    static styles: import("lit").CSSResult;
-}

package/build/ftds-file-button.js

@@ -1,9 +0,0 @@
-import { FtBaseFileButton } from "./ft-base-file-button";
-import { styles } from "./ftds-file-button.styles";
-import { FtdsButton } from "@fluid-topics/ft-button";
-export class FtdsFileButton extends FtBaseFileButton {
-}
-FtdsFileButton.elementDefinitions = {
-    "ft-or-ftds-button": FtdsButton,
-};
-FtdsFileButton.styles = styles;

package/build/ftds-file-button.styles.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;

package/build/ftds-file-button.styles.js

@@ -1,3 +0,0 @@
-import { css } from "lit";
-// language=CSS
-export const styles = css ``;