@tet/tet-components 1.3.146-testing → 1.3.147-testing

package/dist/collection/collection-manifest.json

@@ -84,6 +84,7 @@
     "components/simple/text-blocks/tet-tooltip/tet-tooltip.js",
     "components/views/tet-address-offers-view/tet-address-offers-view.js",
     "components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js",
+    "components/views/tet-b2b-configurator/tet-b2b-configurator.js",
     "components/views/tet-b2b-service-calculator/tet-b2b-service-calculator.js",
     "components/views/tet-business-lines/tet-business-lines.js",
     "components/views/tet-cloud-configurator/tet-cloud-configurator.js",

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

@@ -35,7 +35,6 @@ describe('tet-b2b-compare-card', () => {
             components-b2b-configurator-best-choice
           </div>
           <div 
-            aria-controls="details-BUSINESS_M365_PACKAGE_BASIC" 
             aria-labelledby="title-BUSINESS_M365_PACKAGE_BASIC" 
             class="card light" role="button" 
             tabindex="0"

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

@@ -11,8 +11,8 @@ export class TetB2bCompareCard {
          * @private Initializes localCount based on options.counterOptions.defaultValue or defaults to 1.
          */
         this.initCount = () => {
-            var _a, _b;
-            this.localCount = (_b = (_a = this.options.counterOptions) === null || _a === void 0 ? void 0 : _a.defaultValue) !== null && _b !== void 0 ? _b : 1;
+            var _a, _b, _c;
+            this.localCount = (_c = (_a = this.count) !== null && _a !== void 0 ? _a : (_b = this.options.counterOptions) === null || _b === void 0 ? void 0 : _b.defaultValue) !== null && _c !== void 0 ? _c : 1;
         };
         /**
          * @private Updates localCount and emits the countChange event.
@@ -127,15 +127,15 @@ export class TetB2bCompareCard {
         const oldTotal = (localCount * price).toFixed(2);
         const detailsId = `details-${options.id}`;
         const titleId = `title-${options.id}`;
-        return (h(Host, { key: '8be00b3e195488dcf5ab2638a654c726edb34d81' }, h("div", { key: '85349a9ccfc3baa58f52d26a5ace75067c861e06', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'e93e8f95faab316e40e02e12527d2d1eca40d92e', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", { key: '2e1a6a88630ad3f45d5e13a0bb77bda5db2cfb69', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected, "aria-controls": detailsId, "aria-labelledby": titleId }, h("section", { key: '06f8e512870590fb30d1e1c0636bc773401c0fa9', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: 'e77d135744e8a57f8b625c16957d837c0c1a087f', class: "offer__header" }, h("div", { key: '399581bff20847717cc47206b66c444b4ac2bb64', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: 'd32baae6bbe6dae595f1e9db6777f49e84aa4e2a', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("p", { key: '6d4fc959ecb935058d0548c30482244436518cab', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice, h("span", { key: '1337c748d526ad445075a7845f70d481883300b7', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', priceSuffix))), h("p", { key: 'fe9ed997e63e6dee9687911b8de3f54a52fb2787', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '77f9915504501b4ed683b2a35ca3eb89558c99e1', class: "divider divider--slim" }), h("tet-text-list", { key: '26ad5c6cbe48195d781295872ad8f9d8c196d25f', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '84d4ff7e3dfd005a58d6b312fbaffc230aab6323', class: "offer__contract-link" }, h("a", { key: 'd2924f59352ae50e5ad287950ab015f1709c6479', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: 'f6c690394721e1d0ef1b18a5b49c0d6b86900ae9', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
-            h("hr", { key: '45418db42d25b0693f045784ece9925d83c7a74d', class: "divider" }),
-            h("section", { key: 'ab0349fa65edc88a6f2489802f84616ff6c4ba2a', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: '9c3b27010afa9cc8e99cf6a22fa10d9f1c0f6f2e', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: '763e99615332ac5c7c1910085f3c05e7bd4c5b70' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: '38e5552dae35a251321301aba4b13fe69b36023f', class: "details__total", "aria-live": "polite" }, h("span", { key: '0a4548709ae195ff178501b1f16b981090446a66', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("span", { key: '1d2a3f826fddfc900eb72b3a00492e0e50cd62cf', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: '23ea35b3c9d173f65d4750b09d149dac21b1f86a', class: "divider" }), h("div", { key: '320021adf1b330b762d61e79839b157c0c85cb9c', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: '2384a54828953983edf1c48abcc255f9ddf13c28', class: "details__quantity-control" }, options.counterOptions && [
-                h("span", { key: '78520d128020c27a69a21f9f3d7d7bcc4628f93f', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
-                h("tet-stepper-input", { key: '27afd770a00535277f405e067100a8bca6d32a13', class: {
+        return (h(Host, { key: 'fb55819189417025a6ff7b17d927e82c0884bdab' }, h("div", { key: '01f724dcd984957286c3f4bbcd648c5a6cf5ac2d', class: { card__wrapper: isBestChoice } }, isBestChoice && (h("div", { key: 'bbfe753f9cda625a3722f92037dcfed2f71d69fd', class: { 'card__badge': true, 'card__badge--is-tablet': this.isTablet } }, t('components-b2b-configurator-best-choice'))), h("div", Object.assign({ key: 'aa3ccc968da6e0c1c4d02dc707fa1fbb812f900a', class: { 'card': true, [`${this.theme}`]: true, 'card--selected': !!this.count || localIsSelected }, onClick: this.handleSelect, onKeyDown: a11yBtnClick, tabindex: 0, role: "button", "aria-expanded": localIsSelected }, (localIsSelected ? { 'aria-controls': detailsId } : {}), { "aria-labelledby": titleId }), h("section", { key: '7476d69d4f4420e2e7b7cefcdcf6bebac2f25a4b', class: { 'offer': true, 'offer--is-tablet': this.isTablet } }, h("div", { key: '5f87e22fad55417f0e24146452ee8f32c97c0bc7', class: "offer__header" }, h("div", { key: 'e43787318e1614bc0e77e3a0ef2623a9cf719763', class: { 'offer__top-info': true, 'offer__top-info--is-tablet': this.isTablet } }, h("h3", { key: '4e2b8e30f85bc06d7a6d5b3e4daec545371b78d2', id: titleId, class: { 'offer__title': true, 'offer__title--is-tablet': this.isTablet } }, title), h("p", { key: '5e0c24d0241c18265d8da5749e898593129a4704', class: { 'offer__price': true, 'offer__price--is-tablet': this.isTablet } }, currentPrice.toFixed(2), h("span", { key: '15bc9de1a1901e014f5a12a85459b73f563074e5', class: { 'offer__price-suffix': true, 'offer__price-suffix--is-tablet': this.isTablet } }, ' ', priceSuffix))), h("p", { key: '1041721fb0184c6aaaaed79b4342cd5cbf4e0017', class: { 'offer__subtitle': true, 'offer__subtitle--is-tablet': this.isTablet } }, subtitle)), h("hr", { key: '06f9409be9d38b1ad78fcc53955b7d2442bca705', class: "divider divider--slim" }), h("tet-text-list", { key: '62e1134e4c2b81b9fe7fa63ee9e1b8361bc02bba', class: "offer__benefits", withIcon: true, listIcon: "tc-check", theme: this.theme }, benefits.map((benefit) => (h("span", null, benefit)))), contract && (h("div", { key: '198033d65a045b5f86a7cf19af61c561878e75c4', class: "offer__contract-link" }, h("a", { key: 'fdadb062000c966fb74448598a64168e74f9ef3c', class: { 'tet-link': true, [`${this.theme}`]: true }, href: contract, target: "_blank", rel: "noopener noreferrer" }, t('components-b2b-configurator-contract-link-label'), h("span", { key: '4fe62cfffacffb72ae643c178467d68377ede1e8', class: "sr-only" }, t('components-a11y-open-link-in-new-window')))))), localIsSelected && [
+            h("hr", { key: 'a64e7735051ebaf4d71615424c27efa9e1522d09', class: "divider" }),
+            h("section", { key: 'bd9b08db0cedb3b7db817a2e47f22e0f9db2cefd', id: detailsId, role: "region", "aria-labelledby": titleId, class: { 'details': true, 'details--is-tablet': this.isTablet } }, h("div", { key: '071fbab6effb78d29ff61085bf186a56cc8c36d8', class: { 'details__price-block': true, 'details__price-block--is-tablet': this.isTablet } }, h("span", { key: 'fa3ad81e00ee95f40e5b4911c4e6ad5cd9f3018d' }, t('components-b2b-configurator-monthly-payment')), h("div", { key: 'a4df44748dfb186c8856a86a6c7f94717cd4ca8f', class: "details__total", "aria-live": "polite" }, h("span", { key: '708ba62b224b9bb6ea8b9694d2323d62b4eb1c88', class: "details__total--current" }, currentTotal, " ", priceSuffix), discountPrice != null && discountPrice < price && (h("span", { key: '96eff36c03696428121d24dc15425abf2df4bd63', class: "details__total--original" }, oldTotal, " ", priceSuffix)))), h("hr", { key: 'dbaa718231ffe98e0d682d80d6219c5e9766c69c', class: "divider" }), h("div", { key: 'e0f6274142eda6333e2f4d73bc27a163c60da851', class: { 'details__actions': true, 'details__actions--is-tablet': this.isTablet } }, h("div", { key: '352a4b8dfd2e9e21bc8cbe715cae8ed323000517', class: "details__quantity-control" }, options.counterOptions && [
+                h("span", { key: 'd76ffb6018acad5bb3ad809a578bb0a7870e0eb9', id: `qty-label-${options.id}`, class: "details__quantity-label" }, t(options.counterOptions.label)),
+                h("tet-stepper-input", { key: '8cd79acb5ccae250696a99322b4889d0859ec990', class: {
                         'details__quantity-counter': true,
                         'details__quantity-counter--is-tablet': this.isTablet
                     }, onInputValueChanged: this.handleCounterValueChange, value: localCount, min: options.counterOptions.minValue, max: options.counterOptions.maxValue, step: 1, theme: this.theme, accessibilityLabel: t(options.counterOptions.label), "aria-labelledby": `qty-label-${options.id}` })
-            ]), h("tet-button", { key: '1229641e84560ebae43a821f27bbfd0ff681c4dd', class: "details__submit-button", onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
+            ]), h("tet-button", { key: 'b489683309f7d85209216d267a086d05e3e89832', class: "details__submit-button", onClick: this.added ? this.handleRemove : this.handleAdd, size: "medium", type: this.added ? 'secondary' : 'primary', theme: this.theme, iconName: this.added ? 'tc-trash' : 'tc-cart-outline', iconPosition: "left" }, this.added
                 ? t('components-b2b-configurator-remove-from-basket')
                 : t('components-b2b-configurator-add-to-basket'))))
         ]))));

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

@@ -359,6 +359,7 @@
   display: flex;
   flex-direction: column;
   padding: 1rem 1rem 0 1rem;
+  background-color: var(--tet-business-summary-card-background-color);
   border: 0.03125rem solid var(--tet-business-summary-card-border-color);
   border-radius: 0.375rem;
   width: 100%;
@@ -468,6 +469,11 @@
   font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
   padding: 0 0.25rem 0.25rem 0.25rem;
 }
+@media screen and (min-width: 64rem) {
+  .stepper-label {
+    display: none;
+  }
+}
 
 .content-wrapper {
   display: flex;
@@ -480,6 +486,7 @@
   font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
 }
 .content-wrapper .description.price {
+  align-self: end;
   text-decoration-line: line-through;
 }
 @media only screen and (max-width: 22.5rem) {

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

@@ -24,7 +24,7 @@ export class TetBusinessSummaryCardComponent {
             }
             return (h("div", { class: "stepper-wrapper" }, this.renderLabel(false), h("tet-stepper-input", { class: "business-summary-card__stepper", theme: theme, value: value, step: 1, min: minValue, max: maxValue, onInputValueChanged: (e) => {
                     this.value = e.detail;
-                    this.amountChange.emit(e);
+                    this.amountChange.emit(e.detail);
                 } })));
         };
         /** Render Edit or Delete Icon Button */
@@ -47,6 +47,7 @@ export class TetBusinessSummaryCardComponent {
         this.minValue = undefined;
         this.maxValue = undefined;
         this.stepperLabel = undefined;
+        this.context = 'edit';
         this.language = 'lv';
     }
     async componentWillLoad() {
@@ -55,7 +56,12 @@ export class TetBusinessSummaryCardComponent {
     /** Return functional Component */
     render() {
         const { productName, price, productDescription, discountPrice, currency, contractTerm, theme } = this;
-        return (h("div", { key: 'c7c92be736090e0d7b5702045cda3f5dc784b2c9', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: 'b5899323a164f8484141a07b3d04636d5a7e18e1', class: "business-summary-card-content" }, h("div", { key: 'af2fc75db34cdd8833e22712dca27b1bc6822f69', class: "business-summary-card-content__left" }, h("div", { key: 'b9114bde0c949e321804bf33482b32ad697f5de9', class: "content-wrapper" }, h("span", { key: 'd3500b1342152862c46a142d410f4dfe64d2a2ac', class: "title" }, productName), h("span", { key: 'c57433c937da7b8c65a6f472cb0d2128080c3a6e', class: "description" }, productDescription))), h("div", { key: 'bcfc79eca402d9173c4e4cd5cd14a10d569152fc', class: "business-summary-card-content__right" }, h("div", { key: '46d73a513e4083173c824c55291eafda92af27e7', class: "content-wrapper" }, h("span", { key: '5d4d8554314ca980d3f229b062274e03a0af0ad0', class: "title" }, `${discountPrice || price} ${currency}`), !!discountPrice && (h("span", { key: '1140290797f6f2545f0e5950f269f5614bcb67f7', class: { description: true, price: !!discountPrice } }, `${price} ${currency}`))))), h("div", { key: 'c24af0be30e6ce0192bbcccb591b8e4e743f08c4', class: "business-summary-card-content" }, h("span", { key: '6d4ef2b56afd23636039420c1fba0e7a839fa106', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", contractTerm), this.renderLabel(true)), h("div", { key: 'bab7eacc4035bd1ed01dce2445216e5c8dae3688', class: "business-summary-card-content" }, h("div", { key: '8013600fa979a22191aa18ee617810576bf99eb7', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: '5c31eb0aa9674294b5e8139be678dd16255024bc', class: "business-summary-card-content__right" }, h("div", { key: 'bea910fe9f206b186b2f31a4028e981fae5f1ff2', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
+        const termWithUnit = !contractTerm
+            ? t('components-term-month-indefinite')
+            : t(`components-term-month-${contractTerm % 10 === 1 && contractTerm !== 11 ? 'single' : 'plural'}`, {
+                term: contractTerm
+            });
+        return (h("div", { key: 'c25cd7e9a6eed0575af9f283f21c830b47ce7b57', class: { 'business-summary-card': true, [`theme-${theme}`]: true } }, h("div", { key: '84c17b2a4c7b7e7840d3815f5da5292a9692a49a', class: "business-summary-card-content" }, h("div", { key: '4d34ada146d7d347ee2db00e2b7d6e332205648e', class: "business-summary-card-content__left" }, h("div", { key: '17629a70af7e6751433a012860bff790c5f1e4ff', class: "content-wrapper" }, h("span", { key: 'c1408450f109a9f4f289389966af717f01d1aa59', class: "title" }, productName), h("span", { key: '4b160e0f59d16c4572eb0a71ae72d6d1f425530c', class: "description" }, productDescription))), h("div", { key: '9cee63b30c134afebbb3867b3a890db0844b24cf', class: "business-summary-card-content__right" }, h("div", { key: 'e17c4fa7fa6ddd93078d979a5d640400c696dbfa', class: "content-wrapper" }, h("span", { key: '078d0399a8823d004e2bf0d208510b9e4fe58cf2', class: "title" }, `${(discountPrice || price).toFixed(2)} ${currency}`), !!discountPrice && (h("span", { key: '5fc63b4bfc65a7889bf7507c92859c92ebc84040', class: { description: true, price: !!discountPrice } }, `${price.toFixed(2)} ${currency}`))))), h("div", { key: 'ad03d094cdbe03aecf29ade0cd91622aaa443011', class: "business-summary-card-content" }, h("span", { key: 'c49611607496937724dab73e8d2545559d5b102b', class: "contract-term" }, t('components-offers-contract-terms-label'), ": ", termWithUnit), this.context === 'checkout' && this.renderLabel(true)), this.context === 'edit' && h("div", { key: 'd7c3805517997241b883fcd664d2241d547e2404', class: "business-summary-card-content" }, h("div", { key: '10fa4c0dc453e1d9bf19203792cc5e1e0e0470cb', class: "business-summary-card-content__left" }, this.renderStepper()), h("div", { key: '43f737f7999def37d6c868d0bd276ba2a34fc9f9', class: "business-summary-card-content__right" }, h("div", { key: 'b6dd8432822b3c74b4a3a3c2b7558f4d723c89da', class: "button-wrapper" }, this.renderIconButton('tc-edit-box'), this.renderIconButton('tc-trash-can'))))));
     }
     static get is() { return "tet-business-summary-card"; }
     static get encapsulation() { return "shadow"; }
@@ -157,11 +163,11 @@ export class TetBusinessSummaryCardComponent {
                 "reflect": false
             },
             "contractTerm": {
-                "type": "string",
+                "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "number",
+                    "resolved": "number",
                     "references": {}
                 },
                 "required": false,
@@ -277,6 +283,24 @@ export class TetBusinessSummaryCardComponent {
                 "attribute": "stepper-label",
                 "reflect": false
             },
+            "context": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'edit' | 'checkout'",
+                    "resolved": "\"checkout\" | \"edit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Context in which cart is renderd. `edit` will result in more details"
+                },
+                "attribute": "context",
+                "reflect": false,
+                "defaultValue": "'edit'"
+            },
             "language": {
                 "type": "string",
                 "mutable": false,
@@ -345,8 +369,8 @@ export class TetBusinessSummaryCardComponent {
                     "text": "Emit event when amount of products changed"
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "number",
+                    "resolved": "number",
                     "references": {}
                 }
             }];

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

@@ -7112,6 +7112,7 @@
   --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
   --tc-text-link-dark: var(--tc-blue-40-dark);
+  --tc-text-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-background-primary-dark: var(--tc-grey-00-dark);
   --tc-background-secondary-dark: var(--tc-grey-10-dark);
   --tc-background-tertiary-dark: var(--tc-grey-20-dark);

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

@@ -7112,6 +7112,7 @@
   --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
   --tc-text-link-dark: var(--tc-blue-40-dark);
+  --tc-text-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-background-primary-dark: var(--tc-grey-00-dark);
   --tc-background-secondary-dark: var(--tc-grey-10-dark);
   --tc-background-tertiary-dark: var(--tc-grey-20-dark);

package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.css

@@ -414,8 +414,6 @@
 .modal-form-card-content-accordion-wrapper {
   border: 1px solid var(--b2b-check-out-form-accordion-border-color);
   border-radius: 1rem;
-  background-color: var(--b2b-check-out-form-accordion-background-color);
-  padding: 1.5rem;
 }
 .modal-form-card-content-checkbox {
   --tet-link-color: var(--b2b-check-out-form-text-color);

package/dist/collection/components/advanced/forms/tet-b2b-check-out-form/tet-b2b-check-out-form.js

@@ -17,10 +17,13 @@ export class TetAvailabilityContactForm {
         processTranslations('tet-components', language).then(() => forceUpdate(this));
     }
     /** Method to open check out form */
-    /** Method to open check out form */
     async open() {
         await this.dialogElement.open();
     }
+    /** Method to close check out form */
+    async close() {
+        await this.dialogElement.close();
+    }
     /**
      * Lifecycle method.
      */
@@ -106,11 +109,11 @@ export class TetAvailabilityContactForm {
     }
     render() {
         const { theme } = this;
-        return (h("tet-dialog", { key: '625a2ce1c2fea9989928bd28152bc82361c51415', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), isOpen: true, theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
+        return (h("tet-dialog", { key: 'afc8685139afa64194e3d2cb25b18d84ff3ad67a', class: "modal-form-card", headerTitle: t('components-b2b-check-out-form-header'), theme: theme, closeOnOverlayClick: false, footerDisplay: "right", ref: (el) => {
                 this.dialogElement = el;
-            } }, h("div", { key: '7d2835b974036f7ccd96b9023b65ca5b24f52c36', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: '2a4108f8754926f29b8a95bbee90b3b932bfb765', class: "modal-form-card-content-header" }, h("div", { key: '550a049b61a1a73da0a95abffff491999ae0bf2c', class: "icon-wrapper" }, h("tet-icon", { key: 'ff6f639a24995a781ff69cca5f002c3b9e6769dc', class: "icon", name: "tc-company-1" })), h("span", { key: '7360e74b5031ebb57a38150436464bd2f173b552', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '5533826b9de6c733e5e5db6e3b071991ea9836de', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'ce30106966dab043ed0c413b598cd997847386c1', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '13f88a4745947b4d4080cb0200efce79097693f6', name: 'cart' })), h("form", { key: '31cab120f2affbeb55aa87d7096f2be77b2b2e72', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '373f441cd918c771e5ed69d45d78bb6b0b7e93f4', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: '009164222b176cd5dc1ef5979066d3b172a403c8', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: 'd2dd9e4dda4ef46b7e7fa781433e710c9fff0305', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }))), h("div", { key: '6998bb68a9093aa5d651e3c188628b4b2049e2f9', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '79e85571651f2b9638d61c7b55d6da22a8c0409c', type: "secondary", size: "medium", theme: theme, onClick: () => {
+            } }, h("div", { key: 'eff2cd2ed86e20aef326bc30d38895bb277bd5e6', class: { 'modal-form-card-content': true, [`${theme}`]: true } }, h("div", { key: 'f5c323d4ad25b2b69fa63397b01e774f73c5f7e3', class: "modal-form-card-content-header" }, h("div", { key: '70a9baeec70a1ec1412765678fe82973c6728616', class: "icon-wrapper" }, h("tet-icon", { key: 'ba3c5485e259fc0fe399e462cef72aae4ae4b3ea', class: "icon", name: "tc-company-1" })), h("span", { key: '1be3f61365e4619725aa3c2673a2ac724c69dff5', class: "modal-form-card-content-header__title" }, t('components-b2b-check-out-form-title')), h("span", { key: '689ad9e4124e6974f60f9502fca4f1976f54fa7d', class: "modal-form-card-content-header__description" }, t('components-b2b-check-out-form-description'))), h("div", { key: 'bc9acd6b8d3ed737e772c33f261f66b533cef3a0', class: "modal-form-card-content-accordion-wrapper" }, h("slot", { key: '2512b5fdc525049a96e1f8de62408248df261c9f', name: 'cart' })), h("form", { key: '42c51bb0f454b6510f1dba1e82aef3ea1535b4c2', id: "checkOutForm", class: "modal-form-card-form", ref: (ref) => (this.checkOutForm = ref) }, h("div", { key: '4cfcdf10b7e5eba5af9b753373c146f94418944b', class: "modal-form-card-input__row" }, this.renderInput('companyRegNr', t('components-b2b-check-out-form-company-registration-number-input-label'), '40000000001'), this.renderInput('companyName', t('components-b2b-check-out-form-company-name-input-label'))), this.renderInput('address', t('components-b2b-check-out-form-address-input-label'), t('components-b2b-check-out-form-address-input-placeholder')), this.renderInput('nameSurname', t('components-b2b-check-out-form-name-input-label')), h("div", { key: '60788e463001f8f8721b1e72e286808857a20ea8', class: "modal-form-card-input__row" }, this.renderInput('email', t('components-b2b-check-out-form-email-input-label'), 'contact@company.com'), this.renderInput('phoneNr', t('components-b2b-check-out-form-phone-number-input-label'), '123456789', true)), h("tet-checkbox", { key: 'c1d00090ed1e971e91b957467fd543678b3074d8', class: "modal-form-card-content-checkbox", label: t('components-check-out-form-privacy-policy'), theme: theme }))), h("div", { key: '42dce382d71a25e5588b5b0c3caab5d6f9087c03', slot: "footer", class: "modal-form-card-footer" }, h("tet-button", { key: '93f57658be0b1b0a034cb5fb7321954babe72fbb', type: "secondary", size: "medium", theme: theme, onClick: () => {
                 this.dialogElement.close();
-            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '21446b2cb81d26ac6fcea843af2e4a232913e9d6', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
+            } }, t('components-b2b-check-out-form-close-button-label')), h("tet-button", { key: '6a09fbae279bfcc1b5aa9417bd7497e16ff25358', type: "primary", size: "medium", theme: theme, onClick: () => this.handleSubmit() }, t('components-b2b-check-out-form-submit-button-label')))));
     }
     static get is() { return "tet-b2b-check-out-form"; }
     static get encapsulation() { return "shadow"; }
@@ -199,6 +202,23 @@ export class TetAvailabilityContactForm {
                     "text": "Method to open check out form",
                     "tags": []
                 }
+            },
+            "close": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method to close check out form",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css

@@ -7113,6 +7113,7 @@
   --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
   --tc-text-link-dark: var(--tc-blue-40-dark);
+  --tc-text-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-background-primary-dark: var(--tc-grey-00-dark);
   --tc-background-secondary-dark: var(--tc-grey-10-dark);
   --tc-background-tertiary-dark: var(--tc-grey-20-dark);

package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.css

@@ -111,9 +111,9 @@
   display: flex;
   flex-direction: column;
   max-width: 20.5rem;
-  width: max-content;
+  width: 100%;
 }
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: 63.9375rem) {
   .business-navigation {
     flex-direction: row;
     gap: 0.5rem;
@@ -145,7 +145,7 @@
   --tet-business-navigation-item-hover-background-color: var(--tc-menu-item-hover-dark);
   --tet-business-navigation-item-active-background-color: var(--tc-menu-item-pressed-dark);
   --tet-business-navigation-item-selected-background-color: var(--tc-layer-inverse-primary-dark);
-  --tet-business-navigation-item-selected-item-color: var(--tc-text-inverse-primary-);
+  --tet-business-navigation-item-selected-item-color: var(--tc-text-inverse-primary-dark);
   --tet-business-navigation-item-selected-icon-color: var(--tc-layer-primary-dark);
   --tet-business-navigation-label-color: var(--tc-text-primary-dark);
 }
@@ -167,7 +167,17 @@
   background-color: var(--tet-business-navigation-item-background-color);
   cursor: pointer;
 }
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: 63.9375rem) {
+  .business-navigation-item:first-child {
+    margin-left: 1.5rem;
+  }
+}
+@media screen and (max-width: 63.9375rem) {
+  .business-navigation-item:last-child {
+    margin-right: 1.5rem;
+  }
+}
+@media screen and (max-width: 63.9375rem) {
   .business-navigation-item {
     display: inline-flex;
     padding: 0.375rem 0.75rem;
@@ -187,7 +197,7 @@
   --icon-size: 1.5rem;
   --icon-color: var(--tet-business-navigation-label-color);
 }
-@media screen and (max-width: 48rem) {
+@media screen and (max-width: 63.9375rem) {
   .business-navigation-item__icon {
     --icon-size: 1.25rem;
   }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.css

@@ -359,6 +359,8 @@
    * @prop --accordion-text-color: The color of the text.
    * @prop --accordion-border-bottom-width: The width of the bottom border of the accordion.
    * @prop --accordion-border-color: The color of the bottom border.
+   * @prop --accordion-header-font: Font of accordion header in tablet and larger resolutions
+   * @prop --accordion-header-mobile-font: Font of accordion header in mobile resolution
    */
   --accordion-animation-duration: 0.2s;
   --accordion-header-padding: 1.5rem 0;
@@ -371,6 +373,7 @@
   --accordion-break-point: 64rem;
   --accordion-outer-border: none;
   --accordion-header-font: 500 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif;
+  --accordion-header-mobile-font: 500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;
   --accordion-header-display: flex;
 }
 
@@ -403,11 +406,10 @@
   padding-bottom: var(--accordion-border-bottom-width);
 }
 .tet-accordion__header {
-  font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+  font: var(--accordion-header-mobile-font);
   padding: var(--accordion-header-mobile-padding);
   cursor: pointer;
   display: var(--accordion-header-display);
-  line-height: 1.5rem;
   width: 100%;
   border-radius: 0.125rem;
 }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -31,6 +31,7 @@ export class TetAccordion {
         this.header = '';
         this.headerImageSrc = '';
         this.headerImageAlt = '';
+        this.indicatorDirection = 'down';
         this.withBorder = false;
         this.withAutoScroll = false;
         this.breakpoint = 'tablet';
@@ -108,21 +109,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '93af25b751c375647eb3673e7aab363b1bd7c972' }, h("div", { key: '782024544ebac81f5bd31eb6a500e53de1cafffa', class: {
+        return (h(Host, { key: 'ae49c29cf618a2c6fb2f639120ba55265e8777b3' }, h("div", { key: '1cbb0732250f9c0c66d43470092e43544ab021d3', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: '0451dbea3ef15894ac95bec86d96f013fd54a05c', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: '6771b3db92f1530c2f781a938c7fff1bc171bdd5', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '305cbdcfa5d367be95940d3573e0a8613fe39d98', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: '52fdf914f99ac4975585063b18089de9bd55ca43', name: "chevron-down", class: {
+            } }, h("div", { key: '26c3058f903024a807a81c28ccd19c5ec20b6417', class: { "tet-accordion__header": true, [this.theme]: true }, onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, h("slot", { key: 'f2a50389bbdde83c7a35222ac2354ac4d83c2371', name: "header" }, this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'e91c42af9b23dc4d274a1748a1289ec3658f551b', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), h("tet-icon", { key: 'ab1041abee91e902f3c878b9b26330d49adf30cb', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } }))), h("div", { key: '3c51960b4c4eadda218eb02eb0deb09edd5f97c9', ref: (element) => (this.contentWrapperElement = element), class: {
+            } }))), h("div", { key: '3add22727ab604975ef74d9b6277357664c651ad', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: 'dca02521e71fc5769b14c48e76758f2359121917', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'fd54ea034bd15207b58d7f67f07c58bc30b1bcbe', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: '9d400fbffaaea4a08b8d6da791267bf600542fa0' }))))));
+            } }, h("slot", { key: 'a8d9afde6505201a8f223c09fbbfdadb233d36ed' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -228,6 +229,27 @@ export class TetAccordion {
                 "reflect": false,
                 "defaultValue": "''"
             },
+            "indicatorDirection": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'up' | 'down'",
+                    "resolved": "\"down\" | \"up\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "'down'"
+                        }],
+                    "text": "The direction of indicator icon"
+                },
+                "attribute": "indicator-direction",
+                "reflect": false,
+                "defaultValue": "'down'"
+            },
             "withBorder": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/views/tet-b2b-configurator/b2b-configurator.store.js

@@ -0,0 +1,47 @@
+import { createStore } from "@stencil/store";
+const { state, set, get } = createStore({
+    data: [],
+    cart: new Map(),
+    productDetails: new Map()
+});
+const initData = (data) => {
+    set('data', data);
+    const productDetails = new Map();
+    for (const category of data) {
+        for (const product of category.products) {
+            const { type: categoryType, name: categoryName, id: categoryId } = category;
+            const { name: { lv: name }, description: { lv: description }, amount, b2bConfiguratorProduct } = product;
+            productDetails.set(product.productCode, {
+                name,
+                description,
+                amount,
+                discountAmount: b2bConfiguratorProduct.discountAmount,
+                categoryType,
+                categoryName,
+                categoryId,
+                b2bConfiguratorProduct
+            });
+        }
+    }
+    set('productDetails', productDetails);
+};
+const addToCart = (product, count) => {
+    if (count < 0) {
+        return;
+    }
+    const newCart = new Map(state.cart);
+    newCart.set(product, count);
+    set('cart', newCart);
+};
+const removeFromCart = (product) => {
+    const newCart = new Map(state.cart);
+    newCart.delete(product);
+    set('cart', newCart);
+};
+const resetCart = () => {
+    set('cart', new Map());
+};
+const getCart = () => {
+    return Object.fromEntries(get('cart'));
+};
+export { state as b2bState, initData, addToCart, removeFromCart, resetCart, getCart };

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/test/tet-b2b-configurator-cart.spec.js

@@ -1,6 +1,15 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { TetB2bConfiguratorCart } from "../tet-b2b-configurator-cart";
 describe('tet-b2b-configurator-cart', () => {
+    beforeEach(() => {
+        const mockIntersectionObserver = jest.fn();
+        mockIntersectionObserver.mockReturnValue({
+            observe: () => null,
+            unobserve: () => null,
+            disconnect: () => null
+        });
+        global.IntersectionObserver = mockIntersectionObserver;
+    });
     it('renders', async () => {
         const page = await newSpecPage({
             components: [TetB2bConfiguratorCart],
@@ -16,7 +25,7 @@ describe('tet-b2b-configurator-cart', () => {
               isopen="" 
               theme="light" 
               transparentbackground="" 
-              withborder=""
+              indicatordirection="down" 
             >
               <div class="cart__title--edit">
                 components-b2b-cart-title