@ptcwebops/ptcw-design 0.7.6 → 0.7.8

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

@@ -1,34 +1,16 @@
-import { Component, Element, Host, Prop, State, h, Event } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class PtcModal {
   constructor() {
-    /**
-     * Sets if popup should close if click on outside
-     */
+    this.iframeUrl = undefined;
     this.size = 'sm';
-    /**
-     * Set whether or not to display modal
-     */
     this.show = false;
-    /**
-     * Sets if popup should overlay
-     */
     this.overlay = true;
-    /**
-     * Sets if popup should overlay
-     */
     this.fixed = false;
-    /**
-     * Sets if popup should close if click on outside
-     */
     this.closeOnBlur = false;
-    /**
-     * Sets if popup should have rounded corners
-     */
     this.rounded = false;
-    /**
-     * Sets if popup should have header footer sections
-     */
     this.showHeaderFooter = false;
+    this.overlayHeight = undefined;
+    this.bodyOverflowSetting = undefined;
   }
   fireOnClosed(modal) {
     this.closed.emit(modal);
@@ -120,11 +102,7 @@ export class PtcModal {
     let content;
     let overlay;
     let type = this.iframeUrl ? 'frame' : 'html';
-    let closebtn = (h("div", { class: "close" },
-      h("a", { href: "#", onClick: (e) => { e.preventDefault(); this.close(); } },
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
-          h("path", { d: "M1 1L13 13", stroke: "black" }),
-          h("path", { d: "M13 1L1 13", stroke: "black" })))));
+    let closebtn = (h("div", { class: "close" }, h("a", { href: "#", onClick: (e) => { e.preventDefault(); this.close(); } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))));
     if (this.iframeUrl) {
       content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
     }
@@ -144,216 +122,220 @@ export class PtcModal {
         overlay = h("div", { class: "overlay" });
       }
     }
-    return (h(Host, null,
-      h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` },
-        overlay,
-        h("div", { class: `modal-popup ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.showHeaderFooter ? [
-          h("div", { class: "modal-header" },
-            h("slot", { name: "header" }),
-            closebtn),
-          h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
-          h("div", { class: "modal-footer" },
-            h("slot", { name: "footer" }))
-        ] : [
-          closebtn,
-          h("div", { class: "modal-body" }, content)
-        ]))));
+    return (h(Host, null, h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` }, overlay, h("div", { class: `modal-popup ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.showHeaderFooter ? [
+      h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
+      h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+      h("div", { class: "modal-footer" }, h("slot", { name: "footer" }))
+    ] : [
+      closebtn,
+      h("div", { class: "modal-body" }, content)
+    ]))));
   }
   static get is() { return "ptc-modal"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-modal.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-modal.css"]
-  }; }
-  static get properties() { return {
-    "iframeUrl": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set url for content iframe to load if false will load slot element"
-      },
-      "attribute": "iframe-url",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "'sm' | 'md' | 'lg' | 'xl'",
-        "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should close if click on outside"
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'sm'"
-    },
-    "show": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Set whether or not to display modal"
-      },
-      "attribute": "show",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "overlay": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should overlay"
-      },
-      "attribute": "overlay",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "fixed": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should overlay"
-      },
-      "attribute": "fixed",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "closeOnBlur": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-modal.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "iframeUrl": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set url for content iframe to load if false will load slot element"
+        },
+        "attribute": "iframe-url",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should close if click on outside"
+      "size": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "'sm' | 'md' | 'lg' | 'xl'",
+          "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should close if click on outside"
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'sm'"
       },
-      "attribute": "close-on-blur",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "rounded": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "show": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Set whether or not to display modal"
+        },
+        "attribute": "show",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should have rounded corners"
+      "overlay": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should overlay"
+        },
+        "attribute": "overlay",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "attribute": "rounded",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showHeaderFooter": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "fixed": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should overlay"
+        },
+        "attribute": "fixed",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets if popup should have header footer sections"
+      "closeOnBlur": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should close if click on outside"
+        },
+        "attribute": "close-on-blur",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "show-header-footer",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "overlayHeight": {},
-    "bodyOverflowSetting": {}
-  }; }
-  static get events() { return [{
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event for modal popup closed"
+      "rounded": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should have rounded corners"
+        },
+        "attribute": "rounded",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "PtcModal",
-        "resolved": "PtcModal",
-        "references": {
-          "PtcModal": {
-            "location": "global"
+      "showHeaderFooter": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should have header footer sections"
+        },
+        "attribute": "show-header-footer",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "overlayHeight": {},
+      "bodyOverflowSetting": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "closed",
+        "name": "closed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event for modal popup closed"
+        },
+        "complexType": {
+          "original": "PtcModal",
+          "resolved": "PtcModal",
+          "references": {
+            "PtcModal": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "opened",
-      "name": "opened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event for modal popup opened"
-      },
-      "complexType": {
-        "original": "PtcModal",
-        "resolved": "PtcModal",
-        "references": {
-          "PtcModal": {
-            "location": "global"
+      }, {
+        "method": "opened",
+        "name": "opened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event for modal popup opened"
+        },
+        "complexType": {
+          "original": "PtcModal",
+          "resolved": "PtcModal",
+          "references": {
+            "PtcModal": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/ptc-overlay/ptc-overlay.js

@@ -1,10 +1,10 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class PtcOverlay {
   constructor() {
-    /**
-     * Overlay z-index
-     */
+    this.filterColor = undefined;
+    this.borderRadius = undefined;
     this.overlayZIndex = 'z-index-auto';
+    this.styles = undefined;
   }
   render() {
     const classMap = this.getCssClassMap();
@@ -19,81 +19,87 @@ export class PtcOverlay {
   }
   static get is() { return "ptc-overlay"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-overlay.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-overlay.css"]
-  }; }
-  static get properties() { return {
-    "filterColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
-        "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Filter Color"
-      },
-      "attribute": "filter-color",
-      "reflect": false
-    },
-    "borderRadius": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'radius-standard' | 'radius-large'",
-        "resolved": "\"radius-large\" | \"radius-standard\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Overlay border shape"
-      },
-      "attribute": "border-radius",
-      "reflect": false
-    },
-    "overlayZIndex": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
-        "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Overlay z-index"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-overlay.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-overlay.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
+          "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Filter Color"
+        },
+        "attribute": "filter-color",
+        "reflect": false
       },
-      "attribute": "overlay-z-index",
-      "reflect": false,
-      "defaultValue": "'z-index-auto'"
-    },
-    "styles": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "borderRadius": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'radius-standard' | 'radius-large'",
+          "resolved": "\"radius-large\" | \"radius-standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Overlay border shape"
+        },
+        "attribute": "border-radius",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Injected Styles"
+      "overlayZIndex": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
+          "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Overlay z-index"
+        },
+        "attribute": "overlay-z-index",
+        "reflect": false,
+        "defaultValue": "'z-index-auto'"
       },
-      "attribute": "styles",
-      "reflect": false
-    }
-  }; }
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Injected Styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
 }