@ptcwebops/ptcw-design 1.3.4 → 1.3.6

package/dist/cjs/dropdown-item.cjs.entry.js

@@ -6,16 +6,16 @@ const index = require('./index-88135a6b.js');
 
 const dropdownItemCss = ".dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:\"Raleway\";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-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}";
 
-const DropdownItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.linkHref = undefined;
-    this.linkTarget = '_self';
-  }
-  render() {
-    return (index.h("div", { class: "dropdown-item" }, index.h("slot", null)));
-  }
-};
+const DropdownItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.linkHref = undefined;
+    this.linkTarget = '_self';
+  }
+  render() {
+    return (index.h("div", { class: "dropdown-item" }, index.h("slot", null)));
+  }
+};
 DropdownItem.style = dropdownItemCss;
 
 exports.dropdown_item = DropdownItem;

package/dist/cjs/dynamic-box-bundle.cjs.entry.js

@@ -6,31 +6,31 @@ const index = require('./index-88135a6b.js');
 
 const dynamicBoxBundleCss = ":host{display:block}:host .d-box{width:100%;height:550px;position:relative}:host .d-box.hovering .top-image{background-image:linear-gradient(0deg, rgba(242, 242, 242, 0), #f3f3f3)}:host .d-box.hovering .content{height:100%}:host .top-image{position:relative;display:flex;justify-content:center;align-items:center;height:20%;z-index:99}:host .top-image img{width:405px;height:40px}@media only screen and (min-width: 992px){:host .top-image img{height:35px}}:host .content{height:80%;box-shadow:0 0 0 1px #f3f3f3;width:100%;position:absolute;bottom:0px;left:0px}:host p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);margin:0px;padding:40px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host p{padding:40px}}";
 
-const DynamicBoxBundle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.topImgSrc = 'https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg';
-    this.topImgAlt = 'image';
-    this.boxHeight = undefined;
-    this.isHovering = false;
-  }
-  handleMouseOver() {
-    if (window.innerWidth >= 1200) {
-      this.isHovering = true;
-      //this.el.style.height = `${this.el.offsetHeight + 50}px`;
-    }
-  }
-  handleMouseOut() {
-    if (window.innerWidth >= 1200) {
-      this.isHovering = false;
-      //this.el.style.height = '';
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? 'hovering' : ''}` }, index.h("div", { class: "top-image" }, index.h("img", { src: this.topImgSrc, alt: this.topImgAlt })), index.h("div", { class: "content" }, index.h("slot", { name: "media" }))), index.h("p", null, index.h("slot", null))));
-  }
-  get el() { return index.getElement(this); }
-};
+const DynamicBoxBundle = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.topImgSrc = 'https://www.ptc.com/-/media/Images/new-org/logos/PTC-logo.svg';
+    this.topImgAlt = 'image';
+    this.boxHeight = undefined;
+    this.isHovering = false;
+  }
+  handleMouseOver() {
+    if (window.innerWidth >= 1200) {
+      this.isHovering = true;
+      //this.el.style.height = `${this.el.offsetHeight + 50}px`;
+    }
+  }
+  handleMouseOut() {
+    if (window.innerWidth >= 1200) {
+      this.isHovering = false;
+      //this.el.style.height = '';
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: `d-box ${this.isHovering && window.innerWidth >= 1200 ? 'hovering' : ''}` }, index.h("div", { class: "top-image" }, index.h("img", { src: this.topImgSrc, alt: this.topImgAlt })), index.h("div", { class: "content" }, index.h("slot", { name: "media" }))), index.h("p", null, index.h("slot", null))));
+  }
+  get el() { return index.getElement(this); }
+};
 DynamicBoxBundle.style = dynamicBoxBundleCss;
 
 exports.dynamic_box_bundle = DynamicBoxBundle;