{"version":3,"sources":["webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue?d594","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/utilities/confirm.js","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue?eda0","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue?3a4b","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue?1141","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue","webpack:///C:/a/1/s/Cognito.Web.Client/libs/shared-components/src/components/dialogs/Dialog.vue?ccaf","webpack:///../../libs/shared-components/src/components/dialogs/Dialog.vue"],"names":["content","__esModule","default","module","i","locals","exports","add","confirmOptions","_confirmOptions$title","_confirmOptions$showC","_confirmOptions$showC2","_confirmOptions$confi","_confirmOptions$cance","_confirmOptions$cance2","_confirmOptions$confi2","_confirmOptions$custo","_messageBox","title","showClose","message","showConfirmButton","showCancelButton","confirmButtonText","cancelButtonText","cancelButtonClass","isLegacy","confirmButtonClass","customClass","obj","require","___CSS_LOADER_API_IMPORT___","push","render","_vm","this","_c","_self","staticClass","class","internalVisible","attrs","_g","ref","confirmVisible","isLoading","headerIsSticky","maxWidth","customWrapperClass","style","width","destroyOnClose","handleClose","closeOnClickModal","on","handleOpened","scopedSlots","_u","key","fn","$event","_e","_v","$slots","_t","hideTitleFromPrint","_s","proxy","$listeners","directives","name","rawName","value","expression","staticRenderFns","component","_vue","_interopRequireDefault","_trapFocus","_confirm","_dialogUtil","_clickOutside","Vue","directive","clickOutside","use","_dialog","mixins","trapFocus","props","type","String","visible","Boolean","showConfirm","Object","closeOnRouteChange","handleCloseExternally","emits","data","lastFocusedEl","watch","val","immediate","handler","handleDialogVisibility","$emit","mounted","_this","window","addEventListener","$refs","dialog","$el","handleKeydown","setupChromeOverlayClickHandler","$nextTick","beforeDestroy","removeEventListener","methods","event","_event$target","className","target","includes","e","document","activeElement","contains","closeButton","focus","_this2","confirm","then","catch"],"mappings":"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","file":"15.6d56c2768306e14103ac.js","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=style&index=1&id=45b639b2&prod&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"3034c6ea\", content, true, {});","import '@cognitoforms/styles/global/notifications.scss';\r\nimport { MessageBox } from '@cognitoforms/element-ui';\r\n\r\nexport default function(confirmOptions) {\r\n\treturn MessageBox({\r\n\t\ttitle: confirmOptions.title ?? null,\r\n\t\tshowClose: confirmOptions.showClose ?? false,\r\n\t\tmessage: confirmOptions.message,\r\n\t\tshowConfirmButton: confirmOptions.showConfirmButton ?? true,\r\n\t\tshowCancelButton: true,\r\n\t\tconfirmButtonText: confirmOptions.confirmButtonText ?? 'Yes',\r\n\t\tcancelButtonText: confirmOptions.cancelButtonText ?? 'No',\r\n\t\tcancelButtonClass: confirmOptions.cancelButtonClass ?? (confirmOptions.isLegacy ? 'c-modal-button c-modal-button-cancel' : 'button button--secondary sz-2'),\r\n\t\tconfirmButtonClass: confirmOptions.confirmButtonClass ?? (confirmOptions.isLegacy ? 'c-modal-button' : 'button button--no-style bg-deep white sz-2 px-2 py-1'),\r\n\t\tcustomClass: confirmOptions.customClass ?? 'notification notification--message'\r\n\t});\r\n}","export * from \"-!../../../../../node_modules/.pnpm/vue-style-loader@4.1.3/node_modules/vue-style-loader/index.js!../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-1!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.4.31_webpack@4.46.0/node_modules/postcss-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--7-4!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=style&index=1&id=45b639b2&prod&lang=scss\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".dialog--wide,.dialog--12{max-width:1200px}.dialog--medium,.dialog--8{max-width:800px}.dialog--6{max-width:650px}.dialog--narrow,.dialog--5{max-width:500px}.dialog--tiny,.dialog--4{max-width:450px}.dialog--custom-width .el-dialog{max-width:var(--max-width)}.dialog__header-image{flex-shrink:0}.dialog__header-image .icon,.dialog__header-image img{width:27px;height:27px}.dialog__header-image .i-simple{color:#234652}.dialog--confirm .el-dialog__body{pointer-events:none}.dialog--confirm .el-dialog__body::before{position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;background-color:rgba(35,70,82,.5);content:\\\"\\\"}html:not(.website) .dialog__title{margin-right:0 !important;font-size:22.525px}.dialog__loading-indicator{opacity:0;animation:fade-in 1s 200ms forwards}:root .dialog__loading-indicator .i-loading{width:40px;height:auto}.dialog__buttons-left{display:flex;position:absolute;flex-wrap:wrap;margin-top:10px;margin-right:55px}.dialog__footer{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;width:calc(100% + 32px);margin-top:2rem;margin-left:-32px;padding-left:2rem;gap:16px;page-break-inside:avoid}.dialog__footer .button{font-size:15.825px}.el-dialog__wrapper{display:flex;position:fixed;bottom:0;left:0;right:0;top:0;z-index:1040 !important;background-color:rgba(35,70,82,.9);margin:0;overflow:auto;padding-top:16px;padding-bottom:16px;animation:fade-in .5s}html:not(.is-android) .el-dialog__wrapper::-webkit-scrollbar-track{background:#edf4f4}html:not(.is-android) .el-dialog__wrapper::-webkit-scrollbar{width:12px;height:12px}html:not(.is-android) .el-dialog__wrapper::-webkit-scrollbar-thumb{background-color:#dfeaea;border:1px solid #fff}html:not(.is-android) .el-dialog__wrapper:hover::-webkit-scrollbar-thumb{background-color:#bdcccc}.el-dialog__wrapper:not(.is-loading,.dialog-fade-leave-active) .el-dialog{animation:dialog-fade .3s 1ms forwards}.el-dialog__wrapper:not(.is-loading) .el-dialog{background:#fff}@media not print{.el-dialog__wrapper:not(.is-loading) .el-dialog{box-shadow:0 0 6px #172d35}}.el-dialog__wrapper.is-loading .el-dialog{box-shadow:unset;pointer-events:none;opacity:1}.el-dialog__wrapper.is-loading .el-dialog__header{display:none}.el-dialog__wrapper.is-loading .el-dialog__body{background-color:transparent}.el-dialog__wrapper:not(.dialog--sticky-header) .el-dialog{width:calc(100% - 16px) !important}.el-dialog__wrapper.dialog--sticky-header{padding-top:0}.el-dialog__wrapper.dialog--sticky-header .el-dialog{width:calc(100% - 16px) !important}.el-dialog__wrapper.dialog--sticky-header .el-dialog__header{position:sticky;top:0;background-color:#fff;padding-bottom:16px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.el-dialog__wrapper{display:block}}.el-dialog{position:relative;box-sizing:border-box;margin:auto !important;opacity:0}.el-dialog .i-ex{color:#798f8f;transition:color .3s}@media print{.el-dialog .i-ex{display:none}}.website .el-dialog h1{font-size:modular-scale(5)}.website .el-dialog h2{color:#55727b;font-size:modular-scale(4)}.website .el-dialog h3,.website .el-dialog h4,.website .el-dialog h5,.website .el-dialog h6{font-size:modular-scale(3)}.el-dialog__header{display:flex;z-index:10;align-items:flex-start;padding:32px;padding-bottom:16px;gap:8px}.el-dialog__body{padding:32px;padding-top:0}.dialog__close-button{position:absolute;right:16px;top:16px;background:transparent;border:0;padding:0;cursor:pointer}html:not(.website) .dialog__close-button{right:8px;top:8px}html:not(.website) .dialog__close-button:hover .i-ex{color:#234652}:root:root [data-el-popup-parent--hidden]{overflow:hidden}.dialog-fade-leave-active{opacity:0;transition:opacity .5s}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dialog\",class:{ 'is-active' : _vm.internalVisible },attrs:{\"tabindex\":_vm.internalVisible ? '0' : '-1'}},[_c('el-dialog',_vm._g({ref:\"dialog\",class:[\n\t\t\t{\n\t\t\t\t'dialog--confirm' : _vm.confirmVisible,\n\t\t\t\t'is-loading' : _vm.isLoading,\n\t\t\t\t'dialog--sticky-header' : _vm.headerIsSticky,\n\t\t\t\t'dialog--custom-width' : _vm.maxWidth\n\t\t\t},\n\t\t\t_vm.customWrapperClass\n\t\t],style:({ '--max-width': _vm.maxWidth }),attrs:{\"visible\":_vm.internalVisible,\"width\":_vm.width,\"custom-class\":_vm.customClass,\"destroy-on-close\":_vm.destroyOnClose,\"before-close\":_vm.handleClose,\"close-on-click-modal\":_vm.closeOnClickModal,\"append-to-body\":true,\"show-close\":false},on:{\"opened\":_vm.handleOpened},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [(_vm.showClose)?_c('button',{ref:\"closeButton\",staticClass:\"dialog__close-button button--no-style\",attrs:{\"aria-label\":\"Close\"},on:{\"click\":function($event){return _vm.handleClose()}}},[_c('inline',{attrs:{\"svg\":\"ex\"}})],1):_vm._e(),_vm._v(\" \"),(_vm.$slots.headerImage)?_c('div',{staticClass:\"dialog__header-image flex flex--align\"},[_vm._t(\"headerImage\")],2):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"flex flex-col\"},[(_vm.title)?_c('h1',{staticClass:\"dialog__title mt-0 mr-2 mb-0\",class:[{'print:hidden': _vm.hideTitleFromPrint}]},[_vm._v(\"\\n\\t\\t\\t\\t\\t\"+_vm._s(_vm.title)+\"\\n\\t\\t\\t\\t\")]):_vm._e(),_vm._v(\" \"),_vm._t(\"title-helptext\")],2)]},proxy:true}],null,true)},_vm.$listeners),[(_vm.isLoading)?_c('div',{staticClass:\"dialog__loading-indicator flex flex--center\"},[_c('inline',{staticClass:\"spin white\",attrs:{\"svg\":\"loading\"}})],1):_vm._e(),_vm._v(\" \"),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoading),expression:\"!isLoading\"}],staticClass:\"dialog__content-container\"},[_vm._t(\"default\")],2),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoading),expression:\"!isLoading\"}],staticClass:\"mt dialog__button-bar\"},[_c('div',{staticClass:\"dialog__buttons-left\"},[_vm._t(\"buttons-left\")],2),_vm._v(\" \"),(_vm.$slots.footer)?_c('div',{staticClass:\"dialog__footer\"},[_vm._t(\"footer\")],2):_vm._e()])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Dialog.vue?vue&type=template&id=45b639b2\"\nimport script from \"./Dialog.vue?vue&type=script&lang=js\"\nexport * from \"./Dialog.vue?vue&type=script&lang=js\"\nimport style0 from \"@cognitoforms/styles/global/_motion.scss?vue&type=style&index=0&prod&lang=scss&external\"\nimport style1 from \"./Dialog.vue?vue&type=style&index=1&id=45b639b2&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--2!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--2!../../../../../node_modules/.pnpm/vue-loader@15.11.1_css-loader@3.6.0_prettier@1.18.2_react-dom@16.14.0_react@16.14.0_vue-templ_dssrug5utsuiubrw6t4rzekrjy/node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"","<template>\r\n\t<div\r\n\t\tclass=\"dialog\"\r\n\t\t:class=\"{ 'is-active' : internalVisible }\"\r\n\t\t:tabindex=\"internalVisible ? '0' : '-1'\"\r\n\t>\r\n\t\t<el-dialog\r\n\t\t\tref=\"dialog\"\r\n\t\t\t:class=\"[\r\n\t\t\t\t{\r\n\t\t\t\t\t'dialog--confirm' : confirmVisible,\r\n\t\t\t\t\t'is-loading' : isLoading,\r\n\t\t\t\t\t'dialog--sticky-header' : headerIsSticky,\r\n\t\t\t\t\t'dialog--custom-width' : maxWidth\r\n\t\t\t\t},\r\n\t\t\t\tcustomWrapperClass\r\n\t\t\t]\"\r\n\t\t\t:visible=\"internalVisible\"\r\n\t\t\t:width=\"width\"\r\n\t\t\t:custom-class=\"customClass\"\r\n\t\t\t:destroy-on-close=\"destroyOnClose\"\r\n\t\t\t:before-close=\"handleClose\"\r\n\t\t\t:close-on-click-modal=\"closeOnClickModal\"\r\n\t\t\t:append-to-body=\"true\"\r\n\t\t\t:show-close=\"false\"\r\n\t\t\t:style=\"{ '--max-width': maxWidth }\"\r\n\t\t\tv-on=\"$listeners\"\r\n\t\t\t@opened=\"handleOpened\"\r\n\t\t>\r\n\t\t\t<div v-if=\"isLoading\" class=\"dialog__loading-indicator flex flex--center\">\r\n\t\t\t\t<inline svg=\"loading\" class=\"spin white\" />\r\n\t\t\t</div>\r\n\t\t\t<template #title>\r\n\t\t\t\t<button\r\n\t\t\t\t\tv-if=\"showClose\"\r\n\t\t\t\t\tref=\"closeButton\"\r\n\t\t\t\t\taria-label=\"Close\"\r\n\t\t\t\t\tclass=\"dialog__close-button button--no-style\"\r\n\t\t\t\t\t@click=\"handleClose()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<inline svg=\"ex\" />\r\n\t\t\t\t</button>\r\n\t\t\t\t<div v-if=\"$slots.headerImage\" class=\"dialog__header-image flex flex--align\">\r\n\t\t\t\t\t<slot name=\"headerImage\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"flex flex-col\">\r\n\t\t\t\t\t<h1\r\n\t\t\t\t\t\tv-if=\"title\"\r\n\t\t\t\t\t\tclass=\"dialog__title mt-0 mr-2 mb-0\"\r\n\t\t\t\t\t\t:class=\"[{'print:hidden': hideTitleFromPrint}]\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{{ title }}\r\n\t\t\t\t\t</h1>\r\n\t\t\t\t\t<slot name=\"title-helptext\" />\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t\t<div v-show=\"!isLoading\" class=\"dialog__content-container\">\r\n\t\t\t\t<slot />\r\n\t\t\t</div>\r\n\t\t\t<div v-show=\"!isLoading\" class=\"mt dialog__button-bar\">\r\n\t\t\t\t<div class=\"dialog__buttons-left\">\r\n\t\t\t\t\t<slot name=\"buttons-left\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"$slots.footer\" class=\"dialog__footer\">\r\n\t\t\t\t\t<slot name=\"footer\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</el-dialog>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport Vue from 'vue';\r\n\timport { Dialog } from '@cognitoforms/element-ui';\r\n\timport trapFocus from '../../../src/mixins/trap-focus';\r\n\timport confirm from '../../utilities/confirm';\r\n\timport { handleDialogVisibility, setupChromeOverlayClickHandler } from './dialog-util';\r\n\timport clickOutside from '../../utilities/clickOutside';\r\n\r\n\tVue.directive('click-outside', clickOutside);\r\n\tVue.use(Dialog);\r\n\r\n\texport default {\r\n\t\tname: 'CDialog',\r\n\t\tmixins: [trapFocus],\r\n\t\tprops: {\r\n\t\t\ttitle: { type: String, default: '' },\r\n\t\t\tvisible: Boolean,\r\n\t\t\tshowClose: { type: Boolean, default: true }, // Show X at the top of the dialog\r\n\t\t\tisLoading: { type: Boolean, default: false }, // Show loading indicator instead of Modal\r\n\t\t\twidth: { type: String, default: '96%' },\r\n\t\t\tmaxWidth: { type: String, default: null },\r\n\t\t\tcustomClass: { type: String, default: '' },\r\n\t\t\tcustomWrapperClass: { type: String, default: '' },\r\n\t\t\tdestroyOnClose: Boolean,\r\n\t\t\tshowConfirm: { type: Boolean, default: false },\r\n\t\t\tconfirmOptions: { type: Object, default: null },\r\n\t\t\tcloseOnClickModal: { type: Boolean, default: true }, // Close when clicking on the blurred area\r\n\t\t\theaderIsSticky: { type: Boolean, default: false },\r\n\t\t\tcloseOnRouteChange: { type: Boolean, default: true },\r\n\t\t\thandleCloseExternally: { type: Boolean, default: false },\r\n\t\t\thideTitleFromPrint: { type: Boolean, default: false }\r\n\t\t},\r\n\t\temits: ['done', 'closed', 'close', 'handle-close'],\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tlastFocusedEl: null,\r\n\t\t\t\tinternalVisible: this.visible,\r\n\t\t\t\tconfirmVisible: false\r\n\t\t\t};\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tvisible(val) {\r\n\t\t\t\tthis.internalVisible = val;\r\n\t\t\t},\r\n\t\t\tinternalVisible: {\r\n\t\t\t\timmediate: true,\r\n\t\t\t\thandler: function(value) {\r\n\t\t\t\t\thandleDialogVisibility(value);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t'$route'() {\r\n\t\t\t\tif (this.visible && this.closeOnRouteChange) {\r\n\t\t\t\t\tthis.$emit('closed');\r\n\t\t\t\t\tthis.$emit('close');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\twindow.addEventListener('blur', this.clickOutside);\r\n\r\n\t\t\tif (this.$refs.dialog)\r\n\t\t\t\tthis.$refs.dialog.$el.addEventListener('keydown', this.handleKeydown);\r\n\t\t\tsetupChromeOverlayClickHandler(() => this.handleClose());\r\n\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tif (this.visible)\r\n\t\t\t\t\tthis.handleOpened();\r\n\t\t\t});\r\n\t\t},\r\n\t\tbeforeDestroy() {\r\n\t\t\t// If the dialog is conditionally mounted, we must make sure\r\n\t\t\t// the overlay is removed when destroying\r\n\t\t\thandleDialogVisibility(false);\r\n\t\t\twindow.removeEventListener('blur', this.clickOutside);\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tclickOutside(event) {\r\n\t\t\t\tconst className = event?.target?.className;\r\n\t\t\t\tif (this.internalVisible && typeof className === 'string' && className.includes('el-dialog__wrapper') && this.closeOnClickModal) {\r\n\t\t\t\t\tthis.handleClose();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\thandleKeydown(e) {\r\n\t\t\t\tif (this.$refs.dialog)\r\n\t\t\t\t\tthis.trapFocus(e, this.$refs.dialog.$el);\r\n\t\t\t},\r\n\t\t\thandleOpened() {\r\n\t\t\t\t// Record what element had focus in order to return to that on close.\r\n\t\t\t\tthis.lastFocusedEl = document.activeElement;\r\n\r\n\t\t\t\t// Put focus on the close button of the modal if no other element is currently active within the modal\r\n\t\t\t\t// so you can't tab backwards outside of the modal.\r\n\t\t\t\tif (!this.$refs.dialog.$el.contains(document.activeElement))\r\n\t\t\t\t\tthis.$refs.closeButton.focus();\r\n\t\t\t},\r\n\t\t\thandleClose() {\r\n\t\t\t\tif (this.handleCloseExternally) {\r\n\t\t\t\t\tthis.$emit('handle-close');\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tif (this.showConfirm) {\r\n\t\t\t\t\t\tif (!this.confirmVisible) {\r\n\t\t\t\t\t\t\t// close dialog if user confirms\r\n\t\t\t\t\t\t\tthis.confirmVisible = true;\r\n\t\t\t\t\t\t\tconfirm(this.confirmOptions).then(() => {\r\n\t\t\t\t\t\t\t\tthis.internalVisible = false;\r\n\t\t\t\t\t\t\t\tthis.confirmVisible = false;\r\n\t\t\t\t\t\t\t\tthis.$emit('done');\r\n\t\t\t\t\t\t\t}).catch(() => {\r\n\t\t\t\t\t\t\t\tthis.confirmVisible = false;\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse {\r\n\t\t\t\t\t\tthis.internalVisible = false;\r\n\r\n\t\t\t\t\t\tthis.$emit('done');\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" src=\"@cognitoforms/styles/global/_motion.scss\"></style>\r\n\r\n<style lang=\"scss\">\r\n.dialog {\r\n\r\n\t&--wide,\r\n\t&--12 {\r\n\t\tmax-width: 1200px;\r\n\t}\r\n\r\n\t&--medium,\r\n\t&--8 {\r\n\t\tmax-width: 800px;\r\n\t}\r\n\r\n\t&--6 {\r\n\t\tmax-width: 650px;\r\n\t}\r\n\r\n\t&--narrow,\r\n\t&--5 {\r\n\t\tmax-width: 500px;\r\n\t}\r\n\r\n\t&--tiny,\r\n\t&--4 {\r\n\t\tmax-width: 450px;\r\n\t}\r\n\r\n\t&--custom-width .el-dialog {\r\n\t\tmax-width: var(--max-width);\r\n\t}\r\n\r\n\t&__header-image {\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t.icon,\r\n\t\timg {\r\n\t\t\twidth: $size__icon--xl;\r\n\t\t\theight: $size__icon--xl;\r\n\t\t}\r\n\r\n\t\t.i-simple {\r\n\t\t\t// Intentionally deviating from standards\r\n\t\t\tcolor: $matins;\r\n\t\t}\r\n\t}\r\n\r\n\t&--confirm .el-dialog__body {\r\n\t\tpointer-events: none;\r\n\r\n\t\t&::before {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\t/* stylelint-disable-next-line scale-unlimited/declaration-strict-value */\r\n\t\t\tz-index: $z20;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tbackground-color: rgba($matins, .5);\r\n\t\t\tcontent: '';\r\n\t\t}\r\n\t}\r\n\r\n\thtml:not(.website) &__title {\r\n\t\tmargin-right: 0 !important;\r\n\t\tfont-size: $size__6;\r\n\t}\r\n\r\n\t&__loading-indicator {\r\n\t\topacity: 0;\r\n\t\tanimation: fade-in 1s 200ms forwards;\r\n\r\n\t\t:root & .i-loading {\r\n\t\t\twidth: 40px;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t&__buttons-left {\r\n\t\tdisplay: flex;\r\n\t\tposition: absolute;\r\n\t\tflex-wrap: wrap;\r\n\t\tmargin-top: 10px;\r\n\t\tmargin-right: 55px;\r\n\t}\r\n\r\n\t&__footer {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: flex-end;\r\n\t\twidth: calc(100% + #{$gutter});\r\n\t\tmargin-top: 2rem;\r\n\t\tmargin-left: $gutter * -1;\r\n\t\tpadding-left: 2rem;\r\n\t\tgap: $space__4;\r\n\t\tpage-break-inside: avoid;\r\n\r\n\t\t.button {\r\n\t\t\tfont-size: $size__3;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Modals are centered with flex. Extra padding on the bottom serves two purposes:\r\n// 1. On mobile, gives extra dismissable space at the bottom (useful when no cancel button is present)\r\n// 2. Bottom weights the modal. https://www.archivalmethods.com/blog/matting-part-4-centered-weighted-mats/\r\n.el-dialog__wrapper {\r\n\tdisplay: flex;\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\ttop: 0;\r\n\tz-index: $z-modal !important;\r\n\tbackground-color: $bg__overlay;\r\n\tmargin: 0;\r\n\toverflow: auto;\r\n\tpadding-top: $space__4;\r\n\tpadding-bottom: $space__4;\r\n\tanimation: fade-in .5s;\r\n\r\n\t@include scrollbar($wide-scrollbar);\r\n\r\n\t&:not(.is-loading, .dialog-fade-leave-active) {\r\n\r\n\t\t.el-dialog {\r\n\t\t\tanimation: dialog-fade .3s 1ms forwards;\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.is-loading) {\r\n\r\n\t\t.el-dialog {\r\n\t\t\tbackground: white;\r\n\r\n\t\t\t@media not print {\r\n\t\t\t\tbox-shadow: 0 0 6px $midnight;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.is-loading {\r\n\r\n\t\t.el-dialog {\r\n\t\t\tbox-shadow: unset;\r\n\t\t\tpointer-events: none;\r\n\t\t\topacity: 1;\r\n\r\n\t\t\t&__header {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&__body {\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:not(.dialog--sticky-header) {\r\n\r\n\t\t.el-dialog {\r\n\t\t\twidth: calc(100% - #{$space__4}) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.dialog--sticky-header {\r\n\t\tpadding-top: 0;\r\n\r\n\t\t.el-dialog {\r\n\t\t\twidth: calc(100% - $space__4) !important;\r\n\r\n\t\t\t&__header {\r\n\t\t\t\tposition: sticky;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbackground-color: white;\r\n\t\t\t\tpadding-bottom: $space__4;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.el-dialog {\r\n\tposition: relative;\r\n\tbox-sizing: border-box;\r\n\tmargin: auto !important;\r\n\topacity: 0;\r\n\r\n\t.i-ex {\r\n\t\tcolor: $stroke__icon--subtle;\r\n\t\ttransition: color $speed__hovered;\r\n\r\n\t\t@media print {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.website & {\r\n\r\n\t\th1 {\r\n\t\t\tfont-size: modular-scale(5);\r\n\t\t}\r\n\r\n\t\th2 {\r\n\t\t\tcolor: $ansel;\r\n\t\t\tfont-size: modular-scale(4);\r\n\t\t}\r\n\r\n\t\th3,\r\n\t\th4,\r\n\t\th5,\r\n\t\th6 {\r\n\t\t\tfont-size: modular-scale(3);\r\n\t\t}\r\n\t}\r\n\r\n\t&__header {\r\n\t\tdisplay: flex;\r\n\t\tz-index: $z10;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: $gutter;\r\n\t\tpadding-bottom: $space__4;\r\n\t\tgap: $space__3;\r\n\t}\r\n\r\n\t&__body {\r\n\t\tpadding: $gutter;\r\n\t\tpadding-top: 0;\r\n\t}\r\n}\r\n\r\n.dialog__close-button {\r\n\tposition: absolute;\r\n\tright: math.div($gutter, 2);\r\n\ttop: math.div($gutter, 2);\r\n\tbackground: transparent;\r\n\tborder: 0;\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n\r\n\thtml:not(.website) & {\r\n\t\tright: $space__3;\r\n\t\ttop: $space__3;\r\n\r\n\t\t&:hover .i-ex {\r\n\t\t\tcolor: $matins;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:root:root [data-el-popup-parent--hidden] {\r\n\toverflow: hidden;\r\n}\r\n\r\n.dialog-fade-leave-active {\r\n\topacity: 0;\r\n\ttransition: opacity .5s;\r\n}\r\n</style>"],"sourceRoot":""}