UNPKG

@square/maker

Version:

📚 Maker Design System by Square

2 lines • 7.7 kB
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("date-fns/parseISO"),require("date-fns/startOfMonth"),require("date-fns/addMonths"),require("date-fns/endOfMonth"),require("date-fns/formatISO"),require("date-fns/isToday"),require("date-fns/addDays"),require("date-fns/startOfWeek"),require("../../components/Button"),require("@square/maker-icons/ChevronLeft"),require("@square/maker-icons/ChevronRight"));else if("function"==typeof define&&define.amd)define(["date-fns/parseISO","date-fns/startOfMonth","date-fns/addMonths","date-fns/endOfMonth","date-fns/formatISO","date-fns/isToday","date-fns/addDays","date-fns/startOfWeek","../../components/Button","@square/maker-icons/ChevronLeft","@square/maker-icons/ChevronRight"],t);else{var n="object"==typeof exports?t(require("date-fns/parseISO"),require("date-fns/startOfMonth"),require("date-fns/addMonths"),require("date-fns/endOfMonth"),require("date-fns/formatISO"),require("date-fns/isToday"),require("date-fns/addDays"),require("date-fns/startOfWeek"),require("../../components/Button"),require("@square/maker-icons/ChevronLeft"),require("@square/maker-icons/ChevronRight")):t(e["date-fns/parseISO"],e["date-fns/startOfMonth"],e["date-fns/addMonths"],e["date-fns/endOfMonth"],e["date-fns/formatISO"],e["date-fns/isToday"],e["date-fns/addDays"],e["date-fns/startOfWeek"],e["../../components/Button"],e["@square/maker-icons/ChevronLeft"],e["@square/maker-icons/ChevronRight"]);for(var a in n)("object"==typeof exports?exports:e)[a]=n[a]}}(this,(function(e,t,n,a,r,s,o,i,d,u,c){return function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}([function(e,t,n){e.exports={Calendar:"📚4-7-01wo9D",CalendarHeader:"📚4-7-02SP18",CalendarHeaderTitle:"📚4-7-01A2FI",CalendarHeaderButtonIcon:"📚4-7-02JkK4",CalendarTable:"📚4-7-0ITD7h",DateHeaderCell:"📚4-7-01Tjhq",DateCell:"📚4-7-0Eyylr",DateCellButton:"📚4-7-0Afaaw",selected:"📚4-7-01LdQn",today:"📚4-7-0aMwze",disabled:"📚4-7-013a7w"}},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t,n){"use strict";var a=n(0),r=n.n(a);n.d(t,"default",(function(){return r.a}))},function(e,t){e.exports=r},function(e,t){e.exports=s},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=d},function(e,t){e.exports=u},function(e,t){e.exports=c},function(e,t,n){"use strict";n.r(t),n.d(t,"MCalendar",(function(){return S}));var a=n(6),r=n.n(a),s=n(1),o=n.n(s),i=n(3),d=n.n(i),u=n(7),c=n.n(u),l=n(8),f=n.n(l),h=n(4),p=n.n(h),m=n(2),v=n.n(m),D=n(9),b=n.n(D),y=n(10),O=n(11),_=n.n(O),C=n(12),g=n.n(C);const x=e=>r()(e,{representation:"date"}),M=e=>!e||/^\d{4}-\d{2}-\d{2}$/.test(e);var q={components:{MButton:y.MButton,ChevronLeft:_.a,ChevronRight:g.a},inheritAttrs:!1,model:{prop:"selectedDate",event:"calendar:update"},props:{selectedDate:{type:String,default:void 0,validator:M},minDate:{type:String,default:void 0,validator:M},maxDate:{type:String,default:void 0,validator:M},disabledDates:{type:Array,default:()=>[],validator:e=>e.every((e=>M(e)))},locale:{type:String,default:void 0}},data:()=>({showingMonth:new Date}),computed:{monthName(){return this.showingMonth.toLocaleString(this.locale,{month:"long",year:"numeric"})},weekdays(){const e=b()(new Date);return Array.from({length:7},((t,n)=>f()(e,n))).map((e=>e.toLocaleDateString(this.locale,{weekday:"short"})))},weeks(){const e=this.showingMonth.getMonth(),t=v()(this.showingMonth),n=[];let a=[];for(;t.getMonth()===e;){const e=t.getDay();a[e]=new Date(t);e===6&&(n.push(a),a=[]);const r=1;t.setDate(t.getDate()+r)}return n.push(a),n},selectedDateObject(){return this.selectedDate&&o()(this.selectedDate)},maxDateObject(){return this.maxDate&&o()(this.maxDate)},minDateObject(){return this.minDate&&o()(this.minDate)}},watch:{selectedDate(){const e=this.selectedDateObject;e&&(this.showingMonth=e)}},mounted(){this.selectedDateObject&&(this.showingMonth=this.selectedDateObject)},methods:{isCalendarNavDisabled(e){const t=d()(this.showingMonth,e);return-1===e&&this.minDateObject?v()(this.minDateObject)>v()(t):!(1!==e||!this.maxDateObject)&&p()(this.maxDateObject)<p()(t)},incrementMonth(e){this.showingMonth=d()(this.showingMonth,e)},isDateSelected(e){return this.selectedDate===x(e)},isDateDisabled(e){return!!(this.minDateObject&&this.minDateObject>e)||(!!(this.maxDateObject&&this.maxDateObject<e)||this.disabledDates.includes(x(e)))},isToday:c.a,emitDate(e){this.isDateDisabled(e)||this.$emit("calendar:update",x(e))}}},j=n(5);var S=function(e,t,n,a,r,s,o,i){var d,u="function"==typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),a&&(u.functional=!0),s&&(u._scopeId="data-v-"+s),o?(d=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__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=d):r&&(d=i?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),d)if(u.functional){u._injectStyles=d;var c=u.render;u.render=function(e,t){return d.call(t),c(e,t)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,d):[d]}return{exports:e,options:u}}(q,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",e._g(e._b({class:e.$s.Calendar},"div",e.$attrs,!1),e.$listeners),[n("div",{class:e.$s.CalendarHeader},[n("m-button",{attrs:{disabled:e.isCalendarNavDisabled(-1),color:"#f2f2f2",size:"small",variant:"primary"},on:{click:function(t){return e.incrementMonth(-1)}}},[n("chevron-left",{class:e.$s.CalendarHeaderButtonIcon})],1),e._v(" "),n("span",{class:e.$s.CalendarHeaderTitle},[e._v("\n\t\t\t"+e._s(e.monthName)+"\n\t\t")]),e._v(" "),n("m-button",{attrs:{disabled:e.isCalendarNavDisabled(1),size:"small",variant:"primary",color:"#f2f2f2"},on:{click:function(t){return e.incrementMonth(1)}}},[n("chevron-right",{class:e.$s.CalendarHeaderButtonIcon})],1)],1),e._v(" "),n("table",{class:e.$s.CalendarTable},[n("thead",[n("tr",e._l(e.weekdays,(function(t){return n("th",{key:"day-"+t,class:e.$s.DateHeaderCell},[e._v("\n\t\t\t\t\t"+e._s(t)+"\n\t\t\t\t")])})),0)]),e._v(" "),n("tbody",e._l(e.weeks,(function(t,a){return n("tr",{key:"week-"+a},e._l(t,(function(t,r){var s;return n("td",{key:"date-"+(a-r),class:e.$s.DateCell},[t?n("button",{class:[e.$s.DateCellButton,(s={},s[e.$s.selected]=e.isDateSelected(t),s[e.$s.disabled]=e.isDateDisabled(t),s[e.$s.today]=e.isToday(t),s)],attrs:{type:"button",tabindex:"-1"},on:{click:function(n){return n.preventDefault(),e.emitDate(t)}}},[e._v("\n\t\t\t\t\t\t"+e._s(t.getDate())+"\n\t\t\t\t\t")]):e._e()])})),0)})),0)])])}),[],!1,(function(e){this.$s=j.default.locals||j.default}),null,null).exports}])})); //# sourceMappingURL=script.js.map