@ptcwebops/ptcw-design 0.6.1 → 0.6.3
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/list-item.cjs.entry.js +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +2 -5
- package/dist/cjs/ptc-card_6.cjs.entry.js +488 -0
- package/dist/cjs/ptc-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +202 -0
- package/dist/cjs/ptc-list.cjs.entry.js +30 -3
- package/dist/cjs/ptc-overlay.cjs.entry.js +31 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -1
- package/dist/cjs/ptc-title.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/utils-1c17977e.js +71 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/icon-asset/media/designer.svg +28 -18
- package/dist/collection/components/list-item/list-item.js +1 -0
- package/dist/collection/components/ptc-card/ptc-card.css +128 -5
- package/dist/collection/components/ptc-card/ptc-card.js +4 -4
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +1 -1
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.css +121 -0
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +288 -0
- package/dist/collection/components/ptc-list/ptc-list.js +31 -4
- package/dist/collection/components/ptc-para/ptc-para.css +4 -0
- package/dist/collection/components/ptc-para/ptc-para.js +13 -3
- package/dist/collection/components/ptc-picture/ptc-picture.css +3 -0
- package/dist/collection/components/ptc-title/ptc-title.css +1 -1
- package/dist/collection/utils/utils.js +62 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +311 -14
- package/dist/esm/{interfaces-7c0243be.js → interfaces-4caedd26.js} +1 -1
- package/dist/esm/list-item.entry.js +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/my-component.entry.js +1 -4
- package/dist/esm/ptc-card_6.entry.js +479 -0
- package/dist/esm/ptc-checkbox.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +198 -0
- package/dist/esm/ptc-list.entry.js +31 -4
- package/dist/esm/ptc-overlay.entry.js +27 -0
- package/dist/esm/ptc-picture.entry.js +2 -2
- package/dist/esm/ptc-title.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/utils-4b79ffaf.js +67 -0
- package/dist/ptcw-design/media/designer.svg +28 -18
- package/dist/ptcw-design/{p-009537ea.entry.js → p-02894b57.entry.js} +1 -1
- package/dist/ptcw-design/p-07c07cf9.entry.js +1 -0
- package/dist/ptcw-design/p-0da15d87.entry.js +1 -0
- package/dist/ptcw-design/p-3a972520.entry.js +1 -0
- package/dist/ptcw-design/p-48695e72.entry.js +1 -0
- package/dist/ptcw-design/p-62f4a655.js +1 -0
- package/dist/ptcw-design/{p-ee1183b2.js → p-711bcdad.js} +1 -1
- package/dist/ptcw-design/p-71cecd28.entry.js +1 -0
- package/dist/ptcw-design/{p-9b442487.entry.js → p-818df883.entry.js} +1 -1
- package/dist/ptcw-design/p-b146377a.entry.js +1 -0
- package/dist/ptcw-design/p-d8b48946.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-card/ptc-card.d.ts +1 -1
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +39 -0
- package/dist/types/components/ptc-list/ptc-list.d.ts +2 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -0
- package/dist/types/components.d.ts +21 -2
- package/dist/types/utils/utils.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-card.cjs.entry.js +0 -79
- package/dist/cjs/ptc-date.cjs.entry.js +0 -59
- package/dist/cjs/ptc-img_2.cjs.entry.js +0 -185
- package/dist/cjs/ptc-pagenation.cjs.entry.js +0 -115
- package/dist/cjs/ptc-para.cjs.entry.js +0 -50
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -46
- package/dist/esm/ptc-card.entry.js +0 -75
- package/dist/esm/ptc-date.entry.js +0 -55
- package/dist/esm/ptc-img_2.entry.js +0 -180
- package/dist/esm/ptc-pagenation.entry.js +0 -111
- package/dist/esm/ptc-para.entry.js +0 -46
- package/dist/esm/ptc-spacer.entry.js +0 -42
- package/dist/ptcw-design/p-4077cbdf.entry.js +0 -1
- package/dist/ptcw-design/p-51c39418.entry.js +0 -1
- package/dist/ptcw-design/p-64d01929.entry.js +0 -1
- package/dist/ptcw-design/p-679b99ad.entry.js +0 -1
- package/dist/ptcw-design/p-7bcc42e1.entry.js +0 -1
- package/dist/ptcw-design/p-8e27bb6d.entry.js +0 -1
- package/dist/ptcw-design/p-969c178b.entry.js +0 -1
- package/dist/ptcw-design/p-df80470b.entry.js +0 -1
- package/dist/ptcw-design/p-ec10f846.entry.js +0 -1
- package/dist/ptcw-design/p-fa53e5e5.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-e8a60227.js";let r=class{constructor(o){t(this,o),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.headingTransform="none"}render(){const t=this.cardHref?"a":"div",r=this.getCssClassMap();return o(e,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&o("style",null,this.styles),o("div",{class:"card-border",part:"border-wrapper"},o(t,Object.assign({class:r,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?o("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?o("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"listing-card"==this.cardType?o("div",{class:"ribbon-text"},`${this.ribbonText}`):null,o("div",{class:"card-body",part:"body-wrapper"},this.cardDate&&"listing-card"===this.cardType?o("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{font-weight: 400;font-size: 16px;line-height: 19px;color: #282F35;margin-bottom:24px;display:inline-block;}"}):null,o("slot",{name:"slot-before-heading"}),this.heading?[o("h3",{class:`ptc-h3 ${this.headingTransform}`,part:"card-heading"},this.heading),o("slot",{name:"slot-after-heading"})]:null,o("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"hightlight-card"!==this.cardType?o("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}};r.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc((-1) * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.listing-card) .card-border{width:100%;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:449px;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-layout{display:block;position:relative}:host(.listing-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-right:100px;margin-top:22px;background-color:var(--color-white);padding:4px 22px 5px 23px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);color:var(--color-gray-11)}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:224.5px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-body{padding:24px 20px}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small)}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-description]){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-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-11);margin-bottom:39px}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';export{r as ptc_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c,h as t,H as o,g as h}from"./p-e8a60227.js";let s=class{constructor(t){e(this,t),this.checkedChanged=c(this,"checkedChanged",7),this.checked="unchecked",this.handleClick=e=>{let c=this.host.shadowRoot.querySelector("input");this.checked="unchecked"==this.checked?"checked":"unchecked",this.checkedChanged.emit({event:e,sender:c,value:this.value,checked:this.checked})}}componentDidLoad(){this.host.shadowRoot.querySelector("input").checked="checked"==this.checked}render(){return t(o,null,t("label",{class:"ptc-checkbox"},t("slot",null),t("input",{type:"checkbox",checked:"checked"==this.checked,name:this.inputName,value:this.value,onChange:e=>this.handleClick(e)}),t("span",{class:"check"},t("span",{class:"mark"},t("icon-asset",{type:"ptc",size:"xx-small",name:"check-mark"})))))}get host(){return h(this)}};s.style=':host{display:block}:host .ptc-checkbox{display:block;position:relative;user-select:none;cursor:pointer;font-family:"Raleway";font-style:normal;color:var(--color-gray-10);padding-left:var(--spacing-lg);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense)}:host .ptc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .ptc-checkbox .check{position:absolute;top:0;left:0;height:1.375rem;width:1.375rem;background-color:var(--color-white);border:1px solid var(--color-gray-07);box-sizing:border-box;border-radius:0.4rem}:host .ptc-checkbox .check .mark{position:absolute;transition:opacity ease-out 250ms;opacity:0;left:3px;top:-2px;width:1.375rem;height:1.375rem}:host .ptc-checkbox input:checked~.check{background-color:#1F2024}:host .ptc-checkbox input:checked~.check .mark{opacity:1}:host .ptc-checkbox:hover input~.check{background-color:#E4E7E9}:host .ptc-checkbox:hover input:checked~.check{background-color:#33353A}';export{s as ptc_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as t,H as a,g as e}from"./p-e8a60227.js";import{a as i}from"./p-ee1183b2.js";let n=class{constructor(t){r(this,t),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg"}WindowResize(){this.setResponsiveBg()}render(){const r=this.getCssClassMap();return t(a,null,t("div",{class:r,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?t("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let r,t,a=(this.el||document).querySelectorAll(i.selector),e=this.getCurrentBreakPoints();for(var n=0,o=a.length;n<o;n++)r=a[n],t=r.getAttribute("data-"+e),null!==t?r.style.backgroundImage="url('"+t+"')":"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+r.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let r=(this.el||document).querySelectorAll(".lazy-bg"),t=new IntersectionObserver((r=>{r.forEach((r=>{if(r.isIntersecting){const a=r.target;a.classList.remove("lazy-bg"),t.unobserve(a)}}))}));r.forEach((r=>{t.observe(r)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let r,t=window.document,a=t.createElement("div");t.body.appendChild(a);for(let e=i.envs.length-1;e>=0;e--)if(r=i.envs[e],a.className="hidden-"+r,null===a.offsetParent)return t.body.removeChild(a),console.log("remove test node"),r;return t.body.removeChild(a),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return e(this)}};n.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";let o=class{constructor(t){r(this,t),this.overlayZIndex="z-index-auto"}render(){const r=this.getCssClassMap();return t(a,{class:r})}getCssClassMap(){return{[this.filterColor]:!!this.filterColor,[this.borderRadius]:!!this.borderRadius,[this.overlayZIndex]:!0}}};o.style=":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";export{n as ptc_img,o as ptc_overlay}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-e8a60227.js";let s=class{constructor(r){t(this,r)}getText(){return(this.first||"")+((t=this.middle)?` ${t}`:"")+((r=this.last)?` ${r}`:"");var t,r}render(){return r("div",null,"Hello, World! I'm ",this.getText())}};s.style=":host{display:block}";export{s as my_component}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-e8a60227.js";let r=class{constructor(o){t(this,o),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self"}render(){const t=this.getCssClassMap();return o(e,{class:t},o("li",null,this.linkHref?o("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{}),o("slot",null)):o("slot",null)))}getCssClassMap(){return{[this.listType]:!0,"flush-before":!!this.flushBefore}}};r.style=':host(.list-primary){display:block}:host(.flush-before) li::before{content:"" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:"/";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}';export{r as list_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e}from"./p-e8a60227.js";let s=class{constructor(e){t(this,e),this.pageClicked=i(this,"pageClicked",7),this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],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.handleClick=()=>{this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+4,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=()=>{this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-4,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=t=>{if(t){let t=this.getPageCount();this.maxPageNumber=t>=this.minPageNumber+3?this.minPageNumber+3:t,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let i=!1;t==this.clickedPageNumber&&(i=!0),this.pageNumbers=[...this.pageNumbers,{id:t+"Id",isActive:i,dataPage:t}]}}return this.pageNumbers}}render(){let t=this.getPageCount();return this.pageNumbers=[...this.getIndex(this.appendArray)],e("div",{class:"events-filter"},e("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),e("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=>e("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",onClick:()=>this.handleClickPage(t.dataPage)},t.dataPage))),t>this.maxPageNumber?e("span",{class:"events-filter-dots"},". . ."):null,e("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),e("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handleClickPage(t){this.clickedPageNumber=t;let i=[];this.appendArray=!1,i=[...this.pageNumbers],i.map((i=>{i.isActive=i.dataPage==t})),this.pageNumbers=null,this.pageNumbers=[...i],this.pageClicked.emit(t)}};s.style=":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}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline;cursor:pointer}.last-text{display:inline;cursor:pointer}}.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-13);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)}.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-13);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{s as ptc_pagenation}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as h}from"./p-e8a60227.js";let e=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(h,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint}}};e.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";export{e as ptc_spacer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-e8a60227.js";let i=class{constructor(e){t(this,e),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal"}render(){const t=this.getCssClassMap();return e("p",{class:t,part:"part-para"},e("slot",null))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0}}};i.style=":host{z-index:1}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}";export{i as ptc_para}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as a}from"./p-e8a60227.js";let r=class{constructor(s){t(this,s),this.year=1900,this.month=0,this.day=1,this.country="en-US",this.dataSize="small"}render(){const t=this.getCssClassMap();return s(a,{class:t},this.dateStyles&&s("style",null,this.dateStyles),s("span",{part:"part-ptc-date"},this.getDate().toLocaleDateString(this.country,{year:"numeric",month:"short",day:"numeric"})))}getCssClassMap(){return{[this.dateColor]:!!this.dateColor,[this.dataSize]:!!this.dataSize}}getDate(){return this.dateString?new Date(this.dateString.replace(/-/g,"/")):new Date(this.year,this.month-1,this.day)}};r.style=":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";export{r as ptc_date}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as i}from"./p-e8a60227.js";let l=class{constructor(r){t(this,r),this.listType="list-primary",this.listItems=[]}render(){const t=this.getCssClassMap(),l=this.listItems;return l&&0!==l.length?r(i,{class:t},r("ul",null,l.map((t=>{r("li",null,t)})))):null}getCssClassMap(){return{[this.listType]:!!this.listItems}}};l.style=":host{display:block}:host(.list-primary) li{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-normal);letter-spacing:var(--ptc-letter-spacing-normal);list-style:none}:host(.list-primary) li:not(:last-child){margin-bottom:0.625rem}:host(.list-primary) li a{color:var(--color-white);outline:none;text-decoration:none;font-family:Rajdhani;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-normal);text-transform:uppercase;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.list-primary) li a:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-07)}";export{l as ptc_list}
|