@ptcwebops/ptcw-design 0.4.2 → 0.4.4

package/dist/ptcw-design/p-1e39bc14.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s,a as e}from"./p-0e571387.js";import{R as o}from"./p-50e52c88.js";let r=class{constructor(i){t(this,i),this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imagePosition="static",this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),console.log("loaded"),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var o=0,r=s.length;o<r;o++){if(t=s[o],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap();return i(s,{class:this.imagePosition},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=o.envs.length-1;e>=0;e--)if(t=o.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),console.log("remove test node"),t;return i.body.removeChild(s),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"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}get el(){return e(this)}};r.style=":host{display:block;overflow:hidden}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-sm{border-radius:var(--ptc-border-radius-small)}.radius-md{border-radius:var(--ptc-border-radius-medium)}.radius-lg{border-radius:var(--ptc-border-radius-large)}.radius-x-lg{border-radius:var(--ptc-border-radius-x-large)}.is-full-height{height:100%}.is-full-width{width:100%}";export{r as ptc_picture}

package/dist/ptcw-design/p-27538cac.entry.js

@@ -0,0 +1 @@
+import{r as t,h as r,H as i,a as e}from"./p-0e571387.js";import{a}from"./p-50e52c88.js";let s=class{constructor(r){t(this,r),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 t=this.getCssClassMap();return r(i,null,r("div",{class:t,"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?r("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,r,i=(this.el||document).querySelectorAll(a.selector),e=this.getCurrentBreakPoints();for(var s=0,d=i.length;s<d;s++)t=i[s],r=t.getAttribute("data-"+e),null!==r?t.style.backgroundImage="url('"+r+"')":"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),r=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const i=t.target;i.classList.remove("lazy-bg"),r.unobserve(i)}}))}));t.forEach((t=>{r.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,r=window.document,i=r.createElement("div");r.body.appendChild(i);for(let e=a.envs.length-1;e>=0;e--)if(t=a.envs[e],i.className="hidden-"+t,null===i.offsetParent)return r.body.removeChild(i),console.log("remove test node"),t;return r.body.removeChild(i),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)}};s.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-sm{border-radius:var(--ptc-border-radius-small)}.radius-md{border-radius:var(--ptc-border-radius-medium)}.radius-lg{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-primary-lightgrey)}@media (max-width: 767px){.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 (min-width: 1200px){.hidden-lg{display:none !important}}";let d=class{constructor(r){t(this,r),this.overlayZIndex="z-index-auto"}render(){const t=this.getCssClassMap();return r(i,{class:t})}getCssClassMap(){return{[this.filterColor]:!!this.filterColor,[this.borderRadius]:!!this.borderRadius,[this.overlayZIndex]:!0}}};d.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%, #197BC0 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, #D12C3A 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, #C37729 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, #00890B 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}@media screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}}:host(.black-3){background:linear-gradient(180deg, #20262A 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, #617480 100%)}:host(.radius-sm){border-radius:var(--ptc-border-radius-small)}:host(.radius-md){border-radius:var(--ptc-border-radius-medium)}:host(.radius-lg){border-radius:var(--ptc-border-radius-large)}:host(.radius-x-lg){border-radius:var(--ptc-border-radius-x-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{s as ptc_img,d as ptc_overlay}

package/dist/ptcw-design/{p-abb97d21.entry.js → p-2f78af32.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as a,a as n}from"./p-19f001a4.js";let s=class{constructor(i){t(this,i),this.menuItemToggled=e(this,"menuItemToggled",7),this.url=void 0,this.label="",this.ariaExpanded=!1,this.depth=0,this.hasChildren=!1,this.parentExpanded=!1,this.navType=void 0}expandedHandler(t){Array.prototype.slice.call(this.el.children).forEach((e=>{e.parentExpanded=t})),this.menuItemToggled.emit({expanded:this.ariaExpanded})}handleClick(t){this.hasChildren&&(t.preventDefault(),this.ariaExpanded=!this.ariaExpanded)}handleResize(t){console.log("the body was scrolled",t)}componentWillRender(){this.hasChildren=!!this.el.hasChildNodes();let t,e=this.el.closest("ptc-nav-item");for(this.depth=0;e&&(t=e.parentElement.closest("ptc-nav-item"),t!==e);)e=t,this.depth=this.depth+1}render(){return i(a,{role:"none"},i("a",{role:"menuitem",href:this.url,tabIndex:this.parentExpanded||1===this.depth?0:-1,"aria-depth":this.depth,"aria-haspopup":this.hasChildren.toString(),"aria-expanded":this.hasChildren?this.ariaExpanded.toString():this.ariaExpanded,onClick:t=>this.handleClick(t),class:this.navType},i("span",null,this.label)),this.hasChildren&&i("div",{class:"ptc-nav-children",role:"menu",part:this.navType,"aria-label":this.label},i("slot",null)))}get el(){return n(this)}static get watchers(){return{ariaExpanded:["expandedHandler"]}}};s.style=':host{display:block;width:100%}@media screen and (min-width: 992px){:host{width:auto}}:host([depth="2"]) a{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);margin-bottom:var(--ptc-element-spacing-03);padding-left:50px}@media screen and (min-width: 992px){:host([depth="2"]) a{padding-left:0px}}:host([depth="1"]) a{font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);padding:20px 25px}:host([nav-type=secondary-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}:host([nav-type=language-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}@media only screen and (min-width: 992px){.primary-nav~.ptc-nav-children{position:absolute;left:0}.primary-nav~.ptc-nav-children ::slotted(.nav-tab){background-color:#1c2126;display:flex;width:100vw}.language-nav~.ptc-nav-children{position:absolute;background-color:#1c2126}}a[aria-expanded=true]~.ptc-nav-children{padding-top:var(--ptc-element-spacing-04);max-height:2000px}@media screen and (min-width: 992px){a[aria-expanded=true]~.ptc-nav-children{padding-top:0}}.ptc-nav-children{overflow:hidden;max-height:0;transition:max-height 0.25s ease-in-out, padding-top 0.25s ease-in-out}a{color:var(--color-white);text-transform:uppercase;display:block;outline:none;text-decoration:none}';export{s as ptc_nav_item}
+import{r as t,c as e,h as i,H as a,a as n}from"./p-0e571387.js";let s=class{constructor(i){t(this,i),this.menuItemToggled=e(this,"menuItemToggled",7),this.url=void 0,this.label="",this.ariaExpanded=!1,this.depth=0,this.hasChildren=!1,this.parentExpanded=!1,this.navType=void 0}expandedHandler(t){Array.prototype.slice.call(this.el.children).forEach((e=>{e.parentExpanded=t})),this.menuItemToggled.emit({expanded:this.ariaExpanded})}handleClick(t){this.hasChildren&&(t.preventDefault(),this.ariaExpanded=!this.ariaExpanded)}handleResize(t){console.log("the body was scrolled",t)}componentWillRender(){this.hasChildren=!!this.el.hasChildNodes();let t,e=this.el.closest("ptc-nav-item");for(this.depth=0;e&&(t=e.parentElement.closest("ptc-nav-item"),t!==e);)e=t,this.depth=this.depth+1}render(){return i(a,{role:"none"},i("a",{role:"menuitem",href:this.url,tabIndex:this.parentExpanded||1===this.depth?0:-1,"aria-depth":this.depth,"aria-haspopup":this.hasChildren.toString(),"aria-expanded":this.hasChildren?this.ariaExpanded.toString():this.ariaExpanded,onClick:t=>this.handleClick(t),class:this.navType},i("span",null,this.label)),this.hasChildren&&i("div",{class:"ptc-nav-children",role:"menu",part:this.navType,"aria-label":this.label},i("slot",null)))}get el(){return n(this)}static get watchers(){return{ariaExpanded:["expandedHandler"]}}};s.style=':host{display:block;width:100%}@media screen and (min-width: 992px){:host{width:auto}}:host([depth="2"]) a{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);margin-bottom:var(--ptc-element-spacing-03);padding-left:50px}@media screen and (min-width: 992px){:host([depth="2"]) a{padding-left:0px}}:host([depth="1"]) a{font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);padding:20px 25px}:host([nav-type=secondary-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}:host([nav-type=language-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}@media only screen and (min-width: 992px){.primary-nav~.ptc-nav-children{position:absolute;left:0}.primary-nav~.ptc-nav-children ::slotted(.nav-tab){background-color:#1c2126;display:flex;width:100vw}.language-nav~.ptc-nav-children{position:absolute;background-color:#1c2126}}a[aria-expanded=true]~.ptc-nav-children{padding-top:var(--ptc-element-spacing-04);max-height:2000px}@media screen and (min-width: 992px){a[aria-expanded=true]~.ptc-nav-children{padding-top:0}}.ptc-nav-children{overflow:hidden;max-height:0;transition:max-height 0.25s ease-in-out, padding-top 0.25s ease-in-out}a{color:var(--color-white);text-transform:uppercase;display:block;outline:none;text-decoration:none}';export{s as ptc_nav_item}