c.4d0a19ff.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. import{a as i,h as a,e as t,t as o,i as s,$ as e,D as r,j as n,A as l,r as d,n as c}from"./main-bfa41146.js";import"./c.c9ce972e.js";import"./c.bef52cd4.js";import"./c.8e28b461.js";i([c("dialog-box")],(function(i,a){return{F:class extends a{constructor(...a){super(...a),i(this)}},d:[{kind:"field",decorators:[t({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[o()],key:"_params",value:void 0},{kind:"field",decorators:[s("ha-textfield")],key:"_textField",value:void 0},{kind:"method",key:"showDialog",value:async function(i){this._params=i}},{kind:"method",key:"closeDialog",value:function(){var i,a;return!(null!==(i=this._params)&&void 0!==i&&i.confirmation||null!==(a=this._params)&&void 0!==a&&a.prompt)&&(!this._params||(this._dismiss(),!0))}},{kind:"method",key:"render",value:function(){if(!this._params)return e``;const i=this._params.confirmation||this._params.prompt;return e`
  2. <ha-dialog
  3. open
  4. ?scrimClickAction=${i}
  5. ?escapeKeyAction=${i}
  6. @closed=${this._dialogClosed}
  7. defaultAction="ignore"
  8. .heading=${e`${this._params.warning?e`<ha-svg-icon
  9. .path=${r}
  10. style="color: var(--warning-color)"
  11. ></ha-svg-icon> `:""}${this._params.title?this._params.title:this._params.confirmation&&this.hass.localize("ui.dialogs.generic.default_confirmation_title")}`}
  12. >
  13. <div>
  14. ${this._params.text?e`
  15. <p class=${this._params.prompt?"no-bottom-padding":""}>
  16. ${this._params.text}
  17. </p>
  18. `:""}
  19. ${this._params.prompt?e`
  20. <ha-textfield
  21. dialogInitialFocus
  22. value=${n(this._params.defaultValue)}
  23. .placeholder=${n(this._params.placeholder)}
  24. .label=${this._params.inputLabel?this._params.inputLabel:""}
  25. .type=${this._params.inputType?this._params.inputType:"text"}
  26. ></ha-textfield>
  27. `:""}
  28. </div>
  29. ${i&&e`
  30. <mwc-button @click=${this._dismiss} slot="secondaryAction">
  31. ${this._params.dismissText?this._params.dismissText:this.hass.localize("ui.dialogs.generic.cancel")}
  32. </mwc-button>
  33. `}
  34. <mwc-button
  35. @click=${this._confirm}
  36. ?dialogInitialFocus=${!this._params.prompt}
  37. slot="primaryAction"
  38. >
  39. ${this._params.confirmText?this._params.confirmText:this.hass.localize("ui.dialogs.generic.ok")}
  40. </mwc-button>
  41. </ha-dialog>
  42. `}},{kind:"method",key:"_dismiss",value:function(){var i;null!==(i=this._params)&&void 0!==i&&i.cancel&&this._params.cancel(),this._close()}},{kind:"method",key:"_confirm",value:function(){var i;this._params.confirm&&this._params.confirm(null===(i=this._textField)||void 0===i?void 0:i.value);this._close()}},{kind:"method",key:"_dialogClosed",value:function(i){"ignore"!==i.detail.action&&this._dismiss()}},{kind:"method",key:"_close",value:function(){this._params&&(this._params=void 0,l(this,"dialog-closed",{dialog:this.localName}))}},{kind:"get",static:!0,key:"styles",value:function(){return d`
  43. :host([inert]) {
  44. pointer-events: initial !important;
  45. cursor: initial !important;
  46. }
  47. a {
  48. color: var(--primary-color);
  49. }
  50. p {
  51. margin: 0;
  52. color: var(--primary-text-color);
  53. }
  54. .no-bottom-padding {
  55. padding-bottom: 0;
  56. }
  57. .secondary {
  58. color: var(--secondary-text-color);
  59. }
  60. ha-dialog {
  61. --mdc-dialog-heading-ink-color: var(--primary-text-color);
  62. --mdc-dialog-content-ink-color: var(--primary-text-color);
  63. /* Place above other dialogs */
  64. --dialog-z-index: 104;
  65. }
  66. @media all and (min-width: 600px) {
  67. ha-dialog {
  68. --mdc-dialog-min-width: 400px;
  69. }
  70. }
  71. ha-textfield {
  72. width: 100%;
  73. }
  74. `}}]}}),a);