@spteck/react-controls-v2 2.6.5 → 2.6.6
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/index.cjs +2 -2
- package/dist/index.js +55 -43
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -482,10 +482,10 @@ import { AISearchIcon } from './AISearchIcon';
|
|
|
482
482
|
`,Rx=f.keyframes`
|
|
483
483
|
0% { background-position: -200% center; }
|
|
484
484
|
100% { background-position: 200% center; }
|
|
485
|
-
`,zx=()=>({card:(0,f.css)({width:`100%`,height:`310px`,borderRadius:10,background:o.tokens.colorNeutralBackground1,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow8,overflow:`visible`,position:`relative`,padding:`0px 15px !important`,transition:`transform 0.25s ease, box-shadow 0.25s ease`,"&:hover, &:focus-within":{zIndex:10,transform:`translateY(-2px)`,boxShadow:o.tokens.shadow16}}),description:(0,f.css)({fontSize:o.tokens.fontSizeBase300,color:o.tokens.colorNeutralForeground4,lineHeight:o.tokens.lineHeightBase400,position:`relative`,zIndex:1}),footerMetric:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:o.tokens.spacingVerticalXXS}),footerIcon:(0,f.css)({color:o.tokens.colorNeutralForeground3,fontSize:o.tokens.fontSizeBase300}),footerLabel:(0,f.css)({fontSize:`${o.tokens.fontSizeBase100} !important`,color:o.tokens.colorNeutralForeground3,textTransform:`uppercase`,letterSpacing:`0.8px`,fontWeight:o.tokens.fontWeightMedium,textAlign:`center`}),footerValue:(0,f.css)({fontSize:`${o.tokens.fontSizeBase400} !important`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground2,textAlign:`center`}),footerDivider:(0,f.css)({height:`32px`,borderColor:o.tokens.colorNeutralStroke1}),glowBlob:(0,f.css)({position:`absolute`,top:`-60px`,right:`-60px`,width:`180px`,height:`180px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,filter:`blur(40px)`}),glowBlobSuccess:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteLightGreenBackground2} 0%, transparent 70%)`,opacity:.7,filter:`blur(20px)`}),glowBlobError:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteRedBackground2} 0%, transparent 70%)`,opacity:.6,filter:`blur(20px)`}),headerActionBadge:(0,f.css)({minWidth:`32px`,height:`32px`,borderRadius:`50% !important`,background:`${o.tokens.colorNeutralBackground3} !important`,border:`none !important`,padding:`0 !important`,display:`flex`,alignItems:`center`,justifyContent:`center`}),kpiContainer:(0,f.css)({width:`100%`,backgroundColor:o.tokens.colorNeutralBackground2,borderRadius:8,display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(min(100%, 280px), 1fr))`,gap:16,padding:16}),iconContainer:(0,f.css)({width:48,height:48,borderRadius:8,display:`grid`,placeItems:`center`,background:o.tokens.colorNeutralBackgroundInverted}),noKpiCard:(0,f.css)({width:280,minHeight:160,display:`flex`,alignItems:`center`,justifyContent:`center`}),noKpiCardContainer:(0,f.css)({width:`100%`,minWidth:`280px`,minHeight:`280px`,borderRadius:`16px`,background:`linear-gradient(135deg, ${o.tokens.colorNeutralBackground1} 0%, ${o.tokens.colorNeutralBackground3} 100%)`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow16,overflow:`hidden`,position:`relative`,padding:`32px`,transition:`transform 0.3s ease, box-shadow 0.3s ease`,"&:hover":{transform:`translateY(-4px)`,boxShadow:o.tokens.shadow28}}),noKpiBackgroundOrb1:(0,f.css)({position:`absolute`,top:`0px`,right:`0px`,width:`180px`,height:`180px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorBrandBackground2} 0%, transparent 70%)`,opacity:.8,pointerEvents:`none`,filter:`blur(25px)`,transform:`translate(30%, -30%)`}),noKpiBackgroundOrb2:(0,f.css)({position:`absolute`,bottom:`-30px`,left:`-30px`,width:`120px`,height:`120px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorPaletteLavenderBackground2} 0%, transparent 70%)`,opacity:.5,pointerEvents:`none`,filter:`blur(20px)`}),noKpiIconContainer:(0,f.css)({width:`80px`,height:`80px`,borderRadius:`20px`,background:`linear-gradient(135deg, ${o.tokens.colorBrandBackground} 0%, ${o.tokens.colorBrandBackground2} 100%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 8px 24px ${o.tokens.colorBrandBackground}40`,animation:`${Lx} 3s ease-in-out infinite`,position:`relative`,zIndex:1}),noKpiIcon:(0,f.css)({fontSize:`36px`,color:o.tokens.colorNeutralForegroundOnBrand}),noKpiSparkle1:(0,f.css)({position:`absolute`,top:`-8px`,right:`-8px`,color:o.tokens.colorPaletteYellowForeground1,fontSize:`20px`,animation:`${Lx} 2s ease-in-out infinite 0.5s`}),noKpiSparkle2:(0,f.css)({position:`absolute`,bottom:`-4px`,left:`-8px`,color:o.tokens.colorPaletteLavenderForeground2,fontSize:`16px`,animation:`${Lx} 2.5s ease-in-out infinite`}),noKpiTitle:(0,f.css)({fontSize:`22px`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground1,marginTop:`24px`,textAlign:`center`,position:`relative`,zIndex:1}),noKpiSubtitle:(0,f.css)({fontSize:`14px`,color:o.tokens.colorNeutralForeground3,textAlign:`center`,lineHeight:`1.6`,maxWidth:`320px`,marginTop:`8px`,position:`relative`,zIndex:1}),noKpiHighlight:(0,f.css)({background:`linear-gradient(90deg, ${o.tokens.colorBrandForeground1}, ${o.tokens.colorPaletteLavenderForeground2}, ${o.tokens.colorBrandForeground1})`,backgroundSize:`200% auto`,WebkitBackgroundClip:`text`,WebkitTextFillColor:`transparent`,backgroundClip:`text`,fontWeight:o.tokens.fontWeightSemibold,animation:`${Rx} 3s linear infinite`}),noKpiButtonContainer:(0,f.css)({marginTop:`24px`,position:`relative`,zIndex:1}),noKpiButton:(0,f.css)({borderRadius:`10px`,padding:`10px 20px`,fontWeight:o.tokens.fontWeightSemibold,transition:`transform 0.2s ease`,"&:hover":{transform:`scale(1.02)`}}),noKpiDecorativeLine:(0,f.css)({width:`60px`,height:`4px`,borderRadius:`2px`,background:`linear-gradient(90deg, ${o.tokens.colorBrandBackground}, ${o.tokens.colorPaletteLavenderBackground2})`,marginTop:`16px`,position:`relative`,zIndex:1}),footerGrid:(0,f.css)({width:`100%`,display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(80px, 1fr))`,alignItems:`center`})}),Bx=function(e){return e[e.LOWER_IS_BETTER=1]=`LOWER_IS_BETTER`,e[e.HIGHER_IS_BETTER=2]=`HIGHER_IS_BETTER`,e}({}),Vx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>i.goal.toLocaleString(),[i.goal]),h=t.useMemo(()=>i.currentValue/i.totalItems*100,[i.currentValue,i.totalItems]),g=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]),_=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBackground1:o.tokens.colorPaletteRedBackground1,[d]),v=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBorder1:o.tokens.colorPaletteRedBorder1,[d]),y=t.useMemo(()=>({background:_,border:`1px solid ${v}`,color:g,borderRadius:`20px`,padding:`12px 12px`,fontSize:o.tokens.fontSizeBase200,fontWeight:o.tokens.fontWeightSemibold,letterSpacing:`0.3px`,maxWidth:`fit-content`}),[_,v,g]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,onMouseLeave:u,"aria-label":`${i.title||s.defaultTitle}: ${i.currentValue} of ${i.goal} ${s.goal}, ${d?s.onTrack:s.exceedGoal}`,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{style:{zIndex:99999},infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`description`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:g,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:g,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`8px`},shape:`rounded`})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsx)(o.Tooltip,{content:s.maxAllowedThreshold,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.TargetRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:`Goal`}),(0,n.jsx)(o.Text,{className:a.footerValue,children:p})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.totalItemsInScope,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.DocumentRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.totalItems}),(0,n.jsx)(o.Text,{className:a.footerValue,children:i.totalItems.toLocaleString()})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.currentValueAsPercent,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.CalculatorRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.percentOfTotal}),(0,n.jsxs)(o.Text,{className:a.footerValue,children:[h.toFixed(2),`%`]})]})})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.Badge,{appearance:`outline`,size:`small`,style:y,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{fontSize:`14px`}}):(0,n.jsx)(m.AlertFilled,{style:{fontSize:`14px`}}),children:d?s.onTrack:s.exceedGoal})})]})]})})},Hx=()=>{let e=zx(),t={headerTitle:(0,f.css)({width:`120px`,height:`16px`}),headerBadge:(0,f.css)({width:`32px`,height:`32px`,borderRadius:`50%`}),mainValue:(0,f.css)({width:`80px`,height:`42px`}),goalText:(0,f.css)({width:`70px`,height:`16px`}),progressLabel:(0,f.css)({width:`80px`,height:`12px`}),progressValue:(0,f.css)({width:`50px`,height:`12px`}),progressBar:(0,f.css)({width:`100%`,height:`8px`,borderRadius:`4px`}),footerIcon:(0,f.css)({width:`16px`,height:`16px`,borderRadius:`4px`}),footerLabel:(0,f.css)({width:`50px`,height:`10px`}),footerValue:(0,f.css)({width:`40px`,height:`14px`}),badge:(0,f.css)({width:`90px`,height:`32px`,borderRadius:`20px`})};return(0,n.jsx)(o.Card,{className:e.card,children:(0,n.jsx)(o.Skeleton,{animation:`pulse`,children:(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.SkeletonItem,{className:t.headerTitle})}),action:(0,n.jsx)(o.SkeletonItem,{className:t.headerBadge,shape:`circle`})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.mainValue}),(0,n.jsx)(o.SkeletonItem,{className:t.goalText})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.progressLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.progressValue})]}),(0,n.jsx)(o.SkeletonItem,{className:t.progressBar})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.SkeletonItem,{className:t.badge})})]})})})},Ux=`/sites/mock-site/Lists/Directory Status Config`,Wx=()=>{let r=zx(),i=e._(),a=Ux,s=t.useCallback(()=>{let e=`${window.location.origin}${a}/AllItems.aspx`;window.open(e,`_blank`)},[a]);return(0,n.jsxs)(o.Card,{className:r.noKpiCardContainer,children:[(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb1}),(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb2}),(0,n.jsxs)(H,{alignItems:`center`,justifyContent:`center`,gap:`s`,children:[(0,n.jsxs)(`div`,{className:r.noKpiIconContainer,children:[(0,n.jsx)(m.DataBarVerticalStarRegular,{className:r.noKpiIcon}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle1}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle2})]}),(0,n.jsx)(o.Text,{className:r.noKpiTitle,children:i.title}),(0,n.jsx)(`div`,{className:r.noKpiDecorativeLine}),(0,n.jsxs)(o.Text,{className:r.noKpiSubtitle,children:[i.subtitle.split(`{highlight}`)[0],(0,n.jsx)(`span`,{className:r.noKpiHighlight,children:i.highlightText}),i.subtitle.split(`{highlight}`)[1]]}),(0,n.jsx)(`div`,{className:r.noKpiButtonContainer,children:(0,n.jsx)(o.Button,{appearance:`outline`,icon:(0,n.jsx)(m.SettingsRegular,{}),className:r.noKpiButton,onClick:s,children:i.configureButton})})]})]})},Gx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,style:{height:`168px`},onMouseLeave:u,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`0px`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`inaccessible`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:p,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:p,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`3px`},shape:`rounded`})]})]})]})})},Kx=[{identifier:`kpi-1`,title:`Sales Revenue`,currentValue:125,goal:150,totalItems:200,description:`This is a comprehensive description of the Total Sales Revenue KPI for Q1. This metric tracks all revenue generated from product sales, service contracts, and recurring subscriptions across all business units and geographic regions. The goal is set based on historical performance, market conditions, and strategic growth objectives. Performance is evaluated weekly with detailed breakdowns by product category, sales team, and customer segment. This KPI is critical for quarterly business reviews and investor reporting.`,goalMetric:2},{identifier:`kpi-2`,title:`Customer Satisfaction`,currentValue:87,goal:90,totalItems:100,description:`Customer satisfaction score`,goalMetric:1},{identifier:`kpi-3`,title:`Tasks Completed`,currentValue:42,goal:50,totalItems:60,description:`Number of tasks completed this month`,goalMetric:2},{identifier:`kpi-4`,title:`New Customers`,currentValue:156,goal:200,totalItems:250,description:`New customer acquisitions this quarter`,goalMetric:1},{identifier:`kpi-5`,title:`Response Time`,currentValue:2.5,goal:2,totalItems:5,description:`Average response time in hours`,goalMetric:2},{identifier:`kpi-6`,title:`Employee Engagement`,currentValue:78,goal:85,totalItems:100,description:`Employee engagement score percentage`,goalMetric:1}],qx=e=>{let{skeletonCount:r=3,compact:i=!1}=e,a=zx(),o=Kx;return t.useCallback(()=>Array.from({length:r}).map((e,t)=>(0,n.jsx)(Hx,{},`kpi-skeleton-${t}`)),[r]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(H,{gap:`l`,direction:`horizontal`,padding:`l`,paddingTop:`s`,children:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:a.kpiContainer,children:o.length>0?o.map(e=>i?(0,n.jsx)(Gx,{dataCard:e},e.identifier):(0,n.jsx)(Vx,{dataCard:e},e.identifier)):(0,n.jsx)(Wx,{})})})})})},Jx=new Set([`p`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`li`,`td`,`th`]),Yx=(e,t)=>{let n=parseFloat(e.borderTopLeftRadius)||0,r=parseFloat(e.borderTopRightRadius)||0,i=parseFloat(e.borderBottomRightRadius)||0,a=parseFloat(e.borderBottomLeftRadius)||0;if(n===0&&r===0&&i===0&&a===0)return;let o=t?(()=>{let e=t.getBoundingClientRect();return e.width>0&&e.height>0&&Math.abs(e.width-e.height)<4})():!1;return e.borderRadius===`50%`?`50%`:Math.max(n,r,i,a)>9998?o?`50%`:9999:n===r&&r===i&&i===a?n===8?void 0:n:`${n}px ${r}px ${i}px ${a}px`},Xx=(e,t=`component`,n)=>{let r=e.getBoundingClientRect(),i=[],a=n?.leafTags?new Set([...Jx,...n.leafTags]):Jx,o=n?.captureRoundedBorders??!0,s=n?.excludeTags?new Set(n.excludeTags):null,c=n?.excludeSelectors??null,l=e=>{let t=getComputedStyle(e);if(t.display===`none`||t.visibility===`hidden`||t.opacity===`0`)return;let n=e.tagName.toLowerCase();if(s?.has(n)||c?.some(t=>e.matches(t)))return;let u=[...e.children].filter(e=>{let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`&&t.opacity!==`0`}),d=n===`img`||n===`svg`||n===`video`||n===`canvas`,f=n===`input`||n===`button`||n===`textarea`||n===`select`,p=u.length===0||d||f||a.has(n),m=t.backgroundColor,h=m!==`rgba(0, 0, 0, 0)`&&m!==`transparent`,g=t.backgroundImage!==`none`,_=parseFloat(t.borderTopWidth)||0,v=o&&_>0&&t.borderTopColor!==`rgba(0, 0, 0, 0)`&&t.borderTopColor!==`transparent`,y=(parseFloat(t.borderTopLeftRadius)||0)>0,b=h||g||v&&y,x=n===`tr`||n===`td`||n===`th`||n===`thead`||n===`tbody`||n===`table`;if(p){let n=e.getBoundingClientRect();if(n.width<1||n.height<1)return;let a=d&&n.width>0&&n.height>0&&Math.abs(n.width-n.height)<4,o=x?0:a?`50%`:Yx(t,e)??8,s=r.width;i.push({x:s>0?+((n.left-r.left)/s*100).toFixed(4):0,y:Math.round(n.top-r.top),w:s>0?+(n.width/s*100).toFixed(4):0,h:Math.round(n.height),r:o});return}if(b){let n=e.getBoundingClientRect();if(n.width>=1&&n.height>=1){let a=x?0:Yx(t,e)??8,o=r.width;i.push({x:o>0?+((n.left-r.left)/o*100).toFixed(4):0,y:Math.round(n.top-r.top),w:o>0?+(n.width/o*100).toFixed(4):0,h:Math.round(n.height),r:a,c:!0})}}for(let e of u)l(e)};for(let t of e.children)l(t);return{name:t,viewportWidth:Math.round(r.width),width:Math.round(r.width),height:Math.round(r.height),bones:i}},Zx=(e,n,r,i,a)=>{let[o,s]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!n||r||o)return;let t=e.current;if(!t)return;let c=requestAnimationFrame(()=>{let e=t.querySelector(`[data-skeleton-content]`);if(e&&e.children.length>0){let t=Xx(e,i??`auto`,a);t.bones.length>0&&s(t)}});return()=>cancelAnimationFrame(c)},[n,r,o,i,a,e]),o},Qx={angle:110,start:25,end:75,speed:`1.8s`},$x={speed:`1.5s`},eS={bone:`var(--colorNeutralStencil1)`,shimmerHighlight:`var(--colorNeutralStencil2)`},tS=new Map,nS=e=>{for(let[t,n]of Object.entries(e))tS.set(t,n)},rS=e=>tS.get(e),iS=()=>{typeof window<`u`&&window.__SKELETON_BUILD&&(window.__SKELETON_SNAPSHOT=Xx)},aS=()=>typeof window<`u`&&window.__SKELETON_BUILD===!0,oS=(e,t)=>{if(!(`breakpoints`in e))return e;let n=Object.keys(e.breakpoints).map(Number).sort((e,t)=>e-t);if(n.length===0)return null;let r=[...n].reverse().find(e=>t>=e)??n[0];return e.breakpoints[r]??null},sS=e=>Array.isArray(e)?{x:e[0],y:e[1],w:e[2],h:e[3],r:e[4],c:e[5]||void 0}:e,cS={},lS=e=>{cS={...cS,...e}},uS=()=>cS,dS=()=>(0,t.useMemo)(()=>({SHIMMER:Qx,PULSE:$x,DEFAULTS:eS,getRegisteredBones:rS,isBuildMode:aS,normalizeBone:sS,resolveResponsive:oS,getGlobalConfig:uS}),[]),fS=(0,f.keyframes)({"0%, 100%":{opacity:1},"50%":{opacity:.4}}),pS=(0,f.keyframes)({"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),mS=(0,f.keyframes)({from:{opacity:0},to:{opacity:1}}),hS=(0,f.css)({position:`relative`}),gS=(0,f.css)({position:`absolute`,inset:0,overflow:`hidden`}),_S=(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),vS=(0,f.css)({position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`}),yS={position:`relative`,width:`100%`,height:`100%`},bS=()=>({container:hS,overlay:gS,hiddenContent:_S,fallbackOverlay:vS});iS();var xS=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/,SS=e=>{let[n,r]=(0,t.useState)(!1),i=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(typeof window>`u`)return;let t=e.current;if(!t)return;let n=document.createElement(`span`);n.style.display=`none`,n.style.color=o.tokens.colorNeutralBackground1,t.appendChild(n),i.current=n;let a=()=>{let e=getComputedStyle(n).color.match(xS);if(e){r((parseInt(e[1],10)*299+parseInt(e[2],10)*587+parseInt(e[3],10)*114)/1e3<128);return}r(document.documentElement.classList.contains(`dark`)||!!t.closest(`.dark`))};a();let s=new MutationObserver(a);return s.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),()=>{s.disconnect(),n.parentNode&&n.parentNode.removeChild(n),i.current=null}},[e]),n},CS=({loading:e,children:r,name:i,initialBones:a,color:s,darkColor:c,animate:l,stagger:u=!1,transition:d=!1,boneClass:f,className:p,style:m,fallback:h,fixture:g,snapshotConfig:_})=>{let v=bS(),{DEFAULTS:y,SHIMMER:b,PULSE:x,getRegisteredBones:S,isBuildMode:C,normalizeBone:w,resolveResponsive:T,getGlobalConfig:E}=dS(),D=(0,t.useRef)(null),[O,k]=(0,t.useState)(0),[A,j]=(0,t.useState)(0),M=SS(D),N=E(),P=s??N.color,F=c??N.darkColor,I=!!(P||F),L=I?M?F??P:P??y.bone:y.bone,R=l??N.animate??`pulse`,ee=R===!0?`pulse`:R===!1?`solid`:R;(0,t.useEffect)(()=>{let e=D.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect;k(Math.round(t?.width??0)),t&&t.height>0&&j(Math.round(t.height))});t.observe(e);let n=e.getBoundingClientRect();return k(Math.round(n.width)),n.height>0&&j(Math.round(n.height)),()=>t.disconnect()},[]);let te=(0,t.useMemo)(()=>{let e={};return i&&(e[`data-skeleton`]=i,_&&(e[`data-skeleton-config`]=JSON.stringify(_))),e},[i,_]),[ne,z]=(0,t.useState)(!1);(0,t.useLayoutEffect)(()=>{z(!0)},[]);let re=a??(i?S(i):void 0),ie=ne&&typeof window<`u`?window.innerWidth:0,ae=O>0?O:ie,oe=re&&ae>0?T(re,ae):null,se=Zx(D,e,oe,i,_),ce=oe??se,le=(0,t.useMemo)(()=>{let e=u??N.stagger;return e===!0?80:e===!1||!e?0:e},[u,N.stagger]),ue=(0,t.useMemo)(()=>{let e=d??N.transition;return e===!0?300:e===!1||!e?0:e},[d,N.transition]),[de,fe]=(0,t.useState)(!1),pe=(0,t.useRef)(e),me=(0,t.useRef)(null);(0,t.useEffect)(()=>(pe.current&&!e&&ue>0&&ce&&(me.current&&clearTimeout(me.current),fe(!0),me.current=setTimeout(()=>{fe(!1),me.current=null},ue)),pe.current=e,()=>{me.current&&clearTimeout(me.current)}),[e,ue,ce]);let he=(e||de)&&ce,ge=e&&!ce&&!de,_e=A>0?A:ce?.height??0,ve=ce?.height??0,ye=_e>0&&ve>0?_e/ve:1,be=(0,t.useMemo)(()=>ce?ce.bones.map(w).filter(e=>!e.c):[],[ce]),B=(0,t.useCallback)((e,t)=>{let n=e.w/100*(ce?.width??0),r=e.r===`50%`&&Math.abs(n-e.h)<4,i=r?0:2,a=e.h*ye,o=Math.max(a-i*2,2),s={position:`absolute`,left:`${e.x}%`,top:e.y*ye+i,width:r?e.h*ye:`${e.w}%`,height:o,borderRadius:typeof e.r==`string`?e.r:`${e.r}px`},c=N.speed;if(ee===`shimmer`){let e=I?M?N.darkShimmerColor??y.shimmerHighlight:N.shimmerColor??y.shimmerHighlight:y.shimmerHighlight;s.backgroundImage=`linear-gradient(${N.shimmerAngle??b.angle}deg, ${L} ${b.start}%, ${e} 50%, ${L} ${b.end}%)`,s.backgroundSize=`200% 100%`,s.animation=`${pS} ${c??b.speed} linear infinite`}else s.backgroundColor=L,ee===`pulse`&&(s.animation=`${fS} ${c??x.speed} ease-in-out infinite`);return le>0&&(s.opacity=0,s.animation=`${s.animation?`${s.animation}, `:``}${mS} 0.3s ease-out ${t*le}ms forwards`),s},[ce,ye,ee,L,I,M,N,le]);if(C())return(0,n.jsx)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,...te,children:(0,n.jsx)(`div`,{children:g??r})});let xe=e?{"aria-busy":`true`,"aria-label":`Loading content`}:{};return(0,n.jsxs)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,role:`status`,...xe,...te,children:[(0,n.jsx)(`div`,{"data-skeleton-content":`true`,className:he?v.hiddenContent:void 0,children:r}),ge&&h&&(0,n.jsx)(`div`,{className:v.fallbackOverlay,children:h}),he&&(0,n.jsx)(`div`,{"data-skeleton-overlay":`true`,className:v.overlay,"aria-hidden":`true`,style:{opacity:de?0:1,transition:ue>0?`opacity ${ue}ms ease-out`:void 0},children:(0,n.jsx)(`div`,{style:yS,children:be.map((e,t)=>(0,n.jsx)(`div`,{"data-skeleton-bone":`true`,className:f??N.boneClass,style:B(e,t)},t))})})]})},wS=()=>{let e=t.useRef(``);return e.current||=`fui-`+Math.random().toString(36).slice(2,9),e.current},TS=e=>{let t=wS(),{theme:r=o.webLightTheme,applicationName:i=t,targetDocument:a=document,applyStylesToPortals:s=!0,className:c,styles:l,children:u}=e;return(0,n.jsx)(o.IdPrefixProvider,{value:i,children:(0,n.jsx)(o.FluentProvider,{theme:r,applyStylesToPortals:s,targetDocument:a,className:c,style:l,children:u})})},ES=(0,f.keyframes)({from:{opacity:0,transform:`scale(1.03)`},to:{opacity:1,transform:`scale(1)`}}),DS={"top-left":{justify:`flex-start`,align:`flex-start`,textAlign:`left`},"top-center":{justify:`flex-start`,align:`center`,textAlign:`center`},"top-right":{justify:`flex-start`,align:`flex-end`,textAlign:`right`},"center-left":{justify:`center`,align:`flex-start`,textAlign:`left`},center:{justify:`center`,align:`center`,textAlign:`center`},"center-right":{justify:`center`,align:`flex-end`,textAlign:`right`},"bottom-left":{justify:`flex-end`,align:`flex-start`,textAlign:`left`},"bottom-center":{justify:`flex-end`,align:`center`,textAlign:`center`},"bottom-right":{justify:`flex-end`,align:`flex-end`,textAlign:`right`}},OS=(e,n,r=`image`)=>{let{borderRadius:i}=e,{getBaseStyles:a}=xu(),s=i??o.tokens.borderRadiusMedium;return{heroRootStyles:t.useCallback((t,n)=>({...a(e,t,n),overflow:`hidden`}),[a,e]),item:(0,f.css)({position:`relative`,overflow:`hidden`,width:`100%`,height:`100%`,borderRadius:s,animation:`${ES} 0.5s ease-out`}),overlayRoot:(0,f.css)({position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,borderRadius:s,overflow:`hidden`,zIndex:1,pointerEvents:`none`,background:`color-mix(in srgb, ${o.tokens.colorBackgroundOverlay} 50%, transparent)`}),overlayScrim:e=>(0,f.css)({position:`absolute`,inset:0,background:`linear-gradient(
|
|
485
|
+
`,zx=()=>({card:(0,f.css)({width:`100%`,height:`310px`,borderRadius:10,background:o.tokens.colorNeutralBackground1,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow8,overflow:`visible`,position:`relative`,padding:`0px 15px !important`,transition:`transform 0.25s ease, box-shadow 0.25s ease`,"&:hover, &:focus-within":{zIndex:10,transform:`translateY(-2px)`,boxShadow:o.tokens.shadow16}}),description:(0,f.css)({fontSize:o.tokens.fontSizeBase300,color:o.tokens.colorNeutralForeground4,lineHeight:o.tokens.lineHeightBase400,position:`relative`,zIndex:1}),footerMetric:(0,f.css)({display:`flex`,flexDirection:`column`,alignItems:`center`,gap:o.tokens.spacingVerticalXXS}),footerIcon:(0,f.css)({color:o.tokens.colorNeutralForeground3,fontSize:o.tokens.fontSizeBase300}),footerLabel:(0,f.css)({fontSize:`${o.tokens.fontSizeBase100} !important`,color:o.tokens.colorNeutralForeground3,textTransform:`uppercase`,letterSpacing:`0.8px`,fontWeight:o.tokens.fontWeightMedium,textAlign:`center`}),footerValue:(0,f.css)({fontSize:`${o.tokens.fontSizeBase400} !important`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground2,textAlign:`center`}),footerDivider:(0,f.css)({height:`32px`,borderColor:o.tokens.colorNeutralStroke1}),glowBlob:(0,f.css)({position:`absolute`,top:`-60px`,right:`-60px`,width:`180px`,height:`180px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,filter:`blur(40px)`}),glowBlobSuccess:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteLightGreenBackground2} 0%, transparent 70%)`,opacity:.7,filter:`blur(20px)`}),glowBlobError:(0,f.css)({position:`absolute`,top:`-40px`,right:`-40px`,width:`160px`,height:`160px`,borderRadius:`50%`,pointerEvents:`none`,zIndex:0,background:`radial-gradient(circle, ${o.tokens.colorPaletteRedBackground2} 0%, transparent 70%)`,opacity:.6,filter:`blur(20px)`}),headerActionBadge:(0,f.css)({minWidth:`32px`,height:`32px`,borderRadius:`50% !important`,background:`${o.tokens.colorNeutralBackground3} !important`,border:`none !important`,padding:`0 !important`,display:`flex`,alignItems:`center`,justifyContent:`center`}),kpiContainer:(0,f.css)({width:`100%`,backgroundColor:o.tokens.colorNeutralBackground2,borderRadius:8,display:`grid`,gridTemplateColumns:`repeat(auto-fill, minmax(min(100%, 280px), 1fr))`,gap:16,padding:16}),iconContainer:(0,f.css)({width:48,height:48,borderRadius:8,display:`grid`,placeItems:`center`,background:o.tokens.colorNeutralBackgroundInverted}),noKpiCard:(0,f.css)({width:280,minHeight:160,display:`flex`,alignItems:`center`,justifyContent:`center`}),noKpiCardContainer:(0,f.css)({width:`100%`,minWidth:`280px`,minHeight:`280px`,borderRadius:`16px`,background:`linear-gradient(135deg, ${o.tokens.colorNeutralBackground1} 0%, ${o.tokens.colorNeutralBackground3} 100%)`,border:`1px solid ${o.tokens.colorNeutralStroke1}`,boxShadow:o.tokens.shadow16,overflow:`hidden`,position:`relative`,padding:`32px`,transition:`transform 0.3s ease, box-shadow 0.3s ease`,"&:hover":{transform:`translateY(-4px)`,boxShadow:o.tokens.shadow28}}),noKpiBackgroundOrb1:(0,f.css)({position:`absolute`,top:`0px`,right:`0px`,width:`180px`,height:`180px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorBrandBackground2} 0%, transparent 70%)`,opacity:.8,pointerEvents:`none`,filter:`blur(25px)`,transform:`translate(30%, -30%)`}),noKpiBackgroundOrb2:(0,f.css)({position:`absolute`,bottom:`-30px`,left:`-30px`,width:`120px`,height:`120px`,borderRadius:`50%`,background:`radial-gradient(circle, ${o.tokens.colorPaletteLavenderBackground2} 0%, transparent 70%)`,opacity:.5,pointerEvents:`none`,filter:`blur(20px)`}),noKpiIconContainer:(0,f.css)({width:`80px`,height:`80px`,borderRadius:`20px`,background:`linear-gradient(135deg, ${o.tokens.colorBrandBackground} 0%, ${o.tokens.colorBrandBackground2} 100%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 8px 24px ${o.tokens.colorBrandBackground}40`,animation:`${Lx} 3s ease-in-out infinite`,position:`relative`,zIndex:1}),noKpiIcon:(0,f.css)({fontSize:`36px`,color:o.tokens.colorNeutralForegroundOnBrand}),noKpiSparkle1:(0,f.css)({position:`absolute`,top:`-8px`,right:`-8px`,color:o.tokens.colorPaletteYellowForeground1,fontSize:`20px`,animation:`${Lx} 2s ease-in-out infinite 0.5s`}),noKpiSparkle2:(0,f.css)({position:`absolute`,bottom:`-4px`,left:`-8px`,color:o.tokens.colorPaletteLavenderForeground2,fontSize:`16px`,animation:`${Lx} 2.5s ease-in-out infinite`}),noKpiTitle:(0,f.css)({fontSize:`22px`,fontWeight:o.tokens.fontWeightSemibold,color:o.tokens.colorNeutralForeground1,marginTop:`24px`,textAlign:`center`,position:`relative`,zIndex:1}),noKpiSubtitle:(0,f.css)({fontSize:`14px`,color:o.tokens.colorNeutralForeground3,textAlign:`center`,lineHeight:`1.6`,maxWidth:`320px`,marginTop:`8px`,position:`relative`,zIndex:1}),noKpiHighlight:(0,f.css)({background:`linear-gradient(90deg, ${o.tokens.colorBrandForeground1}, ${o.tokens.colorPaletteLavenderForeground2}, ${o.tokens.colorBrandForeground1})`,backgroundSize:`200% auto`,WebkitBackgroundClip:`text`,WebkitTextFillColor:`transparent`,backgroundClip:`text`,fontWeight:o.tokens.fontWeightSemibold,animation:`${Rx} 3s linear infinite`}),noKpiButtonContainer:(0,f.css)({marginTop:`24px`,position:`relative`,zIndex:1}),noKpiButton:(0,f.css)({borderRadius:`10px`,padding:`10px 20px`,fontWeight:o.tokens.fontWeightSemibold,transition:`transform 0.2s ease`,"&:hover":{transform:`scale(1.02)`}}),noKpiDecorativeLine:(0,f.css)({width:`60px`,height:`4px`,borderRadius:`2px`,background:`linear-gradient(90deg, ${o.tokens.colorBrandBackground}, ${o.tokens.colorPaletteLavenderBackground2})`,marginTop:`16px`,position:`relative`,zIndex:1}),footerGrid:(0,f.css)({width:`100%`,display:`grid`,gridTemplateColumns:`repeat(auto-fit, minmax(80px, 1fr))`,alignItems:`center`})}),Bx=function(e){return e[e.LOWER_IS_BETTER=1]=`LOWER_IS_BETTER`,e[e.HIGHER_IS_BETTER=2]=`HIGHER_IS_BETTER`,e}({}),Vx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>i.goal.toLocaleString(),[i.goal]),h=t.useMemo(()=>i.currentValue/i.totalItems*100,[i.currentValue,i.totalItems]),g=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]),_=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBackground1:o.tokens.colorPaletteRedBackground1,[d]),v=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenBorder1:o.tokens.colorPaletteRedBorder1,[d]),y=t.useMemo(()=>({background:_,border:`1px solid ${v}`,color:g,borderRadius:`20px`,padding:`12px 12px`,fontSize:o.tokens.fontSizeBase200,fontWeight:o.tokens.fontWeightSemibold,letterSpacing:`0.3px`,maxWidth:`fit-content`}),[_,v,g]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,onMouseLeave:u,"aria-label":`${i.title||s.defaultTitle}: ${i.currentValue} of ${i.goal} ${s.goal}, ${d?s.onTrack:s.exceedGoal}`,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{style:{zIndex:99999},infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`description`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:g,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:g,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`8px`},shape:`rounded`})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsx)(o.Tooltip,{content:s.maxAllowedThreshold,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.TargetRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:`Goal`}),(0,n.jsx)(o.Text,{className:a.footerValue,children:p})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.totalItemsInScope,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.DocumentRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.totalItems}),(0,n.jsx)(o.Text,{className:a.footerValue,children:i.totalItems.toLocaleString()})]})}),(0,n.jsx)(o.Divider,{vertical:!0,className:a.footerDivider}),(0,n.jsx)(o.Tooltip,{content:s.currentValueAsPercent,relationship:`description`,children:(0,n.jsxs)(H,{alignItems:`center`,gap:o.tokens.spacingVerticalXXS,children:[(0,n.jsx)(m.CalculatorRegular,{className:a.footerIcon}),(0,n.jsx)(o.Text,{className:a.footerLabel,children:s.percentOfTotal}),(0,n.jsxs)(o.Text,{className:a.footerValue,children:[h.toFixed(2),`%`]})]})})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.Badge,{appearance:`outline`,size:`small`,style:y,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{fontSize:`14px`}}):(0,n.jsx)(m.AlertFilled,{style:{fontSize:`14px`}}),children:d?s.onTrack:s.exceedGoal})})]})]})})},Hx=()=>{let e=zx(),t={headerTitle:(0,f.css)({width:`120px`,height:`16px`}),headerBadge:(0,f.css)({width:`32px`,height:`32px`,borderRadius:`50%`}),mainValue:(0,f.css)({width:`80px`,height:`42px`}),goalText:(0,f.css)({width:`70px`,height:`16px`}),progressLabel:(0,f.css)({width:`80px`,height:`12px`}),progressValue:(0,f.css)({width:`50px`,height:`12px`}),progressBar:(0,f.css)({width:`100%`,height:`8px`,borderRadius:`4px`}),footerIcon:(0,f.css)({width:`16px`,height:`16px`,borderRadius:`4px`}),footerLabel:(0,f.css)({width:`50px`,height:`10px`}),footerValue:(0,f.css)({width:`40px`,height:`14px`}),badge:(0,f.css)({width:`90px`,height:`32px`,borderRadius:`20px`})};return(0,n.jsx)(o.Card,{className:e.card,children:(0,n.jsx)(o.Skeleton,{animation:`pulse`,children:(0,n.jsxs)(H,{gap:`m`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.SkeletonItem,{className:t.headerTitle})}),action:(0,n.jsx)(o.SkeletonItem,{className:t.headerBadge,shape:`circle`})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,paddingTop:`s`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.mainValue}),(0,n.jsx)(o.SkeletonItem,{className:t.goalText})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.progressLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.progressValue})]}),(0,n.jsx)(o.SkeletonItem,{className:t.progressBar})]}),(0,n.jsxs)(o.CardFooter,{children:[(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]}),(0,n.jsx)(o.Divider,{vertical:!0,style:{height:`32px`,borderColor:o.tokens.colorNeutralStroke1}}),(0,n.jsxs)(H,{direction:`vertical`,alignItems:`center`,gap:`xs`,children:[(0,n.jsx)(o.SkeletonItem,{className:t.footerIcon}),(0,n.jsx)(o.SkeletonItem,{className:t.footerLabel}),(0,n.jsx)(o.SkeletonItem,{className:t.footerValue})]})]}),(0,n.jsx)(H,{children:(0,n.jsx)(o.SkeletonItem,{className:t.badge})})]})})})},Ux=`/sites/mock-site/Lists/Directory Status Config`,Wx=()=>{let r=zx(),i=e._(),a=Ux,s=t.useCallback(()=>{let e=`${window.location.origin}${a}/AllItems.aspx`;window.open(e,`_blank`)},[a]);return(0,n.jsxs)(o.Card,{className:r.noKpiCardContainer,children:[(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb1}),(0,n.jsx)(`div`,{className:r.noKpiBackgroundOrb2}),(0,n.jsxs)(H,{alignItems:`center`,justifyContent:`center`,gap:`s`,children:[(0,n.jsxs)(`div`,{className:r.noKpiIconContainer,children:[(0,n.jsx)(m.DataBarVerticalStarRegular,{className:r.noKpiIcon}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle1}),(0,n.jsx)(m.SparkleRegular,{className:r.noKpiSparkle2})]}),(0,n.jsx)(o.Text,{className:r.noKpiTitle,children:i.title}),(0,n.jsx)(`div`,{className:r.noKpiDecorativeLine}),(0,n.jsxs)(o.Text,{className:r.noKpiSubtitle,children:[i.subtitle.split(`{highlight}`)[0],(0,n.jsx)(`span`,{className:r.noKpiHighlight,children:i.highlightText}),i.subtitle.split(`{highlight}`)[1]]}),(0,n.jsx)(`div`,{className:r.noKpiButtonContainer,children:(0,n.jsx)(o.Button,{appearance:`outline`,icon:(0,n.jsx)(m.SettingsRegular,{}),className:r.noKpiButton,onClick:s,children:i.configureButton})})]})]})},Gx=r=>{let{dataCard:i}=r,a=zx(),s=e.f(),[c,l]=t.useState(!1),u=t.useCallback(()=>{l(!1)},[]),d=t.useMemo(()=>i.goalMetric===Bx.LOWER_IS_BETTER?i.currentValue<=i.goal:i.currentValue>=i.goal,[i.currentValue,i.goal,i.goalMetric]),f=t.useMemo(()=>d?`success`:`error`,[d]),p=t.useMemo(()=>d?o.tokens.colorPaletteLightGreenForeground2:o.tokens.colorPaletteRedForeground2,[d]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(o.Card,{className:a.card,style:{height:`168px`},onMouseLeave:u,children:[(0,n.jsx)(`div`,{className:d?a.glowBlobSuccess:a.glowBlobError}),(0,n.jsxs)(H,{gap:`0px`,padding:`m`,children:[(0,n.jsx)(o.CardHeader,{header:(0,n.jsxs)(H,{direction:`vertical`,gap:`2px`,children:[(0,n.jsx)(H,{direction:`horizontal`,alignItems:`center`,gap:`8px`,children:(0,n.jsx)(o.InfoLabel,{infoButton:{popover:{open:c,onOpenChange:(e,t)=>l(t.open)}},info:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:i.description||s.noDescription})}),children:(0,n.jsx)(o.Text,{weight:`bold`,size:300,children:i.title?.toUpperCase()||s.defaultTitle})})}),(0,n.jsx)(o.Text,{size:200,style:{color:o.tokens.colorNeutralForeground3,fontStyle:`italic`},children:i.goalMetric===Bx.LOWER_IS_BETTER?s.lowerIsBetter:s.higherIsBetter})]}),action:(0,n.jsx)(o.Tooltip,{content:d?`✓ ${s.withinGoalThreshold}`:`⚠ ${s.exceedsGoalThreshold}`,relationship:`inaccessible`,children:(0,n.jsx)(o.Badge,{className:a.headerActionBadge,appearance:`ghost`,size:`small`,icon:d?(0,n.jsx)(m.CheckmarkCircleRegular,{style:{color:p,fontSize:`22px`}}):(0,n.jsx)(m.AlertFilled,{style:{color:p,fontSize:`22px`}})})})}),(0,n.jsxs)(H,{gap:`s`,direction:`horizontal`,alignItems:`baseline`,children:[(0,n.jsxs)(o.Text,{weight:`bold`,size:900,children:[i.currentValue,` `,(0,n.jsx)(`br`,{})]}),(0,n.jsxs)(o.Text,{weight:`semibold`,size:300,color:`neutralSecondary`,children:[`/ `,i.goal,` `,s.goal]})]}),(0,n.jsxs)(H,{gap:`s`,children:[(0,n.jsxs)(H,{direction:`horizontal`,justifyContent:`space-between`,children:[(0,n.jsx)(o.Text,{size:300,color:`neutralSecondary`,children:s.progressGoal}),(0,n.jsxs)(o.Text,{size:300,color:`neutralSecondary`,weight:`bold`,children:[(i.currentValue/i.goal*100).toFixed(2),`%`]})]}),(0,n.jsx)(o.ProgressBar,{value:i.currentValue/i.goal,color:f,style:{height:`3px`},shape:`rounded`})]})]})]})})},Kx=[{identifier:`kpi-1`,title:`Sales Revenue`,currentValue:125,goal:150,totalItems:200,description:`This is a comprehensive description of the Total Sales Revenue KPI for Q1. This metric tracks all revenue generated from product sales, service contracts, and recurring subscriptions across all business units and geographic regions. The goal is set based on historical performance, market conditions, and strategic growth objectives. Performance is evaluated weekly with detailed breakdowns by product category, sales team, and customer segment. This KPI is critical for quarterly business reviews and investor reporting.`,goalMetric:2},{identifier:`kpi-2`,title:`Customer Satisfaction`,currentValue:87,goal:90,totalItems:100,description:`Customer satisfaction score`,goalMetric:1},{identifier:`kpi-3`,title:`Tasks Completed`,currentValue:42,goal:50,totalItems:60,description:`Number of tasks completed this month`,goalMetric:2},{identifier:`kpi-4`,title:`New Customers`,currentValue:156,goal:200,totalItems:250,description:`New customer acquisitions this quarter`,goalMetric:1},{identifier:`kpi-5`,title:`Response Time`,currentValue:2.5,goal:2,totalItems:5,description:`Average response time in hours`,goalMetric:2},{identifier:`kpi-6`,title:`Employee Engagement`,currentValue:78,goal:85,totalItems:100,description:`Employee engagement score percentage`,goalMetric:1}],qx=e=>{let{skeletonCount:r=3,compact:i=!1}=e,a=zx(),o=Kx;return t.useCallback(()=>Array.from({length:r}).map((e,t)=>(0,n.jsx)(Hx,{},`kpi-skeleton-${t}`)),[r]),(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(H,{gap:`l`,direction:`horizontal`,padding:`l`,paddingTop:`s`,children:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(`div`,{className:a.kpiContainer,children:o.length>0?o.map(e=>i?(0,n.jsx)(Gx,{dataCard:e},e.identifier):(0,n.jsx)(Vx,{dataCard:e},e.identifier)):(0,n.jsx)(Wx,{})})})})})},Jx=new Set([`p`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`li`,`td`,`th`]),Yx=(e,t)=>{let n=parseFloat(e.borderTopLeftRadius)||0,r=parseFloat(e.borderTopRightRadius)||0,i=parseFloat(e.borderBottomRightRadius)||0,a=parseFloat(e.borderBottomLeftRadius)||0;if(n===0&&r===0&&i===0&&a===0)return;let o=t?(()=>{let e=t.getBoundingClientRect();return e.width>0&&e.height>0&&Math.abs(e.width-e.height)<4})():!1;return e.borderRadius===`50%`?`50%`:Math.max(n,r,i,a)>9998?o?`50%`:9999:n===r&&r===i&&i===a?n===8?void 0:n:`${n}px ${r}px ${i}px ${a}px`},Xx=(e,t=`component`,n)=>{let r=e.getBoundingClientRect(),i=[],a=n?.leafTags?new Set([...Jx,...n.leafTags]):Jx,o=n?.captureRoundedBorders??!0,s=n?.excludeTags?new Set(n.excludeTags):null,c=n?.excludeSelectors??null,l=e=>{let t=getComputedStyle(e);if(t.display===`none`||t.visibility===`hidden`||t.opacity===`0`)return;let n=e.tagName.toLowerCase();if(s?.has(n)||c?.some(t=>e.matches(t)))return;let u=[...e.children].filter(e=>{let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`&&t.opacity!==`0`}),d=n===`img`||n===`svg`||n===`video`||n===`canvas`,f=n===`input`||n===`button`||n===`textarea`||n===`select`,p=u.length===0||d||f||a.has(n),m=t.backgroundColor,h=m!==`rgba(0, 0, 0, 0)`&&m!==`transparent`,g=t.backgroundImage!==`none`,_=parseFloat(t.borderTopWidth)||0,v=o&&_>0&&t.borderTopColor!==`rgba(0, 0, 0, 0)`&&t.borderTopColor!==`transparent`,y=(parseFloat(t.borderTopLeftRadius)||0)>0,b=h||g||v&&y,x=n===`tr`||n===`td`||n===`th`||n===`thead`||n===`tbody`||n===`table`;if(p){let n=e.getBoundingClientRect();if(n.width<1||n.height<1)return;let a=d&&n.width>0&&n.height>0&&Math.abs(n.width-n.height)<4,o=x?0:a?`50%`:Yx(t,e)??8,s=r.width;i.push({x:s>0?+((n.left-r.left)/s*100).toFixed(4):0,y:Math.round(n.top-r.top),w:s>0?+(n.width/s*100).toFixed(4):0,h:Math.round(n.height),r:o});return}if(b){let n=e.getBoundingClientRect();if(n.width>=1&&n.height>=1){let a=x?0:Yx(t,e)??8,o=r.width;i.push({x:o>0?+((n.left-r.left)/o*100).toFixed(4):0,y:Math.round(n.top-r.top),w:o>0?+(n.width/o*100).toFixed(4):0,h:Math.round(n.height),r:a,c:!0})}}for(let e of u)l(e)};for(let t of e.children)l(t);return{name:t,viewportWidth:Math.round(r.width),width:Math.round(r.width),height:Math.round(r.height),bones:i}},Zx=(e,n,r,i,a)=>{let[o,s]=(0,t.useState)(null);return(0,t.useEffect)(()=>{if(!n||r||o)return;let t=e.current;if(!t)return;let c=requestAnimationFrame(()=>{let e=t.querySelector(`[data-skeleton-content]`);if(e&&e.children.length>0){let t=Xx(e,i??`auto`,a);t.bones.length>0&&s(t)}});return()=>cancelAnimationFrame(c)},[n,r,o,i,a,e]),o},Qx={angle:110,start:25,end:75,speed:`1.8s`},$x={speed:`1.5s`},eS={bone:`var(--colorNeutralStencil1)`,shimmerHighlight:`var(--colorNeutralStencil2)`},tS=new Map,nS=e=>{for(let[t,n]of Object.entries(e))tS.set(t,n)},rS=e=>tS.get(e),iS=()=>{typeof window<`u`&&window.__SKELETON_BUILD&&(window.__SKELETON_SNAPSHOT=Xx)},aS=()=>typeof window<`u`&&window.__SKELETON_BUILD===!0,oS=(e,t)=>{if(!(`breakpoints`in e))return e;let n=Object.keys(e.breakpoints).map(Number).sort((e,t)=>e-t);if(n.length===0)return null;let r=[...n].reverse().find(e=>t>=e)??n[0];return e.breakpoints[r]??null},sS=e=>Array.isArray(e)?{x:e[0],y:e[1],w:e[2],h:e[3],r:e[4],c:e[5]||void 0}:e,cS={},lS=e=>{cS={...cS,...e}},uS=()=>cS,dS=()=>(0,t.useMemo)(()=>({SHIMMER:Qx,PULSE:$x,DEFAULTS:eS,getRegisteredBones:rS,isBuildMode:aS,normalizeBone:sS,resolveResponsive:oS,getGlobalConfig:uS}),[]),fS=(0,f.keyframes)({"0%, 100%":{opacity:1},"50%":{opacity:.4}}),pS=(0,f.keyframes)({"0%":{backgroundPosition:`200% 0`},"100%":{backgroundPosition:`-200% 0`}}),mS=(0,f.keyframes)({from:{opacity:0},to:{opacity:1}}),hS=(0,f.css)({position:`relative`}),gS=(0,f.css)({position:`absolute`,inset:0,overflow:`hidden`}),_S=(0,f.css)({visibility:`hidden`,pointerEvents:`none`}),vS=(0,f.css)({position:`absolute`,inset:0,display:`flex`,alignItems:`center`,justifyContent:`center`}),yS={position:`relative`,width:`100%`,height:`100%`},bS=()=>({container:hS,overlay:gS,hiddenContent:_S,fallbackOverlay:vS});iS();var xS=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/,SS=e=>{let[n,r]=(0,t.useState)(!1),i=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(typeof window>`u`)return;let t=e.current;if(!t)return;let n=document.createElement(`span`);n.style.display=`none`,n.style.color=o.tokens.colorNeutralBackground1,t.appendChild(n),i.current=n;let a=()=>{let e=getComputedStyle(n).color.match(xS);if(e){r((parseInt(e[1],10)*299+parseInt(e[2],10)*587+parseInt(e[3],10)*114)/1e3<128);return}r(document.documentElement.classList.contains(`dark`)||!!t.closest(`.dark`))};a();let s=new MutationObserver(a);return s.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),()=>{s.disconnect(),n.parentNode&&n.parentNode.removeChild(n),i.current=null}},[e]),n},CS=({loading:e,children:r,name:i,initialBones:a,color:s,darkColor:c,animate:l,stagger:u=!1,transition:d=!1,boneClass:f,className:p,style:m,fallback:h,fixture:g,snapshotConfig:_})=>{let v=bS(),{DEFAULTS:y,SHIMMER:b,PULSE:x,getRegisteredBones:S,isBuildMode:C,normalizeBone:w,resolveResponsive:T,getGlobalConfig:E}=dS(),D=(0,t.useRef)(null),[O,k]=(0,t.useState)(0),[A,j]=(0,t.useState)(0),M=SS(D),N=E(),P=s??N.color,F=c??N.darkColor,I=!!(P||F),L=I?M?F??P:P??y.bone:y.bone,R=l??N.animate??`pulse`,ee=R===!0?`pulse`:R===!1?`solid`:R;(0,t.useEffect)(()=>{let e=D.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect;k(Math.round(t?.width??0)),t&&t.height>0&&j(Math.round(t.height))});t.observe(e);let n=e.getBoundingClientRect();return k(Math.round(n.width)),n.height>0&&j(Math.round(n.height)),()=>t.disconnect()},[]);let te=(0,t.useMemo)(()=>{let e={};return i&&(e[`data-skeleton`]=i,_&&(e[`data-skeleton-config`]=JSON.stringify(_))),e},[i,_]),[ne,z]=(0,t.useState)(!1);(0,t.useLayoutEffect)(()=>{z(!0)},[]);let re=a??(i?S(i):void 0),ie=ne&&typeof window<`u`?window.innerWidth:0,ae=O>0?O:ie,oe=re&&ae>0?T(re,ae):null,se=Zx(D,e,oe,i,_),ce=oe??se,le=(0,t.useMemo)(()=>{let e=u??N.stagger;return e===!0?80:e===!1||!e?0:e},[u,N.stagger]),ue=(0,t.useMemo)(()=>{let e=d??N.transition;return e===!0?300:e===!1||!e?0:e},[d,N.transition]),[de,fe]=(0,t.useState)(!1),pe=(0,t.useRef)(e),me=(0,t.useRef)(null);(0,t.useEffect)(()=>(pe.current&&!e&&ue>0&&ce&&(me.current&&clearTimeout(me.current),fe(!0),me.current=setTimeout(()=>{fe(!1),me.current=null},ue)),pe.current=e,()=>{me.current&&clearTimeout(me.current)}),[e,ue,ce]);let he=(e||de)&&ce,ge=e&&!ce&&!de,_e=A>0?A:ce?.height??0,ve=ce?.height??0,ye=_e>0&&ve>0?_e/ve:1,be=(0,t.useMemo)(()=>ce?ce.bones.map(w).filter(e=>!e.c):[],[ce]),B=(0,t.useCallback)((e,t)=>{let n=e.w/100*(ce?.width??0),r=e.r===`50%`&&Math.abs(n-e.h)<4,i=r?0:2,a=e.h*ye,o=Math.max(a-i*2,2),s={position:`absolute`,left:`${e.x}%`,top:e.y*ye+i,width:r?e.h*ye:`${e.w}%`,height:o,borderRadius:typeof e.r==`string`?e.r:`${e.r}px`},c=N.speed;if(ee===`shimmer`){let e=I?M?N.darkShimmerColor??y.shimmerHighlight:N.shimmerColor??y.shimmerHighlight:y.shimmerHighlight;s.backgroundImage=`linear-gradient(${N.shimmerAngle??b.angle}deg, ${L} ${b.start}%, ${e} 50%, ${L} ${b.end}%)`,s.backgroundSize=`200% 100%`,s.animation=`${pS} ${c??b.speed} linear infinite`}else s.backgroundColor=L,ee===`pulse`&&(s.animation=`${fS} ${c??x.speed} ease-in-out infinite`);return le>0&&(s.opacity=0,s.animation=`${s.animation?`${s.animation}, `:``}${mS} 0.3s ease-out ${t*le}ms forwards`),s},[ce,ye,ee,L,I,M,N,le]);if(C())return(0,n.jsx)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,...te,children:(0,n.jsx)(`div`,{children:g??r})});let xe=e?{"aria-busy":`true`,"aria-label":`Loading content`}:{};return(0,n.jsxs)(`div`,{ref:D,className:(0,o.mergeClasses)(v.container,p),style:m,role:`status`,...xe,...te,children:[(0,n.jsx)(`div`,{"data-skeleton-content":`true`,className:he?v.hiddenContent:void 0,children:r}),ge&&h&&(0,n.jsx)(`div`,{className:v.fallbackOverlay,children:h}),he&&(0,n.jsx)(`div`,{"data-skeleton-overlay":`true`,className:v.overlay,"aria-hidden":`true`,style:{opacity:de?0:1,transition:ue>0?`opacity ${ue}ms ease-out`:void 0},children:(0,n.jsx)(`div`,{style:yS,children:be.map((e,t)=>(0,n.jsx)(`div`,{"data-skeleton-bone":`true`,className:f??N.boneClass,style:B(e,t)},t))})})]})},wS=()=>{let e=t.useRef(``);return e.current||=`fui-`+Math.random().toString(36).slice(2,9),e.current},TS=e=>{let t=wS(),{theme:r=o.webLightTheme,applicationName:i=t,targetDocument:a=document,applyStylesToPortals:s=!0,className:c,styles:l,children:u}=e;return(0,n.jsx)(o.IdPrefixProvider,{value:i,children:(0,n.jsx)(o.FluentProvider,{theme:r,applyStylesToPortals:s,targetDocument:a,className:c,style:l,children:u})})},ES=(0,f.keyframes)({from:{opacity:0,transform:`scale(1.03)`},to:{opacity:1,transform:`scale(1)`}}),DS={"top-left":{justify:`flex-start`,align:`flex-start`,textAlign:`left`},"top-center":{justify:`flex-start`,align:`center`,textAlign:`center`},"top-right":{justify:`flex-start`,align:`flex-end`,textAlign:`right`},"center-left":{justify:`center`,align:`flex-start`,textAlign:`left`},center:{justify:`center`,align:`center`,textAlign:`center`},"center-right":{justify:`center`,align:`flex-end`,textAlign:`right`},"bottom-left":{justify:`flex-end`,align:`flex-start`,textAlign:`left`},"bottom-center":{justify:`flex-end`,align:`center`,textAlign:`center`},"bottom-right":{justify:`flex-end`,align:`flex-end`,textAlign:`right`}},OS=(e,n,r=`image`)=>{let{borderRadius:i}=e,{getBaseStyles:a}=xu(),s=i??o.tokens.borderRadiusMedium,c=n>0&&n<576;return{heroRootStyles:t.useCallback((t,n)=>({...a(e,t,n),overflow:`hidden`}),[a,e]),item:(0,f.css)({position:`relative`,overflow:`hidden`,width:`100%`,height:`100%`,borderRadius:s,animation:`${ES} 0.5s ease-out`}),overlayRoot:(0,f.css)({position:`absolute`,inset:0,display:`flex`,flexDirection:`column`,borderRadius:s,overflow:`hidden`,zIndex:1,pointerEvents:`none`,background:`color-mix(in srgb, ${o.tokens.colorBackgroundOverlay} 50%, transparent)`}),overlayScrim:e=>(0,f.css)({position:`absolute`,inset:0,background:`linear-gradient(
|
|
486
486
|
to top,
|
|
487
487
|
color-mix(in srgb, black ${Math.min(Math.round(e*100),100)}%, transparent) 0%,
|
|
488
488
|
color-mix(in srgb, black ${Math.min(Math.round(e*30),100)}%, transparent) 55%,
|
|
489
489
|
transparent 100%
|
|
490
|
-
)`,zIndex:0}),overlayContent:e=>{let{justify:t,align:n,textAlign:i}=DS[e]??DS[`bottom-left`];return(0,f.css)({position:`relative`,flex:1,display:`flex`,flexDirection:`column`,justifyContent:t,alignItems:n,textAlign:i,zIndex:1,padding:o.tokens.spacingHorizontalXL,paddingBottom:r===`video`?`74px`:o.tokens.spacingHorizontalL,gap:o.tokens.spacingVerticalS,pointerEvents:`none`})},overlayTextGroup:(0,f.css)({overflow:`hidden`,flex:`0 1 auto`,minHeight:0,display:`flex`,flexDirection:`column`,gap:o.tokens.spacingVerticalS}),overlayTitle:(0,f.css)({textShadow:`0 1px 4px color-mix(in srgb, black 65%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,margin:0}),overlayDescription:(0,f.css)({textShadow:`0 1px 3px color-mix(in srgb, black 50%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,opacity:.9,margin:0}),overlayCta:(0,f.css)({flexShrink:0,width:`fit-content`,pointerEvents:`auto`}),fullscreenRoot:(0,f.css)({width:`100%`,height:`100%`,overflow:`hidden`}),splitRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`1fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),featuredRoot:(0,f.css)({display:`grid`,gridTemplateColumns:n<576?`1fr`:`2fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),mosaicWrapper:(0,f.css)({width:`100%`,height:n<576?`auto`:`100%`,gap:`3px`,overflow:n<576?`visible`:`hidden`}),mosaicPrimary:(0,f.css)({flex:n<576?`none`:`3 0 0`,minWidth:0,width:`100%`,height:n<576?`260px`:`100%`}),mosaicRightGrid:e=>{let t=n>=1100&&e>=3,r=n<576?`1fr`:t?`1fr 1fr`:`1fr`,i=n<576?void 0:e===1?`1fr`:t?`1fr 1fr`:`repeat(${e}, 1fr)`;return(0,f.css)({flex:n<576?`none`:`2 0 0`,width:n<576?`100%`:void 0,minWidth:0,display:`grid`,gap:`3px`,gridTemplateColumns:r,gridTemplateRows:i,height:n<576?`auto`:`100%`})},mosaicSpanFull:(0,f.css)({gridColumn:`1 / -1`}),mosaicMarqueeLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflow:`hidden`}),mosaicMarqueeItem:(0,f.css)({flex:`0 0 auto`,minHeight:n<576?`160px`:`120px`}),mosaicScrollLane:(0,f.css)({flex:n<576?`none`:`2 0 0`,minWidth:0,height:n<576?`320px`:`100%`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} transparent`,display:`flex`,flexDirection:`column`,gap:`3px`,"&::-webkit-scrollbar":{width:`4px`},"&::-webkit-scrollbar-track":{background:`transparent`},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`999px`}}),gridRoot:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(${n>=1200?4:n>=992?3:n>=576?2:1}, 1fr)`,gap:`3px`,width:`100%`}),filmstripRoot:(0,f.css)({display:`flex`,flexDirection:`row`,gap:`3px`,overflowX:`auto`,width:`100%`,scrollSnapType:`x mandatory`,scrollbarWidth:`none`,"::-webkit-scrollbar":{display:`none`},paddingBottom:o.tokens.spacingVerticalXS}),filmstripItem:(0,f.css)({flex:`0 0 ${n>=1200?`400px`:n>=992?`340px`:n>=576?`280px`:`220px`}`,scrollSnapAlign:`start`}),carouselWrapper:(0,f.css)({width:`100%`,overflow:`hidden`})}};function kS(e){try{let t=new URL(e);if(t.hostname.includes(`youtube.com`))return{kind:`youtube`,id:t.searchParams.get(`v`)??``};if(t.hostname.includes(`youtu.be`))return{kind:`youtube`,id:t.pathname.slice(1).split(`?`)[0]};if(t.hostname.includes(`vimeo.com`))return{kind:`vimeo`,id:t.pathname.replace(/^\//,``).split(`/`)[0]}}catch{}return{kind:`file`,id:``}}var AS={position:`absolute`,inset:0,overflow:`hidden`,pointerEvents:`none`},jS={position:`absolute`,top:`50%`,left:`50%`,width:`auto`,height:`auto`,minWidth:`100%`,minHeight:`100%`,aspectRatio:`16 / 9`,transform:`translate(-50%, -50%)`,border:`none`,pointerEvents:`none`},MS=({src:e,loop:t=!0,title:r=`background video`})=>{let i=kS(e);if(i.kind===`youtube`&&i.id){let e=i.id;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://www.youtube.com/embed/${e}?autoplay=1&mute=1${t?`&loop=1&playlist=${e}`:``}&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&playsinline=1&enablejsapi=1`,allow:`autoplay; encrypted-media`,title:r,style:jS})})}if(i.kind===`vimeo`&&i.id){let e=t?`&loop=1`:``;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://player.vimeo.com/video/${i.id}?autoplay=1&muted=1${e}&background=1&byline=0&title=0&portrait=0`,allow:`autoplay; fullscreen`,title:r,style:jS})})}return(0,n.jsx)(`video`,{src:e,autoPlay:!0,loop:t,muted:!0,playsInline:!0,title:r,style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,objectFit:`cover`,pointerEvents:`none`}})};MS.displayName=`BackgroundVideo`;var NS=t.memo(({item:e,heroProps:t,containerWidth:r,mediaType:i=`image`})=>{let{title:a,description:s,callToActionLabel:c,callToActionUrl:l,textPosition:u=`bottom-left`,overlayOpacity:d=.45}=e,f=a||s||c,{overlayRoot:p,overlayScrim:m,overlayContent:h,overlayTextGroup:g,overlayTitle:_,overlayDescription:v,overlayCta:y}=OS(t,r,i);return f?(0,n.jsxs)(H,{className:p,children:[(0,n.jsx)(H,{className:m(d),"aria-hidden":`true`}),(0,n.jsxs)(H,{className:h(u),children:[(a||s)&&(0,n.jsxs)(`div`,{className:g,children:[a&&(0,n.jsx)(Cd,{fontSize:`l`,fontWeight:`bold`,numberOfLines:2,truncate:!0,className:_,children:a}),s&&(0,n.jsx)(Cd,{fontSize:`s`,numberOfLines:2,className:v,children:s})]}),c&&l&&(0,n.jsx)(o.Button,{appearance:`primary`,onClick:e=>{e.stopPropagation(),window.open(l,`_blank`,`noopener,noreferrer`)},target:`_blank`,rel:`noopener noreferrer`,className:y,children:c})]})]}):null});NS.displayName=`HeroOverlay`;var PS=t.memo(({item:e,heroProps:t,containerWidth:r,className:i,itemHeight:a})=>{let{item:s}=OS(t,r),c=a===void 0?`100%`:typeof a==`number`?`${a}px`:a,l=e.mediaType===`video`&&e.videoControls===!1&&e.autoPlay;return(0,n.jsx)(H,{className:(0,o.mergeClasses)(s,i),height:c,role:`region`,"aria-label":e.alt??e.title??e.src,children:e.mediaType===`image`?(0,n.jsx)(Ob,{src:e.src,style:{height:`100%`},children:(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r})}):l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(MS,{src:e.src,loop:e.loop,title:e.alt??e.title}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:`image`})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ov,{url:e.src,width:`100%`,height:c,controls:e.videoControls!==!1,playing:e.autoPlay,loop:e.loop,muted:e.autoPlay,playsinline:!0}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:e.videoControls===!1?`image`:`video`})]})})});PS.displayName=`HeroItem`;var FS=e=>({resolvedHeight:t.useMemo(()=>typeof e==`number`?`${e}px`:e,[e]),numericHeight:t.useMemo(()=>typeof e==`number`?e:parseInt(String(e),10)||480,[e]),mosaicHeight:t.useMemo(()=>typeof e==`number`?`${e+30}px`:`calc(${e} + 30px)`,[e])}),IS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,1,r.rotation),{resolvedHeight:o}=FS(t),s=a[0];return s?(0,n.jsx)(H,{width:`100%`,height:o,children:(0,n.jsx)(PS,{item:s,heroProps:r,containerWidth:i})}):null};IS.displayName=`HeroFullscreen`;var LS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{splitRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};LS.displayName=`HeroSplit`;var RS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{featuredRoot:a}=OS(r,i),o=we(e,2,r.rotation),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{className:a,height:s,children:o.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};RS.displayName=`HeroFeatured`;var zS=({items:e,height:t,heroProps:r,containerWidth:i,mosaicOverflowMode:a=`marquee`})=>{let{mosaicWrapper:o,mosaicPrimary:s,mosaicRightGrid:c,mosaicSpanFull:l,mosaicScrollLane:u}=OS(r,i),{mosaicHeight:d}=FS(t),f=e.length>5,p=f?e:e.slice(0,5),m=p[0],h=p.slice(1),g=i<576;if(!m)return null;let _=g?160:180;return(0,n.jsxs)(H,{direction:g?`vertical`:`horizontal`,className:o,height:g?void 0:d,children:[(0,n.jsx)(PS,{item:m,heroProps:r,containerWidth:i,className:s,itemHeight:g?260:void 0}),h.length>0&&!f&&(0,n.jsx)(`div`,{className:c(h.length),children:h.map((e,t)=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:g?180:void 0,className:h.length===3&&t===2&&i>=1100?l:void 0},e.id))}),h.length>0&&f&&a===`marquee`&&(0,n.jsx)(`div`,{style:{flex:g?`none`:`2 0 0`,minWidth:0,height:g?`320px`:`100%`,overflow:`hidden`,scrollbarWidth:`none`},children:(0,n.jsx)(Sb,{orientation:`vertical`,duration:6e4,pauseOnHover:!0,repeat:2,gap:`3px`,fadeEdgeSize:`8%`,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})}),h.length>0&&f&&a===`scroll`&&(0,n.jsx)(`div`,{className:u,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})]})};zS.displayName=`HeroMosaic`;var BS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{gridRoot:a}=OS(r,i),{resolvedHeight:o}=FS(t);return(0,n.jsx)(H,{className:a,children:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:o},e.id))})};BS.displayName=`HeroGrid`;var VS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{filmstripRoot:a,filmstripItem:o}=OS(r,i),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{direction:`horizontal`,className:a,height:s,children:e.map(e=>(0,n.jsx)(H,{className:o,children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i})},e.id))})};VS.displayName=`HeroFilmstrip`;var HS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{carouselWrapper:a}=OS(r,i),{numericHeight:o}=FS(t),s=o-50;return(0,n.jsx)(H,{className:a,height:o,children:(0,n.jsx)(pd,{items:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:s},e.id)),height:o})})};HS.displayName=`HeroCarousel`;var US=`480px`,WS=e=>{let{items:r,layout:i=`fullscreen`,height:a=US,className:s}=e,c=t.useRef(null),[l,u]=t.useState(0),[f,p]=t.useState(0),{heroRootStyles:m}=OS(e,l);t.useEffect(()=>{let e;return c.current&&(e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;u(e),p(n)}}),u(c.current.clientWidth),p(c.current.clientHeight),e.observe(c.current)),()=>{e&&e.disconnect()}},[]);let h={items:r,height:a,heroProps:e,containerWidth:l,mosaicOverflowMode:e.mosaicOverflowMode??`marquee`},g=()=>{switch(i){case`fullscreen`:return(0,n.jsx)(IS,{...h});case`split`:return(0,n.jsx)(LS,{...h});case`featured`:return(0,n.jsx)(RS,{...h});case`mosaic`:return(0,n.jsx)(zS,{...h});case`grid`:return(0,n.jsx)(BS,{...h});case`filmstrip`:return(0,n.jsx)(VS,{...h});case`carousel`:return(0,n.jsx)(HS,{...h});default:return(0,n.jsx)(IS,{...h})}},_=t.useMemo(()=>{let e=m(l,f);if(i===`grid`||i===`mosaic`&&l>0&&l<576){let{height:t,...n}=e;return n}return e},[m,l,f,i]);return(0,n.jsx)(H,{id:`-hero`,role:`region`,"aria-label":`Hero`,ref:c,width:`100%`,className:(0,o.mergeClasses)(s),style:_,children:g()})};WS.displayName=`Hero`,exports.AIAssistant=$y,exports.AISearchControl=Ny,exports.AISearchIcon=ky,exports.AISearchIconExample=Fy,exports.AdaptiveCardHost=Sy,exports.AdaptiveCardHostThemeType=Wv,exports.AddColumnAfterControl=ag,exports.AddColumnBeforeControl=ig,exports.AddRowAfterControl=cg,exports.AddRowBeforeControl=sg,exports.AlignCenterControl=Hh,exports.AlignJustifyControl=Uh,exports.AlignLeftControl=Bh,exports.AlignRightControl=Vh,exports.AppDashboard=Ix,exports.AspectRatio=rd,exports.BackgroundImage=Ob,exports.Blockquote=mb,exports.BlockquoteControl=zh,exports.BoldControl=Th,exports.Breadcrumb=kd,exports.BulletListControl=jh,exports.ButtonMenu=Td,exports.CalendarControl=gf,exports.CalendarGrid=yf,exports.CalendarHeader=bf,exports.CalendarMonth=tf,exports.Card=Ju,exports.Carousel=pd,exports.Center=od,exports.ChatInput=Ly,exports.ChatInputWithMensions=Hy,exports.ChatInputWithMensionsV1=eb,exports.ChatList=Xy,exports.ChromeInputType=D_,exports.ClearFormattingControl=kh,exports.CodeBlockControl=qh,exports.CodeControl=Kh,exports.ColorPicker=X,exports.ColorPickerAlpha=g_,exports.ColorPickerBlock=G_,exports.ColorPickerChrome=M_,exports.ColorPickerCircle=B_,exports.ColorPickerColorful=N_,exports.ColorPickerCompact=U_,exports.ColorPickerEditableInput=S_,exports.ColorPickerEditableInputHSLA=w_,exports.ColorPickerEditableInputRGBA=C_,exports.ColorPickerHue=m_,exports.ColorPickerInteractive=c_,exports.ColorPickerSaturation=u_,exports.ColorPickerShadeSlider=v_,exports.ColorPickerSketch=E_,exports.ColorPickerSlider=q_,exports.ColorPickerSwatch=b_,exports.ColorPickerTheme=ev,exports.ColorPickerWheel=L_,exports.CompactCalendar=jf,exports.CompactCalendarToolbar=xf,exports.ConsoleLoggingProvider=e.k,exports.Container=cd,exports.ContentRenderer=Yy,exports.ContentType=zu,exports.CustomControlBar=bv,exports.DataGrid=iv,exports.DataGridV2=sv,exports.DefaultGraphClient=e.O,exports.DefaultLocalizationProvider=e.T,exports.DeleteColumnControl=og,exports.DeleteRowControl=lg,exports.DeleteTableControl=rg,exports.DropdownField=bg,exports.Dropzone=Cp,exports.DropzoneAccept=vp,exports.DropzoneFullScreen=wp,exports.DropzoneIdle=bp,exports.DropzoneProvider=hp,exports.DropzoneReject=yp,exports.EBreakPoints=ge,exports.ECalendarViews=W,exports.EGoalMetric=Bx,exports.EMessageType=_e,exports.EXE_MIME_TYPE=jp,exports.EmojiPicker=Sh,exports.ErrorType=e.A,exports.EventsList=Sf,exports.FluentUIProvider=TS,exports.GenericOverFlowMenu=wv,exports.Grid=Xu,exports.H1Control=Nh,exports.H2Control=Ph,exports.H3Control=Fh,exports.H4Control=Ih,exports.H5Control=Lh,exports.H6Control=Rh,exports.Hero=WS,exports.HighlightControl=Jh,exports.HrControl=Yh,exports.IMAGE_MIME_TYPE=Ep,exports.IconButton=Ad,exports.InlineSVG=Xb,exports.InputField=Sg,exports.InsertTableControl=ng,exports.ItalicControl=Eh,exports.ItemPicker=Fg,exports.KPICard=Vx,exports.KPICardCompact=Gx,exports.KPICardSkeleton=Hx,exports.Kpis=qx,exports.Layout=$u,exports.LayoutItem=ed,exports.Link=Ip,exports.ListItemActivityMessage=Ex,exports.ListToolbar=fx,exports.LivePersona=ix,exports.LocalStorageProvider=e.w,exports.LocalizationProvider=e.t,exports.LogLevel=e.j,exports.MIME_TYPES=Tp,exports.MS_EXCEL_MIME_TYPE=kp,exports.MS_POWERPOINT_MIME_TYPE=Ap,exports.MS_WORD_MIME_TYPE=Op,exports.MaplibreWorldMap=Uv,exports.MarkdownRenderer=qy,exports.Marquee=Sb,exports.Mensions=zy,exports.MensionsExample=By,exports.MergeOrSplitCellControl=ug,exports.MermaidDiagram=ab,exports.Navigation=Tv,exports.NoKpisCard=Wx,exports.OTPField=rx,exports.OptionTime=jg,exports.OrderedListControl=Mh,exports.PDF_MIME_TYPE=Dp,exports.Popup=gd,exports.RedoControl=Qh,exports.RenderAdaptiveCard=Cy,exports.RenderDialog=uv,exports.RenderDrawer=dv,exports.RenderHeader=fv,exports.RenderLabel=vd,exports.RenderSpinner=bd,exports.RichTextEditor=vg,exports.RichTextEditorBgColorPickerControl=nh,exports.RichTextEditorColorControl=Xm,exports.RichTextEditorColorPickerControl=Zm,exports.RichTextEditorContent=Kp,exports.RichTextEditorControl=Jp,exports.RichTextEditorControlBase=Yp,exports.RichTextEditorControlsGroup=qp,exports.RichTextEditorDragHandle=rh,exports.RichTextEditorFontFamilyControl=eh,Object.defineProperty(exports,`RichTextEditorImage`,{enumerable:!0,get:function(){return L.default}}),exports.RichTextEditorImageUploadControl=th,exports.RichTextEditorLinkControl=Ym,exports.RichTextEditorResizableImage=zp,exports.RichTextEditorSourceCodeControl=Qm,exports.RichTextEditorTableControls=wh,exports.RichTextEditorToolbar=Vp,exports.SearchControl=$f,exports.SelectDay=Qd,exports.SelectMonth=nf,exports.SelectTime=Ng,exports.SelectView=Cg,exports.SelectWeek=sf,exports.ShareDialog=mv,exports.ShowError=gv,exports.ShowMessage=vv,exports.SkeletonLoader=CS,exports.Space=nd,exports.SplitPane=hd,exports.Spoiler=Tb,exports.Spotlight=pp,exports.SpotlightAction=np,exports.SpotlightActionsGroup=rp,exports.SpotlightActionsList=ip,exports.SpotlightEmpty=ap,exports.SpotlightFooter=op,exports.SpotlightRoot=Zf,exports.SpotlightSearch=ep,exports.StackV2=H,exports.StackedUsers=xx,exports.Stepper=zb,exports.StrikeThroughControl=Oh,exports.SubscriptControl=Wh,exports.SuperscriptControl=Gh,exports.TIME_RADIO_GROUP=Eg,exports.TableKit=I.TableKit,exports.TaskListControl=$h,exports.TaskListLiftControl=tg,exports.TaskListSinkControl=eg,exports.Timeline=Nb,exports.ToggleHeaderColumnControl=dg,exports.ToggleHeaderRowControl=fg,exports.ToggleTableColumnLinesControl=pg,exports.ToggleTableRowLinesControl=mg,exports.TypographyControl=Cd,exports.UnderlineControl=Dh,exports.UndoControl=Zh,exports.UniversalProvider=ye,exports.UnlinkControl=Ah,exports.UnsetColorControl=Xh,exports.UserCard=yx,exports.VideoPlayer=Ov,exports.applyHeaderStyles=hu,exports.autoFitColumns=gu,exports.buildHeaderCellStyle=mu,exports.clampHsva=o_,exports.clearInlineSVGCache=Ub,exports.cloneDeep=Ou,exports.closeOnActionTriggerAtom=Lf,exports.closeSpotlight=Wf,exports.color=J,exports.configureSkeletonLoader=lS,exports.createControl=K,exports.createSpotlight=Kf,exports.createSpotlightStore=zf,exports.debounce=Eu,exports.deepMerge=e.E,exports.defaultCalendarControlStrings=ff,exports.defaultCalendarMonthStrings=ef,exports.defaultSelectWeekStrings=rf,exports.defaultSpotlightFilter=dp,exports.detectContentType=Gu,exports.en=e.D,exports.equalColorObjects=i_,exports.equalHex=a_,exports.escapeCsvCell=_u,exports.every=Ru,exports.filter=Iu,exports.formatTime=Og,exports.get=Au,exports.getContentType=Ku,exports.getContrastingColor=r_,exports.getTaskListExtension=Lp,exports.groupBy=Pu,exports.hexToHsva=Hg,exports.hexToRgba=Gg,exports.hslaStringToHsva=$g,exports.hslaToHsva=Vg,exports.hsvaToHex=Ug,exports.hsvaToHexa=Wg,exports.hsvaToHslString=Jg,exports.hsvaToHsla=Bg,exports.hsvaToHslaString=Yg,exports.hsvaToRgbString=Xg,exports.hsvaToRgba=Rg,exports.hsvaToRgbaString=Zg,exports.isActionsGroup=cp,exports.isEmpty=ku,exports.limitActions=fp,exports.listIdAtom=Pf,exports.map=Fu,exports.onQueryChangeCallbackAtom=Rf,exports.openSpotlight=Uf,exports.openedAtom=Mf,exports.parseHue=Qg,exports.queryAtom=Ff,exports.registerBones=nS,exports.registeredActionsAtom=If,exports.renderContentAsEmailHtml=Gp,exports.resolveLocale=Of,exports.rgbaStringToHsva=e_,exports.rgbaToHex=Kg,exports.rgbaToHexa=qg,exports.rgbaToHsva=zg,exports.selectedAtom=Nf,exports.set=ju,exports.snapshotBones=Xx,exports.some=Lu,exports.spotlight=Hf,exports.spotlightActions=G,exports.spotlightStore=Bf,exports.throttle=Du,exports.timeKey=kg,exports.toasterId=fu,exports.toggleSpotlight=Gf,exports.uniq=Mu,exports.uniqBy=Nu,exports.useAIAssistantStrings=e.n,exports.useAISearchControlStrings=e.r,exports.useAppDashboardStrings=e.i,exports.useAppToast=pu,exports.useApplicationContext=be,exports.useAspectRatioStyles=id,exports.useBlockquoteStyles=ub,exports.useBrandCenterFonts=ze,exports.useCalendar=Gd,exports.useCalendarStrings=e.a,exports.useCalendarStyles=Rd,exports.useCenterStyles=ad,exports.useColorPickerStyles=Y,exports.useCommonStrings=e.o,exports.useCompactCalendarEvents=Ef,exports.useComponentStrings=e.c,exports.useComponentUtils=xu,exports.useDataGridStyles=rv,exports.useDateUtils=Su,exports.useDayViewStyles=Kd,exports.useDropzoneContext=gp,exports.useDropzoneStyles=xp,exports.useExportData=bu,exports.useFluentEmoji=du,exports.useGraphAPI=xe,exports.useGridStyles=Yu,exports.useImageUtils=Tu,exports.useIndexedDBCache=Se,exports.useInputFieldStrings=e.u,exports.useItemPickerStrings=e.d,exports.useKpiStrings=e.f,exports.useLayoutStyles=Zu,exports.useListItemActivityStrings=e.p,exports.useLocalization=e.m,exports.useLogging=B,exports.useMarqueeStyles=_b,exports.useMensionsStrings=e.h,exports.useMensionsStyles=Ry,exports.useMermaidDiagramStrings=e.g,exports.useMermaidDiagramStyles=nb,exports.useNavigationStyles=Ev,exports.useNoKpiStrings=e._,exports.useOptionTimeStyles=Tg,exports.usePolling=Ce,exports.useRenderHeaderStyles=pv,exports.useRichTextEditor=Bp,exports.useSearchControlStrings=e.v,exports.useSelectTimeStyles=wg,exports.useShareDialogStrings=e.y,exports.useShowErrorStyles=hv,exports.useShowMessageStyles=_v,exports.useSkeletonExtract=Zx,exports.useSpaceStyles=td,exports.useSplitPaneStyles=md,exports.useSpotlight=qf,exports.useSpotlightShortcut=Yf,exports.useSpotlightStrings=e.b,exports.useStrings=e.x,exports.useStyles=tb,exports.useTimeZoneHelper=Ee,exports.useUserCardStrings=e.S,exports.useUtils=Md,exports.useVideoStyles=Dv,exports.useWeekViewStyles=Vd,exports.useWorldMapStrings=e.C,exports.validHex=n_;
|
|
490
|
+
)`,zIndex:0}),overlayContent:e=>{let{justify:t,align:n,textAlign:i}=DS[e]??DS[`bottom-left`];return(0,f.css)({position:`relative`,flex:1,display:`flex`,flexDirection:`column`,justifyContent:t,alignItems:n,textAlign:i,zIndex:1,padding:o.tokens.spacingHorizontalXL,paddingBottom:r===`video`?`74px`:o.tokens.spacingHorizontalL,gap:o.tokens.spacingVerticalS,pointerEvents:`none`})},overlayTextGroup:(0,f.css)({overflow:`hidden`,flex:`0 1 auto`,minHeight:0,display:`flex`,flexDirection:`column`,gap:o.tokens.spacingVerticalS}),overlayTitle:(0,f.css)({textShadow:`0 1px 4px color-mix(in srgb, black 65%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,margin:0}),overlayDescription:(0,f.css)({textShadow:`0 1px 3px color-mix(in srgb, black 50%, transparent)`,color:o.tokens.colorNeutralForegroundStaticInverted,opacity:.9,margin:0}),overlayCta:(0,f.css)({flexShrink:0,width:`fit-content`,pointerEvents:`auto`}),fullscreenRoot:(0,f.css)({width:`100%`,height:`100%`,overflow:`hidden`}),splitRoot:(0,f.css)({display:`grid`,gridTemplateColumns:c?`1fr`:`1fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),featuredRoot:(0,f.css)({display:`grid`,gridTemplateColumns:c?`1fr`:`2fr 1fr`,gap:`3px`,width:`100%`,height:`100%`,overflow:`hidden`}),mosaicWrapper:(0,f.css)({width:`100%`,height:c?`auto`:`100%`,gap:`3px`,overflow:c?`visible`:`hidden`}),mosaicPrimary:(0,f.css)({flex:c?`none`:`3 0 0`,minWidth:0,width:`100%`,height:c?`260px`:`100%`}),mosaicRightGrid:e=>{let t=n>=1100&&e>=3,r=c?`1fr`:t?`1fr 1fr`:`1fr`,i=c?void 0:e===1?`1fr`:t?`1fr 1fr`:`repeat(${e}, 1fr)`;return(0,f.css)({flex:c?`none`:`2 0 0`,width:c?`100%`:void 0,minWidth:0,display:`grid`,gap:`3px`,gridTemplateColumns:r,gridTemplateRows:i,height:c?`auto`:`100%`})},mosaicSpanFull:(0,f.css)({gridColumn:`1 / -1`}),mosaicMarqueeLane:(0,f.css)({flex:c?`none`:`2 0 0`,minWidth:0,height:c?`320px`:`100%`,overflow:`hidden`}),mosaicMarqueeItem:(0,f.css)({flex:`0 0 auto`,minHeight:c?`160px`:`120px`}),mosaicScrollLane:(0,f.css)({flex:c?`none`:`2 0 0`,minWidth:0,height:c?`320px`:`100%`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:`${o.tokens.colorBrandBackground} transparent`,display:`flex`,flexDirection:`column`,gap:`3px`,"&::-webkit-scrollbar":{width:`4px`},"&::-webkit-scrollbar-track":{background:`transparent`},"&::-webkit-scrollbar-thumb":{background:o.tokens.colorBrandBackground,borderRadius:`999px`}}),gridRoot:(0,f.css)({display:`grid`,gridTemplateColumns:`repeat(${n===0?2:n>=1200?4:n>=992?3:n>=576?2:1}, 1fr)`,gap:`3px`,width:`100%`}),filmstripRoot:(0,f.css)({display:`flex`,flexDirection:`row`,gap:`3px`,overflowX:`auto`,width:`100%`,scrollSnapType:`x mandatory`,scrollbarWidth:`none`,"::-webkit-scrollbar":{display:`none`},paddingBottom:o.tokens.spacingVerticalXS}),filmstripItem:(0,f.css)({flex:`0 0 ${n===0?`280px`:n>=1200?`400px`:n>=992?`340px`:n>=576?`280px`:`220px`}`,scrollSnapAlign:`start`}),carouselWrapper:(0,f.css)({width:`100%`,overflow:`hidden`})}};function kS(e){try{let t=new URL(e);if(t.hostname.includes(`youtube.com`))return{kind:`youtube`,id:t.searchParams.get(`v`)??``};if(t.hostname.includes(`youtu.be`))return{kind:`youtube`,id:t.pathname.slice(1).split(`?`)[0]};if(t.hostname.includes(`vimeo.com`))return{kind:`vimeo`,id:t.pathname.replace(/^\//,``).split(`/`)[0]}}catch{}return{kind:`file`,id:``}}var AS={position:`absolute`,inset:0,overflow:`hidden`,pointerEvents:`none`},jS={position:`absolute`,top:`50%`,left:`50%`,width:`auto`,height:`auto`,minWidth:`100%`,minHeight:`100%`,aspectRatio:`16 / 9`,transform:`translate(-50%, -50%)`,border:`none`,pointerEvents:`none`},MS=({src:e,loop:t=!0,title:r=`background video`})=>{let i=kS(e);if(i.kind===`youtube`&&i.id){let e=i.id;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://www.youtube.com/embed/${e}?autoplay=1&mute=1${t?`&loop=1&playlist=${e}`:``}&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&playsinline=1&enablejsapi=1`,allow:`autoplay; encrypted-media`,title:r,style:jS})})}if(i.kind===`vimeo`&&i.id){let e=t?`&loop=1`:``;return(0,n.jsx)(`div`,{style:AS,children:(0,n.jsx)(`iframe`,{src:`https://player.vimeo.com/video/${i.id}?autoplay=1&muted=1${e}&background=1&byline=0&title=0&portrait=0`,allow:`autoplay; fullscreen`,title:r,style:jS})})}return(0,n.jsx)(`video`,{src:e,autoPlay:!0,loop:t,muted:!0,playsInline:!0,title:r,style:{position:`absolute`,inset:0,width:`100%`,height:`100%`,objectFit:`cover`,pointerEvents:`none`}})};MS.displayName=`BackgroundVideo`;var NS=t.memo(({item:e,heroProps:t,containerWidth:r,mediaType:i=`image`})=>{let{title:a,description:s,callToActionLabel:c,callToActionUrl:l,textPosition:u=`bottom-left`,overlayOpacity:d=.45}=e,f=a||s||c,{overlayRoot:p,overlayScrim:m,overlayContent:h,overlayTextGroup:g,overlayTitle:_,overlayDescription:v,overlayCta:y}=OS(t,r,i);return f?(0,n.jsxs)(H,{className:p,children:[(0,n.jsx)(H,{className:m(d),"aria-hidden":`true`}),(0,n.jsxs)(H,{className:h(u),children:[(a||s)&&(0,n.jsxs)(`div`,{className:g,children:[a&&(0,n.jsx)(Cd,{fontSize:`l`,fontWeight:`bold`,numberOfLines:2,truncate:!0,className:_,children:a}),s&&(0,n.jsx)(Cd,{fontSize:`s`,numberOfLines:2,className:v,children:s})]}),c&&l&&(0,n.jsx)(o.Button,{appearance:`primary`,onClick:e=>{e.stopPropagation(),window.open(l,`_blank`,`noopener,noreferrer`)},target:`_blank`,rel:`noopener noreferrer`,className:y,children:c})]})]}):null});NS.displayName=`HeroOverlay`;var PS=t.memo(({item:e,heroProps:t,containerWidth:r,className:i,itemHeight:a})=>{let{item:s}=OS(t,r),c=a===void 0?`100%`:typeof a==`number`?`${a}px`:a,l=e.mediaType===`video`&&e.videoControls===!1&&e.autoPlay;return(0,n.jsx)(H,{className:(0,o.mergeClasses)(s,i),height:c,role:`region`,"aria-label":e.alt??e.title??e.src,children:e.mediaType===`image`?(0,n.jsx)(Ob,{src:e.src,style:{height:`100%`},children:(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r})}):l?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(MS,{src:e.src,loop:e.loop,title:e.alt??e.title}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:`image`})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(Ov,{url:e.src,width:`100%`,height:c,controls:e.videoControls!==!1,playing:e.autoPlay,loop:e.loop,muted:e.autoPlay,playsinline:!0}),(0,n.jsx)(NS,{item:e,heroProps:t,containerWidth:r,mediaType:e.videoControls===!1?`image`:`video`})]})})});PS.displayName=`HeroItem`;var FS=e=>({resolvedHeight:t.useMemo(()=>typeof e==`number`?`${e}px`:e,[e]),numericHeight:t.useMemo(()=>typeof e==`number`?e:parseInt(String(e),10)||480,[e]),mosaicHeight:t.useMemo(()=>typeof e==`number`?`${e+30}px`:`calc(${e} + 30px)`,[e])}),IS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,1,r.rotation),{resolvedHeight:o}=FS(t),s=a[0];return s?(0,n.jsx)(H,{width:`100%`,height:o,children:(0,n.jsx)(PS,{item:s,heroProps:r,containerWidth:i})}):null};IS.displayName=`HeroFullscreen`;var LS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,2,r.rotation),{resolvedHeight:o}=FS(t);return(0,n.jsx)(Xu,{styles:{gridTemplateColumns:i>0&&i<576?`1fr`:`1fr 1fr`,height:o,gap:`3px`,overflow:`hidden`},children:a.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};LS.displayName=`HeroSplit`;var RS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let a=we(e,2,r.rotation),{resolvedHeight:o}=FS(t);return(0,n.jsx)(Xu,{styles:{gridTemplateColumns:i>0&&i<576?`1fr`:`2fr 1fr`,height:o,gap:`3px`,overflow:`hidden`},children:a.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i},e.id))})};RS.displayName=`HeroFeatured`;var zS=({items:e,height:t,heroProps:r,containerWidth:i,mosaicOverflowMode:a=`marquee`})=>{let{mosaicWrapper:o,mosaicPrimary:s,mosaicRightGrid:c,mosaicSpanFull:l,mosaicScrollLane:u}=OS(r,i),{mosaicHeight:d}=FS(t),f=e.length>5,p=f?e:e.slice(0,5),m=p[0],h=p.slice(1),g=i<576;if(!m)return null;let _=g?160:180;return(0,n.jsxs)(H,{direction:g?`vertical`:`horizontal`,className:o,height:g?void 0:d,children:[(0,n.jsx)(PS,{item:m,heroProps:r,containerWidth:i,className:s,itemHeight:g?260:void 0}),h.length>0&&!f&&(0,n.jsx)(`div`,{className:c(h.length),children:h.map((e,t)=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:g?180:void 0,className:h.length===3&&t===2&&i>=1100?l:void 0},e.id))}),h.length>0&&f&&a===`marquee`&&(0,n.jsx)(`div`,{style:{flex:g?`none`:`2 0 0`,minWidth:0,height:g?`320px`:`100%`,overflow:`hidden`,scrollbarWidth:`none`},children:(0,n.jsx)(Sb,{orientation:`vertical`,duration:6e4,pauseOnHover:!0,repeat:2,gap:`3px`,fadeEdgeSize:`8%`,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})}),h.length>0&&f&&a===`scroll`&&(0,n.jsx)(`div`,{className:u,children:h.map(e=>(0,n.jsx)(`div`,{style:{flex:`0 0 auto`,height:`${_}px`,width:`100%`},children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:_})},e.id))})]})};zS.displayName=`HeroMosaic`;var BS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{gridRoot:a}=OS(r,i),{resolvedHeight:o}=FS(t);return(0,n.jsx)(H,{className:a,children:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:o},e.id))})};BS.displayName=`HeroGrid`;var VS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{filmstripRoot:a,filmstripItem:o}=OS(r,i),{resolvedHeight:s}=FS(t);return(0,n.jsx)(H,{direction:`horizontal`,className:a,height:s,children:e.map(e=>(0,n.jsx)(H,{className:o,children:(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i})},e.id))})};VS.displayName=`HeroFilmstrip`;var HS=({items:e,height:t,heroProps:r,containerWidth:i})=>{let{carouselWrapper:a}=OS(r,i),{numericHeight:o}=FS(t),s=o-50;return(0,n.jsx)(H,{className:a,height:o,children:(0,n.jsx)(pd,{items:e.map(e=>(0,n.jsx)(PS,{item:e,heroProps:r,containerWidth:i,itemHeight:s},e.id)),height:o})})};HS.displayName=`HeroCarousel`;var US=`480px`,WS=e=>{let{items:r,layout:i=`fullscreen`,height:a=US,className:s}=e,c=t.useRef(null),[l,u]=t.useState(0),[f,p]=t.useState(0),{heroRootStyles:m}=OS(e,l);t.useEffect(()=>{if(!c.current)return;u(c.current.clientWidth),p(c.current.clientHeight);let e=new d.ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;e>0&&u(e),p(n)}});return e.observe(c.current),()=>e.disconnect()},[]),t.useLayoutEffect(()=>{if(!c.current)return;let e=c.current.getBoundingClientRect().width;e>0&&u(e)},[a]);let h={items:r,height:a,heroProps:e,containerWidth:l,mosaicOverflowMode:e.mosaicOverflowMode??`marquee`},g=()=>{switch(i){case`fullscreen`:return(0,n.jsx)(IS,{...h});case`split`:return(0,n.jsx)(LS,{...h});case`featured`:return(0,n.jsx)(RS,{...h});case`mosaic`:return(0,n.jsx)(zS,{...h});case`grid`:return(0,n.jsx)(BS,{...h});case`filmstrip`:return(0,n.jsx)(VS,{...h});case`carousel`:return(0,n.jsx)(HS,{...h});default:return(0,n.jsx)(IS,{...h})}},_=t.useMemo(()=>{let e=m(l,f);if(i===`grid`||i===`mosaic`&&l>0&&l<576){let{height:t,...n}=e;return n}return e},[m,l,f,i]);return(0,n.jsx)(H,{id:`-hero`,role:`region`,"aria-label":`Hero`,ref:c,width:`100%`,className:(0,o.mergeClasses)(s),style:_,children:g()})};WS.displayName=`Hero`,exports.AIAssistant=$y,exports.AISearchControl=Ny,exports.AISearchIcon=ky,exports.AISearchIconExample=Fy,exports.AdaptiveCardHost=Sy,exports.AdaptiveCardHostThemeType=Wv,exports.AddColumnAfterControl=ag,exports.AddColumnBeforeControl=ig,exports.AddRowAfterControl=cg,exports.AddRowBeforeControl=sg,exports.AlignCenterControl=Hh,exports.AlignJustifyControl=Uh,exports.AlignLeftControl=Bh,exports.AlignRightControl=Vh,exports.AppDashboard=Ix,exports.AspectRatio=rd,exports.BackgroundImage=Ob,exports.Blockquote=mb,exports.BlockquoteControl=zh,exports.BoldControl=Th,exports.Breadcrumb=kd,exports.BulletListControl=jh,exports.ButtonMenu=Td,exports.CalendarControl=gf,exports.CalendarGrid=yf,exports.CalendarHeader=bf,exports.CalendarMonth=tf,exports.Card=Ju,exports.Carousel=pd,exports.Center=od,exports.ChatInput=Ly,exports.ChatInputWithMensions=Hy,exports.ChatInputWithMensionsV1=eb,exports.ChatList=Xy,exports.ChromeInputType=D_,exports.ClearFormattingControl=kh,exports.CodeBlockControl=qh,exports.CodeControl=Kh,exports.ColorPicker=X,exports.ColorPickerAlpha=g_,exports.ColorPickerBlock=G_,exports.ColorPickerChrome=M_,exports.ColorPickerCircle=B_,exports.ColorPickerColorful=N_,exports.ColorPickerCompact=U_,exports.ColorPickerEditableInput=S_,exports.ColorPickerEditableInputHSLA=w_,exports.ColorPickerEditableInputRGBA=C_,exports.ColorPickerHue=m_,exports.ColorPickerInteractive=c_,exports.ColorPickerSaturation=u_,exports.ColorPickerShadeSlider=v_,exports.ColorPickerSketch=E_,exports.ColorPickerSlider=q_,exports.ColorPickerSwatch=b_,exports.ColorPickerTheme=ev,exports.ColorPickerWheel=L_,exports.CompactCalendar=jf,exports.CompactCalendarToolbar=xf,exports.ConsoleLoggingProvider=e.k,exports.Container=cd,exports.ContentRenderer=Yy,exports.ContentType=zu,exports.CustomControlBar=bv,exports.DataGrid=iv,exports.DataGridV2=sv,exports.DefaultGraphClient=e.O,exports.DefaultLocalizationProvider=e.T,exports.DeleteColumnControl=og,exports.DeleteRowControl=lg,exports.DeleteTableControl=rg,exports.DropdownField=bg,exports.Dropzone=Cp,exports.DropzoneAccept=vp,exports.DropzoneFullScreen=wp,exports.DropzoneIdle=bp,exports.DropzoneProvider=hp,exports.DropzoneReject=yp,exports.EBreakPoints=ge,exports.ECalendarViews=W,exports.EGoalMetric=Bx,exports.EMessageType=_e,exports.EXE_MIME_TYPE=jp,exports.EmojiPicker=Sh,exports.ErrorType=e.A,exports.EventsList=Sf,exports.FluentUIProvider=TS,exports.GenericOverFlowMenu=wv,exports.Grid=Xu,exports.H1Control=Nh,exports.H2Control=Ph,exports.H3Control=Fh,exports.H4Control=Ih,exports.H5Control=Lh,exports.H6Control=Rh,exports.Hero=WS,exports.HighlightControl=Jh,exports.HrControl=Yh,exports.IMAGE_MIME_TYPE=Ep,exports.IconButton=Ad,exports.InlineSVG=Xb,exports.InputField=Sg,exports.InsertTableControl=ng,exports.ItalicControl=Eh,exports.ItemPicker=Fg,exports.KPICard=Vx,exports.KPICardCompact=Gx,exports.KPICardSkeleton=Hx,exports.Kpis=qx,exports.Layout=$u,exports.LayoutItem=ed,exports.Link=Ip,exports.ListItemActivityMessage=Ex,exports.ListToolbar=fx,exports.LivePersona=ix,exports.LocalStorageProvider=e.w,exports.LocalizationProvider=e.t,exports.LogLevel=e.j,exports.MIME_TYPES=Tp,exports.MS_EXCEL_MIME_TYPE=kp,exports.MS_POWERPOINT_MIME_TYPE=Ap,exports.MS_WORD_MIME_TYPE=Op,exports.MaplibreWorldMap=Uv,exports.MarkdownRenderer=qy,exports.Marquee=Sb,exports.Mensions=zy,exports.MensionsExample=By,exports.MergeOrSplitCellControl=ug,exports.MermaidDiagram=ab,exports.Navigation=Tv,exports.NoKpisCard=Wx,exports.OTPField=rx,exports.OptionTime=jg,exports.OrderedListControl=Mh,exports.PDF_MIME_TYPE=Dp,exports.Popup=gd,exports.RedoControl=Qh,exports.RenderAdaptiveCard=Cy,exports.RenderDialog=uv,exports.RenderDrawer=dv,exports.RenderHeader=fv,exports.RenderLabel=vd,exports.RenderSpinner=bd,exports.RichTextEditor=vg,exports.RichTextEditorBgColorPickerControl=nh,exports.RichTextEditorColorControl=Xm,exports.RichTextEditorColorPickerControl=Zm,exports.RichTextEditorContent=Kp,exports.RichTextEditorControl=Jp,exports.RichTextEditorControlBase=Yp,exports.RichTextEditorControlsGroup=qp,exports.RichTextEditorDragHandle=rh,exports.RichTextEditorFontFamilyControl=eh,Object.defineProperty(exports,`RichTextEditorImage`,{enumerable:!0,get:function(){return L.default}}),exports.RichTextEditorImageUploadControl=th,exports.RichTextEditorLinkControl=Ym,exports.RichTextEditorResizableImage=zp,exports.RichTextEditorSourceCodeControl=Qm,exports.RichTextEditorTableControls=wh,exports.RichTextEditorToolbar=Vp,exports.SearchControl=$f,exports.SelectDay=Qd,exports.SelectMonth=nf,exports.SelectTime=Ng,exports.SelectView=Cg,exports.SelectWeek=sf,exports.ShareDialog=mv,exports.ShowError=gv,exports.ShowMessage=vv,exports.SkeletonLoader=CS,exports.Space=nd,exports.SplitPane=hd,exports.Spoiler=Tb,exports.Spotlight=pp,exports.SpotlightAction=np,exports.SpotlightActionsGroup=rp,exports.SpotlightActionsList=ip,exports.SpotlightEmpty=ap,exports.SpotlightFooter=op,exports.SpotlightRoot=Zf,exports.SpotlightSearch=ep,exports.StackV2=H,exports.StackedUsers=xx,exports.Stepper=zb,exports.StrikeThroughControl=Oh,exports.SubscriptControl=Wh,exports.SuperscriptControl=Gh,exports.TIME_RADIO_GROUP=Eg,exports.TableKit=I.TableKit,exports.TaskListControl=$h,exports.TaskListLiftControl=tg,exports.TaskListSinkControl=eg,exports.Timeline=Nb,exports.ToggleHeaderColumnControl=dg,exports.ToggleHeaderRowControl=fg,exports.ToggleTableColumnLinesControl=pg,exports.ToggleTableRowLinesControl=mg,exports.TypographyControl=Cd,exports.UnderlineControl=Dh,exports.UndoControl=Zh,exports.UniversalProvider=ye,exports.UnlinkControl=Ah,exports.UnsetColorControl=Xh,exports.UserCard=yx,exports.VideoPlayer=Ov,exports.applyHeaderStyles=hu,exports.autoFitColumns=gu,exports.buildHeaderCellStyle=mu,exports.clampHsva=o_,exports.clearInlineSVGCache=Ub,exports.cloneDeep=Ou,exports.closeOnActionTriggerAtom=Lf,exports.closeSpotlight=Wf,exports.color=J,exports.configureSkeletonLoader=lS,exports.createControl=K,exports.createSpotlight=Kf,exports.createSpotlightStore=zf,exports.debounce=Eu,exports.deepMerge=e.E,exports.defaultCalendarControlStrings=ff,exports.defaultCalendarMonthStrings=ef,exports.defaultSelectWeekStrings=rf,exports.defaultSpotlightFilter=dp,exports.detectContentType=Gu,exports.en=e.D,exports.equalColorObjects=i_,exports.equalHex=a_,exports.escapeCsvCell=_u,exports.every=Ru,exports.filter=Iu,exports.formatTime=Og,exports.get=Au,exports.getContentType=Ku,exports.getContrastingColor=r_,exports.getTaskListExtension=Lp,exports.groupBy=Pu,exports.hexToHsva=Hg,exports.hexToRgba=Gg,exports.hslaStringToHsva=$g,exports.hslaToHsva=Vg,exports.hsvaToHex=Ug,exports.hsvaToHexa=Wg,exports.hsvaToHslString=Jg,exports.hsvaToHsla=Bg,exports.hsvaToHslaString=Yg,exports.hsvaToRgbString=Xg,exports.hsvaToRgba=Rg,exports.hsvaToRgbaString=Zg,exports.isActionsGroup=cp,exports.isEmpty=ku,exports.limitActions=fp,exports.listIdAtom=Pf,exports.map=Fu,exports.onQueryChangeCallbackAtom=Rf,exports.openSpotlight=Uf,exports.openedAtom=Mf,exports.parseHue=Qg,exports.queryAtom=Ff,exports.registerBones=nS,exports.registeredActionsAtom=If,exports.renderContentAsEmailHtml=Gp,exports.resolveLocale=Of,exports.rgbaStringToHsva=e_,exports.rgbaToHex=Kg,exports.rgbaToHexa=qg,exports.rgbaToHsva=zg,exports.selectedAtom=Nf,exports.set=ju,exports.snapshotBones=Xx,exports.some=Lu,exports.spotlight=Hf,exports.spotlightActions=G,exports.spotlightStore=Bf,exports.throttle=Du,exports.timeKey=kg,exports.toasterId=fu,exports.toggleSpotlight=Gf,exports.uniq=Mu,exports.uniqBy=Nu,exports.useAIAssistantStrings=e.n,exports.useAISearchControlStrings=e.r,exports.useAppDashboardStrings=e.i,exports.useAppToast=pu,exports.useApplicationContext=be,exports.useAspectRatioStyles=id,exports.useBlockquoteStyles=ub,exports.useBrandCenterFonts=ze,exports.useCalendar=Gd,exports.useCalendarStrings=e.a,exports.useCalendarStyles=Rd,exports.useCenterStyles=ad,exports.useColorPickerStyles=Y,exports.useCommonStrings=e.o,exports.useCompactCalendarEvents=Ef,exports.useComponentStrings=e.c,exports.useComponentUtils=xu,exports.useDataGridStyles=rv,exports.useDateUtils=Su,exports.useDayViewStyles=Kd,exports.useDropzoneContext=gp,exports.useDropzoneStyles=xp,exports.useExportData=bu,exports.useFluentEmoji=du,exports.useGraphAPI=xe,exports.useGridStyles=Yu,exports.useImageUtils=Tu,exports.useIndexedDBCache=Se,exports.useInputFieldStrings=e.u,exports.useItemPickerStrings=e.d,exports.useKpiStrings=e.f,exports.useLayoutStyles=Zu,exports.useListItemActivityStrings=e.p,exports.useLocalization=e.m,exports.useLogging=B,exports.useMarqueeStyles=_b,exports.useMensionsStrings=e.h,exports.useMensionsStyles=Ry,exports.useMermaidDiagramStrings=e.g,exports.useMermaidDiagramStyles=nb,exports.useNavigationStyles=Ev,exports.useNoKpiStrings=e._,exports.useOptionTimeStyles=Tg,exports.usePolling=Ce,exports.useRenderHeaderStyles=pv,exports.useRichTextEditor=Bp,exports.useSearchControlStrings=e.v,exports.useSelectTimeStyles=wg,exports.useShareDialogStrings=e.y,exports.useShowErrorStyles=hv,exports.useShowMessageStyles=_v,exports.useSkeletonExtract=Zx,exports.useSpaceStyles=td,exports.useSplitPaneStyles=md,exports.useSpotlight=qf,exports.useSpotlightShortcut=Yf,exports.useSpotlightStrings=e.b,exports.useStrings=e.x,exports.useStyles=tb,exports.useTimeZoneHelper=Ee,exports.useUserCardStrings=e.S,exports.useUtils=Md,exports.useVideoStyles=Dv,exports.useWeekViewStyles=Vd,exports.useWorldMapStrings=e.C,exports.validHex=n_;
|
|
491
491
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -61481,12 +61481,12 @@ var gE = (e) => {
|
|
|
61481
61481
|
};
|
|
61482
61482
|
//#endregion
|
|
61483
61483
|
//#region \0@oxc-project+runtime@0.122.0/helpers/decorateMetadata.js
|
|
61484
|
-
function
|
|
61484
|
+
function _E(e, t) {
|
|
61485
61485
|
if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
|
|
61486
61486
|
}
|
|
61487
61487
|
//#endregion
|
|
61488
61488
|
//#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
|
|
61489
|
-
function
|
|
61489
|
+
function $(e, t, n, r) {
|
|
61490
61490
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
61491
61491
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
|
61492
61492
|
else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
|
|
@@ -61640,7 +61640,7 @@ var vE = class extends Ro {
|
|
|
61640
61640
|
if (this.selectedValues) return this.selectedValues.join(this.hostConfig.choiceSetInputValueSeparator);
|
|
61641
61641
|
}
|
|
61642
61642
|
};
|
|
61643
|
-
|
|
61643
|
+
$([J(vE.valueProperty), _E("design:type", String)], vE.prototype, "defaultValue", void 0), $([J(vE.styleProperty), _E("design:type", String)], vE.prototype, "style", void 0), $([J(vE.isMultiSelectProperty), _E("design:type", Boolean)], vE.prototype, "isMultiSelect", void 0), $([J(vE.placeholderProperty), _E("design:type", String)], vE.prototype, "placeholder", void 0), $([J(vE.wrapProperty), _E("design:type", Boolean)], vE.prototype, "wrap", void 0), $([J(vE.choicesProperty), _E("design:type", Array)], vE.prototype, "choices", void 0);
|
|
61644
61644
|
//#endregion
|
|
61645
61645
|
//#region src/components/adaptiveCardHost/fluentUI/FluentUIDateInput.tsx
|
|
61646
61646
|
var yE = class extends Ro {
|
|
@@ -61720,7 +61720,7 @@ var yE = class extends Ro {
|
|
|
61720
61720
|
}
|
|
61721
61721
|
}
|
|
61722
61722
|
};
|
|
61723
|
-
|
|
61723
|
+
$([J(yE.valueProperty), _E("design:type", String)], yE.prototype, "defaultValue", void 0), $([J(yE.minProperty), _E("design:type", String)], yE.prototype, "min", void 0), $([J(yE.maxProperty), _E("design:type", String)], yE.prototype, "max", void 0), $([J(yE.placeholderProperty), _E("design:type", String)], yE.prototype, "placeholder", void 0);
|
|
61724
61724
|
//#endregion
|
|
61725
61725
|
//#region src/components/adaptiveCardHost/fluentUI/FluentUINumberInput.tsx
|
|
61726
61726
|
var bE = class extends Ro {
|
|
@@ -61783,7 +61783,7 @@ var bE = class extends Ro {
|
|
|
61783
61783
|
return this.refControl ? Number(this.refControl.value) : void 0;
|
|
61784
61784
|
}
|
|
61785
61785
|
};
|
|
61786
|
-
|
|
61786
|
+
$([J(bE.valueProperty), _E("design:type", Number)], bE.prototype, "defaultValue", void 0), $([J(bE.minProperty), _E("design:type", Number)], bE.prototype, "min", void 0), $([J(bE.maxProperty), _E("design:type", Number)], bE.prototype, "max", void 0), $([J(bE.placeholderProperty), _E("design:type", String)], bE.prototype, "placeholder", void 0);
|
|
61787
61787
|
//#endregion
|
|
61788
61788
|
//#region src/components/adaptiveCardHost/fluentUI/IconButton.tsx
|
|
61789
61789
|
var xE = (e) => {
|
|
@@ -61924,7 +61924,7 @@ var xE = (e) => {
|
|
|
61924
61924
|
if (this._value) return this._value;
|
|
61925
61925
|
}
|
|
61926
61926
|
};
|
|
61927
|
-
|
|
61927
|
+
$([J(TE.valueProperty), _E("design:type", String)], TE.prototype, "defaultValue", void 0), $([J(TE.maxLengthProperty), _E("design:type", Number)], TE.prototype, "maxLength", void 0), $([J(TE.isMultilineProperty), _E("design:type", Boolean)], TE.prototype, "isMultiline", void 0), $([J(TE.placeholderProperty), _E("design:type", String)], TE.prototype, "placeholder", void 0), $([J(TE.styleProperty), _E("design:type", typeof (CE = zo !== void 0 && zo) == "function" ? CE : Object)], TE.prototype, "style", void 0), $([J(TE.inlineActionProperty), _E("design:type", typeof (wE = Oo !== void 0 && Oo) == "function" ? wE : Object)], TE.prototype, "inlineAction", void 0), $([J(TE.regexProperty), _E("design:type", String)], TE.prototype, "regex", void 0);
|
|
61928
61928
|
//#endregion
|
|
61929
61929
|
//#region src/components/adaptiveCardHost/fluentUI/FluentUITimeInput.tsx
|
|
61930
61930
|
var EE = (e) => {
|
|
@@ -62011,7 +62011,7 @@ var EE = (e) => {
|
|
|
62011
62011
|
return this._time ? ls(this._time) : void 0;
|
|
62012
62012
|
}
|
|
62013
62013
|
};
|
|
62014
|
-
|
|
62014
|
+
$([J(DE.valueProperty), _E("design:type", String)], DE.prototype, "defaultValue", void 0), $([J(DE.minProperty), _E("design:type", String)], DE.prototype, "min", void 0), $([J(DE.maxProperty), _E("design:type", String)], DE.prototype, "max", void 0), $([J(DE.placeholderProperty), _E("design:type", String)], DE.prototype, "placeholder", void 0);
|
|
62015
62015
|
//#endregion
|
|
62016
62016
|
//#region src/components/adaptiveCardHost/fluentUI/FluentUIToggleInput.tsx
|
|
62017
62017
|
var OE = class extends Ro {
|
|
@@ -62075,7 +62075,7 @@ var OE = class extends Ro {
|
|
|
62075
62075
|
return this._value !== null && this._value !== void 0 ? this._value ? this.valueOn : this.valueOff : this.isRequired ? void 0 : this.valueOff;
|
|
62076
62076
|
}
|
|
62077
62077
|
};
|
|
62078
|
-
|
|
62078
|
+
$([J(OE.valueProperty), _E("design:type", String)], OE.prototype, "defaultValue", void 0), $([J(OE.titleProperty), _E("design:type", String)], OE.prototype, "title", void 0), $([J(OE.valueOnProperty), _E("design:type", String)], OE.prototype, "valueOn", void 0), $([J(OE.valueOffProperty), _E("design:type", String)], OE.prototype, "valueOff", void 0), $([J(OE.wrapProperty), _E("design:type", Boolean)], OE.prototype, "wrap", void 0);
|
|
62079
62079
|
//#endregion
|
|
62080
62080
|
//#region src/components/adaptiveCardHost/fluentUI/Elements.tsx
|
|
62081
62081
|
function kE(e) {
|
|
@@ -67507,7 +67507,7 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67507
67507
|
textAlign: "right"
|
|
67508
67508
|
}
|
|
67509
67509
|
}, Lk = (e, t, n = "image") => {
|
|
67510
|
-
let { borderRadius: r } = e, { getBaseStyles: i } = C_(), a = r ?? G.borderRadiusMedium;
|
|
67510
|
+
let { borderRadius: r } = e, { getBaseStyles: i } = C_(), a = r ?? G.borderRadiusMedium, o = t > 0 && t < 576;
|
|
67511
67511
|
return {
|
|
67512
67512
|
heroRootStyles: j.useCallback((t, n) => ({
|
|
67513
67513
|
...i(e, t, n),
|
|
@@ -67591,7 +67591,7 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67591
67591
|
}),
|
|
67592
67592
|
splitRoot: K({
|
|
67593
67593
|
display: "grid",
|
|
67594
|
-
gridTemplateColumns:
|
|
67594
|
+
gridTemplateColumns: o ? "1fr" : "1fr 1fr",
|
|
67595
67595
|
gap: "3px",
|
|
67596
67596
|
width: "100%",
|
|
67597
67597
|
height: "100%",
|
|
@@ -67599,7 +67599,7 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67599
67599
|
}),
|
|
67600
67600
|
featuredRoot: K({
|
|
67601
67601
|
display: "grid",
|
|
67602
|
-
gridTemplateColumns:
|
|
67602
|
+
gridTemplateColumns: o ? "1fr" : "2fr 1fr",
|
|
67603
67603
|
gap: "3px",
|
|
67604
67604
|
width: "100%",
|
|
67605
67605
|
height: "100%",
|
|
@@ -67607,44 +67607,44 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67607
67607
|
}),
|
|
67608
67608
|
mosaicWrapper: K({
|
|
67609
67609
|
width: "100%",
|
|
67610
|
-
height:
|
|
67610
|
+
height: o ? "auto" : "100%",
|
|
67611
67611
|
gap: "3px",
|
|
67612
|
-
overflow:
|
|
67612
|
+
overflow: o ? "visible" : "hidden"
|
|
67613
67613
|
}),
|
|
67614
67614
|
mosaicPrimary: K({
|
|
67615
|
-
flex:
|
|
67615
|
+
flex: o ? "none" : "3 0 0",
|
|
67616
67616
|
minWidth: 0,
|
|
67617
67617
|
width: "100%",
|
|
67618
|
-
height:
|
|
67618
|
+
height: o ? "260px" : "100%"
|
|
67619
67619
|
}),
|
|
67620
67620
|
mosaicRightGrid: (e) => {
|
|
67621
|
-
let n = t >= 1100 && e >= 3, r =
|
|
67621
|
+
let n = t >= 1100 && e >= 3, r = o ? "1fr" : n ? "1fr 1fr" : "1fr", i = o ? void 0 : e === 1 ? "1fr" : n ? "1fr 1fr" : `repeat(${e}, 1fr)`;
|
|
67622
67622
|
return K({
|
|
67623
|
-
flex:
|
|
67624
|
-
width:
|
|
67623
|
+
flex: o ? "none" : "2 0 0",
|
|
67624
|
+
width: o ? "100%" : void 0,
|
|
67625
67625
|
minWidth: 0,
|
|
67626
67626
|
display: "grid",
|
|
67627
67627
|
gap: "3px",
|
|
67628
67628
|
gridTemplateColumns: r,
|
|
67629
67629
|
gridTemplateRows: i,
|
|
67630
|
-
height:
|
|
67630
|
+
height: o ? "auto" : "100%"
|
|
67631
67631
|
});
|
|
67632
67632
|
},
|
|
67633
67633
|
mosaicSpanFull: K({ gridColumn: "1 / -1" }),
|
|
67634
67634
|
mosaicMarqueeLane: K({
|
|
67635
|
-
flex:
|
|
67635
|
+
flex: o ? "none" : "2 0 0",
|
|
67636
67636
|
minWidth: 0,
|
|
67637
|
-
height:
|
|
67637
|
+
height: o ? "320px" : "100%",
|
|
67638
67638
|
overflow: "hidden"
|
|
67639
67639
|
}),
|
|
67640
67640
|
mosaicMarqueeItem: K({
|
|
67641
67641
|
flex: "0 0 auto",
|
|
67642
|
-
minHeight:
|
|
67642
|
+
minHeight: o ? "160px" : "120px"
|
|
67643
67643
|
}),
|
|
67644
67644
|
mosaicScrollLane: K({
|
|
67645
|
-
flex:
|
|
67645
|
+
flex: o ? "none" : "2 0 0",
|
|
67646
67646
|
minWidth: 0,
|
|
67647
|
-
height:
|
|
67647
|
+
height: o ? "320px" : "100%",
|
|
67648
67648
|
overflowY: "auto",
|
|
67649
67649
|
overflowX: "hidden",
|
|
67650
67650
|
scrollbarWidth: "thin",
|
|
@@ -67661,7 +67661,7 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67661
67661
|
}),
|
|
67662
67662
|
gridRoot: K({
|
|
67663
67663
|
display: "grid",
|
|
67664
|
-
gridTemplateColumns: `repeat(${t >= 1200 ? 4 : t >= 992 ? 3 : t >= 576 ? 2 : 1}, 1fr)`,
|
|
67664
|
+
gridTemplateColumns: `repeat(${t === 0 ? 2 : t >= 1200 ? 4 : t >= 992 ? 3 : t >= 576 ? 2 : 1}, 1fr)`,
|
|
67665
67665
|
gap: "3px",
|
|
67666
67666
|
width: "100%"
|
|
67667
67667
|
}),
|
|
@@ -67677,7 +67677,7 @@ var Ak = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/, jk = (e) => {
|
|
|
67677
67677
|
paddingBottom: G.spacingVerticalXS
|
|
67678
67678
|
}),
|
|
67679
67679
|
filmstripItem: K({
|
|
67680
|
-
flex: `0 0 ${t >= 1200 ? "400px" : t >= 992 ? "340px" : t >= 576 ? "280px" : "220px"}`,
|
|
67680
|
+
flex: `0 0 ${t === 0 ? "280px" : t >= 1200 ? "400px" : t >= 992 ? "340px" : t >= 576 ? "280px" : "220px"}`,
|
|
67681
67681
|
scrollSnapAlign: "start"
|
|
67682
67682
|
}),
|
|
67683
67683
|
carouselWrapper: K({
|
|
@@ -67876,11 +67876,15 @@ Gk.displayName = "HeroFullscreen";
|
|
|
67876
67876
|
//#endregion
|
|
67877
67877
|
//#region src/components/Hero/layouts/HeroSplit.tsx
|
|
67878
67878
|
var Kk = ({ items: e, height: t, heroProps: n, containerWidth: r }) => {
|
|
67879
|
-
let
|
|
67880
|
-
return /* @__PURE__ */ z(
|
|
67881
|
-
|
|
67882
|
-
|
|
67883
|
-
|
|
67879
|
+
let i = Ds(e, 2, n.rotation), { resolvedHeight: a } = Wk(t);
|
|
67880
|
+
return /* @__PURE__ */ z(Q_, {
|
|
67881
|
+
styles: {
|
|
67882
|
+
gridTemplateColumns: r > 0 && r < 576 ? "1fr" : "1fr 1fr",
|
|
67883
|
+
height: a,
|
|
67884
|
+
gap: "3px",
|
|
67885
|
+
overflow: "hidden"
|
|
67886
|
+
},
|
|
67887
|
+
children: i.map((e) => /* @__PURE__ */ z(Uk, {
|
|
67884
67888
|
item: e,
|
|
67885
67889
|
heroProps: n,
|
|
67886
67890
|
containerWidth: r
|
|
@@ -67891,11 +67895,15 @@ Kk.displayName = "HeroSplit";
|
|
|
67891
67895
|
//#endregion
|
|
67892
67896
|
//#region src/components/Hero/layouts/HeroFeatured.tsx
|
|
67893
67897
|
var qk = ({ items: e, height: t, heroProps: n, containerWidth: r }) => {
|
|
67894
|
-
let
|
|
67895
|
-
return /* @__PURE__ */ z(
|
|
67896
|
-
|
|
67897
|
-
|
|
67898
|
-
|
|
67898
|
+
let i = Ds(e, 2, n.rotation), { resolvedHeight: a } = Wk(t);
|
|
67899
|
+
return /* @__PURE__ */ z(Q_, {
|
|
67900
|
+
styles: {
|
|
67901
|
+
gridTemplateColumns: r > 0 && r < 576 ? "1fr" : "2fr 1fr",
|
|
67902
|
+
height: a,
|
|
67903
|
+
gap: "3px",
|
|
67904
|
+
overflow: "hidden"
|
|
67905
|
+
},
|
|
67906
|
+
children: i.map((e) => /* @__PURE__ */ z(Uk, {
|
|
67899
67907
|
item: e,
|
|
67900
67908
|
heroProps: n,
|
|
67901
67909
|
containerWidth: r
|
|
@@ -68039,16 +68047,20 @@ Zk.displayName = "HeroCarousel";
|
|
|
68039
68047
|
var Qk = "480px", $k = (e) => {
|
|
68040
68048
|
let { items: t, layout: n = "fullscreen", height: r = Qk, className: i } = e, a = j.useRef(null), [o, s] = j.useState(0), [c, l] = j.useState(0), { heroRootStyles: u } = Lk(e, o);
|
|
68041
68049
|
j.useEffect(() => {
|
|
68042
|
-
|
|
68043
|
-
|
|
68050
|
+
if (!a.current) return;
|
|
68051
|
+
s(a.current.clientWidth), l(a.current.clientHeight);
|
|
68052
|
+
let e = new Oi((e) => {
|
|
68044
68053
|
for (let t of e) {
|
|
68045
68054
|
let { width: e, height: n } = t.contentRect;
|
|
68046
|
-
s(e), l(n);
|
|
68055
|
+
e > 0 && s(e), l(n);
|
|
68047
68056
|
}
|
|
68048
|
-
})
|
|
68049
|
-
|
|
68050
|
-
|
|
68051
|
-
|
|
68057
|
+
});
|
|
68058
|
+
return e.observe(a.current), () => e.disconnect();
|
|
68059
|
+
}, []), j.useLayoutEffect(() => {
|
|
68060
|
+
if (!a.current) return;
|
|
68061
|
+
let e = a.current.getBoundingClientRect().width;
|
|
68062
|
+
e > 0 && s(e);
|
|
68063
|
+
}, [r]);
|
|
68052
68064
|
let d = {
|
|
68053
68065
|
items: t,
|
|
68054
68066
|
height: r,
|