1import{d as f,au as $,R as C,S as B,_ as b,r as s,o as r,b as h,be as S,i,h as n,w as d,a1 as _,n as g,aI as F,aJ as T,a7 as P,aX as I,Y as x,Z as q,f as z,j as o,a8 as D,a9 as W,t as A}from"./UB03tw8e.js";const L=f({name:"TimelineItemContent",props:{item:{type:Object,required:!0},boxType:{type:String,required:!0,validator:e=>["plain","shadow","outline"].includes(e)},arrowPosition:{type:String,validator:e=>["top","right","left"].includes(e),default:"left"},dark:{type:Boolean,default:!1},hideDate:{type:Boolean,default:!1}},computed:{...C(B,["hasBoxShadow"]),classes(){return{"-arrowTopCenter":this.arrowPosition==="top","-arrowRightTop":this.arrowPosition==="right","-plain":this.boxType==="plain","-shadow":this.boxType==="shadow","-outline":this.boxType==="outline","-borderedBox":!this.hasBoxShadow,"-dark":this.boxType!=="plain"&&this.dark,"-hideDate":this.hideDate}},colorStyles(){if(this.boxType==="plain")return{};const{color:e}=$("white");return{color:e}}}});function N(e,t,c,u,w,v){const a=s("wsk-field"),l=s("wsk-visible");return r(),h("div",{class:g(["s-item",e.classes]),style:_(e.colorStyles)},[t[0]||(t[0]=S('<svg class="s-item__arrow" width="22" height="12" data-v-07c7ae54><defs data-v-07c7ae54><polyline id="arrow" points="0,12 11,0 22,12" data-v-07c7ae54></polyline> <clipPath id="insideArrow" data-v-07c7ae54><use xlink:href="#arrow" data-v-07c7ae54></use></clipPath></defs> <use xlink:href="#arrow" stroke-width="2" clip-path="url(#insideArrow)" data-v-07c7ae54></use></svg> ',2)),i(a,{base:e.item,field:"item_headline",class:"s-item__headline"},null,8,["base"]),t[1]||(t[1]=n()),i(l,{condition:()=>e.$hasFieldVisibleContent("item_time",e.item)},{default:d(()=>[i(a,{base:e.item,field:"item_time",class:"s-item__time"},null,8,["base"])]),_:1},8,["condition"]),t[2]||(t[2]=n()),i(a,{base:e.item,field:"item_content",class:"s-item__content"},null,8,["base"])],6)}const j=b(L,[["render",N],["__scopeId","data-v-07c7ae54"]]),H=f({name:"TimelineV10",components:{WskSectionHeader:T,TimelineItemContent:j,WskSection:F},props:{section:{type:Object,required:!0}},setup(){return{createSectionHeadlineIdWhenFieldIsVisible:q}},computed:{variant(){return this.$getFieldValue("variant")},alignmentClasses(){return x(this.section)},settings(){const e=this.variant==="sequence"?this.$getFieldValue("sequence_settings"):this.$getFieldValue("timeline_settings"),[t,c,u]=e.split("-");return{axis:t,style:c,badgePosition:u}},timelineItems(){return this.$getFieldValue("timelineitems")},hasBoxDarkBackground(){const e=this.$getFieldValue("box_color");return e==="auto"?I(this.$getFieldValue("bgcolor")):e==="dark"},cssVariables(){return{"--timeline-line-color":P(this.$getFieldValue("line_color"))}},isLayoutVerticalLeft(){return this.settings.axis==="vertical"&&this.settings.badgePosition==="left"},modifierClasses(){return{"-timeline":this.variant==="timeline","-verticalLeft":this.settings.axis==="vertical"&&this.settings.badgePosition==="left","-horizontal":this.variant==="sequence"&&this.settings.axis==="horizontal","-badgeCenter":this.settings.axis==="vertical"&&this.settings.badgePosition==="center","-plainBox":this.settings.style==="plain"}}},methods:{getArrowPosition(e){return this.settings.axis==="horizontal"?"top":this.settings.badgePosition==="left"||e%2?"left":"right"}}}),O={class:"o-contentContainer"},R={class:"s-timeline__badgeWrapper"},E={class:"s-timeline__box"};function J(e,t,c,u,w,v){const a=s("wsk-section-header"),l=s("wsk-field"),k=s("timeline-item-content"),y=s("wsk-visible"),V=s("wsk-section");return r(),z(V,{section:e.section,"aria-labelledby":e.createSectionHeadlineIdWhenFieldIsVisible(e.section,"headline",e.section.id)},{default:d(()=>[o("div",O,[i(a,{section:e.section},null,8,["section"]),t[3]||(t[3]=n()),o("div",{class:g(["s-timeline",e.modifierClasses]),style:_(e.cssVariables)},[(r(!0),h(D,null,W(e.timelineItems,(m,p)=>(r(),h("div",{key:p,class:"s-timeline__item"},[t[0]||(t[0]=o("div",{class:"s-timeline__spacer"},null,-1)),t[1]||(t[1]=n()),o("div",R,[i(l,{field:"badge_color",mode:"backgroundColor",class:"s-timeline__badge"},{default:d(()=>[n(A(e.variant==="timeline"&&e.$getFieldValue("item_time",m)?e.$getFieldValue("item_time",m):p+1),1)]),_:2},1024)]),t[2]||(t[2]=n()),o("div",E,[i(k,{dark:e.hasBoxDarkBackgroun
1d,class:"s-timeline__itemContent",item:m,"hide-date":e.variant==="timeline","box-type":e.settings.style==="plain"?"plain":e.settings.axis==="horizontal"?"shadow":"outline","arrow-position":e.getArrowPosition(p)},null,8,["dark","item","hide-date","box-type","arrow-position"])])]))),128))],6),t[4]||(t[4]=n()),i(y,{condition:()=>e.$hasFieldVisibleContent("cta_text")},{default:d(()=>[i(l,{field:"cta_text",class:g(["s-ctaText u-mt40",e.alignmentClasses])},null,8,["class"])]),_:1},8,["condition"])])]),_:1},8,["section","aria-labelledby"])}const Y=b(H,[["render",J],["__scopeId","data-v-a856af8d"]]);export{Y as default};
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.