yesno-dialog
Version:
Javascript yes no dialog
1 lines • 8.67 kB
JavaScript
module.exports=function(n){var e={};function o(t){if(e[t])return e[t].exports;var r=e[t]={i:t,l:!1,exports:{}};return n[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=n,o.c=e,o.d=function(n,e,t){o.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:t})},o.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.t=function(n,e){if(1&e&&(n=o(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)o.d(t,r,function(e){return n[e]}.bind(null,r));return t},o.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(e,"a",e),e},o.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},o.p="",o(o.s=1)}([function(n,e,o){"use strict";n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var o=function(n,e){var o=n[1]||"",t=n[3];if(!t)return o;if(e&&"function"==typeof btoa){var r=(i=t,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),a=t.sources.map((function(n){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(n," */")}));return[o].concat(a).concat([r]).join("\n")}var i,c,s;return[o].join("\n")}(e,n);return e[2]?"@media ".concat(e[2]," {").concat(o,"}"):o})).join("")},e.i=function(n,o,t){"string"==typeof n&&(n=[[null,n,""]]);var r={};if(t)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(r[i]=!0)}for(var c=0;c<n.length;c++){var s=[].concat(n[c]);t&&r[s[0]]||(o&&(s[2]?s[2]="".concat(o," and ").concat(s[2]):s[2]=o),e.push(s))}},e}},function(n,e,o){"use strict";o.r(e);o(2);var t="jsyesnodialog",r=function(){var n=document.querySelector(".".concat(t));n.classList.add("".concat(t,"--closing")),setTimeout((function(){document.body.removeChild(n)}),100)},a=function(n){return new Promise((function(e){var o;(o=document.querySelector(".".concat(t)))&&o.parentNode.removeChild(o);var a=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=n.bodyText,o=void 0===e?"Are you sure?":e,r=n.labelNo,a=void 0===r?"No":r,i=n.labelYes,c=void 0===i?"Yes":i,s=document.createElement("div");return s.className=t,s.innerHTML='\n <div class="'.concat(t,'__dialog">\n <div class="').concat(t,'__dialog__body">\n ').concat(o,'\n </div>\n <div class="').concat(t,'__dialog__footer">\n <button class="').concat(t,"__dialog__button ").concat(t,'__dialog__no">').concat(a,'</button>\n <button class="').concat(t,"__dialog__button ").concat(t,'__dialog__yes">').concat(c,"</button>\n </div>\n </div>\n "),s}(n);document.body.appendChild(a);var i=document.querySelector(".".concat(t,"__dialog__no")),c=document.querySelector(".".concat(t,"__dialog__yes"));i.addEventListener("click",(function(){r(),e(!1)})),c.addEventListener("click",(function(){r(),e(!0)}))}))};window.yesno=a,e.default=a},function(n,e,o){var t=o(3),r=o(4);"string"==typeof(r=r.__esModule?r.default:r)&&(r=[[n.i,r,""]]);var a={insert:"head",singleton:!1};t(r,a);n.exports=r.locals||{}},function(n,e,o){"use strict";var t,r=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},a=function(){var n={};return function(e){if(void 0===n[e]){var o=document.querySelector(e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(n){o=null}n[e]=o}return n[e]}}(),i=[];function c(n){for(var e=-1,o=0;o<i.length;o++)if(i[o].identifier===n){e=o;break}return e}function s(n,e){for(var o={},t=[],r=0;r<n.length;r++){var a=n[r],s=e.base?a[0]+e.base:a[0],d=o[s]||0,l="".concat(s," ").concat(d);o[s]=d+1;var u=c(l),f={css:a[1],media:a[2],sourceMap:a[3]};-1!==u?(i[u].references++,i[u].updater(f)):i.push({identifier:l,updater:m(f,e),references:1}),t.push(l)}return t}function d(n){var e=document.createElement("style"),t=n.attributes||{};if(void 0===t.nonce){var r=o.nc;r&&(t.nonce=r)}if(Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])})),"function"==typeof n.insert)n.insert(e);else{var i=a(n.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var l,u=(l=[],function(n,e){return l[n]=e,l.filter(Boolean).join("\n")});function f(n,e,o,t){var r=o?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(n.styleSheet)n.styleSheet.cssText=u(e,r);else{var a=document.createTextNode(r),i=n.childNodes;i[e]&&n.removeChild(i[e]),i.length?n.insertBefore(a,i[e]):n.appendChild(a)}}function g(n,e,o){var t=o.css,r=o.media,a=o.sourceMap;if(r?n.setAttribute("media",r):n.removeAttribute("media"),a&&btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}var _=null,p=0;function m(n,e){var o,t,r;if(e.singleton){var a=p++;o=_||(_=d(e)),t=f.bind(null,o,a,!1),r=f.bind(null,o,a,!0)}else o=d(e),t=g.bind(null,o,e),r=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(o)};return t(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;t(n=e)}else r()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=r());var o=s(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var t=0;t<o.length;t++){var r=c(o[t]);i[r].references--}for(var a=s(n,e),d=0;d<o.length;d++){var l=c(o[d]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}o=a}}}},function(n,e,o){"use strict";o.r(e);var t=o(0),r=o.n(t)()(!1);r.push([n.i,".jsyesnodialog {\n --color: #1976d2;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n box-sizing: border-box;\n padding: 0 1.2em;\n font-size: 16px;\n line-height: 1.2;\n z-index: 9999;\n color: #333;\n text-align: left;\n}\n.jsyesnodialog * {\n box-sizing: border-box;\n}\n.jsyesnodialog__dialog {\n background-color: #fff;\n padding: 1.2em;\n border: 1px solid #c3c3c3;\n box-shadow: 0 0.25em 0.625em rgba(0, 0, 0, 0.2);\n border-radius: 0 0 0.25em 0.25em;\n max-width: 100%;\n width: 28em;\n opacity: 0;\n animation: appear 0.15s forwards cubic-bezier(0.39, 0.58, 0.57, 1);\n border-top: none;\n}\n.jsyesnodialog--closing .jsyesnodialog__dialog {\n animation: disappear 0.15s forwards cubic-bezier(0.39, 0.58, 0.57, 1);\n}\n.jsyesnodialog__dialog__body {\n margin-bottom: 1.8em;\n}\n.jsyesnodialog__dialog__body:before {\n content: '';\n display: block;\n width: 2em;\n height: .3em;\n border-radius: .3em;\n margin-bottom: .5em;\n background: var(--color);\n}\n.jsyesnodialog__dialog__footer {\n display: flex;\n justify-content: flex-end;\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__button {\n padding: .69em .625em;\n width: 5.625em;\n border-radius: .375em;\n margin-left: .5em;\n outline: none;\n font-size: .8em;\n box-shadow: none;\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__no {\n background-color: #fff;\n color: var(--color);\n border: 1px solid #ccc;\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__no:hover {\n background-color: #fafafa;\n border-color: #ccc;\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__no:active {\n background-color: #f5f5f5;\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__yes {\n background-color: var(--color);\n color: #fff;\n border: 1px solid var(--color);\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__yes:hover {\n opacity: 0.95;\n background-color: var(--color);\n border-color: var(--color);\n}\n.jsyesnodialog__dialog button.jsyesnodialog__dialog__yes:active {\n opacity: 0.9;\n}\n@keyframes appear {\n from {\n opacity: 0;\n transform: scale(0.9) translateY(-.6em);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n}\n@keyframes disappear {\n from {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n to {\n opacity: 0;\n transform: scale(0.9) translateY(-.6em);\n }\n}\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}",""]),e.default=r}]);