@usecapsule/core-components 3.2.0 → 3.3.0-dev.1

package/dist/capsule/p-dc4591d5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cpslModalV2Css","CpslModalV2Style0","CpslModalV2","toggleHeight","this","open","cpslModalExiting","emit","setTimeout","el","style","display","cpslModalExited","exitTransitionDuration","cpslModalEntering","cpslModalEntered","enterTransitionDuration","componentDidLoad","render","h","Host","key","class","elevated","noOverlay","zIndexOverride","Boolean","undefined","id","transitionDuration"],"sources":["src/components/cpsl-modal-v2/cpsl-modal-v2.scss?tag=cpsl-modal-v2&encapsulation=shadow","src/components/cpsl-modal-v2/cpsl-modal-v2.tsx"],"sourcesContent":["@use 'sass:map';\n@import '../../themes/capsule.globals';\n\n:host {\n  display: none;\n\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  justify-content: center;\n  align-items: center;\n\n  z-index: map.get($z-indices, 'modal');\n\n  & .card {\n    z-index: map.get($z-indices, 'modal');\n    opacity: 0;\n\n    position: relative;\n\n    transition: all;\n  }\n}\n\n:host(.no-overlay) {\n  position: relative;\n  top: unset;\n  left: unset;\n  width: 100%;\n  height: auto;\n}\n\n:host(.open) {\n  & .card {\n    opacity: 1;\n  }\n}\n\n:host(.elevated) {\n  & .card {\n    --card-border-width: 0px;\n\n    &::part(card-container) {\n      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);\n    }\n  }\n}\n","import { Component, Host, Prop, Watch, Element, Event, h, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cpsl-modal-v2',\n  styleUrl: 'cpsl-modal-v2.scss',\n  shadow: true,\n})\nexport class CpslModalV2 {\n  @Element() el!: HTMLCpslModalV2Element;\n\n  /**\n   * Duration in seconds of the modal entering.\n   * Default is .15.\n   */\n  @Prop() enterTransitionDuration?: number = 0.15;\n\n  /**\n   * Duration in seconds of the modal exiting.\n   * Default is .15.\n   */\n  @Prop() exitTransitionDuration?: number = 0.15;\n\n  /**\n   * Whether or not to show the modal with a box shadow.\n   */\n  @Prop() elevated: boolean;\n\n  /**\n   * Whether or not to show the overlay.\n   */\n  @Prop() noOverlay: boolean;\n\n  /**\n   * Whether or not to show the modal.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * Override z-index.\n   */\n  @Prop() zIndexOverride?: number;\n\n  /**\n   * Emitted when enter animation starts.\n   */\n  @Event() cpslModalEntering!: EventEmitter<null>;\n\n  /**\n   * Emitted when enter animation finishes.\n   */\n  @Event() cpslModalEntered!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation starts.\n   */\n  @Event() cpslModalExiting!: EventEmitter<null>;\n\n  /**\n   * Emitted when exit animation finishes.\n   */\n  @Event() cpslModalExited!: EventEmitter<null>;\n\n  @Watch('open')\n  toggleHeight() {\n    if (!this.open) {\n      this.cpslModalExiting.emit();\n      // Animate out before setting display to none\n      setTimeout(() => {\n        this.el.style.display = 'none';\n        this.cpslModalExited.emit();\n      }, this.exitTransitionDuration * 1000);\n    } else {\n      this.cpslModalEntering.emit();\n      this.el.style.display = 'flex';\n      setTimeout(() => {\n        this.cpslModalEntered.emit();\n      }, this.enterTransitionDuration * 1000);\n    }\n  }\n\n  componentDidLoad() {\n    this.toggleHeight();\n  }\n\n  render() {\n    return (\n      <Host class={{ 'open': this.open, 'elevated': this.elevated, 'no-overlay': this.noOverlay }}>\n        {!this.noOverlay && (\n          <cpsl-overlay\n            zIndexOverride={Boolean(this.zIndexOverride) ? this.zIndexOverride : undefined}\n            id=\"overlay\"\n            open={this.open}\n            enterTransitionDuration={this.enterTransitionDuration}\n            exitTransitionDuration={this.exitTransitionDuration}\n          />\n        )}\n        <cpsl-card\n          class=\"card\"\n          style={{ transitionDuration: this.open ? `${this.exitTransitionDuration}s` : `${this.enterTransitionDuration}s` }}\n        >\n          <slot></slot>\n        </cpsl-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAiB,qcACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,kQAOqB,I,4BAMD,I,mGA2C1C,YAAAC,GACE,IAAKC,KAAKC,KAAM,CACdD,KAAKE,iBAAiBC,OAEtBC,YAAW,KACTJ,KAAKK,GAAGC,MAAMC,QAAU,OACxBP,KAAKQ,gBAAgBL,MAAM,GAC1BH,KAAKS,uBAAyB,I,KAC5B,CACLT,KAAKU,kBAAkBP,OACvBH,KAAKK,GAAGC,MAAMC,QAAU,OACxBH,YAAW,KACTJ,KAAKW,iBAAiBR,MAAM,GAC3BH,KAAKY,wBAA0B,I,EAItC,gBAAAC,GACEb,KAAKD,c,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAEjB,KAAQD,KAAKC,KAAMkB,SAAYnB,KAAKmB,SAAU,aAAcnB,KAAKoB,aAC5EpB,KAAKoB,WACLL,EAAA,gBAAAE,IAAA,2CACEI,eAAgBC,QAAQtB,KAAKqB,gBAAkBrB,KAAKqB,eAAiBE,UACrEC,GAAG,UACHvB,KAAMD,KAAKC,KACXW,wBAAyBZ,KAAKY,wBAC9BH,uBAAwBT,KAAKS,yBAGjCM,EAAA,aAAAE,IAAA,2CACEC,MAAM,OACNZ,MAAO,CAAEmB,mBAAoBzB,KAAKC,KAAO,GAAGD,KAAKS,0BAA4B,GAAGT,KAAKY,6BAErFG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}