quirk-ui 0.0.500 → 0.0.502
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.
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index23.css.d.ts +14 -13
- package/dist/assets/index48.css +1 -1
- package/dist/assets/index48.css.d.ts +23 -23
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index8.css.d.ts +26 -26
- package/dist/core/components/Carousel/index.cjs +2 -2
- package/dist/core/components/Carousel/index.mjs +116 -104
- package/dist/core/components/Footer/index.cjs +1 -1
- package/dist/core/components/Footer/index.mjs +54 -54
- package/dist/next/blocks/FeaturedDocumentsBlock/index.cjs +1 -1
- package/dist/next/blocks/FeaturedDocumentsBlock/index.mjs +61 -60
- package/dist/styles.css +6 -6
- package/dist/styles.css.d.ts +63 -62
- package/package.json +1 -1
package/dist/assets/index23.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._carousel_1vwj4_1{width:100%;overflow-x:hidden}@media (max-width: 767px){._carousel_1vwj4_1{padding:0 var(--spacing-lg)}}._noPointerEvents_1vwj4_10 *{pointer-events:none!important}._trackContainer_1vwj4_14{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_1vwj4_14{overflow:visible}}._track_1vwj4_14{display:flex;transition:none;will-change:transform}._track_1vwj4_14._isMounted_1vwj4_28{transition:transform .3s ease}._page_1vwj4_33{display:flex;gap:var(--spacing-md);flex:1 1 auto}@media (max-width: 767px){._page_1vwj4_33{justify-content:center;padding:0 var(--spacing-sm)}}._page_1vwj4_33>div{box-sizing:border-box}._controls_1vwj4_48{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_1vwj4_59{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}@media (max-width: 767px){._indicators_1vwj4_59{gap:var(--spacing-sm)}}._indicator_1vwj4_59{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_1vwj4_59._active_1vwj4_80{background-color:var(--color-primary-100)}._buttons_1vwj4_84{display:flex;gap:var(--spacing-md)}._prev_1vwj4_89._disabled_1vwj4_89,._next_1vwj4_90._disabled_1vwj4_89{opacity:.5;pointer-events:none}._buttons_1vwj4_84 button:not(._disabled_1vwj4_89):hover{background-color:var(--color-primary-100);color:#fff}._prev_1vwj4_89,._next_1vwj4_90{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
2
|
+
readonly "_active_1vwj4_80": string;
|
|
3
|
+
readonly "_buttons_1vwj4_84": string;
|
|
4
|
+
readonly "_carousel_1vwj4_1": string;
|
|
5
|
+
readonly "_controls_1vwj4_48": string;
|
|
6
|
+
readonly "_disabled_1vwj4_89": string;
|
|
7
|
+
readonly "_indicator_1vwj4_59": string;
|
|
8
|
+
readonly "_indicators_1vwj4_59": string;
|
|
9
|
+
readonly "_isMounted_1vwj4_28": string;
|
|
10
|
+
readonly "_next_1vwj4_90": string;
|
|
11
|
+
readonly "_noPointerEvents_1vwj4_10": string;
|
|
12
|
+
readonly "_page_1vwj4_33": string;
|
|
13
|
+
readonly "_prev_1vwj4_89": string;
|
|
14
|
+
readonly "_trackContainer_1vwj4_14": string;
|
|
15
|
+
readonly "_track_1vwj4_14": string;
|
|
15
16
|
};
|
|
16
17
|
export = styles;
|
|
17
18
|
|
package/dist/assets/index48.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._footer_1fc6w_1{max-width:var(--layout-width);margin:0 auto;background-color:var(--color-background);padding:var(--spacing-xl) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}._container_1fc6w_10{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}._utilityImage_1fc6w_20{width:100%}._primaryNav_1fc6w_24{display:flex;gap:var(--spacing-xl)}@media (max-width: 767px){._primaryNav_1fc6w_24{width:100%;flex-direction:column-reverse}}._secondaryNav_1fc6w_34{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;width:100%;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}._secondaryNav_1fc6w_34 a:has(img){height:unset;background-color:transparent}._secondaryNav_1fc6w_34 a:has(img) img{width:auto;height:60px}._secondaryNav_1fc6w_34 a:has(img):hover{background-color:transparent}@media (max-width: 767px){._secondaryNav_1fc6w_34{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:0}._secondaryNav_1fc6w_34 nav{width:100%;display:flex;justify-content:center}}._details_1fc6w_71{flex-basis:200px;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 767px){._details_1fc6w_71{justify-content:center;align-items:center;text-align:center}}._nav_1fc6w_84{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);flex:1}._logo_1fc6w_92{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._logo_1fc6w_92 a{display:block}._logo_1fc6w_92 img{height:50px}._socialItems_1fc6w_107{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}._socialItems_1fc6w_107 ._group_1fc6w_114{flex:unset;min-width:unset}._socialItems_1fc6w_107 a{transition:color .3s ease-in-out;font-size:var(--font-size-xl)}._groups_1fc6w_124{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}._group_1fc6w_114{flex:.2;min-width:140px}._groupTitle_1fc6w_135{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._sublinks_1fc6w_144{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}._linkList_1fc6w_152{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;padding:0;margin:0}._link_1fc6w_152{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._link_1fc6w_152 ._newTabIcon_1fc6w_170{color:var(--color-secondary-75);transition:color .3s ease-in-out}._link_1fc6w_152:hover,._link_1fc6w_152:hover ._newTabIcon_1fc6w_170{color:var(--color-primary-100)}._bottom_1fc6w_184{text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 767px){._bottom_1fc6w_184{text-align:center}}._left_1fc6w_195 ._container_1fc6w_10{justify-content:flex-start}._left_1fc6w_195 ._logo_1fc6w_92{flex:unset}._left_1fc6w_195 ._nav_1fc6w_84{flex:1}@media (max-width: 767px){._left_1fc6w_195 ._logo_1fc6w_92{flex:1}}._center_1fc6w_215 ._nav_1fc6w_84{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity}._center_1fc6w_215 ._nav_1fc6w_84._hidden_1fc6w_221{transform:translateY(-100%);opacity:0;pointer-events:none}@media (min-width: 768px){._center_1fc6w_215 ._nav_1fc6w_84._visible_1fc6w_228{transform:translateY(0);opacity:1;pointer-events:auto}}@media (max-width: 767px){._center_1fc6w_215 ._logo_1fc6w_92{flex:1}}._right_1fc6w_243 ._container_1fc6w_10{justify-content:flex-end}._right_1fc6w_243 ._logo_1fc6w_92,._right_1fc6w_243 ._title_1fc6w_249{flex:1}._right_1fc6w_243 ._nav_1fc6w_84{flex:unset}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
18
|
-
readonly "
|
|
19
|
-
readonly "
|
|
20
|
-
readonly "
|
|
21
|
-
readonly "
|
|
22
|
-
readonly "
|
|
23
|
-
readonly "
|
|
24
|
-
readonly "
|
|
2
|
+
readonly "_bottom_1fc6w_184": string;
|
|
3
|
+
readonly "_center_1fc6w_215": string;
|
|
4
|
+
readonly "_container_1fc6w_10": string;
|
|
5
|
+
readonly "_details_1fc6w_71": string;
|
|
6
|
+
readonly "_footer_1fc6w_1": string;
|
|
7
|
+
readonly "_groupTitle_1fc6w_135": string;
|
|
8
|
+
readonly "_group_1fc6w_114": string;
|
|
9
|
+
readonly "_groups_1fc6w_124": string;
|
|
10
|
+
readonly "_hidden_1fc6w_221": string;
|
|
11
|
+
readonly "_left_1fc6w_195": string;
|
|
12
|
+
readonly "_linkList_1fc6w_152": string;
|
|
13
|
+
readonly "_link_1fc6w_152": string;
|
|
14
|
+
readonly "_logo_1fc6w_92": string;
|
|
15
|
+
readonly "_nav_1fc6w_84": string;
|
|
16
|
+
readonly "_newTabIcon_1fc6w_170": string;
|
|
17
|
+
readonly "_primaryNav_1fc6w_24": string;
|
|
18
|
+
readonly "_right_1fc6w_243": string;
|
|
19
|
+
readonly "_secondaryNav_1fc6w_34": string;
|
|
20
|
+
readonly "_socialItems_1fc6w_107": string;
|
|
21
|
+
readonly "_sublinks_1fc6w_144": string;
|
|
22
|
+
readonly "_title_1fc6w_249": string;
|
|
23
|
+
readonly "_utilityImage_1fc6w_20": string;
|
|
24
|
+
readonly "_visible_1fc6w_228": string;
|
|
25
25
|
};
|
|
26
26
|
export = styles;
|
|
27
27
|
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._featuredDocuments_17y80_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_17y80_7{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_17y80_7:has(._carousel_17y80_17){padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 767px){._container_17y80_7:has(._carousel_17y80_17){padding-left:0;padding-right:0}}@media (max-width: 767px){._container_17y80_7:has(._carousel_17y80_17) ._heading_17y80_25{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._heading_17y80_25{display:flex;flex-direction:column;gap:5rem;width:100%}@media (max-width: 767px){._heading_17y80_25{gap:2rem}}._flex_17y80_45{display:flex;align-items:center;justify-content:space-between}@media (max-width: 767px){._flex_17y80_45{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}._flex_17y80_45>div{flex:1}._flex_17y80_45 a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary-100);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .3s ease-in-out}._flex_17y80_45 a:hover{color:var(--color-secondary)}._title_17y80_75{flex:1;text-wrap:balance}._text_17y80_80{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_17y80_80{flex:1;width:100%;align-items:flex-start}}._disclaimer_17y80_94{color:var(--color-text-primary);font-size:var(--font-size-sm)}._carousel_17y80_17{display:block}._carousel_17y80_17 ._document_17y80_102{margin:0 auto;flex:0 0 100%}@media (max-width: 767px){._carousel_17y80_17 ._document_17y80_102{flex:0 0 300px}}._documents_17y80_119{display:grid;gap:var(--spacing-md)}._documents_17y80_119._col1_17y80_123{display:block}._documents_17y80_119._col1_17y80_123 ._document_17y80_102{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg)}@media (max-width: 767px){._documents_17y80_119._col1_17y80_123 ._document_17y80_102{flex-direction:column;gap:var(--spacing-md)}}._documents_17y80_119._col1_17y80_123 ._documentImage_17y80_139{flex:1}._documents_17y80_119._col1_17y80_123 ._documentContent_17y80_143{flex:.4}._documents_17y80_119._col2_17y80_148{grid-template-columns:repeat(2,1fr)}._documents_17y80_119._col2_17y80_148 ._document_17y80_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_17y80_119._col3_17y80_158{grid-template-columns:repeat(3,1fr)}._documents_17y80_119._col3_17y80_158 ._document_17y80_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_17y80_119._col4_17y80_168{grid-template-columns:repeat(4,1fr)}._documents_17y80_119._col4_17y80_168 ._document_17y80_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_17y80_119._featuredTop_17y80_178{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);row-gap:var(--spacing-xl)}@media (max-width: 767px){._documents_17y80_119._featuredTop_17y80_178{row-gap:var(--spacing-xl)}}._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:not(:first-of-type) ._documentExcerpt_17y80_188{display:none}@media (max-width: 767px){._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:not(:first-of-type) ._documentExcerpt_17y80_188{display:block}}._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:first-of-type{grid-column:1/4;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg)}@media (max-width: 767px){._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:first-of-type{flex-direction:column;gap:var(--spacing-md)}}._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:first-of-type ._documentContent_17y80_143{flex:.4}._documents_17y80_119._featuredLeft_17y80_218{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);column-gap:var(--spacing-xl)}@media (max-width: 767px){._documents_17y80_119._featuredLeft_17y80_218{column-gap:var(--spacing-md)}}._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type){flex-direction:row;gap:var(--spacing-md)}@media (max-width: 767px){._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type){flex-direction:column}}._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143{flex:1}@media (max-width: 767px){._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type) ._documentExcerpt_17y80_188{display:block}}._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:first-of-type{grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center}._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:first-of-type ._documentContent_17y80_143{flex:.4}._documents_17y80_119._twoColumn_17y80_259{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._documents_17y80_119._twoColumn_17y80_259 ._document_17y80_102{flex-direction:row;gap:var(--spacing-md);align-items:center}@media (max-width: 767px){._documents_17y80_119._col1_17y80_123,._documents_17y80_119._col2_17y80_148,._documents_17y80_119._col3_17y80_158,._documents_17y80_119._col4_17y80_168,._documents_17y80_119._featuredTop_17y80_178,._documents_17y80_119._featuredLeft_17y80_218,._documents_17y80_119._twoColumn_17y80_259{display:flex;flex-direction:column}._documents_17y80_119._col1_17y80_123 ._document_17y80_102:first-of-type,._documents_17y80_119._col1_17y80_123 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._col2_17y80_148 ._document_17y80_102:first-of-type,._documents_17y80_119._col2_17y80_148 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._col3_17y80_158 ._document_17y80_102:first-of-type,._documents_17y80_119._col3_17y80_158 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._col4_17y80_168 ._document_17y80_102:first-of-type,._documents_17y80_119._col4_17y80_168 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:first-of-type,._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:first-of-type,._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type),._documents_17y80_119._twoColumn_17y80_259 ._document_17y80_102:first-of-type,._documents_17y80_119._twoColumn_17y80_259 ._document_17y80_102:not(:first-of-type){flex-direction:column;gap:var(--spacing-md)}._documents_17y80_119._col1_17y80_123 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._col1_17y80_123 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._col2_17y80_148 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._col2_17y80_148 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._col3_17y80_158 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._col3_17y80_158 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._col4_17y80_168 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._col4_17y80_168 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._featuredTop_17y80_178 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._featuredLeft_17y80_218 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143,._documents_17y80_119._twoColumn_17y80_259 ._document_17y80_102:first-of-type ._documentContent_17y80_143,._documents_17y80_119._twoColumn_17y80_259 ._document_17y80_102:not(:first-of-type) ._documentContent_17y80_143{flex:1;width:100%}._documents_17y80_119._col1_17y80_123 ._documentImage_17y80_139,._documents_17y80_119._col2_17y80_148 ._documentImage_17y80_139,._documents_17y80_119._col3_17y80_158 ._documentImage_17y80_139,._documents_17y80_119._col4_17y80_168 ._documentImage_17y80_139,._documents_17y80_119._featuredTop_17y80_178 ._documentImage_17y80_139,._documents_17y80_119._featuredLeft_17y80_218 ._documentImage_17y80_139,._documents_17y80_119._twoColumn_17y80_259 ._documentImage_17y80_139{aspect-ratio:16/9;position:relative;width:100%}}@media (max-width: 767px){._documents_17y80_119{gap:var(--spacing-xl)}}._multiple_17y80_305 ._documents_17y80_119{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}._multiple_17y80_305 ._document_17y80_102{display:flex;flex-direction:column}._document_17y80_102{display:flex;text-decoration:none;overflow:hidden;transition:border-color .3s ease-in-out}._document_17y80_102:hover{border-color:var(--color-primary-100)}._document_17y80_102:hover ._documentImage_17y80_139 img{transform:scale(1.05)}._document_17y80_102:hover ._documentTitle_17y80_335 h3{color:var(--color-primary-100)}._document_17y80_102:hover ._callToAction_17y80_341 ._label_17y80_342{opacity:1;transform:translateY(0);color:#fff}._document_17y80_102:hover ._callToAction_17y80_341 ._icon_17y80_348{color:var(--color-primary-100)}._documentEyebrow_17y80_355{font-size:var(--font-size-sm);color:var(--color-secondary)}._documentImage_17y80_139{width:100%;height:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._documentImage_17y80_139 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._documentTitle_17y80_335{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}._documentContent_17y80_143{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;color:var(--color-text-primary)}._documentContent_17y80_143 h3{flex:1;font-size:var(--font-size-lg);margin-bottom:0;transition:color .3s ease-in-out}._documentContent_17y80_143 p{text-decoration:none}._callToAction_17y80_341{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}._callToAction_17y80_341 ._icon_17y80_348{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:transparent;color:var(--color-text-primary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_17y80_341 ._label_17y80_342{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.blog ._container_17y80_7{max-width:var(--blog-width)}
|
|
1
|
+
._featuredDocuments_5co7e_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_5co7e_7{width:100%;max-width:var(--layout-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_5co7e_7:has(._carousel_5co7e_17){padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 767px){._container_5co7e_7:has(._carousel_5co7e_17){padding-left:0;padding-right:0}}@media (max-width: 767px){._container_5co7e_7:has(._carousel_5co7e_17) ._heading_5co7e_25{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}._heading_5co7e_25{display:flex;flex-direction:column;gap:5rem;width:100%}@media (max-width: 767px){._heading_5co7e_25{gap:2rem}}._flex_5co7e_45{display:flex;align-items:center;justify-content:space-between}@media (max-width: 767px){._flex_5co7e_45{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}._flex_5co7e_45>div{flex:1}._flex_5co7e_45 a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary-100);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color .3s ease-in-out}._flex_5co7e_45 a:hover{color:var(--color-secondary)}._title_5co7e_75{flex:1;text-wrap:balance}._text_5co7e_80{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_5co7e_80{flex:1;width:100%;align-items:flex-start}}._disclaimer_5co7e_94{color:var(--color-text-primary);font-size:var(--font-size-sm)}._carousel_5co7e_17{display:block}._carousel_5co7e_17 ._document_5co7e_102{margin:0 auto;flex:0 0 300px}@media (max-width: 767px){._carousel_5co7e_17 ._document_5co7e_102{flex:0 0 100%}}._documents_5co7e_120{display:grid;gap:var(--spacing-md)}._documents_5co7e_120._col1_5co7e_124{display:block}._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg)}@media (max-width: 767px){._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102{flex-direction:column;gap:var(--spacing-md)}}._documents_5co7e_120._col1_5co7e_124 ._documentImage_5co7e_140{flex:1}._documents_5co7e_120._col1_5co7e_124 ._documentContent_5co7e_144{flex:.4}._documents_5co7e_120._col2_5co7e_149{grid-template-columns:repeat(2,1fr)}._documents_5co7e_120._col2_5co7e_149 ._document_5co7e_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_5co7e_120._col3_5co7e_159{grid-template-columns:repeat(3,1fr)}._documents_5co7e_120._col3_5co7e_159 ._document_5co7e_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_5co7e_120._col4_5co7e_169{grid-template-columns:repeat(4,1fr)}._documents_5co7e_120._col4_5co7e_169 ._document_5co7e_102{display:flex;flex-direction:column;gap:var(--spacing-md)}._documents_5co7e_120._featuredTop_5co7e_179{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);row-gap:var(--spacing-xl)}@media (max-width: 767px){._documents_5co7e_120._featuredTop_5co7e_179{row-gap:var(--spacing-xl)}}._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:not(:first-of-type) ._documentExcerpt_5co7e_189{display:none}@media (max-width: 767px){._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:not(:first-of-type) ._documentExcerpt_5co7e_189{display:block}}._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:first-of-type{grid-column:1/4;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-lg)}@media (max-width: 767px){._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:first-of-type{flex-direction:column;gap:var(--spacing-md)}}._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144{flex:.4}._documents_5co7e_120._featuredLeft_5co7e_219{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);column-gap:var(--spacing-xl)}@media (max-width: 767px){._documents_5co7e_120._featuredLeft_5co7e_219{column-gap:var(--spacing-md)}}._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type){flex-direction:row;gap:var(--spacing-md)}@media (max-width: 767px){._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type){flex-direction:column}}._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144{flex:1}@media (max-width: 767px){._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type) ._documentExcerpt_5co7e_189{display:block}}._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:first-of-type{grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center}._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144{flex:.4}._documents_5co7e_120._twoColumn_5co7e_260{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._documents_5co7e_120._twoColumn_5co7e_260 ._document_5co7e_102{flex-direction:row;gap:var(--spacing-md);align-items:center}@media (max-width: 767px){._documents_5co7e_120._col1_5co7e_124,._documents_5co7e_120._col2_5co7e_149,._documents_5co7e_120._col3_5co7e_159,._documents_5co7e_120._col4_5co7e_169,._documents_5co7e_120._featuredTop_5co7e_179,._documents_5co7e_120._featuredLeft_5co7e_219,._documents_5co7e_120._twoColumn_5co7e_260{display:flex;flex-direction:column}._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102:first-of-type,._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._col2_5co7e_149 ._document_5co7e_102:first-of-type,._documents_5co7e_120._col2_5co7e_149 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._col3_5co7e_159 ._document_5co7e_102:first-of-type,._documents_5co7e_120._col3_5co7e_159 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._col4_5co7e_169 ._document_5co7e_102:first-of-type,._documents_5co7e_120._col4_5co7e_169 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:first-of-type,._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:first-of-type,._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type),._documents_5co7e_120._twoColumn_5co7e_260 ._document_5co7e_102:first-of-type,._documents_5co7e_120._twoColumn_5co7e_260 ._document_5co7e_102:not(:first-of-type){flex-direction:column;gap:var(--spacing-md)}._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._col1_5co7e_124 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._col2_5co7e_149 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._col2_5co7e_149 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._col3_5co7e_159 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._col3_5co7e_159 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._col4_5co7e_169 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._col4_5co7e_169 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._featuredTop_5co7e_179 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._featuredLeft_5co7e_219 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144,._documents_5co7e_120._twoColumn_5co7e_260 ._document_5co7e_102:first-of-type ._documentContent_5co7e_144,._documents_5co7e_120._twoColumn_5co7e_260 ._document_5co7e_102:not(:first-of-type) ._documentContent_5co7e_144{flex:1;width:100%}._documents_5co7e_120._col1_5co7e_124 ._documentImage_5co7e_140,._documents_5co7e_120._col2_5co7e_149 ._documentImage_5co7e_140,._documents_5co7e_120._col3_5co7e_159 ._documentImage_5co7e_140,._documents_5co7e_120._col4_5co7e_169 ._documentImage_5co7e_140,._documents_5co7e_120._featuredTop_5co7e_179 ._documentImage_5co7e_140,._documents_5co7e_120._featuredLeft_5co7e_219 ._documentImage_5co7e_140,._documents_5co7e_120._twoColumn_5co7e_260 ._documentImage_5co7e_140{aspect-ratio:16/9;position:relative;width:100%}}@media (max-width: 767px){._documents_5co7e_120{gap:var(--spacing-xl)}}._multiple_5co7e_306 ._documents_5co7e_120{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}._multiple_5co7e_306 ._document_5co7e_102{display:flex;flex-direction:column}._document_5co7e_102{display:flex;text-decoration:none;overflow:hidden;transition:border-color .3s ease-in-out}._document_5co7e_102:hover{border-color:var(--color-primary-100)}._document_5co7e_102:hover ._documentImage_5co7e_140 img{transform:scale(1.05)}._document_5co7e_102:hover ._documentTitle_5co7e_336 h3{color:var(--color-primary-100)}._document_5co7e_102:hover ._callToAction_5co7e_342 ._label_5co7e_343{opacity:1;transform:translateY(0);color:#fff}._document_5co7e_102:hover ._callToAction_5co7e_342 ._icon_5co7e_349{color:var(--color-primary-100)}._documentEyebrow_5co7e_356{font-size:var(--font-size-sm);color:var(--color-secondary)}._documentImage_5co7e_140{width:100%;height:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:var(--radius-md);line-height:0}._documentImage_5co7e_140 img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}._documentTitle_5co7e_336{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}._documentContent_5co7e_144{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;color:var(--color-text-primary)}._documentContent_5co7e_144 h3{flex:1;font-size:var(--font-size-lg);margin-bottom:0;transition:color .3s ease-in-out}._documentContent_5co7e_144 p{text-decoration:none}._callToAction_5co7e_342{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}._callToAction_5co7e_342 ._icon_5co7e_349{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:transparent;color:var(--color-text-primary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_5co7e_342 ._label_5co7e_343{color:var(--color-primary-100);font-weight:var(--font-weight-semibold);opacity:0;transform:translateY(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.blog ._container_5co7e_7{max-width:var(--blog-width)}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
9
|
-
readonly "
|
|
10
|
-
readonly "
|
|
11
|
-
readonly "
|
|
12
|
-
readonly "
|
|
13
|
-
readonly "
|
|
14
|
-
readonly "
|
|
15
|
-
readonly "
|
|
16
|
-
readonly "
|
|
17
|
-
readonly "
|
|
18
|
-
readonly "
|
|
19
|
-
readonly "
|
|
20
|
-
readonly "
|
|
21
|
-
readonly "
|
|
22
|
-
readonly "
|
|
23
|
-
readonly "
|
|
24
|
-
readonly "
|
|
25
|
-
readonly "
|
|
26
|
-
readonly "
|
|
27
|
-
readonly "
|
|
2
|
+
readonly "_callToAction_5co7e_342": string;
|
|
3
|
+
readonly "_carousel_5co7e_17": string;
|
|
4
|
+
readonly "_col1_5co7e_124": string;
|
|
5
|
+
readonly "_col2_5co7e_149": string;
|
|
6
|
+
readonly "_col3_5co7e_159": string;
|
|
7
|
+
readonly "_col4_5co7e_169": string;
|
|
8
|
+
readonly "_container_5co7e_7": string;
|
|
9
|
+
readonly "_disclaimer_5co7e_94": string;
|
|
10
|
+
readonly "_documentContent_5co7e_144": string;
|
|
11
|
+
readonly "_documentExcerpt_5co7e_189": string;
|
|
12
|
+
readonly "_documentEyebrow_5co7e_356": string;
|
|
13
|
+
readonly "_documentImage_5co7e_140": string;
|
|
14
|
+
readonly "_documentTitle_5co7e_336": string;
|
|
15
|
+
readonly "_document_5co7e_102": string;
|
|
16
|
+
readonly "_documents_5co7e_120": string;
|
|
17
|
+
readonly "_featuredDocuments_5co7e_1": string;
|
|
18
|
+
readonly "_featuredLeft_5co7e_219": string;
|
|
19
|
+
readonly "_featuredTop_5co7e_179": string;
|
|
20
|
+
readonly "_flex_5co7e_45": string;
|
|
21
|
+
readonly "_heading_5co7e_25": string;
|
|
22
|
+
readonly "_icon_5co7e_349": string;
|
|
23
|
+
readonly "_label_5co7e_343": string;
|
|
24
|
+
readonly "_multiple_5co7e_306": string;
|
|
25
|
+
readonly "_text_5co7e_80": string;
|
|
26
|
+
readonly "_title_5co7e_75": string;
|
|
27
|
+
readonly "_twoColumn_5co7e_260": string;
|
|
28
28
|
readonly "blog": string;
|
|
29
29
|
};
|
|
30
30
|
export = styles;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const r=require("react/jsx-runtime"),n=require("react"),
|
|
2
|
-
`,style:{maxWidth:`${
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index23.css');const r=require("react/jsx-runtime"),n=require("react"),jt=require("../../../arrow-left-4E3t8axP.cjs"),bt=require("../../../arrow-right-DO6S4vfx.cjs"),Ct="_carousel_1vwj4_1",$t="_noPointerEvents_1vwj4_10",St="_trackContainer_1vwj4_14",Et="_track_1vwj4_14",yt="_isMounted_1vwj4_28",Xt="_page_1vwj4_33",It="_controls_1vwj4_48",kt="_indicators_1vwj4_59",Nt="_indicator_1vwj4_59",Rt="_active_1vwj4_80",Tt="_buttons_1vwj4_84",Wt="_prev_1vwj4_89",Lt="_disabled_1vwj4_89",At="_next_1vwj4_90",c={carousel:Ct,noPointerEvents:$t,trackContainer:St,track:Et,isMounted:yt,page:Xt,controls:It,indicators:kt,indicator:Nt,active:Rt,buttons:Tt,prev:Wt,disabled:Lt,next:At};function Dt({items:M,itemsPerPage:d=9,itemsPerRow:F=3,autoplay:J=!1,autoplayInterval:W=3,className:K,externalRef:Q,siblingRef:h,isSplit:L=!1}){const[f,v]=n.useState(0),[i,j]=n.useState(0),[w,E]=n.useState(0),[a,Z]=n.useState(d),[b,tt]=n.useState(!1),[A,et]=n.useState(J),[C,nt]=n.useState(!1),[st,ot]=n.useState(!1),ct=n.useRef(null),u=n.useRef(null),p=n.useRef(null),$=Q,[m,y]=n.useState(!1),[D,P]=n.useState(null),[S,q]=n.useState(null),[z,Y]=n.useState(null),[rt,B]=n.useState(!1),[x,O]=n.useState(null),[X,U]=n.useState(null),at=t=>{Math.abs((X??0)-(x??0))>25&&(t.stopPropagation(),t.preventDefault())},lt=t=>{O(t.clientX)},it=t=>{x!==null&&Math.abs(t.clientX-x)>5&&(B(!0),U(t.clientX))},ut=()=>{if(!x||!X){I();return}const t=x-X;Math.abs(t)>50&&(t>0?R():T()),I()},dt=()=>{I()},I=()=>{B(!1),O(null),U(null)},ht=t=>{q(t.touches[0].clientX),P(t.touches[0].clientY),y(!1)},G=n.useRef(null);n.useEffect(()=>{ot(!0)},[]),n.useEffect(()=>{const t=G.current;if(!t)return;const e=s=>{const o=s.touches[0].clientX-(S??0),l=s.touches[0].clientY-(D??0);!m&&Math.abs(o)>Math.abs(l)&&y(!0),m&&(s.preventDefault(),Y(s.touches[0].clientX))};return t.addEventListener("touchmove",e),()=>{t.removeEventListener("touchmove",e)}},[m,S,D]);const ft=()=>{if(S===null||z===null)return;const t=S-z;Math.abs(t)>50&&(t>0?R():T()),q(null),Y(null),P(null),y(!1)},vt=(t,e)=>{const s=[];for(let o=0;o<t.length;o+=e)s.push(t.slice(o,o+e));return s};n.useLayoutEffect(()=>{if(typeof window<"u"){const t=()=>{const e=window.innerWidth<768,s=e?1:d;tt(e),Z(e?1:d),v(o=>Math.min(o,Math.ceil(M.length/s)-1))};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)}},[d]);const k=Math.ceil(a/F),H=vt(M,a),_=H.length,wt=3*16,_t=3*16,Mt=n.useCallback(t=>{if(t&&!C){const e=t.getBoundingClientRect().width;e>0&&e!==w&&(E(e),nt(!0))}},[w,C]);n.useEffect(()=>{var t,e,s,o;if(C&&i>0&&u.current&&((e=(t=u.current.children[0])==null?void 0:t.children[0])!=null&&e.children[0])){const g=((o=(s=u.current.children[0])==null?void 0:s.children[0])==null?void 0:o.children[0]).getBoundingClientRect().width;g>0&&g!==w&&E(g)}},[i,C,w]),n.useEffect(()=>{const t=new ResizeObserver(e=>{var s,o;for(let l of e)if(l.contentRect){b?j(l.contentRect.width-_t):L?h!=null&&h.current?j(l.contentRect.width-((s=h==null?void 0:h.current)==null?void 0:s.offsetWidth)-wt):j(l.contentRect.width):(j(l.contentRect.width),E(((o=u==null?void 0:u.current)==null?void 0:o.children[0].children[0].children[0].getBoundingClientRect().width)??0));const g=b?1:d;v(gt=>Math.min(gt,Math.ceil(M.length/g)-1))}});return $!=null&&$.current&&t.observe($.current),()=>t.disconnect()},[b,L,M]);const N=()=>{p.current&&clearInterval(p.current),et(!1)},R=()=>{N(),v(t=>Math.min(t+1,_-1))},T=()=>{N(),v(t=>Math.max(t-1,0))},pt=t=>{N(),v(t)},mt=()=>i?`translateX(-${f*i}px)`:"translateX(0px)",V=()=>{v(t=>t>=_-1?0:t+1)};n.useEffect(()=>(A&&(p.current=setInterval(V,W*1e3)),()=>{p.current&&clearInterval(p.current)}),[A,W,V]);const xt={"--max-item-width":`${(i-(a-1)*16)/a}px`};return r.jsxs("div",{className:`${K??""} ${c.carousel} `,ref:ct,children:[r.jsx("div",{ref:G,className:`${c.trackContainer} ${rt||m?c.noPointerEvents:""}
|
|
2
|
+
`,style:{maxWidth:`${i}px`,touchAction:m?"none":"pan-y"},onTouchStart:ht,onTouchEnd:ft,onMouseDown:lt,onMouseMove:it,onMouseUp:ut,onMouseLeave:dt,children:r.jsx("div",{ref:u,className:`${c.track} ${st?c.isMounted:""}`,style:{width:`${_*100}%`,transform:mt()},children:H.map((t,e)=>r.jsx("div",{className:c.page,style:{display:k>1?"grid":"flex",gridTemplateColumns:`repeat(${Math.ceil(a/k)}, 1fr)`,gridTemplateRows:`repeat(${k}, 1fr)`,width:`${i}px`},children:t.map((s,o)=>r.jsx("div",{ref:e===0&&o===0?Mt:null,onClickCapture:at,style:{...xt,flex:`0 0 ${100/a}%`,maxWidth:`0 0 ${100/a}%`},children:s},o))},e))})}),_>1&&r.jsxs("div",{className:c.controls,style:{maxWidth:w>0&&d===1&&!b?`${w}px`:"unset"},children:[r.jsx("div",{className:c.indicators,children:Array.from({length:_}).map((t,e)=>r.jsx("button",{className:`${c.indicator} ${e===f?c.active:""}`,onClick:()=>pt(e),"aria-label":`Go to group ${e+1}`},e))}),r.jsxs("div",{className:c.buttons,children:[r.jsx("button",{"aria-label":"Previous slide",className:`${c.prev} ${f===0?c.disabled:""}`,onClick:T,disabled:f===0,children:r.jsx(jt.ArrowLeft,{size:36})}),r.jsx("button",{"aria-label":"Next slide",className:`${c.next} ${f>=_-1?c.disabled:""}`,onClick:R,disabled:f>=M.length-a,children:r.jsx(bt.ArrowRight,{size:36})})]})]})]})}exports.Carousel=Dt;
|
|
@@ -1,183 +1,195 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as o, useRef as y, useEffect as
|
|
3
|
-
import { A as
|
|
4
|
-
import { A as
|
|
5
|
-
import '../../../assets/index23.css';const
|
|
6
|
-
carousel:
|
|
1
|
+
import { jsxs as S, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as o, useRef as y, useEffect as b, useLayoutEffect as Et, useCallback as Xt } from "react";
|
|
3
|
+
import { A as jt } from "../../../arrow-left-BIJvHwNQ.js";
|
|
4
|
+
import { A as yt } from "../../../arrow-right-QEwnX3Sk.js";
|
|
5
|
+
import '../../../assets/index23.css';const It = "_carousel_1vwj4_1", kt = "_noPointerEvents_1vwj4_10", Nt = "_trackContainer_1vwj4_14", Wt = "_track_1vwj4_14", Tt = "_isMounted_1vwj4_28", At = "_page_1vwj4_33", Dt = "_controls_1vwj4_48", Lt = "_indicators_1vwj4_59", St = "_indicator_1vwj4_59", Pt = "_active_1vwj4_80", Rt = "_buttons_1vwj4_84", zt = "_prev_1vwj4_89", Yt = "_disabled_1vwj4_89", Bt = "_next_1vwj4_90", c = {
|
|
6
|
+
carousel: It,
|
|
7
7
|
noPointerEvents: kt,
|
|
8
|
-
trackContainer:
|
|
9
|
-
track:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
8
|
+
trackContainer: Nt,
|
|
9
|
+
track: Wt,
|
|
10
|
+
isMounted: Tt,
|
|
11
|
+
page: At,
|
|
12
|
+
controls: Dt,
|
|
13
|
+
indicators: Lt,
|
|
14
|
+
indicator: St,
|
|
15
|
+
active: Pt,
|
|
16
|
+
buttons: Rt,
|
|
17
|
+
prev: zt,
|
|
18
|
+
disabled: Yt,
|
|
19
|
+
next: Bt
|
|
19
20
|
};
|
|
20
|
-
function
|
|
21
|
-
items:
|
|
21
|
+
function Vt({
|
|
22
|
+
items: p,
|
|
22
23
|
itemsPerPage: u = 9,
|
|
23
24
|
itemsPerRow: Q = 3,
|
|
24
25
|
autoplay: Z = !1,
|
|
25
|
-
autoplayInterval:
|
|
26
|
+
autoplayInterval: P = 3,
|
|
26
27
|
className: tt,
|
|
27
28
|
externalRef: et,
|
|
28
29
|
siblingRef: h,
|
|
29
|
-
isSplit:
|
|
30
|
+
isSplit: R = !1
|
|
30
31
|
}) {
|
|
31
|
-
const [f, v] = o(0), [
|
|
32
|
-
Math.abs((
|
|
33
|
-
},
|
|
32
|
+
const [f, v] = o(0), [i, $] = o(0), [w, I] = o(0), [a, nt] = o(u), [x, st] = o(!1), [z, ot] = o(Z), [E, ct] = o(!1), [rt, at] = o(!1), lt = y(null), d = y(null), m = y(null), X = et, [M, k] = o(!1), [Y, B] = o(null), [j, U] = o(null), [G, H] = o(null), [it, O] = o(!1), [g, V] = o(null), [N, q] = o(null), dt = (t) => {
|
|
33
|
+
Math.abs((N ?? 0) - (g ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
|
|
34
|
+
}, ut = (t) => {
|
|
34
35
|
V(t.clientX);
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
if (!
|
|
36
|
+
}, ht = (t) => {
|
|
37
|
+
g !== null && Math.abs(t.clientX - g) > 5 && (O(!0), q(t.clientX));
|
|
38
|
+
}, ft = () => {
|
|
39
|
+
if (!g || !N) {
|
|
39
40
|
W();
|
|
40
41
|
return;
|
|
41
42
|
}
|
|
42
|
-
const t =
|
|
43
|
-
Math.abs(t) > 50 && (t > 0 ?
|
|
44
|
-
},
|
|
43
|
+
const t = g - N;
|
|
44
|
+
Math.abs(t) > 50 && (t > 0 ? D() : L()), W();
|
|
45
|
+
}, vt = () => {
|
|
45
46
|
W();
|
|
46
47
|
}, W = () => {
|
|
47
48
|
O(!1), V(null), q(null);
|
|
48
|
-
},
|
|
49
|
-
U(t.touches[0].clientX),
|
|
49
|
+
}, wt = (t) => {
|
|
50
|
+
U(t.touches[0].clientX), B(t.touches[0].clientY), k(!1);
|
|
50
51
|
}, F = y(null);
|
|
51
|
-
|
|
52
|
+
b(() => {
|
|
53
|
+
at(!0);
|
|
54
|
+
}, []), b(() => {
|
|
52
55
|
const t = F.current;
|
|
53
56
|
if (!t) return;
|
|
54
57
|
const e = (n) => {
|
|
55
|
-
const s = n.touches[0].clientX - (
|
|
56
|
-
!M && Math.abs(s) > Math.abs(
|
|
58
|
+
const s = n.touches[0].clientX - (j ?? 0), l = n.touches[0].clientY - (Y ?? 0);
|
|
59
|
+
!M && Math.abs(s) > Math.abs(l) && k(!0), M && (n.preventDefault(), H(n.touches[0].clientX));
|
|
57
60
|
};
|
|
58
61
|
return t.addEventListener("touchmove", e), () => {
|
|
59
62
|
t.removeEventListener("touchmove", e);
|
|
60
63
|
};
|
|
61
|
-
}, [M,
|
|
62
|
-
const
|
|
63
|
-
if (
|
|
64
|
-
const t =
|
|
65
|
-
Math.abs(t) > 50 && (t > 0 ?
|
|
64
|
+
}, [M, j, Y]);
|
|
65
|
+
const _t = () => {
|
|
66
|
+
if (j === null || G === null) return;
|
|
67
|
+
const t = j - G;
|
|
68
|
+
Math.abs(t) > 50 && (t > 0 ? D() : L()), U(null), H(null), B(null), k(!1);
|
|
66
69
|
}, pt = (t, e) => {
|
|
67
70
|
const n = [];
|
|
68
71
|
for (let s = 0; s < t.length; s += e)
|
|
69
72
|
n.push(t.slice(s, s + e));
|
|
70
73
|
return n;
|
|
71
74
|
};
|
|
72
|
-
|
|
75
|
+
Et(() => {
|
|
73
76
|
if (typeof window < "u") {
|
|
74
77
|
const t = () => {
|
|
75
78
|
const e = window.innerWidth < 768, n = e ? 1 : u;
|
|
76
79
|
st(e), nt(e ? 1 : u), v(
|
|
77
|
-
(s) => Math.min(s, Math.ceil(
|
|
80
|
+
(s) => Math.min(s, Math.ceil(p.length / n) - 1)
|
|
78
81
|
);
|
|
79
82
|
};
|
|
80
83
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
81
84
|
}
|
|
82
85
|
}, [u]);
|
|
83
|
-
const
|
|
86
|
+
const T = Math.ceil(a / Q), J = pt(p, a), _ = J.length, mt = 3 * 16, Mt = 3 * 16, gt = Xt(
|
|
84
87
|
(t) => {
|
|
85
|
-
if (t &&
|
|
88
|
+
if (t && !E) {
|
|
86
89
|
const e = t.getBoundingClientRect().width;
|
|
87
|
-
e > 0 && e !==
|
|
90
|
+
e > 0 && e !== w && (I(e), ct(!0));
|
|
88
91
|
}
|
|
89
92
|
},
|
|
90
|
-
[
|
|
93
|
+
[w, E]
|
|
91
94
|
);
|
|
92
|
-
|
|
95
|
+
b(() => {
|
|
93
96
|
var t, e, n, s;
|
|
94
|
-
if (
|
|
95
|
-
const
|
|
96
|
-
|
|
97
|
+
if (E && i > 0 && d.current && ((e = (t = d.current.children[0]) == null ? void 0 : t.children[0]) != null && e.children[0])) {
|
|
98
|
+
const C = ((s = (n = d.current.children[0]) == null ? void 0 : n.children[0]) == null ? void 0 : s.children[0]).getBoundingClientRect().width;
|
|
99
|
+
C > 0 && C !== w && I(C);
|
|
97
100
|
}
|
|
98
|
-
}, [
|
|
101
|
+
}, [i, E, w]), b(() => {
|
|
99
102
|
const t = new ResizeObserver((e) => {
|
|
100
103
|
var n, s;
|
|
101
|
-
for (let
|
|
102
|
-
if (
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
) :
|
|
104
|
+
for (let l of e)
|
|
105
|
+
if (l.contentRect) {
|
|
106
|
+
x ? $(l.contentRect.width - Mt) : R ? h != null && h.current ? $(
|
|
107
|
+
l.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - mt
|
|
108
|
+
) : $(l.contentRect.width) : ($(l.contentRect.width), I(
|
|
106
109
|
((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
|
|
107
110
|
));
|
|
108
|
-
const
|
|
111
|
+
const C = x ? 1 : u;
|
|
109
112
|
v(
|
|
110
|
-
(
|
|
113
|
+
(xt) => Math.min(xt, Math.ceil(p.length / C) - 1)
|
|
111
114
|
);
|
|
112
115
|
}
|
|
113
116
|
});
|
|
114
|
-
return
|
|
115
|
-
}, [
|
|
116
|
-
const
|
|
117
|
-
|
|
117
|
+
return X != null && X.current && t.observe(X.current), () => t.disconnect();
|
|
118
|
+
}, [x, R, p]);
|
|
119
|
+
const A = () => {
|
|
120
|
+
m.current && clearInterval(m.current), ot(!1);
|
|
121
|
+
}, D = () => {
|
|
122
|
+
A(), v((t) => Math.min(t + 1, _ - 1));
|
|
118
123
|
}, L = () => {
|
|
119
|
-
|
|
120
|
-
},
|
|
121
|
-
|
|
122
|
-
},
|
|
123
|
-
D(), v(t);
|
|
124
|
-
}, Mt = () => a ? `translateX(-${f * a}px)` : "translateX(0px)", K = () => {
|
|
124
|
+
A(), v((t) => Math.max(t - 1, 0));
|
|
125
|
+
}, Ct = (t) => {
|
|
126
|
+
A(), v(t);
|
|
127
|
+
}, bt = () => i ? `translateX(-${f * i}px)` : "translateX(0px)", K = () => {
|
|
125
128
|
v((t) => t >= _ - 1 ? 0 : t + 1);
|
|
126
129
|
};
|
|
127
|
-
|
|
130
|
+
b(() => (z && (m.current = setInterval(
|
|
128
131
|
K,
|
|
129
|
-
|
|
132
|
+
P * 1e3
|
|
130
133
|
)), () => {
|
|
131
|
-
|
|
132
|
-
}), [
|
|
133
|
-
const
|
|
134
|
-
"--max-item-width": `${(
|
|
134
|
+
m.current && clearInterval(m.current);
|
|
135
|
+
}), [z, P, K]);
|
|
136
|
+
const $t = {
|
|
137
|
+
"--max-item-width": `${(i - (a - 1) * 16) / a}px`
|
|
135
138
|
//Container minus gaps (dynamicItemsPerPage - 1 * gap size) divided by dynamicItemsPerPage
|
|
136
139
|
};
|
|
137
|
-
return /* @__PURE__ */
|
|
140
|
+
return /* @__PURE__ */ S("div", { className: `${tt ?? ""} ${c.carousel} `, ref: lt, children: [
|
|
138
141
|
/* @__PURE__ */ r(
|
|
139
142
|
"div",
|
|
140
143
|
{
|
|
141
144
|
ref: F,
|
|
142
|
-
className: `${c.trackContainer} ${
|
|
145
|
+
className: `${c.trackContainer} ${it || M ? c.noPointerEvents : ""}
|
|
143
146
|
`,
|
|
144
147
|
style: {
|
|
145
|
-
maxWidth: `${
|
|
148
|
+
maxWidth: `${i}px`,
|
|
146
149
|
touchAction: M ? "none" : "pan-y"
|
|
147
150
|
},
|
|
148
|
-
onTouchStart:
|
|
149
|
-
onTouchEnd:
|
|
150
|
-
onMouseDown:
|
|
151
|
-
onMouseMove:
|
|
152
|
-
onMouseUp:
|
|
153
|
-
onMouseLeave:
|
|
151
|
+
onTouchStart: wt,
|
|
152
|
+
onTouchEnd: _t,
|
|
153
|
+
onMouseDown: ut,
|
|
154
|
+
onMouseMove: ht,
|
|
155
|
+
onMouseUp: ft,
|
|
156
|
+
onMouseLeave: vt,
|
|
154
157
|
children: /* @__PURE__ */ r(
|
|
155
158
|
"div",
|
|
156
159
|
{
|
|
157
160
|
ref: d,
|
|
158
|
-
className: c.track
|
|
159
|
-
style: { width: `${_ * 100}%`, transform:
|
|
161
|
+
className: `${c.track} ${rt ? c.isMounted : ""}`,
|
|
162
|
+
style: { width: `${_ * 100}%`, transform: bt() },
|
|
160
163
|
children: J.map((t, e) => /* @__PURE__ */ r(
|
|
161
164
|
"div",
|
|
162
165
|
{
|
|
163
166
|
className: c.page,
|
|
164
167
|
style: {
|
|
165
|
-
display:
|
|
168
|
+
display: T > 1 ? "grid" : "flex",
|
|
166
169
|
gridTemplateColumns: `repeat(${Math.ceil(
|
|
167
|
-
|
|
170
|
+
a / T
|
|
168
171
|
)}, 1fr)`,
|
|
169
|
-
gridTemplateRows: `repeat(${
|
|
170
|
-
width: `${
|
|
172
|
+
gridTemplateRows: `repeat(${T}, 1fr)`,
|
|
173
|
+
width: `${i}px`
|
|
171
174
|
},
|
|
172
175
|
children: t.map((n, s) => /* @__PURE__ */ r(
|
|
173
176
|
"div",
|
|
174
177
|
{
|
|
175
178
|
ref: e === 0 && s === 0 ? gt : null,
|
|
176
|
-
onClickCapture:
|
|
179
|
+
onClickCapture: dt,
|
|
177
180
|
style: {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
+
...$t,
|
|
182
|
+
flex: `0 0 ${100 / a}%`,
|
|
183
|
+
maxWidth: `0 0 ${100 / a}%`
|
|
184
|
+
// flexBasis: isMobile
|
|
185
|
+
// ? "100%"
|
|
186
|
+
// : `${
|
|
187
|
+
// (containerWidth - (dynamicItemsPerPage - 1) * 16) /
|
|
188
|
+
// dynamicItemsPerPage
|
|
189
|
+
// }px`,
|
|
190
|
+
// width: isMobile
|
|
191
|
+
// ? `${containerWidth / dynamicItemsPerPage - 16}px`
|
|
192
|
+
// : "unset",
|
|
181
193
|
},
|
|
182
194
|
children: n
|
|
183
195
|
},
|
|
@@ -190,32 +202,32 @@ function Gt({
|
|
|
190
202
|
)
|
|
191
203
|
}
|
|
192
204
|
),
|
|
193
|
-
_ > 1 && /* @__PURE__ */
|
|
205
|
+
_ > 1 && /* @__PURE__ */ S(
|
|
194
206
|
"div",
|
|
195
207
|
{
|
|
196
208
|
className: c.controls,
|
|
197
209
|
style: {
|
|
198
|
-
maxWidth:
|
|
210
|
+
maxWidth: w > 0 && u === 1 && !x ? `${w}px` : "unset"
|
|
199
211
|
},
|
|
200
212
|
children: [
|
|
201
213
|
/* @__PURE__ */ r("div", { className: c.indicators, children: Array.from({ length: _ }).map((t, e) => /* @__PURE__ */ r(
|
|
202
214
|
"button",
|
|
203
215
|
{
|
|
204
216
|
className: `${c.indicator} ${e === f ? c.active : ""}`,
|
|
205
|
-
onClick: () =>
|
|
217
|
+
onClick: () => Ct(e),
|
|
206
218
|
"aria-label": `Go to group ${e + 1}`
|
|
207
219
|
},
|
|
208
220
|
e
|
|
209
221
|
)) }),
|
|
210
|
-
/* @__PURE__ */
|
|
222
|
+
/* @__PURE__ */ S("div", { className: c.buttons, children: [
|
|
211
223
|
/* @__PURE__ */ r(
|
|
212
224
|
"button",
|
|
213
225
|
{
|
|
214
226
|
"aria-label": "Previous slide",
|
|
215
227
|
className: `${c.prev} ${f === 0 ? c.disabled : ""}`,
|
|
216
|
-
onClick:
|
|
228
|
+
onClick: L,
|
|
217
229
|
disabled: f === 0,
|
|
218
|
-
children: /* @__PURE__ */ r(
|
|
230
|
+
children: /* @__PURE__ */ r(jt, { size: 36 })
|
|
219
231
|
}
|
|
220
232
|
),
|
|
221
233
|
/* @__PURE__ */ r(
|
|
@@ -223,9 +235,9 @@ function Gt({
|
|
|
223
235
|
{
|
|
224
236
|
"aria-label": "Next slide",
|
|
225
237
|
className: `${c.next} ${f >= _ - 1 ? c.disabled : ""}`,
|
|
226
|
-
onClick:
|
|
227
|
-
disabled: f >=
|
|
228
|
-
children: /* @__PURE__ */ r(
|
|
238
|
+
onClick: D,
|
|
239
|
+
disabled: f >= p.length - a,
|
|
240
|
+
children: /* @__PURE__ */ r(yt, { size: 36 })
|
|
229
241
|
}
|
|
230
242
|
)
|
|
231
243
|
] })
|
|
@@ -235,5 +247,5 @@ function Gt({
|
|
|
235
247
|
] });
|
|
236
248
|
}
|
|
237
249
|
export {
|
|
238
|
-
|
|
250
|
+
Vt as Carousel
|
|
239
251
|
};
|