@ptcwebops/ptcw-design 4.7.4 → 4.7.6

package/dist/ptcw-design/{p-738fa39b.entry.js → p-e7ede17d.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as r,H as a,a as i}from"./p-944c5be8.js";const s=class{constructor(r){t(this,r),this.valueChanged=e(this,"valueChanged",7),this.clicked=e(this,"clicked",7),this.textValue=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0,this.isNews=void 0,this.elevation="small",this.enableClear=!1,this.styles=void 0}textChangedHandler(t){this.valueChanged.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}buttonClickHandler(t){this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}keyDownHandler(t){"Enter"==t.key&&this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()}),this.getSearchValue()}keyUpHandler(){this.darkTheme||(this.enableClear=!(""==this.getSearchValue()))}getSearchValue(){let t="",e=this.el.shadowRoot.querySelector("input");return e&&(t=e.value),t}async clearSearchValue(){this.textValue="";let t=this.el.shadowRoot.querySelector("input");t&&(t.value="",this.enableClear=!1)}render(){const t=this.getCssClassMap(),e=this.darkTheme?"white":"black";return r(a,{class:t},this.styles&&r("style",null,this.styles),r("div",{class:"search-div"},r("div",{class:"input-wrap"},r("input",{type:"text",value:this.textValue,placeholder:this.placeholderLabel,onKeyDown:t=>{this.keyDownHandler(t)},onKeyUp:()=>{this.keyUpHandler()},onChange:t=>{this.textChangedHandler(t)}}),this.enableClear&&r("div",{class:"icon-wrapper"},r("icon-asset",{class:"cls",type:"ptc",color:e,name:"times",size:"xxx-small",onClick:t=>{this.clearSearchValue(),this.buttonClickHandler(t)}}))),r("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:t=>{this.buttonClickHandler(t)}},r("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"}))))}getCssClassMap(){return{dark:!!this.darkTheme,[this.elevation]:!0,"enable-clear":this.enableClear,news:!!this.isNews}}get el(){return i(this)}};s.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 .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.news){z-index:999;position:relative;margin-top:20px}:host(.news) .search-div{height:43px}@media (max-width: 480px){:host(.news) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.news) .search-div{width:246px}}:host(.news) .search-div .search-btn{height:43px}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:transparent;position:absolute;right:0;top:-2px;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}";export{s as ptc_search_field}
+import{r as t,c as e,h as r,H as a,a as i}from"./p-944c5be8.js";const s=class{constructor(r){t(this,r),this.valueChanged=e(this,"valueChanged",7),this.clicked=e(this,"clicked",7),this.textValue=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0,this.isNews=void 0,this.elevation="small",this.enableClear=!1,this.styles=void 0}textChangedHandler(t){this.valueChanged.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}buttonClickHandler(t){this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()})}keyDownHandler(t){"Enter"==t.key&&this.clicked.emit({sender:this,event:t,searchTerm:this.getSearchValue()}),this.getSearchValue()}keyUpHandler(){this.darkTheme||(this.enableClear=!(""==this.getSearchValue()))}getSearchValue(){let t="",e=this.el.shadowRoot.querySelector("input");return e&&(t=e.value),t}async clearSearchValue(){this.textValue="";let t=this.el.shadowRoot.querySelector("input");t&&(t.value="",this.enableClear=!1)}render(){const t=this.getCssClassMap(),e=this.darkTheme?"white":"black";return r(a,{class:t},this.styles&&r("style",null,this.styles),r("div",{class:"search-div"},r("div",{class:"input-wrap"},r("input",{type:"text",value:this.textValue,placeholder:this.placeholderLabel,onKeyDown:t=>{this.keyDownHandler(t)},onKeyUp:()=>{this.keyUpHandler()},onChange:t=>{this.textChangedHandler(t)}}),this.enableClear&&r("div",{class:"icon-wrapper"},r("icon-asset",{class:"cls",type:"ptc",color:e,name:"times",size:"xxx-small",onClick:t=>{this.clearSearchValue(),this.buttonClickHandler(t)}}))),r("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:t=>{this.buttonClickHandler(t)}},r("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"}))))}getCssClassMap(){return{dark:!!this.darkTheme,[this.elevation]:!0,"enable-clear":this.enableClear,news:!!this.isNews}}get el(){return i(this)}};s.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 .search-div{position:relative;display:flex;align-items:stretch;height:51px;border-radius:var(--ptc-border-radius-standard)}:host .search-div .input-wrap{position:relative;width:100%;box-sizing:border-box;display:flex}:host .search-div .input-wrap input{height:100%}:host .search-div input{background-color:var(--color-white);height:-webkit-fill-available;border:0 solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose);padding-right:54px;width:100%;box-sizing:border-box;margin-right:0px}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;min-width:51px;border-radius:0 var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0;background-color:var(--color-gray-12);border:0 solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);margin:0}:host .search-div .search-btn:active{transition:none;background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px;width:208px}@media (max-width: 480px){:host(.dark) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.dark) .search-div{width:246px}}:host(.dark) .search-div input{background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);color:var(--color-white);padding-left:unset;text-indent:var(--ptc-element-spacing-04);padding-right:2px}:host(.dark) .search-div input::placeholder{color:var(--color-white);font-size:var(--ptc-font-size-x-small)}:host(.dark) .search-div .search-btn{height:43px;width:43px;background-color:var(--color-gray-10);border:1px solid var(--color-gray-08);border-left:0}:host(.dark) .search-div .search-btn:hover{background-color:var(--color-gray-08)}:host(.news){z-index:999;position:relative;margin-top:20px}:host(.news) .search-div{height:43px}@media (max-width: 480px){:host(.news) .search-div{width:100%}}@media only screen and (min-width: 992px){:host(.news) .search-div{width:246px}}:host(.news) .search-div .search-btn{height:43px}:host(.x-small) .search-div{box-shadow:var(--ptc-shadow-x-small)}:host(.small) .search-div{box-shadow:var(--ptc-shadow-small)}:host(.medium) .search-div{box-shadow:var(--ptc-shadow-medium)}:host(.large) .search-div{box-shadow:var(--ptc-shadow-large)}:host(.x-large) .search-div{box-shadow:var(--ptc-shadow-x-large)}@media (max-width: 480px){input{width:75%}}.icon-wrapper{padding:16px 20px 0;background-color:transparent;position:absolute;right:0;top:-2px;height:100%;box-sizing:border-box}.icon-wrapper .cls{cursor:pointer;display:block}:host(.dark) .icon-wrapper{padding:12px 20px 0;background-color:var(--color-gray-12);border:1px solid var(--color-gray-08);border-left-width:0;position:initial;right:auto;top:auto}:host(.dark):host(.enable-clear) input{border-right-width:0}@media only screen and (min-width: 992px){.cls{display:none}}";export{s as ptc_search_field}

package/dist/ptcw-design/{p-c418918b.entry.js → p-ef85dbef.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as n}from"./p-944c5be8.js";const h=class{constructor(i){t(this,i),this.addToCartClicked=e(this,"addToCartClicked",7),this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const e=parseInt(t.target.value);!isNaN(e)&&e>0&&(this.count=e)},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta&&(this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n  <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`),setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel)}),3e3)},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added"}render(){return i(n,null,i("div",{class:"quantity-counter"},i("button",{class:"decrement",onClick:this.handleDecrement},i("span",null,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},i("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),i("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t}),i("button",{class:"increment",onClick:this.handleIncrement},i("span",null,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},i("g",{"clip-path":"url(#clip0_2974_659)"},i("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),i("defs",null,i("clipPath",{id:"clip0_2974_659"},i("rect",{width:"8",height:"8",fill:"white"}))))))),i("ptc-button",{type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px ;}"},this.addToCartLabel))}};h.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:inline-block}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;-moz-appearance:textfield}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{h as ptc_quantity_counter}
+import{r as t,c as e,h as i,H as n}from"./p-944c5be8.js";const h=class{constructor(i){t(this,i),this.addToCartClicked=e(this,"addToCartClicked",7),this.handleDecrement=()=>{this.count>1&&(this.count-=1)},this.handleIncrement=()=>{this.count<999&&(this.count+=1)},this.handleInputChange=t=>{const e=parseInt(t.target.value);!isNaN(e)&&e>0&&(this.count=e)},this.selectText=()=>{this.itemCountInput&&(this.itemCountInput.focus(),this.itemCountInput.select())},this.addToCart=()=>{var t;this.addToCartClicked.emit({sender:this,itemCount:null===(t=this.itemCountInput)||void 0===t?void 0:t.value}),this.addToCartCta&&(this.addToCartCta.classList.add("added"),this.addToCartCta.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none">\n  <path d="M1.71436 4.92857L6.28578 9.5L14.2858 1.5" stroke="white" stroke-width="3" stroke-linecap="round"/>\n</svg>${this.addedLabel}`),setTimeout((()=>{this.addToCartCta&&(this.addToCartCta.classList.remove("added"),this.addToCartCta.innerHTML=this.addToCartLabel)}),3e3)},this.count=1,this.addToCartLabel="Add to Cart",this.addedLabel="Added"}render(){return i(n,null,i("div",{class:"quantity-counter"},i("button",{class:"decrement",onClick:this.handleDecrement},i("span",null,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},i("path",{d:"M0 3.15039V4.85039H8V3.15039H0Z",fill:"#20262A"})))),i("input",{type:"number",onInput:this.handleInputChange,onClick:this.selectText,min:"1",max:"999",value:this.count,ref:t=>this.itemCountInput=t}),i("button",{class:"increment",onClick:this.handleIncrement},i("span",null,i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none"},i("g",{"clip-path":"url(#clip0_2974_659)"},i("path",{d:"M7.95006 3.14981H4.85005V0.0498047H3.15005V3.14981H0.0500488V4.84981H3.15005V7.9498H4.85005V4.84981H7.95006V3.14981Z",fill:"#20262A"})),i("defs",null,i("clipPath",{id:"clip0_2974_659"},i("rect",{width:"8",height:"8",fill:"white"}))))))),i("ptc-button",{type:"button",color:"ptc-quaternary",onClick:this.addToCart,ref:t=>this.addToCartCta=t,styles:".ptc-quaternary{width: 100%; border-radius: 0px 0px 4px 4px ;}"},this.addToCartLabel))}};h.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:inline-block}:host .ptc-quaternary{width:100%}:host .quant-wrap{display:flex;flex-direction:column;width:100%}:host .quantity-counter{display:flex;align-items:flex-end;width:100%;box-sizing:border-box;justify-content:space-between}:host .quantity-counter button{width:44px;height:44px;border:none;display:flex;align-items:flex-end;justify-content:center;background-color:transparent;cursor:pointer;font-size:var(--ptc-font-size-x-small);user-select:none;padding:0}:host .quantity-counter button span{border:1px solid var(--color-gray-03);border-bottom:none;display:block;width:44px;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0px 0px}:host .quantity-counter button.increment span{border-radius:0px 4px 0px 0px}:host .quantity-counter button:hover span{background-color:var(--color-gray-02)}:host .quantity-counter button:active span{transition:none;background-color:var(--color-gray-03)}:host .quantity-counter input{width:100%;height:32px;text-align:center;border:1px solid var(--color-gray-03);border-left:none;border-right:none;border-bottom:none;font-size:16px;text-align:center;font-weight:700;box-sizing:border-box;-moz-appearance:textfield}:host .quantity-counter input::-webkit-outer-spin-button,:host .quantity-counter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host ptc-button svg{margin-right:8px}:host ptc-button.added{pointer-events:none}";export{h as ptc_quantity_counter}