{"version":3,"names":["spacerCss","EonUiSpacerStyle0","Spacer","render","h","Host","key","class","pfx","spacer","this","hideInPhone","hideInTablet","hideInDesktop","hideInDesktopLarge"],"sources":["src/components/spacer/spacer.scss?tag=eon-ui-spacer&encapsulation=shadow","src/components/spacer/spacer.tsx"],"sourcesContent":["/**\n * THEME JSON CONFIG CSS VARS\n * The following default component scss variables can be overwritten via theme configuration per brand.\n * If you need to add new one, please make sure to set a default value.\n * JSON Definition for Component with name \"Example\": testCssVar: \"20px\"\n * Resulting CSS var: $example-test-css-var: 20px;\n */\n\n$spacer-height-default: 48px !default;\n$spacer-height-desktop: 32px !default;\n$spacer-height-tablet: 32px !default;\n$spacer-height-phone: 24px !default;\n\n/* END THEME JSON CONFIG CSS VARS ******************************************************* */\n\n:host {\n  display: block;\n}\n\n.#{$prefix}spacer {\n  display: block;\n  height: $spacer-height-default;\n\n  @include for-size(desktop-l-or-larger) {\n    &.#{$prefix}spacer-hidden-desktop-large {\n      display: none;\n    }\n  }\n\n  @include for-size(desktop) {\n    height: $spacer-height-desktop;\n\n    &.#{$prefix}spacer-hidden-desktop {\n      display: none;\n    }\n  }\n\n  @include for-size(tablet) {\n    height: $spacer-height-tablet;\n\n    &.#{$prefix}spacer-hidden-tablet {\n      display: none;\n    }\n  }\n\n  @include for-size(phone) {\n    height: $spacer-height-phone;\n\n    &.#{$prefix}spacer-hidden-phone {\n      display: none;\n    }\n  }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport pfx from \"../../utils/style-class-prefix-helper\";\n// import { InitLogging } from \"../../decorators/init-logging\";\n\n@Component({\n  tag: \"eon-ui-spacer\",\n  styleUrl: \"spacer.scss\",\n  shadow: true\n})\nexport class Spacer {\n  // @InitLogging() sentryTransaction;\n\n  /**\n   * No spacing in mobile view\n   */\n  @Prop() hideInPhone: boolean;\n\n  /**\n   * No spacing in tablet view\n   */\n  @Prop() hideInTablet: boolean;\n\n  /**\n   * No spacing in desktop view\n   */\n  @Prop() hideInDesktop: boolean;\n\n  /**\n   * No spacing in desktop large view\n   */\n  @Prop() hideInDesktopLarge: boolean;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={pfx({\n            spacer: true,\n            \"spacer-hidden-phone\": this.hideInPhone,\n            \"spacer-hidden-tablet\": this.hideInTablet,\n            \"spacer-hidden-desktop\": this.hideInDesktop,\n            \"spacer-hidden-desktop-large\": this.hideInDesktopLarge\n          })}\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,ozzCAClB,MAAAC,EAAeD,E,MCQFE,EAAM,M,+IAuBjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAOC,EAAI,CACTC,OAAQ,KACR,sBAAuBC,KAAKC,YAC5B,uBAAwBD,KAAKE,aAC7B,wBAAyBF,KAAKG,cAC9B,8BAA+BH,KAAKI,uB"}