@ptcwebops/ptcw-design 0.3.5 → 0.3.6
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/ptc-modal.cjs.entry.js +1 -1
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/esm/ptc-modal.entry.js +1 -1
- package/dist/ptcw-design/{p-9e94936c.entry.js → p-8a6de852.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e39de343.js');
|
|
6
6
|
|
|
7
|
-
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100
|
|
7
|
+
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";
|
|
8
8
|
|
|
9
9
|
let PtcModal = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -14346,7 +14346,7 @@ let PtcLottie$1 = class extends HTMLElement$1 {
|
|
|
14346
14346
|
static get style() { return ptcLottieCss; }
|
|
14347
14347
|
};
|
|
14348
14348
|
|
|
14349
|
-
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100
|
|
14349
|
+
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";
|
|
14350
14350
|
|
|
14351
14351
|
let PtcModal$1 = class extends HTMLElement$1 {
|
|
14352
14352
|
constructor() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-9e77d90e.js';
|
|
2
2
|
|
|
3
|
-
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100
|
|
3
|
+
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";
|
|
4
4
|
|
|
5
5
|
let PtcModal = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,h as t,H as i,a}from"./p-19f001a4.js";let r=class{constructor(t){o(this,t),this.closed=e(this,"closed",7),this.opened=e(this,"opened",7),this.size="sm",this.show=!1,this.overlay=!0,this.closeOnBlur=!1}fireOnClosed(o){this.closed.emit(o)}fireOnOpened(o){this.opened.emit(o)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style.overflowY,overflowX:o.style.overflowX}}componentWillRender(){let o=document.querySelector("body");o&&(this.show?(o.style.overflowY="scroll",o.style.overflowX="hidden"):(o.style.overflowY=this.bodyOverflowSetting.overflowY,o.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this)}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(o){let e=o.target;setTimeout((()=>{try{e.height=`${e.contentDocument.body.scrollHeight}px`}catch(o){console.log(o),e.height="616px",e.removeAttribute("scrolling")}e.classList.add("ready")}),50)}close(){this.show=!1}render(){let o,e,a=this.iframeUrl?"frame":"html";return o=this.iframeUrl?t("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):t("slot",null),this.overlay&&(e=t("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),t(i,null,t("div",{class:"wrapper "+(this.show?"show":"hide")},e,t("div",{class:`modal-popup ${this.size} ${a}`},t("div",{class:"close"},t("a",{href:"#",onClick:()=>this.close()},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},t("path",{d:"M1 1L13 13",stroke:"black"}),t("path",{d:"M13 1L1 13",stroke:"black"})))),t("div",{class:"modal-body"},o))))}get el(){return a(this)}};r.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100
|
|
1
|
+
import{r as o,c as e,h as t,H as i,a}from"./p-19f001a4.js";let r=class{constructor(t){o(this,t),this.closed=e(this,"closed",7),this.opened=e(this,"opened",7),this.size="sm",this.show=!1,this.overlay=!0,this.closeOnBlur=!1}fireOnClosed(o){this.closed.emit(o)}fireOnOpened(o){this.opened.emit(o)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style.overflowY,overflowX:o.style.overflowX}}componentWillRender(){let o=document.querySelector("body");o&&(this.show?(o.style.overflowY="scroll",o.style.overflowX="hidden"):(o.style.overflowY=this.bodyOverflowSetting.overflowY,o.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this)}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(o){let e=o.target;setTimeout((()=>{try{e.height=`${e.contentDocument.body.scrollHeight}px`}catch(o){console.log(o),e.height="616px",e.removeAttribute("scrolling")}e.classList.add("ready")}),50)}close(){this.show=!1}render(){let o,e,a=this.iframeUrl?"frame":"html";return o=this.iframeUrl?t("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):t("slot",null),this.overlay&&(e=t("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),t(i,null,t("div",{class:"wrapper "+(this.show?"show":"hide")},e,t("div",{class:`modal-popup ${this.size} ${a}`},t("div",{class:"close"},t("a",{href:"#",onClick:()=>this.close()},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},t("path",{d:"M1 1L13 13",stroke:"black"}),t("path",{d:"M13 1L1 13",stroke:"black"})))),t("div",{class:"modal-body"},o))))}get el(){return a(this)}};r.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";export{r as ptc_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-19f001a4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-5afee3b6",[[1,"ptc-announcement",{barTitle:[1,"bar-title"],Description:[1,"description"],linkText:[513,"link-text"],visible:[1540],linkUrl:[513,"link-url"],tempContainer:[4,"temp-container"]}]]],["p-762a6628",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1]}]]],["p-fe25f590",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-834e88dd",[[1,"ptc-social-share",{display:[1],shareType:[1,"share-type"],shareTitle:[1,"share-title"],text:[1],url:[1],source:[1],recipient:[1]}]]],["p-b798ca9c",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-96e30287",[[1,"ptc-countdown"]]],["p-feed36fa",[[1,"ptc-footer"]]],["p-3050845e",[[6,"ptc-form",{value:[32],inputValue:[32],selectValue:[32]}]]],["p-65b30c15",[[6,"ptc-input",{type:[1],dataEloquaName:[1,"data-eloqua-name"],inputId:[1,"input-id"],inputName:[1,"input-name"],focused:[32]}]]],["p-b3e145f3",[[2,"ptc-list",{listType:[1,"list-type"],listItems:[16]}]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-19f001a4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-5afee3b6",[[1,"ptc-announcement",{barTitle:[1,"bar-title"],Description:[1,"description"],linkText:[513,"link-text"],visible:[1540],linkUrl:[513,"link-url"],tempContainer:[4,"temp-container"]}]]],["p-762a6628",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1]}]]],["p-fe25f590",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-834e88dd",[[1,"ptc-social-share",{display:[1],shareType:[1,"share-type"],shareTitle:[1,"share-title"],text:[1],url:[1],source:[1],recipient:[1]}]]],["p-b798ca9c",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-96e30287",[[1,"ptc-countdown"]]],["p-feed36fa",[[1,"ptc-footer"]]],["p-3050845e",[[6,"ptc-form",{value:[32],inputValue:[32],selectValue:[32]}]]],["p-65b30c15",[[6,"ptc-input",{type:[1],dataEloquaName:[1,"data-eloqua-name"],inputId:[1,"input-id"],inputName:[1,"input-name"],focused:[32]}]]],["p-b3e145f3",[[2,"ptc-list",{listType:[1,"list-type"],listItems:[16]}]]],["p-8a6de852",[[1,"ptc-modal",{iframeUrl:[1025,"iframe-url"],size:[1025],show:[1028],overlay:[1028],closeOnBlur:[1028,"close-on-blur"],overlayHeight:[32],bodyOverflowSetting:[32]}]]],["p-8f9df770",[[1,"ptc-nav"]]],["p-abb97d21",[[1,"ptc-nav-item",{url:[1025],label:[1025],ariaExpanded:[1028,"aria-expanded"],depth:[1538],hasChildren:[1028,"has-children"],parentExpanded:[1540,"parent-expanded"],navType:[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["p-b542c708",[[6,"ptc-select",{dataEloquaName:[1,"data-eloqua-name"],selectId:[1,"select-id"],name:[1],valueOptions:[1040]}]]],["p-f98b4bdd",[[1,"lottie-player",{mode:[1],autoplay:[4],background:[513],controls:[4],count:[2],direction:[2],hover:[4],loop:[516],renderer:[1],speed:[2],src:[1],currentState:[1,"current-state"],seeker:[8],intermission:[2],play:[64],pause:[64],stop:[64],seek:[64],getLottie:[64],setSpeed:[64],setDirection:[64],setLooping:[64],togglePlay:[64],toggleLooping:[64]}]]],["p-f396010d",[[1,"ptc-date",{year:[2],month:[2],day:[2],country:[1],dateString:[1,"date-string"],dateColor:[1,"date-color"],dateStyles:[1,"date-styles"],dataSize:[1,"data-size"]}]]],["p-a0fdfe9a",[[1,"ptc-svg-btn",{svgName:[1,"svg-name"]}]]],["p-cccc0e5d",[[1,"ptc-breadcrumb"],[1,"ptc-hero",{heroType:[1,"hero-type"],bgUrl:[1,"bg-url"]}],[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}],[1,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"],linkHref:[1,"link-href"],linkTitle:[1,"link-title"],target:[1],rel:[1],tabNav:[2,"tab-nav"],styles:[1]}],[1,"ptc-card-bottom",{cardType:[1,"card-type"],styles:[1]}],[1,"ptc-card-content",{cardType:[1,"card-type"],styles:[1]}],[1,"ptc-card-plm",{cardType:[1,"card-type"],cardLink:[1,"card-link"],linkTitle:[1,"link-title"],linkTarget:[1,"link-target"]}],[1,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"],paraColor:[1,"para-color"],paraLineH:[1,"para-line-h"],paraMargin:[1,"para-margin"]}],[1,"ptc-picture",{src:[1],alt:[1],sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imagePosition:[1,"image-position"],borderRadius:[1,"border-radius"],height:[1],width:[1],objectFit:[1,"object-fit"],isFullHeight:[4,"is-full-height"],isFullWidth:[4,"is-full-width"],styles:[1],oldSrc:[32]},[[9,"resize","WindowResize"]]],[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}],[1,"ptc-span",{spanStyle:[1,"span-style"],display:[1],styles:[1]}],[6,"ptc-title",{isPlmHub:[4,"is-plm-hub"],type:[1],textAlign:[1,"text-align"],upperline:[1],titleShadow:[1,"title-shadow"],titleMargin:[1,"title-margin"],titleWeight:[1,"title-weight"]}],[1,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"],flushBefore:[4,"flush-before"]}],[4,"ptc-img",{sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imgUrl:[1,"img-url"],imageType:[1,"image-type"],borderRadius:[1,"border-radius"],loadMode:[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{filterColor:[1,"filter-color"],borderRadius:[1,"border-radius"],overlayZIndex:[1,"overlay-z-index"],styles:[1]}],[2,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1]}]]]],e)));
|