@ptcwebops/ptcw-design 4.5.8 → 4.5.9

package/dist/types/components.d.ts

@@ -1596,6 +1596,14 @@ export namespace Components {
           * cardTitle
          */
         "cardTitle"?: string;
+        /**
+          * customize read less text
+         */
+        "lessText"?: string;
+        /**
+          * customize read more text
+         */
+        "moreText"?: string;
     }
     interface PtcProductList {
         "clearButtonLabel": string;
@@ -1613,6 +1621,10 @@ export namespace Components {
     }
     interface PtcProgressBar {
     }
+    interface PtcQuantityCounter {
+        "addToCartLabel": string;
+        "addedLabel": string;
+    }
     interface PtcQuote {
         /**
           * Button CTA Text
@@ -2466,6 +2478,10 @@ export interface PtcProductSidebarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcProductSidebarElement;
 }
+export interface PtcQuantityCounterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcQuantityCounterElement;
+}
 export interface PtcReadmoreCharCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcReadmoreCharElement;
@@ -3147,6 +3163,12 @@ declare global {
         prototype: HTMLPtcProgressBarElement;
         new (): HTMLPtcProgressBarElement;
     };
+    interface HTMLPtcQuantityCounterElement extends Components.PtcQuantityCounter, HTMLStencilElement {
+    }
+    var HTMLPtcQuantityCounterElement: {
+        prototype: HTMLPtcQuantityCounterElement;
+        new (): HTMLPtcQuantityCounterElement;
+    };
     interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
     }
     var HTMLPtcQuoteElement: {
@@ -3544,6 +3566,7 @@ declare global {
         "ptc-product-list": HTMLPtcProductListElement;
         "ptc-product-sidebar": HTMLPtcProductSidebarElement;
         "ptc-progress-bar": HTMLPtcProgressBarElement;
+        "ptc-quantity-counter": HTMLPtcQuantityCounterElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-readmore": HTMLPtcReadmoreElement;
         "ptc-readmore-char": HTMLPtcReadmoreCharElement;
@@ -5235,6 +5258,14 @@ declare namespace LocalJSX {
           * cardTitle
          */
         "cardTitle"?: string;
+        /**
+          * customize read less text
+         */
+        "lessText"?: string;
+        /**
+          * customize read more text
+         */
+        "moreText"?: string;
     }
     interface PtcProductList {
         "clearButtonLabel"?: string;
@@ -5257,6 +5288,11 @@ declare namespace LocalJSX {
     }
     interface PtcProgressBar {
     }
+    interface PtcQuantityCounter {
+        "addToCartLabel"?: string;
+        "addedLabel"?: string;
+        "onAddToCartClicked"?: (event: PtcQuantityCounterCustomEvent<{ sender: any; itemCount: any }>) => void;
+    }
     interface PtcQuote {
         /**
           * Button CTA Text
@@ -6093,6 +6129,7 @@ declare namespace LocalJSX {
         "ptc-product-list": PtcProductList;
         "ptc-product-sidebar": PtcProductSidebar;
         "ptc-progress-bar": PtcProgressBar;
+        "ptc-quantity-counter": PtcQuantityCounter;
         "ptc-quote": PtcQuote;
         "ptc-readmore": PtcReadmore;
         "ptc-readmore-char": PtcReadmoreChar;
@@ -6255,6 +6292,7 @@ declare module "@stencil/core" {
             "ptc-product-list": LocalJSX.PtcProductList & JSXBase.HTMLAttributes<HTMLPtcProductListElement>;
             "ptc-product-sidebar": LocalJSX.PtcProductSidebar & JSXBase.HTMLAttributes<HTMLPtcProductSidebarElement>;
             "ptc-progress-bar": LocalJSX.PtcProgressBar & JSXBase.HTMLAttributes<HTMLPtcProgressBarElement>;
+            "ptc-quantity-counter": LocalJSX.PtcQuantityCounter & JSXBase.HTMLAttributes<HTMLPtcQuantityCounterElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
             "ptc-readmore-char": LocalJSX.PtcReadmoreChar & JSXBase.HTMLAttributes<HTMLPtcReadmoreCharElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "4.5.8",
+  "version": "4.5.9",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 4.5.8
+# PTC Design 4.5.9
 
 The site is the place for documentation on PTC Design System
 

package/dist/ptcw-design/p-18205b4b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const o=class{constructor(e){t(this,e),this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue"}async updateReadmoreStatus(){setTimeout((()=>{this.addBtnTruncated()}),100)}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const e=document.querySelectorAll(t);for(const t of Array.from(e))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}componentDidLoad(){this.addBtnTruncated(),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addBtnTruncated()})),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown")}handleClick(t){this.addBtnTruncated(),this.checked=t.target.checked;const e=this.el.shadowRoot.querySelector(".read-more-cta-label");e.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?e.classList.add("show-less-cta"):e.classList.remove("show-less-cta")}render(){const t=this.getCssClassMap();return e(i,{class:this.display},e("div",{class:t},e("input",{type:"checkbox",id:"expanded",onClick:t=>this.handleClick(t)}),this.visibleLines||this.visibleLinesCustom?e("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},e("slot",null)):null,e("label",{htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label"},e("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return a(this)}};o.style="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;-webkit-hyphenate-limit-after:3;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}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-hyperlink);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-hyperlink)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{o as ptc_readmore}

package/dist/ptcw-design/p-6749ca21.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e}from"./p-ac75c7ad.js";const a=class{constructor(i){t(this,i),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0}render(){return i(e,null,i("ptc-title",{type:"h4",upperline:"no-upperline","title-margin":"margin-flush","title-size":"small","text-align":"center"},i("ptc-tooltip",{"text-display":"block","text-lines":"2","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),i("ptc-picture",{alt:this.cardImageAltText,src:this.cardImage,"image-alignment":"center",width:"69","display-image":"inline-block",styles:"img{margin: 12px auto 18px auto}"}),i("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-densest","para-align":"left","para-z-index":"z-auto"},i("ptc-tooltip",{"text-display":"block","text-lines":"5","z-index":"z-999",description:this.cardDescription,position:"bottom",width:"full-width"})))}};a.style="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;-webkit-hyphenate-limit-after:3;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{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}";export{a as ptc_product_highlight_card}

package/dist/ptcw-design/p-6cdda407.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e,g as a}from"./p-ac75c7ad.js";const l=class{constructor(i){t(this,i),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}render(){return i(e,null,i("div",{class:"card-wrap"},this.cardImage&&i("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),i("div",{class:"content"},i("div",null,i("ptc-title",{type:"h3",upperline:"no-upperline","title-size":"medium","title-weight":"w-8","title-margin":"margin-flush","title-display":"block","title-height":"densest"},i("ptc-tooltip",{"text-display":"block","text-lines":"3","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),i("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto"},i("ptc-tooltip",{"text-display":"block","text-lines":"16","z-index":"z-999",description:this.cardDescription,position:"bottom",width:"full-width"}))),i("div",{class:"cta-wrap"},i("slot",{name:"cta"})))),this.toggleCtaTitle&&i("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},i("span",{class:"toggleText"},this.toggleCtaTitle)),i("div",{class:"product-highlights-container"},i("slot",null)))}get hostElement(){return a(this)}};l.style='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;-webkit-hyphenate-limit-after:3;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;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center;justify-content:space-between;width:100%}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{l as ptc_product_card}