1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7663],{55824:(e,a,t)=>{t.r(a),t.d(a,{UtilityCardMap:()=>c,default:()=>c});var n=t(32549),r=t(48431),i=t(53616),l=t(54507),o=t(37344),d=t(68292);const c=e=>{let a=e.showOuterTopPadding;const t=(0,l.Yr)(),c=t.heading,p=t.headingLevel,s=void 0===p?3:p,h=t.cardLevel,g=void 0===h?2:h,u=t.labelText,x=t.icon,v=t.linkWithIcon,f=t.orientation,b=t.bodyText,m=t.elevation,A=void 0===m||m,y=t.verticalAlignment,T=t.croId,w=(0,o.jU)(),L=(0,o.c7)(null==v?void 0:v.fields.modal,"linkWithIcon",w).openModal;let j=v;null!=v&&v.fields.modal&&L&&(j={...v,onClick:()=>L()});const k=x?(0,o.Ok)({iconName:x}):void 0,$=(0,o.xg)().add("elevation",A).add("level",g).add("heading",{text:c,level:s}).add("label",u&&{text:u}).add("text",b).add("orientation",f).add("verticalAlign",y).add("linkWithIcon",j,o.Mr).add("dataAttributes",{...(0,d.AK)(T)}).toObject();return r.createElement(i.Ay,(0,n.A)({level:g,heading:{text:c,level:s},showOuterTopPadding:a,icon:k},$))}},87e3:(e,a,t)=>{t.d(a,{m1:()=>f,xf:()=>v}),Object.defineProperty;var n=t(48444),r=t(60154),i=t(54720),l=t(55355),o=t(20137),d=t(25904),c=t(42295),p=t(64892);const s=o.I4.div` 2 display: flex; 3 height: 28px; 4 5 ${d.XG.md(o.AH` 6 height: 34px; 7 flex: none; 8 `)} 9`,h=o.I4.div(e=>{const a=e.containerWithLabelTheme.appearance[e.appearance||"primary"],t=e.containerWithLabelTheme.state[e.state];return o.AH` 10 ${(0,d.YK)("padding-left",3)} 11 ${(0,d.YK)("padding-right",3)} 12 13 ${(0,d.YK)("margin-right",6)} 14 15 ${2===e.level&&o.AH` 16 justify-content: center; 17 width: 100%; 18 19 ${(0,d.YK)("margin-right",0)} 20 `} 21 22 background: ${a.labelBackgroundColor}; 23 display: inline-flex; 24 align-items: center; 25 border-radius: 6px 6px 0 0; 26 flex-grow: 0; 27 flex-shrink: 1; 28 min-width: 0; 29 30 ${e.state&&o.AH` 31 background: ${t.label.backgroundColor}; 32 `} 33 34 & > span { 35 overflow: hidden; 36 text-overflow: ellipsis; 37 white-space: nowrap; 38 } 39 `}),g=({text:e,appearance:a="primary",level:t,state:r,dataSelectorPrefix:i,containerWithLabelTheme:o})=>{const d=o.appearance[a],p=r&&o.state[r];return(0,c.jsx)(s,{"data-selector":(0,n.A)(i),children:(0,c.jsx)(h,{appearance:a,level:t,state:r,containerWithLabelTheme:o,children:(0,c.jsx)(l.L9,{weight:o.labelWeight,inverse:r?p.label.inverseText:d.inverseText,children:e})})})};function u(e,a,t){return e?{appearance:a,level:t?.level??1}:t?.appearance?{appearance:t.appearance,level:t.level??1}:void 0}const x=o.I4.div(e=>{let a=e.containerWithLabelTheme.appearance[e.labelAppearance].labelBackgroundColor;return e.labelState&&(a=e.containerWithLabelTheme.state[e.labelState].label.backgroundColor),o.AH` 40 position: relative; 41 display: flex; 42 flex-direction: column; 43 flex-grow: 1; 44 height: inherit; 45 46 ${(0,p.A)(e.showOuterTopPadding)?((e,a)=>{if(a)return;const{sm:t,...n}=e,r=[];if(t){const e=Object.values(n).every(e=>!e);if(r.push(o.AH` 47 padding-top: 28px; 48 `),e)return r.push(d.XG.md(o.AH` 49 padding-top: 0; 50 `)),r}const i=Object.keys(n).map(e=>d.XG[e](o.AH` 51 ${n[e]?o.AH` 52 padding-top: 34px; 53 `:o.AH` 54 padding-top: 0; 55 `} 56 `));return r.push(i),r})(e.showOuterTopPadding,e.hasLabel):e.showOuterTopPadding&&o.AH` 57 ${d.XG.md(o.AH` 58 ${!e.hasLabel&&e.showOuterTopPadding&&o.AH` 59 padding-top: 34px; 60 `} 61 `)} 62 `}; 63 64 & > *:last-child { 65 &::after { 66 z-index: 2; 67 } 68 69 ${e.hasLabel&&o.AH` 70 border-top-left-radius: 0; 71 border-color: ${a}; 72 73 &::after { 74 border-top-left-radius: 0; 75 border-color: ${a}; 76 } 77 `} 78 ${2===e.level&&o.AH` 79 border-top-right-radius: 0; 80 81 &::after { 82 border-top-right-radius: 0; 83 } 84 `} 85 } 86 `}),v=e=>({appearance:{primary:{containerAppearance:"primary",labelBackgroundColor:e.color.primary1.default,inverseText:!0},secondary:{containerAppearance:"primary",labelBackgroundColor:e.color.secondary1.default,inverseText:!0}
86,alt1:{containerAppearance:"primary",labelBackgroundColor:e.color.monochrome5.default,inverseText:!0},alt2:{containerAppearance:"primary",labelBackgroundColor:`linear-gradient(${e.color.gradient1.default})`,inverseText:!0}},state:{selected:{label:{backgroundColor:e.color.success.default,inverseText:!0}}},labelWeight:3}),f=({children:e,appearance:a="primary",label:t,href:l,id:o,dataAttributes:d,dataSelectorPrefix:p,highlight:s,paddingLevel:h=2,level:f=1,elevation:b=!0,showOuterTopPadding:m=!1,allowOverflow:A,onClick:y,onMouseDown:T,onMouseUp:w,onTouchStart:L,onTouchEnd:j,customRouterProps:k,state:$,srText:P,localTheme:O})=>{const H="ContainerWithLabel",S=(0,i.Y1)(H,v,O),{containerAppearance:W}=S.appearance[a];return(0,c.jsxs)(x,{hasLabel:Boolean(t),level:f,showOuterTopPadding:m,id:o,"data-component-name":H,"data-selector":(0,n.A)(p),...d,labelAppearance:"object"==typeof t?t?.appearance??a:a,labelState:$,containerWithLabelTheme:S,children:[t&&(0,c.jsx)(g,{text:"object"==typeof t?t.text:t,level:f,appearance:"object"==typeof t?t?.appearance??a:a,containerWithLabelTheme:S,state:$,dataSelectorPrefix:"label"}),(0,c.jsx)(r.mc,{elevation:b,paddingLevel:h,appearance:W,href:l,dataAttributes:d,allowOverflow:A,highlight:u("object"==typeof t?t.text:t,a,s),onClick:y,onMouseDown:T,onMouseUp:w,onTouchStart:L,onTouchEnd:j,customRouterProps:k,state:$,zIndex:0,srText:P,dataSelectorPrefix:(0,n.A)(p,"container"),children:e})]})}},53616:(e,a,t)=>{t.d(a,{f5:()=>f,Ay:()=>f}),Object.defineProperty;var n=t(48431),r=t(48444),i=t(87e3),l=t(84089),o=t(36092),d=t(93638),c=t(85349),p=t(54720),s=t(20137),h=t(25904),g=t(42295);const u=s.I4.div` 87 display: flex; 88 flex-direction: column; 89 height: 100%; 90 width: 100%; 91`,x=s.I4.div(e=>s.AH` 92 display: flex; 93 height: 100%; 94 flex-direction: column; 95 position: relative; 96 align-items: center; 97 text-align: center; 98 justify-content: stretch; 99 ${(0,h.YK)("padding",3)}; 100 ${(0,h.YK)("gap",2)}; 101 102 ${d.eN.LinkWithIcon} { 103 margin: 0 auto; 104 } 105 106 > div { 107 height: 100%; 108 display: flex; 109 flex-direction: column; 110 justify-content: space-between; 111 } 112 113 ${"horizontal"===e.orientation&&s.AH` 114 text-align: left; 115 flex-direction: row-reverse; 116 place-content: flex-end flex-end; 117 118 ${o.S3.Icon} { 119 margin-left: auto; 120 } 121 122 ${d.eN.LinkWithIcon} { 123 margin: 0; 124 } 125 `} 126 127 ${"fill"===e.verticalAlign&&s.AH` 128 > div { 129 justify-content: flex-start; 130 } 131 ${d.eN.LinkWithIcon} { 132 margin-top: auto; 133 } 134 `} 135 `),v=()=>({appearance:{primary:{containerAppearance:"primary",linkAppearance:"primary",inverseText:!1,iconGroup:"midLight"}},level:{1:{heading:{size:1,weight:3}},2:{heading:{size:2,weight:2}}}}),f=({level:e=2,appearance:a="primary",elevation:t=!1,orientation:s="vertical",heading:h,text:f,linkWithIcon:b,icon:m,id:A,dataSelectorPrefix:y,dataAttributes:T,localTheme:w,label:L,showOuterTopPadding:j,verticalAlign:k="stretch"})=>{const $=(0,n.useRef)(null),P="UtilityCard",O=(0,p.Y1)(P,v,w),{containerAppearance:H,linkAppearance:S,inverseText:W,iconGroup:C}=O.appearance[a];return(0,g.jsx)(u,{id:A,ref:$,...T,"data-selector":(0,r.A)(y),"data-component-name":P,children:(0,g.jsx)(i.m1,{label:L,appearance:H,elevation:t,showOuterTopPadding:j,paddingLevel:0,allowOverflow:!1,dataSelectorPrefix:(0,r.A)(y,"container-with-label"),children:(0,g.jsxs)(x,{orientation:s,verticalAlign:k,children:[m?.name&&(0,g.jsx)(o.In,{...m,group:C,size:5,isResponsive:!1,dataSelectorPrefix:(0,r.A)(y,"icon")}),(0,g.jsxs)("div",{children:[(0,g.jsx)(l.DZ,{...h,...O.level[e].heading,inverse:W,dataSelectorPrefix:(0,r.A)(y,"heading")}),f&&(0,g.jsx)(c.fz,{dataSelectorPrefix:(0,r.A)(y,"text"),inverse:W,children:f}),b&&(0,g.jsx)(d.Ko,{...b,appearance:S,inverse:W,dataSelectorPrefix:(0,r.A)(y,"link-with-icon")})]})]})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.