{"version":3,"names":["colorSeparatorCss","EonUiColorSeparatorStyle0","ColorSeparator","render","h","Host","key","class","pfx"],"sources":["src/components/color-separator/color-separator.scss?tag=eon-ui-color-separator&encapsulation=shadow","src/components/color-separator/color-separator.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$color-separator-height: 8px !default;\n$color-separator-first-width: 25% !default;\n$color-separator-first-color: #ea1b0a !default;\n$color-separator-second-width: 12.5% !default;\n$color-separator-second-color: #e3e000 !default;\n$color-separator-third-width: 62.5% !default;\n$color-separator-third-color: #1ea2b1 !default;\n\n/* END THEME JSON CONFIG CSS VARS ******************************************************* */\n\n:host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.#{$prefix}separator {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: $color-separator-height;\n\n  .#{$prefix}first-color {\n    width: #{$color-separator-first-width};\n    height: 100%;\n    background-color: $color-separator-first-color;\n  }\n\n  .#{$prefix}second-color {\n    width: #{$color-separator-second-width};\n    height: 100%;\n    background-color: $color-separator-second-color;\n  }\n\n  .#{$prefix}third-color {\n    width: #{$color-separator-third-width};\n    height: 100%;\n    background-color: $color-separator-third-color;\n  }\n}\n","import { Component, Element, h, Host } 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-color-separator\",\n  styleUrl: \"color-separator.scss\",\n  shadow: true\n})\nexport class ColorSeparator {\n  // @InitLogging() sentryTransaction;\n\n  @Element() hostElement: HTMLEonUiColorSeparatorElement;\n\n  render() {\n    return (\n      <Host>\n        <div class={pfx(\"separator\")}>\n          <span class={pfx(\"first-color\")}></span>\n          <span class={pfx(\"second-color\")}></span>\n          <span class={pfx(\"third-color\")}></span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAoB,sj9CAC1B,MAAAC,EAAeD,E,MCQFE,EAAc,M,yBAKzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOC,EAAI,cACdJ,EAAA,QAAAE,IAAA,2CAAMC,MAAOC,EAAI,iBACjBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAOC,EAAI,kBACjBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAOC,EAAI,kB"}