1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6709],{22159:(e,r,o)=>{o.d(r,{QM:()=>b}),Object.defineProperty;var a=o(48444),t=(Object.defineProperty,o(98488)),n=o(36092),i=o(54720),c=o(20137),s=o(42295);const l=c.I4.div(e=>c.AH` 2 ${t.xP.FunctionalAvatar} { 3 border: ${e.theme.border.width[1]} ${e.theme.border.style[1]} 4 ${e.iconAvatarTheme.appearance[e.appearance].borderColor}; 5 } 6 `),d=c.I4.span` 7 display: flex; 8 justify-content: center; 9 align-items: center; 10`,p=e=>({appearance:{primary:{backgroundColor:e.color.monochrome1.default,borderColor:e.color.monochrome3.default,inverseIcon:!1},secondary:{backgroundColor:e.color.secondary1.default,borderColor:"transparent",inverseIcon:!0}},size:{1:{iconSize:1},2:{iconSize:2},3:{iconSize:4},4:{iconSize:5},5:{iconSize:5},6:{iconSize:5}}}),h=({appearance:e="primary",icon:r,size:o=2,onClick:c,onMouseDown:h,onMouseUp:u,onTouchStart:m,onTouchEnd:g,href:x,id:f,dataSelectorPrefix:b,dataAttributes:v,srText:y,localTheme:A,customRouterProps:$,role:z})=>{const S="IconAvatar",k=(0,i.Y1)(S,p,A),{backgroundColor:T,inverseIcon:I}=k.appearance[e],{iconSize:j}=k.size[o];return(0,s.jsx)(l,{iconAvatarTheme:k,appearance:e,id:f,"data-selector":(0,a.A)(b),"data-component-name":S,...v,children:(0,s.jsx)(t.Tt,{backgroundColor:T,size:o,onClick:c,onMouseDown:h,onMouseUp:u,onTouchStart:m,onTouchEnd:g,href:x,dataAttributes:v,srText:y,customRouterProps:$,dataSelectorPrefix:(0,a.A)(b,"functional-avatar"),role:z,children:(0,s.jsx)(d,{children:(0,s.jsx)(n.In,{name:r.name,group:r.group,dataSelectorPrefix:(0,a.A)(b,r.name),inverse:I,size:j})})})})};var u=o(53356),m=o(25904);const g=c.I4.div(e=>{const{color:r,hoverColor:o}=e.avatarWithLabelTheme.appearance[e.appearance];return c.AH` 11 display: inline-flex; 12 align-items: center; 13 ${(0,m.YK)("gap",2)}; 14 ${(0,m.Sg)("padding",[2,3,2,2])}; 15 border: ${e.theme.border.width[1]} ${e.theme.border.style[1]} ${r}; 16 border-radius: ${e.theme.border.radius[3]}; 17 color: ${r}; 18 ${(0,m.kY)()}; 19 ${(0,m.Dx)(!0)}; 20 21 &:hover { 22 color: ${o}; 23 } 24 25 ${"fill"===e.width&&c.AH` 26 width: 100%; 27 28 & > span { 29 white-space: nowrap; 30 overflow: hidden; 31 text-overflow: ellipsis; 32 } 33 `} 34 `}),x=c.I4.span` 35 ${m.Il.heading(1,!1)} 36`,f=e=>({appearance:{primary:{color:e.color.monochrome6.default,hoverColor:e.color.secondary7.default,iconAvatarAppearance:"secondary"}}}),b=({appearance:e="primary",localTheme:r,id:o,dataSelectorPrefix:t,dataAttributes:n,type:c,icon:l,image:d,label:p,width:m="auto"})=>{const b="AvatarWithLabel",v=(0,i.Y1)(b,f,r),{iconAvatarAppearance:y}=v.appearance[e];return(0,s.jsxs)(g,{avatarWithLabelTheme:v,appearance:e,id:o,width:m,"data-selector":(0,a.A)(t),"data-component-name":b,tabIndex:0,...n,children:["photo"===c&&d&&(0,s.jsx)(u.A,{image:d}),"icon"===c&&(0,s.jsx)(h,{appearance:y,size:2,icon:l}),(0,s.jsx)(x,{children:p})]})}},98488:(e,r,o)=>{o.d(r,{Tt:()=>m,xP:()=>p});var a=Object.defineProperty,t=(e,r)=>{let o={};for(var t in e)a(o,t,{get:e[t],enumerable:!0});return r||a(o,Symbol.toStringTag,{value:"Module"}),o},n=o(48444),i=o(20137),c=o(70763),s=o(25904),l=o(42295);function d(e){switch(e){case 1:return{sm:24,md:24,lg:24,xl:24};case 2:return{sm:32,md:32,lg:32,xl:32};case 3:return{sm:48,md:48,lg:48,xl:48};case 4:return{sm:64,md:64,lg:64,xl:64};case 5:return{sm:80,md:80,lg:88,xl:88};case 6:return{sm:88,md:96,lg:104,xl:104};default:return{sm:0,md:0,lg:0,xl:0}}}var p=t({ChildrenWrapper:()=>u,FunctionalAvatar:()=>h});const h=(0,i.I4)(c.N3)(e=>i.AH` 37 position: relative; 38 display: inline-flex; 39 width: ${d(e.size).sm}px; 40 height: ${d(e.size).sm}px; 41 border-radius: 100%; 42 ${(0,s.kY)()} 43 44 ${s.XG.md(i.AH` 45 width: ${d(e.size).md}px; 46 height: ${d(e.size).md}px; 47 `)} 48 49 ${s.XG.lg(i.AH` 50 width: ${d(e.size).lg}px; 51 height: ${d(e.size).lg}px; 52 `)} 53 54 ${e.backgroundImage&&i.AH` 55 ${(0,s.iL)(e.backgroundImage)} 56 `} 57 58 ${e.backgroundColor&&i.AH` 59 background-color: ${e.backgroundColor}; 60 `} 61 62 &::after { 63 content: ''; 64 position: absolute; 65 width: 100%; 66 height: 100%; 67 border-radius: inherit; 68 ${(0,s.kY)()} 69 } 70 71 ${(e.onClick??e.customRouterProps??e.href)&&i.AH` 72 &:hover::after { 73 background: ${e.theme.color.opacity4.default}; 74 } 75 76 &:active::after { 77 background: ${e.theme.color.opacity5.default}; 78 } 79 `} 80 `),u=i.I4.div` 81 display: flex; 82 justify-content: center; 83 align-items: center; 84 width: 100%; 85 height: 100%; 86`,m=({size:e=2,backgroundImage:r,backgroundColor:o,children:a,onClick:t,onMouseDown:i,onMouseUp:c,onTouchStart:s,onTouchEnd:d,href:p,id:m,dataSelectorPrefix:g,dataAttributes:x,componentName:f,srText:b,customRouterProps:v,role:y})=>(0,l.jsx)(h,{size:e,backgroundImage:r,backgroundColor:o,onClick:t,onMouseDown:i,onMouseUp:c,onTouchStart:s,onTouchEnd:d,href:p,id:m,dataSelectorPrefix:(0,n.A)(g),componentName:f,dataAttributes:x,label:b,customRouterProps:v,role:y,children:(0,l.jsx)(u,{children:a})})},58068:(e,r,o)=>{o.d(r,{Ay:()=>h}),Object.defineProperty;var a=o(48444),t=o(98488),n=o(54720),i=o(20137),c=o(25904),s=o(42295);function l(e,r){switch(e){case 1:case 2:return{sm:r.typography.paragraph[1].sm.fontSize,md:r.typography.paragraph[1].md.fontSize,lg:r.typography.paragraph[1].lg.fontSize,xl:r.typography.paragraph[1].xl.fontSize};case 3:return{sm:r.typography.heading[2].sm.fontSize,md:r.typography.heading[1].md.fontSize,lg:r.typography.heading[1].lg.fontSize,xl:r.typography.heading[1].xl.fontSize};case 4:return{sm:r.typography.heading[4].sm.fontSize,md:r.typography.heading[2].md.fontSize,lg:r.typography.heading[2].lg.fontSize,xl:r.typography.heading[2].xl.fontSize};
86case 5:case 6:return{sm:r.typography.heading[5].sm.fontSize,md:r.typography.heading[4].md.fontSize,lg:r.typography.heading[3].lg.fontSize,xl:r.typography.heading[3].xl.fontSize}}}const d=i.I4.span(e=>i.AH` 87 color: ${e.initialsAvatarTheme.appearance[e.appearance].textColor}; 88 text-transform: uppercase; 89 font-weight: ${e.theme.fontWeight[2]}; 90 font-size: ${l(e.size,e.theme).sm}px; 91 92 ${c.XG.md(i.AH` 93 font-size: ${l(e.size,e.theme).md}px; 94 `)} 95 96 ${c.XG.lg(i.AH` 97 font-size: ${l(e.size,e.theme).lg}px; 98 `)} 99 100 ${c.XG.xl(i.AH` 101 font-size: ${l(e.size,e.theme).xl}px; 102 `)} 103 `),p=e=>({appearance:{primary:{backgroundColor:e.color.monochrome1.default,textColor:e.color.monochrome6.default},secondary:{backgroundColor:e.color.secondary1.default,textColor:e.color.monochrome1.default}}}),h=({appearance:e="primary",initials:r,href:o,onClick:i,onMouseDown:c,onMouseUp:l,onTouchStart:h,onTouchEnd:u,size:m=2,srText:g,id:x,dataSelectorPrefix:f,dataAttributes:b,customRouterProps:v,localTheme:y,role:A})=>{const $="InitialsAvatar",z=(0,n.Y1)($,p,y),{backgroundColor:S}=z.appearance[e];return(0,s.jsx)(t.Tt,{backgroundColor:S,size:m,onClick:i,onMouseDown:c,onMouseUp:l,onTouchStart:h,onTouchEnd:u,customRouterProps:v,href:o,id:x,dataSelectorPrefix:(0,a.A)(f),dataAttributes:b,componentName:$,srText:g,role:A,children:(0,s.jsx)(d,{initialsAvatarTheme:z,appearance:e,size:m,"data-selector":(0,a.A)(f,"initials"),children:r})})}},22878:(e,r,o)=>{o.d(r,{je:()=>x,LJ:()=>u,Ay:()=>x});var a=Object.defineProperty,t=(e,r)=>{let o={};for(var t in e)a(o,t,{get:e[t],enumerable:!0});return r||a(o,Symbol.toStringTag,{value:"Module"}),o},n=o(48444),i=o(36092),c=o(19951),s=o(85349),l=o(54720),d=o(20137),p=o(25904),h=o(42295),u=t({InlineNotification:()=>m});const m=d.I4.div(e=>d.AH` 104 display: flex; 105 align-items: center; 106 background-color: ${e.inlineNotificationTheme.appearance[e.appearance].backgroundColor}; 107 ${(0,p.Sg)("padding",[1,2])}; 108 ${(0,p.YK)("gap",2)}; 109 `),g=e=>({appearance:{primary:{backgroundColor:e.color.monochrome2.default},secondary:{backgroundColor:e.color.monochrome1.default}}}),x=({appearance:e="primary",state:r,link:o,text:a,srAnnounce:t,localTheme:d,id:p,dataSelectorPrefix:u,dataAttributes:x})=>{const f="InlineNotification";return(0,h.jsxs)(m,{appearance:e,inlineNotificationTheme:(0,l.Y1)(f,g,d),role:t?"alert":"",id:p,"data-selector":(0,n.A)(u),"data-component-name":f,...x,children:[(0,h.jsx)(i.In,{name:r,group:"state",size:2,isResponsive:!1,dataSelectorPrefix:(0,n.A)(u,"icon")}),(0,h.jsx)(s.fz,{noMargin:!0,dataSelectorPrefix:(0,n.A)(u,"text"),children:o?(0,h.jsxs)(h.Fragment,{children:[`${a} `,(0,h.jsx)(c.gH,{...o,dataSelectorPrefix:(0,n.A)(u,"link"),children:o.text})]}):a})]})}},219:(e,r,o)=>{o.d(r,{N_:()=>g,h3:()=>p,Ay:()=>g});var a=Object.defineProperty,t=(e,r)=>{let o={};for(var t in e)a(o,t,{get:e[t],enumerable:!0});return r||a(o,Symbol.toStringTag,{value:"Module"}),o},n=o(48444),i=o(54720),c=o(20137),s=o(70763),l=o(25904),d=o(42295),p=t({DisabledButtonWrapper:()=>h,Link:()=>u});const h=(0,c.I4)(s.Wc)` 110 display: inline-flex; 111`,u=(0,c.I4)(s.N3)(e=>c.AH` 112 color: ${e.linkTheme.appearance[e.appearance].color}; 113 ${(0,l.kY)()}; 114 115 ${e.showUnderline&&c.AH` 116 text-decoration: underline; 117 `} 118 119 ${e.inverse&&c.AH` 120 color: ${e.linkTheme.appearance[e.appearance].inverse.color}; 121 `} 122 123 ${1===e.size&&c.AH` 124 ${l.Il.paragraph(1,!1)}; 125 `} 126 127 ${2===e.size&&c.AH` 128 ${l.Il.paragraph(2,!1)}; 129 `} 130 131 ${3===e.size&&c.AH` 132 ${l.Il.heading(1,!1)}; 133 `} 134 135 ${4===e.size&&c.AH` 136 ${l.Il.heading(2,!1)}; 137 `} 138 139 &:hover { 140 color: ${e.linkTheme.appearance[e.appearance].hover}; 141 text-decoration: underline; 142 143 ${e.inverse&&c.AH` 144 color: ${e.linkTheme.appearance[e.appearance].inverse.hover}; 145 `} 146 } 147 148 &:focus { 149 text-decoration: underline; 150 } 151 `),m=e=>({appearance:{primary:{color:e.color.monochrome6.default,hover:e.color.secondary7.default,inverse:{color:e.inverseColor.monochrome6.default,hover:e.inverseColor.secondary7.default}},secondary:{color:e.color.secondary7.default,hover:e.color.secondary7.hover,inverse:{color:e.inverseColor.secondary7.default,hover:e.inverseColor.secondary7.hover}}}}),g=({appearance:e="primary",showUnderline:r=!1,href:o,htmlAttributes:a={},dataAttributes:t,onClick:c,onMouseDown:s,onMouseUp:l,onTouchStart:p,onTouchEnd:g,inverse:x,srText:f,text:b,size:v=2,id:y,customRouterProps:A,dataSelectorPrefix:$,localTheme:z,state:S,role:k})=>{const T="Link",I=(0,d.jsx)(u,{appearance:e,linkTheme:(0,i.Y1)(T,m,z),href:o,target:a.target,onClick:c,onMouseDown:s,onMouseUp:l,onTouchStart:p,onTouchEnd:g,showUnderline:r,inverse:x,label:f,rel:a.rel,componentName:T,dataAttributes:t,size:v,id:y,customRouterProps:A,dataSelectorPrefix:(0,n.A)($),disabled:"disabled"===S,role:k,children:b});if("disabled"===S){if(!o&&!A?.to)return(0,d.jsx)(h,{label:f??b,children:I});console.error("state 'disabled' should not be passed when using href/customRouterProps.to")}return I}},11046:(e,r,o)=>{o.d(r,{aH:()=>v,Ay:()=>v}),Object.defineProperty;var a=o(48431),t=o(35907),n=o(48444),i=o(84089),c=o(54720),s=o(20137),l=o(42295),d=o(25904);function p(e){switch(e){case 1:return{width:76,height:76};case 2:return{width:148,height:148};case 3:return{width:300,height:300}}}const h=s.I4.div(e=>
151{let r=e.loaderTheme.appearance[e.appearance??"primary"];e.inverse&&r.inverse&&(r=r.inverse);const{color:o,ghostColor:a}=r;return s.AH` 152 color: ${o}; 153 154 --loader-ghost-color: ${a??o}; 155 156 @keyframes dashdraw { 157 to { 158 stroke-dashoffset: 610; 159 } 160 } 161 162 svg { 163 width: ${p(e.size).width}px; 164 height: ${p(e.size).height}px; 165 } 166 167 svg g path { 168 fill: ${o}; 169 } 170 171 svg > path:nth-child(1) { 172 fill: none; 173 stroke: ${o}; 174 stroke-width: 2; 175 stroke-linejoin: round; 176 stroke-linecap: round; 177 opacity: 0.3; 178 stroke-dasharray: 120 32; 179 animation: dashdraw 3.5s linear infinite; 180 animation-delay: 0.2s; 181 } 182 183 svg > path:nth-child(2) { 184 opacity: 0.6; 185 stroke-dasharray: 120 32; 186 animation: dashdraw 3.5s linear infinite; 187 animation-delay: 0.1s; 188 fill: none; 189 stroke: ${o}; 190 stroke-width: 3; 191 stroke-linejoin: round; 192 stroke-linecap: round; 193 } 194 195 svg > path:nth-child(3) { 196 stroke-dasharray: 120 32; 197 animation: dashdraw 3.5s linear infinite; 198 fill: none; 199 stroke: ${o}; 200 stroke-width: 4; 201 stroke-linejoin: round; 202 stroke-linecap: round; 203 } 204 `}),u=({loaderTheme:e,size:r,appearance:o,inverse:a})=>(0,l.jsx)(h,{loaderTheme:e,size:r,appearance:o,inverse:a,children:e.svg});function m(e){switch(e){case 1:return 1;case 2:return 2;case 3:return 4}}const g=s.I4.div` 205 display: flex; 206 flex-direction: column; 207 justify-content: center; 208 align-items: center; 209`,x=s.I4.span` 210 ${(0,d.sM)()} 211`,f=(0,l.jsxs)("svg",{viewBox:"0 0 300 300",children:[(0,l.jsx)("path",{d:"M185.65,40.86l-0.22,0c-28.22,0.33-57.74,11.7-78.99,30.42C79.44,93.61,62,129.95,62,163.92\n\tc0,26.73,9.87,51.28,27.8,69.13c16.65,16.58,39.06,26.1,61.49,26.1c53.56,0,86.71-44.64,86.71-85.99c0-17.3-4.21-32.61-12.5-45.52\n\tc-8.83-13.74-22.04-24.27-39.3-31.38c1.2-3.82,2.98-7.05,5.32-9.65c1.
2116-1.77,3.69-3.45,4.35-3.9"}),(0,l.jsx)("path",{d:"M185.65,47.97l-0.13,0c-26.62,0.31-54.44,11.04-74.45,28.72c-25.49,21.03-41.95,55.25-41.95,87.22\n\tc0,24.82,9.13,47.58,25.7,64.09c15.33,15.27,35.91,24.02,56.47,24.02c49.16,0,79.6-40.94,79.6-78.88c0-15.91-3.83-29.93-11.37-41.67\n\tc-8.95-13.93-22.94-24.26-41.62-30.77c1.2-7.72,3.99-14.05,8.34-18.87c2.31-2.56,5.35-4.94,6.25-5.4"}),(0,l.jsx)("path",{d:"M185.71,55.09l-0.11,0c-25.01,0.29-51.13,10.39-69.92,27.02c-23.97,19.73-39.45,51.82-39.45,81.81\n\tc0,22.91,8.38,43.88,23.61,59.05c14,13.95,32.76,21.95,51.45,21.95c44.77,0,72.48-37.25,72.48-71.76c0-23.89-9.47-54.49-53.55-67.42\n\tc0.42-7.31,2.21-19.2,10.73-28.65c2.57-2.85,6.31-5.98,8.37-7"}),(0,l.jsx)("g",{children:(0,l.jsx)("path",{d:"M169.82,69.89c-12.5,15.07-12.76,33.09-12.86,40.02c-0.01,0.41-0.01,0.77-0.02,1.08l-0.12,4.83l4.7,1.14\n\t\tc32.6,7.94,49.13,26.84,49.13,56.18c0,14.26-5.74,28.76-15.74,39.76c-7.83,8.62-21.76,18.89-43.62,18.89\n\t\tc-15.25,0-30.62-6.61-42.19-18.13c-12.74-12.68-19.75-30.35-19.75-49.75c0-26.26,13.65-54.43,34.77-71.76l0.09-0.07l0.09-0.08\n\t\tC136.61,81.07,153.13,73.18,169.82,69.89 M185.71,62.2c-0.01,0-0.02,0-0.03,0c-21.67,0.25-46.87,8.88-65.38,25.32\n\t\tc-20.87,17.13-36.96,46.26-36.96,76.4c0,45.51,34.73,73.88,67.94,73.88c41.01,0,65.37-34.05,65.37-64.65\n\t\tc0-30.78-16.84-53.02-53.71-62.01c0.01-0.33,0.01-0.71,0.02-1.15c0.09-6.47,0.34-23.99,12.7-37.68c2.7-2.99,7.17-6.97,10.48-8.61\n\t\tC187.23,63.17,187.06,62.2,185.71,62.2L185.71,62.2z"})})]}),b=e=>({appearance:{primary:{color:e.color.primary1.default,inverse:{color:e.inverseColor.monochrome6.default}},secondary:{color:e.color.monochrome3.default,inverse:{color:e.inverseColor.monochrome3.default}}},svg:f}),v=({appearance:e="primary",inverse:r=!1,size:o=3,text:s,localTheme:d,srText:p,id:h,dataAttributes:f,dataSelectorPrefix:v})=>{const y="Loader",A=(0,c.Y1)(y,b,d);return(0,l.jsxs)(a.Fragment,{children:[(0,l.jsxs)(g,{id:h,...f,"data-selector":(0,n.A)(v),"data-component-name":y,children:[(0,l.jsx)(t.C_,{children:(0,l.jsx)(u,{loaderTheme:A,size:o,appearance:e,inverse:r})}),(0,l.jsx)(i.DZ,{...s,dataSelectorPrefix:(0,n.A)(v,"heading"),size:m(o),justify:"center",inverse:r})]}),p&&(0,l.jsx)(x,{children:p})]})}},53356:(e,r,o)=>{o.d(r,{A:()=>i});var a=o(48444),t=o(98488),n=o(42295);const i=({image:e,size:r,onClick:o,onMouseDown:i,onMouseUp:c,onTouchStart:s,onTouchEnd:l,href:d,id:p,dataSelectorPrefix:h,dataAttributes:u,srText:m,customRouterProps:g,role:x})=>(0,n.jsx)(t.Tt,{backgroundImage:{sm:{src:e}},size:r,onClick:o,onMouseDown:i,onMouseUp:c,onTouchStart:s,onTouchEnd:l,href:d,id:p,dataSelectorPrefix:(0,a.A)(h),componentName:"PhotoAvatar",dataAttributes:u,srText:m,customRouterProps:g,role:x})},26912:(e,r,o)=>{o.d(r,{DO:()=>$,Ay:()=>$}),Object.defineProperty;var a=o(30855),t=o(48444),n=o(73021),i=o(54720),c=o(20137),s=o(65522),l=o(97375),d=o(72037),p=o(13325),h=o(25904),u=o(42295);const m=c.I4.div` 212 display: flex; 213`,g=c.I4.span(e=>c.AH` 214 ${p.z6.BaseTextInput} { 215 border-top-right-radius: 0; 216 border-bottom-right-radius: 0; 217 border-right-color: ${(!e.state||"loading"===e.state||"disabled"===e.state)&&"transparent"}; 218 ${(0,h.YK)("padding-left",3)}; 219 } 220 `),x=c.I4.div` 221 position: relative; 222 align-items: center; 223 flex-grow: 1; 224`,f=c.I4.div` 225 ${s.WX.Animate} { 226 display: flex; 227 align-items: center; 228 } 229 230 ${(0,h.YK)("padding-right",3)}; 231 position: absolute; 232 display: flex; 233 align-items: center; 234 top: 0; 235 bottom: 0; 236 right: 0; 237`,b=c.I4.span(e=>{const r=(0,l.l8)(e.theme);return c.AH` 238 ${l.ME.IconButton} { 239 border-top-left-radius: 0; 240 border-bottom-left-radius: 0; 241 height: ${r.size[e.size].sm.buttonSize+2}px; 242 width: ${r.size[e.size].sm.buttonSize+2}px; 243 244 ${h.XG.md(c.AH` 245 height: ${r.size[e.size].md.buttonSize+2}px; 246 width: ${r.size[e.size].md.buttonSize+2}px; 247 `)} 248 } 249 250 ${e.state&&"loading"!==e.state&&"disabled"!==e.state&&c.AH` 251 ${l.ME.IconButton} { 252 height: ${r.size[e.size].sm.buttonSize+4}px; 253 width: ${r.size[e.size].sm.buttonSize+4}px; 254 255 ${h.XG.md(c.AH` 256 height: ${r.size[e.size].md.buttonSize+4}px; 257 width: ${r.size[e.size].md.buttonSize+4}px; 258 `)} 259 } 260 `} 261 `}),v=({textInput:e,state:r,searchInputTheme:o,appearance:n,dataSelectorPrefix:i,describedBy:h,label:v,onClear:y,searchIconButton:A,handleSubmit:$})=>{const{transition:z}=(0,c.DP)(),{closeIconAppearance:S,searchIconAppearance:k,inverseCloseIcon:T,inverseSearchIcon:I}=o.appearance[n],{t:j}=(0,a.Bd)();return(0,u.jsxs)(m,{"data-selector":(0,t.A)(i),children:[(0,u.jsxs)(x,{children:[(0,u.jsx)(g,{state:r,children:(0,u.jsx)(p.d2,{...e,state:"loading"===r?void 0:r,type:"search",describedBy:h,dataSelectorPrefix:(0,t.A)(i,e.name)})}),(0,u.jsx)(f,{children:(0,u.jsx)(s.iK,{show:!(!e.value||!e.value.length),enter:{animations:["fadeIn"],duration:z.speed[2]},exit:{animations:["fadeOut"]},children:(0,u.jsx)(d.EG,{name:"close",appearance:S,inverse:T,srText:`${j("Clear")} ${v.toLowerCase()}`,size:2,onClick:y,state:(()=>
261{if("disabled"===r||"loading"===r)return"disabled"})(),dataSelectorPrefix:(0,t.A)(i,"close")})})})]}),(0,u.jsx)(b,{size:4,state:r,"data-selector":(0,t.A)(i,r),children:(0,u.jsx)(l.K0,{id:`${e.id}-trigger`,appearance:k,inverse:I,loading:"loading"===r,srText:A?.srText?A.srText:j("Search"),onClick:$,size:4,icon:{name:A?.icon??"search"},dataSelectorPrefix:(0,t.A)(i,"search")})})]})},y=c.I4.div(e=>c.AH` 262 width: 100%; 263 264 ${"default"===e.width&&c.AH` 265 max-width: 432px; 266 `} 267 268 ${p.z6.BaseTextInput} { 269 ${function(e){const r=e.theme.getIconProperties(e.theme,"system");let o=2,a=r.size[2].sm,t=r.size[2].lg;return e.hasText&&(o=4,a=2*r.size[2].sm,t=2*r.size[2].lg),c.AH` 270 padding-right: ${e.theme.spacing.responsive[2].sm*o+a}px; 271 272 ${h.XG.md(c.AH` 273 padding-right: ${e.theme.spacing.responsive[2].md*o+t}px; 274 `)} 275 276 ${h.XG.lg(c.AH` 277 padding-right: ${e.theme.spacing.responsive[2].lg*o+t}px; 278 `)} 279 280 ${h.XG.xl(c.AH` 281 padding-right: ${e.theme.spacing.responsive[2].xl*o+t}px; 282 `)} 283 `}(e)} 284 } 285 `),A=()=>({appearance:{primary:{closeIconAppearance:"primary",searchIconAppearance:"primary",inverseCloseIcon:!1,inverseSearchIcon:!1}}}),$=({appearance:e="primary",textInput:r,fieldWrapper:o,state:c,searchIconButton:s,onClear:l,localTheme:d,id:p,dataAttributes:h,dataSelectorPrefix:m})=>{const g="SearchInput",x=(0,i.Y1)(g,A,d),{t:f}=(0,a.Bd)(),b=e=>{s?.onClick&&(e.preventDefault(),s.onClick(e))};return(0,u.jsx)(y,{hasText:!!r.value,width:o.width,id:p,...h,"data-selector":(0,t.A)(m),"data-component-name":g,children:(0,u.jsx)("form",{onSubmit:b,children:(0,u.jsx)(n.cm,{...o,formElementId:r.id,state:"loading"===c?void 0:c,dataSelectorPrefix:(0,t.A)(m,"field-wrapper"),children:(0,u.jsx)(v,{label:o.label,textInput:r,state:c,searchIconButton:s,onClear:l,handleSubmit:b,t:f,searchInputTheme:x,appearance:e,dataSelectorPrefix:(0,t.A)(m,"search-input")})})})})}},50081:(e,r,o)=>{o.d(r,{q1:()=>p}),Object.defineProperty;var a=o(48444),t=o(54720),n=o(20137),i=o(70763),c=o(25904),s=o(42295);const l=(0,n.I4)(i.N3)(e=>n.AH` 286 ${(0,c.sM)()}; 287 288 &:focus, 289 &:active { 290 background-color: ${e.skipLinkTheme.appearance[e.appearance].backgroundColor}; 291 color: ${e.skipLinkTheme.appearance[e.appearance].color}; 292 ${c.Il.paragraph(1,!1)}; 293 font-weight: ${e.theme.fontWeight[3]}; 294 clip: unset; 295 clip-path: unset; 296 top: 0; 297 left: 0; 298 width: 190px; 299 height: auto; 300 overflow: auto; 301 ${(0,c.Sg)("padding",[2,4])}; 302 text-align: center; 303 } 304 `),d=e=>({appearance:{primary:{backgroundColor:e.color.primary1.default,color:e.color.monochrome1.default}}}),p=({appearance:e="primary",id:r,text:o="Skip to main content",skipLinkId:n="#main",dataAttributes:i,onClick:c,localTheme:p,dataSelectorPrefix:h})=>{const u="SkipLink",m=(0,t.Y1)(u,d,p);return(0,s.jsx)(l,{id:r,skipLinkTheme:m,appearance:e,label:o,href:n,onClick:e=>{c&&c(e,"skip-link")},componentName:u,dataAttributes:i,dataSelectorPrefix:(0,a.A)(h),children:o})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.