import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{n,t as r}from"./ImageRenderer-D0T58E1p.js";function i(e){return e.map(e=>`width`in e?`${e.src} ${e.width}w`:`${e.src} ${e.density}x`).join(`, `)}function a(e,t){return(e??[]).map(e=>({srcSet:i(e.candidates),type:e.type,sizes:e.sizes??t})).filter(e=>e.srcSet.length>0)}function o(){return(o=e((()=>{})))()}function s({image:e,alt:t,sizes:n,aspectRatio:o,...s}){let l=a(e.sources,n),u=e.candidates?i(e.candidates):void 0,d=o??(e.intrinsicWidth&&e.intrinsicHeight?`${e.intrinsicWidth} / ${e.intrinsicHeight}`:void 0);return(0,c.jsx)(r,{...s,src:e.src,srcSet:u||void 0,sources:l,sizes:n,alt:t??e.alt,intrinsicWidth:e.intrinsicWidth,intrinsicHeight:e.intrinsicHeight,aspectRatio:d})}var c;function l(){return(l=e((()=>{o(),n(),c=t(),s.__docgenInfo={description:`Собирает picture/srcset из готовых URL и делегирует отображение ImageRenderer.
Компонент не формирует имена файлов и не знает о форматах или размерах хранилища.`,methods:[],displayName:`ImageView`,props:{image:{required:!0,tsType:{name:`signature`,type:`object`,raw:`{
	src: string;
	alt?: string;
	intrinsicWidth?: number;
	intrinsicHeight?: number;
	candidates?: readonly ImageCandidate[];
	sources?: readonly ResponsiveImageSource[];
}`,signature:{properties:[{key:`src`,value:{name:`string`,required:!0}},{key:`alt`,value:{name:`string`,required:!1}},{key:`intrinsicWidth`,value:{name:`number`,required:!1}},{key:`intrinsicHeight`,value:{name:`number`,required:!1}},{key:`candidates`,value:{name:`unknown`,required:!1}},{key:`sources`,value:{name:`unknown`,required:!1}}]}},description:``},alt:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`,`Pick`]}})))()}var u,d,f,p,m,h,g;function _(){return(_=e((()=>{l(),u=t(),{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,f=`photo-1500530855697-b586d89ba3ee`,p=(e,t)=>`https://images.unsplash.com/${f}?auto=format&fit=crop&w=${e}&fm=${t}&q=80`,m={title:`Shared/UI/Image/ImageView`,component:s,args:{layout:`intrinsic`,sizes:`(min-width: 64rem) 64rem, 100vw`,image:{src:p(1600,`jpg`),alt:`Responsive-пейзаж`,intrinsicWidth:1600,intrinsicHeight:1067,candidates:[{src:p(640,`jpg`),width:640},{src:p(1280,`jpg`),width:1280},{src:p(1600,`jpg`),width:1600}],sources:[{type:`image/avif`,candidates:[{src:p(640,`avif`),width:640},{src:p(1280,`avif`),width:1280},{src:p(1600,`avif`),width:1600}]},{type:`image/webp`,candidates:[{src:p(640,`webp`),width:640},{src:p(1280,`webp`),width:1280},{src:p(1600,`webp`),width:1600}]}]}},parameters:{layout:`padded`},argTypes:{image:{description:`Исходные responsive-данные изображения.`,control:!1},alt:{description:`Явный альтернативный текст поверх image.alt.`,control:`text`},sizes:{description:`Атрибут sizes для responsive-кандидатов.`,control:`text`},layout:{description:`Режим расположения изображения внутри контейнера.`,control:`inline-radio`,options:[`cover`,`contain`,`intrinsic`]},role:{description:`Семантическая роль тега изображения.`,control:`text`},ariaLabel:{description:`Явное доступное имя изображения.`,control:`text`},caption:{description:`Подпись изображения в режиме figure.`,control:`text`},fallback:{description:`Кастомный placeholder до загрузки.`,control:!1},useFigure:{description:`Оборачивает изображение в figure/figcaption.`,control:`boolean`},aspectRatio:{description:`Соотношение сторон контейнера.`,control:`text`},width:{description:`Ширина контейнера.`,control:`text`},height:{description:`Высота контейнера.`,control:`text`},wrapperStyle:{description:`Inline-стили контейнера изображения.`,control:!1}}},h={render:function(){let[e]=d();return(0,u.jsx)(s,{...e})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
  render: function Render() {
    const [args] = useArgs<ImageViewProps>();
    return <ImageView {...args} />;
  }
}`,...h.parameters?.docs?.source}}},g=[`ResponsiveCandidates`]})))()}_();export{h as ResponsiveCandidates,g as __namedExportsOrder,m as default};