@ptcwebops/ptcw-design 5.8.1 → 5.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/blog-detail-content_21.cjs.entry.js +4 -4
- package/dist/cjs/ptc-card_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-tag_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_2.cjs.entry.js +76 -185
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore.cjs.entry.js +1 -1
- package/dist/collection/components/icon-asset/icon-asset.css +2 -2
- package/dist/collection/components/organism-bundles/blog-detail-content/blog-detail-content.css +1 -1
- package/dist/collection/components/organism-bundles/blog-detail-layout/blog-detail-layout.css +1 -1
- package/dist/collection/components/ptc-card/ptc-card.css +1 -1
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +1 -1
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.css +7 -7
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +2 -2
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.css +1 -1
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +2 -2
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +1 -1
- package/dist/collection/components/ptc-textfield/ptc-textfield.css +34 -51
- package/dist/custom-elements/index.js +85 -194
- package/dist/esm/blog-detail-content_21.entry.js +4 -4
- package/dist/esm/ptc-card_2.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
- package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_2.entry.js +76 -185
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/ptcw-design/p-1ed632b2.entry.js +1 -0
- package/dist/ptcw-design/{p-00980d4d.entry.js → p-20c01caa.entry.js} +1 -1
- package/dist/ptcw-design/p-40e095bf.entry.js +68 -0
- package/dist/ptcw-design/{p-fc51fc29.entry.js → p-657ecf13.entry.js} +1 -1
- package/dist/ptcw-design/p-754fe9f4.entry.js +1 -0
- package/dist/ptcw-design/p-ab7224b7.entry.js +1 -0
- package/dist/ptcw-design/p-d563af49.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-14122d3f.entry.js +0 -68
- package/dist/ptcw-design/p-3dae22b8.entry.js +0 -1
- package/dist/ptcw-design/p-510575ce.entry.js +0 -1
- package/dist/ptcw-design/p-5af20305.entry.js +0 -1
- package/dist/ptcw-design/p-e09163f2.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as a}from"./p-ac75c7ad.js";const r=class{constructor(i){t(this,i),this.clicked=e(this,"clicked",7),this.handleClick=()=>{this.clicked.emit(this)},this.theme="bubble",this.iconColorMap=void 0,this.styles=void 0}componentWillLoad(){this.iconColorMap={bubble:{hover:"black",standard:"light-gray"},standard:{hover:"ptc-green",standard:"black"}}}handleMouseEnter(){this.updateIconColor("hover")}handleMouseLeave(){this.updateIconColor("standard")}updateIconColor(t){let e=this.el.shadowRoot.querySelector("icon-asset");e&&this.iconColorMap[this.theme]&&e.setAttribute("color",this.iconColorMap[this.theme][t])}render(){const t=this.getCssClassMap();let e;switch(this.theme){case"bubble":e=i("icon-asset",{class:"cls",type:"ptc",color:"light-gray",name:"times",size:"micro"});break;case"standard":e=i("icon-asset",{class:"cls",type:"ptc",color:"black",name:"times",size:"xxx-small"})}return i(s,null,this.styles&&i("style",null,this.styles),i("span",{class:t,onClick:()=>this.handleClick(),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("slot",null),e))}getCssClassMap(){return{"ptc-filter-tag":!0,[this.theme]:!0}}get el(){return a(this)}};r.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}}.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}';const n=class{constructor(i){t(this,i),this.pageClicked=e(this,"pageClicked",7),this.handleClick=t=>{t&&t.preventDefault();let e=this.getPageLength();this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(t,this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+e,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=t=>{t&&t.preventDefault();let e=this.getPageLength();this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(t,this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-e,this.minPageNumber<1&&(this.minPageNumber=1),this.clickedPageNumber=this.clickedPageNumber-1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.getPageCount=()=>{let t=0;return 0!=this.totalCount&&(t=this.totalCount%this.numberOfItems==0?this.totalCount/this.numberOfItems:this.totalCount/this.numberOfItems+1),Math.floor(t)},this.getIndex=()=>{let t=this.getPageLength();if(this.appendArray){let e=this.getPageCount();"standard"==this.theme?this.isSmallScreen?this.getPageCount()<=5?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):1==t?(this.minPageNumber=this.clickedPageNumber,this.maxPageNumber=this.clickedPageNumber):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<e-2?(this.maxPageNumber=this.minPageNumber+1,this.maxPageNumber>e&&(this.maxPageNumber=e)):this.maxPageNumber=e):this.getPageCount()<=6?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):2==t?(this.minPageNumber=this.clickedPageNumber-1,this.maxPageNumber=this.clickedPageNumber+1):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<e-2?(this.maxPageNumber=this.minPageNumber+3,this.maxPageNumber>e&&(this.maxPageNumber=e)):this.maxPageNumber=e):this.maxPageNumber=e>=this.minPageNumber+t?this.minPageNumber+t:e,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let e=t+"Id",i=!1;t==this.clickedPageNumber&&(i=!0),t==this.getPageCount()&&(e="last"),this.pageNumbers=[...this.pageNumbers,{id:e,isActive:i,dataPage:t}]}}return this.pageNumbers},this.totalCount=void 0,this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],this.isSmallScreen=void 0,this.minPageNumber=1,this.maxPageNumber=4,this.clickedPageNumber=1,this.appendArray=!0,this.prevArrowImg="/dist/ptc/images/sidescroll-left-curved.svg",this.nextArrowImg="/dist/ptc/images/sidescroll-right-curved.svg",this.theme="events",this.styles=void 0}componentWillLoad(){this.verifiyScreenSize(),"standard"==this.theme?this.setupStandardPresets():this.setupEventPresets()}setupStandardPresets(){this.clickedPageNumber<1||this.clickedPageNumber>this.getPageCount()&&(this.clickedPageNumber=this.getPageCount()),this.isSmallScreen?1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-1):1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-3)}setupEventPresets(){this.clickedPageNumber>1&&(this.clickedPageNumber>this.getPageCount()?(this.clickedPageNumber=this.getPageCount(),this.maxPageNumber=this.getPageCount(),this.minPageNumber=this.clickedPageNumber-2):(this.maxPageNumber=this.clickedPageNumber+1,this.minPageNumber=this.clickedPageNumber-1))}render(){let t=this.getPageCount(),e=this.getPageLength();if(this.pageNumbers=[...this.getIndex()],"standard"===this.theme){let s=t>6;return i("div",{class:"standard-filter"},this.styles&&i("style",null,this.styles),i("a",{href:"#",class:1==this.clickedPageNumber?"previous-button disabled":"previous-button",onClick:this.handleClickPrev},i("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),s&&this.clickedPageNumber>e?[i("a",{href:"#","data-url":"first","data-page":1,class:"standard-filter-item",onClick:t=>this.handlePageSkip(t,1)},1),i("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>i("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item active":"standard-filter-item",onClick:e=>this.handleClickPage(e,t.dataPage)},t.dataPage))),s&&t>this.maxPageNumber?[i("span",{class:"standard-filter-dots"},"..."),i("a",{href:"#","data-url":"last","data-page":t,class:"standard-filter-item",onClick:e=>this.handlePageSkip(e,t)},t)]:null,i("a",{href:"#",class:this.clickedPageNumber==t?"next-button disabled":"next-button",onClick:this.handleClick},i("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})))}return i("div",{class:"events-filter"},this.styles&&i("style",null,this.styles),i("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),i("img",{src:this.prevArrowImg,onClick:this.handleClickPrev,class:1==this.clickedPageNumber?"pagenation-arrow prev-page events-disable-arrows":"pagenation-arrow prev-page"}),this.pageNumbers.map((t=>i("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",onClick:e=>this.handleClickPage(e,t.dataPage)},t.dataPage))),t>this.maxPageNumber?i("span",{class:"events-filter-dots"},". . ."):null,i("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),i("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handlePageSkip(t,e){t&&t.preventDefault(),this.isSmallScreen?1==e?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=e,this.minPageNumber=this.maxPageNumber-1):1==e?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=e,this.minPageNumber=this.maxPageNumber-3),this.clickedPageNumber=e,this.appendArray=!0,this.pageClicked.emit(e)}handleClickPage(t,e){t&&t.preventDefault(),this.clickedPageNumber=e;let i=[];this.appendArray=!1,i=[...this.pageNumbers],i.map((t=>{t.isActive=t.dataPage==e})),this.pageNumbers=null,this.pageNumbers=[...i],this.pageClicked.emit(e)}getPageLength(){return"standard"==this.theme?(this.appendArray=!0,this.isSmallScreen?this.clickedPageNumber>2&&this.clickedPageNumber<this.getPageCount()-1?1:2:this.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<=479}};n.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}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none;transition:none}.standard-filter .standard-filter-item.active{transition:none;background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard) / 2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{transition:none;background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media (768px){.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";export{r as ptc_filter_tag,n as ptc_pagenation}
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as a}from"./p-ac75c7ad.js";const r=class{constructor(i){t(this,i),this.clicked=e(this,"clicked",7),this.handleClick=()=>{this.clicked.emit(this)},this.theme="bubble",this.iconColorMap=void 0,this.styles=void 0}componentWillLoad(){this.iconColorMap={bubble:{hover:"black",standard:"light-gray"},standard:{hover:"ptc-green",standard:"black"}}}handleMouseEnter(){this.updateIconColor("hover")}handleMouseLeave(){this.updateIconColor("standard")}updateIconColor(t){let e=this.el.shadowRoot.querySelector("icon-asset");e&&this.iconColorMap[this.theme]&&e.setAttribute("color",this.iconColorMap[this.theme][t])}render(){const t=this.getCssClassMap();let e;switch(this.theme){case"bubble":e=i("icon-asset",{class:"cls",type:"ptc",color:"light-gray",name:"times",size:"micro"});break;case"standard":e=i("icon-asset",{class:"cls",type:"ptc",color:"black",name:"times",size:"xxx-small"})}return i(s,null,this.styles&&i("style",null,this.styles),i("span",{class:t,onClick:()=>this.handleClick(),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("slot",null),e))}getCssClassMap(){return{"ptc-filter-tag":!0,[this.theme]:!0}}get el(){return a(this)}};r.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}}.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}';const n=class{constructor(i){t(this,i),this.pageClicked=e(this,"pageClicked",7),this.handleClick=t=>{t&&t.preventDefault();let e=this.getPageLength();this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(t,this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+e,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=t=>{t&&t.preventDefault();let e=this.getPageLength();this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(t,this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-e,this.minPageNumber<1&&(this.minPageNumber=1),this.clickedPageNumber=this.clickedPageNumber-1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.getPageCount=()=>{let t=0;return 0!=this.totalCount&&(t=this.totalCount%this.numberOfItems==0?this.totalCount/this.numberOfItems:this.totalCount/this.numberOfItems+1),Math.floor(t)},this.getIndex=()=>{let t=this.getPageLength();if(this.appendArray){let e=this.getPageCount();"standard"==this.theme?this.isSmallScreen?this.getPageCount()<=5?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):1==t?(this.minPageNumber=this.clickedPageNumber,this.maxPageNumber=this.clickedPageNumber):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<e-2?(this.maxPageNumber=this.minPageNumber+1,this.maxPageNumber>e&&(this.maxPageNumber=e)):this.maxPageNumber=e):this.getPageCount()<=6?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):2==t?(this.minPageNumber=this.clickedPageNumber-1,this.maxPageNumber=this.clickedPageNumber+1):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<e-2?(this.maxPageNumber=this.minPageNumber+3,this.maxPageNumber>e&&(this.maxPageNumber=e)):this.maxPageNumber=e):this.maxPageNumber=e>=this.minPageNumber+t?this.minPageNumber+t:e,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let e=t+"Id",i=!1;t==this.clickedPageNumber&&(i=!0),t==this.getPageCount()&&(e="last"),this.pageNumbers=[...this.pageNumbers,{id:e,isActive:i,dataPage:t}]}}return this.pageNumbers},this.totalCount=void 0,this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],this.isSmallScreen=void 0,this.minPageNumber=1,this.maxPageNumber=4,this.clickedPageNumber=1,this.appendArray=!0,this.prevArrowImg="/dist/ptc/images/sidescroll-left-curved.svg",this.nextArrowImg="/dist/ptc/images/sidescroll-right-curved.svg",this.theme="events",this.styles=void 0}componentWillLoad(){this.verifiyScreenSize(),"standard"==this.theme?this.setupStandardPresets():this.setupEventPresets()}setupStandardPresets(){this.clickedPageNumber<1||this.clickedPageNumber>this.getPageCount()&&(this.clickedPageNumber=this.getPageCount()),this.isSmallScreen?1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-1):1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-3)}setupEventPresets(){this.clickedPageNumber>1&&(this.clickedPageNumber>this.getPageCount()?(this.clickedPageNumber=this.getPageCount(),this.maxPageNumber=this.getPageCount(),this.minPageNumber=this.clickedPageNumber-2):(this.maxPageNumber=this.clickedPageNumber+1,this.minPageNumber=this.clickedPageNumber-1))}render(){let t=this.getPageCount(),e=this.getPageLength();if(this.pageNumbers=[...this.getIndex()],"standard"===this.theme){let s=t>6;return i("div",{class:"standard-filter"},this.styles&&i("style",null,this.styles),i("a",{href:"#",class:1==this.clickedPageNumber?"previous-button disabled":"previous-button",onClick:this.handleClickPrev},i("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),s&&this.clickedPageNumber>e?[i("a",{href:"#","data-url":"first","data-page":1,class:"standard-filter-item",onClick:t=>this.handlePageSkip(t,1)},1),i("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>i("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item active":"standard-filter-item",onClick:e=>this.handleClickPage(e,t.dataPage)},t.dataPage))),s&&t>this.maxPageNumber?[i("span",{class:"standard-filter-dots"},"..."),i("a",{href:"#","data-url":"last","data-page":t,class:"standard-filter-item",onClick:e=>this.handlePageSkip(e,t)},t)]:null,i("a",{href:"#",class:this.clickedPageNumber==t?"next-button disabled":"next-button",onClick:this.handleClick},i("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})))}return i("div",{class:"events-filter"},this.styles&&i("style",null,this.styles),i("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),i("img",{src:this.prevArrowImg,onClick:this.handleClickPrev,class:1==this.clickedPageNumber?"pagenation-arrow prev-page events-disable-arrows":"pagenation-arrow prev-page"}),this.pageNumbers.map((t=>i("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",onClick:e=>this.handleClickPage(e,t.dataPage)},t.dataPage))),t>this.maxPageNumber?i("span",{class:"events-filter-dots"},". . ."):null,i("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),i("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handlePageSkip(t,e){t&&t.preventDefault(),this.isSmallScreen?1==e?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=e,this.minPageNumber=this.maxPageNumber-1):1==e?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=e,this.minPageNumber=this.maxPageNumber-3),this.clickedPageNumber=e,this.appendArray=!0,this.pageClicked.emit(e)}handleClickPage(t,e){t&&t.preventDefault(),this.clickedPageNumber=e;let i=[];this.appendArray=!1,i=[...this.pageNumbers],i.map((t=>{t.isActive=t.dataPage==e})),this.pageNumbers=null,this.pageNumbers=[...i],this.pageClicked.emit(e)}getPageLength(){return"standard"==this.theme?(this.appendArray=!0,this.isSmallScreen?this.clickedPageNumber>2&&this.clickedPageNumber<this.getPageCount()-1?1:2:this.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<=479}};n.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}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none;transition:none}.standard-filter .standard-filter-item.active{transition:none;background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard)/2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{transition:none;background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media (768px){.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";export{r as ptc_filter_tag,n as ptc_pagenation}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as e,g as o}from"./p-ac75c7ad.js";const n=class{constructor(e){i(this,e),this.itemSelected=t(this,"itemSelected",7),this.dataItems=[],this.selectedTab=void 0,this.isDropdownOpen=!1,this.isMobile=void 0,this.isIPad=void 0,this.dropdownType="default"}dropdownToggle(i){i.currentTarget.classList.toggle("show"),this.isDropdownOpen=i.currentTarget.classList.contains("show")}onItemSelected(i){this.itemSelected.emit(i)}offClick(i){let t=this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");i&&!this.host.contains(i.target)&&this.isDropdownOpen&&(t.classList.remove("show"),this.isDropdownOpen=!1)}handleResize(){this.isMobile=window.innerWidth<768,this.isIPad=window.innerWidth<992||screen.width<992}componentWillLoad(){this.isMobile=window.innerWidth<768,this.isIPad=window.innerWidth<992||screen.width<992}render(){let i=!1;return this.dataItems.find((i=>1==i.isSelected))&&(i=!0),e("div",{class:"tab-with-banner"==this.dropdownType?"ptc-ellipsis-dropdown tab-with-banner":"ptc-ellipsis-dropdown default",onClick:i=>this.dropdownToggle(i)},this.isMobile||this.isIPad&&"tab-with-banner"===this.dropdownType?e("div",{class:"mob-drop"},e("span",{class:"opt-name"},this.dataItems.map((i=>i.isSelected?i.text:""))),e("svg",{width:"12",height:"9",viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1 1.65723L5.94975 6.60697L10.8995 1.65723",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"}))):e("div",{class:i||this.isDropdownOpen?"ellipsis-icon active":"ellipsis-icon"},e("icon-asset",{type:"ptc",size:"xxx-small",name:"ellipsis",color:i||this.isDropdownOpen?"white":"black"})),e("div",{class:"dropdown-container"},e("slot",{name:"dropdown"}),this.dataItems.map((i=>e("dropdown-item",{class:(i.value==this.selectedTab?"active":"")+(i.isSelected?"selected-drop":"")+"mf-listen"},e("span",{onClick:t=>{t.preventDefault(),this.onItemSelected(i)}},i.text))))))}get host(){return o(this)}};n.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}}.ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:"";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:"Raleway";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:"";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}';export{n as ptc_ellipsis_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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"),this.enableAddTruncatedClass("ptc-product-card")}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),tabIndex:-1}),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 mf-listen"},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}
|