{"version":3,"names":["tagCss","LgrTagStyle0","Tag","render","h","Host","key","class","addClass","this","disabled","inverse","isEmpty","tag","variant"],"sources":["src/components/tag/tag.scss?tag=lgr-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import '../../global/styles/markers/marker';\n\n:host {\n  .lgr-marker {\n    min-width: var(--lgr-spacing-xxs);\n  }\n\n  p {\n    margin: var(--lgr-spacing-quarck) var(--lgr-spacing-nano);\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { addClass, isEmpty } from '../../utils/helpers/helpers';\n\n@Component({\n  tag: 'lgr-tag',\n  styleUrl: 'tag.scss',\n  shadow: true,\n})\nexport class Tag {\n  @Element() el!: HTMLLgrTagElement;\n  /**\n   * disabled state\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * inverse or not.\n   */\n  @Prop({ reflect: true }) inverse: boolean = false;\n  /**\n   * the text to be displayed inside the tag.\n   */\n  @Prop({ reflect: true }) tag?: string;\n  /**\n   * variant: default, error, success or primary.\n   */\n  @Prop({ reflect: true }) variant: 'success' | 'error' | 'warning' | 'default' | 'primary' = 'default';\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={addClass(['lgr-marker', this.disabled ? 'disabled' : null, this.inverse ? 'inverse' : null, isEmpty(this.tag) ? 'empty-marker' : 'filled-marker', this.variant])}\n        >\n          {!isEmpty(this.tag) && <p>{this.tag}</p>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAS,shEACf,MAAAC,EAAeD,E,MCOFE,EAAG,M,uCAK+B,M,aAID,M,gCAQgD,S,CAE5F,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAOC,EAAS,CAAC,aAAcC,KAAKC,SAAW,WAAa,KAAMD,KAAKE,QAAU,UAAY,KAAMC,EAAQH,KAAKI,KAAO,eAAiB,gBAAiBJ,KAAKK,YAE5JF,EAAQH,KAAKI,MAAQT,EAAA,SAAIK,KAAKI,M"}