@ptcwebops/ptcw-design 0.4.5 → 0.4.7

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

@@ -1,63 +1,63 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcList {
-  render() {
-    const classMap = this.getCssClassMap();
-    const listItems = this.listItems;
-    if (!listItems || listItems.length === 0) {
-      return null;
-    }
-    return (h(Host, { class: classMap },
-      h("ul", null, listItems.map(listItem => {
-        h("li", null,
-          "$",
-          listItem);
-      }))));
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: this.listItems ? true : false,
-    };
-  }
-  static get is() { return "ptc-list"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-list.css"]
-  }; }
-  static get properties() { return {
-    "listType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'list-primary'",
-        "resolved": "\"list-primary\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "list-type",
-      "reflect": false
-    },
-    "listItems": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcList {
+  render() {
+    const classMap = this.getCssClassMap();
+    const listItems = this.listItems;
+    if (!listItems || listItems.length === 0) {
+      return null;
+    }
+    return (h(Host, { class: classMap },
+      h("ul", null, listItems.map(listItem => {
+        h("li", null,
+          "$",
+          listItem);
+      }))));
+  }
+  getCssClassMap() {
+    return {
+      [this.listType]: this.listItems ? true : false,
+    };
+  }
+  static get is() { return "ptc-list"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-list.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-list.css"]
+  }; }
+  static get properties() { return {
+    "listType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'list-primary'",
+        "resolved": "\"list-primary\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "list-type",
+      "reflect": false
+    },
+    "listItems": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "string[]",
+        "resolved": "string[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    }
+  }; }
+}

package/dist/collection/components/ptc-lottie/ptc-lottie.css

@@ -1,5 +1,5 @@
-:host {
-  display: block;
-  width: 100%;
-  height: auto
-}
+:host {
+  display: block;
+  width: 100%;
+  height: auto
+}

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

@@ -1,58 +1,58 @@
-import { Component, h, Prop } from '@stencil/core';
-import '@teamhive/lottie-player';
-export class PtcLottie {
-  constructor() {
-    /**
-     * Animation speed
-     */
-    this.speed = 1;
-  }
-  render() {
-    return (h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
-  }
-  static get is() { return "ptc-lottie"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-lottie.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-lottie.css"]
-  }; }
-  static get properties() { return {
-    "jsonSrc": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set Json file src"
-      },
-      "attribute": "json-src",
-      "reflect": false
-    },
-    "speed": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Animation speed"
-      },
-      "attribute": "speed",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
-}
+import { Component, h, Prop } from '@stencil/core';
+import '@teamhive/lottie-player';
+export class PtcLottie {
+  constructor() {
+    /**
+     * Animation speed
+     */
+    this.speed = 1;
+  }
+  render() {
+    return (h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
+  }
+  static get is() { return "ptc-lottie"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-lottie.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-lottie.css"]
+  }; }
+  static get properties() { return {
+    "jsonSrc": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Set Json file src"
+      },
+      "attribute": "json-src",
+      "reflect": false
+    },
+    "speed": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Animation speed"
+      },
+      "attribute": "speed",
+      "reflect": false,
+      "defaultValue": "1"
+    }
+  }; }
+}

package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.css

@@ -0,0 +1,44 @@
+:host {
+  -webkit-box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.56);
+  box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.56);
+  color: var(--color-white);
+  position: relative;
+  overflow: hidden;
+  position: relative;
+  z-index: 1000;
+  padding: 0;
+  height: 60px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  background-color: #3b4550;
+}
+
+.min-footer-nav-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.min-footer-copyright-wrapper {
+  text-align: center;
+  position: relative;
+  z-index: 20;
+}
+.min-footer-copyright-wrapper .min-footer-copyright-list {
+  padding: 0.9rem 0;
+  display: flex;
+  flex-direction: row;
+}
+
+@media screen-sm {
+  .min-footer-copyright-wrapper .min-footer-copyright-list {
+    padding: 0.9rem 0;
+  }
+}

package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js

@@ -0,0 +1,17 @@
+import { Component, Host, h } from '@stencil/core';
+export class PtcMinimizedFooter {
+  render() {
+    return (h(Host, { class: "ptc-min-footer mini-footer" },
+      h("div", { class: "min-footer-copyright-wrapper" },
+        h("ul", { class: "min-footer-nav-list min-footer-copyright-list" },
+          h("slot", null)))));
+  }
+  static get is() { return "ptc-minimized-footer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-minimized-footer.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-minimized-footer.css"]
+  }; }
+}

package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.css

@@ -0,0 +1,77 @@
+:host {
+  display: block;
+}
+
+.minimized-header .header {
+  overflow: hidden;
+  height: 48px;
+  background-color: var(--color-gray-10);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.minimized-header .header a {
+  float: left;
+  color: var(--color-black);
+  text-align: center;
+  padding: 0px 0;
+  text-decoration: none;
+  font-size: 18px;
+  line-height: 25px;
+  border-radius: 4px;
+}
+.minimized-header .header a.mini-navbar-logo {
+  font-size: 25px;
+  font-weight: bold;
+}
+.minimized-header .header a.mini-navbar-logo img {
+  width: 65px;
+  vertical-align: middle;
+  border: 0;
+  height: auto;
+}
+
+.mini-navbar-logo {
+  outline: 3px solid transparent;
+}
+.mini-navbar-logo:focus {
+  outline: 3px solid #0092D1;
+  outline-offset: 2px;
+  border-radius: 4px;
+  text-decoration: none;
+  border-color: transparent !important;
+}
+
+@media screen and (min-width: 768px) {
+  .temp-container {
+    width: 750px;
+  }
+}
+@media screen and (min-width: 992px) {
+  .temp-container {
+    width: 970px;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .temp-container {
+    width: 1170px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .temp-container {
+    width: 1400px;
+  }
+}
+@media screen and (min-width: 1600px) {
+  .temp-container {
+    width: 1560px;
+  }
+}
+
+@media screen-xs {
+  .minimized-header .header a {
+    float: none;
+    display: block;
+    text-align: left;
+  }
+}

package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js

@@ -0,0 +1,80 @@
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcMinimizedHeader {
+  constructor() {
+    this.linkUrl = '#';
+    this.imgSrc = '';
+    this.imgAlt = 'PTC';
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "minimized-header" },
+        h("div", { class: "header" },
+          h("div", { class: "temp-container" },
+            h("a", { class: "mini-navbar-logo", href: this.linkUrl },
+              h("img", { src: this.imgSrc, alt: this.imgAlt })))))));
+  }
+  static get is() { return "ptc-minimized-header"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-minimized-header.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-minimized-header.css"]
+  }; }
+  static get properties() { return {
+    "linkUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "link-url",
+      "reflect": true,
+      "defaultValue": "'#'"
+    },
+    "imgSrc": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "img-src",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "imgAlt": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "img-alt",
+      "reflect": true,
+      "defaultValue": "'PTC'"
+    }
+  }; }
+}