@ptcwebops/ptcw-design 1.8.8 → 1.9.0

package/dist/cjs/innovator-toggle-container.cjs.entry.js

@@ -2,31 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const innovatorToggleContainerCss = ":host{display:block;background:linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));background-position:50%;background-size:cover;overflow:hidden;position:relative}:host .bgImage{height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.1);width:100%;z-index:-2}:host svg.cut{left:0;position:absolute;z-index:99}:host svg.cut-top{top:0;transform:rotate(180deg) translateY(5px)}:host .cut-bottom{bottom:0;transform:scaleX(-1) translateY(5px)}:host .backdrop-blur{backdrop-filter:blur(7px);padding:var(--ptc-layout-spacing-05) 0}:host .content-box{padding:var(--ptc-element-spacing-05);backdrop-filter:blur(13.7px);border:1px solid rgba(255, 255, 255, 0.54);border-radius:10px;position:relative}@media only screen and (min-width: 768px){:host .content-box{padding:var(--ptc-element-spacing-08)}}:host .content-box .backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.35);width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}:host .content-box .backdrop::before{background-color:#2a2729;border-radius:10px;content:\"\";height:100%;opacity:0.7;position:absolute;width:100%;z-index:-1}:host .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}";
 
-const InnovatorToggleContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sectionTitle = undefined;
-    this.description = undefined;
-    this.backgroundImage = undefined;
-  }
-  componentDidLoad() {
-    this.el.addEventListener("mousemove", () => { });
-    let imgElement = this.el.shadowRoot.querySelector('.bgImage');
-    onmousemove = (event) => {
-      if (event.target === this.el) {
-        imgElement.style.setProperty('transform', `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
-      }
-    };
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("img", { src: this.backgroundImage, alt: "", class: 'bgImage' }), index.h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), index.h("div", { class: 'backdrop-blur' }, index.h("div", { class: "ptc-container" }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), index.h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), index.h("ptc-spacer", null)), index.h("div", { class: "ptc-container" }, index.h("div", { class: "content-box" }, index.h("div", { class: "backdrop" }), index.h("slot", null)))), index.h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));
-  }
-  get el() { return index.getElement(this); }
-};
+const InnovatorToggleContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sectionTitle = undefined;
+    this.description = undefined;
+    this.backgroundImage = undefined;
+  }
+  componentDidLoad() {
+    this.el.addEventListener("mousemove", () => { });
+    let imgElement = this.el.shadowRoot.querySelector('.bgImage');
+    onmousemove = (event) => {
+      if (event.target === this.el) {
+        imgElement.style.setProperty('transform', `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
+      }
+    };
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("img", { src: this.backgroundImage, alt: "", class: 'bgImage' }), index.h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), index.h("div", { class: 'backdrop-blur' }, index.h("div", { class: "ptc-container" }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), index.h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), index.h("ptc-spacer", null)), index.h("div", { class: "ptc-container" }, index.h("div", { class: "content-box" }, index.h("div", { class: "backdrop" }), index.h("slot", null)))), index.h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, index.h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));
+  }
+  get el() { return index.getElement(this); }
+};
 InnovatorToggleContainer.style = innovatorToggleContainerCss;
 
 exports.innovator_toggle_container = InnovatorToggleContainer;

package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-let ResponsiveBgVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-img',
-  interval: 250
-};
-let ResponsivePictureVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-picture',
-  interval: 250
+let ResponsiveBgVariables = {
+  envs: ['xs', 'sm', 'md', 'lg'],
+  selector: '.ptc-img',
+  interval: 250
+};
+let ResponsivePictureVariables = {
+  envs: ['xs', 'sm', 'md', 'lg'],
+  selector: '.ptc-picture',
+  interval: 250
 };
 
 exports.ResponsiveBgVariables = ResponsiveBgVariables;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 /*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();