@ptcwebops/ptcw-design 1.7.2 → 1.7.3

package/dist/cjs/ptc-filter-tag.cjs.entry.js

@@ -2,67 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
 
-const PtcFilterTag = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clicked = index.createEvent(this, "clicked", 7);
-    this.handleClick = () => {
-      this.clicked.emit(this);
-    };
-    this.theme = 'bubble';
-    this.iconColorMap = undefined;
-  }
-  componentWillLoad() {
-    this.iconColorMap = {
-      'bubble': {
-        'hover': 'black',
-        'standard': 'light-gray'
-      },
-      'standard': {
-        'hover': 'ptc-green',
-        'standard': 'black'
-      },
-    };
-  }
-  handleMouseEnter() {
-    this.updateIconColor('hover');
-  }
-  handleMouseLeave() {
-    this.updateIconColor('standard');
-  }
-  updateIconColor(state) {
-    let icon = this.el.shadowRoot.querySelector('icon-asset');
-    if (icon) {
-      if (this.iconColorMap[this.theme]) {
-        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
-      }
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let icon;
-    switch (this.theme) {
-      case 'bubble':
-        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
-        break;
-      case 'standard':
-        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
-        break;
-    }
-    return (index.h(index.Host, null, index.h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("slot", null), icon)));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-filter-tag']: true,
-      [this.theme]: true
-    };
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcFilterTag = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.clicked = index.createEvent(this, "clicked", 7);
+    this.handleClick = () => {
+      this.clicked.emit(this);
+    };
+    this.theme = 'bubble';
+    this.iconColorMap = undefined;
+  }
+  componentWillLoad() {
+    this.iconColorMap = {
+      'bubble': {
+        'hover': 'black',
+        'standard': 'light-gray'
+      },
+      'standard': {
+        'hover': 'ptc-green',
+        'standard': 'black'
+      },
+    };
+  }
+  handleMouseEnter() {
+    this.updateIconColor('hover');
+  }
+  handleMouseLeave() {
+    this.updateIconColor('standard');
+  }
+  updateIconColor(state) {
+    let icon = this.el.shadowRoot.querySelector('icon-asset');
+    if (icon) {
+      if (this.iconColorMap[this.theme]) {
+        icon.setAttribute('color', this.iconColorMap[this.theme][state]);
+      }
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let icon;
+    switch (this.theme) {
+      case 'bubble':
+        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "light-gray", name: "times", size: "micro" }));
+        break;
+      case 'standard':
+        icon = (index.h("icon-asset", { class: "cls", type: "ptc", color: "black", name: "times", size: "xxx-small" }));
+        break;
+    }
+    return (index.h(index.Host, null, index.h("span", { class: classMap, onClick: () => this.handleClick(), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, index.h("slot", null), icon)));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-filter-tag']: true,
+      [this.theme]: true
+    };
+  }
+  get el() { return index.getElement(this); }
+};
 PtcFilterTag.style = ptcFilterTagCss;
 
 exports.ptc_filter_tag = PtcFilterTag;

package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const ptcHeroFooterCtaCss = ".sc-ptc-hero-footer-cta-h{display:block}.hero-footer-cta.sc-ptc-hero-footer-cta{position:relative;padding:var(--ptc-layout-spacing-05) 0;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative}.hero-footer-cta.sc-ptc-hero-footer-cta .is-grid.sc-ptc-hero-footer-cta{align-items:center;position:relative;z-index:10;margin:auto}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta,.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{color:var(--color-white);text-shadow:1px 1px 20px rgba(0, 0, 0, 0.5);font-stretch:normal;font-style:normal;text-align:left;color:var(--color-white)}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-black);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold)}}.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{max-width:70%}}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser)}}.hero-footer-cta.sc-ptc-hero-footer-cta .cta-overlay.sc-ptc-hero-footer-cta{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.35)}.hero-footer-cta.sc-ptc-hero-footer-cta .btm-cta-cut.sc-ptc-hero-footer-cta{position:absolute;top:-1px;right:0;fill:var(--color-white);z-index:100;transform:scaleY(-1)}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta .cta-left-padding.sc-ptc-hero-footer-cta{padding-left:var(--ptc-element-spacing-08)}}";
 
-const PtcHeroFooterCta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ctaTitle = undefined;
-    this.description = undefined;
-    this.backgroundImage = undefined;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } }, index.h("svg", { class: "btm-cta-cut", 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", id: "Path_8770", 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: "cta-overlay" }), index.h("div", { class: "ptc-container is-grid has-p-lg" }, index.h("div", { class: "is-col-8-lg cta-left-padding" }, index.h("h2", null, this.ctaTitle), index.h("p", null, this.description)), index.h("div", { class: "is-col-4-lg cta-section" }, index.h("slot", { name: "cta" }))))));
-  }
-};
+const PtcHeroFooterCta = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ctaTitle = undefined;
+    this.description = undefined;
+    this.backgroundImage = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "hero-footer-cta ", style: { backgroundImage: `url(${this.backgroundImage})` } }, index.h("svg", { class: "btm-cta-cut", 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", id: "Path_8770", 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: "cta-overlay" }), index.h("div", { class: "ptc-container is-grid has-p-lg" }, index.h("div", { class: "is-col-8-lg cta-left-padding" }, index.h("h2", null, this.ctaTitle), index.h("p", null, this.description)), index.h("div", { class: "is-col-4-lg cta-section" }, index.h("slot", { name: "cta" }))))));
+  }
+};
 PtcHeroFooterCta.style = ptcHeroFooterCtaCss;
 
 exports.ptc_hero_footer_cta = PtcHeroFooterCta;

package/dist/cjs/ptc-hero.cjs.entry.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const ptcHeroCss = ":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}:host(.left) .ptc-hero-wrapper{text-align:left}:host(.center) .ptc-hero-wrapper{text-align:center}:host(.right) .ptc-hero-wrapper{text-align:right}";
 
-const PtcHero = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.heroType = undefined;
-    this.bgUrl = undefined;
-    this.contentAlignment = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "ptc-hero-wrapper" }, !!this.bgUrl ? (index.h("ptc-img", { "image-type": "smart-bg", "img-url": this.bgUrl, "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }, this.heroType == 'jumbotron' ? ([index.h("ptc-overlay", { "filter-color": "black-1" }), index.h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (index.h("ptc-overlay", { "filter-color": "black-3" })) : null, index.h("slot", null))) : (index.h("slot", null)))));
-  }
-  getCssClassMap() {
-    return {
-      [this.heroType]: this.heroType ? true : false,
-      [this.contentAlignment]: this.contentAlignment ? true : false
-    };
-  }
-};
+const PtcHero = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.heroType = undefined;
+    this.bgUrl = undefined;
+    this.contentAlignment = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, index.h("div", { class: "ptc-hero-wrapper" }, !!this.bgUrl ? (index.h("ptc-img", { "image-type": "smart-bg", "img-url": this.bgUrl, "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }, this.heroType == 'jumbotron' ? ([index.h("ptc-overlay", { "filter-color": "black-1" }), index.h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (index.h("ptc-overlay", { "filter-color": "black-3" })) : null, index.h("slot", null))) : (index.h("slot", null)))));
+  }
+  getCssClassMap() {
+    return {
+      [this.heroType]: this.heroType ? true : false,
+      [this.contentAlignment]: this.contentAlignment ? true : false
+    };
+  }
+};
 PtcHero.style = ptcHeroCss;
 
 exports.ptc_hero = PtcHero;

package/dist/cjs/ptc-icon-list.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 ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-secondary-latin)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest)}:host ::slotted(icon-asset){display:flex;align-self:center}:host ::slotted(ptc-picture){min-width:24px}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}";
 
-const PtcIconList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.listType = 'simple-icon-list';
-    this.valueWithUnit = '';
-    this.valueText = '';
-    this.listContent = '';
-    this.isLastItem = false;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, { class: classMap }, this.listType == "stat-icon-list" ? (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("div", { class: "ptc-numbered-values" }, index.h("span", { class: "value-text" }, this.valueText, "\u00A0"), index.h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), index.h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("p", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
-      index.h("slot", null))))));
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: this.listType ? true : false,
-      ['last-item']: this.isLastItem ? true : false
-    };
-  }
-};
+const PtcIconList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.listType = 'simple-icon-list';
+    this.valueWithUnit = '';
+    this.valueText = '';
+    this.listContent = '';
+    this.isLastItem = false;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, { class: classMap }, this.listType == "stat-icon-list" ? (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("div", { class: "ptc-numbered-values" }, index.h("span", { class: "value-text" }, this.valueText, "\u00A0"), index.h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), index.h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (index.h("div", { class: "ptc-icon-list" }, index.h("slot", { name: "icon" }), index.h("p", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
+      index.h("slot", null))))));
+  }
+  getCssClassMap() {
+    return {
+      [this.listType]: this.listType ? true : false,
+      ['last-item']: this.isLastItem ? true : false
+    };
+  }
+};
 PtcIconList.style = ptcIconListCss;
 
 exports.ptc_icon_list = PtcIconList;

package/dist/cjs/ptc-icon-minimize.cjs.entry.js

@@ -2,53 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const ptcIconMinimizeCss = ".content{transition:max-height ease-out 250ms;overflow:hidden;max-height:0}.ptc-icon-minimize .header{display:flex;justify-content:space-between;align-items:center;align-content:center}.ptc-icon-minimize .header .title{color:var(--color-gray-10);font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-normal)}@media (min-width: 992px){.ptc-icon-minimize .header .title{font-size:var(--ptc-font-size-x-small)}}.ptc-icon-minimize .header .icon{cursor:pointer;border:1px solid var(--color-gray-10);border-radius:2px;transition:background-color ease-out 250ms;background-color:transparent;height:1rem;width:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.ptc-icon-minimize .header .icon:hover{background-color:var(--color-gray-02)}.ptc-icon-minimize .header .icon icon-asset{position:relative;width:0.5rem;height:0.5rem;display:flex}.ptc-icon-minimize .header .icon icon-asset svg.xxx-small.sc-icon-asset{width:0.5rem;height:0.5rem}";
 
-const PtcIconMinimize = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.heading = undefined;
-    this.opened = true;
-    this.timeStamp = undefined;
-  }
-  componentWillLoad() {
-    this.timeStamp = Date.now().toString();
-  }
-  componentDidLoad() {
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && !content.style.maxHeight) {
-      content.style.maxHeight = content.scrollHeight + "px";
-    }
-  }
-  dropdownToggle() {
-    this.opened = !this.opened;
-  }
-  getScrollHeight() {
-    let result = undefined;
-    let content = this.host.shadowRoot.querySelector('.content');
-    if (this.opened && content) {
-      result = { 'max-height': content.scrollHeight + "px" };
-    }
-    else if (this.opened) {
-      result = { 'max-height': 350 + "px" };
-    }
-    else if (content && content.style.maxHeight) {
-      content.style.removeProperty('max-height');
-    }
-    return result;
-  }
-  async Refresh() {
-    this.timeStamp = Date.now().toString();
-  }
-  render() {
-    let scrollHeight = this.getScrollHeight();
-    let icon = this.opened ? 'minus' : 'plus';
-    return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
-  }
-  get host() { return index.getElement(this); }
-};
+const PtcIconMinimize = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.heading = undefined;
+    this.opened = true;
+    this.timeStamp = undefined;
+  }
+  componentWillLoad() {
+    this.timeStamp = Date.now().toString();
+  }
+  componentDidLoad() {
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && !content.style.maxHeight) {
+      content.style.maxHeight = content.scrollHeight + "px";
+    }
+  }
+  dropdownToggle() {
+    this.opened = !this.opened;
+  }
+  getScrollHeight() {
+    let result = undefined;
+    let content = this.host.shadowRoot.querySelector('.content');
+    if (this.opened && content) {
+      result = { 'max-height': content.scrollHeight + "px" };
+    }
+    else if (this.opened) {
+      result = { 'max-height': 350 + "px" };
+    }
+    else if (content && content.style.maxHeight) {
+      content.style.removeProperty('max-height');
+    }
+    return result;
+  }
+  async Refresh() {
+    this.timeStamp = Date.now().toString();
+  }
+  render() {
+    let scrollHeight = this.getScrollHeight();
+    let icon = this.opened ? 'minus' : 'plus';
+    return (index.h("div", { class: "ptc-icon-minimize" }, index.h("div", { class: "header" }, index.h("div", { class: "title" }, this.heading), index.h("div", { class: "icon", onClick: () => this.dropdownToggle() }, index.h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon }))), index.h("div", { class: "content", style: scrollHeight }, index.h("slot", null))));
+  }
+  get host() { return index.getElement(this); }
+};
 PtcIconMinimize.style = ptcIconMinimizeCss;
 
 exports.ptc_icon_minimize = PtcIconMinimize;

package/dist/cjs/ptc-image-download-strip.cjs.entry.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-266d5edd.js');
+const index = require('./index-88135a6b.js');
 
 const ptcImageDownloadStripCss = ":host{display:block;position:relative;font-family:var(--ptc-font-secondary-latin)}:host .strip{position:absolute;bottom:0;backdrop-filter:blur(15.2px);background:white;background:rgba(255, 255, 255, 0.3);width:100%;padding:15px;box-sizing:border-box;text-align:right}:host .strip .dl-btn{width:54px;height:40px;background-image:-o-linear-gradient(162deg, #74c34d, #00783e);background-image:linear-gradient(288deg, #74c34d, #00783e);border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none}:host .strip .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none}:host .strip .dl-btn:hover{box-shadow:0 3px 20px 0 #74c34d}:host .strip .dl-btn:hover .dl-text{display:block}:host .strip .dl-btn img{max-height:18px;width:12px}";
 
-const PtcImageDownloadStrip = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.downloadUrl = undefined;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null), index.h("div", { class: "strip" }, index.h("a", { class: "dl-btn", href: "javascript:void()", onClick: () => { this.openModal(); } }, index.h("span", { class: "dl-text" }, "Download"), index.h("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), index.h("ptc-modal", { id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, index.h("ptc-title", { type: 'h2', "text-align": 'center', "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
-  }
-  openModal() {
-    let modal = this.el.shadowRoot.querySelector('#strip-download-modal');
-    modal.setAttribute('show', 'true');
-    setTimeout(() => {
-      modal.setAttribute('show', 'false');
-      window.open(`${this.downloadUrl}`, "_self");
-    }, 1000);
-  }
-  get el() { return index.getElement(this); }
-};
+const PtcImageDownloadStrip = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.downloadUrl = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null), index.h("div", { class: "strip" }, index.h("a", { class: "dl-btn", href: "javascript:void()", onClick: () => { this.openModal(); } }, index.h("span", { class: "dl-text" }, "Download"), index.h("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), index.h("ptc-modal", { id: "strip-download-modal", show: false, size: "lg", fixed: true, "is-bio-modal": true }, index.h("ptc-title", { type: 'h2', "text-align": 'center', "title-weight": "w-5", upperline: "no-upperline" }, "Thanks For Downloading"))));
+  }
+  openModal() {
+    let modal = this.el.shadowRoot.querySelector('#strip-download-modal');
+    modal.setAttribute('show', 'true');
+    setTimeout(() => {
+      modal.setAttribute('show', 'false');
+      window.open(`${this.downloadUrl}`, "_self");
+    }, 1000);
+  }
+  get el() { return index.getElement(this); }
+};
 PtcImageDownloadStrip.style = ptcImageDownloadStripCss;
 
 exports.ptc_image_download_strip = PtcImageDownloadStrip;