@pine-ds/core 3.2.0 → 3.3.0

package/dist/pine-core/p-8023086c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsInputTokensCss","labelCss","pdsInputCss","PdsInput","constructor","hostRef","this","inheritedAttributes","isComposing","type","value","hasFocus","onInputEvent","ev","input","target","emitInputChange","onChangeEvent","emitValueChange","onBlurEvent","focusedValue","pdsBlur","emit","onFocusEvent","pdsFocus","onCompositionStart","onCompositionEnd","setFocus","nativeInput","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","toString","event","newValue","pdsChange","componentWillLoad","Object","assign","inheritAriaAttributes","el","componentDidLoad","inputClassNames","classNames","invalid","push","join","render","h","Host","key","disabled","readonly","class","label","htmlFor","componentId","ref","assignDescription","helperMessage","autocomplete","id","name","placeholder","readOnly","required","onInput","onChange","onBlur","onFocus","onCompositionstart","onCompositionend","messageId","errorMessage","icon","danger","size"],"sources":["src/components/pds-input/pds-input.tokens.scss?tag=pds-input&encapsulation=shadow","src/global/styles/utils/label.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.scss?tag=pds-input&encapsulation=shadow","src/components/pds-input/pds-input.tsx"],"sourcesContent":["@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n  input {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-input__label {\n  margin-block-end: var(--pine-dimension-2xs)\n}\n\n.pds-input__field {\n  background: var(--pine-color-background-container);\n  border: 1px solid var(--pine-color-border);\n  border-radius: var(--pine-dimension-125);\n  color: var(--pine-color-text-active);\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n\n    /* stylelint-disable */\n    &::-webkit-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &::-moz-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n\n    &:-ms-input-placeholder {\n      color: var(--pine-color-text-placeholder-disabled);\n    }\n    /* stylelint-enable */\n  }\n\n  &:hover {\n    border-color: var(--pine-color-border-hover);\n  }\n\n  &:focus-visible {\n    border-color: var(--pine-color-border-active);\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  /* stylelint-disable */\n  &::-webkit-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &::-moz-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &:-ms-input-placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n  /* stylelint-enable */\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-input__error-message,\n.pds-input__helper-message {\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-end: 0;\n  margin-block-start: var(--pine-dimension-2xs)\n}\n\n.pds-input__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { debounceEvent } from '@utils/utils';\nimport { inheritAriaAttributes } from '@utils/attributes';\n\nimport type { Attributes } from '@utils/attributes';\nimport type { InputChangeEventDetail, InputInputEventDetail } from './input-interface';\n\n@Component({\n  tag: 'pds-input',\n  styleUrls: ['pds-input.tokens.scss', '../../global/styles/utils/label.scss', 'pds-input.scss'],\n  shadow: true,\n})\nexport class PdsInput {\n  private nativeInput?: HTMLInputElement;\n  private inheritedAttributes: Attributes = {};\n  private isComposing = false;\n  /**\n   * The value of the input when the input is focused.\n   */\n  private focusedValue?: string | number | null;\n\n  private originalPdsInput?: EventEmitter<InputInputEventDetail>;\n\n  @Element() el!: HTMLPdsInputElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   *\n   * Emitted when the value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   */\n  @Event() pdsInput: EventEmitter<InputInputEventDetail>;\n\n  /**\n   * Sets focus on the native `input` in the `pds-input`. Use this method instead of the global\n   * `input.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if ( this.nativeInput ) {\n      this.nativeInput.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets the number of milliseconds to wait before updating the value.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Determines whether or not the input field is disabled.\n   */\n  @Prop() disabled?: boolean;\n\n  /**\n   * Specifies the error message and provides an error-themed treatment to the field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the input field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the input field is invalid or throws an error.\n   */\n  @Prop() invalid?: boolean;\n\n  /**\n   * Text to be displayed as the input label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair.\n   */\n  @Prop() name?: string;\n\n  /**\n   * Specifies a short hint that describes the expected value of the input field.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the input field is readonly.\n   */\n  @Prop() readonly?: boolean;\n\n  /**\n   * Determines whether or not the input field is required.\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Determines the type of control that will be displayed\n   * `'email'`, `'number'`, `'password'`, `'tel'`, `'text'`, `'url'`\n   * @defaultValue \"text\"\n   */\n  @Prop() type = 'text';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({mutable: true}) value?: string | number | null = '';\n\n  /**\n   * Determines if the input has focus.\n   */\n  @State() hasFocus = false;\n\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    /**\n     * If debounce is undefined, we have to manually revert the pdsInput emitter in case\n     * debounce used to be set to a number. Otherwise, the event would stay debounced.\n     */\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n\n    if (nativeInput && nativeInput.value !== value && !this.isComposing) {\n      nativeInput.value = value;\n    }\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  private onInputEvent = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onChangeEvent = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private onBlurEvent = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      /**\n       * Emits the `pdsChange` event when the input value\n       * is different than the value when the input was focused.\n       */\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocusEvent = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onCompositionStart = () => {\n    this.isComposing = true;\n  }\n\n  private onCompositionEnd = () => {\n    this.isComposing = false;\n  }\n\n  /**\n   * Emits a pdsChange event\n   */\n  private emitValueChange(event?: Event) {\n    const { value } = this;\n    const newValue = value == null ? value : value.toString();\n\n    this.focusedValue = newValue;\n    this.pdsChange.emit({ value: newValue, event });\n  }\n\n  /**\n   *\n   * Emits a `pdsInput` event\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n\n    this.pdsInput.emit({ value: newValue, event });\n  }\n\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  componentDidLoad() {\n    this.debounceChanged();\n  }\n\n  private inputClassNames() {\n    const classNames = ['pds-input__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n      >\n        <div class=\"pds-input\">\n          {this.label &&\n            <label class=\"pds-input__label\" htmlFor={this.componentId}>{this.label}</label>\n          }\n          <input\n            class={this.inputClassNames()}\n            ref={(input) => this.nativeInput = input}\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            type={this.type}\n            value={this.value}\n            onInput={this.onInputEvent}\n            onChange={this.onChangeEvent}\n            onBlur={this.onBlurEvent}\n            onFocus={this.onFocusEvent}\n            onCompositionstart={this.onCompositionStart}\n            onCompositionend={this.onCompositionEnd}\n            {...this.inheritedAttributes}\n          />\n          {this.helperMessage &&\n            <p\n              class=\"pds-input__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.errorMessage &&\n            <p\n              class=\"pds-input__error-message\"\n              id={messageId(this.componentId, 'error')}\n              aria-live=\"assertive\"\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uNAAA,MAAMA,EAAoB,wECA1B,MAAMC,EAAW,qTCAjB,MAAMC,EAAc,69E,MCePC,EAAQ,MALrB,WAAAC,CAAAC,G,8IAOUC,KAAmBC,oBAAe,GAClCD,KAAWE,YAAG,MA6GdF,KAAIG,KAAG,OAKQH,KAAKI,MAA4B,GAK/CJ,KAAQK,SAAG,MA4BZL,KAAAM,aAAgBC,IACtB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTR,KAAKI,MAAQI,EAAMJ,OAAS,E,CAE9BJ,KAAKU,gBAAgBH,EAAG,EAGlBP,KAAAW,cAAiBJ,IACvBP,KAAKY,gBAAgBL,EAAG,EAGlBP,KAAAa,YAAeN,IACrBP,KAAKK,SAAW,MAEhB,GAAIL,KAAKc,eAAiBd,KAAKI,MAAO,CAKpCJ,KAAKY,gBAAgBL,E,CAGvBP,KAAKe,QAAQC,KAAKT,EAAG,EAGfP,KAAAiB,aAAgBV,IACtBP,KAAKK,SAAW,KAChBL,KAAKc,aAAed,KAAKI,MAEzBJ,KAAKkB,SAASF,KAAKT,EAAG,EAGhBP,KAAkBmB,mBAAG,KAC3BnB,KAAKE,YAAc,IAAI,EAGjBF,KAAgBoB,iBAAG,KACzBpB,KAAKE,YAAc,KAAK,CAsG3B,CAzPC,cAAMmB,GACJ,GAAKrB,KAAKsB,YAAc,CACtBtB,KAAKsB,YAAYC,O,EAmFX,eAAAC,GACR,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAqB3B,KAMjDA,KAAKyB,SAAWC,IAAaE,UAAYD,IAAA,MAAAA,SAAgB,EAAhBA,EAAoBF,EAAWI,EAAcJ,EAAUC,E,CAIxF,YAAAI,GACR,MAAMR,EAActB,KAAKsB,YACzB,MAAMlB,EAAQJ,KAAK+B,WAEnB,GAAIT,GAAeA,EAAYlB,QAAUA,IAAUJ,KAAKE,YAAa,CACnEoB,EAAYlB,MAAQA,C,EAIhB,QAAA2B,GACN,cAAc/B,KAAKI,QAAU,SAAWJ,KAAKI,MAAM4B,YAAchC,KAAKI,OAAS,IAAI4B,U,CA+C7E,eAAApB,CAAgBqB,GACtB,MAAM7B,MAAEA,GAAUJ,KAClB,MAAMkC,EAAW9B,GAAS,KAAOA,EAAQA,EAAM4B,WAE/ChC,KAAKc,aAAeoB,EACpBlC,KAAKmC,UAAUnB,KAAK,CAAEZ,MAAO8B,EAAUD,S,CAOjC,eAAAvB,CAAgBuB,GACtB,MAAM7B,MAAEA,GAAUJ,KAGlB,MAAMkC,EAAW9B,GAAS,KAAOA,EAAQA,EAAM4B,WAE/ChC,KAAKyB,SAAST,KAAK,CAAEZ,MAAO8B,EAAUD,S,CAIxC,iBAAAG,GACEpC,KAAKC,oBAAmBoC,OAAAC,OAAA,GACnBC,EAAsBvC,KAAKwC,I,CAIlC,gBAAAC,GACEzC,KAAKwB,iB,CAGC,eAAAkB,GACN,MAAMC,EAAa,CAAC,oBAEpB,GAAI3C,KAAK4C,SAAW5C,KAAK4C,UAAY,KAAM,CACzCD,EAAWE,KAAK,a,CAGlB,OAAOF,EAAWG,KAAK,K,CAGzB,MAAAC,GACE,OACEC,EAACC,EACgB,CAAAC,IAAA,2DAAAlD,KAAKmD,SAAW,OAAS,KAAI,gBAC7BnD,KAAKoD,SAAW,OAAS,MAExCJ,EAAK,OAAAE,IAAA,2CAAAG,MAAM,aACRrD,KAAKsD,OACJN,EAAA,SAAAE,IAAA,2CAAOG,MAAM,mBAAmBE,QAASvD,KAAKwD,aAAcxD,KAAKsD,OAEnEN,EAAA,QAAAX,OAAAC,OAAA,CAAAY,IAAA,2CACEG,MAAOrD,KAAK0C,kBACZe,IAAMjD,GAAUR,KAAKsB,YAAcd,EAAK,mBACtBkD,EAAkB1D,KAAKwD,YAAaxD,KAAK4C,QAAS5C,KAAK2D,eAC3D,eAAA3D,KAAK4C,QAAU,OAAShB,UACtCgC,aAAc5D,KAAK4D,aACnBT,SAAUnD,KAAKmD,SACfU,GAAI7D,KAAKwD,YACTM,KAAM9D,KAAK8D,KACXC,YAAa/D,KAAK+D,YAClBC,SAAUhE,KAAKoD,SACfa,SAAUjE,KAAKiE,SACf9D,KAAMH,KAAKG,KACXC,MAAOJ,KAAKI,MACZ8D,QAASlE,KAAKM,aACd6D,SAAUnE,KAAKW,cACfyD,OAAQpE,KAAKa,YACbwD,QAASrE,KAAKiB,aACdqD,mBAAoBtE,KAAKmB,mBACzBoD,iBAAkBvE,KAAKoB,kBACnBpB,KAAKC,sBAEVD,KAAK2D,eACJX,EAAA,KAAAE,IAAA,2CACEG,MAAM,4BACNQ,GAAIW,EAAUxE,KAAKwD,YAAa,WAE/BxD,KAAK2D,eAGT3D,KAAKyE,cACJzB,EAAA,KAAAE,IAAA,2CACEG,MAAM,2BACNQ,GAAIW,EAAUxE,KAAKwD,YAAa,SAAQ,YAC9B,aAEVR,EAAA,YAAAE,IAAA,2CAAUwB,KAAMC,EAAQC,KAAK,UAC5B5E,KAAKyE,e","ignoreList":[]}

package/dist/pine-core/p-929bb7ab.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,a){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function o(t){try{d(a.next(t))}catch(t){n(t)}}function s(t){try{d(a["throw"](t))}catch(t){n(t)}}function d(t){t.done?i(t.value):r(t.value).then(o,s)}d((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(a=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){i.label=s[1];break}if(s[0]===6&&i.label<n[1]){i.label=n[1];n=s;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(s);break}if(n[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{a=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var e,i,a,r;return{setters:[function(t){e=t.r;i=t.c;a=t.h;r=t.g}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:1000}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:1001}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:calc(100vh - (6vh + 96px));width:100%}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}";var o=t("mock_pds_modal",function(){function t(t){e(this,t);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.pdsModalBackdropClick=i(this,"pdsModalBackdropClick");this.size="md";this.backdropDismiss=true;this.open=false}t.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.pdsModalOpen.emit();return[2]}))}))};t.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;this.pdsModalClose.emit();return[2]}))}))};t.prototype.handleBackdropClick=function(t){var e=this.el.querySelector(".pds-modal__backdrop");if(t.target===e&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}};t.prototype.handleKeyDown=function(t){if(t.key==="Escape"&&this.open===true){this.hideModal()}};t.prototype.componentDidLoad=function(){};t.prototype.render=function(){var t;var e=(t={"pds-modal":true},t["pds-modal--".concat(this.size)]=true,t["pds-modal--scrollable"]=true,t);var i={"pds-modal__backdrop":true,open:this.open};return a("div",{key:"fb141b585e21257f4e2b1e189211ffd8fdbf5f21",class:i},a("div",{key:"2431265c962c17042b79e59e8799159c0af79bba",class:e,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?"".concat(this.componentId,"-heading"):null},a("div",{key:"122d233ca19497ccd8541474343442391a9fd60b",class:"pds-modal__header"},a("slot",{key:"abb92bd56f45ac7a1007649952eb6351dbe1193d",name:"header"})),a("div",{key:"fb096821bccb813311f3047bb33a81374808a99d",class:"pds-modal-content"},a("slot",{key:"79400555ec3420db6eda65f12b90060b5507c96e"})),a("div",{key:"60462c314237b4b573c222df26aa41073437f298",class:"pds-modal__footer"},a("slot",{key:"9253219fc90477c4c86df974f4a6a196f693e548",name:"footer"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o.style=n}}}));
-//# sourceMappingURL=p-929bb7ab.system.entry.js.map