@ptcwebops/ptcw-design 0.6.4 → 0.6.5

package/dist/collection/components/ptc-icon-list/ptc-icon-list.css

@@ -8,10 +8,12 @@
 }
 :host .ptc-icon-list .value-text {
   font-size: var(--ptc-font-size-small);
+  white-space: nowrap;
 }
 :host .ptc-icon-list .ptc-numbered-values {
   margin-left: var(--ptc-element-spacing-03);
   font-family: var(--ptc-font-secondary-latin);
+  white-space: nowrap;
 }
 :host .ptc-icon-list .ptc-numbered-subtitle {
   margin: 0;

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

@@ -1,145 +1,145 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcIconList {
-  constructor() {
-    /**
-  * List item type
-  */
-    this.listType = 'simple-icon-list';
-    /**
-   * List value with unit Example: 60%
-   */
-    this.valueWithUnit = '';
-    /**
-   * List value text Example: up to
-   */
-    this.valueText = '';
-    /**
-   * List value with unit Example: Increase in Operator Productivity
-   */
-    this.listContent = '';
-    this.isLastItem = false;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" },
-      h("slot", { name: "icon" }),
-      h("div", { class: "ptc-numbered-values" },
-        h("span", { class: "value-text" },
-          this.valueText,
-          "\u00A0"),
-        h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)),
-      h("p", { class: "ptc-content" },
-        "- \u00A0",
-        this.listContent))) : (h("div", { class: "ptc-icon-list" },
-      h("slot", { name: "icon" }),
-      h("p", { class: "ptc-content-simple" },
-        this.listContent,
-        " ")))));
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: this.listType ? true : false,
-      ['last-item']: this.isLastItem ? true : false
-    };
-  }
-  static get is() { return "ptc-icon-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-icon-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-icon-list.css"]
-  }; }
-  static get properties() { return {
-    "listType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list'",
-        "resolved": "\"icon-top-align-list\" | \"simple-icon-list\" | \"stat-icon-list\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List item type"
-      },
-      "attribute": "list-type",
-      "reflect": false,
-      "defaultValue": "'simple-icon-list'"
-    },
-    "valueWithUnit": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "List value with unit Example: 60%"
-      },
-      "attribute": "value-with-unit",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "valueText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "List value text Example: up to"
-      },
-      "attribute": "value-text",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "listContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List value with unit Example: Increase in Operator Productivity"
-      },
-      "attribute": "list-content",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "isLastItem": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-last-item",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcIconList {
+  constructor() {
+    /**
+  * List item type
+  */
+    this.listType = 'simple-icon-list';
+    /**
+   * List value with unit Example: 60%
+   */
+    this.valueWithUnit = '';
+    /**
+   * List value text Example: up to
+   */
+    this.valueText = '';
+    /**
+   * List value with unit Example: Increase in Operator Productivity
+   */
+    this.listContent = '';
+    this.isLastItem = false;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" },
+      h("slot", { name: "icon" }),
+      h("div", { class: "ptc-numbered-values" },
+        h("span", { class: "value-text" },
+          this.valueText,
+          "\u00A0"),
+        h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)),
+      h("p", { class: "ptc-content" },
+        "- \u00A0",
+        this.listContent))) : (h("div", { class: "ptc-icon-list" },
+      h("slot", { name: "icon" }),
+      h("p", { class: "ptc-content-simple" },
+        this.listContent,
+        " ")))));
+  }
+  getCssClassMap() {
+    return {
+      [this.listType]: this.listType ? true : false,
+      ['last-item']: this.isLastItem ? true : false
+    };
+  }
+  static get is() { return "ptc-icon-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-icon-list.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-icon-list.css"]
+  }; }
+  static get properties() { return {
+    "listType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list'",
+        "resolved": "\"icon-top-align-list\" | \"simple-icon-list\" | \"stat-icon-list\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "List item type"
+      },
+      "attribute": "list-type",
+      "reflect": false,
+      "defaultValue": "'simple-icon-list'"
+    },
+    "valueWithUnit": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "List value with unit Example: 60%"
+      },
+      "attribute": "value-with-unit",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "valueText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "List value text Example: up to"
+      },
+      "attribute": "value-text",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "listContent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "List value with unit Example: Increase in Operator Productivity"
+      },
+      "attribute": "list-content",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "isLastItem": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-last-item",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+}

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

@@ -1,86 +1,86 @@
-import { Component, h, Prop, Element } from '@stencil/core';
-export class PtcIconMinimize {
-  constructor() {
-    this.opened = true;
-  }
-  componentDidLoad() {
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && !content.style.maxHeight) {
-      content.style.maxHeight = content.scrollHeight + "px";
-    }
-  }
-  dropdownToggle() {
-    this.opened = !this.opened;
-  }
-  getScrollHeight() {
-    let result = undefined;
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && content) {
-      result = { 'max-height': 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;
-  }
-  render() {
-    let scrollHeight = this.getScrollHeight();
-    let icon = this.opened ? 'minus' : 'plus';
-    return (h("div", { class: "ptc-icon-minimize" },
-      h("div", { class: "header" },
-        h("div", { class: "title" }, this.heading),
-        h("div", { class: "icon", onClick: () => this.dropdownToggle() },
-          h("icon-asset", { type: "ptc", size: "xxx-small", name: icon }))),
-      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"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}
+import { Component, h, Prop, Element } from '@stencil/core';
+export class PtcIconMinimize {
+  constructor() {
+    this.opened = true;
+  }
+  componentDidLoad() {
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && !content.style.maxHeight) {
+      content.style.maxHeight = content.scrollHeight + "px";
+    }
+  }
+  dropdownToggle() {
+    this.opened = !this.opened;
+  }
+  getScrollHeight() {
+    let result = undefined;
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && content) {
+      result = { 'max-height': 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;
+  }
+  render() {
+    let scrollHeight = this.getScrollHeight();
+    let icon = this.opened ? 'minus' : 'plus';
+    return (h("div", { class: "ptc-icon-minimize" },
+      h("div", { class: "header" },
+        h("div", { class: "title" }, this.heading),
+        h("div", { class: "icon", onClick: () => this.dropdownToggle() },
+          h("icon-asset", { type: "ptc", size: "xxx-small", name: icon }))),
+      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"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}