https://www.aspiga.com/cdn/shop/t/690/assets/component-SectionHeader.min.js?v=133542371303133812051783330774

1// !!!! - DO NOT MODIFY - !!!!
2// THIS FILE IS DEPLOYED AUTOMATICALLY BY MATTv2.
3//
4//  Deployment info:
5//    Updated at:     2026-07-06T09:32:30+00:00
6//    Cause:          Manual deployment.
7//    Deployment ID:  192624
8//    Project:        559
9//    Environment:    5442 - master
10//    MD5:            763619af32fb89747e98a782357e2490
11//    Signature:      eyJpdiI6ImhSbUxXWUFmbFc5VzR4SjRxWktxOHc9PSIsInZhbHVlIjoiRFY1MHluYmw4c3N2c3NmdnpXVzNKT3dWWlpHaHBRVWM3SmdKQkZyNkxiMlRSRGd5Ukk5aUIwSVFQcFRtSXZrYWFBYVZLckhyRGpyTTBhZ25OSzg2QlNKaHpZQzI3YmhPM29Gemo0blk4bkkrUmFGQlNIRXVsZGhBNXM1ZE1pWm12K05jTXFOdXZuTEtEbXdLd25kblhDWWxoaUtxRzlCa0ZFNUhBWEVNdkZqckhod0t4ZzlxYTdjcGtoWEwxV2NRZkt5WTFRSU9YUEZNWnc1SlZ0NExHbVM0dnRFaVl3TSs4eGdnS1VrOVFXZlV5SEl6VkdleFZDTVpqNCsxb2s5TWhWOVVyT25zRUNFM1hKZWpHYzNmdWdzKzhBRmVsOHYxVXdPNU9tOUhTMUd1NUhyc0g5eHZLVUNtSGYzTFVoN050XC8wVGE2a2pBNFFXV0taXC84RCtaSXQzOHU3NGZkdHo4d2RcL0lMRTQ4QnFUWktKUE9TNGRPQ0R0cldNcnNWeDk0VWptbytOajZBZExPR1dWUHUzYzNFNkdIbUxNbmhwZWFGTnNDWElXRnB3QT0iLCJtYWMiOiJmYzE5NzQ1ODYxN2NmZjk0YWQwNTI0NjM1OTI1M2RhOTI5MTJkY2MyYTIxNWU5MjAzNjY5YzkxNDczOTA2NzY0In0=
12import "./component-SectionHeaderTabs.min.js";
13import { Ref, Component } from "./vendor.min.js";
14import { ThemeComponent } from "./theme.min.js";
15var __defProp = Object.defineProperty;
16var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
17var __decorateClass = (decorators, target, key, kind) => {
18  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
19  for (var i = decorators.length - 1, decorator; i >= 0; i--)
20    if (decorator = decorators[i])
21      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
22  if (kind && result)
23    __defProp(target, key, result);
24  return result;
25};
26let SectionHeader = class extends ThemeComponent {
27};
28__decorateClass([
29  Ref({ required: false }),
30  Reflect.metadata("design:type", Object)
31], SectionHeader.prototype, "sectionHeaderTabs", 2);
32__decorateClass([
33  Ref({ required: false }),
34  Reflect.metadata("design:type", Object)
35], SectionHeader.prototype, "cta", 2);
36SectionHeader = __decorateClass([
37  Component
38], SectionHeader);
39window.componentService.registerComponent("SectionHeader/SectionHeader.ts", { SectionHeader }, void 0);
40
41;(() => {
42    const style = document.createElement('style');
43    style.innerHTML =`/* component-SectionHeader.css */ 
44/* ---------------------------------------------
45    Variables
46--------------------------------------------- */
47/*
48    Convert a px value to rem,
49    using the $base-font-size variable
50 */
51.hidden {
52    display: none !important;
53  }
54.visibility-hidden {
55    visibility: hidden;
56    opacity: 0;
57    pointer-events: none;
58  }
59.section-header {
60  margin-bottom: var(--spacing-24);
61  -ms-flex-wrap: wrap;
62      flex-wrap: wrap;
63}
64.section-header.no-margin {
65  margin-bottom: 0;
66}
67.section-header__text {
68  max-width: 50rem;
69}
70.section-header__navigation {
71  -ms-flex-negative: 0;
72      flex-shrink: 0;
73  margin-left: auto;
74}
75.section-header__tabs {
76  width: 100%;
77}
78.section-header__cta {
79  min-width: -webkit-max-content;
80  min-width: -moz-max-content;
81  min-width: max-content;
82}
83@media (min-width: 320px) {
84  .hidden-above-small-mobile {
85    display: none !important;
86  }
87}
88@media (min-width: 480px) {
89  .hidden-above-mobile {
90    display: none !important;
91  }
92}
93@media (min-width: 600px) {
94  .hidden-above-large-mobile {
95    display: none !important;
96  }
97}
98@media (min-width: 768px) {
99  .hidden-above-tablet {
100    display: none !important;
101  }
102}
103@media (min-width: 1024px) {
104  .hidden-above-small-desktop {
105    display: none !important;
106  }
107  .section-header {
108    margin-bottom: var(--spacing-32);
109  }
110  .section-header.no-margin {
111    margin-bottom: 0;
112  }
113  .section-header:not(.section-header--tab-underline) {
114    -ms-flex-wrap: nowrap;
115        flex-wrap: nowrap;
116  }
117  .section-header__tabs {
118    width: auto;
119    margin-left: auto;
120  }
121  .section-header--tab-underline .section-header__tabs {
122    width: 100%;
123    margin-left: initial;
124    -webkit-box-ordinal-group: 4;
125        -ms-flex-order: 3;
126            order: 3;
127  }
128}
129@media (min-width: 1200px) {
130  .hidden-above-medium-desktop {
131    display: none !important;
132  }
133}
134@media (min-width: 1440px) {
135  .hidden-above-large-desktop {
136    display: none !important;
137  }
138}
139@media (max-width: calc(1024px - 1px)) {
140  .hidden-below-small-desktop {
141    display: none !important;
142  }
143}
144@media (max-width: calc(768px - 1px)) {
145  .hidden-below-tablet {
146    display: none !important;
147  }
148}`;
149    document.body.appendChild(style);
150})();