@ptcwebops/ptcw-design 6.2.10 → 6.2.11-beta

package/dist/ptcw-design/p-7793babb.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as i,g as o}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self",this.hasBeforeHomeIcon=!1,this.trackerId=void 0,this.color=void 0,this.styles=void 0,this.ariaLabel=""}render(){const t=this.getCssClassMap();return e(i,{class:t},this.styles&&e("style",null,this.styles),e("li",{id:this.trackerId},this.linkHref?e("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{},""!==this.ariaLabel?{"aria-label":this.ariaLabel}:{},{tabindex:"0"}),e("slot",null)):e("slot",null)))}getCssClassMap(){let t=!1;if(this.hostElement&&this.hostElement.parentElement)try{t=this.hostElement.parentElement.classList.contains("center")&&"PTC-BREADCRUMB"===this.hostElement.parentElement.tagName}catch(t){console.log(t)}return{[this.listType]:!0,"flush-before":!!this.flushBefore,[this.color]:!!this.color,"breadcrumb-center":t,"mf-listen":!0}}get hostElement(){return o(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}}: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);display:flex;align-items:baseline}:host(.breadcrumb) li::before{content:"/";top:0;left:0;margin-left:2px}: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(.breadcrumb) li a.item-link:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);padding-bottom:5px;padding-right:5px}:host(.breadcrumb-center) li{display:inline}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}: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{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:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey)}: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}:host(.list-footer) li a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline);transition:none !important;border-color:white !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}';export{r as list_item}

package/dist/ptcw-design/p-77b1221e.js

@@ -0,0 +1 @@
+function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},s=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),r=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},c=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=s(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),c(o,n[t][n[t].length-1])}else 3==o.nodeType&&r(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[s(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return c(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var s=o||this,r=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(s,r)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function s(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function r(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function c(t){t&&t.children&&1==t.children.length&&"complete"!=t.getAttribute("data-reset")&&(t.innerHTML=t.firstElementChild.innerHTML,t.setAttribute("data-reset","complete"))}function u(t,n){let e=n.querySelectorAll(t);console.log("element: "+e[0].tagName),e.forEach((t=>{t.style.removeProperty("height")}));let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&t.classList.contains("hydrated")&&(o=n)})),o>0&&e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function a(t,n=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,s=e();return new Promise((e=>{let r=function(t){return t.HydrationKeys||(t.HydrationKeys={}),t.HydrationKeys}(i);r[s]=!1,o.forEach((function(o){i.addEventListener(o,(function(){r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),{once:!0}),setTimeout((()=>{r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),n)}))}))}function f(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}function h(){let t=document.createElement("div");return t.setAttribute("hidden","until-found"),"until-found"===t.hidden}class d{constructor(t){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const n=new Promise(((t,n)=>{this.dependencyPromiseResolve=t,this.dependencyPromiseReject=n}));t&&t.registerDependency(n)}}function m(t,n,e=".light-links,.background-grey-10,.background-plm-grey"){t&&null!=t.darkFocusState&&0==t.darkFocusState&&n.closest(e)&&(t.darkFocusState=!0)}export{m as C,n as M,d as P,l as a,i as b,r as c,o as d,u as e,t as f,e as g,s as h,h as i,a as n,f as o,c as s}

package/dist/ptcw-design/{p-d1857ada.entry.js → p-77cad16c.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let i=e.clientHeight;i>0&&(t.style.top=`${i}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(o,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
+import{r as t,c as e,h as i,H as o,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0,this.labelTrackerId=void 0,this.dropdownTrackerId=void 0,this.backBtnTrackerId=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let i=e.clientHeight;i>0&&(t.style.top=`${i}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return i(o,{class:"dropdown"},i("div",{id:this.backBtnTrackerId,class:"tracker-div"},i("span",{class:"back-btn"},i("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back")),i("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&i("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),i("div",{id:this.labelTrackerId,class:"tracker-div"},this.label),i("div",{id:this.dropdownTrackerId,class:"tracker-div"},this.iconSrc&&i("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"})))),i("div",{class:"submenu-container"},i("div",{class:"submenu-container-lg"},i("slot",null))))}get el(){return n(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;cursor:pointer}:host .back-btn{display:none;position:absolute;left:30px;top:22px;color:var(--color-white);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle;width:12px;height:12px}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;color:var(--color-gray-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);margin-left:34%;position:relative;border:2px solid transparent;margin:-2px}:host .submenu-toggle::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:14px}@media only screen and (min-width: 1200px){:host .submenu-toggle::after{bottom:20px}}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle;width:12px;height:12px}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white)}:host .submenu-toggle:hover::after{border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-toggle:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px;z-index:10}}:host .submenu-container .submenu-container-lg{max-width:1200px;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host .tracker-div{display:inline}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}

package/dist/ptcw-design/p-799afee5.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:n,howhearselfreport:c,policyChecked:m}=this.formData,p=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==n&&""!=c&&m&&0===p}render(){return e(a,null,e("div",{class:"ptc-container u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("ptc-title",{"seo-compatibility-mode":!0,"text-align":"left","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7","is-plm-hub":"false","title-size":"medium"},e("h2",null,"PTC’s PLM application suite combines the power of Windchill, the industry’s #1 PLM software with Thingworx")),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("ptc-para",{"seo-compatibility-mode":!0,"font-size":"x-small","font-weight":"w-4","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-densest"},"PTC’s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"),e("ptc-spacer",{size:"x-small",breakpoint:"small"}),e("ptc-spacer",{size:"small",breakpoint:"x-small"}),e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"company","label-text":"Company*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"company"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"company-email","label-text":"Company Email*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"companyemail"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item placehoder-li","data-value":""},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Select a country")),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-select",{label:"What information are you interested in?*","ptc-data-eloqua-name":"Inquiry_Reason","field-name":"inquiryreason","field-id":"contact-inquiry"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":"Please select a value"},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"Augmented Reality (AR)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Augmented Reality (AR)")),e("li",{class:"mdc-list-item","data-value":"CAD"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Computer Aided Design")),e("li",{class:"mdc-list-item","data-value":"Retail(FlexPLM)"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Fashion and Retail Product Lifecycle Management")))),e("ptc-multi-select",{items:[{text:"Item 1",selected:!1,ptcDataEloquaName:"item_1",ptcDataTargetEloquaName:"item_target-1"},{text:"Item 2",selected:!1,ptcDataEloquaName:"item_2",ptcDataTargetEloquaName:"item_target-2"},{text:"Item 3",selected:!1,ptcDataEloquaName:"item_3",ptcDataTargetEloquaName:"item_target-3"}],"is-required":"true"}),e("ptc-textfield",{"field-id":"Self-Reporting","label-text":"How can we help you?*",type:"text","ptc-data-eloqua-name":"HowHearSelfReport","ptc-max-length":"100","field-name":"howhearselfreport"}),e("ptc-form-checkbox",{label:"I agree to the policy","checkbox-id":"test"}),e("div",{class:"button-wrapper"},e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Submit"),e("ptc-button",{class:"form-close",color:"ptc-tertiary",type:"button",styles:":host{align-self:flex-end; display:block; float: left; width: fit-content;}"},"Cancel"))))))}get el(){return i(this)}};l.style=":host {\r\n  display: block;\r\n}\r\n\r\n.form-wrapper {\r\n  width: 371px;\r\n  display: flex;\r\n  border-radius: 3px;\r\n  background: #FFF;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 0px 32px;\r\n\r\n  @media only screen and (min-width: 360px) and (max-width: 479.55px) {\r\n    max-width: 360px;\r\n    width: 360px;\r\n  }\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 20px;\r\n    margin-top: 48px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n";export{l as modal_form_example}

package/dist/ptcw-design/p-7d29a418.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as a,g as n}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.readmoreToggle=e(this,"readmoreToggle",7),this.handleKeyDown=t=>{if("Enter"!==t.key)return;const e=this.el.shadowRoot.querySelector("#expanded"),i=this.el.shadowRoot.querySelector(".read-more-cta-label");if(!e||!i)return;e.checked=!e.checked;const a=e.checked;if(i.innerHTML=`<span>${a?this.lessText||"":this.moreText||""}</span>`,i.classList.toggle("show-less-cta",a),a){const t=this.el.querySelector('[tabindex="-1"]');null==t||t.focus()}else{i.focus();const t=this.el.shadowRoot.querySelector(".read-more-text");null==t||t.classList.add("truncated")}this.setTabIndex(),""==i.textContent&&i.setAttribute("tabindex","-1")},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",this.isContentSlotted=!1}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"),setTimeout((()=>{this.setTabIndex()}),400)}setTabIndex(){var t,e,i;let a;if(this.isContentSlotted){let t=null===(e=this.el)||void 0===e?void 0:e.querySelector("slot").assignedNodes();a=t[0]instanceof HTMLElement?t[0].querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'):null}else a=null===(t=this.el)||void 0===t?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');let n=999999,o=null===(i=this.el.shadowRoot.querySelector(".read-more-text"))||void 0===i?void 0:i.getClientRects();o&&o.length>0&&(n=o[0].bottom),a&&a.forEach((t=>{let e=t.getClientRects();e&&e.length>0&&t.setAttribute("tabindex",e[0].top<n?"0":"-1")}))}handleClick(t){var e;let i=null===(e=this.el)||void 0===e?void 0:e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');this.addBtnTruncated(),this.checked=t.target.checked;const a=this.el.shadowRoot.querySelector(".read-more-cta-label");a.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?a.classList.add("show-less-cta"):a.classList.remove("show-less-cta"),this.readmoreToggle.emit({event:t,sender:this.el,isExpanded:this.checked}),i&&(this.checked?i.forEach((t=>{t.setAttribute("tabindex","0")})):this.setTabIndex())}render(){const t=this.getCssClassMap();return i(a,{class:this.display},i("div",{class:t},i("input",{type:"checkbox",id:"expanded",onClick:t=>this.handleClick(t),tabIndex:-1}),this.visibleLines||this.visibleLinesCustom?i("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},i("slot",null)):null,i("label",{onKeyDown:this.handleKeyDown,htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label mf-listen",tabIndex:0},i("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return n(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 label:focus-visible{outline:none}.box label:focus-visible span{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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}