@tet/tet-components 1.3.110-staging → 1.3.111-staging

package/dist/collection/components/advanced/cards/tet-compare-card/test/tet-compare-card.spec.js

@@ -94,6 +94,9 @@ describe('tet-compare-card', () => {
                     <div class="old-price translation-none">39,50</div>
                     <div class="old-currency">€/mēn.</div>
                   </div>
+                  <div class="price-information-wrapper">
+                    <slot name="price-information-slot" />
+                  </div>
                 </div>
                 <div class="helper">
                   <div class="term">
@@ -224,6 +227,9 @@ describe('tet-compare-card', () => {
                     <div class="old-price translation-none">39,50</div>
                     <div class="old-currency">€/mēn.</div>
                   </div>
+                  <div class="price-information-wrapper">
+                    <slot name="price-information-slot" />
+                  </div>
                 </div>
                 <div class="helper">
                   <div class="term">

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css

@@ -7877,7 +7877,7 @@
   margin-top: var(--compare-card-title-margin-top);
 }
 .card.regular .compare-card-half-40 {
-  margin-top: var(--compare-card-price-wrapper-margin-top);
+  margin-top: 0;
 }
 .card.regular .compare-card-half-40 .price .price-wrapper .price-container {
   justify-content: flex-start;
@@ -8163,7 +8163,6 @@
 .title-wrapper .info-title {
   font: 400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;
   color: var(--compare-card-title-text-color);
-  margin-bottom: 1rem;
 }
 
 .bullet-points-wrapper {

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.js

@@ -263,7 +263,7 @@ export class TetCompareCard {
                 'price-wrapper': true,
                 'price-wrap': this.options.priceWrap,
                 'price-flex-column': this.priceShownVertically
-            } }, h("div", { class: "price-container" }, this.options.pricePrefix && h("div", { class: "price-prefix", innerHTML: this.options.pricePrefix }), h("div", { class: "new-price translation-none" }, parseFloat(this.options.price.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "currency" }, h("span", null, this.options.currency), this.renderTooltip('priceInfo'))), this.options.oldPrice ? (h("div", { class: "old-price-container" }, h("div", { class: "old-price translation-none" }, parseFloat(this.options.oldPrice.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "old-currency" }, this.options.currency))) : (''), this.options.priceBadge ? h("div", { class: "price-badge" }, this.options.priceBadge) : '')) : (''), this.showHelper ? (h("div", { class: "helper" }, this.options.term ? h("div", { class: "term" }, this.options.term) : '', this.options.termText ? h("div", { class: "term-text", innerHTML: this.options.termText }) : '', h("span", { innerHTML: this.options.helper }))) : (''), this.isNetflixCard && this.options.selectOptions !== undefined ? (h("div", { class: "select" }, h("tet-dropdown", { id: "dropdown", class: "cards-dropdown", theme: this.darkMode ? 'dark' : 'light', "button-label": "", "label-logo": this.options.selectOptions[0].labelLogo, "label-right": this.options.selectOptions[0].labelRight, "label-right-color": this.options.selectOptions[0].labelRightColor, "close-on-selection": true, options: this.options.selectOptions, "flex-layout": true }))) : ('')), h("div", { class: "button-wrapper" }, this.renderButton(), h("div", { class: "description-wrapper js-resize-divide-slot" }, h("slot", { name: "description-slot" })), this.options.secondaryLink && this.options.secondaryLinkText && (h("div", { class: {
+            } }, h("div", { class: "price-container" }, this.options.pricePrefix && h("div", { class: "price-prefix", innerHTML: this.options.pricePrefix }), h("div", { class: "new-price translation-none" }, parseFloat(this.options.price.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "currency" }, h("span", null, this.options.currency), this.renderTooltip('priceInfo'))), this.options.oldPrice ? (h("div", { class: "old-price-container" }, h("div", { class: "old-price translation-none" }, parseFloat(this.options.oldPrice.replace(',', '.')).toFixed(2).replace('.', ',')), h("div", { class: "old-currency" }, this.options.currency))) : (''), this.options.priceBadge ? h("div", { class: "price-badge" }, this.options.priceBadge) : '', h("div", { class: "price-information-wrapper" }, h("slot", { name: "price-information-slot" })))) : (''), this.showHelper ? (h("div", { class: "helper" }, this.options.term ? h("div", { class: "term" }, this.options.term) : '', this.options.termText ? h("div", { class: "term-text", innerHTML: this.options.termText }) : '', h("span", { innerHTML: this.options.helper }))) : (''), this.isNetflixCard && this.options.selectOptions !== undefined ? (h("div", { class: "select" }, h("tet-dropdown", { id: "dropdown", class: "cards-dropdown", theme: this.darkMode ? 'dark' : 'light', "button-label": "", "label-logo": this.options.selectOptions[0].labelLogo, "label-right": this.options.selectOptions[0].labelRight, "label-right-color": this.options.selectOptions[0].labelRightColor, "close-on-selection": true, options: this.options.selectOptions, "flex-layout": true }))) : ('')), h("div", { class: "button-wrapper" }, this.renderButton(), h("div", { class: "description-wrapper js-resize-divide-slot" }, h("slot", { name: "description-slot" })), this.options.secondaryLink && this.options.secondaryLinkText && (h("div", { class: {
                 'secondary-link': true,
                 [`${this.secondaryLinkPosition}`]: true
             } }, this.options.secondaryLinkOpenBlank ? (h("a", { target: "_blank", href: this.options.secondaryLink }, this.options.secondaryLinkText)) : (h("a", { href: this.options.secondaryLink }, this.options.secondaryLinkText))))), this.showBulletPoints && this.options.bulletPointPositionBottom ? (h("div", { class: "bullet-points-wrapper bottom" }, (_d = (_c = this.options) === null || _c === void 0 ? void 0 : _c.bulletPoints) === null || _d === void 0 ? void 0 : _d.map((bulletpoint) => (h("div", { class: "bullet-point" }, h("tet-icon", { class: "icon", name: "check-circle" }), h("div", { innerHTML: bulletpoint })))))) : ('')), this.cardScript ? h("link", { href: this.cardScript, rel: "stylesheet", type: "text/css" }) : '', h("div", { class: "data-hidden" }, h("div", { "data-attribute": "hero-title" }, this.options.heroTitle ? this.options.heroTitle : ''), h("div", { "data-attribute": "main-title" }, this.options.mainTitle ? this.options.mainTitle : ''), h("div", { "data-attribute": "sub-title" }, this.options.subTitle ? this.options.subTitle : ''), h("div", { "data-attribute": "price" }, this.options.price ? this.formatPrice(this.options.price) : ''), h("div", { "data-attribute": "old-price" }, this.options.oldPrice ? this.formatPrice(this.options.oldPrice) : ''), h("div", { "data-attribute": "term" }, this.options.term ? this.options.term : ''), h("div", { "data-attribute": "term-text" }, this.options.termText ? this.options.termText : ''), h("div", { "data-attribute": "helper" }, this.options.helper ? this.options.helper : ''), h("div", { "data-attribute": "description" }, h("slot", { name: "description-slot" })), h("div", { "data-attribute": "custom-slot" }, h("slot", { name: "custom-slot" })), this.showBulletPoints ? (h("div", { "data-attribute": "bullet-points" }, (_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.bulletPoints) === null || _f === void 0 ? void 0 : _f.map((bulletpoint) => (h("div", null, bulletpoint))))) : (''), h("div", { "data-attribute": "divided-information" }, h("slot", { name: "divided-information-slot" })), this.options.pricePrefix ?

package/dist/components/{p-bd08528f.js → p-449584b0.js}

@@ -6,7 +6,7 @@ import { g as generateFormUrl } from './p-6e631dc7.js';
 import { d as defineCustomElement$a } from './p-8b72aca4.js';
 import { d as defineCustomElement$9 } from './p-affe13a1.js';
 import { d as defineCustomElement$8 } from './p-5af39094.js';
-import { d as defineCustomElement$7 } from './p-6651bfbc.js';
+import { d as defineCustomElement$7 } from './p-7244ee91.js';
 import { d as defineCustomElement$6 } from './p-f12bd355.js';
 import { d as defineCustomElement$5 } from './p-d7ee107e.js';
 import { d as defineCustomElement$4 } from './p-41bb5fa4.js';