quirk-ui 0.0.491 → 0.0.493
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/CategoryFilters-DJyQJ-ww.js +80 -0
- package/dist/CategoryFilters-tDVNMlQO.cjs +1 -0
- package/dist/assets/CategoryFilters.css +1 -1
- package/dist/assets/CategoryFilters.css.d.ts +23 -23
- package/dist/core/components/Breadcrumbs/index.cjs +1 -1
- package/dist/core/components/Breadcrumbs/index.mjs +5 -6
- package/dist/core/components/Tabs/index.cjs +1 -1
- package/dist/core/components/Tabs/index.mjs +0 -1
- package/dist/main.d.ts +1 -1
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/CategoryFilters.mjs +1 -1
- package/dist/next/blocks/DocumentListBlock/index.cjs +1 -1
- package/dist/next/blocks/DocumentListBlock/index.mjs +122 -114
- package/dist/next.d.ts +1 -1
- package/dist/styles.css +2 -2
- package/dist/styles.css.d.ts +23 -23
- package/package.json +1 -1
- package/dist/CategoryFilters-C1Kze_NT.js +0 -80
- package/dist/CategoryFilters-W4ngPBij.cjs +0 -1
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { jsxs as n, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { C as m } from "./index-C-E0ib2G.js";
|
|
3
|
+
import { X as f } from "./x-CnsEH4Ox.js";
|
|
4
|
+
import './assets/CategoryFilters.css';const H = "_documentList_up05w_1", L = "_container_up05w_9", S = "_heading_up05w_20", F = "_listContainer_up05w_26", b = "_listWrapper_up05w_37", C = "_list_up05w_26", g = "_listHeader_up05w_58", k = "_listSearch_up05w_71", v = "_clearSearch_up05w_98", y = "_listHeaderFilters_up05w_117", x = "_listResults_up05w_128", N = "_listSort_up05w_132", T = "_filterToggle_up05w_155", I = "_filterHeader_up05w_170", M = "_loadMore_up05w_191", R = "_filterList_up05w_195", W = "_listFilters_up05w_202", j = "_applyFilters_up05w_210", A = "_show_up05w_239", $ = "_hide_up05w_248", z = "_buttonIsLoading_up05w_297", e = {
|
|
5
|
+
documentList: H,
|
|
6
|
+
container: L,
|
|
7
|
+
heading: S,
|
|
8
|
+
listContainer: F,
|
|
9
|
+
listWrapper: b,
|
|
10
|
+
list: C,
|
|
11
|
+
listHeader: g,
|
|
12
|
+
listSearch: k,
|
|
13
|
+
clearSearch: v,
|
|
14
|
+
listHeaderFilters: y,
|
|
15
|
+
listResults: x,
|
|
16
|
+
listSort: N,
|
|
17
|
+
filterToggle: T,
|
|
18
|
+
filterHeader: I,
|
|
19
|
+
loadMore: M,
|
|
20
|
+
filterList: R,
|
|
21
|
+
listFilters: W,
|
|
22
|
+
applyFilters: j,
|
|
23
|
+
show: A,
|
|
24
|
+
hide: $,
|
|
25
|
+
buttonIsLoading: z
|
|
26
|
+
};
|
|
27
|
+
function E({
|
|
28
|
+
categoryFilters: i,
|
|
29
|
+
selectedCategories: l,
|
|
30
|
+
setSelectedCategories: _,
|
|
31
|
+
setArticles: o,
|
|
32
|
+
setStart: c,
|
|
33
|
+
setHasMore: a,
|
|
34
|
+
showFilters: d,
|
|
35
|
+
toggleFilters: r,
|
|
36
|
+
isLoading: p
|
|
37
|
+
}) {
|
|
38
|
+
return /* @__PURE__ */ n(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
className: `${e.listFilters} ${d ? e.show : e.hide}`,
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ n("div", { className: e.filterHeader, children: [
|
|
44
|
+
/* @__PURE__ */ s("h5", { children: "Filters" }),
|
|
45
|
+
/* @__PURE__ */ s("button", { onClick: () => r(), children: /* @__PURE__ */ s(f, { size: 24 }) })
|
|
46
|
+
] }),
|
|
47
|
+
/* @__PURE__ */ s("div", { className: e.filterList, children: i == null ? void 0 : i.map((t) => /* @__PURE__ */ n("label", { children: [
|
|
48
|
+
/* @__PURE__ */ s(
|
|
49
|
+
"input",
|
|
50
|
+
{
|
|
51
|
+
type: "checkbox",
|
|
52
|
+
value: t._id,
|
|
53
|
+
checked: l.includes(t._id),
|
|
54
|
+
onChange: (u) => {
|
|
55
|
+
const h = u.target.checked ? [...l, t._id] : l.filter((w) => w !== t._id);
|
|
56
|
+
o([]), c(0), a(!0), _(h);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
t.title
|
|
61
|
+
] }, t._id)) }),
|
|
62
|
+
/* @__PURE__ */ s(
|
|
63
|
+
m,
|
|
64
|
+
{
|
|
65
|
+
as: "button",
|
|
66
|
+
variant: "secondary",
|
|
67
|
+
onClick: r,
|
|
68
|
+
disabled: p,
|
|
69
|
+
className: e.applyFilters,
|
|
70
|
+
children: "Apply Filters"
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
export {
|
|
78
|
+
E as C,
|
|
79
|
+
e as s
|
|
80
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/CategoryFilters.css');const t=require("react/jsx-runtime"),w=require("./index-BN6814Bi.cjs"),x=require("./x-Dft9NVe_.cjs"),F="_documentList_up05w_1",H="_container_up05w_9",L="_heading_up05w_20",S="_listContainer_up05w_26",j="_listWrapper_up05w_37",m="_list_up05w_26",b="_listHeader_up05w_58",f="_listSearch_up05w_71",g="_clearSearch_up05w_98",C="_listHeaderFilters_up05w_117",k="_listResults_up05w_128",y="_listSort_up05w_132",v="_filterToggle_up05w_155",T="_filterHeader_up05w_170",q="_loadMore_up05w_191",N="_filterList_up05w_195",$="_listFilters_up05w_202",A="_applyFilters_up05w_210",I="_show_up05w_239",M="_hide_up05w_248",R="_buttonIsLoading_up05w_297",s={documentList:F,container:H,heading:L,listContainer:S,listWrapper:j,list:m,listHeader:b,listSearch:f,clearSearch:g,listHeaderFilters:C,listResults:k,listSort:y,filterToggle:v,filterHeader:T,loadMore:q,filterList:N,listFilters:$,applyFilters:A,show:I,hide:M,buttonIsLoading:R};function W({categoryFilters:i,selectedCategories:l,setSelectedCategories:r,setArticles:_,setStart:o,setHasMore:c,showFilters:a,toggleFilters:n,isLoading:d}){return t.jsxs("div",{className:`${s.listFilters} ${a?s.show:s.hide}`,children:[t.jsxs("div",{className:s.filterHeader,children:[t.jsx("h5",{children:"Filters"}),t.jsx("button",{onClick:()=>n(),children:t.jsx(x.X,{size:24})})]}),t.jsx("div",{className:s.filterList,children:i==null?void 0:i.map(e=>t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",value:e._id,checked:l.includes(e._id),onChange:u=>{const p=u.target.checked?[...l,e._id]:l.filter(h=>h!==e._id);_([]),o(0),c(!0),r(p)}}),e.title]},e._id))}),t.jsx(w.CallToAction,{as:"button",variant:"secondary",onClick:n,disabled:d,className:s.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=W;exports.styles=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._documentList_up05w_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_up05w_9{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)}._heading_up05w_20{display:flex;flex-direction:column;gap:var(--spacing-md)}._listContainer_up05w_26{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_up05w_26{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_up05w_37{flex:1;width:100%}._list_up05w_26{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_up05w_26{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_up05w_26{grid-template-columns:repeat(3,1fr)}}._listHeader_up05w_58{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_up05w_58{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_up05w_71{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_up05w_71>div{width:100%}._listSearch_up05w_71 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_up05w_71{min-width:unset;width:100%}._listSearch_up05w_71 input{min-width:unset}}._clearSearch_up05w_98{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_up05w_98:hover{background-color:var(--color-secondary)}._listHeaderFilters_up05w_117{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_up05w_117{width:100%}}._listResults_up05w_128{color:var(--color-text-primary)}._listSort_up05w_132{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_up05w_132 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_up05w_132 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_up05w_155{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_up05w_155 button{width:auto!important}@media (max-width: 767px){._filterToggle_up05w_155{display:flex}}._filterHeader_up05w_170{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_up05w_170 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_up05w_170 button{display:flex}}._loadMore_up05w_191{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_up05w_195{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_up05w_202{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_up05w_202 ._applyFilters_up05w_210{display:none}@media (max-width: 767px){._listFilters_up05w_202{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_up05w_202 ._applyFilters_up05w_210{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_up05w_202._show_up05w_239{transform:translateY(0)}._listFilters_up05w_202._show_up05w_239 ._applyFilters_up05w_210{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_up05w_202._hide_up05w_248{transform:translateY(300%)}._listFilters_up05w_202._hide_up05w_248 ._applyFilters_up05w_210{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_up05w_202 ._wrapper_up05w_258{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_up05w_202 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_up05w_202 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_up05w_202 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_up05w_202 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_up05w_297 svg{animation:_rotate_up05w_1 2s linear infinite}@keyframes _rotate_up05w_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
|
|
@@ -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 "_applyFilters_up05w_210": string;
|
|
3
|
+
readonly "_buttonIsLoading_up05w_297": string;
|
|
4
|
+
readonly "_clearSearch_up05w_98": string;
|
|
5
|
+
readonly "_container_up05w_9": string;
|
|
6
|
+
readonly "_documentList_up05w_1": string;
|
|
7
|
+
readonly "_filterHeader_up05w_170": string;
|
|
8
|
+
readonly "_filterList_up05w_195": string;
|
|
9
|
+
readonly "_filterToggle_up05w_155": string;
|
|
10
|
+
readonly "_heading_up05w_20": string;
|
|
11
|
+
readonly "_hide_up05w_248": string;
|
|
12
|
+
readonly "_listContainer_up05w_26": string;
|
|
13
|
+
readonly "_listFilters_up05w_202": string;
|
|
14
|
+
readonly "_listHeaderFilters_up05w_117": string;
|
|
15
|
+
readonly "_listHeader_up05w_58": string;
|
|
16
|
+
readonly "_listResults_up05w_128": string;
|
|
17
|
+
readonly "_listSearch_up05w_71": string;
|
|
18
|
+
readonly "_listSort_up05w_132": string;
|
|
19
|
+
readonly "_listWrapper_up05w_37": string;
|
|
20
|
+
readonly "_list_up05w_26": string;
|
|
21
|
+
readonly "_loadMore_up05w_191": string;
|
|
22
|
+
readonly "_rotate_up05w_1": string;
|
|
23
|
+
readonly "_show_up05w_239": string;
|
|
24
|
+
readonly "_wrapper_up05w_258": string;
|
|
25
25
|
};
|
|
26
26
|
export = styles;
|
|
27
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index38.css');const a=require("react/jsx-runtime"),o="_breadcrumbs_qx9xp_1",b="_list_qx9xp_7",_="_item_qx9xp_15",x="_separator_qx9xp_20",p="_link_qx9xp_25",u="_label_qx9xp_35",d="_active_qx9xp_39",s={breadcrumbs:o,list:b,item:_,separator:x,link:p,label:u,active:d};function m({items:r,separator:n="/",renderLink:c}){return a.jsx("nav",{className:s.breadcrumbs,"aria-label":"Breadcrumb",children:a.jsx("ol",{className:s.list,children:r.map((e,t)=>{const l=t===r.length-1,i=e.href&&!l?c?c(e.href,e.label):a.jsx("a",{href:e.href,className:s.link,children:e.label}):a.jsx("span",{className:`${s.label} ${l?s.active:""}`,children:e.label});return a.jsxs("li",{className:s.item,children:[i,!l&&a.jsx("span",{className:s.separator,children:n})]},t)})})})}exports.Breadcrumbs=m;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as l, jsxs as o } from "react/jsx-runtime";
|
|
2
|
-
import '../../../assets/index38.css';const i = "_breadcrumbs_qx9xp_1", b = "_list_qx9xp_7", p = "_item_qx9xp_15", x = "_separator_qx9xp_20", m = "_link_qx9xp_25",
|
|
2
|
+
import '../../../assets/index38.css';const i = "_breadcrumbs_qx9xp_1", b = "_list_qx9xp_7", p = "_item_qx9xp_15", x = "_separator_qx9xp_20", m = "_link_qx9xp_25", h = "_label_qx9xp_35", d = "_active_qx9xp_39", a = {
|
|
3
3
|
breadcrumbs: i,
|
|
4
4
|
list: b,
|
|
5
5
|
item: p,
|
|
6
6
|
separator: x,
|
|
7
7
|
link: m,
|
|
8
|
-
label:
|
|
9
|
-
active:
|
|
8
|
+
label: h,
|
|
9
|
+
active: d
|
|
10
10
|
};
|
|
11
|
-
function
|
|
11
|
+
function q({
|
|
12
12
|
items: r,
|
|
13
13
|
separator: n = "/",
|
|
14
14
|
renderLink: c
|
|
@@ -28,6 +28,5 @@ function f({
|
|
|
28
28
|
}) }) });
|
|
29
29
|
}
|
|
30
30
|
export {
|
|
31
|
-
|
|
32
|
-
f as default
|
|
31
|
+
q as Breadcrumbs
|
|
33
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const d=require("react/jsx-runtime"),n=require("react"),v=require("./Context.cjs"),j="_tabs_tu4lq_1",E="_tabsList_tu4lq_7",S="_horizontal_tu4lq_24",A="_tabsPanel_tu4lq_26",N="_vertical_tu4lq_31",W="_tabsTrigger_tu4lq_42",H="_tabsPanelWrapper_tu4lq_47",B="_indicator_tu4lq_70",D="_active_tu4lq_117",K="_dark_tu4lq_165",O="_light_tu4lq_177",X="_transparent_tu4lq_201",s={tabs:j,tabsList:E,horizontal:S,tabsPanel:A,vertical:N,tabsTrigger:W,tabsPanelWrapper:H,indicator:B,active:D,default:"_default_tu4lq_161",dark:K,light:O,transparent:X},L={horizontal:s.horizontal,vertical:s.vertical},I={default:s.default,light:s.light,dark:s.dark,transparent:s.transparent};function w({children:l,defaultIndex:e=0,orientation:a="horizontal",theme:r="default"}){const[i,b]=n.useState(e),[p,_]=n.useState({width:0,left:0,top:0,height:0}),u=typeof window<"u",g=u?n.useLayoutEffect:n.useEffect,q=n.useId(),x=[],$=[],T=n.useRef(null),m=n.useRef([]),C=n.useRef([]),M=n.useMemo(()=>({activeIndex:i,setActiveIndex:b,idPrefix:q,orientation:a,theme:r,panelRefs:m,triggerRefs:C,indicatorStyle:p}),[i,q,a,r,p]);n.Children.forEach(l,t=>{var o;(t==null?void 0:t.type)===k?x.push(t):((t==null?void 0:t.type)===z||((o=t==null?void 0:t.type)==null?void 0:o.name)==="Panel")&&$.push(t)});const h=n.useCallback(()=>{var o;const t=C.current[i];if(t){const f=t.getBoundingClientRect(),c=(o=t.parentElement)==null?void 0:o.getBoundingClientRect();if(!c)return;if(window.innerWidth<768||a==="vertical"){const y=f.top-c.top,P=f.height;_({top:y,height:P,left:0,width:c.width})}else{const y=f.left-c.left,P=f.width;_({left:y,width:P,top:0,height:c.height})}}},[i,a]);return g(()=>{if(!(typeof window>"u")&&u)return h(),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}},[h]),n.useLayoutEffect(()=>{const t=T.current,o=m.current[i];if(!t||!o)return;const f=()=>{const R=o.offsetHeight;t.offsetHeight,t.style.height=`${R}px`};f();const c=new ResizeObserver(f);return c.observe(o),()=>{c.disconnect()}},[i]),d.jsx(v.TabsContext.Provider,{value:M,children:d.jsxs("div",{className:`${s.tabs} ${L[a]} ${I[r]}`,children:[x,d.jsx("div",{ref:T,className:s.tabsPanelWrapper,children:$})]})})}function k({children:l}){const{indicatorStyle:e}=v.useTabsContext();return d.jsxs("div",{className:`${s.tabsList}`,role:"tablist","aria-label":"Tabs",children:[d.jsx("div",{className:s.indicator,style:{width:e.width,height:e.height,transform:`translateX(${e.left}px) translateY(${e.top}px)`}}),l]})}function Y({children:l,index:e}){const{activeIndex:a,setActiveIndex:r,idPrefix:i,triggerRefs:b}=v.useTabsContext(),p=u=>{u.key==="ArrowRight"?r(g=>g+1):u.key==="ArrowLeft"&&r(g=>Math.max(0,g-1))},_=a===e;return d.jsx("button",{className:`${s.tabsTrigger} ${_?s.active:""}`,role:"tab",ref:u=>{b.current[e]=u},id:`${i}-tab-${e}`,"aria-selected":a===e,tabIndex:a===e?0:-1,onClick:()=>r(e),onKeyDown:p,children:l})}function z({children:l,index:e}){const{activeIndex:a,idPrefix:r,panelRefs:i}=v.useTabsContext(),b=e===a;return d.jsx("div",{ref:p=>{i.current[e]=p},className:s.tabsPanel,role:"tabpanel",id:`${r}-panel-${e}`,"aria-labelledby":`${r}-tab-${e}`,"aria-hidden":!b,hidden:!b,children:l})}w.List=k;w.Trigger=Y;w.Panel=z;exports.Tabs=w;exports.orientationClassMap=L;exports.themeClassMap=I;
|
package/dist/main.d.ts
CHANGED
|
@@ -392,7 +392,7 @@ declare const displayClassMap: {
|
|
|
392
392
|
|
|
393
393
|
export declare function Divider({ axis, className, ...restProps }: SpacerProps): JSX.Element;
|
|
394
394
|
|
|
395
|
-
export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, }: DocumentListBlockProps): JSX.Element;
|
|
395
|
+
export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, }: DocumentListBlockProps): JSX.Element;
|
|
396
396
|
|
|
397
397
|
export declare function Drawer({ isOpen, onClose, position, overlay, ariaLabel, children, className, }: DrawerProps): JSX.Element;
|
|
398
398
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../CategoryFilters-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../../../CategoryFilters-tDVNMlQO.cjs");require("../../../index-BN6814Bi.cjs");require("../../../x-Dft9NVe_.cjs");exports.CategoryFilters=e.CategoryFilters;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),B=require("../../ui/PortableTextRenderer/index.cjs"),J=require("../../hooks/useStyleClasses.cjs"),K=require("../../contexts/LocaleBridge.cjs"),_=require("../../../index-BN6814Bi.cjs"),Q=require("../../../core/components/Input/index.cjs"),V=require("../../../core/components/Select/index.cjs"),Y=require("../../cards/BlogArticleCard/index.cjs"),s=require("../../../CategoryFilters-tDVNMlQO.cjs"),F=require("../../../x-Dft9NVe_.cjs"),ee=[{label:"Newest",value:"date-desc"},{label:"Oldest",value:"date-asc"},{label:"Title A-Z",value:"title-asc"},{label:"Title Z-A",value:"title-desc"},{label:"Most Popular",value:"popular-desc"}];function se({heading:o,layout:$="grid",includeFilters:S,excludeFilters:v,limit:M=3,categoryFilters:u,documentType:w,styleOptions:P,initialArticles:g=[],initialTotalCount:z=0}){const[N,i]=l.useState(g),[D,I]=l.useState(z),[j,H]=l.useState("date-desc"),[f,L]=l.useState([]),[T,d]=l.useState(g.length),[a,k]=l.useState(!1),[x,y]=l.useState(!1),[q,c]=l.useState(!0),[h,b]=l.useState(""),[p,O]=l.useState(""),{locale:W}=K.useLocaleBridge(),Z=J.useStyleClasses(P),G={list:s.styles.list}[$??"grid"],U=t=>{H(t.target.value),i([]),d(0),c(!0)},A=()=>{y(!x)},X=()=>{i([]),d(0),c(!0),L([]),b(""),y(!1)},E=async(t=!1)=>{if(a||!q)return;k(!0);const m=new URLSearchParams({start:t?"0":String(T),limit:String(M),sort:j,documentType:w,locale:W});p&&m.append("search",p),f.forEach(n=>m.append("categories",n)),S==null||S.forEach(n=>m.append("include",n._id)),v==null||v.forEach(n=>m.append("exclude",n._id));try{const r=await(await fetch(`/api/articles?${m.toString()}`,{method:"GET"})).json();i(C=>t?r.articles:[...C,...r.articles]),d(C=>t?r.articles.length:C+r.articles.length),I(r.totalCount),c(T+r.articles.length<r.totalCount)}catch(n){console.error("Failed to load articles:",n),c(!1)}finally{k(!1)}},R=l.useCallback(()=>{typeof window<"u"&&window.innerWidth>768&&(y(!1),typeof document<"u"&&(document.body.style.overflow=""))},[]);return l.useEffect(()=>{const t=typeof window<"u";return t&&window.addEventListener("resize",R),()=>{t&&window.removeEventListener("resize",R)}},[]),l.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),l.useEffect(()=>{const t=setTimeout(()=>{O(h)},500);return()=>clearTimeout(t)},[h]),l.useEffect(()=>{(p||j!=="date-desc"||f.length>0)&&E(!0)},[p,j,f.join(",")]),e.jsx("section",{className:`${s.styles.documentList} ${Z}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[(o==null?void 0:o.title)&&e.jsx(B.RichText,{blocks:o==null?void 0:o.title}),(o==null?void 0:o.description)&&e.jsx(B.RichText,{blocks:o==null?void 0:o.description})]}),e.jsxs("div",{className:s.styles.listContainer,children:[(u==null?void 0:u.length)&&e.jsxs("div",{className:s.styles.filterToggle,children:[e.jsx(_.CallToAction,{as:"button",variant:"secondary",onClick:A,disabled:a,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(_.CallToAction,{as:"button",variant:"link",onClick:X,disabled:a||f.length===0&&h.length===0,children:"Reset"})]}),u&&e.jsx(s.CategoryFilters,{categoryFilters:u,selectedCategories:f,setSelectedCategories:L,setArticles:i,setStart:d,setHasMore:c,showFilters:x,toggleFilters:A,isLoading:a}),e.jsxs("div",{className:s.styles.listWrapper,children:[e.jsxs("div",{className:s.styles.listHeader,children:[e.jsxs("div",{className:s.styles.listResults,children:["Results: ",e.jsx("span",{children:D})]}),e.jsxs("div",{className:s.styles.listHeaderFilters,children:[e.jsxs("div",{className:s.styles.listSearch,children:[e.jsx(Q.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:h,onChange:t=>{b(t.target.value),i([]),d(0),c(!0)}}),h&&e.jsx("button",{className:s.styles.clearSearch,onClick:()=>{b(""),i([]),d(0),c(!0)},children:e.jsx(F.X,{size:21})})]}),e.jsx("div",{className:s.styles.listSort,children:e.jsx(V.Select,{id:"list-sort",name:"list-sort",options:ee,onChange:U})})]})]}),e.jsx("div",{className:`${s.styles.list} ${G}`,children:N&&N.map(t=>w=="blog"&&e.jsx(Y.BlogArticleCard,{article:t},t._id))}),q&&e.jsx("div",{className:s.styles.loadMore,children:e.jsx(_.CallToAction,{as:"button",variant:"primary",onClick:()=>E(),disabled:a,icon:"refresh",iconAlignment:"left",className:a?s.styles.buttonIsLoading:"",children:a?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=se;
|
|
@@ -1,188 +1,196 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as l, useCallback as
|
|
3
|
-
import { RichText as
|
|
4
|
-
import { useStyleClasses as
|
|
5
|
-
import { useLocaleBridge as
|
|
6
|
-
import { C as
|
|
7
|
-
import { Input as
|
|
8
|
-
import { Select as
|
|
9
|
-
import { BlogArticleCard as
|
|
10
|
-
import { s, C as
|
|
11
|
-
import { X as
|
|
12
|
-
const
|
|
1
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as l, useCallback as Q, useEffect as w } from "react";
|
|
3
|
+
import { RichText as I } from "../../ui/PortableTextRenderer/index.mjs";
|
|
4
|
+
import { useStyleClasses as V } from "../../hooks/useStyleClasses.mjs";
|
|
5
|
+
import { useLocaleBridge as Y } from "../../contexts/LocaleBridge.mjs";
|
|
6
|
+
import { C as k } from "../../../index-C-E0ib2G.js";
|
|
7
|
+
import { Input as F } from "../../../core/components/Input/index.mjs";
|
|
8
|
+
import { Select as ee } from "../../../core/components/Select/index.mjs";
|
|
9
|
+
import { BlogArticleCard as te } from "../../cards/BlogArticleCard/index.mjs";
|
|
10
|
+
import { s as t, C as se } from "../../../CategoryFilters-DJyQJ-ww.js";
|
|
11
|
+
import { X as oe } from "../../../x-CnsEH4Ox.js";
|
|
12
|
+
const le = [
|
|
13
13
|
{ label: "Newest", value: "date-desc" },
|
|
14
14
|
{ label: "Oldest", value: "date-asc" },
|
|
15
15
|
{ label: "Title A-Z", value: "title-asc" },
|
|
16
16
|
{ label: "Title Z-A", value: "title-desc" },
|
|
17
17
|
{ label: "Most Popular", value: "popular-desc" }
|
|
18
18
|
];
|
|
19
|
-
function
|
|
19
|
+
function ve({
|
|
20
20
|
heading: o,
|
|
21
|
-
layout:
|
|
22
|
-
includeFilters:
|
|
23
|
-
excludeFilters:
|
|
24
|
-
limit:
|
|
25
|
-
categoryFilters:
|
|
26
|
-
documentType:
|
|
21
|
+
layout: P = "grid",
|
|
22
|
+
includeFilters: S,
|
|
23
|
+
excludeFilters: N,
|
|
24
|
+
limit: W = 3,
|
|
25
|
+
categoryFilters: f,
|
|
26
|
+
documentType: T,
|
|
27
27
|
// filterMode,
|
|
28
|
-
styleOptions:
|
|
28
|
+
styleOptions: _,
|
|
29
|
+
initialArticles: A = [],
|
|
30
|
+
initialTotalCount: x = 0
|
|
29
31
|
}) {
|
|
30
|
-
const [
|
|
32
|
+
const [E, d] = l(A), [D, O] = l(
|
|
33
|
+
x
|
|
34
|
+
), [y, Z] = l("date-desc"), [u, R] = l([]), [$, m] = l(A.length), [n, j] = l(!1), [v, b] = l(!1), [z, i] = l(!0), [h, g] = l(""), [C, q] = l(""), { locale: G } = Y(), U = V(_), X = {
|
|
31
35
|
//grid: styles.grid,
|
|
32
|
-
list:
|
|
33
|
-
}[
|
|
34
|
-
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
},
|
|
40
|
-
if (
|
|
41
|
-
|
|
42
|
-
const
|
|
43
|
-
start: String(
|
|
44
|
-
limit: String(
|
|
45
|
-
sort:
|
|
46
|
-
documentType:
|
|
47
|
-
locale:
|
|
36
|
+
list: t.list
|
|
37
|
+
}[P ?? "grid"], J = (s) => {
|
|
38
|
+
Z(s.target.value), d([]), m(0), i(!0);
|
|
39
|
+
}, M = () => {
|
|
40
|
+
b(!v);
|
|
41
|
+
}, K = () => {
|
|
42
|
+
d([]), m(0), i(!0), R([]), g(""), b(!1);
|
|
43
|
+
}, B = async (s = !1) => {
|
|
44
|
+
if (n || !z) return;
|
|
45
|
+
j(!0);
|
|
46
|
+
const p = new URLSearchParams({
|
|
47
|
+
start: s ? "0" : String($),
|
|
48
|
+
limit: String(W),
|
|
49
|
+
sort: y,
|
|
50
|
+
documentType: T,
|
|
51
|
+
locale: G
|
|
48
52
|
});
|
|
49
|
-
|
|
50
|
-
(r) =>
|
|
51
|
-
),
|
|
52
|
-
(r) =>
|
|
53
|
-
),
|
|
54
|
-
(r) =>
|
|
53
|
+
C && p.append("search", C), u.forEach(
|
|
54
|
+
(r) => p.append("categories", r)
|
|
55
|
+
), S == null || S.forEach(
|
|
56
|
+
(r) => p.append("include", r._id)
|
|
57
|
+
), N == null || N.forEach(
|
|
58
|
+
(r) => p.append("exclude", r._id)
|
|
55
59
|
);
|
|
56
60
|
try {
|
|
57
|
-
const
|
|
61
|
+
const c = await (await fetch(`/api/articles?${p.toString()}`, {
|
|
58
62
|
method: "GET"
|
|
59
63
|
})).json();
|
|
60
|
-
|
|
64
|
+
d(
|
|
65
|
+
(L) => s ? c.articles : [...L, ...c.articles]
|
|
66
|
+
), m(
|
|
67
|
+
(L) => s ? c.articles.length : L + c.articles.length
|
|
68
|
+
), O(c.totalCount), i($ + c.articles.length < c.totalCount);
|
|
61
69
|
} catch (r) {
|
|
62
|
-
console.error("Failed to load articles:", r),
|
|
70
|
+
console.error("Failed to load articles:", r), i(!1);
|
|
63
71
|
} finally {
|
|
64
|
-
|
|
72
|
+
j(!1);
|
|
65
73
|
}
|
|
66
|
-
},
|
|
67
|
-
typeof window < "u" && window.innerWidth > 768 && (
|
|
74
|
+
}, H = Q(() => {
|
|
75
|
+
typeof window < "u" && window.innerWidth > 768 && (b(!1), typeof document < "u" && (document.body.style.overflow = ""));
|
|
68
76
|
}, []);
|
|
69
|
-
return
|
|
70
|
-
const
|
|
71
|
-
return
|
|
72
|
-
|
|
77
|
+
return w(() => {
|
|
78
|
+
const s = typeof window < "u";
|
|
79
|
+
return s && window.addEventListener("resize", H), () => {
|
|
80
|
+
s && window.removeEventListener("resize", H);
|
|
73
81
|
};
|
|
74
|
-
}, []),
|
|
82
|
+
}, []), w(() => {
|
|
75
83
|
if (typeof document < "u")
|
|
76
|
-
return document.body.style.overflow =
|
|
84
|
+
return document.body.style.overflow = v ? "hidden" : "", () => {
|
|
77
85
|
document.body.style.overflow = "";
|
|
78
86
|
};
|
|
79
|
-
}, [
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
},
|
|
83
|
-
return () => clearTimeout(
|
|
84
|
-
}, [
|
|
85
|
-
|
|
86
|
-
}, [
|
|
87
|
-
/* @__PURE__ */ a("div", { className:
|
|
88
|
-
(o == null ? void 0 : o.title) && /* @__PURE__ */
|
|
89
|
-
(o == null ? void 0 : o.description) && /* @__PURE__ */
|
|
87
|
+
}, [v]), w(() => {
|
|
88
|
+
const s = setTimeout(() => {
|
|
89
|
+
q(h);
|
|
90
|
+
}, 500);
|
|
91
|
+
return () => clearTimeout(s);
|
|
92
|
+
}, [h]), w(() => {
|
|
93
|
+
(C || y !== "date-desc" || u.length > 0) && B(!0);
|
|
94
|
+
}, [C, y, u.join(",")]), /* @__PURE__ */ e("section", { className: `${t.documentList} ${U}`, children: /* @__PURE__ */ a("article", { className: t.container, children: [
|
|
95
|
+
/* @__PURE__ */ a("div", { className: t.heading, children: [
|
|
96
|
+
(o == null ? void 0 : o.title) && /* @__PURE__ */ e(I, { blocks: o == null ? void 0 : o.title }),
|
|
97
|
+
(o == null ? void 0 : o.description) && /* @__PURE__ */ e(I, { blocks: o == null ? void 0 : o.description })
|
|
90
98
|
] }),
|
|
91
|
-
/* @__PURE__ */ a("div", { className:
|
|
92
|
-
(
|
|
93
|
-
/* @__PURE__ */
|
|
94
|
-
|
|
99
|
+
/* @__PURE__ */ a("div", { className: t.listContainer, children: [
|
|
100
|
+
(f == null ? void 0 : f.length) && /* @__PURE__ */ a("div", { className: t.filterToggle, children: [
|
|
101
|
+
/* @__PURE__ */ e(
|
|
102
|
+
k,
|
|
95
103
|
{
|
|
96
104
|
as: "button",
|
|
97
105
|
variant: "secondary",
|
|
98
|
-
onClick:
|
|
99
|
-
disabled:
|
|
106
|
+
onClick: M,
|
|
107
|
+
disabled: n,
|
|
100
108
|
icon: "settings",
|
|
101
109
|
iconAlignment: "left",
|
|
102
110
|
children: "Filters"
|
|
103
111
|
}
|
|
104
112
|
),
|
|
105
|
-
/* @__PURE__ */
|
|
106
|
-
|
|
113
|
+
/* @__PURE__ */ e(
|
|
114
|
+
k,
|
|
107
115
|
{
|
|
108
116
|
as: "button",
|
|
109
117
|
variant: "link",
|
|
110
|
-
onClick:
|
|
111
|
-
disabled:
|
|
118
|
+
onClick: K,
|
|
119
|
+
disabled: n || u.length === 0 && h.length === 0,
|
|
112
120
|
children: "Reset"
|
|
113
121
|
}
|
|
114
122
|
)
|
|
115
123
|
] }),
|
|
116
|
-
|
|
117
|
-
|
|
124
|
+
f && /* @__PURE__ */ e(
|
|
125
|
+
se,
|
|
118
126
|
{
|
|
119
|
-
categoryFilters:
|
|
127
|
+
categoryFilters: f,
|
|
120
128
|
selectedCategories: u,
|
|
121
|
-
setSelectedCategories:
|
|
122
|
-
setArticles:
|
|
123
|
-
setStart:
|
|
124
|
-
setHasMore:
|
|
125
|
-
showFilters:
|
|
126
|
-
toggleFilters:
|
|
127
|
-
isLoading:
|
|
129
|
+
setSelectedCategories: R,
|
|
130
|
+
setArticles: d,
|
|
131
|
+
setStart: m,
|
|
132
|
+
setHasMore: i,
|
|
133
|
+
showFilters: v,
|
|
134
|
+
toggleFilters: M,
|
|
135
|
+
isLoading: n
|
|
128
136
|
}
|
|
129
137
|
),
|
|
130
|
-
/* @__PURE__ */ a("div", { className:
|
|
131
|
-
/* @__PURE__ */ a("div", { className:
|
|
132
|
-
/* @__PURE__ */ a("div", { className:
|
|
138
|
+
/* @__PURE__ */ a("div", { className: t.listWrapper, children: [
|
|
139
|
+
/* @__PURE__ */ a("div", { className: t.listHeader, children: [
|
|
140
|
+
/* @__PURE__ */ a("div", { className: t.listResults, children: [
|
|
133
141
|
"Results: ",
|
|
134
|
-
/* @__PURE__ */
|
|
142
|
+
/* @__PURE__ */ e("span", { children: D })
|
|
135
143
|
] }),
|
|
136
|
-
/* @__PURE__ */ a("div", { className:
|
|
137
|
-
/* @__PURE__ */ a("div", { className:
|
|
138
|
-
/* @__PURE__ */
|
|
139
|
-
|
|
144
|
+
/* @__PURE__ */ a("div", { className: t.listHeaderFilters, children: [
|
|
145
|
+
/* @__PURE__ */ a("div", { className: t.listSearch, children: [
|
|
146
|
+
/* @__PURE__ */ e(
|
|
147
|
+
F,
|
|
140
148
|
{
|
|
141
149
|
type: "text",
|
|
142
150
|
name: "list-search",
|
|
143
151
|
placeholder: "Search articles",
|
|
144
|
-
value:
|
|
145
|
-
onChange: (
|
|
146
|
-
|
|
152
|
+
value: h,
|
|
153
|
+
onChange: (s) => {
|
|
154
|
+
g(s.target.value), d([]), m(0), i(!0);
|
|
147
155
|
}
|
|
148
156
|
}
|
|
149
157
|
),
|
|
150
|
-
|
|
158
|
+
h && /* @__PURE__ */ e(
|
|
151
159
|
"button",
|
|
152
160
|
{
|
|
153
|
-
className:
|
|
161
|
+
className: t.clearSearch,
|
|
154
162
|
onClick: () => {
|
|
155
|
-
|
|
163
|
+
g(""), d([]), m(0), i(!0);
|
|
156
164
|
},
|
|
157
|
-
children: /* @__PURE__ */
|
|
165
|
+
children: /* @__PURE__ */ e(oe, { size: 21 })
|
|
158
166
|
}
|
|
159
167
|
)
|
|
160
168
|
] }),
|
|
161
|
-
/* @__PURE__ */
|
|
162
|
-
|
|
169
|
+
/* @__PURE__ */ e("div", { className: t.listSort, children: /* @__PURE__ */ e(
|
|
170
|
+
ee,
|
|
163
171
|
{
|
|
164
172
|
id: "list-sort",
|
|
165
173
|
name: "list-sort",
|
|
166
|
-
options:
|
|
167
|
-
onChange:
|
|
174
|
+
options: le,
|
|
175
|
+
onChange: J
|
|
168
176
|
}
|
|
169
177
|
) })
|
|
170
178
|
] })
|
|
171
179
|
] }),
|
|
172
|
-
/* @__PURE__ */
|
|
173
|
-
(
|
|
180
|
+
/* @__PURE__ */ e("div", { className: `${t.list} ${X}`, children: E && E.map(
|
|
181
|
+
(s) => T == "blog" && /* @__PURE__ */ e(te, { article: s }, s._id)
|
|
174
182
|
) }),
|
|
175
|
-
|
|
176
|
-
|
|
183
|
+
z && /* @__PURE__ */ e("div", { className: t.loadMore, children: /* @__PURE__ */ e(
|
|
184
|
+
k,
|
|
177
185
|
{
|
|
178
186
|
as: "button",
|
|
179
187
|
variant: "primary",
|
|
180
|
-
onClick:
|
|
181
|
-
disabled:
|
|
188
|
+
onClick: () => B(),
|
|
189
|
+
disabled: n,
|
|
182
190
|
icon: "refresh",
|
|
183
191
|
iconAlignment: "left",
|
|
184
|
-
className:
|
|
185
|
-
children:
|
|
192
|
+
className: n ? t.buttonIsLoading : "",
|
|
193
|
+
children: n ? "Loading..." : "Load more"
|
|
186
194
|
}
|
|
187
195
|
) })
|
|
188
196
|
] })
|
|
@@ -190,5 +198,5 @@ function ue({
|
|
|
190
198
|
] }) });
|
|
191
199
|
}
|
|
192
200
|
export {
|
|
193
|
-
|
|
201
|
+
ve as DocumentListBlock
|
|
194
202
|
};
|
package/dist/next.d.ts
CHANGED
|
@@ -46,7 +46,7 @@ export declare function ContentBlock({ layout, heading, image, video, metrics, c
|
|
|
46
46
|
|
|
47
47
|
export { ContentBlockProps }
|
|
48
48
|
|
|
49
|
-
export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, }: DocumentListBlockProps): JSX.Element;
|
|
49
|
+
export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, }: DocumentListBlockProps): JSX.Element;
|
|
50
50
|
|
|
51
51
|
export declare function FaqBlock({ heading, items, className, styleOptions, }: FaqBlockProps): JSX.Element;
|
|
52
52
|
|
package/dist/styles.css
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
._cardLink_kigot_1{text-decoration:none;cursor:pointer}._card_kigot_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_kigot_1{width:100%;max-width:none;min-width:0}}._container_kigot_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_kigot_20{padding:0}}._image_kigot_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_kigot_51{flex:1}._imageTop_kigot_55 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_kigot_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_kigot_62 ._container_kigot_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_kigot_62 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_kigot_62 ._image_kigot_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_kigot_62 ._image_kigot_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_kigot_62 ._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_kigot_1:hover ._card_kigot_1,._modalTrigger_kigot_102:hover ._card_kigot_1{background-color:var(--color-primary-100)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._label_kigot_108,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._label_kigot_108{opacity:1;transform:translateY(0)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._cardIcon_kigot_113,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._cardIcon_kigot_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_kigot_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_kigot_120 span{transition:color .3s ease-in-out}._icon_kigot_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_kigot_102{cursor:pointer}._modalTrigger_kigot_102 ._image_kigot_35{transition:opacity .3s ease-in-out}._modalTrigger_kigot_102:hover ._cardIcon_kigot_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_kigot_102:hover ._image_kigot_35{opacity:.75}._callToAction_kigot_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_kigot_107 ._cardIcon_kigot_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_kigot_107 ._label_kigot_108{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}
|
|
26
26
|
._wrapper_560ee_1{display:flex;flex-direction:column;gap:.25rem}._input_560ee_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_560ee_7::placeholder{color:var(--color-secondary-50)}._input_560ee_7:focus{border-color:var(--color-primary-100)}._error_560ee_25{border-color:var(--color-error, #e00)}._errorMessage_560ee_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}
|
|
27
27
|
._wrapper_1j39k_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_1j39k_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary)}._select_1j39k_7:disabled{background-color:var(--color-primary-25);color:var(--color-secondary-100);cursor:not-allowed}
|
|
28
|
-
.
|
|
28
|
+
._documentList_up05w_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_up05w_9{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)}._heading_up05w_20{display:flex;flex-direction:column;gap:var(--spacing-md)}._listContainer_up05w_26{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_up05w_26{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_up05w_37{flex:1;width:100%}._list_up05w_26{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_up05w_26{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_up05w_26{grid-template-columns:repeat(3,1fr)}}._listHeader_up05w_58{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_up05w_58{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_up05w_71{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_up05w_71>div{width:100%}._listSearch_up05w_71 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_up05w_71{min-width:unset;width:100%}._listSearch_up05w_71 input{min-width:unset}}._clearSearch_up05w_98{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_up05w_98:hover{background-color:var(--color-secondary)}._listHeaderFilters_up05w_117{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_up05w_117{width:100%}}._listResults_up05w_128{color:var(--color-text-primary)}._listSort_up05w_132{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_up05w_132 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_up05w_132 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_up05w_155{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_up05w_155 button{width:auto!important}@media (max-width: 767px){._filterToggle_up05w_155{display:flex}}._filterHeader_up05w_170{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_up05w_170 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_up05w_170 button{display:flex}}._loadMore_up05w_191{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_up05w_195{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_up05w_202{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_up05w_202 ._applyFilters_up05w_210{display:none}@media (max-width: 767px){._listFilters_up05w_202{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_up05w_202 ._applyFilters_up05w_210{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_up05w_202._show_up05w_239{transform:translateY(0)}._listFilters_up05w_202._show_up05w_239 ._applyFilters_up05w_210{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_up05w_202._hide_up05w_248{transform:translateY(300%)}._listFilters_up05w_202._hide_up05w_248 ._applyFilters_up05w_210{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_up05w_202 ._wrapper_up05w_258{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_up05w_202 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_up05w_202 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_up05w_202 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_up05w_202 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_up05w_297 svg{animation:_rotate_up05w_1 2s linear infinite}@keyframes _rotate_up05w_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
|
|
29
29
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
30
30
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
31
31
|
._text_1itq5_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary)}._text_1itq5_1 p{margin-bottom:var(--spacing-md)}._text_1itq5_1 h1,._text_1itq5_1 h2,._text_1itq5_1 h3,._text_1itq5_1 h4,._text_1itq5_1 h5,._text_1itq5_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_1itq5_1 ul,._text_1itq5_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_1itq5_1 ul{list-style-type:disc}._text_1itq5_1 ol{list-style-type:decimal}._text_1itq5_1 li{margin-bottom:var(--spacing-xs)}._text_1itq5_1 a{color:var(--color-primary-100);text-decoration:underline}._text_1itq5_1 a:hover{text-decoration:none}._default_1itq5_55{font-size:1rem}._muted_1itq5_59{color:var(--color-primary-25)}._lead_1itq5_63{font-size:1.25rem;font-weight:500}._small_1itq5_68{font-size:.875rem}
|
|
@@ -97,7 +97,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
|
|
|
97
97
|
._cardLink_kigot_1{text-decoration:none;cursor:pointer}._card_kigot_1{min-height:300px;position:relative;overflow:hidden}@media (max-width: 768px){._card_kigot_1{width:100%;max-width:none;min-width:0}}._container_kigot_20{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);height:100%;width:100%;padding:0 var(--spacing-lg)}@media (max-width: 767px){._container_kigot_20{padding:0}}._image_kigot_35{height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}._content_kigot_51{flex:1}._imageTop_kigot_55 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}._imageLeft_kigot_62{width:100%;max-width:1000px;margin:0 auto}._imageLeft_kigot_62 ._container_kigot_20{flex-direction:row-reverse;gap:5rem}@media (max-width: 767px){._imageLeft_kigot_62 ._container_kigot_20{flex-direction:column-reverse;gap:var(--spacing-md)}}._imageLeft_kigot_62 ._image_kigot_35{flex:.75;height:400px}@media (max-width: 767px){._imageLeft_kigot_62 ._image_kigot_35{flex:unset;width:100%;height:320px;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;line-height:0}._imageLeft_kigot_62 ._image_kigot_35 img{position:relative;width:100%;height:100%;object-fit:cover}}._cardLink_kigot_1:hover ._card_kigot_1,._modalTrigger_kigot_102:hover ._card_kigot_1{background-color:var(--color-primary-100)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._label_kigot_108,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._label_kigot_108{opacity:1;transform:translateY(0)}._cardLink_kigot_1:hover ._callToAction_kigot_107 ._cardIcon_kigot_113,._modalTrigger_kigot_102:hover ._callToAction_kigot_107 ._cardIcon_kigot_113{background-color:var(--color-primary-100);color:#fff;border:5px solid var(--color-primary-100)}._title_kigot_120{margin:0;font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;flex:1;transition:color .3s ease-in-out}._title_kigot_120 span{transition:color .3s ease-in-out}._icon_kigot_143{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);width:30px;height:30px;border-radius:var(--radius-full)}._modalTrigger_kigot_102{cursor:pointer}._modalTrigger_kigot_102 ._image_kigot_35{transition:opacity .3s ease-in-out}._modalTrigger_kigot_102:hover ._cardIcon_kigot_113{background-color:var(--color-primary-100);border-color:var(--color-primary-100);color:#fff}._modalTrigger_kigot_102:hover ._image_kigot_35{opacity:.75}._callToAction_kigot_107{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:var(--spacing-sm)}._callToAction_kigot_107 ._cardIcon_kigot_113{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:var(--spacing-xs);background-color:#fff;color:var(--color-primary-100);border:5px solid #fff;border-radius:var(--radius-full);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}._callToAction_kigot_107 ._label_kigot_108{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}
|
|
98
98
|
._wrapper_560ee_1{display:flex;flex-direction:column;gap:.25rem}._input_560ee_7{padding:var(--spacing-sm) var(--spacing-sm);border:2px solid var(--color-border, #ccc);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;background-color:var(--color-background);color:var(--color-text-primary)}._input_560ee_7::placeholder{color:var(--color-secondary-50)}._input_560ee_7:focus{border-color:var(--color-primary-100)}._error_560ee_25{border-color:var(--color-error, #e00)}._errorMessage_560ee_29{border-color:var(--color-error, #e00);font-size:var(--font-size-sm)}
|
|
99
99
|
._wrapper_1j39k_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._select_1j39k_7{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary)}._select_1j39k_7:disabled{background-color:var(--color-primary-25);color:var(--color-secondary-100);cursor:not-allowed}
|
|
100
|
-
.
|
|
100
|
+
._documentList_up05w_1{width:100%;padding-bottom:var(--spacing-xl);overflow:hidden}._container_up05w_9{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)}._heading_up05w_20{display:flex;flex-direction:column;gap:var(--spacing-md)}._listContainer_up05w_26{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media (max-width: 767px){._listContainer_up05w_26{flex-direction:column;gap:var(--spacing-sm)}}._listWrapper_up05w_37{flex:1;width:100%}._list_up05w_26{flex:1;display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl)}@media (min-width: 500px){._list_up05w_26{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){._list_up05w_26{grid-template-columns:repeat(3,1fr)}}._listHeader_up05w_58{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}@media (max-width: 767px){._listHeader_up05w_58{flex-direction:column-reverse;align-items:flex-start;gap:var(--spacing-md)}}._listSearch_up05w_71{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);flex:1}._listSearch_up05w_71>div{width:100%}._listSearch_up05w_71 input{min-width:250px;padding-right:40px;height:40px}@media (max-width: 767px){._listSearch_up05w_71{min-width:unset;width:100%}._listSearch_up05w_71 input{min-width:unset}}._clearSearch_up05w_98{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:38.5px;width:38.5px;border-radius:var(--radius-md);border:none;background-color:var(--color-primary-100);transition:background-color .3s ease-in-out;cursor:pointer}._clearSearch_up05w_98:hover{background-color:var(--color-secondary)}._listHeaderFilters_up05w_117{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 767px){._listHeaderFilters_up05w_117{width:100%}}._listResults_up05w_128{color:var(--color-text-primary)}._listSort_up05w_132{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary)}._listSort_up05w_132 select{padding:var(--spacing-sm);font-size:var(--font-size-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);height:40px}._listSort_up05w_132 select:disabled{background-color:var(--color-secondary-25);color:var(--color-secondary-75);cursor:not-allowed}._filterToggle_up05w_155{display:none;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._filterToggle_up05w_155 button{width:auto!important}@media (max-width: 767px){._filterToggle_up05w_155{display:flex}}._filterHeader_up05w_170{display:flex;align-items:center;justify-content:space-between;width:100%}._filterHeader_up05w_170 button{display:none;align-items:center;justify-content:center;background-color:transparent;color:var(--color-primary-100);border:none;cursor:pointer}@media (max-width: 767px){._filterHeader_up05w_170 button{display:flex}}._loadMore_up05w_191{margin-top:var(--spacing-xl)}@media (max-width: 767px){._filterList_up05w_195{overflow:auto;height:calc(100% - (40px + 2rem))}}._listFilters_up05w_202{flex:.175;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-sm);position:relative}._listFilters_up05w_202 ._applyFilters_up05w_210{display:none}@media (max-width: 767px){._listFilters_up05w_202{position:fixed;top:0;left:0;right:0;width:100%;height:100dvh;min-height:100dvh;background-color:#fff;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:calc(var(--nav-height) + 2rem) var(--spacing-xl) var(--spacing-xl);z-index:5;transition:transform .3s ease-in-out;transform:translateY(300%)}._listFilters_up05w_202 ._applyFilters_up05w_210{display:block;position:absolute;bottom:var(--spacing-md);left:0;right:0;width:calc(100% - 2rem);margin:0 auto}._listFilters_up05w_202._show_up05w_239{transform:translateY(0)}._listFilters_up05w_202._show_up05w_239 ._applyFilters_up05w_210{transition:transform .3s ease-in-out;transform:translateY(0)}._listFilters_up05w_202._hide_up05w_248{transform:translateY(300%)}._listFilters_up05w_202._hide_up05w_248 ._applyFilters_up05w_210{transition:transform 1s ease-in-out;transform:translateY(200%)}}._listFilters_up05w_202 ._wrapper_up05w_258{display:flex;align-items:center;gap:var(--spacing-sm)}._listFilters_up05w_202 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:var(--spacing-xs);position:relative;cursor:pointer;transition:background .2s,border-color .2s;margin:0}._listFilters_up05w_202 input[type=checkbox]:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._listFilters_up05w_202 input[type=checkbox]:disabled{background-color:var(--color-secondary-50);cursor:not-allowed}._listFilters_up05w_202 label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}._buttonIsLoading_up05w_297 svg{animation:_rotate_up05w_1 2s linear infinite}@keyframes _rotate_up05w_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
|
|
101
101
|
._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
|
|
102
102
|
h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
|
|
103
103
|
._text_1itq5_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary)}._text_1itq5_1 p{margin-bottom:var(--spacing-md)}._text_1itq5_1 h1,._text_1itq5_1 h2,._text_1itq5_1 h3,._text_1itq5_1 h4,._text_1itq5_1 h5,._text_1itq5_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_1itq5_1 ul,._text_1itq5_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_1itq5_1 ul{list-style-type:disc}._text_1itq5_1 ol{list-style-type:decimal}._text_1itq5_1 li{margin-bottom:var(--spacing-xs)}._text_1itq5_1 a{color:var(--color-primary-100);text-decoration:underline}._text_1itq5_1 a:hover{text-decoration:none}._default_1itq5_55{font-size:1rem}._muted_1itq5_59{color:var(--color-primary-25)}._lead_1itq5_63{font-size:1.25rem;font-weight:500}._small_1itq5_68{font-size:.875rem}
|
package/dist/styles.css.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ declare const styles: {
|
|
|
22
22
|
readonly "_alignStart_134u6_31": string;
|
|
23
23
|
readonly "_alignStretch_134u6_43": string;
|
|
24
24
|
readonly "_animatedSpan_4rh7w_1": string;
|
|
25
|
-
readonly "
|
|
25
|
+
readonly "_applyFilters_up05w_210": string;
|
|
26
26
|
readonly "_articleCategories_vho5i_67": string;
|
|
27
27
|
readonly "_articleDetails_vho5i_40": string;
|
|
28
28
|
readonly "_articleType_vho5i_53": string;
|
|
@@ -52,7 +52,7 @@ declare const styles: {
|
|
|
52
52
|
readonly "_breadcrumbs_qx9xp_1": string;
|
|
53
53
|
readonly "_busy_1ihs2_73": string;
|
|
54
54
|
readonly "_buttonGroup_15lw8_1": string;
|
|
55
|
-
readonly "
|
|
55
|
+
readonly "_buttonIsLoading_up05w_297": string;
|
|
56
56
|
readonly "_buttons_7fvg3_75": string;
|
|
57
57
|
readonly "_buttons_nphsl_34": string;
|
|
58
58
|
readonly "_calendar_1q8jq_1": string;
|
|
@@ -97,7 +97,7 @@ declare const styles: {
|
|
|
97
97
|
readonly "_checkbox_14hke_7": string;
|
|
98
98
|
readonly "_chevron_11c6i_662": string;
|
|
99
99
|
readonly "_circle_u21vc_22": string;
|
|
100
|
-
readonly "
|
|
100
|
+
readonly "_clearSearch_up05w_98": string;
|
|
101
101
|
readonly "_clickableRow_s4y5l_30": string;
|
|
102
102
|
readonly "_clickable_18z15_31": string;
|
|
103
103
|
readonly "_clickable_ti1qi_18": string;
|
|
@@ -114,7 +114,6 @@ declare const styles: {
|
|
|
114
114
|
readonly "_container_1677v_16": string;
|
|
115
115
|
readonly "_container_16g66_8": string;
|
|
116
116
|
readonly "_container_171d6_1": string;
|
|
117
|
-
readonly "_container_17zlj_9": string;
|
|
118
117
|
readonly "_container_1mkr8_10": string;
|
|
119
118
|
readonly "_container_1w006_20": string;
|
|
120
119
|
readonly "_container_1wi59_18": string;
|
|
@@ -133,6 +132,7 @@ declare const styles: {
|
|
|
133
132
|
readonly "_container_nphsl_5": string;
|
|
134
133
|
readonly "_container_rnjap_5": string;
|
|
135
134
|
readonly "_container_rxzrj_224": string;
|
|
135
|
+
readonly "_container_up05w_9": string;
|
|
136
136
|
readonly "_container_vho5i_7": string;
|
|
137
137
|
readonly "_content_11c6i_1010": string;
|
|
138
138
|
readonly "_content_140ia_37": string;
|
|
@@ -186,7 +186,7 @@ declare const styles: {
|
|
|
186
186
|
readonly "_documentExcerpt_cm5e5_195": string;
|
|
187
187
|
readonly "_documentEyebrow_cm5e5_384": string;
|
|
188
188
|
readonly "_documentImage_cm5e5_134": string;
|
|
189
|
-
readonly "
|
|
189
|
+
readonly "_documentList_up05w_1": string;
|
|
190
190
|
readonly "_documentTitle_cm5e5_364": string;
|
|
191
191
|
readonly "_document_cm5e5_102": string;
|
|
192
192
|
readonly "_documents_cm5e5_114": string;
|
|
@@ -224,9 +224,9 @@ declare const styles: {
|
|
|
224
224
|
readonly "_fieldset_1i2zv_1": string;
|
|
225
225
|
readonly "_fileList_1mpje_34": string;
|
|
226
226
|
readonly "_fill_pna67_18": string;
|
|
227
|
-
readonly "
|
|
228
|
-
readonly "
|
|
229
|
-
readonly "
|
|
227
|
+
readonly "_filterHeader_up05w_170": string;
|
|
228
|
+
readonly "_filterList_up05w_195": string;
|
|
229
|
+
readonly "_filterToggle_up05w_155": string;
|
|
230
230
|
readonly "_first_1fhn6_40": string;
|
|
231
231
|
readonly "_flex_1mldh_52": string;
|
|
232
232
|
readonly "_flex_cm5e5_45": string;
|
|
@@ -268,7 +268,6 @@ declare const styles: {
|
|
|
268
268
|
readonly "_headingVertical_exdo2_56": string;
|
|
269
269
|
readonly "_headingVertical_ivubr_208": string;
|
|
270
270
|
readonly "_heading_16g66_21": string;
|
|
271
|
-
readonly "_heading_17zlj_20": string;
|
|
272
271
|
readonly "_heading_1x4bo_25": string;
|
|
273
272
|
readonly "_heading_1ytlu_24": string;
|
|
274
273
|
readonly "_heading_20vut_24": string;
|
|
@@ -277,10 +276,11 @@ declare const styles: {
|
|
|
277
276
|
readonly "_heading_ivubr_80": string;
|
|
278
277
|
readonly "_heading_l5nlh_19": string;
|
|
279
278
|
readonly "_heading_nphsl_49": string;
|
|
279
|
+
readonly "_heading_up05w_20": string;
|
|
280
280
|
readonly "_hero_vho5i_1": string;
|
|
281
281
|
readonly "_hidden_11c6i_61": string;
|
|
282
282
|
readonly "_hidden_1mkr8_221": string;
|
|
283
|
-
readonly "
|
|
283
|
+
readonly "_hide_up05w_248": string;
|
|
284
284
|
readonly "_hide_vho5i_105": string;
|
|
285
285
|
readonly "_horizontal_134u6_9": string;
|
|
286
286
|
readonly "_horizontal_15lw8_37": string;
|
|
@@ -407,20 +407,20 @@ declare const styles: {
|
|
|
407
407
|
readonly "_link_1wtpc_46": string;
|
|
408
408
|
readonly "_link_l5nlh_82": string;
|
|
409
409
|
readonly "_link_qx9xp_25": string;
|
|
410
|
-
readonly "
|
|
411
|
-
readonly "
|
|
412
|
-
readonly "
|
|
413
|
-
readonly "
|
|
410
|
+
readonly "_listContainer_up05w_26": string;
|
|
411
|
+
readonly "_listFilters_up05w_202": string;
|
|
412
|
+
readonly "_listHeaderFilters_up05w_117": string;
|
|
413
|
+
readonly "_listHeader_up05w_58": string;
|
|
414
414
|
readonly "_listItem_1fin2_13": string;
|
|
415
|
-
readonly "
|
|
416
|
-
readonly "
|
|
417
|
-
readonly "
|
|
418
|
-
readonly "
|
|
419
|
-
readonly "_list_17zlj_26": string;
|
|
415
|
+
readonly "_listResults_up05w_128": string;
|
|
416
|
+
readonly "_listSearch_up05w_71": string;
|
|
417
|
+
readonly "_listSort_up05w_132": string;
|
|
418
|
+
readonly "_listWrapper_up05w_37": string;
|
|
420
419
|
readonly "_list_1fin2_1": string;
|
|
421
420
|
readonly "_list_1wmnv_23": string;
|
|
422
421
|
readonly "_list_qx9xp_7": string;
|
|
423
|
-
readonly "
|
|
422
|
+
readonly "_list_up05w_26": string;
|
|
423
|
+
readonly "_loadMore_up05w_191": string;
|
|
424
424
|
readonly "_localeModal_11c6i_430": string;
|
|
425
425
|
readonly "_locale_11c6i_111": string;
|
|
426
426
|
readonly "_logo_11c6i_40": string;
|
|
@@ -535,8 +535,8 @@ declare const styles: {
|
|
|
535
535
|
readonly "_right_55xty_12": string;
|
|
536
536
|
readonly "_right_tu4lq_66": string;
|
|
537
537
|
readonly "_right_w9ixy_40": string;
|
|
538
|
-
readonly "_rotate_17zlj_1": string;
|
|
539
538
|
readonly "_rotate_1bj6k_72": string;
|
|
539
|
+
readonly "_rotate_up05w_1": string;
|
|
540
540
|
readonly "_scroll_l5nlh_35": string;
|
|
541
541
|
readonly "_searchModal_11c6i_429": string;
|
|
542
542
|
readonly "_searchWrapper_11c6i_952": string;
|
|
@@ -556,8 +556,8 @@ declare const styles: {
|
|
|
556
556
|
readonly "_shadow_ti1qi_34": string;
|
|
557
557
|
readonly "_shimmer_u21vc_1": string;
|
|
558
558
|
readonly "_show_11c6i_576": string;
|
|
559
|
-
readonly "_show_17zlj_239": string;
|
|
560
559
|
readonly "_show_55xty_60": string;
|
|
560
|
+
readonly "_show_up05w_239": string;
|
|
561
561
|
readonly "_sidebar_l5nlh_40": string;
|
|
562
562
|
readonly "_single_1fhn6_39": string;
|
|
563
563
|
readonly "_skeleton_u21vc_1": string;
|
|
@@ -690,7 +690,6 @@ declare const styles: {
|
|
|
690
690
|
readonly "_wrap_134u6_13": string;
|
|
691
691
|
readonly "_wrapper_10s7j_1": string;
|
|
692
692
|
readonly "_wrapper_14hke_1": string;
|
|
693
|
-
readonly "_wrapper_17zlj_258": string;
|
|
694
693
|
readonly "_wrapper_1j39k_1": string;
|
|
695
694
|
readonly "_wrapper_1mpje_1": string;
|
|
696
695
|
readonly "_wrapper_1nmh2_1": string;
|
|
@@ -699,6 +698,7 @@ declare const styles: {
|
|
|
699
698
|
readonly "_wrapper_4yxo1_1": string;
|
|
700
699
|
readonly "_wrapper_560ee_1": string;
|
|
701
700
|
readonly "_wrapper_s4y5l_1": string;
|
|
701
|
+
readonly "_wrapper_up05w_258": string;
|
|
702
702
|
readonly "_wrapper_x8y4v_1": string;
|
|
703
703
|
readonly "_xl_171d6_21": string;
|
|
704
704
|
readonly "_xl_1ihs2_35": string;
|
package/package.json
CHANGED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { C as u } from "./index-C-E0ib2G.js";
|
|
3
|
-
import { X as m } from "./x-CnsEH4Ox.js";
|
|
4
|
-
import './assets/CategoryFilters.css';const f = "_documentList_17zlj_1", H = "_container_17zlj_9", L = "_heading_17zlj_20", S = "_listContainer_17zlj_26", F = "_listWrapper_17zlj_37", b = "_list_17zlj_26", C = "_listHeader_17zlj_58", g = "_listSearch_17zlj_71", k = "_clearSearch_17zlj_98", v = "_listHeaderFilters_17zlj_117", w = "_listResults_17zlj_128", y = "_listSort_17zlj_132", x = "_filterToggle_17zlj_155", N = "_filterHeader_17zlj_170", T = "_loadMore_17zlj_191", I = "_filterList_17zlj_195", M = "_listFilters_17zlj_202", R = "_applyFilters_17zlj_210", W = "_show_17zlj_239", A = "_hide_17zlj_248", $ = "_buttonIsLoading_17zlj_299", s = {
|
|
5
|
-
documentList: f,
|
|
6
|
-
container: H,
|
|
7
|
-
heading: L,
|
|
8
|
-
listContainer: S,
|
|
9
|
-
listWrapper: F,
|
|
10
|
-
list: b,
|
|
11
|
-
listHeader: C,
|
|
12
|
-
listSearch: g,
|
|
13
|
-
clearSearch: k,
|
|
14
|
-
listHeaderFilters: v,
|
|
15
|
-
listResults: w,
|
|
16
|
-
listSort: y,
|
|
17
|
-
filterToggle: x,
|
|
18
|
-
filterHeader: N,
|
|
19
|
-
loadMore: T,
|
|
20
|
-
filterList: I,
|
|
21
|
-
listFilters: M,
|
|
22
|
-
applyFilters: R,
|
|
23
|
-
show: W,
|
|
24
|
-
hide: A,
|
|
25
|
-
buttonIsLoading: $
|
|
26
|
-
};
|
|
27
|
-
function E({
|
|
28
|
-
categoryFilters: e,
|
|
29
|
-
selectedCategories: i,
|
|
30
|
-
setSelectedCategories: _,
|
|
31
|
-
setArticles: o,
|
|
32
|
-
setStart: c,
|
|
33
|
-
setHasMore: a,
|
|
34
|
-
showFilters: d,
|
|
35
|
-
toggleFilters: r,
|
|
36
|
-
isLoading: h
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ n(
|
|
39
|
-
"div",
|
|
40
|
-
{
|
|
41
|
-
className: `${s.listFilters} ${d ? s.show : s.hide}`,
|
|
42
|
-
children: [
|
|
43
|
-
/* @__PURE__ */ n("div", { className: s.filterHeader, children: [
|
|
44
|
-
/* @__PURE__ */ l("h5", { children: "Filters" }),
|
|
45
|
-
/* @__PURE__ */ l("button", { onClick: () => r(), children: /* @__PURE__ */ l(m, { size: 24 }) })
|
|
46
|
-
] }),
|
|
47
|
-
/* @__PURE__ */ l("div", { className: s.filterList, children: e == null ? void 0 : e.map((t) => /* @__PURE__ */ n("label", { children: [
|
|
48
|
-
/* @__PURE__ */ l(
|
|
49
|
-
"input",
|
|
50
|
-
{
|
|
51
|
-
type: "checkbox",
|
|
52
|
-
value: t._id,
|
|
53
|
-
checked: i.includes(t._id),
|
|
54
|
-
onChange: (j) => {
|
|
55
|
-
const p = j.target.checked ? [...i, t._id] : i.filter((z) => z !== t._id);
|
|
56
|
-
o([]), c(0), a(!0), _(p);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
),
|
|
60
|
-
t.title
|
|
61
|
-
] }, t._id)) }),
|
|
62
|
-
/* @__PURE__ */ l(
|
|
63
|
-
u,
|
|
64
|
-
{
|
|
65
|
-
as: "button",
|
|
66
|
-
variant: "secondary",
|
|
67
|
-
onClick: r,
|
|
68
|
-
disabled: h,
|
|
69
|
-
className: s.applyFilters,
|
|
70
|
-
children: "Apply Filters"
|
|
71
|
-
}
|
|
72
|
-
)
|
|
73
|
-
]
|
|
74
|
-
}
|
|
75
|
-
);
|
|
76
|
-
}
|
|
77
|
-
export {
|
|
78
|
-
E as C,
|
|
79
|
-
s
|
|
80
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('./assets/CategoryFilters.css');const t=require("react/jsx-runtime"),z=require("./index-BN6814Bi.cjs"),p=require("./x-Dft9NVe_.cjs"),x="_documentList_17zlj_1",F="_container_17zlj_9",H="_heading_17zlj_20",L="_listContainer_17zlj_26",S="_listWrapper_17zlj_37",m="_list_17zlj_26",b="_listHeader_17zlj_58",f="_listSearch_17zlj_71",g="_clearSearch_17zlj_98",C="_listHeaderFilters_17zlj_117",k="_listResults_17zlj_128",y="_listSort_17zlj_132",v="_filterToggle_17zlj_155",w="_filterHeader_17zlj_170",T="_loadMore_17zlj_191",q="_filterList_17zlj_195",N="_listFilters_17zlj_202",$="_applyFilters_17zlj_210",A="_show_17zlj_239",I="_hide_17zlj_248",M="_buttonIsLoading_17zlj_299",s={documentList:x,container:F,heading:H,listContainer:L,listWrapper:S,list:m,listHeader:b,listSearch:f,clearSearch:g,listHeaderFilters:C,listResults:k,listSort:y,filterToggle:v,filterHeader:w,loadMore:T,filterList:q,listFilters:N,applyFilters:$,show:A,hide:I,buttonIsLoading:M};function R({categoryFilters:l,selectedCategories:i,setSelectedCategories:r,setArticles:_,setStart:o,setHasMore:c,showFilters:a,toggleFilters:n,isLoading:d}){return t.jsxs("div",{className:`${s.listFilters} ${a?s.show:s.hide}`,children:[t.jsxs("div",{className:s.filterHeader,children:[t.jsx("h5",{children:"Filters"}),t.jsx("button",{onClick:()=>n(),children:t.jsx(p.X,{size:24})})]}),t.jsx("div",{className:s.filterList,children:l==null?void 0:l.map(e=>t.jsxs("label",{children:[t.jsx("input",{type:"checkbox",value:e._id,checked:i.includes(e._id),onChange:h=>{const j=h.target.checked?[...i,e._id]:i.filter(u=>u!==e._id);_([]),o(0),c(!0),r(j)}}),e.title]},e._id))}),t.jsx(z.CallToAction,{as:"button",variant:"secondary",onClick:n,disabled:d,className:s.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=R;exports.styles=s;
|