@salla.sa/twilight-components 2.9.42 → 2.9.44

package/dist/collection/components/salla-sheet/salla-sheet.js

@@ -1,210 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { Component, Host, h, State, Prop, Method } from '@stencil/core';
-export class SallaSheet {
-  constructor() {
-    /**
-     *
-     */
-    this.position = 'bottom';
-    /**
-     *
-     */
-    this.width = 600;
-    /**
-     *
-     */
-    this.height = 300;
-    /**
-     *
-     */
-    this.sheetColor = "#ffffff";
-    /**
-     *
-     */
-    this.persistent = false;
-    this.flag = false;
-  }
-  // private showHideSheet() {
-  //   this.flag = !this.flag;
-  // }
-  getMainClass() {
-    return {
-      "s-sheet-overlay": true,
-      "active": this.flag,
-    };
-  }
-  // private getOverlayStyle() {
-  //   return {
-  //     "align-items": this.position == "top" ? "flex-start" : "flex-end",
-  //     "justify-content": this.position == "left" ? "flex-start" : "flex-end"
-  //   }
-  // }
-  //
-  // private getContainerStyle() {
-  //   return {
-  //     "width": `${this.width}px`,
-  //     "min-height": `${this.height}px`,
-  //     "background-color": this.sheetColor,
-  //     // "transform": 'translateY(100%)',
-  //     // "transition": "transform 0.4s ease-in-out"
-  //   }
-  // }
-  /**
-   *
-   * @returns
-   */
-  open() {
-    this.flag = true;
-  }
-  /**
-   *
-   * @returns
-   */
-  close() {
-    this.flag = false;
-  }
-  render() {
-    return (h(Host, null,
-      h("slot", { name: 'widget' },
-        h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.open() }, "Show/Hide")),
-      h("div", { class: this.getMainClass(), onClick: () => this.persistent ? null : this.close() },
-        h("div", { class: "s-sheet-container" },
-          h("slot", null)))));
-  }
-  static get is() { return "salla-sheet"; }
-  static get originalStyleUrls() { return {
-    "$": ["salla-sheet.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["salla-sheet.css"]
-  }; }
-  static get properties() { return {
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'top' | 'bottom' | 'left' | 'right'",
-        "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "'bottom'"
-    },
-    "width": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "600"
-    },
-    "height": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "height",
-      "reflect": false,
-      "defaultValue": "300"
-    },
-    "sheetColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sheet-color",
-      "reflect": false,
-      "defaultValue": "\"#ffffff\""
-    },
-    "persistent": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "persistent",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "flag": {}
-  }; }
-  static get methods() { return {
-    "open": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {},
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": [{
-            "name": "returns",
-            "text": undefined
-          }]
-      }
-    },
-    "close": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {},
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": [{
-            "name": "returns",
-            "text": undefined
-          }]
-      }
-    }
-  }; }
-}

package/dist/components/salla-sheet.js

@@ -1,111 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './salla-button2.js';
-
-const sallaSheetCss = ".s-sheet-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;display:none}.s-sheet-overlay.active{display:-ms-flexbox;display:flex}.s-sheet-container{width:100%;height:40%;background-color:#ffffff;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s ease-in-out;transition:-webkit-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out}";
-
-const SallaSheet$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     *
-     */
-    this.position = 'bottom';
-    /**
-     *
-     */
-    this.width = 600;
-    /**
-     *
-     */
-    this.height = 300;
-    /**
-     *
-     */
-    this.sheetColor = "#ffffff";
-    /**
-     *
-     */
-    this.persistent = false;
-    this.flag = false;
-  }
-  // private showHideSheet() {
-  //   this.flag = !this.flag;
-  // }
-  getMainClass() {
-    return {
-      "s-sheet-overlay": true,
-      "active": this.flag,
-    };
-  }
-  // private getOverlayStyle() {
-  //   return {
-  //     "align-items": this.position == "top" ? "flex-start" : "flex-end",
-  //     "justify-content": this.position == "left" ? "flex-start" : "flex-end"
-  //   }
-  // }
-  //
-  // private getContainerStyle() {
-  //   return {
-  //     "width": `${this.width}px`,
-  //     "min-height": `${this.height}px`,
-  //     "background-color": this.sheetColor,
-  //     // "transform": 'translateY(100%)',
-  //     // "transition": "transform 0.4s ease-in-out"
-  //   }
-  // }
-  /**
-   *
-   * @returns
-   */
-  open() {
-    this.flag = true;
-  }
-  /**
-   *
-   * @returns
-   */
-  close() {
-    this.flag = false;
-  }
-  render() {
-    return (h(Host, null, h("slot", { name: 'widget' }, h("salla-button", { fill: 'outline', width: "wide", onClick: () => this.open() }, "Show/Hide")), h("div", { class: this.getMainClass(), onClick: () => this.persistent ? null : this.close() }, h("div", { class: "s-sheet-container" }, h("slot", null)))));
-  }
-  static get style() { return sallaSheetCss; }
-}, [4, "salla-sheet", {
-    "position": [1],
-    "width": [2],
-    "height": [2],
-    "sheetColor": [1, "sheet-color"],
-    "persistent": [4],
-    "flag": [32],
-    "open": [64],
-    "close": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["salla-sheet", "salla-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "salla-sheet":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SallaSheet$1);
-      }
-      break;
-    case "salla-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const SallaSheet = SallaSheet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaSheet, defineCustomElement };