@fluid-topics/ft-confirm-button 1.1.121

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

@@ -0,0 +1,26 @@
+import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { FtIcons } from "@fluid-topics/ft-icon";
+import { FtdsModalConfirm } from "@fluid-topics/ft-modal";
+import { FtdsConfirmButtonProperties } from "./ftds-confirm-button.properties";
+export declare class ConfirmEvent extends CustomEvent<void> {
+    constructor();
+}
+export declare class FtdsConfirmButton extends FtLitElement implements FtdsConfirmButtonProperties {
+    static elementDefinitions: ElementDefinitionsMap;
+    static styles: import("lit").CSSResult;
+    primary: boolean;
+    secondary: boolean;
+    buttonText: string;
+    buttonIcon: FtIcons;
+    heading: string;
+    text: string;
+    confirmText: string;
+    cancelText: string;
+    confirmIcon: FtIcons;
+    cancelIcon: FtIcons;
+    loading: boolean;
+    disabled: boolean;
+    modal: FtdsModalConfirm;
+    protected render(): import("lit").TemplateResult<1>;
+    private askConfirmation;
+}

package/build/ftds-confirm-button.js

@@ -0,0 +1,106 @@
+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 { customElement, property, query } from "lit/decorators.js";
+import { FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { css, html } from "lit";
+import { FtdsButton } from "@fluid-topics/ft-button";
+import { FtIcons } from "@fluid-topics/ft-icon";
+import { FtdsModalConfirm } from "@fluid-topics/ft-modal";
+export class ConfirmEvent extends CustomEvent {
+    constructor() {
+        super("confirm");
+    }
+}
+let FtdsConfirmButton = class FtdsConfirmButton extends FtLitElement {
+    constructor() {
+        super(...arguments);
+        this.primary = false;
+        this.secondary = false;
+        this.buttonIcon = FtIcons.CLOSE;
+        this.heading = "";
+        this.text = "";
+        this.confirmText = "";
+        this.cancelText = "";
+        this.confirmIcon = FtIcons.CHECK;
+        this.cancelIcon = FtIcons.CLOSE;
+        this.loading = false;
+        this.disabled = false;
+    }
+    render() {
+        return html `
+            <ftds-button icon=${this.buttonIcon}
+                         ?primary=${this.primary}
+                         ?secondary=${this.secondary}
+                         ?loading=${this.loading}
+                         ?disabled=${this.disabled}
+                         @click=${() => this.askConfirmation()}>
+                ${this.buttonText}
+            </ftds-button>
+            <ftds-modal-confirm heading=${this.heading}
+                                text=${this.text}
+                                confirmText=${this.confirmText}
+                                confirmIcon=${this.confirmIcon}
+                                cancelText=${this.cancelText}
+                                cancelIcon=${this.cancelIcon}
+            ></ftds-modal-confirm>
+        `;
+    }
+    async askConfirmation() {
+        const confirmation = await this.modal.askConfirmation();
+        if (confirmation) {
+            this.dispatchEvent(new ConfirmEvent());
+        }
+    }
+};
+FtdsConfirmButton.elementDefinitions = {
+    "ftds-button": FtdsButton,
+    "ftds-modal-confirm": FtdsModalConfirm,
+};
+FtdsConfirmButton.styles = css ``;
+__decorate([
+    property({ type: Boolean })
+], FtdsConfirmButton.prototype, "primary", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtdsConfirmButton.prototype, "secondary", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "buttonText", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "buttonIcon", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "heading", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "text", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "confirmText", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "cancelText", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "confirmIcon", void 0);
+__decorate([
+    property()
+], FtdsConfirmButton.prototype, "cancelIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtdsConfirmButton.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtdsConfirmButton.prototype, "disabled", void 0);
+__decorate([
+    query("ftds-modal-confirm")
+], FtdsConfirmButton.prototype, "modal", void 0);
+FtdsConfirmButton = __decorate([
+    customElement("ftds-confirm-button")
+], FtdsConfirmButton);
+export { FtdsConfirmButton };

package/build/ftds-confirm-button.properties.d.ts

@@ -0,0 +1,15 @@
+import { FtIcons } from "@fluid-topics/ft-icon";
+export interface FtdsConfirmButtonProperties {
+    primary?: boolean;
+    secondary?: boolean;
+    buttonText: string;
+    buttonIcon?: FtIcons;
+    heading?: string;
+    text: string;
+    confirmText: string;
+    cancelText: string;
+    confirmIcon?: FtIcons;
+    cancelIcon?: FtIcons;
+    loading?: boolean;
+    disabled?: boolean;
+}

package/build/ftds-confirm-button.properties.js

@@ -0,0 +1 @@
+export {};

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ftds-confirm-button.properties";
+export * from "./ftds-confirm-button";
+export * from "./ConfirmButtonTestHelper";

package/build/index.js

@@ -0,0 +1,3 @@
+export * from "./ftds-confirm-button.properties";
+export * from "./ftds-confirm-button";
+export * from "./ConfirmButtonTestHelper";

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@fluid-topics/ft-confirm-button",
+  "version": "1.1.121",
+  "description": "A two step confirmation button",
+  "keywords": [
+    "Lit"
+  ],
+  "author": "Fluid Topics <devtopics@antidot.net>",
+  "license": "ISC",
+  "main": "build/index.js",
+  "web": "build/ft-confirm-button.min.js",
+  "typings": "build/index",
+  "files": [
+    "build/**/*.js",
+    "build/**/*.ts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+  },
+  "dependencies": {
+    "@fluid-topics/ft-wc-utils": "1.1.121",
+    "lit": "3.1.0"
+  },
+  "devDependencies": {
+    "@fluid-topics/ft-wc-test-utils": "1.1.121"
+  },
+  "gitHead": "4807539dff1eb761cde7a11bd52bb7cb197a114d"
+}