@salla.sa/twilight-components 1.0.62 → 1.0.64

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

@@ -1,3 +1,6 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
 import { Component, h, Prop, Host, Element, Event, Watch, Method, State } from '@stencil/core';
 import Helper from "../../Helpers/Helper";
 /**
@@ -37,8 +40,8 @@ export class SallaModal {
     Helper.setHost(this.host);
     salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.show());
     salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.hide());
-    this.title = this.host.title;
-    this.host.removeAttribute('title');
+    this.modalTitle = this.host.title;
+    this.host.removeAttribute('modalTitle');
   }
   handleVisible(newValue) {
     if (!newValue) {
@@ -65,11 +68,11 @@ export class SallaModal {
     return this.host;
   }
   /**
-   * Change the title
-   * @param {string} title
+   * Change the Modal Title
+   * @param {string} modalTitle
    */
-  async setTitle(title) {
-    this.title = title;
+  async setTitle(modalTitle) {
+    this.modalTitle = modalTitle;
     return this.host;
   }
   /**
@@ -135,14 +138,14 @@ export class SallaModal {
                   h("button", { class: "s-modal-close", onClick: () => this.closeModal(), type: "button" },
                     h("span", { class: "sicon-cancel" }))
                   : '',
-                this.title || this.subTitle ?
+                this.modalTitle || this.subTitle ?
                   h("div", { class: "s-modal-header-inner" },
                     this.iconStyle || this.icon
                       ? h("div", { class: this.iconBlockClasses() },
                         h("i", { class: this.iconClasses() }))
                       : this.imageIcon ? h("img", { class: "s-modal-header-img", src: this.imageIcon }) : '',
                     h("div", { class: "s-modal-header-content" },
-                      h("div", { class: { 's-modal-title': true, 's-modal-title-below': this.subTitleFirst }, innerHTML: this.title }),
+                      h("div", { class: { 's-modal-title': true, 's-modal-title-below': this.subTitleFirst }, innerHTML: this.modalTitle }),
                       h("p", { class: { 's-modal-sub-title': true }, innerHTML: this.subTitle })))
                   : ''),
               h("slot", null),
@@ -357,7 +360,7 @@ export class SallaModal {
     }
   }; }
   static get states() { return {
-    "title": {}
+    "modalTitle": {}
   }; }
   static get events() { return [{
       "method": "modalOpened",
@@ -431,11 +434,11 @@ export class SallaModal {
     },
     "setTitle": {
       "complexType": {
-        "signature": "(title: any) => Promise<HTMLElement>",
+        "signature": "(modalTitle: any) => Promise<HTMLElement>",
         "parameters": [{
             "tags": [{
-                "text": "title",
-                "name": "param"
+                "name": "param",
+                "text": "modalTitle"
               }],
             "text": ""
           }],
@@ -450,10 +453,10 @@ export class SallaModal {
         "return": "Promise<HTMLElement>"
       },
       "docs": {
-        "text": "Change the title",
+        "text": "Change the Modal Title",
         "tags": [{
             "name": "param",
-            "text": "title"
+            "text": "modalTitle"
           }]
       }
     },

package/dist/collection/components/salla-offer-modal/offer-schema.js

@@ -1 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
 export {};