{"file":"patternlib-image.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,23IAA23I;;MCOz4I,eAAe;;;;;iBAcV,MAAM;oBAKH,MAAM;kBAKR,MAAM;qBAK2E,OAAO;;EAEzG,MAAM;IACJ,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IAC9D,MAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;IAEnH,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,UAAU,IACrB,WAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,GAAQ,CACxD,EACP;GACH;;;;;;","names":[],"sources":["./src/components/patternlib-image/patternlib-image.scss?tag=patternlib-image&encapsulation=shadow","./src/components/patternlib-image/patternlib-image.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'patternlib-image',\n  styleUrl: 'patternlib-image.scss',\n  shadow: true,\n})\nexport class PatternlibImage {\n  /**\n   * Set the image src.\n   */\n  @Prop({ reflect: true }) src: string;\n\n  /**\n   * Set the image description.\n   */\n  @Prop({ reflect: true }) alt: string;\n\n  /**\n   * Set the image width.\n   */\n  @Prop() width = 'auto';\n\n  /**\n   * Set the image max-width.\n   */\n  @Prop() maxWidth = '100%';\n\n  /**\n   * Set the image height.\n   */\n  @Prop() height = 'auto';\n\n  /**\n   * Define the object-fit property.\n   */\n  @Prop() objectFit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | 'initial' | 'inherit' = 'cover';\n\n  render() {\n    const hostStyles = { height: this.height, width: this.width };\n    const imageStyles = { objectFit: this.objectFit, width: this.width, height: this.height, maxWidth: this.maxWidth };\n\n    return (\n      <Host style={hostStyles}>\n        <img src={this.src} alt={this.alt} style={imageStyles}></img>\n      </Host>\n    );\n  }\n}\n"],"version":3}