{"version":3,"names":["kdxInputCheckCss","StInputCheck","this","isSelected","guid","componentWillLoad","filterUrl","window","location","href","filterCategory","e","key","preventDefault","target","checked","render","h","class","onClick","onKeyDown","type","value","id","htmlFor","label"],"sources":["src/components/forms/partials/kdx-input-check/kdx-input-check.scss?tag=kdx-input-check","src/components/forms/partials/kdx-input-check/kdx-input-check.tsx"],"sourcesContent":[".kdx-checkbox {\r\n    > .form-check-input {\r\n        border-radius: 2px;\r\n        height: 20px;\r\n        width: 20px;\r\n\r\n        &:checked[type=checkbox] {\r\n            background-image: none;\r\n            background-color: $primary;\r\n            border-color: transparent;\r\n            box-shadow: inset 1px 1px 0px 1px #FFF, \r\n                        inset -1px -1px 0px 1px #FFF;\r\n        }\r\n    }\r\n\r\n    > .form-check-label {\r\n        line-height: $gutter-lg;\r\n    }\r\n}","import { Component, h, ComponentInterface, State, Prop, Listen } from '@stencil/core';\r\nimport { guid } from 'utils';\r\n\r\n\r\n@Component({\r\n  tag: 'kdx-input-check',\r\n  styleUrl: 'kdx-input-check.scss',\r\n  shadow: false\r\n})\r\nexport class StInputCheck implements ComponentInterface {\r\n\r\n  @State() guid: string = `kdx-input-check-${guid()}`;\r\n\r\n  @Prop() isInline?: boolean;\r\n\r\n  @Prop() label: string;\r\n  @Prop() isCategory?: boolean;\r\n  @Prop() filterUrl :string;\r\n\r\n  private isSelected:boolean = false;\r\n\r\n  componentWillLoad(){\r\n    if(!this.filterUrl)\r\n      return;\r\n    if(this.filterUrl == window.location.href){\r\n      this.isSelected = true;\r\n    }\r\n  }\r\n\r\n  @Listen('click')\r\n  filterCategory(e:Event)\r\n  {\r\n   if(!(e as KeyboardEvent) || !(e as MouseEvent))\r\n    return;\r\n\r\n    if(e as KeyboardEvent){\r\n      if((e as KeyboardEvent).key == \" \" || (e as KeyboardEvent).key == \"Enter\"){\r\n        e.preventDefault();\r\n        (e.target as HTMLInputElement).checked = true;\r\n      }\r\n    }\r\n\r\n    if(!this.filterUrl)\r\n      return;\r\n\r\n    window.location.href = this.filterUrl;\r\n  }\r\n   \r\n\r\n  render(){\r\n    return (\r\n      <div class={`form-check${(this.isInline) ? ' form-check-inline' : ''}${(this.isCategory)? ' category-item':''}`}\r\n      onClick={this.filterCategory} \r\n      onKeyDown={(e) => this.filterCategory(e)}>\r\n        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id={this.guid} checked={(this.isSelected)?true:false} />\r\n        <label class=\"form-check-label\" htmlFor={this.guid}>{this.label}</label>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"+EAAA,MAAMA,EAAmB,o5B,MCSZC,EAAY,M,yBAUfC,KAAAC,WAAqB,M,UARL,mBAAmBC,M,gGAU3C,iBAAAC,GACE,IAAIH,KAAKI,UACP,OACF,GAAGJ,KAAKI,WAAaC,OAAOC,SAASC,KAAK,CACxCP,KAAKC,WAAa,I,EAKtB,cAAAO,CAAeC,GAEd,IAAKA,IAAyBA,EAC7B,OAEA,GAAGA,EAAmB,CACpB,GAAIA,EAAoBC,KAAO,KAAQD,EAAoBC,KAAO,QAAQ,CACxED,EAAEE,iBACDF,EAAEG,OAA4BC,QAAU,I,EAI7C,IAAIb,KAAKI,UACP,OAEFC,OAAOC,SAASC,KAAOP,KAAKI,S,CAI9B,MAAAU,GACE,OACEC,EAAA,OAAKC,MAAO,aAAchB,KAAa,SAAI,qBAAuB,KAAMA,KAAe,WAAG,iBAAiB,KAC3GiB,QAASjB,KAAKQ,eACdU,UAAYT,GAAMT,KAAKQ,eAAeC,IACpCM,EAAA,SAAOC,MAAM,mBAAmBG,KAAK,WAAWC,MAAM,GAAGC,GAAIrB,KAAKE,KAAMW,QAAUb,KAAe,WAAE,KAAK,QACxGe,EAAA,SAAOC,MAAM,mBAAmBM,QAAStB,KAAKE,MAAOF,KAAKuB,O"}