text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["2d0d6bbf"],{"748d":function(e,o,a){"use strict";a.r(o);var r=function(){var e=this,o=e.$createElement,a=e._self._c||o;return a("q-page",[a("div",{staticClass:"row q-pa-md q-gutter-sm"},[a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Arbitrary Data Selection")])]),a("q-separator"),a("q-card-section",[a("q-scroller",{staticStyle:{height:"280px"},attrs:{items:e.items,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":e.noFooter,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,color:"blue-8","background-color":"white","inner-color":"white","inner-background-color":"blue-8"},model:{value:e.scrollerModel,callback:function(o){e.scrollerModel=o},expression:"scrollerModel"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Using QInput")])]),a("q-separator"),a("q-card-section",[a("q-input",{attrs:{color:"blue-8",filled:"",label:"Enter a Zoo Animal"},scopedSlots:e._u([{key:"append",fn:function(){return[a("q-icon",{staticClass:"cursor-pointer",attrs:{name:"fas fa-paw"}},[a("q-popup-proxy",{model:{value:e.showScroller,callback:function(o){e.showScroller=o},expression:"showScroller"}},[a("q-scroller",{style:e.scrollerPopupStyle200,attrs:{items:e.items,noHeader:!0,"rounded-borders":e.roundedBorders,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,color:"grey-3","background-color":"black","inner-color":"black","inner-background-color":"grey-3"},on:{close:function(){e.showScroller=!1}},model:{value:e.scrollerModel,callback:function(o){e.scrollerModel=o},expression:"scrollerModel"}})],1)],1)]},proxy:!0}]),model:{value:e.scrollerModel,callback:function(o){e.scrollerModel=o},expression:"scrollerModel"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QTimeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Hour and Minute Selection")])]),a("q-separator"),a("q-card-section",[a("q-time-scroller",{staticStyle:{height:"280px"},attrs:{locale:e.locale,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":e.noFooter,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"hour24-format":e.hour24Format,disabledMinutes:e.disabledMinutes,"bar-color":"#FF0000",color:"white","background-color":"red-6","inner-color":"red","inner-background-color":"white"},model:{value:e.time1,callback:function(o){e.time1=o},expression:"time1"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QTimeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Using QInput")])]),a("q-separator"),a("q-card-section",[a("q-input",{attrs:{color:"green-6",filled:"",label:"Enter time",mask:"##:##"},scopedSlots:e._u([{key:"append",fn:function(){return[a("q-icon",{staticClass:"cursor-pointer",attrs:{name:"far fa-clock"}},[a("q-popup-proxy",{model:{value:e.showTimeScroller,callback:function(o){e.showTimeScroller=o},expression:"showTimeScroller"}},[a("q-time-scroller",{style:e.scrollerPopupStyle120,attrs:{locale:e.locale,"rounded-borders":e.roundedBorders,"no-header":!1,"no-footer":!1,disable:e.disable,"hour24-format":e.hour24Format,disabledMinutes:e.disabledMinutes,"bar-color":"#21ba45",color:"white","background-color":"green-6","inner-color":"green-6","inner-background-color":"white"},on:{close:function(){e.showTimeScroller=!1}},model:{value:e.time2,callback:function(o){e.time2=o},expression:"time2"}})],1)],1)]},proxy:!0}]),model:{value:e.time2,callback:function(o){e.time2=o},expression:"time2"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"240px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QTimeRangeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Time Range Selection")])]),a("q-separator"),a("q-card-section",[a("q-time-range-scroller",{staticStyle:{height:"280px"},attrs:{locale:e.locale,"no-header":e.noHeader,"no-footer":e.noFooter,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"#FF0000",color:"white","background-color":"indigo-6","inner-color":"indigo-6","inner-background-color":"white","hour24-format":e.hour24Format},model:{value:e.timeRange,callback:function(o){e.timeRange=o},expression:"timeRange"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"240px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QTimeRangeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Using QInput")])]),a("q-separator"),a("q-card-section",[a("q-input",{attrs:{color:"orange-6",filled:"",label:"Enter time ranges",mask:"##:## - ##:##",rules:[function(o){return e.validateTime(o)||"Invalid time format"}]},scopedSlots:e._u([{key:"append",fn:function(){return[a("q-icon",{staticClass:"cursor-pointer",attrs:{name:"far fa-clock"}},[a("q-popup-proxy",{model:{value:e.showTimeRangeScroller,callback:function(o){e.showTimeRangeScroller=o},expression:"showTimeRangeScroller"}},[a("q-time-range-scroller",{style:e.scrollerPopupStyle200,attrs:{locale:e.locale,"no-header":e.noHeader,"no-footer":!1,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"#FF8C00",color:"white","background-color":"orange-6","inner-color":"orange-6","inner-background-color":"white","hour24-format":e.hour24Format},on:{close:function(){e.showTimeRangeScroller=!1}},model:{value:e.timeRangeInput,callback:function(o){e.timeRangeInput=o},expression:"timeRangeInput"}})],1)],1)]},proxy:!0}]),model:{value:e.timeRangeInput,callback:function(o){e.timeRangeInput=o},expression:"timeRangeInput"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QDateScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Year, Month and Day Selection")])]),a("q-separator"),a("q-card-section",[a("q-date-scroller",{staticStyle:{height:"280px"},attrs:{locale:e.locale,showMonthLabel:!0,shortMonthLabel:!0,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":e.noFooter,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"#FFFF00",color:"blue-grey-6","background-color":"white","inner-color":"white","inner-background-color":"blue-grey-6"},model:{value:e.date1,callback:function(o){e.date1=o},expression:"date1"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"232px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QDateScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Using QInput")])]),a("q-separator"),a("q-card-section",[a("q-input",{attrs:{color:"grey-8",filled:"",label:"Enter date",mask:"####-##-##"},scopedSlots:e._u([{key:"append",fn:function(){return[a("q-icon",{staticClass:"cursor-pointer",attrs:{name:"far fa-calendar"}},[a("q-popup-proxy",{model:{value:e.showDateScroller,callback:function(o){e.showDateScroller=o},expression:"showDateScroller"}},[a("q-date-scroller",{style:e.scrollerPopupStyle160,attrs:{locale:e.locale,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":!1,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"grey",color:"grey-3","background-color":"grey-8","inner-color":"grey-8","inner-background-color":"grey-3"},on:{close:function(){e.showDateScroller=!1}},model:{value:e.date1,callback:function(o){e.date1=o},expression:"date1"}})],1)],1)]},proxy:!0}]),model:{value:e.date1,callback:function(o){e.date1=o},expression:"date1"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"340px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QDateTimeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Date and Time Selection")])]),a("q-separator"),a("q-card-section",[a("q-date-time-scroller",{staticStyle:{height:"280px"},attrs:{locale:e.locale,"hour24-format":e.hour24Format,showMonthLabel:!0,shortMonthLabel:!0,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":e.noFooter,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"#FFFF00",color:"teal-6","background-color":"white","inner-color":"white","inner-background-color":"teal-6"},model:{value:e.dateTime1,callback:function(o){e.dateTime1=o},expression:"dateTime1"}})],1)],1),a("q-card",{staticStyle:{width:"100%","max-width":"340px"}},[a("q-card-section",[a("div",{staticClass:"text-h6"},[e._v("QDateTimeScroller")]),a("div",{staticClass:"text-subtitle2"},[e._v("Using QInput")])]),a("q-separator"),a("q-card-section",[a("q-input",{attrs:{color:"brown-8",filled:"",label:"Enter date and time",mask:"####-##-## ##:##"},scopedSlots:e._u([{key:"append",fn:function(){return[a("q-icon",{staticClass:"cursor-pointer",attrs:{name:"far fa-calendar"}},[a("q-popup-proxy",{model:{value:e.showDateTimeScroller,callback:function(o){e.showDateTimeScroller=o},expression:"showDateTimeScroller"}},[a("q-date-time-scroller",{style:e.scrollerPopupStyle280,attrs:{locale:e.locale,"rounded-borders":e.roundedBorders,"no-header":e.noHeader,"no-footer":!1,disable:e.disable,"no-border":e.noBorder,"no-shadow":e.noShadow,"bar-color":"#FFFF00",color:"brown-6","background-color":"white","inner-color":"white","inner-background-color":"brown-6",showMonthLabel:!0,shortMonthLabel:!0,"hour24-format":e.hour24Format},on:{close:function(){e.showDateTimeScroller=!1}},model:{value:e.dateTime1,callback:function(o){e.dateTime1=o},expression:"dateTime1"}})],1)],1)]},proxy:!0}]),model:{value:e.dateTime1,callback:function(o){e.dateTime1=o},expression:"dateTime1"}})],1)],1)],1)])},t=[],l=(a("28a5"),a("3c93")),n=a.n(l),i=a("2f62"),s={name:"Scroller",data:function(){return{scrollerModel:"Elephant",showScroller:!1,showTimeScroller:!1,showTimeRangeScroller:!1,showDateScroller:!1,showDateTimeScroller:!1,time1:"11:05",time2:"05:15",time3:"07:22",time4:"11:30",date1:"2019-04-03",date2:"2019-04-03",dateTime1:"2019-05-10 06:30",timeRange:["09:05","23:30"],timeRangeInput:"09:05 - 23:30",disabledMinutes:[1,2,5,6,7,8,9],data:[{value:"Anteater",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Baboons",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Cheetah",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Chimpanzee",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Elephant",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Giant Pandas",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Gibbon",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Giraffe",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Gorilla",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Hippopotamus",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Jaguar",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Koala",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Komodo Dragon",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Lemurs",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Lion",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Meerkat",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Monkey",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Orangutan",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Penguin",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Polar Bear",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Red Panda",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Rhinoceros",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Ring-tailer Lemur",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Sea lion",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Sloth",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Tiger",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Wallaby (Kangaroo)",noCaps:!0,iconRight:"",disabled:!1,align:"around"},{value:"Zebra",noCaps:!0,iconRight:"",disabled:!1,align:"around"}]}},computed:n()({},Object(i["b"])({locale:"scroller/locale",titlebarHeight:"common/titlebarHeight",roundedBorders:"scroller/roundedBorders",noHeader:"scroller/noHeader",noFooter:"scroller/noFooter",disable:"scroller/disable",noBorder:"scroller/noBorder",noShadow:"scroller/noShadow",hour24Format:"scroller/hour24Format"}),{items:function(){return this.data},scrollerPopupStyle280:function(){return this.$q.screen.lt.sm?{width:"100vw",height:"100vh"}:{maxHeight:"400px",height:"400px",width:"280px"}},scrollerPopupStyle200:function(){return this.$q.screen.lt.sm?{width:"100vw",height:"100vh"}:{maxHeight:"400px",height:"400px",width:"200px"}},scrollerPopupStyle160:function(){return this.$q.screen.lt.sm?{width:"100vw",height:"100vh"}:{maxHeight:"400px",height:"400px",width:"160px"}},scrollerPopupStyle120:function(){return this.$q.screen.lt.sm?{width:"100vw",height:"100vh"}:{maxHeight:"400px",height:"400px",width:"120px"}},scrollerPopupStyle100:function(){return this.$q.screen.lt.sm?{width:"100vw",height:"100vh"}:{maxHeight:"400px",height:"400px",width:"100px"}}}),watch:{time:function(){console.log("time changed:",this.time)},noHeader:function(e){console.log("noHeader",e)},noFooter:function(e){console.log("noFooter",e)},scrollerModel:function(e){this.data=this.data.map(function(o){return o.iconRight="",e===o.value&&(o.iconRight="check"),o})}},methods:{validateTime:function(e){var o=this.timeRangeInput.split("-");if(2===o.length){var a=o[0].trim(),r=o[1].trim();if(this.isValidTime(a)&&this.isValidTime(r))return!0}return!1},isValidTime:function(e){var o=e.split(":");if(2===o.length){var a=parseInt(o[0]),r=parseInt(o[1]);if(a>=0&&a<24&&r>=0&&r<60)return!0}return!1}}},d=s,c=a("2877"),u=Object(c["a"])(d,r,t,!1,null,null,null);o["default"]=u.exports}}]);