{"version":3,"file":"images.cjs","sources":["../src/images.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport h from \"./hyper\";\nimport { ColumnContext } from \"./context\";\n\ninterface ColumnImageProps {\n  src: string;\n  insets?: {\n    top?: number;\n    right?: number;\n    bottom?: number;\n    left?: number;\n  };\n  clip?: boolean;\n}\n\nfunction ColumnImage(props: ColumnImageProps) {\n  const { src, insets = {}, clip = true, ...rest } = props;\n  const { pixelHeight } = useContext(ColumnContext);\n  let margins: any = {};\n  for (let key in insets) {\n    margins[\"margin\" + key[0].toUpperCase() + key.slice(1)] = -insets[key];\n  }\n\n  const overflow = clip ? \"hidden\" : \"visible\";\n\n  const height =\n    pixelHeight - (margins.marginTop ?? 0) - (margins.marginBottom ?? 0);\n  return h(\"div.column-image\", { style: { overflow, ...rest } }, [\n    h(\"img\", { src, style: { height, ...margins } }),\n  ]);\n}\n\nexport { ColumnImage };\n"],"names":["useContext","ColumnContext","h"],"mappings":";;;;;AAeA,SAAS,YAAY,OAAyB;AAC5C,QAAM,EAAE,KAAK,SAAS,CAAA,GAAI,OAAO,MAAM,GAAG,KAAA,IAAS;AACnD,QAAM,EAAE,YAAA,IAAgBA,MAAAA,WAAWC,oBAAa;AAChD,MAAI,UAAe,CAAA;AACnB,WAAS,OAAO,QAAQ;AACtB,YAAQ,WAAW,IAAI,CAAC,EAAE,YAAA,IAAgB,IAAI,MAAM,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG;AAAA,EACvE;AAEA,QAAM,WAAW,OAAO,WAAW;AAEnC,QAAM,SACJ,eAAe,QAAQ,aAAa,MAAM,QAAQ,gBAAgB;AACpE,SAAOC,MAAE,oBAAoB,EAAE,OAAO,EAAE,UAAU,GAAG,KAAA,KAAU;AAAA,IAC7DA,MAAE,OAAO,EAAE,KAAK,OAAO,EAAE,QAAQ,GAAG,UAAQ,CAAG;AAAA,EAAA,CAChD;AACH;;"}