{"file":"ifx-modal.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,ypJAAypJ;;MCkBhqJ,QAAQ;;;;;qBAIwC,EAAE;iCACU,EAAE;;;uBAGpB,IAAI;qBAEtB,KAAK;;EAIxC,YAAY,CAAC,QAAiB,EAAE,QAAiB;IAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE;MACzB,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;OACb;WAAM;QACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;OACvB;KACF;GACF;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,sBAAsB,IAAI,CAAC,SAAS,EAAE,CAAC;IAC/D,MAAM,2BAA2B,GAAG,iBAAiB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAElF,OAAO,EAAC,IAAI,QACV,WAAK,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAC,QAAQ,uBACnC,IAAI,CAAC,WAAW,EACnC,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,YAAY,GAAG,EAAoB,IAGtD,WAAK,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,IACvC,WAAK,KAAK,EAAE,2BAA2B,IACrC,WAAK,KAAK,EAAC,cAAc,IACvB,cAAK,IAAI,CAAC,UAAU,CAAM,EAEzB,IAAI,CAAC,WAAW;MACjB,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,kBAAc,OAAO,gBAAY,OAAO,EAAC,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAC/G,gBAAU,IAAI,EAAC,OAAO,GAAY,CAC3B,CACL,EAEN,WAAK,KAAK,EAAC,OAAO,IAChB,YAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EAEN,WAAK,KAAK,EAAC,YAAY,IACrB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEN,WAAK,KAAK,EAAC,cAAc,IACvB,YAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B,CAEF,CACF,CACF,CACD,CAAA;GACR;EAED,KAAK,CAAC,KAAK;IACT,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;MAAE,OAAO;;IAEjD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;GACxB;EAED,IAAI;;IAEF,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC;IAElC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;GACxE;;;;;;;;;","names":[],"sources":["src/components/ifx-modal/ifx-modal.scss?tag=ifx-modal","src/components/ifx-modal/ifx-modal.tsx"],"sourcesContent":["/* stylelint-disable */ // Used only for files created before adding the linter -> please remove when changing the file!\n@import \"../../global/ifx/variables\";\n@import \"../../global/ifx/mixinsParametric\";\n\nifx-modal {\n  .modal-wrapper {\n    display: none;\n    overflow: auto;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: $zindex-modal-background;\n\n    // When fading in the modal, animate it to slide down\n    &.fade .modal-dialog {\n      @include transition-transform(.3s ease-out);\n      @include translate(0, -25%);\n    }\n    &.fade.in {\n      display: block;\n      .modal-dialog {\n        @include translate(0, 0)\n      }\n    }\n  }\n\n  .modal-dialog {\n    position: relative;\n    width: auto;\n    margin: 10px;\n    z-index: ($zindex-modal-background + 10);\n\n    @media screen and (min-width: $screen-sm-min) {\n      width: 600px;\n      margin: 30px auto;\n    }\n  }\n\n  .modal-content {\n    position: relative;\n    background-color: $modal-content-bg;\n    border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n    border: 1px solid $modal-content-border-color;\n    border-radius: $border-radius-large;\n    background-clip: padding-box;\n    outline: none;\n  }\n\n  .modal-backdrop {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: ($zindex-modal-background - 10);\n    background-color: $modal-backdrop-bg;\n    // Fade for backdrop\n    &.fade {\n      @include opacity(0);\n    }\n\n    &.in {\n      @include opacity(.5);\n    }\n  }\n\n  .modal-header {\n    padding: 20px;\n    border-bottom: 0px solid $modal-header-border-color;\n    min-height: ($modal-title-padding + $modal-title-line-height);\n\n    .close {\n      background: none;\n      border: 0;\n      text-decoration: none;\n      padding: 12px;\n      position: absolute;\n      width: 44px;\n      height: 44px;\n      top: 9px;\n      right: 9px;\n      cursor: pointer;\n\n      ifx-icon {\n        fill: #333333;\n        stroke: white;\n        stroke-width: 2;\n      }\n\n      &:hover {\n        ifx-icon {\n          fill: $ifx_red;\n        }\n      }\n    }\n  }\n\n  .modal-title {\n    margin: 0;\n    line-height: $modal-title-line-height;\n  }\n\n  .modal-body {\n    position: relative;\n    padding: 0 20px;\n  }\n\n  .modal-footer {\n    margin: 0;\n    padding: 0 20px 20px 20px;\n    text-align: right;\n    border-top: 0px solid $modal-footer-border-color;\n\n    ifx-button + ifx-button {\n      margin-left: 5px;\n      margin-bottom: 0;\n    }\n  }\n\n}\n","/* eslint-disable */\n// Used only for files created before adding the linter -> please remove when changing the file!\nimport {\n\tComponent,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\n/**\n * @deprecated See ifx-modal-plain\n */\n@Component({\n  tag: 'ifx-modal',\n  styleUrl: 'ifx-modal.scss',\n  shadow: false,\n})\nexport class IfxModal {\n\n  @Prop({reflect: true, mutable: true}) transparent;\n  @Prop({reflect: true, mutable: true}) modalTitle?: string;\n  @Prop({reflect: true, mutable: true}) classAttr?: string = '';\n  @Prop({reflect: true, mutable: true}) modalContentClassAttr?: string = '';\n  @Prop({reflect: true, mutable: true}) idAttr?: string;\n  @Prop({reflect: true, mutable: true}) overlayName?: string;\n  @Prop({reflect: true, mutable: true}) closeButton? = true;\n\n  @Prop({reflect: true}) showModal = false;\n  modalWrapper: HTMLDivElement;\n\n  @Watch('showModal')\n  watchHandler(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      if (newValue == true) {\n        this.open();\n      } else {\n        this.close.bind(this);\n      }\n    }\n  }\n\n  render() {\n    const classAttributes = `modal-wrapper fade ${this.classAttr}`;\n    const modalContentClassAttributes = `modal-content ${this.modalContentClassAttr}`;\n\n    return <Host>\n      <div id={this.idAttr} class={classAttributes} role=\"dialog\"\n           data-overlay-name={this.overlayName}\n           ref={el => this.modalWrapper = el as HTMLDivElement}\n      >\n\n        <div class=\"modal-dialog\" role=\"document\">\n          <div class={modalContentClassAttributes}>\n            <div class=\"modal-header\">\n              <h3>{this.modalTitle}</h3>\n\n              {this.closeButton &&\n              <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\" onClick={(event) => this.close(event)}>\n                <ifx-icon icon=\"close\"></ifx-icon>\n              </button>}\n            </div>\n\n            <div class=\"intro\">\n              <slot name=\"intro\"></slot>\n            </div>\n\n            <div class=\"modal-body\">\n              <slot name=\"modal-body\"></slot>\n            </div>\n\n            <div class=\"modal-footer\">\n              <slot name=\"modal-footer\"></slot>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </Host>\n  }\n\n  close(event): void {\n    if (event.target !== event.currentTarget) return;\n    // @ts-ignore\n    jQuery(this.modalWrapper).modal('hide');\n    this.showModal = false;\n  }\n\n  open(): void {\n    // @ts-ignore\n    jQuery(this.modalWrapper).modal();\n\n    jQuery(this.modalWrapper).on('hidden.bs.modal', this.close.bind(this));\n  }\n\n}\n"],"version":3}