diff --git a/dist/vkui.css b/dist/vkui.css index 5f3cbfb2ae..6056bbdbd9 100644 --- a/dist/vkui.css +++ b/dist/vkui.css @@ -1 +1 @@ -.View{top:0;right:0;bottom:0;left:0;background:#efeff4;position:absolute;overflow:hidden;word-wrap:break-word}.View--animated{pointer-events:none}.View__header-in,.View__header-item{top:0;right:0;left:0;background:#5181b8}.View__header-in{color:#fff;position:fixed;z-index:5}.View__header-item{position:absolute;bottom:0;z-index:1;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.View__header-left,.View__header-right{-ms-flex:0 0 auto;flex:0 0 auto;font-size:17px;line-height:20px}.View__header-right{text-align:right}.View__header-title{-ms-flex:1 0 auto;flex:1 0 auto;margin:0;padding:0 6px}.View__panel,.View__panels{position:absolute;top:0;right:0;bottom:0;left:0}.View__panel{z-index:1;visibility:hidden}.View__panel--hidden{display:none}.View__mask,.View__popout{position:absolute;top:0;right:0;bottom:0;left:0}.View__mask{background:rgba(0,0,0,.6);animation:animation-full-fade-in .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:7}.View__popout{z-index:8;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.View--ios{font-family:-apple-system,Helvetica Neue,Helvetica,sans-serif}.View--ios .View__header,.View--ios .View__header-in{height:64px}.View--ios .View__header-item{top:20px;height:44px;-ms-flex-pack:center;justify-content:center;padding:0 6px}.View--ios .View__header-left,.View--ios .View__header-right{-ms-flex:1 0 10%;flex:1 0 10%;padding:0 2px}.View--ios .View__header-item--next,.View--ios .View__header-item--prev{visibility:visible;transition:transform .6s cubic-bezier(.36,.66,.04,1),visibility .6s cubic-bezier(.36,.66,.04,1),opacity .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__header-item--prev{opacity:0}.View--ios .View__header-item--next{opacity:1}.View--ios .View__header-item{transform:translate3d(-50%,0,0)}.View--ios .View__header-item--next{transform:translateZ(0)}.View--ios .View__header-item--active~.View__header-item,.View--ios .View__header-item--next~.View__header-item{transform:translate3d(50%,0,0)}.View--ios .View__header-title{font:500 17px/44px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;text-align:center}.View--ios .View__header-item--active{opacity:1;visibility:visible;transform:translateZ(0)}.View--ios.View--header .View__panels{top:64px}.View--ios .View__panel{background:#efeff4}.View--ios .View__panel--next,.View--ios .View__panel--prev{display:block;visibility:visible;transition:transform .6s cubic-bezier(.36,.66,.04,1),visibility .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__panel{transform:translate3d(-50%,0,0)}.View--ios .View__panel--next{transform:translateZ(0)}.View--ios .View__panel--active~.View__panel,.View--ios .View__panel--next~.View__panel{transform:translate3d(100%,0,0)}.View--ios .View__panel--next:before,.View--ios .View__panel--prev:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;content:"";pointer-events:none}.View--ios .View__panel--prev:before{animation:animation-fade-in .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__panel--next:before{animation:animation-fade-out .6s cubic-bezier(.36,.66,.04,1)}.View--android .View__panel--active:before,.View--ios .View__panel--active:before,.View--ios .View__panel--next~.View__panel--prev:before,.View--ios .View__panel--prev~.View__panel--next:before{content:none}.View--ios .View__panel--active{visibility:visible;transform:translateZ(0)}.View--android{font-family:Roboto,Droid,Open Sans,sans-serif}.View--android .View__header,.View--android .View__header-in{height:80px}.View--android .View__header-item{top:24px;height:56px;padding:0 10px}.View--android .View__header-left,.View--android .View__header-right{padding:1px 6px 0;color:#898a8c;font-size:14px;line-height:16px;font-weight:500;text-transform:uppercase}.View--android .View__header-item--next,.View--android .View__header-item--prev{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1) .2s,opacity .3s cubic-bezier(.4,0,.2,1) .2s,visibility .3s cubic-bezier(.4,0,.2,1) .2s}.View--android .View__header-item,.View--android .View__header-item--next{transform:translateZ(0)}.View--android .View__header-item--next~.View__header-item{transform:translate3d(0,80px,0);opacity:0;visibility:hidden}.View--android .View__header-item--active{visibility:visible;transform:translateZ(0)}.View--android .View__header-item--active~.View__header-item{transform:translate3d(0,80px,0)}.View--android .View__header-title{font:500 20px/56px Roboto,Open Sans,sans-serif}.View--android.View--header .View__panels{top:80px}.View--android .View__panel{background:#fff}.View--android .View__panel--next,.View--android .View__panel--prev{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1) .2s,opacity .3s cubic-bezier(.4,0,.2,1) .2s,visibility .3s cubic-bezier(.4,0,.2,1) .2s}.View--android .View__panel{transform:translateZ(0)}.View--android .View__panel--next{transform:translateZ(0);opacity:1}.View--android .View__panel--next~.View__panel{transform:translate3d(0,80px,0);opacity:0;visibility:hidden}.View--android .View__panel--active{visibility:visible;transform:translateZ(0)}.View--android .View__panel--active~.View__panel{transform:translate3d(0,80px,0)}@keyframes animation-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes animation-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes animation-full-fade-in{0%{opacity:0}to{opacity:1}}.ScrollView{position:relative;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ScrollView__top{position:absolute;z-index:1}.ScrollView--ios .ScrollView__top{right:0;left:0;height:60px;bottom:100%}.ScrollView--android .ScrollView__top{position:absolute;top:-24px;left:50%;height:40px;width:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ScrollView__in{transform:translateZ(0)}.Spinner{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.Spinner--ios .Spinner__self{position:relative}.Spinner--android.Spinner--on .Spinner__self{animation:rotator 1.4s linear infinite}.Spinner--android .Spinner__path{transform-origin:center}.Spinner--ios .Spinner__part{width:7.5%;height:27.5%;x:46.25%;y:36.25%}.Spinner--ios.Spinner--on .Spinner__part{animation:fade 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:1}to{opacity:.1}}.Group{padding:15px 0}.Alert--ios .Alert__content p,.Group,.Group__title{margin:0}.Group--ios .Group__title{font:13px/18px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#6d6d72;padding:0 15px 7px}.Group__description{font:13px/16px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;color:#6d6d72;padding:7px 15px 0}.Group--android .Group__title{font:500 14px/16px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;color:#5181b8;padding:0 16px 17px}.Entity{position:relative;height:64px;padding:0 0 0 75px;text-align:left}.Entity--small{height:48px;padding:0 0 0 60px}.Entity__aside{position:absolute;top:0;left:0;width:64px;height:64px}.Entity--small .Entity__aside{width:48px;height:48px}.Entity--no-photo .Entity__aside{background:#d4dae1;border-radius:50%}.Entity__photo{width:64px;height:64px;border-radius:50%}.Entity--small .Entity__photo{width:48px;height:48px}.Entity__main{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.Entity__description,.Entity__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:20px;white-space:nowrap}.Entity__title{font-size:15px;font-weight:500;color:#2c2d2e;margin:0 0 3px}.Entity__description{font-size:14px;color:#909499}.Entity--ios{margin:0 15px}.Entity--android{margin:0 16px}.List{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;list-style:none}.List--ios{background:#fff}.List--ios:after,.List--ios:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:"";bottom:100%;background:#dfdfdf}.List--ios:after{bottom:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.List--ios:after,.List--ios:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.ListItem{position:relative;margin:0;padding:0;white-space:nowrap;font-size:17px;line-height:22px}.ListItem__in{position:relative;display:-ms-flexbox;display:flex;max-width:100%}.ListItem__icon{position:relative;-ms-flex:0 0 auto;flex:0 0 auto}.Icon>img,.Icon>svg,.ListItem__icon-in>img,.ListItem__icon-in>svg{vertical-align:top}.ListItem__main{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.ListItem__aside,.ListItem__indicator{-ms-flex:0 0 auto;flex:0 0 auto;max-width:75%;color:#8e8e93;text-align:right;text-overflow:ellipsis}.ListItem__indicator{overflow:hidden}.ListItem__aside{padding:0;overflow:visible}.ListItem--ios{font-size:17px;line-height:22px}.ListItem--ios.ListItem--expandable:before{position:absolute;top:50%;right:16px;margin-top:-4px;width:7px;height:7px;border-top:2px solid #c7c7cc;border-right:2px solid #c7c7cc;content:"";transform:rotate(45deg);z-index:1}.ListItem--ios .ListItem__in{padding:0 15px;background:#fff}.ListItem--ios.ListItem--expandable .ListItem__in{padding:0 35px 0 15px}.List--ios.List--icon-indent .ListItem__icon:empty,.ListItem--ios.ListItem--icon-indent .ListItem__icon:empty{padding-left:44px}.ListItem--ios .ListItem__icon:before{position:absolute;bottom:0;left:100%;width:100vw;height:1px;background:#dfdfdf;content:""}.FormLayout__row:last-child .FormLayout__label:before,.FormLayout__row:last-child .FormLayout__separator:before,.ListItem--ios:last-child .ListItem__icon:before{content:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.ListItem--ios .ListItem__icon:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.ListItem--ios .ListItem__icon-in{width:29px;height:29px;padding:7px 15px 9px 0}.ListItem--ios .ListItem__main{padding:11px .5em 12px 0}.ListItem--ios .ListItem__aside,.ListItem--ios .ListItem__indicator{padding:11px 0 12px}.ListItem--android{font-size:16px;color:#2e3033}.ListItem--android .ListItem__in{padding:0 16px}.ListItem--android .ListItem__icon-in{width:24px;height:24px;padding:14px 32px 18px 0}.ListItem--android .ListItem__main{padding:16px .5em 17px 0}.ListItem--android .ListItem__aside,.ListItem--android .ListItem__indicator{padding:16px 0 17px}.Tappable--ios.Tappable--active:not([disabled]):not(.Button--vk-primary):not(.Button--vk-secondary):not(.Button--vk-tertiary):not(.Button--vk-rich){background:#d9d9d9!important}.Tappable--ios.Tappable--active:after,.Tappable--ios.Tappable--active:before{content:"";position:absolute;right:0;left:0;height:1px;background:#dfdfdf;z-index:2}.Tappable--ios.Tappable--active:before{bottom:100%}.Tappable--ios.Tappable--active:after{bottom:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.Tappable--ios.Tappable--active:before{background:linear-gradient(180deg,#c8c7cc 50%,#d9d9d9 0)}.Tappable--ios.Tappable--active:after{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Tappable--android{position:relative;transition:background-color .15s ease-out}.Tappable--android.Tappable--active:not([disabled]):not(.Button--vk-primary):not(.Button--vk-secondary):not(.Button--vk-tertiary):not(.Button--vk-rich):not(.Alert__btn--primary){background:#f0f1f3!important}.Tappable--android .Tappable__waves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.Tappable--android .Tappable__wave{position:absolute;top:0;left:0;width:24px;height:24px;margin:-12px 0 0 -12px;opacity:0;content:"";border-radius:50%;background:rgba(128,128,128,.1);animation:animation-wave .3s cubic-bezier(.4,0,.2,1)}@keyframes animation-wave{0%{transform:scale(1);opacity:1}30%{opacity:1}to{transform:scale(8);opacity:0}}.FormLayout{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;position:relative;background:#fff;list-style:none}.FormLayout--ios.FormLayout:after,.FormLayout--ios.FormLayout:before{position:absolute;right:0;left:0;z-index:1;height:1px;background:#dfdfdf;content:""}.FormLayout--ios.FormLayout:before{bottom:100%}.FormLayout--ios.FormLayout:after{top:100%}.FormLayout__row{display:-ms-flexbox;display:flex;position:relative;margin:0;white-space:nowrap;line-height:22px;max-width:100%}.FormLayout--ios .FormLayout__row{font-size:17px}.FormLayout--android .FormLayout__row{font-size:16px}.FormLayout__separator{position:relative;width:0}.FormLayout--ios .FormLayout__label:before,.FormLayout--ios .FormLayout__separator:before{position:absolute;bottom:0;width:100vw;height:1px;background:#dfdfdf;content:""}.FormLayout--ios .FormLayout__separator{left:15px}.FormLayout--android .FormLayout__separator{left:0}.FormLayout__label{position:relative;-ms-flex:0 0 100px;flex:0 0 100px;max-width:100px;vertical-align:top}.FormLayout--ios .FormLayout__label:before{left:15px}.FormLayout--android .FormLayout__label{display:none}.FormLayout__label-in{overflow:hidden;text-overflow:ellipsis}.FormLayout--ios .FormLayout__label-in{padding:11px 15px 12px}.FormLayout--android .FormLayout__label-in{padding:16px 15px 18px}.FormLayout__field{-ms-flex:1 0 auto;flex:1 0 auto;padding:0 15px;vertical-align:top}.FormLayout--ios .FormLayout__underline{display:none}.FormLayout--android .FormLayout__underline{position:absolute;bottom:9px;left:16px;right:16px;height:2px;background:linear-gradient(0deg,transparent 50%,#d6d6d6 0);content:""}.FormLayout--android input:focus+.FormLayout__underline,.FormLayout--android textarea:focus+.FormLayout__underline{background:#518bcc}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.FormLayout--ios .FormLayout__label:before,.FormLayout--ios .FormLayout__separator:before,.FormLayout--ios.FormLayout:after,.FormLayout--ios.FormLayout:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Icon--verbose{background:#ccc}.Icon--ios{width:29px;height:29px;border-radius:7px;overflow:hidden}.Icon--android{width:24px;height:24px}.Text p{margin:0 0 1em}.Text b,.Text strong{font-weight:700}.Text em,.Text i{font-style:italic}.Text a{text-decoration:none;color:#5181b8;font-weight:500}.Text--left{text-align:left}.Text--center{text-align:center}.Text--right{text-align:right}.Text--ios{font-size:15px;line-height:20px;color:#2e3033;padding:8px 15px}.Text--ios p{margin:0 0 20px}.Text--android{color:#2e3033;font-size:16px;line-height:24px;padding:8px 16px}.Alert--android .Alert__content p,.Text--android p{margin:0 0 24px}.Div--ios{padding:8px 15px}.Div--android{padding:8px 16px}.Div--shadow{box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06)}.Div--border,.Div--shadow{position:relative;background:#fff}.Div--border:after,.Div--border:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:""}.Div--border:before{bottom:100%;background:#dfdfdf}.Div--border:after{bottom:0;background:#dfdfdf}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Div--border:after,.Div--border:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Flex{display:-ms-flexbox;display:flex;margin:0 -6px}.Flex__item{margin:0 6px}.BackButton{vertical-align:top;padding:0 24px 0 4px}.BackButton--ios{color:#fff}.BackButton--android{color:#444547}.Button{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;position:relative;display:block;width:100%;outline:0;border:0;background:#fff;text-align:left}.Button--ios:after,.Button--ios:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:""}.Button--ios:before{bottom:100%;background:#dfdfdf}.Button--ios:after{bottom:0;background:#dfdfdf}.Button--ios{font:17px/22px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;padding:11px 15px 12px}.Button--android{font:16px/22px Roboto,Droid,Open Sans,sans-serif;padding:16px 16px 18px}.Button[disabled]{color:#8e8e93;background:#fff}.Button--left{text-align:left}.Button--center{text-align:center}.Button--right{text-align:right}.Button--ios.Button--primary{color:#007aff;font-weight:500}.Button--ios.Button--danger{color:#ff3f34}.Button--vk-rich{display:inline-block}.Button--vk-primary,.Button--vk-secondary,.Button--vk-tertiary{display:inline-block;font-size:14px;line-height:16px;padding:8px 12px;border-radius:2px}.Button+.Button:before,.Button--ios.Button--vk-primary.Tappable--active:after,.Button--ios.Button--vk-primary.Tappable--active:before,.Button--ios.Button--vk-primary:after,.Button--ios.Button--vk-primary:before,.Button--ios.Button--vk-rich.Tappable--active:after,.Button--ios.Button--vk-rich.Tappable--active:before,.Button--ios.Button--vk-rich:after,.Button--ios.Button--vk-rich:before,.Button--ios.Button--vk-secondary.Tappable--active:after,.Button--ios.Button--vk-secondary.Tappable--active:before,.Button--ios.Button--vk-secondary:after,.Button--ios.Button--vk-secondary:before,.Button--ios.Button--vk-tertiary.Tappable--active:after,.Button--ios.Button--vk-tertiary.Tappable--active:before,.Button--ios.Button--vk-tertiary:after,.Button--ios.Button--vk-tertiary:before{content:none}.Button--vk-rich{font-size:16px;font-weight:500;line-height:20px;padding:14px;background:#5181b8;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.24);border-radius:2px;color:#fff}.Button--vk-primary.Tappable--active:not([disabled]),.Button--vk-primary:active:not([disabled]),.Button--vk-rich.Tappable--active:not([disabled]),.Button--vk-rich:active:not([disabled]){background:#4872a3}.Button--vk-rich[disabled]{box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.1)}.Button--vk-primary{color:#fff;background:#5181b8}.Button--vk-primary[disabled],.Button--vk-rich[disabled]{color:#fff;background:rgba(81,129,184,.4)}.Button--vk-secondary{color:#4774a8;background:rgba(0,57,115,.1)}.Button--vk-secondary.Tappable--active:not([disabled]),.Button--vk-secondary:active:not([disabled]){background:rgba(0,57,115,.2)}.Button--vk-secondary[disabled]{color:rgba(71,116,168,.4);background:rgba(0,57,115,.05)}.Button--vk-tertiary{background:0 0;color:#4774a8}.Button--vk-tertiary.Tappable--active:not([disabled]),.Button--vk-tertiary:active:not([disabled]){background:rgba(0,57,115,.1)}.Button--vk-tertiary[disabled]{color:rgba(71,116,168,.4);background:0 0}.Button--wide{width:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Button--ios:after,.Button--ios:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}#root,body,html{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-overflow-scrolling:touch;margin:0;padding:0;height:100%;background:#efeff4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.Checkbox{display:block;margin:-11px -15px;padding:8px 15px}.Checkbox__self{display:none}.Checkbox__pseudo{position:relative;display:block;-webkit-tap-highlight-color:transparent}.Checkbox__pseudo:before{position:absolute;content:"";transition:transform .1s ease}.Checkbox__self:checked+.Checkbox__pseudo:before{transform:translateX(20px)}.Checkbox--ios .Checkbox__pseudo{width:48px;height:28px;border:1px solid #e6e6e6;background:#fff;border-radius:15px;transition:background-color .1s ease,border-color .1s ease}.Checkbox--ios .Checkbox__self:checked+.Checkbox__pseudo{border-color:#4cd864;background:#4cd864}.Checkbox--ios .Checkbox__self[disabled]+.Checkbox__pseudo{border-color:#ddd;background:#ddd}.Checkbox--ios .Checkbox__pseudo:before{top:0;left:0;width:28px;height:28px;border-radius:14px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15)}.Checkbox--android .Checkbox__pseudo{width:34px;height:14px;background:#c6c5c5;border-radius:7px;transition:background-color .1s ease}.Checkbox--android .Checkbox__self:checked+.Checkbox__pseudo{background:#a8bfdb}.Checkbox--android .Checkbox__self[disabled]+.Checkbox__pseudo{opacity:.5}.Checkbox--android .Checkbox__pseudo:before{top:-3px;left:-3px;width:20px;height:20px;background:#f1f1f1;border-radius:10px;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.Checkbox--android .Checkbox__self:checked+.Checkbox__pseudo:before,.Radio__self:checked~.Radio__icon:before{background:#5181b8}.File{display:block;position:relative;overflow:hidden;padding:1px 0 0}.File__self{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10em;z-index:1;opacity:0}.Input{position:relative;display:block;margin:0;width:100%;height:22px;outline:0;border:0;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;min-width:140px}.Input--left{text-align:left}.Input--center{text-align:center}.Input--right{text-align:right}.Input--ios{font-size:17px;padding:11px 0 12px}.Input--android{font-size:16px;padding:16px 0 18px}.Textarea{display:block;margin:0;width:100%;height:66px;outline:0;border:0;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;resize:none}.Textarea--ios{font-size:17px;padding:11px 0 12px}.Textarea--android{font-size:16px;padding:16px 0 18px}.Radio{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;margin-right:-.5em;-ms-flex-align:center;align-items:center}.Radio__self{display:none}.Radio__label{-ms-flex:1 1 auto;flex:1 1 auto}.Radio__icon{-ms-flex:0 0 auto;flex:0 0 auto}.Radio--ios{margin:-11px 0 -12px;padding:11px 0 12px}.Radio--ios .Radio__icon{width:13px;height:11px;opacity:0;transition:opacity .14s ease}.Radio--ios .Radio__self:checked~.Radio__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='21' viewBox='0 0 26 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 14.471L2.829 8.9.001 11.728l8.485 8.485 2.828-2.828-.086-.086L25.699 2.828 22.871 0z' fill='%23007AFF'/%3E%3C/svg%3E") 0 0/100% no-repeat;opacity:1}.Radio--android{margin:-16px 0 -17px;padding:16px 0 17px;-ms-flex-align:center;align-items:center}.Radio--android .Radio__label{-ms-flex-order:1;order:1;padding:0 0 0 18px}.Radio--android .Radio__icon{-ms-flex-order:0;order:0;position:relative;width:16px;height:16px;border-radius:10px;border:2px solid #c4c8cc;transition:border-color .14s ease}.Radio--android .Radio__icon:before{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;content:"";background:0 0;transition:background-color .14s ease}.Radio__self:checked~.Radio__icon{border-color:#5181b8}.Select,.Select__self{display:block;outline:0}.Select{margin:0;overflow:hidden;min-width:140px}.Select__self{font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:0 0;width:100%}.Select--ios .Select__self{font-size:17px;padding:11px 0 12px}.Select--android .Select__self{font-size:16px;padding:16px 0 18px}.Slider{position:relative;height:28px;margin:2px 14px}.Slider__in{height:100%}.Slider__dragger{position:absolute;top:50%;left:0;width:0;height:0}.Slider__dragger:before{position:absolute;top:0;width:100%;content:"";height:1px;background:#0f7afb}.Slider__thumb{position:absolute;top:-14px;right:-14px;width:28px;height:28px;content:"";transition:transform .1s ease}.Slider--ios{background:linear-gradient(180deg,#b7b7b7 1px,transparent 0) 0 14px repeat-x}.Slider--ios .Slider__thumb{border-radius:14px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15)}.Slider--android{background:linear-gradient(180deg,#bfbfbf 2px,transparent 0) 0 14px repeat-x}.Slider--android .Slider__dragger:before{height:2px;background:#5181b8}.Slider--android .Slider__thumb{top:-13px}.Slider--android .Slider__thumb:before{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;content:"";background:#5181b8;border-radius:6px;transition:box-shadow .14s ease,transform .14s ease}.Slider--android.Slider--active .Slider__thumb:before{box-shadow:0 0 0 3px rgba(128,128,128,.2);transform:scale(1.25)}#root,.Alert,body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Alert--ios{width:270px;-ms-flex:0 0 auto;flex:0 0 auto;background:rgba(255,255,255,.5);border-radius:13px;animation:animation-ios-alert-intro .2s ease}.Alert--ios .Alert__content{position:relative;padding:19px 16px 20px;border-radius:13px 13px 0 0;background:rgba(255,255,255,.75);font:13px/16px -apple-system,Helvetica Neue,Helvetica,sans-serif;text-align:center}.Alert--ios .Alert__content h2{margin:0 0 7px;font:500 17px/22px -apple-system,Helvetica Neue,Helvetica,sans-serif}.Alert__footer{display:-ms-flexbox;display:flex;margin-top:1px}.Alert--ios.Alert--v .Alert__footer{-ms-flex-direction:column;flex-direction:column}.Alert--ios .Alert__btn{position:relative;background:rgba(255,255,255,.75);-ms-flex:1 0 auto;flex:1 0 auto;font-size:17px;line-height:44px;color:#007aff;border:0;padding:0;margin:0;height:44px;display:block;outline:0}.Alert--ios .Alert__btn.Tappable--active:after,.Alert--ios .Alert__btn.Tappable--active:before{content:none}.Alert--ios .Alert__btn--primary{font-weight:500}.Alert--ios.Alert--h .Alert__btn{margin-right:1px}.Alert--ios.Alert--h .Alert__btn:first-child{border-radius:0 0 0 13px}.Alert--ios.Alert--h .Alert__btn:last-child{border-radius:0 0 13px 0;margin:0}.Alert--ios.Alert--h .Alert__btn:first-child:last-child{border-radius:0 0 13px 13px}.Alert--ios.Alert--v .Alert__btn{margin:0 0 1px}.Alert--ios.Alert--v .Alert__btn:last-child{border-radius:0 0 13px 13px;margin:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Alert--ios .Alert__content:after{content:"";position:absolute;top:100%;height:1px;right:0;left:0;background:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.75) 0)}.Alert--ios.Alert--h .Alert__btn:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:1px;height:auto;background:linear-gradient(270deg,transparent 50%,rgba(255,255,255,.75) 0)}.Alert--ios.Alert--h .Alert__btn.Tappable--active:after{background:linear-gradient(270deg,transparent 50%,#d9d9d9 0)}.Alert--ios.Alert--h .Alert__btn:last-child:after,.Alert--ios.Alert--v .Alert__btn:last-child:after{content:none}.Alert--ios.Alert--v .Alert__btn:after{position:absolute;top:100%;right:0;left:0;height:1px;background:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.75) 0);content:""}}.Alert--android{min-width:280px;margin:auto 24px;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.22),0 24px 24px rgba(0,0,0,.3);border-radius:2px;animation:animation-android-alert-intro .2s ease}.Alert--android .Alert__content{padding:18px 24px 16px;font-size:16px;line-height:24px;color:#71757a}.Alert--android .Alert__content h2{margin:0 0 12px;font-weight:500;font-size:20px;line-height:28px;color:#2e3033}.Alert--android .Alert__content p:last-child{margin:0}.Alert--android .Alert__footer{padding:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.Alert--android .Alert__btn{background:0 0;border:0;-ms-flex:0 0 auto;flex:0 0 auto;text-transform:uppercase;font-weight:500;font-size:14px;line-height:16px;padding:8px 16px;border-radius:2px;margin:0 0 0 12px;color:#5181b8;outline:0}.Alert--android .Alert__btn--primary{color:#fff;background:#5181b8}.Alert--android .Alert__btn--primary.Tappable--active,.Alert--android .Alert__btn--primary:active{background:#4872a3}@keyframes animation-ios-alert-intro{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes animation-android-alert-intro{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ScreenSpinner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex:0 0 auto;flex:0 0 auto}.ScreenSpinner--ios{width:88px;height:88px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:8px} \ No newline at end of file +.View{top:0;right:0;bottom:0;left:0;background:#efeff4;position:absolute;overflow:hidden;word-wrap:break-word}.View--animated{pointer-events:none}.View__header{white-space:nowrap}.View__header-in,.View__header-item{top:0;right:0;left:0;background:#5181b8}.View__header-in{color:#fff;position:fixed;z-index:5}.View__header-item{position:absolute;bottom:0;z-index:1;visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.View__header-left,.View__header-right{-ms-flex:0 1 22%;flex:0 1 22%;overflow:hidden;text-overflow:ellipsis;font-size:17px;line-height:20px}.View__header-right{text-align:right}.View__header-title{-ms-flex:1 1 56%;flex:1 1 56%;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 6px}.View__panel,.View__panels{position:absolute;top:0;right:0;bottom:0;left:0}.View__panel{z-index:1;visibility:hidden}.View__panel--hidden{display:none}.View__mask,.View__popout{position:absolute;top:0;right:0;bottom:0;left:0}.View__mask{background:rgba(0,0,0,.6);animation:animation-full-fade-in .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:7}.View__popout{z-index:8;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.View--ios{font-family:-apple-system,Helvetica Neue,Helvetica,sans-serif}.View--ios .View__header,.View--ios .View__header-in{height:64px}.View--ios .View__header-item{top:20px;height:44px;-ms-flex-pack:center;justify-content:center;padding:0 6px}.View--ios .View__header-title{-ms-flex-preferred-size:56%;flex-basis:56%}.View--ios .View__header-left,.View--ios .View__header-right{width:22%;padding:0 2px}.View--ios .View__header-item--next,.View--ios .View__header-item--prev{visibility:visible;transition:transform .6s cubic-bezier(.36,.66,.04,1),visibility .6s cubic-bezier(.36,.66,.04,1),opacity .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__header-item--prev{opacity:0}.View--ios .View__header-item--next{opacity:1}.View--ios .View__header-item{transform:translate3d(-50%,0,0)}.View--ios .View__header-item--next{transform:translateZ(0)}.View--ios .View__header-item--active~.View__header-item,.View--ios .View__header-item--next~.View__header-item{transform:translate3d(50%,0,0)}.View--ios .View__header-title{font:500 17px/44px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;text-align:center}.View--ios .View__header-item--active{opacity:1;visibility:visible;transform:translateZ(0)}.View--ios.View--header .View__panels{top:64px}.View--ios .View__panel{background:#efeff4}.View--ios .View__panel--next,.View--ios .View__panel--prev{display:block;visibility:visible;transition:transform .6s cubic-bezier(.36,.66,.04,1),visibility .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__panel{transform:translate3d(-50%,0,0)}.View--ios .View__panel--next{transform:translateZ(0)}.View--ios .View__panel--active~.View__panel,.View--ios .View__panel--next~.View__panel{transform:translate3d(100%,0,0)}.View--ios .View__panel--next:before,.View--ios .View__panel--prev:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;content:"";pointer-events:none}.View--ios .View__panel--prev:before{animation:animation-fade-in .6s cubic-bezier(.36,.66,.04,1)}.View--ios .View__panel--next:before{animation:animation-fade-out .6s cubic-bezier(.36,.66,.04,1)}.View--android .View__panel--active:before,.View--ios .View__panel--active:before,.View--ios .View__panel--next~.View__panel--prev:before,.View--ios .View__panel--prev~.View__panel--next:before{content:none}.View--ios .View__panel--active{visibility:visible;transform:translateZ(0)}.View--android{font-family:Roboto,Droid,Open Sans,sans-serif}.View--android .View__header,.View--android .View__header-in{height:80px}.View--android .View__header-item{top:24px;height:56px;padding:0 10px}.View--android .View__header-left,.View--android .View__header-right{padding:1px 6px 0;font-size:14px;line-height:16px;font-weight:500;text-transform:uppercase;color:#fff;color:rgba(255,255,255,.7)}.View--android .View__header-left:active,.View--android .View__header-right:active{color:#fff;color:rgba(255,255,255,.9)}.View--android .View__header-left{-ms-flex:0 0 auto;flex:0 0 auto;max-width:22%}.View--android .View__header-left:empty{display:none}.View--android .View__header-item--next,.View--android .View__header-item--prev{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1) .2s,opacity .3s cubic-bezier(.4,0,.2,1) .2s,visibility .3s cubic-bezier(.4,0,.2,1) .2s}.View--android .View__header-item,.View--android .View__header-item--next{transform:translateZ(0)}.View--android .View__header-item--next~.View__header-item{transform:translate3d(0,80px,0);opacity:0;visibility:hidden}.View--android .View__header-item--active{visibility:visible;transform:translateZ(0)}.View--android .View__header-item--active~.View__header-item{transform:translate3d(0,80px,0)}.View--android .View__header-title{font:500 20px/56px Roboto,Open Sans,sans-serif}.View--android.View--header .View__panels{top:80px}.View--android .View__panel{background:#fff}.View--android .View__panel--next,.View--android .View__panel--prev{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1) .2s,opacity .3s cubic-bezier(.4,0,.2,1) .2s,visibility .3s cubic-bezier(.4,0,.2,1) .2s}.View--android .View__panel{transform:translateZ(0)}.View--android .View__panel--next{transform:translateZ(0);opacity:1}.View--android .View__panel--next~.View__panel{transform:translate3d(0,80px,0);opacity:0;visibility:hidden}.View--android .View__panel--active{visibility:visible;transform:translateZ(0)}.View--android .View__panel--active~.View__panel{transform:translate3d(0,80px,0)}@keyframes animation-fade-in{0%{opacity:0}to{opacity:.3}}@keyframes animation-fade-out{0%{opacity:.3}to{opacity:0}}@keyframes animation-full-fade-in{0%{opacity:0}to{opacity:1}}.ScrollView{position:relative;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ScrollView__top{position:absolute;z-index:1}.ScrollView--ios .ScrollView__top{right:0;left:0;height:60px;bottom:100%}.ScrollView--android .ScrollView__top{position:absolute;top:-24px;left:50%;height:40px;width:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ScrollView__in{transform:translateZ(0)}.Spinner{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.Spinner--ios .Spinner__self{position:relative}.Spinner--android.Spinner--on .Spinner__self{animation:rotator 1.4s linear infinite}.Spinner--android .Spinner__path{transform-origin:center}.Spinner--ios .Spinner__part{width:7.5%;height:27.5%;x:46.25%;y:36.25%}.Spinner--ios.Spinner--on .Spinner__part{animation:fade 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade{0%{opacity:1}to{opacity:.1}}.Group{padding:15px 0}.Alert--ios .Alert__content p,.Group,.Group__title{margin:0}.Group--ios .Group__title{font:13px/18px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#6d6d72;padding:0 15px 7px}.Group__description{font:13px/16px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;color:#6d6d72;padding:7px 15px 0}.Group--android .Group__title{font:500 14px/16px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;color:#5181b8;padding:0 16px 17px}.Entity{position:relative;height:64px;padding:0 0 0 75px;text-align:left}.Entity--small{height:48px;padding:0 0 0 60px}.Entity__aside{position:absolute;top:0;left:0;width:64px;height:64px}.Entity--small .Entity__aside{width:48px;height:48px}.Entity--no-photo .Entity__aside{background:#d4dae1;border-radius:50%}.Entity__photo{width:64px;height:64px;border-radius:50%}.Entity--small .Entity__photo{width:48px;height:48px}.Entity__main{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.Entity__description,.Entity__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:20px;white-space:nowrap}.Entity__title{font-size:15px;font-weight:500;color:#2c2d2e;margin:0 0 3px}.Entity__description{font-size:14px;color:#909499}.Entity--ios{margin:0 15px}.Entity--android{margin:0 16px}.List{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;list-style:none}.List--ios{background:#fff}.List--ios:after,.List--ios:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:"";bottom:100%;background:#dfdfdf}.List--ios:after{bottom:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.List--ios:after,.List--ios:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.ListItem{position:relative;margin:0;padding:0;white-space:nowrap;font-size:17px;line-height:22px}.ListItem__in{position:relative;display:-ms-flexbox;display:flex;max-width:100%}.ListItem__icon{position:relative;-ms-flex:0 0 auto;flex:0 0 auto}.Icon>img,.Icon>svg,.ListItem__icon-in>img,.ListItem__icon-in>svg{vertical-align:top}.ListItem__main{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.ListItem__aside,.ListItem__indicator{-ms-flex:0 0 auto;flex:0 0 auto;max-width:75%;color:#8e8e93;text-align:right;text-overflow:ellipsis}.ListItem__indicator{overflow:hidden}.ListItem__aside{padding:0;overflow:visible}.ListItem--ios{font-size:17px;line-height:22px}.ListItem--ios.ListItem--expandable:before{position:absolute;top:50%;right:16px;margin-top:-4px;width:7px;height:7px;border-top:2px solid #c7c7cc;border-right:2px solid #c7c7cc;content:"";transform:rotate(45deg);z-index:1}.ListItem--ios .ListItem__in{padding:0 15px;background:#fff}.ListItem--ios.ListItem--expandable .ListItem__in{padding:0 35px 0 15px}.List--ios.List--icon-indent .ListItem__icon:empty,.ListItem--ios.ListItem--icon-indent .ListItem__icon:empty{padding-left:44px}.ListItem--ios .ListItem__icon:before{position:absolute;bottom:0;left:100%;width:100vw;height:1px;background:#dfdfdf;content:""}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.ListItem--ios .ListItem__icon:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.ListItem--ios .ListItem__icon-in{width:29px;height:29px;padding:7px 15px 9px 0}.ListItem--ios .ListItem__main{padding:11px .5em 12px 0}.ListItem--ios .ListItem__aside,.ListItem--ios .ListItem__indicator{padding:11px 0 12px}.ListItem--android{font-size:16px;color:#2e3033}.ListItem--android .ListItem__in{padding:0 16px}.ListItem--android .ListItem__icon-in{width:24px;height:24px;padding:14px 32px 18px 0}.ListItem--android .ListItem__main{padding:16px .5em 17px 0}.ListItem--android .ListItem__aside,.ListItem--android .ListItem__indicator{padding:16px 0 17px}.Tappable--ios.Tappable--active:not([disabled]):not(.Button--vk-primary):not(.Button--vk-secondary):not(.Button--vk-tertiary):not(.Button--vk-rich){background:#d9d9d9!important}.Tappable--ios.Tappable--active:after,.Tappable--ios.Tappable--active:before{content:"";position:absolute;right:0;left:0;height:1px;background:#dfdfdf;z-index:2}.Tappable--ios.Tappable--active:before{bottom:100%}.Tappable--ios.Tappable--active:after{bottom:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.Tappable--ios.Tappable--active:before{background:linear-gradient(180deg,#c8c7cc 50%,#d9d9d9 0)}.Tappable--ios.Tappable--active:after{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Tappable--android{position:relative;transition:background-color .15s ease-out}.Tappable--android.Tappable--active:not([disabled]):not(.Button--vk-primary):not(.Button--vk-secondary):not(.Button--vk-tertiary):not(.Button--vk-rich):not(.Alert__btn--primary){background:#f0f1f3!important}.Tappable--android .Tappable__waves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.Tappable--android .Tappable__wave{position:absolute;top:0;left:0;width:24px;height:24px;margin:-12px 0 0 -12px;opacity:0;content:"";border-radius:50%;background:rgba(128,128,128,.1);animation:animation-wave .3s cubic-bezier(.4,0,.2,1)}@keyframes animation-wave{0%{transform:scale(1);opacity:1}30%{opacity:1}to{transform:scale(8);opacity:0}}.FormLayout{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;position:relative;background:#fff;list-style:none}.FormLayout--ios.FormLayout:after,.FormLayout--ios.FormLayout:before{position:absolute;right:0;left:0;z-index:1;height:1px;background:#dfdfdf;content:""}.FormLayout--ios.FormLayout:before{bottom:100%}.FormLayout--ios.FormLayout:after{top:100%}.FormLayout__row{display:-ms-flexbox;display:flex;position:relative;margin:0;white-space:nowrap;line-height:22px;max-width:100%}.FormLayout--ios .FormLayout__row{font-size:17px}.FormLayout--android .FormLayout__row{font-size:16px}.FormLayout__separator{position:relative;width:0}.FormLayout--ios .FormLayout__separator:before{position:absolute;bottom:0;width:100vw;height:1px;background:#dfdfdf;content:""}.FormLayout__row:last-child .FormLayout__label:before,.FormLayout__row:last-child .FormLayout__separator:before{content:none}.FormLayout--ios .FormLayout__separator{left:15px}.FormLayout--android .FormLayout__separator{left:0}.FormLayout__label{position:relative;-ms-flex:0 0 100px;flex:0 0 100px;max-width:100px;vertical-align:top}.FormLayout--ios .FormLayout__label:before{position:absolute;bottom:0;left:15px;width:100vw;height:1px;background:#dfdfdf;content:""}.FormLayout--android .FormLayout__label{display:none}.FormLayout__label-in{overflow:hidden;text-overflow:ellipsis}.FormLayout--ios .FormLayout__label-in{padding:11px 15px 12px}.FormLayout--android .FormLayout__label-in{padding:16px 15px 18px}.FormLayout__field{-ms-flex:1 0 auto;flex:1 0 auto;padding:0 15px;vertical-align:top}.FormLayout--ios .FormLayout__underline{display:none}.FormLayout--android .FormLayout__underline{position:absolute;bottom:9px;left:16px;right:16px;height:2px;background:linear-gradient(0deg,transparent 50%,#d6d6d6 0);content:""}.FormLayout--android input:focus+.FormLayout__underline,.FormLayout--android textarea:focus+.FormLayout__underline{background:#518bcc}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.FormLayout--ios .FormLayout__label:before,.FormLayout--ios .FormLayout__separator:before,.FormLayout--ios.FormLayout:after,.FormLayout--ios.FormLayout:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Icon--verbose{background:#ccc}.Icon--ios{width:29px;height:29px;border-radius:7px;overflow:hidden}.Icon--android{width:24px;height:24px}.Text p{margin:0 0 1em}.Text b,.Text strong{font-weight:700}.Text em,.Text i{font-style:italic}.Text a{text-decoration:none;color:#5181b8;font-weight:500}.Text--left{text-align:left}.Text--center{text-align:center}.Text--right{text-align:right}.Text--ios{font-size:15px;line-height:20px;color:#2e3033;padding:8px 15px}.Text--ios p{margin:0 0 20px}.Text--android{color:#2e3033;font-size:16px;line-height:24px;padding:8px 16px}.Alert--android .Alert__content p,.Text--android p{margin:0 0 24px}.Div--ios{padding:8px 15px}.Div--android{padding:8px 16px}.Div--shadow{box-shadow:0 0 2px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.06)}.Div--border,.Div--shadow{position:relative;background:#fff}.Div--border:after,.Div--border:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:""}.Div--border:before{bottom:100%;background:#dfdfdf}.Div--border:after{bottom:0;background:#dfdfdf}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Div--border:after,.Div--border:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}.Flex{display:-ms-flexbox;display:flex;margin:0 -6px}.Flex__item{margin:0 6px}.BackButton{vertical-align:top;padding:0 24px 0 4px}.BackButton--ios{color:#fff}.BackButton--android{color:#444547}.Button{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;position:relative;display:block;width:100%;outline:0;border:0;background:#fff;text-align:left}.Button--ios:after,.Button--ios:before{position:absolute;right:0;left:0;z-index:1;height:1px;content:""}.Button--ios:before{bottom:100%;background:#dfdfdf}.Button--ios:after{bottom:0;background:#dfdfdf}.Button--ios{font:17px/22px -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;padding:11px 15px 12px}.Button--android{font:16px/22px Roboto,Droid,Open Sans,sans-serif;padding:16px 16px 18px}.Button[disabled]{color:#8e8e93;background:#fff}.Button--left{text-align:left}.Button--center{text-align:center}.Button--right{text-align:right}.Button--ios.Button--primary{color:#007aff;font-weight:500}.Button--ios.Button--danger{color:#ff3f34}.Button--vk-rich{display:inline-block}.Button--vk-primary,.Button--vk-secondary,.Button--vk-tertiary{display:inline-block;font-size:14px;line-height:16px;padding:8px 12px;border-radius:2px}.Button+.Button:before,.Button--ios.Button--vk-primary.Tappable--active:after,.Button--ios.Button--vk-primary.Tappable--active:before,.Button--ios.Button--vk-primary:after,.Button--ios.Button--vk-primary:before,.Button--ios.Button--vk-rich.Tappable--active:after,.Button--ios.Button--vk-rich.Tappable--active:before,.Button--ios.Button--vk-rich:after,.Button--ios.Button--vk-rich:before,.Button--ios.Button--vk-secondary.Tappable--active:after,.Button--ios.Button--vk-secondary.Tappable--active:before,.Button--ios.Button--vk-secondary:after,.Button--ios.Button--vk-secondary:before,.Button--ios.Button--vk-tertiary.Tappable--active:after,.Button--ios.Button--vk-tertiary.Tappable--active:before,.Button--ios.Button--vk-tertiary:after,.Button--ios.Button--vk-tertiary:before{content:none}.Button--vk-rich{font-size:16px;font-weight:500;line-height:20px;padding:14px;background:#5181b8;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.24);border-radius:2px;color:#fff}.Button--vk-primary.Tappable--active:not([disabled]),.Button--vk-primary:active:not([disabled]),.Button--vk-rich.Tappable--active:not([disabled]),.Button--vk-rich:active:not([disabled]){background:#4872a3}.Button--vk-rich[disabled]{box-shadow:0 0 2px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.1)}.Button--vk-primary{color:#fff;background:#5181b8}.Button--vk-primary[disabled],.Button--vk-rich[disabled]{color:#fff;background:rgba(81,129,184,.4)}.Button--vk-secondary{color:#4774a8;background:rgba(0,57,115,.1)}.Button--vk-secondary.Tappable--active:not([disabled]),.Button--vk-secondary:active:not([disabled]){background:rgba(0,57,115,.2)}.Button--vk-secondary[disabled]{color:rgba(71,116,168,.4);background:rgba(0,57,115,.05)}.Button--vk-tertiary{background:0 0;color:#4774a8}.Button--vk-tertiary.Tappable--active:not([disabled]),.Button--vk-tertiary:active:not([disabled]){background:rgba(0,57,115,.1)}.Button--vk-tertiary[disabled]{color:rgba(71,116,168,.4);background:0 0}.Button--wide{width:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Button--ios:after,.Button--ios:before{background:linear-gradient(0deg,#c8c7cc 50%,transparent 0)}}#root,body,html{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-overflow-scrolling:touch;margin:0;padding:0;height:100%;background:#efeff4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.Checkbox{display:block;margin:-11px -15px;padding:8px 15px}.Checkbox__self{display:none}.Checkbox__pseudo{position:relative;display:block;-webkit-tap-highlight-color:transparent}.Checkbox__pseudo:before{position:absolute;content:"";transition:transform .1s ease}.Checkbox__self:checked+.Checkbox__pseudo:before{transform:translateX(20px)}.Checkbox--ios .Checkbox__pseudo{width:48px;height:28px;border:1px solid #e6e6e6;background:#fff;border-radius:15px;transition:background-color .1s ease,border-color .1s ease}.Checkbox--ios .Checkbox__self:checked+.Checkbox__pseudo{border-color:#4cd864;background:#4cd864}.Checkbox--ios .Checkbox__self[disabled]+.Checkbox__pseudo{border-color:#ddd;background:#ddd}.Checkbox--ios .Checkbox__pseudo:before{top:0;left:0;width:28px;height:28px;border-radius:14px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15)}.Checkbox--android .Checkbox__pseudo{width:34px;height:14px;background:#c6c5c5;border-radius:7px;transition:background-color .1s ease}.Checkbox--android .Checkbox__self:checked+.Checkbox__pseudo{background:#a8bfdb}.Checkbox--android .Checkbox__self[disabled]+.Checkbox__pseudo{opacity:.5}.Checkbox--android .Checkbox__pseudo:before{top:-3px;left:-3px;width:20px;height:20px;background:#f1f1f1;border-radius:10px;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.Checkbox--android .Checkbox__self:checked+.Checkbox__pseudo:before,.Radio__self:checked~.Radio__icon:before{background:#5181b8}.File{display:block;position:relative;overflow:hidden;padding:1px 0 0}.File__self{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10em;z-index:1;opacity:0}.Input{position:relative;display:block;margin:0;width:100%;height:22px;outline:0;border:0;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;min-width:140px}.Input--left{text-align:left}.Input--center{text-align:center}.Input--right{text-align:right}.Input--ios{font-size:17px;padding:11px 0 12px}.Input--android{font-size:16px;padding:16px 0 18px}.Textarea{display:block;margin:0;width:100%;height:66px;outline:0;border:0;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;resize:none}.Textarea--ios{font-size:17px;padding:11px 0 12px}.Textarea--android{font-size:16px;padding:16px 0 18px}.Radio{display:-ms-flexbox;display:flex;overflow:hidden;text-overflow:ellipsis;margin-right:-.5em;-ms-flex-align:center;align-items:center}.Radio__self{display:none}.Radio__label{-ms-flex:1 1 auto;flex:1 1 auto}.Radio__icon{-ms-flex:0 0 auto;flex:0 0 auto}.Radio--ios{margin:-11px 0 -12px;padding:11px 0 12px}.Radio--ios .Radio__icon{width:13px;height:11px;opacity:0;transition:opacity .14s ease}.Radio--ios .Radio__self:checked~.Radio__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='21' viewBox='0 0 26 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4 14.471L2.829 8.9.001 11.728l8.485 8.485 2.828-2.828-.086-.086L25.699 2.828 22.871 0z' fill='%23007AFF'/%3E%3C/svg%3E") 0 0/100% no-repeat;opacity:1}.Radio--android{margin:-16px 0 -17px;padding:16px 0 17px;-ms-flex-align:center;align-items:center}.Radio--android .Radio__label{-ms-flex-order:1;order:1;padding:0 0 0 18px}.Radio--android .Radio__icon{-ms-flex-order:0;order:0;position:relative;width:16px;height:16px;border-radius:10px;border:2px solid #c4c8cc;transition:border-color .14s ease}.Radio--android .Radio__icon:before{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;content:"";background:0 0;transition:background-color .14s ease}.Radio__self:checked~.Radio__icon{border-color:#5181b8}.Select,.Select__self{display:block;outline:0}.Select{margin:0;overflow:hidden;min-width:140px}.Select__self{font-family:-apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;line-height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:0 0;width:100%}.Select--ios .Select__self{font-size:17px;padding:11px 0 12px}.Select--android .Select__self{font-size:16px;padding:16px 0 18px}.Slider{position:relative;height:28px;margin:2px 14px}.Slider__in{height:100%}.Slider__dragger{position:absolute;top:50%;left:0;width:0;height:0}.Slider__dragger:before{position:absolute;top:0;width:100%;content:"";height:1px;background:#0f7afb}.Slider__thumb{position:absolute;top:-14px;right:-14px;width:28px;height:28px;content:"";transition:transform .1s ease}.Slider--ios{background:linear-gradient(180deg,#b7b7b7 1px,transparent 0) 0 14px repeat-x}.Slider--ios .Slider__thumb{border-radius:14px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15)}.Slider--android{background:linear-gradient(180deg,#bfbfbf 2px,transparent 0) 0 14px repeat-x}.Slider--android .Slider__dragger:before{height:2px;background:#5181b8}.Slider--android .Slider__thumb{top:-13px}.Slider--android .Slider__thumb:before{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;content:"";background:#5181b8;border-radius:6px;transition:box-shadow .14s ease,transform .14s ease}.Slider--android.Slider--active .Slider__thumb:before{box-shadow:0 0 0 3px rgba(128,128,128,.2);transform:scale(1.25)}#root,.Alert,body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Alert--ios{width:270px;-ms-flex:0 0 auto;flex:0 0 auto;background:rgba(255,255,255,.5);border-radius:13px;animation:animation-ios-alert-intro .2s ease}.Alert--ios .Alert__content{position:relative;padding:19px 16px 20px;border-radius:13px 13px 0 0;background:rgba(255,255,255,.75);font:13px/16px -apple-system,Helvetica Neue,Helvetica,sans-serif;text-align:center}.Alert--ios .Alert__content h2{margin:0 0 7px;font:500 17px/22px -apple-system,Helvetica Neue,Helvetica,sans-serif}.Alert__footer{display:-ms-flexbox;display:flex;margin-top:1px}.Alert--ios.Alert--v .Alert__footer{-ms-flex-direction:column;flex-direction:column}.Alert--ios .Alert__btn{position:relative;background:rgba(255,255,255,.75);-ms-flex:1 0 auto;flex:1 0 auto;font-size:17px;line-height:44px;color:#007aff;border:0;padding:0;margin:0;height:44px;display:block;outline:0}.Alert--ios .Alert__btn.Tappable--active:after,.Alert--ios .Alert__btn.Tappable--active:before{content:none}.Alert--ios .Alert__btn--primary{font-weight:500}.Alert--ios.Alert--h .Alert__btn{margin-right:1px}.Alert--ios.Alert--h .Alert__btn:first-child{border-radius:0 0 0 13px}.Alert--ios.Alert--h .Alert__btn:last-child{border-radius:0 0 13px 0;margin:0}.Alert--ios.Alert--h .Alert__btn:first-child:last-child{border-radius:0 0 13px 13px}.Alert--ios.Alert--v .Alert__btn{margin:0 0 1px}.Alert--ios.Alert--v .Alert__btn:last-child{border-radius:0 0 13px 13px;margin:0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.Alert--ios .Alert__content:after{content:"";position:absolute;top:100%;height:1px;right:0;left:0;background:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.75) 0)}.Alert--ios.Alert--h .Alert__btn:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:1px;height:auto;background:linear-gradient(270deg,transparent 50%,rgba(255,255,255,.75) 0)}.Alert--ios.Alert--h .Alert__btn.Tappable--active:after{background:linear-gradient(270deg,transparent 50%,#d9d9d9 0)}.Alert--ios.Alert--h .Alert__btn:last-child:after,.Alert--ios.Alert--v .Alert__btn:last-child:after{content:none}.Alert--ios.Alert--v .Alert__btn:after{position:absolute;top:100%;right:0;left:0;height:1px;background:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.75) 0);content:""}}.Alert--android{min-width:280px;margin:auto 24px;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.22),0 24px 24px rgba(0,0,0,.3);border-radius:2px;animation:animation-android-alert-intro .2s ease}.Alert--android .Alert__content{padding:18px 24px 16px;font-size:16px;line-height:24px;color:#71757a}.Alert--android .Alert__content h2{margin:0 0 12px;font-weight:500;font-size:20px;line-height:28px;color:#2e3033}.Alert--android .Alert__content p:last-child{margin:0}.Alert--android .Alert__footer{padding:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.Alert--android .Alert__btn{background:0 0;border:0;-ms-flex:0 0 auto;flex:0 0 auto;text-transform:uppercase;font-weight:500;font-size:14px;line-height:16px;padding:8px 16px;border-radius:2px;margin:0 0 0 12px;color:#5181b8;outline:0}.Alert--android .Alert__btn--primary{color:#fff;background:#5181b8}.Alert--android .Alert__btn--primary.Tappable--active,.Alert--android .Alert__btn--primary:active{background:#4872a3}@keyframes animation-ios-alert-intro{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes animation-android-alert-intro{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ScreenSpinner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex:0 0 auto;flex:0 0 auto}.ScreenSpinner--ios{width:88px;height:88px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:8px} \ No newline at end of file diff --git a/dist/vkui.js b/dist/vkui.js index 52ca3c5822..26eb299f29 100644 --- a/dist/vkui.js +++ b/dist/vkui.js @@ -1 +1 @@ -!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var n=t("object"==typeof exports?require("react"):e.react);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/assets/",t(t.s=65)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(64)()},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t;return n.i(i.a)(e,(t={},r(t,e+"--ios",c===a.c),r(t,e+"--android",c===a.b),t))}var a=n(5),i=n(3);t.a=o;var c=n.i(a.a)()},function(e,t,n){"use strict";function r(){var e=[];return[].concat(Array.prototype.slice.call(arguments)).forEach(function(t){if(t)switch(void 0===t?"undefined":o(t)){case"string":e.push(t);break;case"object":Object.keys(t).forEach(function(n){t[n]&&e.push(n)});break;default:e.push(""+t)}}),e.join(" ")}t.a=r;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}},function(e,t,n){"use strict";function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=Object.assign({},e);return t.forEach(function(e){return delete n[e]}),n}t.a=r},function(e,t,n){"use strict";function r(e){return i||(i=e||navigator&&navigator.userAgent||""),c||(c=/android/i.test(i)?o:a),c}n.d(t,"b",function(){return o}),n.d(t,"c",function(){return a}),t.a=r;var o="android",a="ios",i=void 0,c=void 0},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){Object.keys(k).filter(function(t){return t!==e}).forEach(function(e){clearTimeout(k[e].activeTimeout),clearTimeout(k[e].timeout),k[e].stop(),delete k[e]})}var s=n(58),u=(n.n(s),n(0)),l=n.n(u),f=n(1),p=(n.n(f),n(7)),h=n(3),d=n(2),y=n(4),v=n(5),b=n(12),m=n(13),g=Object.assign||function(e){for(var t=1;t1)return c();E===v.b&&i.onDown(t),k[i.id]={},i.getStorage().activeTimeout=setTimeout(i.start,j)},i.onMove=function(e){(e.shiftXAbs>20||e.shiftYAbs>20)&&(i.isSlide=!0,i.stop())},i.onEnd=function(e){var t=e.originalEvent,n=w();if(t.touches&&t.touches.length>0)return void(i.isSlide=!1);if(i.state.active)if(setTimeout(function(){return i.callback()},0),n-i.state.ts>=100)i.stop();else{var r=setTimeout(i.stop,P-n+i.state.ts),o=i.getStorage();o&&(o.timeout=r)}else if(!i.isSlide){setTimeout(function(){return i.callback()},0),i.start();var a=setTimeout(i.stop,P);i.getStorage()?(clearTimeout(i.getStorage().activeTimeout),i.getStorage().timeout=a):i.timeout=a}i.isSlide=!1},i.onDown=function(e){var t=n.i(b.a)(i.container),o=t.top,a=t.left,c=n.i(m.b)(e),s=n.i(m.c)(e),u="wave"+Date.now();i.setState(function(e){return{clicks:Object.assign({},e.clicks,r({},u,{x:Math.round(c-a),y:Math.round(s-o)}))}}),i.wavesTimeout=setTimeout(function(){i.setState(function(e){var t=Object.assign({},e.clicks);return delete t[u],{clicks:t}})},225)},i.start=function(){i.state.active||i.setState({active:!0,ts:w()}),c(i.id)},i.stop=function(){i.state.active&&i.setState({active:!1,ts:null}),i.getStorage()&&(clearTimeout(i.getStorage().activeTimeout),delete k[i.id])},i.getStorage=function(){return k[i.id]},i.getContainer=function(e){e&&e.container&&(i.container=e.container)},i.id=Math.round(1e8*Math.random()).toString(16),i.state={clicks:{},active:!1,ts:null},i}return i(t,e),_(t,[{key:"callback",value:function(){this.props.onClick&&this.props.onClick()}},{key:"componentWillUnmount",value:function(){k[this.id]&&(clearTimeout(k[this.id].timeout),clearTimeout(k[this.id].activeTimeout),delete k[this.id]),clearTimeout(this.wavesTimeout)}},{key:"render",value:function(){var e=this.state,t=e.clicks,r=e.active,o=this.props.onClick?p.a:this.props.component,a=n.i(h.a)(O,this.props.className,{"Tappable--active":r,"Tappable--inactive":!r}),i={};this.props.onClick&&(i.component=this.props.component,i.onStart=this.onStart,i.onMove=this.onMove,i.onEnd=this.onEnd,i.ref=this.getContainer);var c=n.i(y.a)(Object.assign({},this.props),["onClick","children","className","component"]);return l.a.createElement(o,g({className:a},i,c),E===v.b&&l.a.createElement("span",{className:"Tappable__waves",ref:this.getContainer},Object.keys(t).map(function(e){return l.a.createElement("span",{className:"Tappable__wave",style:{top:t[e].y,left:t[e].x},key:e})})),this.props.children)}}]),t}(u.Component);S.defaultProps={component:"div"},t.a=S},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var c=n(0),s=n.n(c),u=n(1),l=(n.n(u),n(13)),f=n(4),p=Object.assign||function(e){for(var t=1;t1)return i.onEnd(e);if(!o&&!a){var d=p>=5&&p>h,y=h>=5&&h>p,v=d&&!!i.props.onMoveX||!!i.props.onMove,b=y&&!!i.props.onMoveY||!!i.props.onMove;i.gesture.isY=y,i.gesture.isX=d,i.gesture.isSlideX=v,i.gesture.isSlideY=b,i.gesture.isSlide=v||b}if(i.gesture.isSlide){i.gesture.shiftX=u,i.gesture.shiftY=f,i.gesture.shiftXAbs=p,i.gesture.shiftYAbs=h;var m=Object.assign({},i.gesture,{originalEvent:e});i.props.onMove&&i.props.onMove(m),i.gesture.isSlideX&&i.props.onMoveX&&i.props.onMoveX(m),i.gesture.isSlideY&&i.props.onMoveY&&i.props.onMoveY(m)}}},i.onEnd=function(e){var t=i.gesture,n=t.isPressed,r=t.isSlide,o=t.isSlideX,a=t.isSlideY;if(n){var c=Object.assign({},i.gesture,{originalEvent:e});i.props.onEnd&&i.props.onEnd(c),a&&i.props.onEndY&&i.props.onEndY(c),o&&i.props.onEndX&&i.props.onEndX(c)}i.cancelClick="A"===e.target.tagName&&r,i.gesture={},document.removeEventListener(d[1],i.onMove),document.removeEventListener(d[2],i.onEnd),document.removeEventListener(d[3],i.onEnd)},i.onDragStart=function(e){return"A"===e.target.tagName||"IMG"===e.target.tagName?e.preventDefault():void 0},i.onClick=function(e){if(i.cancelClick)return i.cancelClick=!1,e.preventDefault()},i.getRef=function(e){i.container=e},c=r,a(i,c)}return i(t,e),h(t,[{key:"render",value:function(){var e,t=(e={},r(e,d[0],this.onStart),r(e,"onDragStart",this.onDragStart),r(e,"onClick",this.onClick),e),o=this.props.component,a=n.i(f.a)(Object.assign({},this.props),["onStart","onStartX","onStartY","onMove","onMoveX","onMoveY","onEnd","onEndX","onEndY","component"]);return s.a.createElement(o,p({},t,a,{ref:this.getRef}),this.props.children)}}]),t}(c.Component);y.defaultProps={component:"div",children:""},t.a=y},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(57),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(2)),f=n(5),p=n(3),h=n(35),d=n(36),y=function(){function e(e,t){for(var n=0;n=0&&r<=0&&null!==n.startShift&&(n.startShift=e.shiftY),r<=0&&e.shiftY>=0){n.started=!0;var o=Math.abs(n.startShift-e.shiftY)/_,a=o*_;o>=1&&(a=Math.min(_+.2*_*(o-1),2*_));var i={shift:a,progress:Math.min(Math.round(100*o),100),pullStyles:{transform:"translate3d(0, "+a+"px, 0)",transition:"none"},styles:m===d.c?{transform:"translate3d(0, "+a+"px, 0)",transition:"none"}:{}};n.setState(i),n.prevScrollTopValue=r,e.originalEvent.preventDefault()}}},n.onEnd=function(e){if(n.started){var t={on:!1,shift:void 0,progress:null,pullStyles:{transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"},styles:m===d.c?{transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"}:{}},r=Math.abs(n.startShift-e.shiftY)/_,o=r>=1;n.startShift=null,n.setState({on:o,progress:o?null:Math.min(Math.round(100*r),100),pullStyles:{transform:"translate3d(0, "+(o?_:0)+"px, 0)",transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"},styles:m===d.c?{transform:"translate3d(0, "+(o?_:0)+"px, 0)",transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"}:{}}),o&&(n.pulled=!0,n.props.onPull().then(function(){n.setState(t),n.pulled=!1})),n.started=!1}},n.getRef=function(e){n.container=e},n.state={on:!1},n}return a(t,e),b(t,[{key:"shouldComponentUpdate",value:function(e){return e.activePanel===e.id}},{key:"render",value:function(){var e=this.props,t=e.onPull,r=e.className,o="div",a={};return t&&(o=h.a,a={onMove:this.onMove,onEnd:this.onEnd}),s.a.createElement(o,v({className:n.i(y.a)(g,r)},n.i(f.a)(this.props,["header","onPull","className","activePanel"]),a,{ref:this.getRef}),t&&s.a.createElement("div",{className:"ScrollView__top",style:this.state.pullStyles},s.a.createElement(p.a,{size:m===d.c?27:25,strokeWidth:3,on:this.state.on,progress:this.state.on?null:this.state.progress})),s.a.createElement("div",{className:"ScrollView__in",style:this.state.styles},this.props.children))}}]),t}(c.Component);w.defaultProps={children:""},t.a=w},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(55),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(4)),f=n(2),p=Object.assign||function(e){for(var t=1;t0){var u=Math.round((r-n)/o);return{position:Math.round(i*u)*o/(r-n)*100,absolutePosition:c,value:n+Math.round(i*u)*o}}return{position:s,absolutePosition:c,value:n+(r-n)*i}}},{key:"componentDidMount",value:function(){window.addEventListener("resize",this.onResize),this.onResize()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.onResize)}},{key:"render",value:function(){var e={"Slider--active":this.state.active};return s.a.createElement("div",{className:n.i(f.a)(d,e),ref:this.getRef},s.a.createElement(l.a,{onStart:this.onStart,onMove:this.onMove,onEnd:this.onEnd,className:"Slider__in"},s.a.createElement("div",{className:"Slider__dragger",style:{width:this.state.position+"%"}},s.a.createElement("span",{className:"Slider__thumb"}))))}}]),t}(c.Component);y.defaultProps={min:0,max:100,value:0,step:0},t.a=y},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(59),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(3)),f=n(2),p=function(){function e(e,t){for(var n=0;n2&&void 0!==arguments[2]?arguments[2]:"div";return e?"string"==typeof e?a.a.createElement(n,t,e):e:null}var o=n(0),a=n.n(o);t.a=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(0),c=n.n(i),s=n(1),u=(n.n(s),n(11)),l=function(){function e(e,t){for(var n=0;n1&&(o=1);var a=e.timing(o);e.draw(a),o<1&&window.requestAnimationFrame(n)})}}t.a=r},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";function r(e,t,n,r,a,i,c,s){if(o(t),!e){var u;if(void 0===t)u=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,a,i,c,s],f=0;u=Error(t.replace(/%s/g,function(){return l[f++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}}var o=function(e){};e.exports=r},function(e,t,n){"use strict";var r=n(62),o=n(63);e.exports=function(){function e(){o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(33);n.d(t,"View",function(){return r.a});var o=n(28);n.d(t,"ScrollView",function(){return o.a});var a=n(22);n.d(t,"Group",function(){return a.a});var i=n(18);n.d(t,"Entity",function(){return i.a});var c=n(25);n.d(t,"List",function(){return c.a});var s=n(10);n.d(t,"ListItem",function(){return s.a});var u=n(21);n.d(t,"FormLayout",function(){return u.a});var l=n(23);n.d(t,"Icon",function(){return l.a});var f=n(31);n.d(t,"Text",function(){return f.a});var p=n(17);n.d(t,"Div",function(){return p.a});var h=n(20);n.d(t,"Flex",function(){return h.a});var d=n(15);n.d(t,"BackButton",function(){return d.a});var y=n(9);n.d(t,"Button",function(){return y.a});var v=n(16);n.d(t,"Checkbox",function(){return v.a});var b=n(19);n.d(t,"File",function(){return b.a});var m=n(24);n.d(t,"Input",function(){return m.a});var g=n(32);n.d(t,"Textarea",function(){return g.a});var _=n(26);n.d(t,"Radio",function(){return _.a});var w=n(29);n.d(t,"Select",function(){return w.a});var O=n(30);n.d(t,"Slider",function(){return O.a});var E=n(6);n.d(t,"Tappable",function(){return E.a});var j=n(7);n.d(t,"Touch",function(){return j.a});var P=n(14);n.d(t,"Alert",function(){return P.a});var k=n(8);n.d(t,"Spinner",function(){return k.a});var S=n(27);n.d(t,"ScreenSpinner",function(){return S.a});var C=n(3);n.d(t,"classnames",function(){return C.a});var T=n(11);n.d(t,"keyframes",function(){return T.a});var N=n(12);n.d(t,"getOffsetRect",function(){return N.a});var x=n(5);n.d(t,"platform",function(){return x.a}),n.d(t,"ANDROID",function(){return x.b}),n.d(t,"IOS",function(){return x.c});var M=n(4);n.d(t,"removeObjectKeys",function(){return M.a});var R=n(2);n.d(t,"getClassName",function(){return R.a});var L=n(34);n.d(t,"wrapTextNode",function(){return L.a})}])}); \ No newline at end of file +!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"));else if("function"==typeof define&&define.amd)define(["react"],t);else{var n=t("object"==typeof exports?require("react"):e.react);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/assets/",t(t.s=65)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(64)()},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){var t;return n.i(i.a)(e,(t={},r(t,e+"--ios",c===a.c),r(t,e+"--android",c===a.b),t))}var a=n(5),i=n(3);t.a=o;var c=n.i(a.a)()},function(e,t,n){"use strict";function r(){var e=[];return[].concat(Array.prototype.slice.call(arguments)).forEach(function(t){if(t)switch(void 0===t?"undefined":o(t)){case"string":e.push(t);break;case"object":Object.keys(t).forEach(function(n){t[n]&&e.push(n)});break;default:e.push(""+t)}}),e.join(" ")}t.a=r;var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}},function(e,t,n){"use strict";function r(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=Object.assign({},e);return t.forEach(function(e){return delete n[e]}),n}t.a=r},function(e,t,n){"use strict";function r(e){return i||(i=e||navigator&&navigator.userAgent||""),c||(c=/android/i.test(i)?o:a),c}n.d(t,"b",function(){return o}),n.d(t,"c",function(){return a}),t.a=r;var o="android",a="ios",i=void 0,c=void 0},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){Object.keys(k).filter(function(t){return t!==e}).forEach(function(e){clearTimeout(k[e].activeTimeout),clearTimeout(k[e].timeout),k[e].stop(),delete k[e]})}var s=n(58),u=(n.n(s),n(0)),l=n.n(u),f=n(1),p=(n.n(f),n(7)),h=n(3),d=n(2),y=n(4),v=n(5),b=n(12),m=n(13),g=Object.assign||function(e){for(var t=1;t1)return c();E===v.b&&i.onDown(t),k[i.id]={},i.getStorage().stop=i.stop,i.getStorage().activeTimeout=setTimeout(i.start,j)},i.onMove=function(e){(e.shiftXAbs>20||e.shiftYAbs>20)&&(i.isSlide=!0,i.stop())},i.onEnd=function(e){var t=e.originalEvent,n=w();if(t.touches&&t.touches.length>0)return void(i.isSlide=!1);if(i.state.active)if(setTimeout(function(){return i.callback()},0),n-i.state.ts>=100)i.stop();else{var r=setTimeout(i.stop,P-n+i.state.ts),o=i.getStorage();o&&(o.timeout=r)}else if(!i.isSlide){setTimeout(function(){return i.callback()},0),i.start();var a=setTimeout(i.stop,P);i.getStorage()?(clearTimeout(i.getStorage().activeTimeout),i.getStorage().timeout=a):i.timeout=a}i.isSlide=!1},i.onDown=function(e){var t=n.i(b.a)(i.container),o=t.top,a=t.left,c=n.i(m.b)(e),s=n.i(m.c)(e),u="wave"+Date.now();i.setState(function(e){return{clicks:Object.assign({},e.clicks,r({},u,{x:Math.round(c-a),y:Math.round(s-o)}))}}),i.wavesTimeout=setTimeout(function(){i.setState(function(e){var t=Object.assign({},e.clicks);return delete t[u],{clicks:t}})},225)},i.start=function(){i.state.active||i.setState({active:!0,ts:w()}),c(i.id)},i.stop=function(){i.state.active&&i.setState({active:!1,ts:null}),i.getStorage()&&(clearTimeout(i.getStorage().activeTimeout),delete k[i.id])},i.getStorage=function(){return k[i.id]},i.getContainer=function(e){e&&e.container&&(i.container=e.container)},i.id=Math.round(1e8*Math.random()).toString(16),i.state={clicks:{},active:!1,ts:null},i}return i(t,e),_(t,[{key:"callback",value:function(){this.props.onClick&&this.props.onClick()}},{key:"componentWillUnmount",value:function(){k[this.id]&&(clearTimeout(k[this.id].timeout),clearTimeout(k[this.id].activeTimeout),delete k[this.id]),clearTimeout(this.wavesTimeout)}},{key:"render",value:function(){var e=this.state,t=e.clicks,r=e.active,o=this.props.onClick?p.a:this.props.component,a=n.i(h.a)(O,this.props.className,{"Tappable--active":r,"Tappable--inactive":!r}),i={};this.props.onClick&&(i.component=this.props.component,i.onStart=this.onStart,i.onMove=this.onMove,i.onEnd=this.onEnd,i.ref=this.getContainer);var c=n.i(y.a)(Object.assign({},this.props),["onClick","children","className","component"]);return l.a.createElement(o,g({className:a},i,c),E===v.b&&l.a.createElement("span",{className:"Tappable__waves",ref:this.getContainer},Object.keys(t).map(function(e){return l.a.createElement("span",{className:"Tappable__wave",style:{top:t[e].y,left:t[e].x},key:e})})),this.props.children)}}]),t}(u.Component);S.defaultProps={component:"div"},t.a=S},function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var c=n(0),s=n.n(c),u=n(1),l=(n.n(u),n(13)),f=n(4),p=Object.assign||function(e){for(var t=1;t1)return i.onEnd(e);if(!o&&!a){var d=p>=5&&p>h,y=h>=5&&h>p,v=d&&!!i.props.onMoveX||!!i.props.onMove,b=y&&!!i.props.onMoveY||!!i.props.onMove;i.gesture.isY=y,i.gesture.isX=d,i.gesture.isSlideX=v,i.gesture.isSlideY=b,i.gesture.isSlide=v||b}if(i.gesture.isSlide){i.gesture.shiftX=u,i.gesture.shiftY=f,i.gesture.shiftXAbs=p,i.gesture.shiftYAbs=h;var m=Object.assign({},i.gesture,{originalEvent:e});i.props.onMove&&i.props.onMove(m),i.gesture.isSlideX&&i.props.onMoveX&&i.props.onMoveX(m),i.gesture.isSlideY&&i.props.onMoveY&&i.props.onMoveY(m)}}},i.onEnd=function(e){var t=i.gesture,n=t.isPressed,r=t.isSlide,o=t.isSlideX,a=t.isSlideY;if(n){var c=Object.assign({},i.gesture,{originalEvent:e});i.props.onEnd&&i.props.onEnd(c),a&&i.props.onEndY&&i.props.onEndY(c),o&&i.props.onEndX&&i.props.onEndX(c)}i.cancelClick="A"===e.target.tagName&&r,i.gesture={},document.removeEventListener(d[1],i.onMove),document.removeEventListener(d[2],i.onEnd),document.removeEventListener(d[3],i.onEnd)},i.onDragStart=function(e){return"A"===e.target.tagName||"IMG"===e.target.tagName?e.preventDefault():void 0},i.onClick=function(e){if(i.cancelClick)return i.cancelClick=!1,e.preventDefault()},i.getRef=function(e){i.container=e},c=r,a(i,c)}return i(t,e),h(t,[{key:"render",value:function(){var e,t=(e={},r(e,d[0],this.onStart),r(e,"onDragStart",this.onDragStart),r(e,"onClick",this.onClick),e),o=this.props.component,a=n.i(f.a)(Object.assign({},this.props),["onStart","onStartX","onStartY","onMove","onMoveX","onMoveY","onEnd","onEndX","onEndY","component"]);return s.a.createElement(o,p({},t,a,{ref:this.getRef}),this.props.children)}}]),t}(c.Component);y.defaultProps={component:"div",children:""},t.a=y},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(57),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(2)),f=n(5),p=n(3),h=n(35),d=n(36),y=function(){function e(e,t){for(var n=0;n=0&&r<=0&&null!==n.startShift&&(n.startShift=e.shiftY),r<=0&&e.shiftY>=0){n.started=!0;var o=Math.abs(n.startShift-e.shiftY)/_,a=o*_;o>=1&&(a=Math.min(_+.2*_*(o-1),2*_));var i={shift:a,progress:Math.min(Math.round(100*o),100),pullStyles:{transform:"translate3d(0, "+a+"px, 0)",transition:"none"},styles:m===d.c?{transform:"translate3d(0, "+a+"px, 0)",transition:"none"}:{}};n.setState(i),n.prevScrollTopValue=r,e.originalEvent.preventDefault()}}},n.onEnd=function(e){if(n.started){var t={on:!1,shift:void 0,progress:null,pullStyles:{transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"},styles:m===d.c?{transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"}:{}},r=Math.abs(n.startShift-e.shiftY)/_,o=r>=1;n.startShift=null,n.setState({on:o,progress:o?null:Math.min(Math.round(100*r),100),pullStyles:{transform:"translate3d(0, "+(o?_:0)+"px, 0)",transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"},styles:m===d.c?{transform:"translate3d(0, "+(o?_:0)+"px, 0)",transition:"transform .24s cubic-bezier(.36, .66, .04, 1)"}:{}}),o&&(n.pulled=!0,n.props.onPull().then(function(){n.setState(t),n.pulled=!1})),n.started=!1}},n.getRef=function(e){n.container=e},n.state={on:!1},n}return a(t,e),b(t,[{key:"shouldComponentUpdate",value:function(e){return e.activePanel===e.id}},{key:"render",value:function(){var e=this.props,t=e.onPull,r=e.className,o="div",a={};return t&&(o=h.a,a={onMove:this.onMove,onEnd:this.onEnd}),s.a.createElement(o,v({className:n.i(y.a)(g,r)},n.i(f.a)(this.props,["header","onPull","className","activePanel"]),a,{ref:this.getRef}),t&&s.a.createElement("div",{className:"ScrollView__top",style:this.state.pullStyles},s.a.createElement(p.a,{size:m===d.c?27:25,strokeWidth:3,on:this.state.on,progress:this.state.on?null:this.state.progress})),s.a.createElement("div",{className:"ScrollView__in",style:this.state.styles},this.props.children))}}]),t}(c.Component);w.defaultProps={children:""},t.a=w},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(55),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(4)),f=n(2),p=Object.assign||function(e){for(var t=1;t0){var u=Math.round((r-n)/o);return{position:Math.round(i*u)*o/(r-n)*100,absolutePosition:c,value:n+Math.round(i*u)*o}}return{position:s,absolutePosition:c,value:n+(r-n)*i}}},{key:"componentDidMount",value:function(){window.addEventListener("resize",this.onResize),this.onResize()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.onResize)}},{key:"render",value:function(){var e={"Slider--active":this.state.active};return s.a.createElement("div",{className:n.i(f.a)(d,e),ref:this.getRef},s.a.createElement(l.a,{onStart:this.onStart,onMove:this.onMove,onEnd:this.onEnd,className:"Slider__in"},s.a.createElement("div",{className:"Slider__dragger",style:{width:this.state.position+"%"}},s.a.createElement("span",{className:"Slider__thumb"}))))}}]),t}(c.Component);y.defaultProps={min:0,max:100,value:0,step:0},t.a=y},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(59),c=(n.n(i),n(0)),s=n.n(c),u=n(1),l=(n.n(u),n(3)),f=n(2),p=function(){function e(e,t){for(var n=0;n2&&void 0!==arguments[2]?arguments[2]:"div";return e?"string"==typeof e?a.a.createElement(n,t,e):e:null}var o=n(0),a=n.n(o);t.a=r},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=n(0),c=n.n(i),s=n(1),u=(n.n(s),n(11)),l=function(){function e(e,t){for(var n=0;n1&&(o=1);var a=e.timing(o);e.draw(a),o<1&&window.requestAnimationFrame(n)})}}t.a=r},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t){},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";function r(e,t,n,r,a,i,c,s){if(o(t),!e){var u;if(void 0===t)u=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,a,i,c,s],f=0;u=Error(t.replace(/%s/g,function(){return l[f++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}}var o=function(e){};e.exports=r},function(e,t,n){"use strict";var r=n(62),o=n(63);e.exports=function(){function e(){o(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(33);n.d(t,"View",function(){return r.a});var o=n(28);n.d(t,"ScrollView",function(){return o.a});var a=n(22);n.d(t,"Group",function(){return a.a});var i=n(18);n.d(t,"Entity",function(){return i.a});var c=n(25);n.d(t,"List",function(){return c.a});var s=n(10);n.d(t,"ListItem",function(){return s.a});var u=n(21);n.d(t,"FormLayout",function(){return u.a});var l=n(23);n.d(t,"Icon",function(){return l.a});var f=n(31);n.d(t,"Text",function(){return f.a});var p=n(17);n.d(t,"Div",function(){return p.a});var h=n(20);n.d(t,"Flex",function(){return h.a});var d=n(15);n.d(t,"BackButton",function(){return d.a});var y=n(9);n.d(t,"Button",function(){return y.a});var v=n(16);n.d(t,"Checkbox",function(){return v.a});var b=n(19);n.d(t,"File",function(){return b.a});var m=n(24);n.d(t,"Input",function(){return m.a});var g=n(32);n.d(t,"Textarea",function(){return g.a});var _=n(26);n.d(t,"Radio",function(){return _.a});var w=n(29);n.d(t,"Select",function(){return w.a});var O=n(30);n.d(t,"Slider",function(){return O.a});var E=n(6);n.d(t,"Tappable",function(){return E.a});var j=n(7);n.d(t,"Touch",function(){return j.a});var P=n(14);n.d(t,"Alert",function(){return P.a});var k=n(8);n.d(t,"Spinner",function(){return k.a});var S=n(27);n.d(t,"ScreenSpinner",function(){return S.a});var C=n(3);n.d(t,"classnames",function(){return C.a});var T=n(11);n.d(t,"keyframes",function(){return T.a});var N=n(12);n.d(t,"getOffsetRect",function(){return N.a});var x=n(5);n.d(t,"platform",function(){return x.a}),n.d(t,"ANDROID",function(){return x.b}),n.d(t,"IOS",function(){return x.c});var M=n(4);n.d(t,"removeObjectKeys",function(){return M.a});var R=n(2);n.d(t,"getClassName",function(){return R.a});var L=n(34);n.d(t,"wrapTextNode",function(){return L.a})}])}); \ No newline at end of file diff --git a/package.json b/package.json index 7967e8ed6f..64a87349db 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vkui", - "version": "0.6.0", + "version": "0.6.4", "private": true, "main": "dist/vkui.js", "devDependencies": {