{"version":3,"names":["gridControlColumnCss","EonUiGridControlColumnStyle0","GridControlColumn","render","h","Host","key"],"sources":["src/components/grid-control/grid-control-column/grid-control-column.scss?tag=eon-ui-grid-control-column","src/components/grid-control/grid-control-column/grid-control-column.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$grid-control-h-gutter-phone: 16px !default;\n$grid-control-h-gutter-tablet: 24px !default;\n$grid-control-h-gutter-desktop: 40px !default;\n$grid-control-h-gutter-desktop-large: 48px !default;\n\n/* END THEME JSON CONFIG CSS VARS ******************************************************* */\n\neon-ui-grid-control-column {\n  display: flex;\n  flex-direction: column;\n\n  > * {\n    margin: 0;\n    padding: 0;\n  }\n\n  *,\n  *::after,\n  *::before {\n    box-sizing: border-box;\n    outline: 0 none;\n    text-rendering: optimizelegibility;\n  }\n\n  > * {\n    margin-bottom: $grid-control-h-gutter-desktop-large;\n\n    @include for-size(desktop) {\n      margin-bottom: $grid-control-h-gutter-desktop;\n    }\n\n    @include for-size(tablet) {\n      margin-bottom: $grid-control-h-gutter-tablet;\n    }\n\n    @include for-size(phone) {\n      margin-bottom: $grid-control-h-gutter-phone;\n    }\n  }\n\n  > *:last-child:not(eon-ui-headline) {\n    margin-bottom: 0;\n  }\n\n  > eon-ui-spacer {\n    margin: 0 !important;\n  }\n\n  > eon-ui-sitelink {\n    @include for-size(tablet) {\n      margin-bottom: calc(-#{$grid-control-h-gutter-tablet} + 8px) !important;\n    }\n\n    @include for-size(phone) {\n      margin-bottom: calc(-#{$grid-control-h-gutter-phone} + 8px) !important;\n    }\n  }\n}\n\neon-ui-grid-control-column[data-remove-horizontal-gutter] {\n  > * {\n    margin-bottom: 0;\n  }\n}\n","import { h, Component, Host, Element } from \"@stencil/core\";\n// import { InitLogging } from \"../../../decorators/init-logging\";\n//import { isSafari } from \"../../../utils/device-helper\";\n@Component({\n  tag: \"eon-ui-grid-control-column\",\n  styleUrl: \"grid-control-column.scss\",\n  shadow: false\n})\nexport class GridControlColumn {\n  // @InitLogging() sentryTransaction;\n\n  @Element() hostElement: HTMLEonUiGridControlColumnElement;\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAuB,wx+CAC7B,MAAAC,EAAeD,E,MCOFE,EAAiB,M,yBAK5B,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C"}