balm-ui/components/bottom-sheet/index.js

A modular and customizable UI library based on Material Design and Vue 3

!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define("UiBottomSheet",["vue"],t):"object"===typeof exports?exports.UiBottomSheet=t(require("vue")):e.UiBottomSheet=t(e.Vue)}("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={744:function(e){var t=function(e){return function(e){return!!e&&"object"===typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===o}(e)}(e)};var o="function"===typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function r(e,t){return!1!==t.clone&&t.isMergeableObject(e)?s((o=e,Array.isArray(o)?[]:{}),e,t):e;var o}function n(e,t,o){return e.concat(t).map((function(e){return r(e,o)}))}function c(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function i(e,t){try{return t in e}catch(o){return!1}}function a(e,t,o){var n={};return o.isMergeableObject(e)&&c(e).forEach((function(t){n[t]=r(e[t],o)})),c(t).forEach((function(c){(function(e,t){return i(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,c)||(i(e,c)&&o.isMergeableObject(t[c])?n[c]=function(e,t){if(!t.customMerge)return s;var o=t.customMerge(e);return"function"===typeof o?o:s}(c,o)(e[c],t[c],o):n[c]=r(t[c],o))})),n}function s(e,o,c){(c=c||{}).arrayMerge=c.arrayMerge||n,c.isMergeableObject=c.isMergeableObject||t,c.cloneUnlessOtherwiseSpecified=r;var i=Array.isArray(o);return i===Array.isArray(e)?i?c.arrayMerge(e,o,c):a(e,o,c):r(o,c)}s.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,o){return s(e,o,t)}),{})};var u=s;e.exports=u},154:function(t){t.exports=e}},o={};function r(e){var n=o[e];if(void 0!==n)return n.exports;var c=o[e]={exports:{}};return t[e](c,c.exports,r),c.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var n={};r.d(n,{default:function(){return h}});var c=r(744),i=r.n(c);const a=/(?:^\[object\s(.*?)\]$)/;var s=e=>Object.prototype.toString.call(e).replace(a,"$1").toLowerCase();const u=e=>{let{componentProps:t,propName:o,props:r}=e,n=r[o];if("object"===s(n)){const e=t[o].default;t[o].default=()=>i()(e,n)}else Array.isArray(n)?t[o].default=()=>n:t[o].default=n},l=e=>{let{componentMixins:t,propName:o,props:r}=e;if(t.length){let e=t.length;for(;e--;)if(t[e].props&&void 0!==t[e].props[o]){u({componentProps:t[e].props,propName:o,props:r});break}}};var p=(e,t)=>{for(const o of Object.keys(t))e.props?void 0===e.props[o]?l({componentMixins:e.mixins,propName:o,props:t}):u({componentProps:e.props,propName:o,props:t}):l({componentMixins:e.mixins,propName:o,props:t})};var f=e=>{const t={install(t){p(e,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),t.component(e.name,e)}};return t},m=r(154),d="mdc-dialog-scroll-lock";["textarea",".mdc-menu .mdc-list-item",".mdc-menu .mdc-deprecated-list-item"].join(", ");function y(){document.querySelector("body").classList.remove(d)}function b(e){document.querySelector("body").classList.contains(d)&&(y(),window.removeEventListener("popstate",b))}const v={key:0,class:"mdc-bottom-sheet__content"},g={EVENTS:{CHANGE:"update:modelValue"}},j={name:"UiBottomSheet",customOptions:{UI_BOTTOM_SHEET:g}};var O=Object.assign(j,{props:{modelValue:{type:Boolean,default:!1}},emits:[g.EVENTS.CHANGE],setup(e,t){let{emit:o}=t;const r=e,n=o,c=(0,m.reactive)({closing:!1}),i=(0,m.computed)((()=>({"mdc-bottom-sheet":!0,"mdc-bottom-sheet--open":r.modelValue,"mdc-bottom-sheet--closing":c.closing})));function a(){c.closing=!0,setTimeout((()=>{n(g.EVENTS.CHANGE,!1),c.closing=!1}),300)}return(0,m.watch)((()=>r.modelValue),(e=>{e?function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];document.querySelector("body").classList.add(d),e&&window.addEventListener("popstate",b)}():y()})),(t,o)=>((0,m.openBlock)(),(0,m.createElementBlock)("div",{class:(0,m.normalizeClass)(i.value)},[(0,m.createVNode)(m.Transition,{name:"mdc-slide"},{default:(0,m.withCtx)((()=>[e.modelValue?((0,m.openBlock)(),(0,m.createElementBlock)("div",v,[(0,m.renderSlot)(t.$slots,"default")])):(0,m.createCommentVNode)("",!0)])),_:3}),(0,m.createElementVNode)("div",{class:"mdc-bottom-sheet__scrim",onClick:a})],2))}});var h=f(O);return n=n.default}()}));