bromcom-ui 2.8.0-rc.10-c → 2.8.0-rc.10-e

package/dist/collection/components/other/toast/toast.js

@@ -1,365 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-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 { h, Host } from "@stencil/core";
-import cs from "classnames";
-import { IsLoad } from "../../../decorators/is-load-decorator";
-import { Generate } from "../../../helper/generate";
-import { StringHelper } from "../../../helper/string-helper";
-import Bcm from "../../../models/bcm";
-import { delay } from "../../../utils/utils";
-export class BcmToast {
-  constructor() {
-    this._id = Generate.UID();
-    this.status = undefined;
-    this.message = "";
-    this.description = "";
-    this.duration = 3000;
-    this.position = Bcm.Placement.bottom;
-    this.messageIcon = undefined;
-    this.viewButton = false;
-    this.closeButton = true;
-    this.visible = false;
-    this.visibleContainer = false;
-  }
-  async show() {
-    const container = document.getElementById(this._id + "-container");
-    if (container) {
-      document.body.appendChild(container);
-    }
-    this.visible = true;
-    await delay(50);
-    this.visibleContainer = true;
-    this.bcmToastOpen.emit();
-    if (this.timer) {
-      clearTimeout(this.timer);
-    }
-    this.timer = setTimeout(() => this.hide(), this.duration);
-    return this.el;
-  }
-  async hide() {
-    this.visibleContainer = false;
-    clearTimeout(this.timer);
-    this.bcmToastClose.emit();
-    await delay(100);
-    this.visible = false;
-  }
-  handleMouseEnter() {
-    clearTimeout(this.timer);
-  }
-  handleMouseLeave() {
-    if (this.visible) {
-      this.timer = setTimeout(() => this.hide(), 1000);
-    }
-  }
-  render() {
-    return (h(Host, { class: "tw-hidden" }, h("div", { class: cs({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: cs("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
-        "tw-p-4": !this.description,
-        "tw-p-6": this.description,
-      }, "tw-fixed tw-z-50", "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
-        "tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === Bcm.Placement.top,
-        "tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === Bcm.Placement.bottom,
-        "tw-top-4 tw-left-4": this.position === Bcm.Placement["top-start"],
-        "tw-top-4 tw-right-4": this.position === Bcm.Placement["top-end"],
-        "tw-bottom-4 tw-left-4": this.position === Bcm.Placement["bottom-start"],
-        "tw-bottom-4 tw-right-4": this.position === Bcm.Placement["bottom-end"],
-        "tw-translate-y-0 tw-opacity-100 ": this.visibleContainer,
-        "tw-opacity-0": !this.visibleContainer,
-        "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
-        "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
-      }) }, h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (h("i", { class: cs("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
-        "tw-text-emerald-500": this.status === "success",
-        "tw-text-red-500": this.status === "error",
-        "tw-text-amber-500": this.status === "warning",
-        "tw-text-blue-500": this.status === "info",
-      }, {
-        "fa-check-circle": !this.messageIcon && this.status === "success",
-        "fa-exclamation-circle": !this.messageIcon && this.status === "error",
-        "fa-exclamation-triangle": !this.messageIcon && this.status === "warning",
-        "fa-info-circle": !this.messageIcon && this.status === "info",
-      }) })), h("span", { class: cs({
-        "tw-text-4": !this.description,
-        "tw-text-6 tw-font-medium": this.description,
-      }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: cs("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
-        "tw-font-medium": this.description,
-      }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: cs("tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-3 " }, this.description), h("slot", null)))));
-  }
-  static get is() { return "bcm-toast"; }
-  static get properties() {
-    return {
-      "_id": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "id",
-        "reflect": true,
-        "defaultValue": "Generate.UID()"
-      },
-      "status": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"success\" | \"error\" | \"warning\" | \"info\"",
-          "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "status",
-        "reflect": false
-      },
-      "message": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "message",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "description": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "description",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "duration": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "duration",
-        "reflect": false,
-        "defaultValue": "3000"
-      },
-      "position": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "PlacementTypes",
-          "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-          "references": {
-            "PlacementTypes": {
-              "location": "import",
-              "path": "../../../models/bcm-types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "position",
-        "reflect": false,
-        "defaultValue": "Bcm.Placement.bottom"
-      },
-      "messageIcon": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "message-icon",
-        "reflect": false
-      },
-      "viewButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "view-button",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "closeButton": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "close-button",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "visible": {},
-      "visibleContainer": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "bcmToastClose",
-        "name": "bcm-toast-close",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "bcmToastOpen",
-        "name": "bcm-toast-open",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "bcmToastView",
-        "name": "bcm-toast-view",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "show": {
-        "complexType": {
-          "signature": "() => Promise<HTMLElement>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "HTMLElement": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<HTMLElement>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "hide": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
-__decorate([
-  IsLoad()
-], BcmToast.prototype, "el", void 0);

package/dist/collection/global/helper/index.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export * from "./toast";

package/dist/collection/global/helper/index.ts

@@ -1 +0,0 @@
-export * from "./toast";

package/dist/collection/global/helper/toast.js

@@ -1,114 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-export class Toast {
-  /**
-   * Creates an instance of Toast.
-   * @param {ToastOptions & ToastEvents} [options={}]
-   * @example
-   * const toast = new Toast();
-   * @example
-   * const toast = new Toast({
-   * id: "my-toast",
-   * message: "Hello World",
-   * status: "success",
-   * description: "This is a description",
-   * duration: 5000,
-   * position: "top",
-   * "message-icon": "check",
-   * "view-button": true,
-   * "close-button": true,
-   * bcmToastView: (event) => {
-   * // This Event fires when the view button is clicked
-   * // do something
-   * },
-   * bcmToastClose: (event) => {
-   * // This Event fires when the toast is closed
-   * // do something
-   * },
-   * bcmToastOpen: (event) => {
-   * // This Event fires when the toast is opened
-   * // do something
-   * }
-   * });
-   * toast.show();
-   */
-  constructor(options) {
-    this.options = options;
-    this.createElement();
-    this.listeners();
-    this.setAttributes();
-    return this.element;
-  }
-  createElement() {
-    var _a;
-    let el;
-    ((_a = this.options) === null || _a === void 0 ? void 0 : _a.id) && (el = document.getElementById(this.options.id));
-    if (el) {
-      this.element = el;
-    }
-    else {
-      const tag = "bcm-toast";
-      this.element = document.createElement(tag);
-    }
-    document.body.appendChild(this.element);
-    return this.element;
-  }
-  listeners() {
-    this.options.bcmToastView && this.element.addEventListener("bcm-toast-view", this.options.bcmToastView);
-    this.options.bcmToastClose && this.element.addEventListener("bcm-toast-close", this.options.bcmToastClose);
-    this.options.bcmToastOpen && this.element.addEventListener("bcm-toast-open", this.options.bcmToastOpen);
-  }
-  setAttributes() {
-    for (let key in this.options) {
-      this.element.setAttribute(key, this.options[key]);
-    }
-  }
-  /**
-   * Shows the toast
-   * @returns {HTMLElement} The element that was shown
-   * @example
-   * const toast = new Toast();
-   * toast.show();
-   * @example
-   * const toast = new Toast();
-   * toast.show().then(() => {
-   *   // do something
-   * });
-   * @example
-   * const toast = new Toast();
-   * toast.show().then(() => {
-   *  // do something
-   * }).catch(() => {
-   * // do something else
-   * });
-   */
-  show() {
-    this.element.show();
-    return this.element;
-  }
-  /**
-   * Hides the toast
-   * @returns {HTMLElement} The element that was hidden
-   * @example
-   * const toast = new Toast();
-   * toast.hide();
-   * @example
-   * const toast = new Toast();
-   * toast.hide().then(() => {
-   *    // do something
-   * });
-   * @example
-   * const toast = new Toast();
-   * toast.hide().then(() => {
-   *   // do something
-   * }).catch(() => {
-   *  // do something else
-   * });
-   */
-  hide() {
-    this.element.hide();
-    return this.element;
-  }
-}

package/dist/collection/global/helper/toast.ts

@@ -1,136 +0,0 @@
-interface ToastOptions {
-    "id"?: string;
-    "message"?: string;
-    "status"?: "success" | "error" | "warning" | "info";
-    "description"?: string;
-    "duration"?: number;
-    "position"?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-    "message-icon"?: string;
-    "view-button"?: boolean;
-    "close-button"?: boolean;
-}
-
-interface ToastEvents {
-    bcmToastView?: (event: any) => void;
-    bcmToastClose?: (event: any) => void;
-    bcmToastOpen?: (event: any) => void;
-}
-
-export class Toast {
-    element: any;
-    options: ToastOptions & ToastEvents;
-
-    /**
-     * Creates an instance of Toast.
-     * @param {ToastOptions & ToastEvents} [options={}]
-     * @example
-     * const toast = new Toast();
-     * @example
-     * const toast = new Toast({
-     * id: "my-toast",
-     * message: "Hello World",
-     * status: "success",
-     * description: "This is a description",
-     * duration: 5000,
-     * position: "top",
-     * "message-icon": "check",
-     * "view-button": true,
-     * "close-button": true,
-     * bcmToastView: (event) => {
-     * // This Event fires when the view button is clicked
-     * // do something
-     * },
-     * bcmToastClose: (event) => {
-     * // This Event fires when the toast is closed
-     * // do something
-     * },
-     * bcmToastOpen: (event) => {
-     * // This Event fires when the toast is opened
-     * // do something
-     * }
-     * });
-     * toast.show();
-     */
-    constructor(options: ToastOptions & ToastEvents) {
-        this.options = options;
-
-        this.createElement();
-        this.listeners();
-        this.setAttributes();
-        return this.element;
-    }
-
-    private createElement() {
-        let el: any;
-        this.options?.id && (el = document.getElementById(this.options.id));
-        if (el) {
-            this.element = el;
-        } else {
-            const tag = "bcm-toast";
-            this.element = document.createElement(tag);
-        }
-
-        document.body.appendChild(this.element);
-        return this.element;
-    }
-
-    private listeners() {
-        this.options.bcmToastView && this.element.addEventListener("bcm-toast-view", this.options.bcmToastView);
-        this.options.bcmToastClose && this.element.addEventListener("bcm-toast-close", this.options.bcmToastClose);
-        this.options.bcmToastOpen && this.element.addEventListener("bcm-toast-open", this.options.bcmToastOpen);
-    }
-
-    private setAttributes() {
-        for (let key in this.options) {
-            this.element.setAttribute(key, this.options[key]);
-        }
-    }
-
-    /**
-     * Shows the toast
-     * @returns {HTMLElement} The element that was shown
-     * @example
-     * const toast = new Toast();
-     * toast.show();
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *   // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *  // do something
-     * }).catch(() => {
-     * // do something else
-     * });
-     */
-    show() {
-        this.element.show();
-        return this.element;
-    }
-
-    /**
-     * Hides the toast
-     * @returns {HTMLElement} The element that was hidden
-     * @example
-     * const toast = new Toast();
-     * toast.hide();
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *    // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *   // do something
-     * }).catch(() => {
-     *  // do something else
-     * });
-     */
-    hide() {
-        this.element.hide();
-        return this.element;
-    }
-}

package/dist/collection/stories/assets/button/1.svg

@@ -1,35 +0,0 @@
-<svg width="443" height="265" viewBox="0 0 443 265" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_40_24076)">
-<path d="M428.143 4.83496H14.1434C9.72515 4.83496 6.14343 8.41668 6.14343 12.835V248.835C6.14343 253.253 9.72515 256.835 14.1434 256.835H428.143C432.562 256.835 436.143 253.253 436.143 248.835V12.835C436.143 8.41668 432.562 4.83496 428.143 4.83496Z" fill="white"/>
-<path d="M221.144 40.835C206.785 40.835 195.144 52.4808 195.144 66.835C195.144 81.1975 206.785 92.835 221.144 92.835C235.502 92.835 247.144 81.1975 247.144 66.835C247.144 52.4808 235.502 40.835 221.144 40.835ZM221.144 87.8027C209.556 87.8027 200.176 78.4269 200.176 66.835C200.176 55.2508 209.556 45.8672 221.144 45.8672C232.728 45.8672 242.112 55.2472 242.112 66.835C242.112 78.4228 232.736 87.8027 221.144 87.8027ZM221.144 52.3672C223.576 52.3672 225.547 54.3386 225.547 56.7704C225.547 59.2023 223.576 61.1737 221.144 61.1737C218.712 61.1737 216.741 59.2023 216.741 56.7704C216.741 54.3386 218.712 52.3672 221.144 52.3672ZM227.015 78.9963C227.015 79.691 226.451 80.2543 225.757 80.2543H216.531C215.836 80.2543 215.273 79.691 215.273 78.9963V76.4801C215.273 75.7854 215.836 75.2221 216.531 75.2221H217.789V68.5124H216.531C215.836 68.5124 215.273 67.9491 215.273 67.2543V64.7382C215.273 64.0434 215.836 63.4801 216.531 63.4801H223.241C223.935 63.4801 224.499 64.0434 224.499 64.7382V75.2221H225.757C226.451 75.2221 227.015 75.7854 227.015 76.4801V78.9963Z" fill="#3B82F6"/>
-<path d="M360.581 120.835H81.7052V136.835H360.581V120.835Z" fill="#D9D9D9"/>
-<path d="M315.821 144.835H126.466V160.835H315.821V144.835Z" fill="#D9D9D9"/>
-<path d="M213.144 193.335H155.144C153.211 193.335 151.644 194.902 151.644 196.835V220.835C151.644 222.768 153.211 224.335 155.144 224.335H213.144C215.077 224.335 216.644 222.768 216.644 220.835V196.835C216.644 194.902 215.077 193.335 213.144 193.335Z" fill="#F8FAFC"/>
-<path d="M164.183 213.835V204.38H167.645C168.316 204.38 168.871 204.491 169.311 204.713C169.752 204.931 170.081 205.228 170.299 205.604C170.518 205.976 170.627 206.396 170.627 206.864C170.627 207.258 170.555 207.59 170.41 207.861C170.266 208.129 170.072 208.344 169.829 208.508C169.588 208.668 169.324 208.785 169.034 208.858V208.951C169.348 208.966 169.655 209.068 169.953 209.255C170.255 209.44 170.504 209.703 170.701 210.045C170.898 210.386 170.996 210.802 170.996 211.291C170.996 211.774 170.883 212.208 170.655 212.593C170.43 212.975 170.082 213.278 169.612 213.503C169.141 213.724 168.539 213.835 167.806 213.835H164.183ZM165.609 212.612H167.668C168.351 212.612 168.841 212.479 169.136 212.215C169.431 211.95 169.579 211.619 169.579 211.222C169.579 210.924 169.504 210.65 169.353 210.4C169.202 210.151 168.987 209.953 168.707 209.805C168.43 209.657 168.1 209.583 167.719 209.583H165.609V212.612ZM165.609 208.471H167.52C167.84 208.471 168.128 208.409 168.384 208.286C168.642 208.163 168.847 207.991 168.998 207.769C169.151 207.544 169.228 207.28 169.228 206.975C169.228 206.584 169.091 206.256 168.817 205.992C168.544 205.727 168.123 205.595 167.557 205.595H165.609V208.471ZM177.069 210.894V206.744H178.454V213.835H177.097V212.607H177.023C176.86 212.986 176.599 213.301 176.238 213.553C175.881 213.803 175.437 213.927 174.904 213.927C174.449 213.927 174.046 213.827 173.695 213.627C173.347 213.424 173.073 213.124 172.873 212.727C172.676 212.33 172.578 211.839 172.578 211.254V206.744H173.958V211.088C173.958 211.571 174.092 211.956 174.36 212.242C174.627 212.528 174.975 212.672 175.403 212.672C175.661 212.672 175.918 212.607 176.174 212.478C176.432 212.348 176.646 212.153 176.816 211.891C176.988 211.63 177.073 211.297 177.069 210.894ZM183.619 206.744V207.852H179.746V206.744H183.619ZM180.785 205.045H182.165V211.753C182.165 212.021 182.205 212.222 182.285 212.358C182.365 212.49 182.468 212.581 182.594 212.63C182.723 212.676 182.864 212.699 183.014 212.699C183.125 212.699 183.222 212.692 183.305 212.676C183.388 212.661 183.453 212.649 183.499 212.639L183.748 213.78C183.668 213.81 183.554 213.841 183.407 213.872C183.259 213.906 183.074 213.924 182.853 213.927C182.49 213.933 182.151 213.869 181.837 213.733C181.523 213.598 181.269 213.389 181.075 213.106C180.882 212.822 180.785 212.467 180.785 212.039V205.045ZM188.456 206.744V207.852H184.583V206.744H188.456ZM185.621 205.045H187.002V211.753C187.002 212.021 187.042 212.222 187.122 212.358C187.202 212.49 187.305 212.581 187.431 212.63C187.56 212.676 187.7 212.699 187.851 212.699C187.962 212.699 188.059 212.692 188.142 212.676C188.225 212.661 188.29 212.649 188.336 212.639L188.585 213.78C188.505 213.81 188.391 213.841 188.244 213.872C188.096 213.906 187.911 213.924 187.69 213.927C187.326 213.933 186.988 213.869 186.674 213.733C186.36 213.598 186.106 213.389 185.912 213.106C185.718 212.822 185.621 212.467 185.621 212.039V205.045ZM192.894 213.978C192.229 213.978 191.649 213.826 191.153 213.521C190.658 213.216 190.273 212.79 189.999 212.242C189.725 211.694 189.588 211.054 189.588 210.322C189.588 209.586 189.725 208.943 189.999 208.392C190.273 207.841 190.658 207.413 191.153 207.109C191.649 206.804 192.229 206.652 192.894 206.652C193.558 206.652 194.138 206.804 194.634 207.109C195.129 207.413 195.514 207.841 195.788 208.392C196.062 208.943 196.199 209.586 196.199 210.322C196.199 211.054 196.062 211.694 195.788 212.242C195.514 212.79 195.129 213.216 194.634 213.521C194.138 213.826 193.558 213.978 192.894 213.978ZM192.898 212.819C193.329 212.819 193.686 212.705 193.969 212.478C194.252 212.25 194.462 211.947 194.597 211.568C194.736 211.19 194.805 210.773 194.805 210.317C194.805 209.865 194.736 209.449 194.597 209.071C194.462 208.689 194.252 208.383 193.969 208.152C193.686 207.921 193.329 207.806 192.898 207.806C192.464 207.806 192.104 207.921 191.818 208.152C191.535 208.383 191.324 208.689 191.185 209.071C191.05 209.449 190.982 209.865 190.982 210.317C190.982 210.773 191.05 211.19 191.185 211.568C191.324 211.947 191.535 212.25 191.818 212.478C192.104 212.705 192.464 212.819 192.898 212.819ZM199.12 209.625V213.835H197.74V206.744H199.065V207.898H199.152C199.315 207.523 199.571 207.221 199.919 206.993C200.27 206.766 200.711 206.652 201.244 206.652C201.727 206.652 202.15 206.753 202.513 206.956C202.876 207.156 203.158 207.455 203.358 207.852C203.558 208.249 203.658 208.74 203.658 209.325V213.835H202.278V209.491C202.278 208.977 202.144 208.575 201.876 208.286C201.608 207.994 201.241 207.847 200.773 207.847C200.453 207.847 200.168 207.917 199.919 208.055C199.672 208.194 199.477 208.397 199.332 208.665C199.191 208.929 199.12 209.249 199.12 209.625Z" fill="#475568"/>
-<path d="M213.144 193.335H155.144C153.211 193.335 151.644 194.902 151.644 196.835V220.835C151.644 222.768 153.211 224.335 155.144 224.335H213.144C215.077 224.335 216.644 222.768 216.644 220.835V196.835C216.644 194.902 215.077 193.335 213.144 193.335Z" stroke="#E2E8F0" stroke-linecap="round"/>
-<mask id="mask0_40_24076" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="225" y="192" width="67" height="33">
-<path d="M291.144 192.835H225.144V224.835H291.144V192.835Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_40_24076)">
-<path d="M287.144 192.835H229.144C226.934 192.835 225.144 194.626 225.144 196.835V220.835C225.144 223.044 226.934 224.835 229.144 224.835H287.144C289.353 224.835 291.144 223.044 291.144 220.835V196.835C291.144 194.626 289.353 192.835 287.144 192.835Z" fill="#3B82F6"/>
-<mask id="mask1_40_24076" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="237" y="197" width="43" height="23">
-<path d="M279.144 197.835H237.144V219.835H279.144V197.835Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_40_24076)">
-<path d="M238.183 213.835V204.38H241.645C242.316 204.38 242.871 204.491 243.311 204.713C243.752 204.931 244.081 205.228 244.299 205.604C244.518 205.976 244.627 206.396 244.627 206.864C244.627 207.258 244.555 207.59 244.41 207.861C244.265 208.129 244.072 208.344 243.828 208.508C243.588 208.668 243.324 208.785 243.034 208.858V208.951C243.348 208.966 243.655 209.068 243.953 209.255C244.255 209.44 244.504 209.703 244.701 210.045C244.898 210.386 244.996 210.802 244.996 211.291C244.996 211.774 244.883 212.208 244.655 212.593C244.43 212.975 244.082 213.278 243.611 213.503C243.141 213.724 242.539 213.835 241.806 213.835H238.183ZM239.609 212.612H241.668C242.351 212.612 242.841 212.479 243.136 212.215C243.431 211.95 243.579 211.619 243.579 211.222C243.579 210.924 243.504 210.65 243.353 210.4C243.202 210.151 242.987 209.953 242.707 209.805C242.43 209.657 242.1 209.583 241.719 209.583H239.609V212.612ZM239.609 208.471H241.52C241.84 208.471 242.128 208.409 242.384 208.286C242.642 208.163 242.847 207.991 242.998 207.769C243.151 207.544 243.228 207.28 243.228 206.975C243.228 206.584 243.091 206.256 242.817 205.992C242.544 205.727 242.123 205.595 241.557 205.595H239.609V208.471ZM251.069 210.894V206.744H252.454V213.835H251.097V212.607H251.023C250.86 212.986 250.599 213.301 250.238 213.553C249.881 213.803 249.437 213.927 248.904 213.927C248.449 213.927 248.046 213.827 247.695 213.627C247.347 213.424 247.073 213.124 246.873 212.727C246.676 212.33 246.578 211.839 246.578 211.254V206.744H247.958V211.088C247.958 211.571 248.092 211.956 248.36 212.242C248.627 212.528 248.975 212.672 249.403 212.672C249.661 212.672 249.918 212.607 250.174 212.478C250.432 212.348 250.646 212.153 250.816 211.891C250.988 211.63 251.072 211.297 251.069 210.894ZM257.619 206.744V207.852H253.746V206.744H257.619ZM254.785 205.045H256.165V211.753C256.165 212.021 256.205 212.222 256.285 212.358C256.365 212.49 256.468 212.581 256.594 212.63C256.723 212.676 256.863 212.699 257.014 212.699C257.125 212.699 257.222 212.692 257.305 212.676C257.388 212.661 257.453 212.649 257.499 212.639L257.748 213.78C257.668 213.81 257.554 213.841 257.407 213.872C257.259 213.906 257.074 213.924 256.853 213.927C256.49 213.933 256.151 213.869 255.837 213.733C255.523 213.598 255.269 213.389 255.075 213.106C254.881 212.822 254.785 212.467 254.785 212.039V205.045ZM262.456 206.744V207.852H258.583V206.744H262.456ZM259.621 205.045H261.002V211.753C261.002 212.021 261.042 212.222 261.122 212.358C261.202 212.49 261.305 212.581 261.431 212.63C261.56 212.676 261.7 212.699 261.851 212.699C261.962 212.699 262.059 212.692 262.142 212.676C262.225 212.661 262.29 212.649 262.336 212.639L262.585 213.78C262.505 213.81 262.391 213.841 262.244 213.872C262.096 213.906 261.911 213.924 261.69 213.927C261.326 213.933 260.988 213.869 260.674 213.733C260.36 213.598 260.106 213.389 259.912 213.106C259.718 212.822 259.621 212.467 259.621 212.039V205.045ZM266.894 213.978C266.229 213.978 265.649 213.826 265.153 213.521C264.658 213.216 264.273 212.79 263.999 212.242C263.725 211.694 263.588 211.054 263.588 210.322C263.588 209.586 263.725 208.943 263.999 208.392C264.273 207.841 264.658 207.413 265.153 207.109C265.649 206.804 266.229 206.652 266.894 206.652C267.558 206.652 268.138 206.804 268.634 207.109C269.129 207.413 269.514 207.841 269.788 208.392C270.062 208.943 270.199 209.586 270.199 210.322C270.199 211.054 270.062 211.694 269.788 212.242C269.514 212.79 269.129 213.216 268.634 213.521C268.138 213.826 267.558 213.978 266.894 213.978ZM266.898 212.819C267.329 212.819 267.686 212.705 267.969 212.478C268.252 212.25 268.462 211.947 268.597 211.568C268.736 211.19 268.805 210.773 268.805 210.317C268.805 209.865 268.736 209.449 268.597 209.071C268.462 208.689 268.252 208.383 267.969 208.152C267.686 207.921 267.329 207.806 266.898 207.806C266.464 207.806 266.104 207.921 265.818 208.152C265.535 208.383 265.324 208.689 265.185 209.071C265.05 209.449 264.982 209.865 264.982 210.317C264.982 210.773 265.05 211.19 265.185 211.568C265.324 211.947 265.535 212.25 265.818 212.478C266.104 212.705 266.464 212.819 266.898 212.819ZM273.12 209.625V213.835H271.74V206.744H273.065V207.898H273.152C273.315 207.523 273.571 207.221 273.919 206.993C274.27 206.766 274.711 206.652 275.244 206.652C275.727 206.652 276.15 206.753 276.513 206.956C276.876 207.156 277.158 207.455 277.358 207.852C277.558 208.249 277.658 208.74 277.658 209.325V213.835H276.278V209.491C276.278 208.977 276.144 208.575 275.876 208.286C275.608 207.994 275.241 207.847 274.773 207.847C274.453 207.847 274.168 207.917 273.919 208.055C273.672 208.194 273.477 208.397 273.332 208.665C273.191 208.929 273.12 209.249 273.12 209.625Z" fill="white"/>
-</g>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_40_24076" x="0.143433" y="0.834961" width="442" height="264" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="3"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.0666667 0 0 0 0 0.0941176 0 0 0 0 0.14902 0 0 0 0.1 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_40_24076"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_40_24076" result="shape"/>
-</filter>
-</defs>
-</svg>