| 1 |
- {"version":3,"sources":["../../../src/components/VDatePicker/VDatePickerHeader.ts"],"names":[],"mappings":";;;;;;;;;AAEA;;AAIA;;AAIA;;;;;AAPA;;;;AACA;;;;AAGA;;;;AACA;;;;AAGA;;AACA;;;;;;kBAOe,sBACb,mBADa,EAEb;AACF;AAHe,EAIb,MAJa,CAIN;AACP,UAAM,sBADC;AAGP,WAAO;AACL,kBAAU,OADL;AAEL,gBAAQ,QAFH;AAGL,gBAAQ;AACN,kBAAM,MADA;AAEN,qBAAS;AAFH,SAHH;AAOL,aAAK,MAPA;AAQL,aAAK,MARA;AASL,kBAAU;AACR,kBAAM,MADE;AAER,qBAAS;AAFD,SATL;AAaL,kBAAU;AACR,kBAAM,MADE;AAER,qBAAS;AAFD,SAbL;AAiBL,kBAAU,OAjBL;AAkBL,eAAO;AACL,kBAAM,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,sBAAU;AAFL;AAlBF,KAHA;AA2BP,QA3BO,kBA2BH;AACF,eAAO;AACL,yBAAa;AADR,SAAP;AAGD,KA/BM;;AAiCP,cAAU;AACR,iBADQ,uBACC;AACP,gBAAI,KAAK,MAAT,EAAiB;AACf,uBAAO,KAAK,MAAZ;AACD,aAFD,MAEO,IAAI,OAAO,KAAK,KAAZ,EAAmB,KAAnB,CAAyB,GAAzB,EAA8B,CAA9B,CAAJ,EAAsC;AAC3C,uBAAO,uCAA4B,KAAK,MAAjC,EAAyC,EAAE,OAAO,MAAT,EAAiB,MAAM,SAAvB,EAAkC,UAAU,KAA5C,EAAzC,EAA8F,EAAE,QAAQ,CAAV,EAA9F,CAAP;AACD,aAFM,MAEA;AACL,uBAAO,uCAA4B,KAAK,MAAjC,EAAyC,EAAE,MAAM,SAAR,EAAmB,UAAU,KAA7B,EAAzC,EAA+E,EAAE,QAAQ,CAAV,EAA/E,CAAP;AACD;AACF;AATO,KAjCH;AA6CP,WAAO;AACL,aADK,iBACE,MADF,EACU,MADV,EACgB;AACnB,iBAAK,WAAL,GAAmB,SAAS,MAA5B;AACD;AAHI,KA7CA;AAmDP,aAAS;AACP,cADO,kBACC,MADD,EACe;AAAA;;AACpB,gBAAM,WAAW,KAAK,QAAL,IACd,SAAS,CAAT,IAAc,KAAK,GAAnB,IAA0B,KAAK,eAAL,CAAqB,MAArB,IAA+B,KAAK,GADhD,IAEd,SAAS,CAAT,IAAc,KAAK,GAAnB,IAA0B,KAAK,eAAL,CAAqB,MAArB,IAA+B,KAAK,GAFjE;AAIA,mBAAO,KAAK,cAAL,CAAoB,cAApB,EAA0B;AAC/B,uBAAO;AACL,0BAAM,KAAK,IADN;AAEL,sCAFK;AAGL,0BAAM,IAHD;AAIL,2BAAO,KAAK;AAJP,iBADwB;AAO/B,0BAAU;AACR,2BAAO,eAAC,CAAD,EAAa;AAClB,0BAAE,eAAF;AACA,8BAAK,KAAL,CAAW,OAAX,EAAoB,MAAK,eAAL,CAAqB,MAArB,CAApB;AACD;AAJO;AAPqB,aAA1B,EAaJ,CACD,KAAK,cAAL,CAAoB,eAApB,EAA6B,SAAS,CAAV,KAAiB,CAAC,KAAK,QAAL,CAAc,GAAjC,GAAwC,KAAK,QAA7C,GAAwD,KAAK,QAAxF,CADC,CAbI,CAAP;AAgBD,SAtBM;AAuBP,uBAvBO,2BAuBU,IAvBV,EAuBsB;AAAA,oCACL,OAAO,KAAK,KAAZ,EAAmB,KAAnB,CAAyB,GAAzB,EAA8B,GAA9B,CAAkC,MAAlC,CADK;AAAA;AAAA,gBACpB,IADoB;AAAA,gBACd,KADc;;AAG3B,gBAAI,SAAS,IAAb,EAAmB;AACjB,6BAAU,OAAO,IAAjB;AACD,aAFD,MAEO;AACL,uBAAO,uBAAY,OAAO,KAAK,KAAZ,CAAZ,EAAgC,IAAhC,CAAP;AACD;AACF,SA/BM;AAgCP,iBAhCO,uBAgCE;AAAA;;AACP,gBAAM,QAAQ,CAAC,KAAK,QAAN,KAAmB,KAAK,KAAL,IAAc,QAAjC,CAAd;AACA,gBAAM,SAAS,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,YAAL,CAAkB,KAAlB,EAAyB;AACjE,qBAAK,OAAO,KAAK,KAAZ;AAD4D,aAAzB,CAA3B,EAEX,CAAC,KAAK,cAAL,CAAoB,QAApB,EAA8B;AACjC,uBAAO;AACL,0BAAM;AADD,iBAD0B;AAIjC,oBAAI;AACF,2BAAO;AAAA,+BAAM,OAAK,KAAL,CAAW,QAAX,CAAN;AAAA;AADL;AAJ6B,aAA9B,EAOF,CAAC,KAAK,MAAL,CAAY,OAAZ,IAAuB,KAAK,SAAL,CAAe,OAAO,KAAK,KAAZ,CAAf,CAAxB,CAPE,CAAD,CAFW,CAAf;AAWA,gBAAM,aAAa,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACnD,uBAAO;AACL,0BAAO,KAAK,WAAL,KAAqB,CAAC,KAAK,QAAL,CAAc,GAArC,GAA4C,wBAA5C,GAAuE;AADxE;AAD4C,aAAlC,EAIhB,CAAC,MAAD,CAJgB,CAAnB;AAMA,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa,6BADmB;AAEhC,uBAAO;AACL,6DAAyC,KAAK;AADzC;AAFyB,aAA3B,EAKJ,CAAC,UAAD,CALI,CAAP;AAMD;AAzDM,KAnDF;AA+GP,UA/GO,oBA+GD;AACJ,eAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,yBAAa,sBADmB;AAEhC;AACE,kDAAkC,KAAK;AADzC,eAEK,KAAK,YAFV;AAFgC,SAA3B,EAMJ,CACD,KAAK,MAAL,CAAY,CAAC,CAAb,CADC,EAED,KAAK,SAAL,EAFC,EAGD,KAAK,MAAL,CAAY,CAAC,CAAb,CAHC,CANI,CAAP;AAWD;AA3HM,CAJM,C","sourcesContent":["import '../../stylus/components/_date-picker-header.styl'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { createNativeLocaleFormatter, monthChange } from './util'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { DatePickerFormatter } from './util/createNativeLocaleFormatter'\nimport { PropValidator } from 'vue/types/options'\n\nexport default mixins(\n Colorable,\n Themeable\n/* @vue/component */\n).extend({\n name: 'v-date-picker-header',\n\n props: {\n disabled: Boolean,\n format: Function as PropValidator<DatePickerFormatter | undefined>,\n locale: {\n type: String,\n default: 'en-us'\n },\n min: String,\n max: String,\n nextIcon: {\n type: String,\n default: '$vuetify.icons.next'\n },\n prevIcon: {\n type: String,\n default: '$vuetify.icons.prev'\n },\n readonly: Boolean,\n value: {\n type: [Number, String],\n required: true\n }\n },\n\n data () {\n return {\n isReversing: false\n }\n },\n\n computed: {\n formatter (): DatePickerFormatter {\n if (this.format) {\n return this.format\n } else if (String(this.value).split('-')[1]) {\n return createNativeLocaleFormatter(this.locale, { month: 'long', year: 'numeric', timeZone: 'UTC' }, { length: 7 })\n } else {\n return createNativeLocaleFormatter(this.locale, { year: 'numeric', timeZone: 'UTC' }, { length: 4 })\n }\n }\n },\n\n watch: {\n value (newVal, oldVal) {\n this.isReversing = newVal < oldVal\n }\n },\n\n methods: {\n genBtn (change: number) {\n const disabled = this.disabled ||\n (change < 0 && this.min && this.calculateChange(change) < this.min) ||\n (change > 0 && this.max && this.calculateChange(change) > this.max)\n\n return this.$createElement(VBtn, {\n props: {\n dark: this.dark,\n disabled,\n icon: true,\n light: this.light\n },\n nativeOn: {\n click: (e: Event) => {\n e.stopPropagation()\n this.$emit('input', this.calculateChange(change))\n }\n }\n }, [\n this.$createElement(VIcon, ((change < 0) === !this.$vuetify.rtl) ? this.prevIcon : this.nextIcon)\n ])\n },\n calculateChange (sign: number) {\n const [year, month] = String(this.value).split('-').map(Number)\n\n if (month == null) {\n return `${year + sign}`\n } else {\n return monthChange(String(this.value), sign)\n }\n },\n genHeader () {\n const color = !this.disabled && (this.color || 'accent')\n const header = this.$createElement('div', this.setTextColor(color, {\n key: String(this.value)\n }), [this.$createElement('button', {\n attrs: {\n type: 'button'\n },\n on: {\n click: () => this.$emit('toggle')\n }\n }, [this.$slots.default || this.formatter(String(this.value))])])\n\n const transition = this.$createElement('transition', {\n props: {\n name: (this.isReversing === !this.$vuetify.rtl) ? 'tab-reverse-transition' : 'tab-transition'\n }\n }, [header])\n\n return this.$createElement('div', {\n staticClass: 'v-date-picker-header__value',\n class: {\n 'v-date-picker-header__value--disabled': this.disabled\n }\n }, [transition])\n }\n },\n\n render (): VNode {\n return this.$createElement('div', {\n staticClass: 'v-date-picker-header',\n class: {\n 'v-date-picker-header--disabled': this.disabled,\n ...this.themeClasses\n }\n }, [\n this.genBtn(-1),\n this.genHeader(),\n this.genBtn(+1)\n ])\n }\n})\n"],"sourceRoot":""}
|
