npm - @ptcwebops/ptcw-design - Versions diffs - 6.3.3-beta → 6.3.3 - Mend

@ptcwebops/ptcw-design 6.3.3-beta → 6.3.3

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.

Files changed (251) hide show

package/dist/esm/modal-form-example.entry.js DELETED Viewed

@@ -1,90 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
-const modalFormExampleCss = ":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";
-const PtcForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.formData = {
-      email: '',
-      firstName: '',
-      lastName: '',
-      company: '',
-      country: '',
-      phone: '',
-      inquiryReason: '',
-      howhearselfreport: '',
-      policyChecked: false,
-    };
-  }
-  // private countryEle: HTMLPtcSelectElement;
-  // private inquiryreasonEle: HTMLPtcTextfieldElement;
-  // private howhearselfreport: HTMLPtcTextfieldElement;
-  componentDidLoad() {
-    this.formButton = this.el.querySelector('.form-submit');
-    this.formButton.addEventListener('click', this.handleSubmit.bind(this));
-    //get Email
-    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"]');
-    // this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]')
-    // this.inquiryreasonEle = this.el.querySelector('ptc-textfield[field-id="contact-inquiry"]')
-    // this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]')
-  }
-  handleInputChange(field, value) {
-    this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
-  }
-  handleSubmit(event) {
-    event.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.formData.country = this.countryEle.inputValue;
-    // this.formData.inquiryReason= this.inquiryreasonEle.inputValue;
-    // this.formData.howhearselfreport = this.howhearselfreport.inputValue;
-    // console.log("get form Data: " + this.formData.email)
-    if (this.isValid()) {
-      const formSubmitEvent = new CustomEvent('formSubmit', {
-        detail: this.formData,
-        bubbles: true,
-      });
-      this.el.dispatchEvent(formSubmitEvent);
-      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, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
-    const invalidLength = document.querySelectorAll('.invalid-field').length;
-    // console.log('invalid fields length: ' + invalidLength), check the select field
-    return (email !== '' &&
-      phone !== '' &&
-      firstName !== '' &&
-      lastName !== '' &&
-      company !== '' &&
-      country !== '' &&
-      inquiryReason !== '' &&
-      howhearselfreport != '' &&
-      policyChecked &&
-      invalidLength === 0);
-  }
-  render() {
-    const multiSelectItems = [
-      { text: 'Item 1', selected: false, ptcDataEloquaName: 'item_1', ptcDataTargetEloquaName: 'item_target-1' },
-      { text: 'Item 2', selected: false, ptcDataEloquaName: 'item_2', ptcDataTargetEloquaName: 'item_target-2' },
-      { text: 'Item 3', selected: false, ptcDataEloquaName: 'item_3', ptcDataTargetEloquaName: 'item_target-3' }
-    ];
-    return (h(Host, null, h("div", { class: "ptc-container u-flex u-flex-justify-center" }, h("div", { class: "form-wrapper" }, h("ptc-title", { "seo-compatibility-mode": true, "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" }, h("h2", null, "PTC\u2019s PLM application suite combines the power of Windchill, the industry\u2019s #1 PLM software with Thingworx")), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-margin": "margin-flush", "para-style": "main", "para-line-h": "line-height-densest" }, "PTC\u2019s market-leading, purpose-built IIoT platform. The suite offers a mix of Packages, Add-Ons, and Apps to best suit your business needs:"), h("ptc-spacer", { size: "x-small", breakpoint: "small" }), h("ptc-spacer", { size: "small", breakpoint: "x-small" }), h("max-width-container", { "max-width": "277", breakpoint: 480 }, h("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."), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "small", size: "small" })), h("form", { onSubmit: event => this.handleSubmit(event) }, h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email" }), h("ptc-textfield", { "field-id": "company-email", "label-text": "Company Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "companyemail" }), h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item placehoder-li", "data-value": "" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Select a country")), h("li", { class: "mdc-list-item", "data-value": "USA" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "USA")), h("li", { class: "mdc-list-item", "data-value": "Canada" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Canada")), h("li", { class: "mdc-list-item", "data-value": "China" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "China")))), h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry" }, h("ul", { class: "mdc-list" }, h("li", { class: "mdc-list-item", "data-value": "Please select a value" }, h("span", { class: "mdc-list-item__ripple" })), h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), h("li", { class: "mdc-list-item", "data-value": "CAD" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, h("span", { class: "mdc-list-item__ripple" }), h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), h("ptc-multi-select", { items: multiSelectItems, "is-required": 'true' }), h("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" }), h("ptc-form-checkbox", { label: "I agree to the policy", "checkbox-id": "test" }), h("div", { class: "button-wrapper" }, h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; display:block; float: left; width: fit-content;}" }, "Submit"), h("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 getElement(this); }
-};
-PtcForm.style = modalFormExampleCss;
-export { PtcForm as modal_form_example };

package/dist/esm/ptc-card-bottom.entry.js DELETED Viewed

@@ -1,63 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
-const ptcCardBottomCss = "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}:host ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
-const PtcCardBottom = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hoverEvent = createEvent(this, "hoverEvent", 7);
-    this.leaveEvent = createEvent(this, "leaveEvent", 7);
-    this.cardType = undefined;
-    this.styles = undefined;
-  }
-  hoverEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.add('mouse-hover');
-      this.el.classList.add('mouse-hover-card-bottom');
-    }
-    if (this.el.classList.contains('event-podcast')) {
-      this.addClassOnDefaultSlot();
-    }
-  }
-  leaveEventHandler() {
-    this.hoverEvent.emit();
-    //if statement: the card type that doesn't need a hover event
-    if (!this.el.classList.contains('card-video') && !this.el.classList.contains('card-playlist') && !this.el.classList.contains('extra-tall')) {
-      this.el.previousElementSibling.classList.remove('mouse-hover');
-      this.el.classList.remove('mouse-hover-card-bottom');
-    }
-    if (this.el.classList.contains('event-podcast')) {
-      this.removeClassOnDefaultSlot();
-    }
-  }
-  async addClassOnDefaultSlot() {
-    const slot = this.el.shadowRoot.querySelector('slot:not([name])');
-    console.log('slot: ' + slot);
-    const assignedElements = slot.assignedElements();
-    assignedElements.forEach((ele) => {
-      !ele.classList.contains('event-podcast') && ele.classList.add('event-podcast');
-    });
-  }
-  async removeClassOnDefaultSlot() {
-    const slot = this.el.shadowRoot.querySelector('slot:not([name])');
-    const assignedElements = slot.assignedElements();
-    assignedElements.forEach((ele) => {
-      ele.classList.contains('event-podcast') && ele.classList.remove('event-podcast');
-    });
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { part: "card-bottom", class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("slot", { name: "slot-content" }), h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false,
-    };
-  }
-  get el() { return getElement(this); }
-};
-PtcCardBottom.style = ptcCardBottomCss;
-export { PtcCardBottom as ptc_card_bottom };

package/dist/ptcw-design/p-0098c4f0.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,h as n}from"./p-ac75c7ad.js";import{c as e,a as i}from"./p-112455b1.js";var r=e((function(t){t.exports=function(){var t=6e4,n=36e5,e="millisecond",i="second",r="minute",s="hour",a="day",h="week",u="month",o="quarter",c="year",d="date",l="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},v=function(t,n,e){var i=String(t);return!i||i.length>=n?t:""+Array(n+1-i.length).join(e)+t},y={s:v,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),i=Math.floor(e/60),r=e%60;return(n<=0?"+":"-")+v(i,2,"0")+":"+v(r,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var i=12*(e.year()-n.year())+(e.month()-n.month()),r=n.clone().add(i,u),s=e-r<0,a=n.clone().add(i+(s?-1:1),u);return+(-(i+(e-r)/(s?r-a:a-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:u,y:c,w:h,d:a,D:d,h:s,m:r,s:i,ms:e,Q:o}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",x={};x[g]=m;var w="$isDayjsObject",b=function(t){return t instanceof S||!(!t||!t[w])},M=function t(n,e,i){var r;if(!n)return g;if("string"==typeof n){var s=n.toLowerCase();x[s]&&(r=s),e&&(x[s]=e,r=s);var a=n.split("-");if(!r&&a.length>1)return t(a[0])}else{var h=n.name;x[h]=n,r=h}return!i&&r&&(g=r),r||!i&&g},D=function(t,n){if(b(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new S(e)},T=y;T.l=M,T.i=b,T.w=function(t,n){return D(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var S=function(){function m(t){this.$L=M(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[w]=!0}var v=m.prototype;return v.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(T.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var i=n.match(f);if(i){var r=i[2]-1||0,s=(i[7]||"0").substring(0,3);return e?new Date(Date.UTC(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)):new Date(i[1],r,i[3]||1,i[4]||0,i[5]||0,i[6]||0,s)}}return new Date(n)}(t),this.init()},v.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},v.$utils=function(){return T},v.isValid=function(){return!(this.$d.toString()===l)},v.isSame=function(t,n){var e=D(t);return this.startOf(n)<=e&&e<=this.endOf(n)},v.isAfter=function(t,n){return D(t)<this.startOf(n)},v.isBefore=function(t,n){return this.endOf(n)<D(t)},v.$g=function(t,n,e){return T.u(t)?this[n]:this.set(e,t)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(t,n){var e=this,o=!!T.u(n)||n,l=T.p(t),f=function(t,n){var i=T.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return o?i:i.endOf(a)},p=function(t,n){return T.w(e.toDate()[t].apply(e.toDate("s"),(o?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},m=this.$W,v=this.$M,y=this.$D,g="set"+(this.$u?"UTC":"");switch(l){case c:return o?f(1,0):f(31,11);case u:return o?f(1,v):f(0,v+1);case h:var x=this.$locale().weekStart||0,w=(m<x?m+7:m)-x;return f(o?y-w:y+(6-w),v);case a:case d:return p(g+"Hours",0);case s:return p(g+"Minutes",1);case r:return p(g+"Seconds",2);case i:return p(g+"Milliseconds",3);default:return this.clone()}},v.endOf=function(t){return this.startOf(t,!1)},v.$set=function(t,n){var h,o=T.p(t),l="set"+(this.$u?"UTC":""),f=(h={},h[a]=l+"Date",h[d]=l+"Date",h[u]=l+"Month",h[c]=l+"FullYear",h[s]=l+"Hours",h[r]=l+"Minutes",h[i]=l+"Seconds",h[e]=l+"Milliseconds",h)[o],p=o===a?this.$D+(n-this.$W):n;if(o===u||o===c){var m=this.clone().set(d,1);m.$d[f](p),m.init(),this.$d=m.set(d,Math.min(this.$D,m.daysInMonth())).$d}else f&&this.$d[f](p);return this.init(),this},v.set=function(t,n){return this.clone().$set(t,n)},v.get=function(t){return this[T.p(t)]()},v.add=function(e,o){var d,l=this;e=Number(e);var f=T.p(o),p=function(t){var n=D(l);return T.w(n.date(n.date()+Math.round(t*e)),l)};if(f===u)return this.set(u,this.$M+e);if(f===c)return this.set(c,this.$y+e);if(f===a)return p(1);if(f===h)return p(7);var m=(d={},d[r]=t,d[s]=n,d[i]=1e3,d)[f]||1,v=this.$d.getTime()+e*m;return T.w(v,this)},v.subtract=function(t,n){return this.add(-1*t,n)},v.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var i=t||"YYYY-MM-DDTHH:mm:ssZ",r=T.z(this),s=this.$H,a=this.$m,h=this.$M,u=e.weekdays,o=e.months,c=function(t,e,r,s){return t&&(t[e]||t(n,i))||r[e].slice(0,s)},d=function(t){return T.s(s%12||12,t,"0")},f=e.meridiem||function(t,n,e){var i=t<12?"AM":"PM";return e?i.toLowerCase():i};return i.replace(p,(function(t,i){return i||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return T.s(n.$y,4,"0");case"M":return h+1;case"MM":return T.s(h+1,2,"0");case"MMM":return c(e.monthsShort,h,o,3);case"MMMM":return c(o,h);case"D":return n.$D;case"DD":return T.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return c(e.weekdaysMin,n.$W,u,2);case"ddd":return c(e.weekdaysShort,n.$W,u,3);case"dddd":return u[n.$W];case"H":return String(s);case"HH":return T.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(s,a,!0);case"A":return f(s,a,!1);case"m":return String(a);case"mm":return T.s(a,2,"0");case"s":return String(n.$s);case"ss":return T.s(n.$s,2,"0");case"SSS":return T.s(n.$ms,3,"0");case"Z":return r}return null}(t)||r.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(e,d,l){var f,p=this,m=T.p(d),v=D(e),y=(v.utcOffset()-this.utcOffset())*t,g=this-v,x=function(){return T.m(p,v)};switch(m){case c:f=x()/12;break;case u:f=x();break;case o:f=x()/3;break;case h:f=(g-y)/6048e5;break;case a:f=(g-y)/864e5;break;case s:f=g/n;break;case r:f=g/t;break;case i:f=g/1e3;break;default:f=g}return l?f:T.a(f)},v.daysInMonth=function(){return this.endOf(u).$D},v.$locale=function(){return x[this.$L]},v.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),i=M(t,n,!0);return i&&(e.$L=i),e},v.clone=function(){return T.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),Y=S.prototype;return D.prototype=Y,[["$ms",e],["$s",i],["$m",r],["$H",s],["$W",a],["$M",u],["$y",c],["$D",d]].forEach((function(t){Y[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),D.extend=function(t,n){return t.$i||(t(n,S,D),t.$i=!0),D},D.locale=M,D.isDayjs=b,D.unix=function(t){return D(1e3*t)},D.en=x[g],D.Ls=x,D.p={},D}()})),s=e((function(t){var n,e,i;t.exports=(n="minute",e=/[+-]\d\d(?::?\d\d)?/g,i=/([+-]|\d\d)/g,function(t,r,s){var a=r.prototype;s.utc=function(t){return new r({date:t,utc:!0,args:arguments})},a.utc=function(t){var e=s(this.toDate(),{locale:this.$L,utc:!0});return t?e.add(this.utcOffset(),n):e},a.local=function(){return s(this.toDate(),{locale:this.$L,utc:!1})};var h=a.parse;a.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),h.call(this,t)};var u=a.init;a.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else u.call(this)};var o=a.utcOffset;a.utcOffset=function(t,r){var s=this.$utils().u;if(s(t))return this.$u?0:s(this.$offset)?o.call(this):this.$offset;if("string"==typeof t&&(t=function(t){void 0===t&&(t="");var n=t.match(e);if(!n)return null;var r=(""+n[0]).match(i)||["-",0,0],s=60*+r[1]+ +r[2];return 0===s?0:"+"===r[0]?s:-s}(t),null===t))return this;var a=Math.abs(t)<=16?60*t:t,h=this;if(r)return h.$offset=a,h.$u=0===t,h;if(0!==t){var u=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(h=this.local().add(a+u,n)).$offset=a,h.$x.$localOffset=u}else h=this.utc();return h};var c=a.format;a.format=function(t){return c.call(this,t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":""))},a.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},a.isUTC=function(){return!!this.$u},a.toISOString=function(){return this.toDate().toISOString()},a.toString=function(){return this.toDate().toUTCString()};var d=a.toDate;a.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():d.call(this)};var l=a.diff;a.diff=function(t,n,e){if(t&&this.$u===t.$u)return l.call(this,t,n,e);var i=this.local(),r=s(t).local();return l.call(i,r,n,e)}})}));r.extend(s);const a=class{constructor(n){t(this,n),this.countdownTitle="",this.eventTime="",this.eventTimeZone="EST",this.expiredText="This event has started on",this.daysText="days",this.hoursText="hours",this.minutesText="minutes",this.secondsText="seconds",this.useHourFormat=void 0,this.timeLeft={days:0,hours:0,minutes:0,seconds:0},this.isExpired=!1,this.userLocale=navigator.language||"en-US"}componentWillLoad(){this.eventTime&&this.eventTimeZone?this.startCountdown():console.error("Both eventTime and eventTimeZone are required.")}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={ACDT:630,ACST:570,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,BST:60,CDT:-300,CEST:120,CET:60,CST:-360,CST_CN:480,EDT:-240,EEST:180,EET:120,EST:-300,GMT:0,HKT:480,IST:330,JST:540,MDT:-360,MST:-420,PDT:-420,PST:-480,UTC:0};return void 0!==n[t]?n[t]:0}transformDate(t){return t.includes("T")?t:r(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone),n=r(this.transformDate(this.eventTime)).utcOffset(t,!0).utc(),e=r.utc(),i=n.diff(e);i>0?this.timeLeft={days:Math.floor(i/864e5),hours:Math.floor(i/36e5%24),minutes:Math.floor(i/6e4%60),seconds:Math.floor(i/1e3%60)}:(this.isExpired=!0,clearInterval(this.timer))}startCountdown(){this.calculateTimeLeft(),this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}shouldUse12HourFormat(){return void 0!==this.useHourFormat?this.useHourFormat:/^en-(US|CA)$/.test(this.userLocale)}render(){const{days:t,hours:e,minutes:i,seconds:s}=this.timeLeft,a=r(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),!0).format("YYYY-MM-DD HH:mm"),h=this.shouldUse12HourFormat();return n("div",{class:"countdown-outer"},this.countdownTitle&&n("div",{class:"event-name"},this.countdownTitle),this.isExpired?n("div",{class:"expired"},`${this.expiredText} ${a} ${this.eventTimeZone}`):n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,i),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,s),n("span",null,this.secondsText))),n("div",{class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.userLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:h})," ","(",this.eventTimeZone,")"))}};a.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;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:380px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';export{a as ptc_countdown}

package/dist/ptcw-design/p-0d223232.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as a,h as t,H as o,g as i}from"./p-ac75c7ad.js";const e=class{constructor(t){a(this,t),this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}handleReadmoreToggle(a){Array.from(this.hostElement.querySelectorAll(".ptc-product-highlight-card")).forEach((t=>{var o,i;const e=null==t?void 0:t.querySelector("ptc-readmore"),r=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector(".read-more-text"),l=r.scrollHeight>r.clientHeight,n=null===(i=e.shadowRoot)||void 0===i?void 0:i.querySelector("#expanded");if(e&&e!==a.detail.sender){n.checked=a.detail.isExpanded;const t=e.shadowRoot.querySelector(".read-more-cta-label");t&&(t.innerHTML=a.detail.isExpanded?`<span>${e.lessText||""}</span>`:`<span>${e.moreText||""}</span>`,a.detail.isExpanded?l&&t.classList.add("show-less-cta"):t.classList.remove("show-less-cta")),r.classList[l?"add":"remove"]("truncated")}}))}render(){return t(o,null,t("div",{class:"card-wrap"},this.cardImage&&t("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),t("div",{class:"content"},t("div",null,t("slot",{name:"title"}),t("ptc-spacer",{size:"x-small"}),t("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),t("div",null,t("slot",{name:"content"}))),t("div",{class:"cta-wrap"},t("slot",{name:"cta"})))),this.toggleCtaTitle&&t("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},t("span",{class:"toggleText"},this.toggleCtaTitle)),t("div",{class:"product-highlights-container"},t("slot",null)))}get hostElement(){return i(this)}};e.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center;justify-content:space-between;width:100%}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{e as ptc_product_card}