{"version":3,"names":["navigationColumnCss","EonUiNavigationColumnStyle0","NavigationColumn","render","h","Host","class","pfx","this","grow","growMobile","visibleOn","key","contentAlignment","contentAlignmentMobile"],"sources":["src/components/navigation/navigation-components/navigation-column/navigation-column.scss?tag=eon-ui-navigation-column&encapsulation=shadow","src/components/navigation/navigation-components/navigation-column/navigation-column.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:host(.#{$prefix}grow) {\n  @include for-size(desktop-or-larger) {\n    flex-grow: 1;\n  }\n}\n\n:host(.#{$prefix}grow-mobile) {\n  @include for-size(tablet-or-smaller) {\n    flex-grow: 1;\n  }\n}\n\n:host(.#{$prefix}visible-on-mobile) {\n  display: none;\n\n  @include for-size(tablet-or-smaller) {\n    display: block;\n  }\n}\n\n:host(.#{$prefix}visible-on-desktop) {\n  display: none;\n\n  @include for-size(desktop-or-larger) {\n    display: block;\n  }\n}\n\n.#{$prefix}column-wrapper {\n  position: relative;\n  height: 100%;\n  display: flex;\n  justify-content: flex-start;\n  align-items: stretch;\n\n  &.#{$prefix}alignment-left {\n    justify-content: flex-start;\n  }\n\n  &.#{$prefix}alignment-center {\n    justify-content: center;\n  }\n\n  &.#{$prefix}alignment-right {\n    justify-content: flex-end;\n  }\n\n  &.#{$prefix}alignment-mobile-left {\n    @include for-size(tablet-or-smaller) {\n      justify-content: flex-start;\n    }\n  }\n\n  &.#{$prefix}alignment-mobile-center {\n    @include for-size(tablet-or-smaller) {\n      justify-content: center;\n    }\n  }\n\n  &.#{$prefix}alignment-mobile-right {\n    @include for-size(tablet-or-smaller) {\n      justify-content: flex-end;\n    }\n  }\n}\n","import { h, Component, Host, Element, Prop } from \"@stencil/core\";\nimport pfx from \"../../../../utils/style-class-prefix-helper\";\nimport { NavigationColumnAlignment, NavigationColumnVisibleOn } from \"./constants/navigation-column-types\";\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-column\",\n  styleUrl: \"navigation-column.scss\",\n  shadow: true\n})\nexport class NavigationColumn {\n  // @InitLogging() sentryTransaction;\n\n  @Element() hostElement: HTMLEonUiNavigationColumnElement;\n\n  /**\n   * Set to align content in meta navigation to left, center or right.\n   */\n  @Prop() contentAlignment: NavigationColumnAlignment;\n\n  /**\n   * Set to align content in meta navigation to left, center or right (mobile).\n   */\n  @Prop() contentAlignmentMobile: NavigationColumnAlignment;\n\n  /**\n   * Set to make this the dominant column in flex box layout so that it takes most of the space.\n   */\n  @Prop() grow: boolean;\n\n  /**\n   * Set to make this the dominant column in flex box layout so that it takes most of the space (mobile):\n   */\n  @Prop() growMobile: boolean;\n\n  /**\n   * Defines whether column is visible on mobile or tablet. Default is always.\n   */\n  @Prop() visibleOn: NavigationColumnVisibleOn;\n\n  render() {\n    return (\n      <Host\n        //style={{ \"flex-grow\": `${!!this.grow && \"1\"}` }}\n        class={pfx({\n          [\"grow\"]: !!this.grow,\n          [\"grow-mobile\"]: !!this.growMobile,\n          [`visible-on-${this.visibleOn}`]: !!this.visibleOn\n        })}\n      >\n        <div\n          class={pfx({\n            \"column-wrapper\": true,\n            [`alignment-${this.contentAlignment}`]: !!this.contentAlignment,\n            [`alignment-mobile-${this.contentAlignmentMobile}`]: !!this.contentAlignmentMobile\n          })}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAsB,wg/CAC5B,MAAAC,EAAeD,E,MCYFE,EAAgB,M,sKA8B3B,MAAAC,GACE,OACEC,EAACC,E,gDAECC,MAAOC,EAAI,CACT,CAAC,UAAWC,KAAKC,KACjB,CAAC,iBAAkBD,KAAKE,WACxB,CAAC,cAAcF,KAAKG,eAAgBH,KAAKG,aAG3CP,EAAA,OAAAQ,IAAA,2CACEN,MAAOC,EAAI,CACT,iBAAkB,KAClB,CAAC,aAAaC,KAAKK,sBAAuBL,KAAKK,iBAC/C,CAAC,oBAAoBL,KAAKM,4BAA6BN,KAAKM,0BAG9DV,EAAA,QAAAQ,IAAA,8C"}