@ptcwebops/ptcw-design 1.0.6 → 1.0.7

package/dist/collection/components/ptc-background-video/ptc-background-video.js

@@ -1,102 +1,102 @@
-import { Host, h } from '@stencil/core';
-export class PtcBackgroundVideo {
-  constructor() {
-    this.videoSrc = undefined;
-    this.posterSrc = undefined;
-    this.overlay = true;
-    this.type = 'default';
-  }
-  render() {
-    return (h(Host, { class: this.type }, h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }), this.overlay
-      ? h("div", { class: "video-overlay" })
-      : "", this.type == 'default'
-      ? h("slot", null)
-      : ""));
-  }
-  static get is() { return "ptc-background-video"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-background-video.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-background-video.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "videoSrc": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Video url"
-        },
-        "attribute": "video-src",
-        "reflect": false
-      },
-      "posterSrc": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Poster url(Placeholder image till the video get the loaded)"
-        },
-        "attribute": "poster-src",
-        "reflect": false
-      },
-      "overlay": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Overlay(Optional, By default is true)"
-        },
-        "attribute": "overlay",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'default' | 'legacy'",
-          "resolved": "\"default\" | \"legacy\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Video implementation type:\n default: Content need to add in tag \n     Ex: <ptc-background-video>Content  </ptc-background-video>\n legacy: Add the blank tag in any other setcon having relative parent.\n     Ex: <div class=\"section\" style=\"position: relative;\">\n            <ptc-background-video></ptc-background-video>\n            Content \n         </div>"
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'default'"
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcBackgroundVideo {
+  constructor() {
+    this.videoSrc = undefined;
+    this.posterSrc = undefined;
+    this.overlay = true;
+    this.type = 'default';
+  }
+  render() {
+    return (h(Host, { class: this.type }, h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }), this.overlay
+      ? h("div", { class: "video-overlay" })
+      : "", this.type == 'default'
+      ? h("slot", null)
+      : ""));
+  }
+  static get is() { return "ptc-background-video"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-background-video.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-background-video.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "videoSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Video url"
+        },
+        "attribute": "video-src",
+        "reflect": false
+      },
+      "posterSrc": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Poster url(Placeholder image till the video get the loaded)"
+        },
+        "attribute": "poster-src",
+        "reflect": false
+      },
+      "overlay": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Overlay(Optional, By default is true)"
+        },
+        "attribute": "overlay",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'legacy'",
+          "resolved": "\"default\" | \"legacy\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Video implementation type:\r\n default: Content need to add in tag \r\n     Ex: <ptc-background-video>Content  </ptc-background-video>\r\n legacy: Add the blank tag in any other setcon having relative parent.\r\n     Ex: <div class=\"section\" style=\"position: relative;\">\r\n            <ptc-background-video></ptc-background-video>\r\n            Content \r\n         </div>"
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'default'"
+      }
+    };
+  }
+}

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

@@ -5,4 +5,23 @@
 
 ::slotted(*) {
   transform: translate(-2px, -2px);
+}
+
+:host(.left) {
+  display: flex;
+  justify-content: flex-start;
+}
+
+:host(.center) {
+  display: flex;
+  justify-content: center;
+}
+
+:host(.right) {
+  display: flex;
+  justify-content: flex-end;
+}
+
+:host(.remove-top-margin) {
+  margin-top: 0px !important;
 }

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

@@ -1,22 +1,105 @@
-import { Host, h } from '@stencil/core';
-export class PtcBreadcrumb {
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: "white" })), h("slot", null)));
-  }
-  getCssClassMap() {
-    return {};
-  }
-  static get is() { return "ptc-breadcrumb"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-breadcrumb.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-breadcrumb.css"]
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcBreadcrumb {
+  constructor() {
+    this.position = undefined;
+    this.removeTopMargin = false;
+    this.color = 'white';
+    this.styles = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("list-item", { listType: "breadcrumb", flushBefore: true, "link-href": "https://www.ptc.com" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color })), h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.position]: !!this.position && this.position !== undefined ? true : false,
+      ['remove-top-margin']: this.removeTopMargin ? true : false,
+    };
+  }
+  static get is() { return "ptc-breadcrumb"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-breadcrumb.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-breadcrumb.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'left' | 'center' | 'right'",
+          "resolved": "\"center\" | \"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "breadcrumb position"
+        },
+        "attribute": "position",
+        "reflect": false
+      },
+      "removeTopMargin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "remove topMargin"
+        },
+        "attribute": "remove-top-margin",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
+          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme Color"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Injected CSS styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+}