1"use strict";(self.webpackChunkone_web=self.webpackChunkone_web||[]).push([[6424],{7642:(t,e,r)=>{var o=r(71413),i=r(52706),a=r(62905),n=r(20726),s=r(80027),l=r(63822),c=r(30466),d=r(25017),p=r(52800),h=r(67719),m=r(50367),u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?g(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&u(e,r,a),a};const b=new Set;function f(){if(0===b.size)return;const t=Date.now();b.forEach((e=>{e.nowTimestamp=t}))}setInterval(f,6e4);let v=class extends o.WF{constructor(){super(...arguments),this.showTimezone=!0}render(){if(!this.timestamp||!this.timezone)return;if(!s.s1?.translations?.enabled)return(0,m.om)(this.timestamp,this.timezone,this.showTimezone,this.nowTimestamp)??void 0;const t=(0,a.utcToZonedTime)(this.timestamp,this.timezone),e=(0,a.utcToZonedTime)(this.nowTimestamp,this.timezone),r=(0,n.A)(t,e);let o=d.A;const i=(0,c.A)();"es"===i?o=p.A:"vi"===i&&(o=h.A);const u=(0,m.hv)(this.timestamp,this.timezone,o);return s.X0.simpleDateFormat?r<-6?`${u.day} ${u.month} ${u.year} ${(0,l.t)("at")} ${u.hour}:${u.minute}`:r<-1?`${(0,l.t)("Last")} ${u.weekday} ${(0,l.t)("at")} ${u.hour}:${u.minute}`.trim():r<0?`${(0,l.t)("Yesterday at")} ${u.hour}:${u.minute}`:r<1?`${(0,l.t)("Today at")} ${u.hour}:${u.minute}`:r<2?`${(0,l.t)("Tomorrow at")} ${u.hour}:${u.minute}`:r<7?`${u.weekday} ${(0,l.t)("at")} ${u.hour}:${u.minute}`:`${u.day} ${u.month} ${u.year}`:r<-6?`${u.month} ${u.day}`:r<-1?`${(0,l.t)("Last")} ${u.weekday} ${(0,l.t)("at")} ${u.hour}:${u.minute} ${u.dayPeriod} ${this.showTimezone?u.timeZoneName:""}`.trim():r<0?`${(0,l.t)("Yesterday at")} ${u.hour}:${u.minute} ${u.dayPeriod} ${this.showTimezone?u.timeZoneName:""}`.trim():r<1?`${(0,l.t)("Today at")} ${u.hour}:${u.minute} ${u.dayPeriod} ${this.showTimezone?u.timeZoneName:""}`.trim():r<2?`${(0,l.t)("Tomorrow at")} ${u.hour}:${u.minute} ${u.dayPeriod} ${this.showTimezone?u.timeZoneName:""}`.trim():r<7?`${u.weekday} ${(0,l.t)("at")} ${u.hour}:${u.minute} ${u.dayPeriod} ${this.showTimezone?u.timeZoneName:""}`.trim():`${u.month} ${u.day}`}connectedCallback(){super.connectedCallback(),b.add(this),f()}disconnectedCallback(){b.delete(this),super.disconnectedCallback()}createRenderRoot(){return this}};y([(0,i.MZ)({type:Number})],v.prototype,"timestamp",2),y([(0,i.MZ)({type:String})],v.prototype,"timezone",2),y([(0,i.MZ)({type:Boolean,attribute:"show-timezone"})],v.prototype,"showTimezone",2),y([(0,i.MZ)({type:Number})],v.prototype,"nowTimestamp",2),v=y([(0,i.EM)("relative-time")],v)},50367:(t,e,r)=>{r.d(e,{$V:()=>u,Yq:()=>h,hv:()=>d,om:()=>p,sL:()=>m});var o=r(62905),i=r(20726),a=r(53146),n=r(25017),s=r(8814),l=r(80027);const c=new Map,d=function(t,e,r=n.A){const i=function(t,e){if(c.has(t))return c.get(t);const r=new Intl.DateTimeFormat(e||"en-US",{month:"long",weekday:"long",day:"numeric",hour:"numeric",hour12:!l.X0.time_24_hour,minute:"numeric",year:"numeric",timeZoneName:"short",timeZone:t});return c.set(t,r),r}(e,r.code).formatToParts((0,o.toDate)(t,{timeZone:e,locale:r}));return i.reduce(((t,e)=>(t[e.type]=e.value,t)),{})};function p(t,e,r=!0,a=(new Date).getTime()){if(0===t)return null;const n=(0,o.utcToZonedTime)(t,e),s=(0,o.utcToZonedTime)(a,e),c=(0,i.A)(n,s),p=d(t,e);return l.X0.simpleDateFormat?c<-6?`${p.day} ${p.month} ${p.year} at ${p.hour}:${p.minute}`:c<-1?`Last ${p.weekday} at ${p.hour}:${p.minute}`.trim():c<0?`Yesterday at ${p.hour}:${p.minute}`:c<1?`Today at ${p.hour}:${p.minute}`:c<2?`Tomorrow at ${p.hour}:${p.minute}`:c<7?`${p.weekday} at ${p.hour}:${p.minute}`:`${p.day} ${p.month} ${p.year}`:c<-6?`${p.month} ${p.day}`:c<-1?`Last ${p.weekday} at ${p.hour}:${p.minute} ${p.dayPeriod} ${r?p.timeZoneName:""}`.trim():c<0?`Yesterday at ${p.hour}:${p.minute} ${p.dayPeriod} ${r?p.timeZoneName:""}`.trim():c<1?`Today at ${p.hour}:${p.minute} ${p.dayPeriod} ${r?p.timeZoneName:""}`.trim():c<2?`Tomorrow at ${p.hour}:${p.minute} ${p.dayPeriod} ${r?p.timeZoneName:""}`.trim():c<7?`${p.weekday} at ${p.hour}:${p.minute} ${p.dayPeriod} ${r?p.timeZoneName:""}`.trim():`${p.month} ${p.day}`}function h(t,e,r="MM/DD/YYYY"){const i=(0,o.utcToZonedTime)(t,e),l=window.navigator.language.toLowerCase().includes("us")?n.A:s.A;return(0,a.A)({locale:l},r)(i)}function m(t,e){return h(t,e,"M/d/yyyy")}function u(t,e){return h(t,e,"MMMM d, yyyy")}},58959:(t,e,r)=>{r.d(e,{o:()=>m});var o=r(71413),i=r(52706),a=r(52850),n=r(10388),s=r(66003),l=r(20732),c=r(87190),d=Object.defineProperty,p=Object.getOwnPropertyDescriptor,h=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?p(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&d(e,r,a),a};class m extends o.WF{constructor(){super(...arguments),this.isLoading=!1}cameraViewClicked(t){(0,l.n)();const e=t.currentTarget;if(n.M_.dispatch((0,c.wf)(null)),e.category===a.NaE.LINK&&e.src){const t=window.open(e.src);t&&(t.opener=null)}else n.M_.dispatch((0,s.oo)(`#${e.uri??""}`))}onCarouselScrollToCard(){n.M_.dispatch({type:a.JQP})}}h([(0,i.MZ)({type:Boolean,attribute:"loading",reflect:!0})],m.prototype,"isLoading",2),h([(0,i.MZ)({type:Object})],m.prototype,"error",2)},86626:(t,e,r)=>{r.r(e),r.d(e,{default:()=>f});var o=r(71413),i=r(52706),a=r(30555),n=r(56599),s=r(80027),l=r(10388),c=r(52850),d=r(88014),p=r(58959),h=r(32701),m=r(5124),u=r(49602),g=(r(32825),r(2439),r(41820),r(6710),Object.defineProperty),y=Object.getOwnPropertyDescriptor,b=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?y(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&g(e,r,a),a};let f=class extends((0,n.N)(l.M_)(p.o)){constructor(){super(...arguments),this.rampLoading=!0}static get styles(){return[h.A,m.A,o.AH` 2 .card_description { 3 display: block; 4 } 5 6 .card_caption { 7 text-align: center; 8 } 9 10 .card_indent { 11 margin-top: 1.5rem; 12 } 13 .ramp-status { 14 margin-top: 10px; 15 margin-bottom: 20px; 16 } 17 .ramp-text { 18 display: inline-block; 19 margin-left: 25px; 20 margin-bottom: 20px; 21 } 22 main { 23 display: flex;
24 align-items: center; 25 } 26 .ramp-status { 27 display: flex; 28 flex-direction: column; 29 align-items: center; 30 justify-content: center; 31 height: 96px; 32 width: 200px; 33 margin-left: 25px; 34 background: rgb(var(--clouds)); 35 } 36 .ramp-status h3 { 37 font-size: 32px; 38 } 39 `]}getRampId(){const t=l.M_.getState();if(t.tray.activeView===d.UN.RAMPS)return(0,d.DY)(t)}renderLoadingSkeleton(t){return o.qy`<card-section-container> 40 ${t} 41 <card-section ?first-child=${!t}> 42 <header class="card_header"> 43 <div class="placeholder_icon card_icon"></div> 44 <div class="card_header-text"> 45 <h2><div class="placeholder placeholder_h2"></div></h2> 46 <div class="placeholder placeholder_last-updated"></div> 47 </div> 48 </header> 49 <div class="card_indent card_description"> 50 <div class="placeholder"></div> 51 <div class="placeholder"></div> 52 </div> 53 </card-section> 54 </card-section-container>`}async getRampData(){const t=this.getRampId();if(!t)return;if(this.rampFetchId===t)return;this.rampFetchId=t,this.rampLoading=!0,this.ramp=void 0,this.rampError=void 0;const e=s.Hp.find((t=>t.layer===c.uEV.RAMP_METERS))?.file;if(!e)return this.rampLoading=!1,this.ramp=null,void(this.rampError={type:c.i65.INTERNAL_SERVER_ERROR});try{const r=await fetch(e);if(!r.ok)throw new Error("Failed to load ramp meter data");const o=await r.json();if(this.getRampId()!==t)return;this.ramp=o.find((e=>e.id?.toString()===t))||null,this.rampError=this.ramp?null:{type:c.i65.NOT_FOUND}}catch{this.getRampId()===t&&(this.ramp=null,this.rampError={type:c.i65.INTERNAL_SERVER_ERROR})}finally{this.getRampId()===t?this.rampLoading=!1:this.rampFetchId=void 0}}connectedCallback(){super.connectedCallback(),this.getRampData()}render(){const t=this.rampLoading?void 0:(0,u.A)(this.rampError,"ramp meter");return this.rampLoading||!this.ramp?this.renderLoadingSkeleton(t):o.qy` 55 <card-section-container> 56 <card-section 57 border-color="${this.ramp.active?"rgb(var(--green-dark))":"rgb(var(--danger))"}" 58 > 59 <div> 60 <main role="main"> 61 ${this.ramp.active?o.qy` 62 <img 63 src=${s.QW["ramp-meter-active"]} 64 alt="" 65 role="presentation" 66 class="card_icon" 67 /> 68 `:o.qy` 69 <img 70 src=${s.QW["ramp-meter-inactive"]} 71 alt="" 72 role="presentation" 73 class="card_icon" 74 /> 75 `} 76 <div 77 class="${(0,a.H)({"card_header-text":!0})}" 78 > 79 <h2>${this.ramp.tooltip}</h2> 80 </div> 81 </main> 82 <div class="ramp-status"> 83 <h3>${this.ramp.active?"Active":"Inactive"}</h3> 84 <p>Ramp Meter Status</p> 85 </div> 86 <p class="ramp-text" style="margin-bottom: 20px;"> 87 Learn more about how 88 <a href="https://www.in.gov/indot/traffic-engineering/ramp-metering/" target="_blank" 89 >ramp meters reduce congestion.</a 90 > 91 </p> 92 </div> 93 </card-section> 94 <card-section> 95 <content-actions 96 class="card_well" 97 titleText="${this.ramp.tooltip}" 98 label="Announcement" 99 url="${window.location.href}" 100 .buttons="${["email","twitter","facebook"]}" 101 ></content-actions> 102 </card-section> 103 </card-section-container> 104 `}stateChanged(t){const e=this.getRampId();e&&e!==this.rampFetchId&&this.getRampData()}};b([(0,i.MZ)({type:Object})],f.prototype,"ramp",2),b([(0,i.MZ)({type:Boolean})],f.prototype,"rampLoading",2),b([(0,i.MZ)({type:Object})],f.prototype,"rampError",2),f=b([(0,i.EM)("tray-ramp")],f)},49602:(t,e,r)=>{r.d(e,{A:()=>s});var o=r(71413),i=r(5218),a=r(52850),n=r(80027);r(82477);const s=function(t,e=""){return t?.type===a.i65.INTERNAL_SERVER_ERROR?o.qy` 105 <tray-failure> 106 <h4 slot="headline">${n.KP.title}</h4> 107 <p class="text-muted text-smaller">${(0,i._)(n.KP.description)}</p> 108 </tray-failure> 109 `:t?.type===a.i65.NOT_FOUND?o.qy` 110 <tray-failure> 111 <h4 slot="headline">This ${e} information has expired</h4> 112 <p class="text-muted text-smaller"> 113 Details below are no longer current. Refresh the page or click 'Clear Details' to see 114 updated information. 115 </p> 116 </tray-failure> 117 `:void 0}},96548:(t,e,r)=>{r.d(e,{Ay:()=>p,Wj:()=>d});var o=r(71413),i=r(52706),a=r(56188),n=Object.defineProperty,s=Object.getOwnPropertyDescriptor,l=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?s(e,r):e,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&n(e,r,a),a};const c=class extends o.WF{constructor(){super(...arguments),this._borderColor="rgb(var(--concrete))",this._backgroundColor=c.DEFAULT_BACKGROUND_COLOR,this._textColor="rgb(var(--darkest))",this.hoverUri=void 0}set borderColor(t){const e=this._borderColor;this._borderColor=t,this.requestUpdate("borderColor",e)}get borderColor(){return this._borderColor}set backgroundColor(t){const e=this._backgroundColor;this._backgroundColor=t,this.requestUpdate("backgroundColor",e)}get backgroundColor(){return this._backgroundColor}set textColor(t){const e=this._textColor;this._textColor=t,this.requestUpdate("textColor",e)}get textColor(){return this._textColor}onCardMouseOver(){this.dispatchEvent((0,a.h)("crc:card:mouseover"))}onCardMouseOut(t){if(this.hoverUri){const e=t.relatedTarget;if(!e||this.shadowRoot&&this.shadowRoot.contains(e))return}this.dispatchEvent((0,a.h)("crc:card:mouseout"))}get card(){return this.renderRoot.querySelector("#card")}focusCard(t){this.hasUpdated?this.renderRoot.querySelector("#card").focus(t):this.updateComplete.then((()=>{this.renderRoot.querySelector("#card").focus(t)}))}};let d=c;d.DEFAULT_BACKGROUND_COLOR="#FFF",l([(0,i.MZ)({type:String,attribute:"border-color"})],d.prototype,"borderColor",1),l([(0,i.MZ)({type:String,attribute:"background-color"})],d.prototype,"backgroundColor",1),l([(0,i.MZ)({type:String,attribute:"text-color"})],d.prototype,"textColor",1),l([(0,i.MZ)({type:String,reflect:!0})],d.prototype,"uri",2),l([(0,i.MZ)({type:String,attribute:"hover-uri",reflect:!0})],d.prototype,"hoverUri",2);const p=d},41820:(t,e,r)=>{var o=r(71413),i=r(52706),a=r(32701);Object.defineProperty,Object.getOwnPropertyDescriptor;let n=class extends o.WF{static get styles(){return[a.A,o.AH` 118 :host { 119 display: flex; 120 flex: 1 1 auto; 121 flex-direction: column; 122 box-shadow: var(--shadow-sm); 123 margin-bottom: calc(var(--gap) * 2); 124 } 125 `]}render(){return o.qy` <slot></slot> `}};n=((t,e,r,o)=>{for(var i,a=e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=i(a)||a);return a}
125)([(0,i.EM)("card-section-container")],n)},6710:(t,e,r)=>{var o=r(71413),i=r(52706),a=r(80480),n=r(32701),s=r(96548);Object.defineProperty,Object.getOwnPropertyDescriptor;let l=class extends s.Ay{static get styles(){return[n.A,o.AH` 126 :host { 127 display: flex; 128 } 129 :host([last-child]) { 130 flex-grow: 1; 131 } 132 .card-section_border { 133 flex: 0 0 var(--gap); 134 align-self: stretch; 135 background-color: var(--border-color); 136 } 137 .card-section_content { 138 flex-grow: 1; 139 } 140 :host([first-child]) .card-section_content { 141 border-top: var(--border-width) solid rgb(var(--silver)); 142 } 143 :host([last-child]) .card-section_content { 144 border-bottom: var(--border-width) solid rgb(var(--silver)); 145 } 146 `]}render(){return o.qy` 147 <div 148 class="card-section_border" 149 style="${(0,a.W)({"background-color":this.borderColor})}" 150 ></div> 151 <div 152 class="card-section_content" 153 style="${(0,a.W)({backgroundColor:this.backgroundColor,color:this.textColor,borderColor:this.backgroundColor.toLowerCase()!==s.Ay.DEFAULT_BACKGROUND_COLOR.toLowerCase()?this.borderColor:"rgb(var(--silver))"})}" 154 > 155 <div class="fadein"> 156 <slot></slot> 157 </div> 158 </div> 159 `}};l=((t,e,r,o)=>{for(var i,a=e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=i(a)||a);return a})([(0,i.EM)("card-section")],l)},32825:(t,e,r)=>{r.d(e,{A:()=>h});var o=r(71413),i=r(52706),a=r(63822),n=r(32701),s=r(80027),l=(r(7642),Object.defineProperty),c=Object.getOwnPropertyDescriptor,d=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?c(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&l(e,r,a),a};let p=class extends o.WF{constructor(){super(...arguments),this.label="Updated",this.isWazeEvent=!1}static get styles(){return[n.A,o.AH` 160 :host { 161 display: inline; 162 color: rgb(var(--darker)); 163 font-style: italic; 164 font-size: var(--smaller); 165 } 166 a { 167 font-weight: bold; 168 text-decoration: underline; 169 } 170 `]}render(){return this.timestamp&&this.timezone?this.isWazeEvent&&this.agencyAttribution?o.qy` 171 ${(0,a.t)(this.label)} ${this.agencyAttribution.agencyName} 172 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 173 `:s.JM.agencyAttributionEnabled&&this.agencyAttribution?o.qy` 174 ${this.agencyAttribution.agencyIconURL?o.qy` 175 <img 176 src="${this.agencyAttribution.agencyIconURL}" 177 alt="" 178 style="vertical-align: middle" 179 role="presentation" 180 /> 181 `:""} 182 ${(0,a.t)(this.label)} 183 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 184 ${this.agencyAttribution.agencyName?o.qy` 185 ${(0,a.t)("by")} 186 ${this.agencyAttribution.agencyURL?o.qy` 187 <a href="${this.agencyAttribution.agencyURL}" 188 >${this.agencyAttribution.agencyName}</a 189 > 190 `:o.qy` ${this.agencyAttribution.agencyName} `} 191 `:o.qy``} 192 `:o.qy` 193 ${(0,a.t)(this.label)} 194 <relative-time timestamp=${this.timestamp} timezone=${this.timezone}></relative-time> 195 `:o.qy`<span class="placeholder placeholder_last-updated"></span>`}};d([(0,i.MZ)({type:Number})],p.prototype,"timestamp",2),d([(0,i.MZ)({type:String})],p.prototype,"timezone",2),d([(0,i.MZ)({type:String,reflect:!0})],p.prototype,"label",2),d([(0,i.MZ)({type:Object,reflect:!0})],p.prototype,"agencyAttribution",2),d([(0,i.MZ)({type:Boolean,reflect:!0})],p.prototype,"isWazeEvent",2),p=d([(0,i.EM)("date-last-updated")],p);const h=8792==r.j?p:null},5366:(t,e,r)=>{r.d(e,{kl:()=>h,tg:()=>m});var o=r(71413),i=r(52706),a=r(61964),n=r(80480),s=r(30555),l=r(56365),c=Object.defineProperty,d=Object.getOwnPropertyDescriptor,p=(t,e,r,o)=>{for(var i,a=o>1?void 0:o?d(e,r):e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=(o?i(e,r,a):i(a))||a);return o&&a&&c(e,r,a),a},h=(t=>(t.TOP="top",t.BOTTOM="bottom",t.LEFT="left",t.RIGHT="right",t))(h||{}),m=(t=>(t.VERTICLE="verticle",t.HORIZONTAL="horizontal",t.ALL="all",t))(m||{});let u=class extends o.WF{constructor(){super(...arguments),this.position="bottom",this.overflow="all",this.isFlip=!1,this.strategy="absolute",this.isVisible=!1,this._element=this}
195set element(t){this._element=t}get element(){return this._element}static get styles(){return[l.A,o.AH` 196 :host { 197 display: block; 198 position: relative; 199 --tail-color: white; 200 --tail-border-color: rgb(var(--concrete)); 201 --tail-border-width: var(--border-width); 202 } 203 204 #popper-container { 205 z-index: 4; 206 padding: var(--gap); 207 position: absolute; 208 } 209 210 :host([strategy='fixed']) #popper-container { 211 position: fixed; 212 } 213 214 #arrow { 215 position: absolute; 216 width: var(--gap); 217 height: var(--gap); 218 z-index: 5; 219 } 220 221 #arrow::before { 222 content: ''; 223 transform: rotate(45deg); 224 width: var(--gap); 225 height: var(--gap); 226 background-color: var(--tail-color); 227 border: var(--tail-border-width) solid var(--tail-border-color); 228 position: absolute; 229 } 230 231 .left-arrow:before { 232 left: -2px; 233 top: 2px; 234 } 235 236 .top-arrow:before { 237 left: 0; 238 top: 0; 239 } 240 241 .right-arrow:before { 242 left: 2px; 243 top: 2px; 244 } 245 246 .bottom-arrow:before { 247 left: 0; 248 top: 0; 249 } 250 251 #popper-container[data-popper-reference-hidden], 252 #popper-container[x-out-of-boundaries] { 253 visibility: hidden; 254 } 255 256 #popper-container[data-popper-placement='bottom'] #arrow, 257 #popper-container[x-placement='bottom'] #arrow { 258 top: calc(var(--gap) / 2); 259 } 260 261 #popper-container[data-popper-placement='bottom'] #arrow::before { 262 border-right: none; 263 border-bottom: none; 264 } 265 266 #popper-container[data-popper-placement='top'] #arrow, 267 #popper-container[x-placement='top'] #arrow { 268 bottom: calc(var(--gap) / 2); 269 } 270 271 #popper-container[data-popper-placement='top'] #arrow::before { 272 border-left: none; 273 border-top: none; 274 } 275 276 #popper-container[data-popper-placement='left'] #arrow, 277 #popper-container[x-placement='left'] #arrow { 278 right: calc(var(--gap) / 2); 279 } 280 281 #popper-container[data-popper-placement='left'] #arrow::before { 282 border-bottom: none; 283 border-left: none; 284 } 285 286 #popper-container[data-popper-placement='right'] #arrow, 287 #popper-container[x-placement='right'] #arrow { 288 left: calc(var(--gap) / 2); 289 } 290 291 #popper-container[data-popper-placement='right'] #arrow::before { 292 border-top: none; 293 border-right: none; 294 } 295 `]}render(){return o.qy` 296 <slot name="toggler"></slot> 297 <div id="popper-container" style=${(0,n.W)({display:this.isVisible?"block":"none"})}> 298 <slot id="contents"></slot> 299 <div 300 id="arrow" 301 class=${(0,s.H)({"top-arrow":"top"===this.position,"left-arrow":"left"
301===this.position,"right-arrow":"right"===this.position,"bottom-arrow":"bottom"===this.position})} 302 ></div> 303 </div> 304 `}applyPopper(){let t;switch(this.overflow){case"verticle":t=["left","right"];break;case"horizontal":t=["top","bottom"];break;default:t=["top","right","bottom","left"]}const e=this.renderRoot.querySelector("#popper-container");this.popper=(0,a.n4)(this._element,e,{placement:this.position,strategy:this.strategy,modifiers:[{name:"arrow",options:{element:"#arrow",padding:4}},{name:"preventOverflow",options:{placement:t,padding:0}},{name:"flip",options:{enabled:this.isFlip,padding:0}},{name:"hide",options:{enabled:!0}}]})}get togglerEl(){try{return this.renderRoot.querySelector('slot[name="toggler"]')?.assignedNodes()?.[0]}catch{return null}}async updated(t){t.has("position")&&this.popper&&this.popper.setOptions({placement:this.position}),t.has("isVisible")&&this.isVisible&&(this.togglerEl instanceof o.WF&&await this.togglerEl.updateComplete,this.applyPopper()),t.has("isVisible")&&!this.isVisible&&this.popper&&this.popper.destroy()}connectedCallback(){super.connectedCallback(),this.firstRef?.value&&this.lastRef?.value&&(this.firstRef?.value?.focus(),setTimeout((()=>this.firstRef?.value?.blur()),0),this.firstRef.value.addEventListener("keydown",(t=>{"Tab"===t.key&&(t.shiftKey||this.firstRef?.value===this.lastRef?.value)&&(t.preventDefault(),t.stopPropagation(),this.lastRef?.value?.focus())})),this.lastRef.value.addEventListener("keydown",(t=>{t.shiftKey||"Tab"!==t.key||(t.preventDefault(),t.stopPropagation(),this.firstRef?.value?.focus())})))}};p([(0,i.MZ)({type:String})],u.prototype,"position",2),p([(0,i.MZ)({type:String})],u.prototype,"overflow",2),p([(0,i.MZ)({type:Boolean,attribute:"is-flip"})],u.prototype,"isFlip",2),p([(0,i.MZ)({type:String,reflect:!0})],u.prototype,"strategy",2),p([(0,i.MZ)({type:Boolean,attribute:"is-visible"})],u.prototype,"isVisible",2),p([(0,i.MZ)({type:Object})],u.prototype,"firstRef",2),p([(0,i.MZ)({type:Object,reflect:!0,attribute:"ref"})],u.prototype,"lastRef",2),u=p([(0,i.EM)("popper-container")],u)},82477:(t,e,r)=>{var o=r(71413),i=r(52706),a=r(80480),n=r(5218),s=r(32701),l=r(5124),c=r(80027),d=r(96548);Object.defineProperty,Object.getOwnPropertyDescriptor;let p=class extends d.Ay{constructor(){super(...arguments),this._backgroundColor=c.KP.backgroundColor,this._borderColor=c.KP.borderColor}static get styles(){return[s.A,l.A,o.AH` 305 :host { 306 box-shadow: var(--shadow-sm); 307 display: flex; 308 } 309 310 .default-failure-border { 311 flex: 0 0 var(--gap); 312 align-self: stretch; 313 } 314 315 .default-failure-content { 316 display: flex; 317 border: var(--border-width) solid rgb(var(--silver)); 318 border-right: 0; 319 border-left: 0; 320 flex: 1; 321 } 322 `]}render(){return o.qy` 323 <div 324 class="default-failure-border" 325 style="${(0,a.W)({backgroundColor:this.borderColor})}" 326 ></div> 327 <section 328 class="default-failure-content" 329 style="${(0,a.W)({backgroundColor:this.backgroundColor,borderColor:this.borderColor})}" 330 > 331 <slot name="icon"> 332 <img src="${c.KP.icon}" role="presentation" alt="" class="card_icon " /> 333 </slot> 334 <div class="card_header-text card_description"> 335 <slot name="headline"> 336 <h4>${c.KP.title}</h4> 337 </slot> 338 <slot> 339 <div class="text-muted">${(0,n._)(c.KP.description)}</div> 340 </slot> 341 </div> 342 </section> 343 `}};p=((t,e,r,o)=>{for(var i,a=e,n=t.length-1;n>=0;n--)(i=t[n])&&(a=i(a)||a);return a})([(0,i.EM)("tray-failure")],p)},5124:(t,e,r)=>{r.d(e,{A:()=>o});const o=[r(71413).AH` 344 .card { 345 background-color: #fff; 346 box-shadow: var(--shadow-sm); 347 border: var(--border-width) solid rgb(var(--silver)); 348 } 349 350 .card--link { 351 transition: background-color 0.25s linear; 352 position: relative; 353 color: rgb(var(--darkest)); 354 } 355 .card--link:after { 356 content: ''; 357 position: absolute; 358 top: 0; 359 bottom: 0; 360 left: 0; 361 right: 0; 362 visibility: hidden; 363 pointer-events: none; 364 opacity: 0; 365 background-color: rgba(var(--peter-river), 0.1); 366 transition: all 0.15s ease-out; 367 } 368 369 .card--link:hover { 370 box-shadow: 0 0 0 0.25rem rgba(var(--peter-river), 0.25); 371 z-index: 1; 372 } 373 374 .card--link:focus { 375 border-color: rgba(var(--peter-river), 0.75); 376 position: relative; 377 z-index: 1; 378 } 379 a.card--link:active { 380 background-color: #fff; 381 } 382 383 .card--link:active:after { 384 visibility: visible; 385 opacity: 1; 386 } 387 388 .card_icon { 389 align-self: start; 390 margin: 1.875rem var(--gap) 0.375rem calc(var(--gap) * 2); 391 flex-shrink: 0; 392 width: 2.75rem; 393 height: 2.75rem; 394 } 395 396 .card_header { 397 display: flex; 398 margin-bottom: 1rem; 399 } 400 401 .card_header-text { 402 margin: 1.5rem 1.5rem 0 0; 403 flex: 1 0; 404 } 405 406 .card_header-button-container { 407 padding: 0; 408 width: 1.5rem; 409 height: 1.5rem; 410 margin-right: calc(var(--gap) / 2); 411 } 412 413 .card_description { 414 margin-bottom: 1.5rem; 415 } 416 417 .card_description img { 418 max-width: 100%; 419 } 420 421 .card_indent { 422 margin-left: 1.5rem; 423 margin-right: 1.5rem; 424 } 425 .card_pad-top { 426 margin-top: 1.5rem; 427 } 428 429 .card_img { 430 display: flex; 431 width: 100%; 432 background-color: rgba(var(--concrete), 0.15); 433 } 434 435 .card_caption { 436 padding: 0.5rem; 437 text-overflow: ellipsis; 438 white-space: nowrap; 439 overflow: hidden; 440 } 441 442 .card_well { 443 padding: var(--gap) 0; 444 background: rgba(var(--clouds), 0.25); 445 } 446 .card--rounded { 447 border-radius: var(--border-radius); 448 } 449 `]},20732:(t,e,r)=>{r.d(e,{A:()=>n,n:()=>a});var o=r(87190),i=r(10388);function a(){i.M_.dispatch((0,o.wf)(null))}function n(t){const{hoverUri:e}=t?.currentTarget;i.M_.dispatch((0,o.wf)(e??null))}}}]);
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.