1import{C as t,D as e,E as l,G as i,Gt as a,J as s,Lt as o,M as n,N as c,T as r,Tt as u,_ as d,_t as m,at as f,ct as p,dt as g,fn as _,gt as v,hn as b,it as x,st as y,tt as w,w as h}from"./B8XHxhss.js";import{O as $,_ as E}from"#entry";import{t as k}from"./CB9WeAtJ.js";import{t as S}from"./DNAeW-V3.js";import{t as j}from"./DXNx4Ry-.js";import{t as D}from"./Dcux_0w4.js";import{t as C}from"./tKPW4sCS.js";import{n as A,r as O,t as T}from"./zHm4VGwr2.js";import{t as L}from"./CLnFiEbb2.js";var B={key:0,class:"c-small-button__icon inline-flex flex-shrink-0 flex-grow-0 items-center justify-center"},N={key:2,class:"c-small-button__icon inline-flex flex-shrink-0 flex-grow-0 items-center justify-center"},H=Object.assign({inheritAttrs:!1},{__name:"SmallButton",props:{tag:{type:[String,Object],default:void 0},active:{type:Boolean,default:!1},color:{type:String,default:"primary",validate:t=>["canvas","primary","primaryVariant","secondary","surface","surfaceVariant","danger"].includes(t)},layout:{type:String,default:"narrow",validate:t=>["narrow","wide"].includes(t)},icon:{type:String,default:"end",validate:t=>["start","end","none"].includes(t)},to:{type:[String,Object],default:void 0},href:{type:String,default:void 0},inGroup:{type:Boolean,default:!1}},setup(i,{expose:n}){const c=i,d=o(null),m=t(()=>c.tag||(c.to||c.href?$:"button")||"button"),f=v(),b=t(()=>{const t={to:c.to,href:null!=c.to?void 0:c.href,...f};if(!0===t["aria-disabled"]&&(t["aria-disabled"]="true"),"true"===String(t["aria-disabled"]).toLowerCase()||t.disabled){for(const e in t)e.startsWith("onClick")&&(t[e]=t=>{t.preventDefault()});t.onClickCapture=t=>{t.preventDefault()}}return t});return n({$el:d}),(t,o)=>(x(),r(g(a(m)),s({ref_key:"$el",ref:d,class:["c-small-button",{[`c-small-button--color--${i.color}`]:i.color,"c-small-button--has-text":t.$slots.default,"c-small-button--is-active":i.active,"c-small-button--has-icon":(t.$slots.icon||t.$slots.iconStart)&&["start","both"].includes(i.icon)||(t.$slots.icon||t.$slots.iconEnd)&&["end","both"].includes(i.icon),"c-small-button--has-icon--start":(t.$slots.icon||t.$slots.iconStart)&&["start","both"].includes(i.icon),"c-small-button--has-icon--end":(t.$slots.icon||t.$slots.iconEnd)&&["end","both"].includes(i.icon),"c-small-button--in-group":i.inGroup,"c-small-button--layout-wide":"wide"===i.layout}]},a(b)),{default:u(()=>[(t.$slots.icon||t.$slots.iconStart)&&["start","both"].includes(i.icon)?(x(),e("span",B,[p(t.$slots,"iconStart",{},()=>[p(t.$slots,"icon")])])):l("",!0),t.$slots.default?(x(),e("span",{key:1,class:_(["c-small-button__text px-4xs flex gap-5xs max-w-full",{"w-full":"wide"===i.layout}])},[p(t.$slots,"default")],2)):l("",!0),(t.$slots.icon||t.$slots.iconEnd)&&["end","both"].includes(i.icon)?(x(),e("span",N,[p(t.$slots,"iconEnd",{},()=>[p(t.$slots,"icon")])])):l("",!0)]),_:3},16,["class"]))}}),P=["id"],I={key:0,class:"c-block-list-guide__title flex justify-between items-end gap-md text-heading-sm-strong >=1280:w-8/12col"},R=["innerHTML"],X={key:0,class:"c-block-list-guide__question-header w-full flex justify-between items-end gap-md mb-md >=1280:w-8/12col"},G={class:"text-heading-sm-strong"},q={class:"c-block-list-guide__question-container w-full grid grid-cols-2 <656:grid-cols-1 mb-xl gap-gutter >=1280:w-8/12col"},z=["id","textContent"],W={key:0,class:"mt-sm flex items-center max-w-fit p-4xs bg-surface rounded-full pl-3xs pr-2xs text-medium text-body-md-regular"},M="canvas",V=Object.assign({inheritAttrs:!1},{__name:"BlockListBlocksBlockListGuide",props:{id:String,context:String,items:Array,title:String,question:String,label:String,settings:Object},setup(g){const v={PHRASE_X_SELECTED_AND_SHOWN:E("PHRASE_X_SELECTED_AND_SHOWN",{capitalize:!0}),PHRASE_X_DESELECTED_AND_CLOSED:E("PHRASE_X_DESELECTED_AND_CLOSED",{capitalize:!0})},$=g,B=o(null),N=o(!1),V=o($.items||[]),F=o(V.value.map(()=>!1)),J=o(null),K=o(!1),Q=o(null),U=i("guideId",null),Y=t(()=>[U,$.id].filter(Boolean).join("__"));f("guideId",Y.value);const Z=V.value.map(()=>m().replace("-","_"));w(()=>{setTimeout(()=>{K.value=!0},100)});
1function tt(t,e){return[[Y.value,e].filter(Boolean).join("-"),t].filter(Boolean).join("__")}function et(t){history.replaceState(null,"",t?`${window.location.pathname}${window.location.search}#${t}`:`${window.location.pathname}${window.location.search}`)}return(t,i)=>{const o=k,m=S,f=H,w=O,V=L,U=j,Y=D,lt=A,it=T;return x(),e("div",s({id:g.id,ref_key:"$el",ref:B,class:["c-block-list-guide",[`c-block-list-guide--ctx--${g.context}`,t.$attrs.class]]},("useAttrsSome"in t?t.useAttrsSome:a(C))(["style","data-n-ids"],t.$attrs)),[g.title?(x(),e("div",I,[c(o,{overline:g.label,"long-read-id":g.settings?.includeInToc&&g.id,"long-read-title":g.settings?.includeInToc&&g.title},{default:u(()=>[h("span",{innerHTML:g.title},null,8,R)]),_:1},8,["overline","long-read-id","long-read-title"])])):l("",!0),c(it,{ref_key:"accordionGroup",ref:J,class:_(["flex flex-col",{[`c-block-list-guide--color--${M}`]:M,"w-[var(--visual-viewport-width)] -mx-[--site-half-viewport-margin] px-layout-margin":"with-aside"!==g.context,"w-[var(--visual-viewport-width)] -mx-layout-margin px-layout-margin >=1280:w-full 1280:mx-auto 1280:px-0":"with-aside"===g.context}]),"max-one-open":!0},{default:u(()=>[g.question?(x(),e("div",X,[p(t.$slots,"title",{},()=>[h("p",G,b(g.question),1)])])):l("",!0),h("div",q,[(x(!0),e(d,null,y(g.items,(e,i)=>(x(),r(w,{key:`accordion-${i}`,id:`acc-${e.key??e.id??a(Z)[i]}`,"aria-controls":tt(`panel-${e.key??e.id??a(Z)[i]}`),class:"relative flex w-full justify-between items-end transition-colors ease-in-out text-medium hover:text-interactive active:text-interactiveActive duration-300"},{default:u(()=>[c(f,{class:"flex",color:"surface",tag:"span",layout:"wide",active:a(F)[i],icon:"start","on-focus":e=>t.onPanelFocus(e)},{icon:u(()=>[g.items[i].icon?(x(),r(m,{key:0,svg:g.items[i].icon,"keep-colors":!1,class:"w-24 h-24",focusable:"false","aria-hidden":"true"},null,8,["svg"])):l("",!0)]),default:u(()=>[p(t.$slots,"default",{},()=>[n(b(g.items[i].title||e.title),1)])]),_:2},1032,["active","on-focus"])]),_:2},1032,["id","aria-controls"]))),128))]),h("div",{id:tt("announce"),role:"status",class:"sr-only",textContent:b(a(Q))},null,8,z),(x(!0),e(d,null,y(g.items,(i,s)=>(x(),r(lt,{key:`accordion-${s}`,id:tt(`panel-${i.key??i.id??a(Z)[s]}`),transition:{name:"t-guide-layout__panel"},"open-by-hash":{header:!0,panel:!0,withinPanel:!0},class:_(["text-strong -mt-1 print:block!",{"w-[var(--visual-viewport-width)] -mx-layout-margin":"with-aside"!==g.context,"<1280:w-[var(--visual-viewport-width)] <1280:-mx-layout-margin <1280:px-layout-margin":"with-aside"===g.context}]),tabindex:"0","aria-label":("localize"in t?t.localize:a(E))("CONTENT_FOR_X",{populate:[i.title]}),onChange:t=>((t,e,l)=>{F.value[e]=t.isOpen,N.value=F.value.reduce((t,e)=>e?t+1:t,0)>=2;const i=window.location.hash.replace("#",""),a=$.items?.find?.(t=>tt(`panel-${t.key??t.id??Z[e]}`)===l);if(t.isOpen){const t=document.getElementById(l);et(l),t&&setTimeout(()=>{t.scrollIntoView({behavior:"smooth",block:"start"})},100),a&&K.value&&(Q.value=v.PHRASE_X_SELECTED_AND_SHOWN.split("{0}").join(a.title))}else if(i===l){const t=l.split("__")[0],e=document.getElementById(l).parentElement?.closest?.(`[id^="${t}__panel-"]`)?.id;et(e),a&&K.value&&(Q.value=v.PHRASE_X_DESELECTED_AND_CLOSED.split("{0}").join(a.title))}K.value=!0})(t,s,tt(`panel-${i.key??i.id??a(Z)[s]}`))},{default:u(()=>[c(Y,{tag:"div",class:"pb-2xl",level:g.title?"+0":"-1"},{default:u(()=>[c(V,{class:"my-0","block-context":g.context,"block-list":i.contentElements,"block-id-function":t=>tt(t,s),loading:"lazy"},null,8,["block-context","block-list","block-id-function"]),i.content?.note||i.note?(x(),e("footer",W,[c(U,{name:"info",class:"mr-4xs"}),n(" "+b(i.content?.note||i.note),1)])):l("",!0)]),_:2},1032,["level"])]),_:2},1032,["id","class","aria-label","onChange"]))),128))]),_:3},8,["class"])],16,P)}}});export{V 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.