import{_ as w}from"./ILfUvIaL.js";import{_ as I}from"./BIr6OvyQ.js";import{d as k,f as n,g as l,I as S,n as H,e as o,b as m,t as h,h as A,F as _,r as g,c as y,o as t,_ as C,l as B}from"./DfmWwPvQ.js";const N="center",$=(a,e,i)=>{i&&(i.top&&(a[`--${e}-top`]=i.top),i.bottom&&(a[`--${e}-bottom`]=i.bottom),i.leading&&(a[`--${e}-leading`]=i.leading),i.trailing&&(a[`--${e}-trailing`]=i.trailing))},V=a=>a.alignment||N,x=a=>{const e={};return $(e,"dynamic-ui-hero-padding",a?.padding),$(e,"dynamic-ui-hero-padding-lg",a?.padding?.large),$(e,"dynamic-ui-hero-margin",a?.margin),$(e,"dynamic-ui-hero-margin-lg",a?.margin?.large),e},F=a=>a?a.charAt(0).toUpperCase()+a.slice(1):"",L={class:"dynamic-ui-app-hero"},j={class:"dynamic-ui-app-hero__frame"},E={class:"dynamic-ui-app-hero__image-container"},M=["src","alt"],O={key:1,class:"dynamic-ui-app-hero__icon-container"},P=["src","alt"],T=["src","alt"],U={key:1,class:"dynamic-ui-app-hero__status"},z={class:"dynamic-ui-app-hero__status-pill"},G={key:3,class:"dynamic-ui-app-hero__meta"},q={class:"dynamic-ui-app-hero__meta-label"},J={class:"dynamic-ui-app-hero__meta-value"},K={key:4,class:"dynamic-ui-actions dynamic-ui-app-hero__actions"},Q=k({__name:"AppHero",props:{model:{},interactive:{type:Boolean}},setup(a){const e=a,i=y(()=>V(e.model)),v=y(()=>x(e.model.edgeInsets)),p=y(()=>F(e.model.status));return(f,s)=>{const b=w,c=I;return t(),n("section",L,[l("div",j,[l("div",{class:H(["dynamic-ui-app-hero__shell",`dynamic-ui-app-hero__shell--${i.value}`]),style:S(v.value)},[l("div",E,[e.model.media?.src?(t(),n("img",{key:0,src:e.model.media.src,alt:e.model.media.alt,class:"dynamic-ui-app-hero__image"},null,8,M)):o("",!0),e.model.icon?.src?(t(),n("div",O,[l("img",{src:e.model.icon.src,alt:e.model.icon.alt,class:"dynamic-ui-app-hero__icon"},null,8,P),l("img",{src:e.model.icon.src,alt:e.model.icon.alt,class:"dynamic-ui-app-hero__icon-shadow","aria-hidden":"true"},null,8,T),s[0]||(s[0]=l("div",{class:"dynamic-ui-app-hero__icon-blur"},null,-1))])):o("",!0)]),e.model.eyebrow?(t(),m(b,{key:0,tag:"p",class:"dynamic-ui-app-hero__eyebrow",content:e.model.eyebrow},null,8,["content"])):o("",!0),p.value?(t(),n("p",U,[l("span",z,h(p.value),1)])):o("",!0),A(b,{tag:"h1",class:"dynamic-ui-app-hero__title",content:e.model.title},null,8,["content"]),e.model.description?(t(),m(b,{key:2,tag:"p",class:"dynamic-ui-app-hero__subtitle",content:e.model.description},null,8,["content"])):o("",!0),e.model.meta?.length?(t(),n("div",G,[(t(!0),n(_,null,g(e.model.meta,r=>(t(),n("div",{key:`${e.model.id}-${r.label}`,class:"dynamic-ui-app-hero__meta-item"},[l("span",q,h(r.label),1),l("span",J,h(r.value),1)]))),128))])):o("",!0),e.model.actions?.length?(t(),n("div",K,[(t(!0),n(_,null,g(e.model.actions,r=>(t(),m(c,{key:`${e.model.id}-${r.label}`,action:r,interactive:e.interactive},null,8,["action","interactive"]))),128))])):o("",!0)],6)])])}}}),R=Object.assign(C(Q,[["__scopeId","data-v-392570a8"]]),{__name:"AppHero"}),W={class:"dynamic-ui-brand-hero"},X={class:"dynamic-ui-shell dynamic-ui-shell--brand"},Y={class:"dynamic-ui-brand-hero__grid"},Z={class:"dynamic-ui-brand-hero__copy"},ee={key:2,class:"dynamic-ui-chip-list"},te={key:3,class:"dynamic-ui-actions"},ne={key:4,class:"dynamic-ui-chip-list"},oe={key:0,class:"dynamic-ui-frame dynamic-ui-frame--plain"},ae=["src","alt"],ie=k({__name:"BrandSplitHero",props:{model:{},interactive:{type:Boolean}},setup(a){const e=a;return(i,v)=>{const p=w,f=I;return t(),n("section",W,[l("div",X,[l("div",Y,[l("div",Z,[e.model.eyebrow?(t(),m(p,{key:0,tag:"p",class:"dynamic-ui-eyebrow",content:e.model.eyebrow},null,8,["content"])):o("",!0),A(p,{tag:"h1",class:"dynamic-ui-heading-xl",content:e.model.title},null,8,["content"]),e.model.description?(t(),m(p,{key:1,tag:"p",class:"dynamic-ui-body-lg",content:e.model.description},null,8,["content"])):o("",!0),e.model.chips?.length?(t(),n("div",ee,[(t(!0),n(_,null,g(e.model.chips,s=>(t(),n("span",{key:s,class:"dynamic-ui-chip"},h(s),1))),128))])):o("",!0),e.model.actions.length?(t(),n("div",te,[(t(!0),n(_,null,g(e.model.actions,s=>(t(),m(f,{key:`${e.model.id}-${s.label}`,action:s,interactive:e.interactive},null,8,["action","interactive"]))),128))])):o("",!0),e.model.proof?.length?(t(),n("div",ne,[(t(!0),n(_,null,g(e.model.proof,s=>(t(),n("span",{key:s,class:"dynamic-ui-chip"},h(s),1))),128))])):o("",!0)]),e.model.media?.src?(t(),n("div",oe,[l("img",{src:e.model.media.src,alt:e.model.media.alt,class:"dynamic-ui-brand-hero__image"},null,8,ae)])):o("",!0)])])])}}}),le=Object.assign(C(ie,[["__scopeId","data-v-5f977337"]]),{__name:"BrandSplitHero"}),se={class:"dynamic-ui-default-hero"},ce={class:"dynamic-ui-default-hero__copy"},de={key:1,class:"dynamic-ui-status"},re={key:3,class:"dynamic-ui-actions"},me={key:4,class:"dynamic-ui-chip-list"},ue={key:0,class:"dynamic-ui-default-hero__visual"},_e={key:0,class:"dynamic-ui-frame"},pe=["src","alt"],ye={key:1,class:"dynamic-ui-default-hero__icon-wrap"},he=["src","alt"],ge=k({__name:"DefaultHero",props:{model:{},shellClass:{},interactive:{type:Boolean}},setup(a){const e=a,i=(c,r,d)=>{d&&(d.top&&(c[`--${r}-top`]=d.top),d.bottom&&(c[`--${r}-bottom`]=d.bottom),d.leading&&(c[`--${r}-leading`]=d.leading),d.trailing&&(c[`--${r}-trailing`]=d.trailing))},v=y(()=>{const c={};return i(c,"dynamic-ui-hero-padding",e.model.edgeInsets?.padding),i(c,"dynamic-ui-hero-padding-lg",e.model.edgeInsets?.padding?.large),i(c,"dynamic-ui-hero-margin",e.model.edgeInsets?.margin),i(c,"dynamic-ui-hero-margin-lg",e.model.edgeInsets?.margin?.large),c}),p=y(()=>!!(e.model.icon?.src&&e.model.media?.src)),f=y(()=>e.model.alignment||"center"),s=y(()=>e.model.isFullscreen===!0),b=y(()=>e.model.status?e.model.status.charAt(0).toUpperCase()+e.model.status.slice(1):"");return(c,r)=>{const d=w,D=I;return t(),n("section",se,[l("div",{class:H(["dynamic-ui-shell",e.shellClass])},[l("div",{class:H(["dynamic-ui-default-hero__layout",[`dynamic-ui-default-hero__layout--${f.value}`,{"dynamic-ui-default-hero__layout--fullscreen":s.value},{"dynamic-ui-default-hero__layout--product":p.value}]]),style:S(v.value)},[l("div",ce,[e.model.eyebrow?(t(),m(d,{key:0,tag:"p",class:"dynamic-ui-eyebrow",content:e.model.eyebrow},null,8,["content"])):o("",!0),e.model.status?(t(),n("p",de,h(b.value),1)):o("",!0),A(d,{tag:"h1",class:"dynamic-ui-heading-lg",content:e.model.title},null,8,["content"]),e.model.description?(t(),m(d,{key:2,tag:"p",class:"dynamic-ui-body-lg",content:e.model.description},null,8,["content"])):o("",!0),e.model.actions?.length?(t(),n("div",re,[(t(!0),n(_,null,g(e.model.actions,u=>(t(),m(D,{key:`${e.model.id}-${u.label}`,action:u,interactive:e.interactive},null,8,["action","interactive"]))),128))])):o("",!0),e.model.meta?.length?(t(),n("div",me,[(t(!0),n(_,null,g(e.model.meta,u=>(t(),n("span",{key:`${e.model.id}-${u.label}`,class:"dynamic-ui-chip"},[u.label?(t(),n(_,{key:0},[B(h(u.label),1)],64)):o("",!0),u.label&&u.value?(t(),n(_,{key:1},[B(": ")],64)):o("",!0),u.value?(t(),n(_,{key:2},[B(h(u.value),1)],64)):o("",!0)]))),128))])):o("",!0)]),e.model.icon?.src||e.model.media?.src?(t(),n("div",ue,[e.model.media?.src?(t(),n("div",_e,[l("img",{src:e.model.media.src,alt:e.model.media.alt,class:"dynamic-ui-default-hero__media"},null,8,pe)])):o("",!0),e.model.icon?.src?(t(),n("div",ye,[l("img",{src:e.model.icon.src,alt:e.model.icon.alt,class:"dynamic-ui-default-hero__icon"},null,8,he)])):o("",!0)])):o("",!0)],6)],2)])}}}),ve=Object.assign(C(ge,[["__scopeId","data-v-90f63af6"]]),{__name:"DefaultHero"}),be=k({__name:"PageHero",props:{model:{},shellClass:{},interactive:{type:Boolean,default:!0}},setup(a){const e=a;return(i,v)=>e.model.type==="brand-split"?(t(),m(le,{key:0,model:e.model,interactive:e.interactive},null,8,["model","interactive"])):e.model.type==="app"?(t(),m(R,{key:1,model:e.model,interactive:e.interactive},null,8,["model","interactive"])):(t(),m(ve,{key:2,model:e.model,"shell-class":e.shellClass,interactive:e.interactive},null,8,["model","shell-class","interactive"]))}}),Be=Object.assign(be,{__name:"PageHero"});export{Be as _};

AltStyle によって変換されたページ (->オリジナル) /