{"version":3,"names":["wizardCardsCss","WizardCardsStyle0","WizardCards","onCardsChange","this","cards","currentCard","length","renderCards","obj","CardsWithPosUtil","renderCustom","card","pos","h","style","display","html","text","imageUrl","render","renderWizard","chooseCurrentCard","Host","showButtonsAbove","renderButtons","onclick","roundButtons","class","value","title","onClick","enabled","FuzzyBoolean","FALSE","growOnHovering","fontWeight","marginRight","size","buttonColor","disabledButtonColor","buttonsColor","textColor","disabledColor"],"sources":["src/components/carousel/wizard-cards/wizard-cards.css?tag=wizard-cards&encapsulation=shadow","src/components/carousel/wizard-cards/wizard-cards.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nflat-button {\n  padding-top: 2px;\n}\n\nround-button {\n  margin-right: 10px;\n}\n.selectedButton {\n  font-weight: bold;\n}\n","import {Component, h, Host, Prop, State, Watch} from '@stencil/core';\nimport {CardsWithPos, CardsWithPosUtil, CarouselCard, FuzzyBoolean} from \"../../../utils/utils\";\n\n@Component({\n  tag: 'wizard-cards',\n  styleUrl: 'wizard-cards.css',\n  shadow: true,\n})\nexport class WizardCards implements CardsWithPos {\n  @Prop({mutable:true})\n  cards: CarouselCard[] | string\n  @Prop()\n  textColor: string\n  @State()\n  currentCard = -1\n  @Prop()\n  disabledColor: string = \"lightgray\"\n  @Prop()\n  disabledButtonColor: string = null\n  @Prop()\n  size: number = 10  // Size in pixels\n  @Prop()\n  showButtonsAbove: boolean = true\n  @Prop()\n  roundButtons: boolean = true\n  @Prop()\n  buttonsColor: string\n\n  @Watch(\"cards\")\n  onCardsChange(){\n    if (this.cards && this.currentCard >= this.cards.length)\n      this.currentCard = this.cards.length - 1\n  }\n\n  public static renderCards(obj: CardsWithPos) {\n    return CardsWithPosUtil.renderCustom(obj, (card, pos) => <carousel-card\n      style={{display: pos == obj.currentCard ? \"block\" : \"none\"}} html={card.html ? card.html : card.text}\n      image-url={card.imageUrl}/>)\n  }\n\n  render() {\n    return WizardCards.renderWizard(this)\n  }\n\n  public static renderWizard(obj: CardsWithPos) {\n    CardsWithPosUtil.chooseCurrentCard(obj)\n\n    return (\n      <Host>\n        <div style={{display: obj.currentCard >= 0 ? \"block\" : \"none\"}}>\n          <div>{obj.showButtonsAbove ? obj.renderButtons() : WizardCards.renderCards(obj)}</div>\n          <div>{obj.showButtonsAbove ? WizardCards.renderCards(obj) : obj.renderButtons()}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  renderButtons() {\n    return CardsWithPosUtil.renderCustom(this, (card, pos) => {\n      let onclick: () => void = () => {\n        this.currentCard = pos\n      }\n      if (this.roundButtons)\n        return <round-button class={ pos === this.currentCard ? \"selectedButton\" : null}\n                             value={card.title} onClick={card.enabled === FuzzyBoolean.FALSE ? null : onclick} growOnHovering={true}/>\n      return <flat-button style={{fontWeight: pos === this.currentCard ? \"bold\" : \"normal\"}}\n                           marginRight={(this.size/2) + \"px\"} size={this.size} buttonColor={card.enabled === FuzzyBoolean.FALSE && this.disabledButtonColor ? this.disabledButtonColor : this.buttonsColor}\n                           textColor={card.enabled === FuzzyBoolean.FALSE ? this.disabledColor : this.textColor}\n                           text={card.title} onClick={card.enabled === FuzzyBoolean.FALSE ? null : onclick}/>\n    })\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAiB,mHACvB,MAAAC,EAAeD,E,MCOFE,EAAW,M,yFAMP,E,mBAES,Y,yBAEM,K,UAEf,G,sBAEa,K,kBAEJ,K,4BAKxB,aAAAC,GACE,GAAIC,KAAKC,OAASD,KAAKE,aAAeF,KAAKC,MAAME,OAC/CH,KAAKE,YAAcF,KAAKC,MAAME,OAAS,C,CAGpC,kBAAOC,CAAYC,GACxB,OAAOC,EAAiBC,aAAaF,GAAK,CAACG,EAAMC,IAAQC,EAAA,iBACvDC,MAAO,CAACC,QAASH,GAAOJ,EAAIH,YAAc,QAAU,QAASW,KAAML,EAAKK,KAAOL,EAAKK,KAAOL,EAAKM,KAAI,YACzFN,EAAKO,Y,CAGpB,MAAAC,GACE,OAAOlB,EAAYmB,aAAajB,K,CAG3B,mBAAOiB,CAAaZ,GACzBC,EAAiBY,kBAAkBb,GAEnC,OACEK,EAACS,EAAI,KACHT,EAAA,OAAKC,MAAO,CAACC,QAASP,EAAIH,aAAe,EAAI,QAAU,SACrDQ,EAAA,WAAML,EAAIe,iBAAmBf,EAAIgB,gBAAkBvB,EAAYM,YAAYC,IAC3EK,EAAA,WAAML,EAAIe,iBAAmBtB,EAAYM,YAAYC,GAAOA,EAAIgB,kB,CAMxE,aAAAA,GACE,OAAOf,EAAiBC,aAAaP,MAAM,CAACQ,EAAMC,KAChD,IAAIa,EAAsB,KACxBtB,KAAKE,YAAcO,CAAG,EAExB,GAAIT,KAAKuB,aACP,OAAOb,EAAA,gBAAcc,MAAQf,IAAQT,KAAKE,YAAc,iBAAmB,KACtDuB,MAAOjB,EAAKkB,MAAOC,QAASnB,EAAKoB,UAAYC,EAAaC,MAAQ,KAAOR,EAASS,eAAgB,OACzH,OAAOrB,EAAA,eAAaC,MAAO,CAACqB,WAAYvB,IAAQT,KAAKE,YAAc,OAAS,UACvD+B,YAAcjC,KAAKkC,KAAK,EAAK,KAAMA,KAAMlC,KAAKkC,KAAMC,YAAa3B,EAAKoB,UAAYC,EAAaC,OAAS9B,KAAKoC,oBAAsBpC,KAAKoC,oBAAsBpC,KAAKqC,aACnKC,UAAW9B,EAAKoB,UAAYC,EAAaC,MAAQ9B,KAAKuC,cAAgBvC,KAAKsC,UAC3ExB,KAAMN,EAAKkB,MAAOC,QAASnB,EAAKoB,UAAYC,EAAaC,MAAQ,KAAOR,GAAU,G","ignoreList":[]}