cup-demo/index.html at master · iosorin/cup-demo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html data-n-head-ssr data-n-head="">
  <head data-n-head="">
    <title data-n-head="true">configurator</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="true" data-hid="description" name="description" content="Nuxt.js + Vuetify.js project"><link data-n-head="true" rel="icon" type="image/x-icon" href="favicon.ico"><link data-n-head="true" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons"><style data-n-head="true" id="vuetify-theme-stylesheet" type="text/css">a{color:#1976d2}.primary{background-color:#1976d2!important;border-color:#1976d2!important}.primary--text{color:#1976d2!important;caret-color:#1976d2!important}.primary.lighten-5{background-color:#c7fdff!important;border-color:#c7fdff!important}.primary--text.text--lighten-5{color:#c7fdff!important;caret-color:#c7fdff!important}.primary.lighten-4{background-color:#a8e0ff!important;border-color:#a8e0ff!important}.primary--text.text--lighten-4{color:#a8e0ff!important;caret-color:#a8e0ff!important}.primary.lighten-3{background-color:#8ac5ff!important;border-color:#8ac5ff!important}.primary--text.text--lighten-3{color:#8ac5ff!important;caret-color:#8ac5ff!important}.primary.lighten-2{background-color:#6aaaff!important;border-color:#6aaaff!important}.primary--text.text--lighten-2{color:#6aaaff!important;caret-color:#6aaaff!important}.primary.lighten-1{background-color:#488fef!important;border-color:#488fef!important}.primary--text.text--lighten-1{color:#488fef!important;caret-color:#488fef!important}.primary.darken-1{background-color:#005eb6!important;border-color:#005eb6!important}.primary--text.text--darken-1{color:#005eb6!important;caret-color:#005eb6!important}.primary.darken-2{background-color:#00479b!important;border-color:#00479b!important}.primary--text.text--darken-2{color:#00479b!important;caret-color:#00479b!important}.primary.darken-3{background-color:#003180!important;border-color:#003180!important}.primary--text.text--darken-3{color:#003180!important;caret-color:#003180!important}.primary.darken-4{background-color:#001e67!important;border-color:#001e67!important}.primary--text.text--darken-4{color:#001e67!important;caret-color:#001e67!important}.secondary{background-color:#424242!important;border-color:#424242!important}.secondary--text{color:#424242!important;caret-color:#424242!important}.secondary.lighten-5{background-color:#c1c1c1!important;border-color:#c1c1c1!important}.secondary--text.text--lighten-5{color:#c1c1c1!important;caret-color:#c1c1c1!important}.secondary.lighten-4{background-color:#a6a6a6!important;border-color:#a6a6a6!important}.secondary--text.text--lighten-4{color:#a6a6a6!important;caret-color:#a6a6a6!important}.secondary.lighten-3{background-color:#8b8b8b!important;border-color:#8b8b8b!important}.secondary--text.text--lighten-3{color:#8b8b8b!important;caret-color:#8b8b8b!important}.secondary.lighten-2{background-color:#727272!important;border-color:#727272!important}.secondary--text.text--lighten-2{color:#727272!important;caret-color:#727272!important}.secondary.lighten-1{background-color:#595959!important;border-color:#595959!important}.secondary--text.text--lighten-1{color:#595959!important;caret-color:#595959!important}.secondary.darken-1{background-color:#2c2c2c!important;border-color:#2c2c2c!important}.secondary--text.text--darken-1{color:#2c2c2c!important;caret-color:#2c2c2c!important}.secondary.darken-2{background-color:#171717!important;border-color:#171717!important}.secondary--text.text--darken-2{color:#171717!important;caret-color:#171717!important}.secondary.darken-3{background-color:#000!important;border-color:#000!important}.secondary--text.text--darken-3{color:#000!important;caret-color:#000!important}.secondary.darken-4{background-color:#000!important;border-color:#000!important}.secondary--text.text--darken-4{color:#000!important;caret-color:#000!important}.accent{background-color:#82b1ff!important;border-color:#82b1ff!important}.accent--text{color:#82b1ff!important;caret-color:#82b1ff!important}.accent.lighten-5{background-color:#fff!important;border-color:#fff!important}.accent--text.text--lighten-5{color:#fff!important;caret-color:#fff!important}.accent.lighten-4{background-color:#f8ffff!important;border-color:#f8ffff!important}.accent--text.text--lighten-4{color:#f8ffff!important;caret-color:#f8ffff!important}.accent.lighten-3{background-color:#daffff!important;border-color:#daffff!important}.accent--text.text--lighten-3{color:#daffff!important;caret-color:#daffff!important}.accent.lighten-2{background-color:#bce8ff!important;border-color:#bce8ff!important}.accent--text.text--lighten-2{color:#bce8ff!important;caret-color:#bce8ff!important}.accent.lighten-1{background-color:#9fccff!important;border-color:#9fccff!important}.accent--text.text--lighten-1{color:#9fccff!important;caret-color:#9fccff!important}.accent.darken-1{background-color:#6596e2!important;border-color:#6596e2!important}.accent--text.text--darken-1{color:#6596e2!important;caret-color:#6596e2!important}.accent.darken-2{background-color:#467dc6!important;border-color:#467dc6!important}.accent--text.text--darken-2{color:#467dc6!important;caret-color:#467dc6!important}.accent.darken-3{background-color:#2364aa!important;border-color:#2364aa!important}.accent--text.text--darken-3{color:#2364aa!important;caret-color:#2364aa!important}.accent.darken-4{background-color:#004c90!important;border-color:#004c90!important}.accent--text.text--darken-4{color:#004c90!important;caret-color:#004c90!important}.error{background-color:#ff5252!important;border-color:#ff5252!important}.error--text{color:#ff5252!important;caret-color:#ff5252!important}.error.lighten-5{background-color:#ffe4d5!important;border-color:#ffe4d5!important}.error--text.text--lighten-5{color:#ffe4d5!important;caret-color:#ffe4d5!important}.error.lighten-4{background-color:#ffc6b9!important;border-color:#ffc6b9!important}.error--text.text--lighten-4{color:#ffc6b9!important;caret-color:#ffc6b9!important}.error.lighten-3{background-color:#ffa99e!important;border-color:#ffa99e!important}.error--text.text--lighten-3{color:#ffa99e!important;caret-color:#ffa99e!important}.error.lighten-2{background-color:#ff8c84!important;border-color:#ff8c84!important}.error--text.text--lighten-2{color:#ff8c84!important;caret-color:#ff8c84!important}.error.lighten-1{background-color:#ff6f6a!important;border-color:#ff6f6a!important}.error--text.text--lighten-1{color:#ff6f6a!important;caret-color:#ff6f6a!important}.error.darken-1{background-color:#df323b!important;border-color:#df323b!important}.error--text.text--darken-1{color:#df323b!important;caret-color:#df323b!important}.error.darken-2{background-color:#bf0025!important;border-color:#bf0025!important}.error--text.text--darken-2{color:#bf0025!important;caret-color:#bf0025!important}.error.darken-3{background-color:#9f0010!important;border-color:#9f0010!important}.error--text.text--darken-3{color:#9f0010!important;caret-color:#9f0010!important}.error.darken-4{background-color:maroon!important;border-color:maroon!important}.error--text.text--darken-4{color:maroon!important;caret-color:maroon!important}.info{background-color:#2196f3!important;border-color:#2196f3!important}.info--text{color:#2196f3!important;caret-color:#2196f3!important}.info.lighten-5{background-color:#d4ffff!important;border-color:#d4ffff!important}.info--text.text--lighten-5{color:#d4ffff!important;caret-color:#d4ffff!important}.info.lighten-4{background-color:#b5ffff!important;border-color:#b5ffff!important}.info--text.text--lighten-4{color:#b5ffff!important;caret-color:#b5ffff!important}.info.lighten-3{background-color:#95e8ff!important;border-color:#95e8ff!important}.info--text.text--lighten-3{color:#95e8ff!important;caret-color:#95e8ff!important}.info.lighten-2{background-color:#75ccff!important;border-color:#75ccff!important}.info--text.text--lighten-2{color:#75ccff!important;caret-color:#75ccff!important}.info.lighten-1{background-color:#51b0ff!important;border-color:#51b0ff!important}.info--text.text--lighten-1{color:#51b0ff!important;caret-color:#51b0ff!important}.info.darken-1{background-color:#007cd6!important;border-color:#007cd6!important}.info--text.text--darken-1{color:#007cd6!important;caret-color:#007cd6!important}.info.darken-2{background-color:#0064ba!important;border-color:#0064ba!important}.info--text.text--darken-2{color:#0064ba!important;caret-color:#0064ba!important}.info.darken-3{background-color:#004d9f!important;border-color:#004d9f!important}.info--text.text--darken-3{color:#004d9f!important;caret-color:#004d9f!important}.info.darken-4{background-color:#003784!important;border-color:#003784!important}.info--text.text--darken-4{color:#003784!important;caret-color:#003784!important}.success{background-color:#4caf50!important;border-color:#4caf50!important}.success--text{color:#4caf50!important;caret-color:#4caf50!important}.success.lighten-5{background-color:#dcffd6!important;border-color:#dcffd6!important}.success--text.text--lighten-5{color:#dcffd6!important;caret-color:#dcffd6!important}.success.lighten-4{background-color:#beffba!important;border-color:#beffba!important}.success--text.text--lighten-4{color:#beffba!important;caret-color:#beffba!important}.success.lighten-3{background-color:#a2ff9e!important;border-color:#a2ff9e!important}.success--text.text--lighten-3{color:#a2ff9e!important;caret-color:#a2ff9e!important}.success.lighten-2{background-color:#85e783!important;border-color:#85e783!important}.success--text.text--lighten-2{color:#85e783!important;caret-color:#85e783!important}.success.lighten-1{background-color:#69cb69!important;border-color:#69cb69!important}.success--text.text--lighten-1{color:#69cb69!important;caret-color:#69cb69!important}.success.darken-1{background-color:#2d9437!important;border-color:#2d9437!important}.success--text.text--darken-1{color:#2d9437!important;caret-color:#2d9437!important}.success.darken-2{background-color:#00791e!important;border-color:#00791e!important}.success--text.text--darken-2{color:#00791e!important;caret-color:#00791e!important}.success.darken-3{background-color:#006000!important;border-color:#006000!important}.success--text.text--darken-3{color:#006000!important;caret-color:#006000!important}.success.darken-4{background-color:#004700!important;border-color:#004700!important}.success--text.text--darken-4{color:#004700!important;caret-color:#004700!important}.warning{background-color:#fb8c00!important;border-color:#fb8c00!important}.warning--text{color:#fb8c00!important;caret-color:#fb8c00!important}.warning.lighten-5{background-color:#ffff9e!important;border-color:#ffff9e!important}.warning--text.text--lighten-5{color:#ffff9e!important;caret-color:#ffff9e!important}.warning.lighten-4{background-color:#fffb82!important;border-color:#fffb82!important}.warning--text.text--lighten-4{color:#fffb82!important;caret-color:#fffb82!important}.warning.lighten-3{background-color:#ffdf67!important;border-color:#ffdf67!important}.warning--text.text--lighten-3{color:#ffdf67!important;caret-color:#ffdf67!important}.warning.lighten-2{background-color:#ffc24b!important;border-color:#ffc24b!important}.warning--text.text--lighten-2{color:#ffc24b!important;caret-color:#ffc24b!important}.warning.lighten-1{background-color:#ffa72d!important;border-color:#ffa72d!important}.warning--text.text--lighten-1{color:#ffa72d!important;caret-color:#ffa72d!important}.warning.darken-1{background-color:#db7200!important;border-color:#db7200!important}.warning--text.text--darken-1{color:#db7200!important;caret-color:#db7200!important}.warning.darken-2{background-color:#bb5900!important;border-color:#bb5900!important}.warning--text.text--darken-2{color:#bb5900!important;caret-color:#bb5900!important}.warning.darken-3{background-color:#9d4000!important;border-color:#9d4000!important}.warning--text.text--darken-3{color:#9d4000!important;caret-color:#9d4000!important}.warning.darken-4{background-color:#802700!important;border-color:#802700!important}.warning--text.text--darken-4{color:#802700!important;caret-color:#802700!important}</style><base href="/cup-demo/"><link rel="preload" href="/cup-demo/_nuxt/99b0f8c71ab7ca5734a3.js" as="script"><link rel="preload" href="/cup-demo/_nuxt/f3bda263e6bc4eed1647.js" as="script"><link rel="preload" href="/cup-demo/_nuxt/53c8296fc9dad84eddfd.css" as="style"><link rel="preload" href="/cup-demo/_nuxt/9562e82cb745747eeaf3.js" as="script"><link rel="preload" href="/cup-demo/_nuxt/544e56a8e472c8681b10.css" as="style"><link rel="preload" href="/cup-demo/_nuxt/acf7b85697f211838ce9.js" as="script"><link rel="preload" href="/cup-demo/_nuxt/632d55484c768d04497c.css" as="style"><link rel="preload" href="/cup-demo/_nuxt/637638733381cd549879.js" as="script"><link rel="stylesheet" href="/cup-demo/_nuxt/53c8296fc9dad84eddfd.css"><link rel="stylesheet" href="/cup-demo/_nuxt/544e56a8e472c8681b10.css"><link rel="stylesheet" href="/cup-demo/_nuxt/632d55484c768d04497c.css">
  </head>
  <body data-n-head="class">
    <div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div data-app="true" id="app" class="application theme--light"><div class="application--wrap"><main class="v-content" style="padding-right:0;padding-bottom:0;padding-left:0"><div class="v-content__wrap"><div class="container fluid grid-list-lg fill-height pt-2"><div class="layout row wrap"><div class="flex left-side d-flex grow xs12 md6 fill-height"><div class="layout column"><div class="flex flex-top xs12 pb-0"><div class="container grid-list-md pa-0 fill-height" data-v-43499236 data-v-43499236><div class="layout clickable wrap" data-v-43499236 data-v-43499236><div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><a href="/cup-demo/text" router="" lighten="" class="d-flex align-center v-card v-sheet theme--light" style="height:100%" data-v-43499236><div class="v-card__text" data-v-43499236><h3 data-v-43499236>Текст</h3></div></a></div><div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><a href="/cup-demo/image" router="" lighten="" class="d-flex align-center v-card v-sheet theme--light" style="height:100%" data-v-43499236><div class="v-card__text" data-v-43499236><h3 data-v-43499236>Изображение</h3></div></a></div><div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><a href="/cup-demo/geometry" router="" lighten="" class="d-flex align-center v-card v-sheet theme--light" style="height:100%" data-v-43499236><div class="v-card__text" data-v-43499236><h3 data-v-43499236>Геометрия</h3></div></a></div><div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><a href="/cup-demo/background" router="" lighten="" class="d-flex align-center v-card v-sheet theme--light" style="height:100%" data-v-43499236><div class="v-card__text" data-v-43499236><h3 data-v-43499236>Бэкграунд</h3></div></a></div><div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><a href="/cup-demo/pattern" router="" lighten="" class="d-flex align-center v-card v-sheet theme--light" style="height:100%" data-v-43499236><div class="v-card__text" data-v-43499236><h3 data-v-43499236>Паттерн </h3></div></a></div> <div class="flex xs12 md4 text-xs-center" data-v-43499236 data-v-43499236><div lighten="" class="d-flex align-center helpers-card personal-color v-card v-sheet theme--light white" style="height:100%" data-v-43499236><div class="v-card__text icon-info pa-0" data-v-43499236><button type="button" class="v-btn v-btn--flat v-btn--icon theme--light yellow--text" data-v-43499236><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--light black--text" data-v-43499236>panorama_fish_eye</i></div></button> <div color="grey lighten-3" class="kb-actions" style="display:none" data-v-43499236 data-v-43499236><i aria-hidden="true" class="v-icon material-icons theme--light black--text" style="font-size:22px" data-v-43499236>keyboard</i> <div role="list" class="v-list v-list--subheader theme--light" style="height:100%" data-v-43499236><div role="listitem" class="ma-0 mt-2" data-v-43499236><div class="v-list__tile theme--light"><div class="v-list__tile__content" data-v-43499236><div class="v-list__tile__title" data-v-43499236>CTRL + C/V</div> <div class="v-list__tile__sub-title" data-v-43499236>копировать элемент/ы</div></div></div></div> <div role="listitem" class="ma-0" data-v-43499236><div class="v-list__tile theme--light"><div class="v-list__tile__content" data-v-43499236><div class="v-list__tile__title" data-v-43499236>Shift + выделить</div> <div class="v-list__tile__sub-title" data-v-43499236>Сгруппировать</div></div></div></div> <div role="listitem" class="ma-0" data-v-43499236><div class="v-list__tile theme--light"><div class="v-list__tile__content" data-v-43499236><div class="v-list__tile__title" data-v-43499236>Delete</div> <div class="v-list__tile__sub-title" data-v-43499236>Удалить</div></div></div></div></div> <i aria-hidden="true" class="v-icon material-icons theme--light black--text" style="font-size:20px" data-v-43499236>mobile_off</i></div></div></div></div></div></div></div> <div class="flex flex-bottom d-flex xs12"><div id="action" class="v-card v-sheet theme--light grey lighten-3" data-v-79ca1013><canvas id="action-canvas" data-v-79ca1013></canvas> <div class="layout action-options options row wrap" data-v-79ca1013><button type="button" class="trg elevation-3 v-btn v-btn--floating theme--dark grey lighten-5" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark black--text" data-v-79ca1013>more_vert</i></div></button> <div class="flex" style="display:none" data-v-79ca1013 data-v-79ca1013><button type="button" id="clear-button" title="Очистить все" class="v-btn v-btn--floating theme--dark black elevation-3" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>clear</i></div></button><button type="button" id="undo-button" title="Шаг назад" class="v-btn v-btn--floating theme--dark black elevation-3 v-btn--disabled" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>arrow_back_ios</i></div></button><button type="button" id="redo-button" title="Шаг вперед" class="v-btn v-btn--floating theme--dark black elevation-3 v-btn--disabled" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>arrow_forward_ios</i></div></button><button type="button" id="toFront-button" title="Слой вверх" class="v-btn v-btn--floating theme--dark black elevation-3 v-btn--disabled" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>vertical_align_top</i></div></button><button type="button" id="toBack-button" title="Слой вниз" class="v-btn v-btn--floating theme--dark black elevation-3 v-btn--disabled" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>vertical_align_bottom</i></div></button><button type="button" id="clearBackground-button" title="Очистить фон" class="v-btn v-btn--floating theme--dark black elevation-3" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>cancel_presentation</i></div></button> <div class="flex absolute pa-0" data-v-79ca1013><a href="function String() { [native code] }" download="cup-design.png" title="Скачать" class="elevation-3 v-btn v-btn--floating theme--dark grey darken-4" data-v-79ca1013><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark white--text" data-v-79ca1013>cloud_download</i></div></a> <button type="button" class="elevation-1 v-btn theme--light white" data-v-79ca1013><div class="v-btn__content">
  					Сохранить
  				</div></button> <button type="button" class="elevation-1 v-btn theme--light white" data-v-79ca1013><div class="v-btn__content">
  					Шаблоны
  				</div></button></div></div></div> <div class="v-dialog__container" style="display:block" data-v-79ca1013><div tabindex="-1" data-v-79ca1013="" class="v-dialog__content" style="z-index:0"><div class="v-dialog" style="width:40vw;display:none"><div class="v-item-group theme--light" data-v-79ca1013><div class="container grid-list-md" data-v-79ca1013><div class="layout row wrap" data-v-79ca1013><div class="flex xs4" data-v-79ca1013><div class="v-card v-sheet theme--dark" data-v-79ca1013 data-v-79ca1013><div class="v-responsive v-image grey lighten-2" data-v-79ca1013><div class="v-responsive__sizer" style="padding-bottom:100%"></div><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:url(templates/preview/snake.png);background-position:10% center"></div><div class="v-image__placeholder"><div class="layout fill-height align-center justify-center ma-0" data-v-79ca1013><div role="progressbar" aria-valuemin="0" aria-valuemax="100" class="v-progress-circular v-progress-circular--indeterminate grey--text text--lighten-5" style="height:32px;width:32px" data-v-79ca1013><svg xmlns="http://www.w3.org/2000/svg" viewBox="22.857142857142858 22.857142857142858 45.714285714285715 45.714285714285715" style="transform:rotate(0)"><circle fill="transparent" cx="45.714285714285715" cy="45.714285714285715" r="20" stroke-width="5.714285714285714" stroke-dasharray="125.664" stroke-dashoffset="125.66370614359172px" class="v-progress-circular__overlay"></circle></svg><div class="v-progress-circular__info"></div></div></div></div><div class="v-responsive__content"></div></div> <!----></div></div><div class="flex xs4" data-v-79ca1013><div class="v-card v-sheet theme--dark" data-v-79ca1013 data-v-79ca1013><div class="v-responsive v-image grey lighten-2" data-v-79ca1013><div class="v-responsive__sizer" style="padding-bottom:100%"></div><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:url(templates/preview/first.png);background-position:10% center"></div><div class="v-image__placeholder"><div class="layout fill-height align-center justify-center ma-0" data-v-79ca1013><div role="progressbar" aria-valuemin="0" aria-valuemax="100" class="v-progress-circular v-progress-circular--indeterminate grey--text text--lighten-5" style="height:32px;width:32px" data-v-79ca1013><svg xmlns="http://www.w3.org/2000/svg" viewBox="22.857142857142858 22.857142857142858 45.714285714285715 45.714285714285715" style="transform:rotate(0)"><circle fill="transparent" cx="45.714285714285715" cy="45.714285714285715" r="20" stroke-width="5.714285714285714" stroke-dasharray="125.664" stroke-dashoffset="125.66370614359172px" class="v-progress-circular__overlay"></circle></svg><div class="v-progress-circular__info"></div></div></div></div><div class="v-responsive__content"></div></div> <!----></div></div><div class="flex xs4" data-v-79ca1013><div class="v-card v-sheet theme--dark" data-v-79ca1013 data-v-79ca1013><div class="v-responsive v-image grey lighten-2" data-v-79ca1013><div class="v-responsive__sizer" style="padding-bottom:100%"></div><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:url(templates/preview/ronin.png);background-position:10% center"></div><div class="v-image__placeholder"><div class="layout fill-height align-center justify-center ma-0" data-v-79ca1013><div role="progressbar" aria-valuemin="0" aria-valuemax="100" class="v-progress-circular v-progress-circular--indeterminate grey--text text--lighten-5" style="height:32px;width:32px" data-v-79ca1013><svg xmlns="http://www.w3.org/2000/svg" viewBox="22.857142857142858 22.857142857142858 45.714285714285715 45.714285714285715" style="transform:rotate(0)"><circle fill="transparent" cx="45.714285714285715" cy="45.714285714285715" r="20" stroke-width="5.714285714285714" stroke-dasharray="125.664" stroke-dashoffset="125.66370614359172px" class="v-progress-circular__overlay"></circle></svg><div class="v-progress-circular__info"></div></div></div></div><div class="v-responsive__content"></div></div> <!----></div></div> </div></div></div></div></div></div> <div py-2="" px-3="" class="v-card v-sheet theme--light action-editor elevation-3 pa-0 personal-color is-hidden" style="height:375px;width:310px" data-v-79ca1013><button type="button" class="action-editor_close v-btn v-btn--flat v-btn--icon theme--light black--text"><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--light">clear</i></div></button> <nav class="cursor-grab elevation-0 action-editor_toolbar v-toolbar v-toolbar--dense theme--dark" style="margin-top:0;padding-right:0;padding-left:0;transform:translateY(0);background-color:#e3e3e3;border-color:#e3e3e3"><div class="v-toolbar__content" style="height:48px"><i aria-hidden="true" class="v-icon material-icons theme--dark grey--text text--lighten-1" style="margin-left:-2px">drag_handle</i></div></nav> <div role="list" color="grey lighten-2" class="v-list transparent theme--light"><!----><!----><!----><!----><!----> <div role="listitem" class="mt-5 px-2"><div class="v-list__tile theme--light"><div class="layout column"><div class="v-list__tile__title subheading text-capitalize font-weight-medium"><div>Прозрачность</div></div> <div class="v-list__tile__action"><div class="v-input mt-0 v-input--slider v-input--slider--thumb-label v-input--is-label-active v-input--is-dirty theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-slider"><input role="slider" value="1" readonly aria-readonly="false" aria-valuemin="0" aria-valuemax="1" aria-valuenow="1"><div class="v-slider__track__container"><div class="v-slider__track" style="left:0;right:auto;width:100%"></div><div class="v-slider__track-fill grey lighten-1" style="left:0;right:auto;width:100%"></div></div><div class="v-slider__thumb-container v-slider__thumb-container--show-label grey--text text--lighten-1" style="left:100%"><div class="v-slider__thumb grey lighten-1"></div><div class="v-slider__thumb-label__container" style="display:none"><div class="v-slider__thumb-label grey lighten-1" style="height:25px;width:25px"><span>1</span></div></div></div></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div></div></div></div> <div role="listitem" class="px-2"><div class="v-list__tile theme--light"><div class="layout column"><div class="v-list__tile__title subheading text-capitalize font-weight-medium"><div>Толшина линии</div></div> <div class="v-list__tile__action"><div class="v-input mt-0 v-input--slider v-input--slider--thumb-label v-input--is-label-active v-input--is-dirty theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-slider"><input role="slider" value="8" readonly aria-readonly="false" aria-valuemin="1" aria-valuemax="5" aria-valuenow="8"><div class="v-slider__track__container"><div class="v-slider__track" style="left:0;right:auto;width:100%"></div><div class="v-slider__track-fill grey lighten-1" style="left:0;right:auto;width:100%"></div></div><div class="v-slider__thumb-container v-slider__thumb-container--show-label grey--text text--lighten-1" style="left:100%"><div class="v-slider__thumb grey lighten-1"></div><div class="v-slider__thumb-label__container" style="display:none"><div class="v-slider__thumb-label grey lighten-1" style="height:25px;width:25px"><span>8</span></div></div></div></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div></div></div></div> <div class="flex pl-3 pt-0"><button type="button" class="v-btn v-btn--absolute v-btn--bottom v-btn--small theme--dark grey darken-4 ma-0" style="bottom:20px"><div class="v-btn__content">Удалить</div></button></div></div></div> <div class="v-sheet theme--light grey lighten-3 coverDiv backing" data-v-79ca1013 data-v-79ca1013><div class="d-flex align-center px-5" style="height:100%" data-v-79ca1013><div role="progressbar" aria-valuemin="0" aria-valuemax="100" class="v-progress-linear" style="height:7px" data-v-79ca1013><div class="v-progress-linear__background grey lighten-2" style="height:7px;opacity:.3;width:100%"></div><div class="v-progress-linear__bar"><div class="v-progress-linear__bar__indeterminate v-progress-linear__bar__indeterminate--active"><div class="v-progress-linear__bar__indeterminate long grey lighten-2"></div><div class="v-progress-linear__bar__indeterminate short grey lighten-2"></div></div><!----></div></div></div></div></div></div></div></div> <div class="flex right-side d-flex shrink xs12 md6 fill-height"><div id="view" class="v-card v-sheet theme--light grey lighten-3" style="height:100%"><div class="v-sheet theme--light grey lighten-3 coverDiv backing"><div class="d-flex align-center px-5" style="height:100%"><div role="progressbar" aria-valuemin="0" aria-valuemax="100" class="v-progress-linear" style="height:7px"><div class="v-progress-linear__background grey lighten-2" style="height:7px;opacity:.3;width:100%"></div><div class="v-progress-linear__bar"><div class="v-progress-linear__bar__indeterminate v-progress-linear__bar__indeterminate--active"><div class="v-progress-linear__bar__indeterminate long grey lighten-2"></div><div class="v-progress-linear__bar__indeterminate short grey lighten-2"></div></div><!----></div></div></div></div> <div id="viewContainer"></div> <div class="layout view-options options row wrap"><button type="button" class="trg elevation-3 v-btn v-btn--floating theme--dark grey lighten-5"><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark black--text">more_vert</i></div></button> <div class="flex"><div style="display:none"><button type="button" class="elevation-3 v-btn v-btn--floating theme--dark grey lighten-5"><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark black--text">rotate_right</i></div></button> <button type="button" class="elevation-3 v-btn v-btn--floating theme--dark grey lighten-5"><div class="v-btn__content"><i aria-hidden="true" class="v-icon material-icons theme--dark black--text">aspect_ratio</i></div></button></div></div></div></div></div></div> <div class="layout align-center column justify-cente" style="height:80vh;display:none"><div class="flex black--text text-xs-center text-uppercase mb-5 align-center"><h1 class="display-2 font-weight-thin mb-3">Responsive version is not ready yet</h1> <h4 class="subheading">only xxl screens</h4></div> <img src="assets/prevent-responsive-expectations.svg"></div> <div class="v-sheet theme--light" style="position:absolute;opacity:0;visibility:hidden;user-select:none;pointer-events:none"><div style="font-family:Baron Neue"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Bernier"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Cheque"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Deutsch Gothic"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Dymaxion scriptC"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Lobster"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Open Sans"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Playfair Display"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Raleway"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div><div style="font-family:Times New Roman"><span style="font-weight:700">hope it will be loaded</span> <span style="font-style:italic">hope it will be loaded</span></div></div></div></div></main></div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],error:null,state:{activeObject:{object:[]}},serverRendered:!0}</script><script src="/cup-demo/_nuxt/99b0f8c71ab7ca5734a3.js" defer></script><script src="/cup-demo/_nuxt/637638733381cd549879.js" defer></script><script src="/cup-demo/_nuxt/f3bda263e6bc4eed1647.js" defer></script><script src="/cup-demo/_nuxt/9562e82cb745747eeaf3.js" defer></script><script src="/cup-demo/_nuxt/acf7b85697f211838ce9.js" defer></script>
  </body>
</html>