@vuesimple/vs-modal 1.4.5 → 1.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vs-modal.esm.js +2 -2
- package/dist/vs-modal.min.js +1 -1
- package/dist/vs-modal.umd.js +2 -2
- package/package.json +2 -2
package/dist/vs-modal.esm.js
CHANGED
|
@@ -270,7 +270,7 @@ __vue_render__._withStripped = true;
|
|
|
270
270
|
/* style */
|
|
271
271
|
var __vue_inject_styles__ = function (inject) {
|
|
272
272
|
if (!inject) { return }
|
|
273
|
-
inject("data-v-
|
|
273
|
+
inject("data-v-78065eb4_0", { source: ".vs-focus-container__focus-redirector, .vs-focus-container__last-focusable {\n opacity: 0;\n position: absolute;\n}\n.vs-focus-container__content {\n outline: none;\n}", map: undefined, media: undefined });
|
|
274
274
|
|
|
275
275
|
};
|
|
276
276
|
/* scoped */
|
|
@@ -754,7 +754,7 @@ __vue_render__$1._withStripped = true;
|
|
|
754
754
|
/* style */
|
|
755
755
|
var __vue_inject_styles__$1 = function (inject) {
|
|
756
756
|
if (!inject) { return }
|
|
757
|
-
inject("data-v-
|
|
757
|
+
inject("data-v-c708504a_0", { source: ".vs-modal {\n font-size: 0.875em;\n}\n.vs-modal.is-aligned-top .vs-modal__wrapper {\n vertical-align: initial;\n}\n.vs-modal.is-aligned-top.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal:not(.has-footer) .vs-modal__body {\n padding: 21px 24px;\n}\n.vs-modal--is-open {\n overflow: hidden;\n}\n.vs-modal.is-backdrop-blur {\n backdrop-filter: blur(3px);\n}\n.vs-modal__mask {\n display: table;\n position: fixed;\n z-index: 800;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n transition: opacity 0.3s ease;\n background-color: rgba(51, 51, 51, 0.5);\n}\n.vs-modal__wrapper {\n display: table-cell;\n overflow-x: hidden;\n text-align: center;\n vertical-align: middle;\n}\n.vs-modal__wrapper.has-dummy-scrollbar {\n overflow-y: scroll;\n}\n.vs-modal__container {\n display: inline-block;\n position: relative;\n width: 530px;\n max-width: 100vw;\n max-height: 100vh;\n margin: 0 auto;\n padding: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-radius: 3px;\n outline: none;\n background-color: #ffffff;\n box-shadow: 0 2px 8px rgba(51, 51, 51, 0.33);\n text-align: initial;\n}\n.vs-modal__header {\n display: flex;\n position: relative;\n z-index: 1;\n align-items: center;\n min-height: 55px;\n padding: 0 24px;\n}\n.vs-modal__header-text {\n display: flex;\n flex-grow: 1;\n align-items: center;\n margin: 0;\n font-size: 1.125em;\n font-weight: normal;\n}\n.vs-modal__close-button button {\n position: absolute;\n z-index: 100;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n text-align: right;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n.vs-modal__close-button button img {\n width: 12px;\n height: 12px;\n}\n.vs-modal__body {\n max-height: calc(100vh - 55px);\n padding: 16px 24px;\n overflow-y: auto;\n}\n.vs-modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 70px;\n padding: 0 24px;\n}\n.vs-modal--size-s > .vs-modal__wrapper > .vs-modal__container {\n width: 320px;\n}\n.vs-modal--size-l > .vs-modal__wrapper > .vs-modal__container {\n width: 850px;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container {\n width: 100vw;\n border-radius: 0;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container .vs-modal__body {\n height: 100vh;\n max-height: 100vh;\n}\n.vs-modal--size-auto > .vs-modal__wrapper > .vs-modal__container {\n width: initial;\n}\n.vs-modal--transition-fade-enter, .vs-modal--transition-fade-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter, .vs-modal--transition-slide-up-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter .vs-modal__container, .vs-modal--transition-slide-up-leave-active .vs-modal__container {\n transform: translateY(20px);\n}\n.vs-modal--transition-slide-down-enter, .vs-modal--transition-slide-down-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-down-enter .vs-modal__container, .vs-modal--transition-slide-down-leave-active .vs-modal__container {\n transform: translateY(-20px);\n}", map: undefined, media: undefined });
|
|
758
758
|
|
|
759
759
|
};
|
|
760
760
|
/* scoped */
|
package/dist/vs-modal.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var VsModal=function(e){"use strict";var n={name:"VsFocusContainer",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,default:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(e,n){this.containFocus?(e.stopPropagation(),this.focusRedirector?this.focusRedirector(e,n):n.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus()):this.$emit("focus-overflow",e,n)}}};function t(e,n,t,o,s,i,a,r,d,l){"boolean"!=typeof a&&(d=r,r=a,a=!1);var c,u="function"==typeof t?t.options:t;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,s&&(u.functional=!0)),o&&(u._scopeId=o),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,d(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=c):n&&(c=a?function(e){n.call(this,l(e,this.$root.$options.shadowRoot))}:function(e){n.call(this,r(e))}),c)if(u.functional){var p=u.render;u.render=function(e,n){return c.call(n),p(e,n)}}else{var m=u.beforeCreate;u.beforeCreate=m?[].concat(m,c):[c]}return t}var o,s="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function i(e){return function(e,n){return function(e,n){var t=s?n.media||"default":e,i=a[t]||(a[t]={ids:new Set,styles:[]});if(!i.ids.has(e)){i.ids.add(e);var r=n.source;if(n.map&&(r+="\n/*# sourceURL="+n.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",n.media&&i.element.setAttribute("media",n.media),void 0===o&&(o=document.head||document.getElementsByTagName("head")[0]),o.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(r),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var d=i.ids.size-1,l=document.createTextNode(r),c=i.element.childNodes;c[d]&&i.element.removeChild(c[d]),c.length?i.element.insertBefore(l,c[d]):i.element.appendChild(l)}}}(e,n)}}var a={};var r=n,d=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t(e.tag,{tag:"component",staticClass:"vs-focus-container"},[e.renderRedirector?t("span",{staticClass:"vs-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(n){return e.redirectFocus(n,{isTabbingForward:!1})}}}):e._e(),e._v(" "),t("div",{ref:"content",staticClass:"vs-focus-container__content",attrs:{tabindex:"-1"}},[e._t("default")],2),e._v(" "),!e.disabled&&e.containFocus?t("span",{ref:"lastFocusable",staticClass:"vs-focus-container__last-focusable",attrs:{tabindex:"-1"}}):e._e(),e._v(" "),e.renderRedirector?t("span",{staticClass:"vs-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(n){return e.redirectFocus(n,{isTabbingForward:!0})}}}):e._e()])};d._withStripped=!0;var l=/^\s+|\s+$/g,c=/\s+/g;function u(e){return"object"==typeof HTMLElement?e instanceof HTMLElement:function(e){return e&&"object"==typeof e&&"string"==typeof e.nodeName&&1===e.nodeType}(e)}function p(e){return u(e)?(e.getAttribute("class")||"").replace(l,"").split(c):[]}function m(e){return"string"==typeof e?e.replace(l,"").split(c):e}function f(e,n){u(e)&&e.setAttribute("class",m(n).join(" "))}function v(e,n){var t=p(e);return m(n).forEach((function(e){var n=t.indexOf(e);-1!==n&&t.splice(n,1)})),f(e,t),t}function h(e,n){var t=p(e);return m(n).every((function(e){return-1!==t.indexOf(e)}))}var _={add:function(e,n){var t=v(e,n),o=m(n);return t.push.apply(t,o),f(e,t),t},remove:v,contains:h,has:h,set:f,get:p},g={name:"VsModal",components:{VsFocusContainer:t({render:d,staticRenderFns:[]},(function(e){e&&e("data-v-23d7d588_0",{source:".vs-focus-container__focus-redirector, .vs-focus-container__last-focusable {\n opacity: 0;\n position: absolute;\n}\n.vs-focus-container__content {\n outline: none;\n}",map:void 0,media:void 0})}),r,void 0,!1,void 0,!1,i,void 0,void 0)},props:{title:{type:String,default:"Modal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"m"},role:{type:String,default:"dialog"},transition:{type:String,default:"slide-up"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"},backdropBlur:{type:Boolean,default:!1}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["vs-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop},{"is-backdrop-blur":this.backdropBlur}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"vs-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var e=this;this.$nextTick((function(){e[e.isOpen?"onOpen":"onClose"]()}))}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus()},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),_.add(document.body,"vs-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.$emit("close"),this.returnFocus()},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide"),0===this.decrementOpenModalCount()&&_.remove(document.body,"vs-modal--is-open")},getOpenModalCount:function(){var e=document.body.getAttribute("data-open-modals");return void 0===e?0:Number(e)},setOpenModalCount:function(e){var n=Math.max(0,e);return 0===n?document.body.removeAttribute("data-open-modals"):document.body.setAttribute("data-open-modals",n),n},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}}},A=g,b=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("transition",{attrs:{name:e.toggleTransition},on:{"after-enter":e.onEnter,"after-leave":e.onLeave}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"vs-modal vs-modal__mask",class:e.classes,attrs:{role:e.role},on:{click:function(n){return n.target!==n.currentTarget?null:e.onBackdropClick(n)}}},[t("div",{staticClass:"vs-modal__wrapper",class:{"has-dummy-scrollbar":e.preventShift},style:e.alignTopStyle,on:{click:function(n){return n.target!==n.currentTarget?null:e.onBackdropClick(n)}}},[t("vs-focus-container",{ref:"focusContainer",staticClass:"vs-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"esc",27,n.key,["Esc","Escape"])?null:(n.stopPropagation(),e.onEsc(n))}}},[e.removeHeader?e._e():t("div",{staticClass:"vs-modal__header"},[e._t("header",[t("h2",{staticClass:"vs-modal__header-text"},[e._v(e._s(e.title))])])],2),e._v(" "),t("div",{staticClass:"vs-modal__close-button"},[e._t("close",[e.dismissOnCloseButton&&!e.removeCloseButton&&e.dismissible?t("button",{on:{click:e.close}},[t("img",{attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAAB3RSTlMAJeTmmCIcbPbyAQAAAOtJREFUSMeF1ksKwjAURuE6cF50BY4cC4oLEHQquAVXYIVs3wiFn3C4nA76SG+/PpLc2+l9fk7lsr3dp0c71QH79p2ubZmr85t+sgshCHTh1UIQaJe+DkFgmddNBZyyLYGRIAACAAgA2SeAAwI5OowBu/WaEJ95AI4BQBD4N6xEgFyQFsSTYDgJAmgkkFYCIACAAABiAEgAABGgIAIURICCCFAQAEAQYIDewh9SX9M/lH5q7yztbh8wOuR80Oqw94mjU88nr05/TyCagjyJaRr0RKqp2JO5lgMvKFqStKhpWbTC6qVZi7v+HvwAcK2oz9BduqwAAAAASUVORK5CYII=",alt:"close"}})]):e._e()])],2),e._v(" "),t("div",{staticClass:"vs-modal__body"},[e._t("default")],2),e._v(" "),e.hasFooter?t("div",{staticClass:"vs-modal__footer"},[e._t("footer")],2):e._e()])],1)])])};b._withStripped=!0;var y=t({render:b,staticRenderFns:[]},(function(e){e&&e("data-v-6d706aaf_0",{source:".vs-modal {\n font-size: 0.875em;\n}\n.vs-modal.is-aligned-top .vs-modal__wrapper {\n vertical-align: initial;\n}\n.vs-modal.is-aligned-top.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal:not(.has-footer) .vs-modal__body {\n padding: 21px 24px;\n}\n.vs-modal--is-open {\n overflow: hidden;\n}\n.vs-modal.is-backdrop-blur {\n backdrop-filter: blur(3px);\n}\n.vs-modal__mask {\n display: table;\n position: fixed;\n z-index: 800;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n transition: opacity 0.3s ease;\n background-color: rgba(51, 51, 51, 0.5);\n}\n.vs-modal__wrapper {\n display: table-cell;\n overflow-x: hidden;\n text-align: center;\n vertical-align: middle;\n}\n.vs-modal__wrapper.has-dummy-scrollbar {\n overflow-y: scroll;\n}\n.vs-modal__container {\n display: inline-block;\n position: relative;\n width: 530px;\n max-width: 100vw;\n max-height: 100vh;\n margin: 0 auto;\n padding: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-radius: 3px;\n outline: none;\n background-color: #ffffff;\n box-shadow: 0 2px 8px rgba(51, 51, 51, 0.33);\n text-align: initial;\n}\n.vs-modal__header {\n display: flex;\n position: relative;\n z-index: 1;\n align-items: center;\n min-height: 55px;\n padding: 0 24px;\n}\n.vs-modal__header-text {\n display: flex;\n flex-grow: 1;\n align-items: center;\n margin: 0;\n font-size: 1.125em;\n font-weight: normal;\n}\n.vs-modal__close-button button {\n position: absolute;\n z-index: 100;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n text-align: right;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n.vs-modal__close-button button img {\n width: 12px;\n height: 12px;\n}\n.vs-modal__body {\n max-height: calc(100vh - 55px);\n padding: 16px 24px;\n overflow-y: auto;\n}\n.vs-modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 70px;\n padding: 0 24px;\n}\n.vs-modal--size-s > .vs-modal__wrapper > .vs-modal__container {\n width: 320px;\n}\n.vs-modal--size-l > .vs-modal__wrapper > .vs-modal__container {\n width: 850px;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container {\n width: 100vw;\n border-radius: 0;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container .vs-modal__body {\n height: 100vh;\n max-height: 100vh;\n}\n.vs-modal--size-auto > .vs-modal__wrapper > .vs-modal__container {\n width: initial;\n}\n.vs-modal--transition-fade-enter, .vs-modal--transition-fade-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter, .vs-modal--transition-slide-up-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter .vs-modal__container, .vs-modal--transition-slide-up-leave-active .vs-modal__container {\n transform: translateY(20px);\n}\n.vs-modal--transition-slide-down-enter, .vs-modal--transition-slide-down-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-down-enter .vs-modal__container, .vs-modal--transition-slide-down-leave-active .vs-modal__container {\n transform: translateY(-20px);\n}",map:void 0,media:void 0})}),A,void 0,!1,void 0,!1,i,void 0,void 0);function x(e){x.installed||(x.installed=!0,e.component("VsModal",y))}var C={install:x},w=null;return"undefined"!=typeof window?w=window.Vue:"undefined"!=typeof global&&(w=global.Vue),w&&w.use(C),e.default=y,e.install=x,e}({});
|
|
1
|
+
var VsModal=function(e){"use strict";var n={name:"VsFocusContainer",props:{containFocus:{type:Boolean,default:!0},focusRedirector:Function,disabled:{type:Boolean,default:!1},tag:{type:String,default:"div"},lazy:{type:Boolean,default:!1}},computed:{renderRedirector:function(){return!this.disabled&&(!this.lazy||this.containFocus)}},methods:{focus:function(){this.$refs.content.focus()},redirectFocus:function(e,n){this.containFocus?(e.stopPropagation(),this.focusRedirector?this.focusRedirector(e,n):n.isTabbingForward?this.$refs.content.focus():this.$refs.lastFocusable.focus()):this.$emit("focus-overflow",e,n)}}};function t(e,n,t,o,s,i,a,r,d,l){"boolean"!=typeof a&&(d=r,r=a,a=!1);var c,u="function"==typeof t?t.options:t;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,s&&(u.functional=!0)),o&&(u._scopeId=o),i?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,d(e)),e&&e._registeredComponents&&e._registeredComponents.add(i)},u._ssrRegister=c):n&&(c=a?function(e){n.call(this,l(e,this.$root.$options.shadowRoot))}:function(e){n.call(this,r(e))}),c)if(u.functional){var p=u.render;u.render=function(e,n){return c.call(n),p(e,n)}}else{var m=u.beforeCreate;u.beforeCreate=m?[].concat(m,c):[c]}return t}var o,s="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function i(e){return function(e,n){return function(e,n){var t=s?n.media||"default":e,i=a[t]||(a[t]={ids:new Set,styles:[]});if(!i.ids.has(e)){i.ids.add(e);var r=n.source;if(n.map&&(r+="\n/*# sourceURL="+n.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",n.media&&i.element.setAttribute("media",n.media),void 0===o&&(o=document.head||document.getElementsByTagName("head")[0]),o.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(r),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var d=i.ids.size-1,l=document.createTextNode(r),c=i.element.childNodes;c[d]&&i.element.removeChild(c[d]),c.length?i.element.insertBefore(l,c[d]):i.element.appendChild(l)}}}(e,n)}}var a={};var r=n,d=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t(e.tag,{tag:"component",staticClass:"vs-focus-container"},[e.renderRedirector?t("span",{staticClass:"vs-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(n){return e.redirectFocus(n,{isTabbingForward:!1})}}}):e._e(),e._v(" "),t("div",{ref:"content",staticClass:"vs-focus-container__content",attrs:{tabindex:"-1"}},[e._t("default")],2),e._v(" "),!e.disabled&&e.containFocus?t("span",{ref:"lastFocusable",staticClass:"vs-focus-container__last-focusable",attrs:{tabindex:"-1"}}):e._e(),e._v(" "),e.renderRedirector?t("span",{staticClass:"vs-focus-container__focus-redirector",attrs:{tabindex:"0"},on:{focus:function(n){return e.redirectFocus(n,{isTabbingForward:!0})}}}):e._e()])};d._withStripped=!0;var l=/^\s+|\s+$/g,c=/\s+/g;function u(e){return"object"==typeof HTMLElement?e instanceof HTMLElement:function(e){return e&&"object"==typeof e&&"string"==typeof e.nodeName&&1===e.nodeType}(e)}function p(e){return u(e)?(e.getAttribute("class")||"").replace(l,"").split(c):[]}function m(e){return"string"==typeof e?e.replace(l,"").split(c):e}function f(e,n){u(e)&&e.setAttribute("class",m(n).join(" "))}function v(e,n){var t=p(e);return m(n).forEach((function(e){var n=t.indexOf(e);-1!==n&&t.splice(n,1)})),f(e,t),t}function h(e,n){var t=p(e);return m(n).every((function(e){return-1!==t.indexOf(e)}))}var _={add:function(e,n){var t=v(e,n),o=m(n);return t.push.apply(t,o),f(e,t),t},remove:v,contains:h,has:h,set:f,get:p},g={name:"VsModal",components:{VsFocusContainer:t({render:d,staticRenderFns:[]},(function(e){e&&e("data-v-78065eb4_0",{source:".vs-focus-container__focus-redirector, .vs-focus-container__last-focusable {\n opacity: 0;\n position: absolute;\n}\n.vs-focus-container__content {\n outline: none;\n}",map:void 0,media:void 0})}),r,void 0,!1,void 0,!1,i,void 0,void 0)},props:{title:{type:String,default:"Modal title"},alignTop:{type:Boolean,default:!1},alignTopMargin:{type:Number,default:60},size:{type:String,default:"m"},role:{type:String,default:"dialog"},transition:{type:String,default:"slide-up"},removeHeader:{type:Boolean,default:!1},removeCloseButton:{type:Boolean,default:!1},preventShift:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},dismissOn:{type:String,default:"backdrop esc close-button"},backdropBlur:{type:Boolean,default:!1}},data:function(){return{isOpen:!1,lastFocusedElement:null}},computed:{classes:function(){return["vs-modal--size-"+this.size,{"has-footer":this.hasFooter},{"is-open":this.isOpen},{"is-aligned-top":this.alignTop},{"is-backdrop-blur":this.backdropBlur}]},alignTopStyle:function(){return this.alignTop?{"padding-top":this.alignTopMargin+"px"}:null},toggleTransition:function(){return"vs-modal--transition-"+this.transition},hasFooter:function(){return Boolean(this.$slots.footer)},dismissOnBackdrop:function(){return this.dismissOn.indexOf("backdrop")>-1},dismissOnCloseButton:function(){return this.dismissOn.indexOf("close-button")>-1},dismissOnEsc:function(){return this.dismissOn.indexOf("esc")>-1}},watch:{isOpen:function(){var e=this;this.$nextTick((function(){e[e.isOpen?"onOpen":"onClose"]()}))}},beforeDestroy:function(){this.isOpen&&this.returnFocus()},methods:{open:function(){this.isOpen=!0},close:function(){this.dismissible&&(this.isOpen=!1)},redirectFocus:function(){this.$refs.focusContainer.focus()},returnFocus:function(){this.lastFocusedElement&&this.lastFocusedElement.focus()},onBackdropClick:function(){this.dismissOnBackdrop?this.close():this.redirectFocus()},onEsc:function(){this.dismissOnEsc&&this.close()},onOpen:function(){this.lastFocusedElement=document.activeElement,this.$refs.focusContainer.focus(),_.add(document.body,"vs-modal--is-open"),this.incrementOpenModalCount(),this.$emit("open")},onClose:function(){this.$emit("close"),this.returnFocus()},onEnter:function(){this.$emit("reveal")},onLeave:function(){this.$emit("hide"),0===this.decrementOpenModalCount()&&_.remove(document.body,"vs-modal--is-open")},getOpenModalCount:function(){var e=document.body.getAttribute("data-open-modals");return void 0===e?0:Number(e)},setOpenModalCount:function(e){var n=Math.max(0,e);return 0===n?document.body.removeAttribute("data-open-modals"):document.body.setAttribute("data-open-modals",n),n},incrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()+1)},decrementOpenModalCount:function(){return this.setOpenModalCount(this.getOpenModalCount()-1)}}},A=g,b=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("transition",{attrs:{name:e.toggleTransition},on:{"after-enter":e.onEnter,"after-leave":e.onLeave}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"vs-modal vs-modal__mask",class:e.classes,attrs:{role:e.role},on:{click:function(n){return n.target!==n.currentTarget?null:e.onBackdropClick(n)}}},[t("div",{staticClass:"vs-modal__wrapper",class:{"has-dummy-scrollbar":e.preventShift},style:e.alignTopStyle,on:{click:function(n){return n.target!==n.currentTarget?null:e.onBackdropClick(n)}}},[t("vs-focus-container",{ref:"focusContainer",staticClass:"vs-modal__container",attrs:{tabindex:"-1"},nativeOn:{keydown:function(n){return!n.type.indexOf("key")&&e._k(n.keyCode,"esc",27,n.key,["Esc","Escape"])?null:(n.stopPropagation(),e.onEsc(n))}}},[e.removeHeader?e._e():t("div",{staticClass:"vs-modal__header"},[e._t("header",[t("h2",{staticClass:"vs-modal__header-text"},[e._v(e._s(e.title))])])],2),e._v(" "),t("div",{staticClass:"vs-modal__close-button"},[e._t("close",[e.dismissOnCloseButton&&!e.removeCloseButton&&e.dismissible?t("button",{on:{click:e.close}},[t("img",{attrs:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAAB3RSTlMAJeTmmCIcbPbyAQAAAOtJREFUSMeF1ksKwjAURuE6cF50BY4cC4oLEHQquAVXYIVs3wiFn3C4nA76SG+/PpLc2+l9fk7lsr3dp0c71QH79p2ubZmr85t+sgshCHTh1UIQaJe+DkFgmddNBZyyLYGRIAACAAgA2SeAAwI5OowBu/WaEJ95AI4BQBD4N6xEgFyQFsSTYDgJAmgkkFYCIACAAABiAEgAABGgIAIURICCCFAQAEAQYIDewh9SX9M/lH5q7yztbh8wOuR80Oqw94mjU88nr05/TyCagjyJaRr0RKqp2JO5lgMvKFqStKhpWbTC6qVZi7v+HvwAcK2oz9BduqwAAAAASUVORK5CYII=",alt:"close"}})]):e._e()])],2),e._v(" "),t("div",{staticClass:"vs-modal__body"},[e._t("default")],2),e._v(" "),e.hasFooter?t("div",{staticClass:"vs-modal__footer"},[e._t("footer")],2):e._e()])],1)])])};b._withStripped=!0;var y=t({render:b,staticRenderFns:[]},(function(e){e&&e("data-v-c708504a_0",{source:".vs-modal {\n font-size: 0.875em;\n}\n.vs-modal.is-aligned-top .vs-modal__wrapper {\n vertical-align: initial;\n}\n.vs-modal.is-aligned-top.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal:not(.has-footer) .vs-modal__body {\n padding: 21px 24px;\n}\n.vs-modal--is-open {\n overflow: hidden;\n}\n.vs-modal.is-backdrop-blur {\n backdrop-filter: blur(3px);\n}\n.vs-modal__mask {\n display: table;\n position: fixed;\n z-index: 800;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n transition: opacity 0.3s ease;\n background-color: rgba(51, 51, 51, 0.5);\n}\n.vs-modal__wrapper {\n display: table-cell;\n overflow-x: hidden;\n text-align: center;\n vertical-align: middle;\n}\n.vs-modal__wrapper.has-dummy-scrollbar {\n overflow-y: scroll;\n}\n.vs-modal__container {\n display: inline-block;\n position: relative;\n width: 530px;\n max-width: 100vw;\n max-height: 100vh;\n margin: 0 auto;\n padding: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-radius: 3px;\n outline: none;\n background-color: #ffffff;\n box-shadow: 0 2px 8px rgba(51, 51, 51, 0.33);\n text-align: initial;\n}\n.vs-modal__header {\n display: flex;\n position: relative;\n z-index: 1;\n align-items: center;\n min-height: 55px;\n padding: 0 24px;\n}\n.vs-modal__header-text {\n display: flex;\n flex-grow: 1;\n align-items: center;\n margin: 0;\n font-size: 1.125em;\n font-weight: normal;\n}\n.vs-modal__close-button button {\n position: absolute;\n z-index: 100;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n text-align: right;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n.vs-modal__close-button button img {\n width: 12px;\n height: 12px;\n}\n.vs-modal__body {\n max-height: calc(100vh - 55px);\n padding: 16px 24px;\n overflow-y: auto;\n}\n.vs-modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 70px;\n padding: 0 24px;\n}\n.vs-modal--size-s > .vs-modal__wrapper > .vs-modal__container {\n width: 320px;\n}\n.vs-modal--size-l > .vs-modal__wrapper > .vs-modal__container {\n width: 850px;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container {\n width: 100vw;\n border-radius: 0;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container .vs-modal__body {\n height: 100vh;\n max-height: 100vh;\n}\n.vs-modal--size-auto > .vs-modal__wrapper > .vs-modal__container {\n width: initial;\n}\n.vs-modal--transition-fade-enter, .vs-modal--transition-fade-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter, .vs-modal--transition-slide-up-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter .vs-modal__container, .vs-modal--transition-slide-up-leave-active .vs-modal__container {\n transform: translateY(20px);\n}\n.vs-modal--transition-slide-down-enter, .vs-modal--transition-slide-down-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-down-enter .vs-modal__container, .vs-modal--transition-slide-down-leave-active .vs-modal__container {\n transform: translateY(-20px);\n}",map:void 0,media:void 0})}),A,void 0,!1,void 0,!1,i,void 0,void 0);function x(e){x.installed||(x.installed=!0,e.component("VsModal",y))}var C={install:x},w=null;return"undefined"!=typeof window?w=window.Vue:"undefined"!=typeof global&&(w=global.Vue),w&&w.use(C),e.default=y,e.install=x,e}({});
|
package/dist/vs-modal.umd.js
CHANGED
|
@@ -276,7 +276,7 @@
|
|
|
276
276
|
/* style */
|
|
277
277
|
var __vue_inject_styles__ = function (inject) {
|
|
278
278
|
if (!inject) { return }
|
|
279
|
-
inject("data-v-
|
|
279
|
+
inject("data-v-78065eb4_0", { source: ".vs-focus-container__focus-redirector, .vs-focus-container__last-focusable {\n opacity: 0;\n position: absolute;\n}\n.vs-focus-container__content {\n outline: none;\n}", map: undefined, media: undefined });
|
|
280
280
|
|
|
281
281
|
};
|
|
282
282
|
/* scoped */
|
|
@@ -760,7 +760,7 @@
|
|
|
760
760
|
/* style */
|
|
761
761
|
var __vue_inject_styles__$1 = function (inject) {
|
|
762
762
|
if (!inject) { return }
|
|
763
|
-
inject("data-v-
|
|
763
|
+
inject("data-v-c708504a_0", { source: ".vs-modal {\n font-size: 0.875em;\n}\n.vs-modal.is-aligned-top .vs-modal__wrapper {\n vertical-align: initial;\n}\n.vs-modal.is-aligned-top.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal.has-footer .vs-modal__body {\n max-height: calc(100vh - 125px);\n}\n.vs-modal:not(.has-footer) .vs-modal__body {\n padding: 21px 24px;\n}\n.vs-modal--is-open {\n overflow: hidden;\n}\n.vs-modal.is-backdrop-blur {\n backdrop-filter: blur(3px);\n}\n.vs-modal__mask {\n display: table;\n position: fixed;\n z-index: 800;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n transition: opacity 0.3s ease;\n background-color: rgba(51, 51, 51, 0.5);\n}\n.vs-modal__wrapper {\n display: table-cell;\n overflow-x: hidden;\n text-align: center;\n vertical-align: middle;\n}\n.vs-modal__wrapper.has-dummy-scrollbar {\n overflow-y: scroll;\n}\n.vs-modal__container {\n display: inline-block;\n position: relative;\n width: 530px;\n max-width: 100vw;\n max-height: 100vh;\n margin: 0 auto;\n padding: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-radius: 3px;\n outline: none;\n background-color: #ffffff;\n box-shadow: 0 2px 8px rgba(51, 51, 51, 0.33);\n text-align: initial;\n}\n.vs-modal__header {\n display: flex;\n position: relative;\n z-index: 1;\n align-items: center;\n min-height: 55px;\n padding: 0 24px;\n}\n.vs-modal__header-text {\n display: flex;\n flex-grow: 1;\n align-items: center;\n margin: 0;\n font-size: 1.125em;\n font-weight: normal;\n}\n.vs-modal__close-button button {\n position: absolute;\n z-index: 100;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n text-align: right;\n margin: 0;\n padding: 0;\n cursor: pointer;\n}\n.vs-modal__close-button button img {\n width: 12px;\n height: 12px;\n}\n.vs-modal__body {\n max-height: calc(100vh - 55px);\n padding: 16px 24px;\n overflow-y: auto;\n}\n.vs-modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 70px;\n padding: 0 24px;\n}\n.vs-modal--size-s > .vs-modal__wrapper > .vs-modal__container {\n width: 320px;\n}\n.vs-modal--size-l > .vs-modal__wrapper > .vs-modal__container {\n width: 850px;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container {\n width: 100vw;\n border-radius: 0;\n}\n.vs-modal--size-fullscreen > .vs-modal__wrapper > .vs-modal__container .vs-modal__body {\n height: 100vh;\n max-height: 100vh;\n}\n.vs-modal--size-auto > .vs-modal__wrapper > .vs-modal__container {\n width: initial;\n}\n.vs-modal--transition-fade-enter, .vs-modal--transition-fade-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter, .vs-modal--transition-slide-up-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-up-enter .vs-modal__container, .vs-modal--transition-slide-up-leave-active .vs-modal__container {\n transform: translateY(20px);\n}\n.vs-modal--transition-slide-down-enter, .vs-modal--transition-slide-down-leave-active {\n opacity: 0;\n}\n.vs-modal--transition-slide-down-enter .vs-modal__container, .vs-modal--transition-slide-down-leave-active .vs-modal__container {\n transform: translateY(-20px);\n}", map: undefined, media: undefined });
|
|
764
764
|
|
|
765
765
|
};
|
|
766
766
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuesimple/vs-modal",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.8",
|
|
4
4
|
"description": "A simple vue modal. Perfect for all your modal/ dialogs scenarios.",
|
|
5
5
|
"main": "dist/vs-modal.umd.js",
|
|
6
6
|
"module": "dist/vs-modal.esm.js",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"url": "https://github.com/ashwinkshenoy/vue-simple/issues"
|
|
52
52
|
},
|
|
53
53
|
"homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-modal",
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "5a57825d7dcb4b09c4c547ea65316c77f857bddf"
|
|
55
55
|
}
|