{"version":3,"names":["navigationLogoCss","EonUiNavigationLogoStyle0","NavigationLogo","NAVIGATION_FLYOUT_LINK_TARGET_SELF","componentWillLoad","this","computeAriaLabel","componentDidLoad","navigationLogoLinkLoad","emit","ariaLabel","currentAriaLabel","handleClick","_event","navigationLogoLinkClick","href","render","h","Host","key","class","pfx","title","hostElement","getAttribute","target","current","onClick","event","role","tabindex","src","imageSrc","alt","description"],"sources":["src/components/navigation/navigation-components/navigation-logo/navigation-logo.scss?tag=eon-ui-navigation-logo&encapsulation=shadow","src/components/navigation/navigation-components/navigation-logo/navigation-logo.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n\n  *,\n  :after,\n  :before {\n    box-sizing: border-box;\n    outline: 0 none;\n    text-rendering: optimizelegibility;\n  }\n}\n\n.#{$prefix}logo-wrapper {\n  position: relative;\n  height: 100%;\n  padding: 16px 16px 16px 16px;\n  display: flex;\n  align-items: center;\n\n  a {\n    display: flex;\n    height: 100%;\n\n    &:focus-visible {\n      outline: $navigation-logo-focus-color solid 2px;\n      outline-offset: 4px;\n      border-radius: 2px;\n    }\n  }\n\n  img {\n    position: relative;\n    display: block;\n    align-self: center;\n    max-height: 100%;\n  }\n}\n","import { h, Component, Host, Element, Prop, Event, EventEmitter, Watch } from \"@stencil/core\";\nimport pfx from \"../../../../utils/style-class-prefix-helper\";\nimport { NavigationFlyoutLinkTarget } from \"../navigation-flyout/navigation-flyout-link/constants/navigation-flyout-link-types\";\nimport { NAVIGATION_FLYOUT_LINK_TARGET_SELF } from \"../navigation-flyout/navigation-flyout-link/constants/navigation-flyout-link-constants\";\n// import { InitLogging } from \"../../../../decorators/init-logging\";\n\n/**\n * @slot [unnamed] - holds any number of HTML elements.\n */\n@Component({\n  tag: \"eon-ui-navigation-logo\",\n  styleUrl: \"navigation-logo.scss\",\n  assetsDirs: [\"assets-navigation-logo\"],\n  shadow: true\n})\nexport class NavigationLogo {\n  // @InitLogging() sentryTransaction;\n  private currentAriaLabel: string;\n\n  @Element() hostElement: HTMLEonUiNavigationLogoElement;\n\n  /**\n   * Raised when the link has been clicked.\n   */\n  @Event() navigationLogoLinkClick: EventEmitter;\n\n  /**\n   * Raised when the link has been loaded.\n   */\n  @Event() navigationLogoLinkLoad: EventEmitter;\n\n  /**\n   * Source to badge image. Can be any browser supported image file.\n   */\n  @Prop() imageSrc: string;\n\n  /**\n   * Title of the badge to describe it in more detail.\n   */\n  @Prop() description: string;\n\n  /**\n   * Defines the target url of a Link.\n   * Make sure to prefix this with a protocol if the link should display an icon automatically.\n   * Valid protocols are \"http://\", \"https://\", \"mailto:\" and \"tel:\".\n   * @example http://www.google.de, tel:0123456789\n   */\n  @Prop({ mutable: true }) href: string;\n\n  /**\n   * Specifies how the link is opened in the browser, e.g. in new window/tab.\n   * @example \"_blank\", \"_self\", \"_parent\", \"_top\"\n   * @default \"_self\"\n   */\n  @Prop() target: NavigationFlyoutLinkTarget = NAVIGATION_FLYOUT_LINK_TARGET_SELF;\n\n  /**\n   * Specifies the label to use for accessibility.\n   * Always provide this for pure icon buttons!\n   */\n  @Prop() ariaLabel: string;\n\n  /**\n   * Set link to current if it matches the current url.\n   */\n  @Prop() current: boolean;\n\n  componentWillLoad() {\n    this.computeAriaLabel();\n  }\n\n  componentDidLoad() {\n    this.navigationLogoLinkLoad.emit();\n  }\n\n  @Watch(\"href\")\n  private computeAriaLabel() {\n    if (this.ariaLabel) {\n      this.currentAriaLabel = this.ariaLabel;\n      return;\n    }\n  }\n\n  handleClick(_event: Event) {\n    this.navigationLogoLinkClick.emit(this.href);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={pfx({ \"logo-wrapper\": true })}>\n          <a\n            title={this.hostElement.getAttribute(\"title\")}\n            href={this.href}\n            target={this.target}\n            class={pfx({ current: !!this.current })}\n            {...(this.currentAriaLabel ? { \"aria-label\": this.currentAriaLabel } : {})}\n            onClick={(event: MouseEvent) => this.handleClick(event)}\n            role=\"menuitem\"\n            tabindex=\"0\"\n          >\n            <img src={this.imageSrc} alt={this.description} title={this.description}></img>\n          </a>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAoB,w4zCAC1B,MAAAC,EAAeD,E,MCcFE,EAAc,M,4OAuCoBC,E,gDAa7C,iBAAAC,GACEC,KAAKC,kB,CAGP,gBAAAC,GACEF,KAAKG,uBAAuBC,M,CAItB,gBAAAH,GACN,GAAID,KAAKK,UAAW,CAClBL,KAAKM,iBAAmBN,KAAKK,UAC7B,M,EAIJ,WAAAE,CAAYC,GACVR,KAAKS,wBAAwBL,KAAKJ,KAAKU,K,CAGzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOC,EAAI,CAAE,eAAgB,QAChCJ,EAAA,KAAAE,IAAA,2CACEG,MAAOjB,KAAKkB,YAAYC,aAAa,SACrCT,KAAMV,KAAKU,KACXU,OAAQpB,KAAKoB,OACbL,MAAOC,EAAI,CAAEK,UAAWrB,KAAKqB,aACxBrB,KAAKM,iBAAmB,CAAE,aAAcN,KAAKM,kBAAqB,GACvEgB,QAAUC,GAAsBvB,KAAKO,YAAYgB,GACjDC,KAAK,WACLC,SAAS,KAETb,EAAA,OAAAE,IAAA,2CAAKY,IAAK1B,KAAK2B,SAAUC,IAAK5B,KAAK6B,YAAaZ,MAAOjB,KAAK6B,gB"}