@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js

@@ -1,308 +0,0 @@
-import { h } from "@stencil/core";
-export class PtcIconMinimize {
-  constructor() {
-    this.handleKeyDown = (e) => {
-      if (e.key === "Enter") {
-        this.dropdownToggle();
-      }
-    };
-    this.heading = undefined;
-    this.opened = true;
-    this.timeStamp = undefined;
-    this.listType = "default";
-    this.dataRefineValue = undefined;
-    this.trackerId = undefined;
-    this.tabIndexValue = 0;
-  }
-  componentWillLoad() {
-    this.timeStamp = Date.now().toString();
-  }
-  componentDidLoad() {
-    let content = this.host.shadowRoot.querySelector(".content");
-    if (this.opened && !content.style.maxHeight) {
-      content.style.maxHeight = content.scrollHeight + "px";
-    }
-    if (!this.opened) {
-      this.setTabIndex();
-    }
-  }
-  dropdownToggle() {
-    this.opened = !this.opened;
-    this.setTabIndex();
-  }
-  setTabIndex() {
-    var checkList = this.host.querySelector(".fitler-check-list");
-    var checkListModal = this.host.querySelector(".fitler-check-list-modal");
-    if (checkList == null) {
-      checkList = this.host.querySelector(".filter-checkbox-list");
-    }
-    if (checkList) {
-      var checkBoxesList = checkList.querySelectorAll("ptc-checkbox");
-      if (checkBoxesList) {
-        checkBoxesList.forEach((item) => {
-          if (item.shadowRoot.querySelector("label")) {
-            item.shadowRoot.querySelector("label").tabIndex = this
-              .opened
-              ? 0
-              : -1;
-          }
-        });
-      }
-      var checkBoxesIconList = checkList.querySelectorAll("ptc-icon-minimize");
-      if (checkBoxesIconList) {
-        checkBoxesIconList.forEach((item) => {
-          if (item.shadowRoot.querySelector(".icon")) {
-            this.opened
-              ? item.shadowRoot
-                .querySelector(".icon")
-                .setAttribute("tabindex", "0")
-              : item.shadowRoot
-                .querySelector(".icon")
-                .setAttribute("tabindex", "-1");
-            var childrenCheckBoxesList = item.querySelectorAll("ptc-checkbox");
-            if (childrenCheckBoxesList) {
-              childrenCheckBoxesList.forEach((childitem) => {
-                if (childitem.shadowRoot.querySelector("label")) {
-                  childitem.shadowRoot.querySelector("label").tabIndex = item.opened ? 0 : -1;
-                }
-              });
-            }
-          }
-        });
-      }
-    }
-    if (checkListModal == null) {
-      checkListModal = this.host.querySelector(".filter-check-list-modal");
-    }
-    if (checkListModal) {
-      var checkBoxesListModal = checkListModal.querySelectorAll("ptc-checkbox");
-      if (checkBoxesListModal) {
-        checkBoxesListModal.forEach((item) => {
-          if (item.shadowRoot.querySelector("label")) {
-            item.shadowRoot.querySelector("label").tabIndex = this
-              .opened
-              ? 0
-              : -1;
-          }
-        });
-      }
-      var checkBoxesModelIconList = checkListModal.querySelectorAll("ptc-icon-minimize");
-      if (checkBoxesModelIconList) {
-        checkBoxesModelIconList.forEach((item) => {
-          if (item.shadowRoot.querySelector(".icon")) {
-            this.opened
-              ? item.shadowRoot
-                .querySelector(".icon")
-                .setAttribute("tabindex", "0")
-              : item.shadowRoot
-                .querySelector(".icon")
-                .setAttribute("tabindex", "-1");
-            var childrenCheckBoxesList = item.querySelectorAll("ptc-checkbox");
-            if (childrenCheckBoxesList) {
-              childrenCheckBoxesList.forEach((childitem) => {
-                if (childitem.shadowRoot.querySelector("label")) {
-                  childitem.shadowRoot.querySelector("label").tabIndex = item.opened ? 0 : -1;
-                }
-              });
-            }
-          }
-        });
-      }
-    }
-  }
-  getScrollHeight() {
-    let result = undefined;
-    let content = this.host.shadowRoot.querySelector(".content");
-    if (this.opened && content) {
-      result = { "max-height": content.scrollHeight + "px" };
-      if (this.listType == "checkbox") {
-        let parentItem = this.upTo(this.host, "ptc-icon-minimize");
-        if (parentItem) {
-          let parentContent = parentItem.shadowRoot.querySelector(".content");
-          if (parentContent) {
-            parentContent.style.maxHeight =
-              parentContent.scrollHeight +
-                content.scrollHeight +
-                "px";
-          }
-        }
-      }
-    }
-    else if (this.opened) {
-      result = { "max-height": 350 + "px" };
-    }
-    else if (content && content.style.maxHeight) {
-      content.style.removeProperty("max-height");
-    }
-    return result;
-  }
-  upTo(el, tagName) {
-    tagName = tagName.toLowerCase();
-    while (el && el.parentNode) {
-      el = el.parentNode;
-      if (el.tagName && el.tagName.toLowerCase() == tagName) {
-        return el;
-      }
-    }
-    // Many DOM methods return null if they don't
-    // find the element they are searching for
-    // It would be OK to omit the following and just
-    // return undefined
-    return null;
-  }
-  async Refresh() {
-    this.timeStamp = Date.now().toString();
-  }
-  render() {
-    let scrollHeight = this.getScrollHeight();
-    let icon = this.opened ? "minus" : "plus";
-    return (h("div", { class: "ptc-icon-minimize" }, this.listType == "default" ? (h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))) : this.listType == "checkbox" ? (h("div", { class: "header checkbox-icon" }, h("div", { class: "title" }, h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))) : null, h("div", { class: "content", style: scrollHeight }, h("slot", null))));
-  }
-  static get is() { return "ptc-icon-minimize"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-icon-minimize.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-icon-minimize.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "heading": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "heading",
-        "reflect": false
-      },
-      "opened": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "opened",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "listType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "list-type",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "dataRefineValue": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "data-refine-value",
-        "reflect": false
-      },
-      "trackerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tracker-id",
-        "reflect": false
-      },
-      "tabIndexValue": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tab-index-value",
-        "reflect": false,
-        "defaultValue": "0"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "timeStamp": {}
-    };
-  }
-  static get methods() {
-    return {
-      "Refresh": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.css

@@ -1,113 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-:host {
-  display: block;
-  position: relative;
-  font-family: var(--ptc-font-secondary-latin);
-}
-:host .strip {
-  position: absolute;
-  bottom: 0;
-  backdrop-filter: blur(15.2px);
-  background: white;
-  background: rgba(255, 255, 255, 0.3);
-  width: 100%;
-  padding: 15px;
-  box-sizing: border-box;
-  text-align: right;
-}
-:host .strip .dl-btn {
-  width: 54px;
-  height: 40px;
-  background-image: linear-gradient(288deg, #74c34d, #00783e);
-  border: 1px solid #fff;
-  color: #fff;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin-left: auto;
-  align-items: center;
-  text-decoration: none;
-}
-:host .strip .dl-btn .dl-text {
-  font-size: 10px;
-  text-transform: uppercase;
-  font-weight: 600;
-  line-height: 1.25;
-  margin-bottom: 1px;
-  display: none;
-}
-:host .strip .dl-btn:hover {
-  box-shadow: 0 3px 20px 0 #74c34d;
-}
-:host .strip .dl-btn:hover .dl-text {
-  display: block;
-}
-:host .strip .dl-btn:focus-visible {
-  transition: none;
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host .strip .dl-btn img {
-  max-height: 18px;
-  width: 12px;
-}

package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js

@@ -1,71 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class PtcImageDownloadStrip {
-  constructor() {
-    this.downloadUrl = undefined;
-    this.trackerId = undefined;
-  }
-  render() {
-    return (h(Host, null, h("slot", null), h("div", { class: "strip mf-listen" }, h("a", { class: "dl-btn", href: "javascript:void()", onClick: () => {
-        this.openModal();
-      }, tabindex: "0" }, h("span", { class: "dl-text" }, "Download"), h("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h("ptc-modal", { id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, h("ptc-title", { type: "h2", "text-align": "center", "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
-  }
-  openModal() {
-    let modal = this.el.shadowRoot.querySelector("#strip-download-modal");
-    modal.setAttribute("show", "true");
-    setTimeout(() => {
-      modal.setAttribute("show", "false");
-      window.open(`${this.downloadUrl}`, "_self");
-    }, 1000);
-  }
-  static get is() { return "ptc-image-download-strip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-image-download-strip.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-image-download-strip.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "downloadUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News download url"
-        },
-        "attribute": "download-url",
-        "reflect": false
-      },
-      "trackerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "tracker-id"
-        },
-        "attribute": "tracker-id",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

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

@@ -1,207 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-  word-break: break-word;
-  hyphens: manual;
-  -webkit-hyphens: manual;
-  -moz-hyphens: manual;
-  -ms-hyphens: manual;
-}
-@supports (hyphenate-limit-chars: 12 3 3) {
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li,
-ptc-subnav,
-ptc-tab-list,
-ptc-link,
-ptc-square-card,
-.hyphenate-text,
-ptc-footer {
-    hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    hyphenate-limit-chars: 12 3 3;
-    hyphenate-limit-lines: 2;
-    hyphenate-limit-last: always;
-    hyphenate-limit-zone: 6%;
-    -webkit-hyphens: auto;
-    -webkit-hyphenate-limit-before: 3;
-    -webkit-hyphenate-limit-after: 3;
-    -webkit-hyphenate-limit-chars: 12 3 3;
-    -webkit-hyphenate-limit-lines: 2;
-    -moz-hyphens: auto;
-    -moz-hyphenate-limit-chars: 12 3 3;
-    -moz-hyphenate-limit-lines: 2;
-    -ms-hyphens: auto;
-    -ms-hyphenate-limit-chars: 12 3 3;
-    -ms-hyphenate-limit-lines: 2;
-  }
-}
-
-.smart-bg {
-  width: 100%;
-  height: 100%;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-}
-
-.smart-img {
-  position: absolute;
-  display: block;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-}
-
-.radius-standard {
-  border-radius: var(--ptc-border-radius-standard);
-}
-
-.radius-standard-top {
-  border-top-left-radius: var(--ptc-border-radius-standard);
-  border-top-right-radius: var(--ptc-border-radius-standard);
-}
-
-.radius-large {
-  border-radius: var(--ptc-border-radius-large);
-}
-
-.radius-large-top {
-  border-top-left-radius: var(--ptc-border-radius-large);
-  border-top-right-radius: var(--ptc-border-radius-large);
-}
-
-.lazy-bg {
-  background-image: none !important;
-  background-color: var(--color-gray-03);
-}
-
-/* XS */
-/* max-width: $screen-xs-max */
-@media only screen and (min-width: 768px) {
-  .hidden-xs {
-    display: none !important;
-  }
-}
-/* SM  $breakpoint-md-max */
-/* min-width: $screen-sm-min) and (max-width: $screen-sm-max */
-@media (min-width: 768px) and (max-width: 991px) {
-  .hidden-sm {
-    display: none !important;
-  }
-}
-/* MD */
-/* min-width: $screen-md-min) and (max-width: $screen-md-max */
-@media (min-width: 992px) and (max-width: 1199px) {
-  .hidden-md {
-    display: none !important;
-  }
-}
-/* LG */
-/* min-width: $screen-lg-min */
-@media only screen and (min-width: 768px) {
-  .hidden-lg {
-    display: none !important;
-  }
-}
-.lazy-bg {
-  background-image: none !important;
-  background-color: var(--color-gray-03);
-}
-
-.ptc-img {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-img {
-  width: 100%;
-  height: auto;
-  display: block;
-}
-
-.low-quality,
-.medium-quality,
-.high-quality {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center center;
-  transition: opacity 0.5s ease-in-out;
-}
-
-.low-quality {
-  z-index: 1;
-}
-
-.medium-quality {
-  z-index: 2;
-  opacity: 0;
-}
-
-.high-quality {
-  z-index: 3;
-  opacity: 0;
-}
-
-.ptc-img--lazy .lazy-bg {
-  background-image: none !important;
-  background-color: var(--color-gray-03);
-}
-.ptc-img--lazy .low-quality,
-.ptc-img--lazy .medium-quality,
-.ptc-img--lazy .high-quality {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center center;
-  transition: opacity 0.5s ease-in-out;
-}
-.ptc-img--lazy .low-quality {
-  z-index: 1;
-}
-.ptc-img--lazy .medium-quality {
-  z-index: 2;
-  opacity: 0;
-}
-.ptc-img--lazy .high-quality {
-  z-index: 3;
-  opacity: 0;
-}