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

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

@@ -1,224 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class PtcDate {
-  constructor() {
-    this.year = 1900;
-    this.month = 1;
-    this.day = 1;
-    this.country = "en-US";
-    this.dateString = undefined;
-    this.dateColor = undefined;
-    this.dateStyles = undefined;
-    this.dataSize = "small";
-    this.formatOptions = undefined;
-  }
-  render() {
-    // const newDate = new Date(this.year, this.month, this.day);
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.dateStyles && h("style", null, this.dateStyles), h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
-  }
-  getCssClassMap() {
-    return {
-      [this.dateColor]: !!this.dateColor ? true : false,
-      [this.dataSize]: !!this.dataSize ? true : false,
-    };
-  }
-  getOptions() {
-    let result = { year: "numeric", month: "short", day: "numeric" };
-    if (this.formatOptions) {
-      try {
-        var json = JSON.parse(this.formatOptions);
-        if (json) {
-          result = json;
-        }
-      }
-      catch (e) {
-        //debugger
-        console.log(e);
-      }
-    }
-    return result;
-  }
-  getDate() {
-    if (this.dateString) {
-      let newDate = new Date(this.dateString.replace(/-/g, "/"));
-      return newDate;
-    }
-    else {
-      return new Date(this.year, this.month - 1, this.day);
-    }
-  }
-  static get is() { return "ptc-date"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-date.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-date.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "year": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Year"
-        },
-        "attribute": "year",
-        "reflect": false,
-        "defaultValue": "1900"
-      },
-      "month": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Month\r\nAn integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0."
-        },
-        "attribute": "month",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "day": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Day\r\nAn integer between 1 and 31 representing the day of the month. If omitted, defaults to 1."
-        },
-        "attribute": "day",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "country": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string | undefined",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Country\r\nexamples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES"
-        },
-        "attribute": "country",
-        "reflect": false,
-        "defaultValue": "\"en-US\""
-      },
-      "dateString": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Date\r\nexamples: 2000-1-1 or 2000/01/01"
-        },
-        "attribute": "date-string",
-        "reflect": false
-      },
-      "dateColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"white\" | \"primary-grey\"",
-          "resolved": "\"primary-grey\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Date Color"
-        },
-        "attribute": "date-color",
-        "reflect": false
-      },
-      "dateStyles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Injected styles"
-        },
-        "attribute": "date-styles",
-        "reflect": false
-      },
-      "dataSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"medium\" | \"small\"",
-          "resolved": "\"medium\" | \"small\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Date Font Size"
-        },
-        "attribute": "data-size",
-        "reflect": false,
-        "defaultValue": "\"small\""
-      },
-      "formatOptions": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Custom object for formatting date e.i. { weekday: \"long\",  year: \"numeric\",  month: \"long\",  day: \"numeric\" }"
-        },
-        "attribute": "format-options",
-        "reflect": false
-      }
-    };
-  }
-}

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

@@ -1,176 +0,0 @@
-@charset "UTF-8";
-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: inline-block;
-  position: relative;
-  color: var(--color-gray-12);
-}
-:host label {
-  cursor: pointer;
-}
-:host .dropdown__header {
-  cursor: pointer;
-  transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);
-  background-color: var(--color-white);
-  display: flex;
-  align-items: center;
-  align-content: center;
-  border: 1px solid var(--color-gray-05);
-  padding: 0.1875rem 0.75rem 0.1875rem 0.75rem;
-  border-radius: 4px;
-  font-family: var(--ptc-font-latin);
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-loose);
-  letter-spacing: 0em;
-  text-align: left;
-  height: 1.5rem;
-}
-:host .dropdown__header b {
-  font-weight: var(--ptc-font-weight-semibold);
-}
-:host .dropdown__header icon-asset {
-  width: 1rem;
-  height: 1rem;
-  margin-left: 0.5rem;
-  margin-top: -0.5rem;
-}
-:host .dropdown__header:hover {
-  background-color: var(--color-gray-02);
-}
-:host .dropdown__header:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host .dropdown__list {
-  display: table;
-  border: 1px solid rgba(0, 0, 0, 0.24);
-  border-radius: var(--ptc-border-radius-large);
-}
-:host ul {
-  display: block;
-  top: 0.2rem;
-  margin: 0;
-  list-style-type: none;
-  padding-inline-start: 0;
-  padding: 0.25rem 0.25rem;
-  background-color: var(--color-gray-02);
-  cursor: pointer;
-  position: absolute;
-  z-index: 500;
-}
-@media only screen and (min-width: 992px) {
-  :host ul {
-    right: 0.2rem;
-  }
-}
-:host ul li {
-  white-space: nowrap;
-  padding: 3px 1rem;
-  font-weight: 500;
-}
-:host ul li.selected:before {
-  content: "✓";
-  display: block;
-  position: absolute;
-  left: 0.4rem;
-}
-:host ul li:hover {
-  color: #fff;
-  background-color: #699af8;
-  border-radius: var(--ptc-border-radius-standard);
-}
-:host ul li:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-
-.ptc-dropdown {
-  position: relative;
-}
-.ptc-dropdown.support ul {
-  margin: 2px 4px 0 0;
-}
-.ptc-dropdown.support .dropdown__header {
-  transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);
-  background-color: transparent;
-  border: none;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-semibold);
-  line-height: var(--ptc-line-height-dense);
-  letter-spacing: var(--ptc-letter-spacing-dense);
-  text-align: left;
-  padding: 2px 6px;
-}
-.ptc-dropdown.support .dropdown__header:hover {
-  background-color: var(--color-gray-02);
-}
-.ptc-dropdown.support .dropdown__header icon-asset {
-  width: 10px;
-  height: 10px;
-  margin-left: 0.25rem;
-  margin-top: -0.8rem;
-}
-.ptc-dropdown.support .dropdown__header icon-asset svg {
-  width: 9px;
-  height: 9px;
-}

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

@@ -1,183 +0,0 @@
-import { h, } from "@stencil/core";
-export class PtcDropdown {
-  constructor() {
-    this.handleClick = (item) => {
-      this.listItems.forEach((item) => (item.selected = undefined));
-      item.selected = true;
-      this.selectedItem = item;
-      this.toggle = !this.toggle;
-      this.clickedItem.emit(item);
-    };
-    this.toggleList = () => {
-      this.toggle = !this.toggle;
-    };
-    this.theme = "sort";
-    this.label = undefined;
-    this.listItems = undefined;
-    this.toggle = false;
-    this.selectedItem = undefined;
-    this.trackerId = undefined;
-  }
-  offClick(e) {
-    if (e && !this.host.contains(e.target) && this.toggle) {
-      this.toggle = false;
-    }
-  }
-  componentWillLoad() {
-    let items = this.host.querySelectorAll("item");
-    if (!this.listItems) {
-      this.listItems = [];
-    }
-    items.forEach((item) => {
-      if (item && item.getAttribute("label")) {
-        let listItem = {
-          element: item,
-          label: item.getAttribute("label"),
-          value: item.getAttribute("value"),
-          selected: item.hasAttribute("selected"),
-        };
-        this.listItems.push(listItem);
-        if (item.hasAttribute("selected")) {
-          this.selectedItem = listItem;
-        }
-      }
-    });
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h("div", { class: classMap }, h("header", { id: this.trackerId, class: "dropdown__header mf-listen", onClick: this.toggleList, tabindex: "0", onKeyPress: this.toggleList }, h("label", null, h("b", null, this.label), " ", this.selectedItem
-      ? this.selectedItem.label
-      : "Select Option"), h("icon-asset", { type: "solid", size: "x-small", name: "chevron-down" })), this.toggle && (h("ul", { id: this.trackerId + `ul`, tabIndex: -1, class: "dropdown__list mf-listen", onBlur: () => {
-        this.toggle = false;
-      } }, this.listItems.map((item) => {
-      let cssClass = "dropdown__item mf-listen";
-      if (item.selected) {
-        cssClass += " selected";
-      }
-      return (h("li", { class: cssClass, id: item.label + this.trackerId, onClick: () => this.handleClick(item), tabindex: "0", onKeyPress: () => this.handleClick(item) }, item.label));
-    })))));
-  }
-  getCssClassMap() {
-    return {
-      ["ptc-dropdown"]: true,
-      [this.theme]: true,
-    };
-  }
-  static get is() { return "ptc-dropdown"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-dropdown.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-dropdown.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "theme": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"sort\" | \"support\"",
-          "resolved": "\"sort\" | \"support\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme"
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"sort\""
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "listItems": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "any[]",
-          "resolved": "any[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "trackerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "tracker-id",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "toggle": {},
-      "selectedItem": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "clickedItem",
-        "name": "clickedItem",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "host"; }
-  static get listeners() {
-    return [{
-        "name": "click",
-        "method": "offClick",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }];
-  }
-}

package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg

@@ -1,16 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #18723b;
-      }
-
-      .cls-2 {
-        fill: #f3f3f3;
-      }
-    </style>
-  </defs>
-  <circle id="Ellipse_1_copy_2" data-name="Ellipse 1 copy 2" class="cls-1" cx="10" cy="10" r="10"/>
-  <circle id="Ellipse_1_copy" data-name="Ellipse 1 copy" class="cls-2" cx="10" cy="10" r="7.781"/>
-  <circle class="cls-1" cx="10" cy="10" r="5"/>
-</svg>