From f9f1d35f69bc3d839123c31c7a8c81f3138c0fd7 Mon Sep 17 00:00:00 2001 From: Andrey Mekshun Date: Fri, 18 Oct 2024 17:02:01 +0300 Subject: [PATCH] make build --- index.d1a12ba0.css | 2 + index.d1a12ba0.css.map | 1 + index.e378193d.css | 411 ++++ index.e378193d.css.map | 1 + index.html | 1 + layout_calendar.59712999.js | 590 ++++++ layout_calendar.59712999.js.map | 1 + .../Calendar_day_with_hover_effect.png | Bin 0 -> 22540 bytes .../Calendar_initial_state.png | Bin 0 -> 22540 bytes .../Calendar_starting_from_Wednesday.png | Bin 0 -> 22540 bytes .../Calendar_with_length_of_29_days.png | Bin 0 -> 22540 bytes .../Calendar_day_with_hover_effect.png | Bin 0 -> 22540 bytes .../Calendar_initial_state.png | Bin 0 -> 22540 bytes .../Calendar_starting_from_Wednesday.png | Bin 0 -> 22540 bytes .../Calendar_with_length_of_29_days.png | Bin 0 -> 22540 bytes .../bitmaps_test/20241018-170026/report.json | 101 + .../a96f14595379b7c348d66e115ec65a93.png | Bin 0 -> 12777 bytes report/html_report/assets/fonts/Lato-Bold.ttf | Bin 0 -> 121788 bytes .../html_report/assets/fonts/Lato-Regular.ttf | Bin 0 -> 120196 bytes .../assets/fonts/lato-bold-webfont.woff | Bin 0 -> 33272 bytes .../assets/fonts/lato-bold-webfont.woff2 | Bin 0 -> 26248 bytes .../assets/fonts/lato-regular-webfont.woff | Bin 0 -> 31860 bytes .../assets/fonts/lato-regular-webfont.woff2 | Bin 0 -> 24992 bytes .../b815e28b1e230cff6e9d7b749edcd562.png | Bin 0 -> 12777 bytes report/html_report/config.js | 101 + report/html_report/diff.js | 1843 +++++++++++++++++ report/html_report/diverged.js | 340 +++ report/html_report/divergedWorker.js | 6 + report/html_report/index.html | 49 + report/html_report/index_bundle.js | 2 + .../html_report/index_bundle.js.LICENSE.txt | 59 + 31 files changed, 3508 insertions(+) create mode 100644 index.d1a12ba0.css create mode 100644 index.d1a12ba0.css.map create mode 100644 index.e378193d.css create mode 100644 index.e378193d.css.map create mode 100644 index.html create mode 100644 layout_calendar.59712999.js create mode 100644 layout_calendar.59712999.js.map create mode 100644 report/bitmaps_reference/Calendar_day_with_hover_effect.png create mode 100644 report/bitmaps_reference/Calendar_initial_state.png create mode 100644 report/bitmaps_reference/Calendar_starting_from_Wednesday.png create mode 100644 report/bitmaps_reference/Calendar_with_length_of_29_days.png create mode 100644 report/bitmaps_test/20241018-170026/Calendar_day_with_hover_effect.png create mode 100644 report/bitmaps_test/20241018-170026/Calendar_initial_state.png create mode 100644 report/bitmaps_test/20241018-170026/Calendar_starting_from_Wednesday.png create mode 100644 report/bitmaps_test/20241018-170026/Calendar_with_length_of_29_days.png create mode 100644 report/bitmaps_test/20241018-170026/report.json create mode 100644 report/html_report/a96f14595379b7c348d66e115ec65a93.png create mode 100644 report/html_report/assets/fonts/Lato-Bold.ttf create mode 100644 report/html_report/assets/fonts/Lato-Regular.ttf create mode 100644 report/html_report/assets/fonts/lato-bold-webfont.woff create mode 100644 report/html_report/assets/fonts/lato-bold-webfont.woff2 create mode 100644 report/html_report/assets/fonts/lato-regular-webfont.woff create mode 100644 report/html_report/assets/fonts/lato-regular-webfont.woff2 create mode 100644 report/html_report/b815e28b1e230cff6e9d7b749edcd562.png create mode 100644 report/html_report/config.js create mode 100644 report/html_report/diff.js create mode 100644 report/html_report/diverged.js create mode 100644 report/html_report/divergedWorker.js create mode 100644 report/html_report/index.html create mode 100644 report/html_report/index_bundle.js create mode 100644 report/html_report/index_bundle.js.LICENSE.txt diff --git a/index.d1a12ba0.css b/index.d1a12ba0.css new file mode 100644 index 0000000000..f65ac1f115 --- /dev/null +++ b/index.d1a12ba0.css @@ -0,0 +1,2 @@ +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.page{font-family:Arial,sans-serif}.calendar{flex-wrap:wrap;align-content:center;align-items:center;gap:1px;width:726px;height:100vh;margin:0 auto;padding-inline:10px;display:flex}.calendar--start-day-mon :first-child{margin-left:0}.calendar--start-day-tue :first-child{margin-left:101px}.calendar--start-day-wed :first-child{margin-left:202px}.calendar--start-day-thu :first-child{margin-left:303px}.calendar--start-day-fri :first-child{margin-left:404px}.calendar--start-day-sat :first-child{margin-left:505px}.calendar--start-day-sun :first-child{margin-left:606px}.calendar--month-length-28 :nth-child(-n+28),.calendar--month-length-29 :nth-child(-n+29),.calendar--month-length-30 :nth-child(-n+30),.calendar--month-length-31 :nth-child(-n+31){display:block}.calendar_day{background-color:#eee;border:1px solid #000;width:100px;height:100px;transition-duration:.5s;position:relative}.calendar_day:first-child:before{content:"1";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(2):before{content:"2";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(3):before{content:"3";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(4):before{content:"4";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(5):before{content:"5";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(6):before{content:"6";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(7):before{content:"7";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(8):before{content:"8";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(9):before{content:"9";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(10):before{content:"10";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(11):before{content:"11";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(12):before{content:"12";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(13):before{content:"13";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(14):before{content:"14";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(15):before{content:"15";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(16):before{content:"16";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(17):before{content:"17";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(18):before{content:"18";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(19):before{content:"19";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(20):before{content:"20";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(21):before{content:"21";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(22):before{content:"22";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(23):before{content:"23";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(24):before{content:"24";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(25):before{content:"25";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(26):before{content:"26";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(27):before{content:"27";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(28):before{content:"28";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(29):before{content:"29";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(30):before{content:"30";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:nth-child(31):before{content:"31";color:#000;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar_day:hover{cursor:pointer;background-color:#ffbfcb;transform:translateY(-20px)} +/*# sourceMappingURL=index.d1a12ba0.css.map */ diff --git a/index.d1a12ba0.css.map b/index.d1a12ba0.css.map new file mode 100644 index 0000000000..377d847008 --- /dev/null +++ b/index.d1a12ba0.css.map @@ -0,0 +1 @@ +{"mappings":"ACKA,8dA0FA,4FAcA,mBAIA,sBAKA,yBAKA,4EAQA,gDCnIA,wBAIA,mCCJA,iJAaM,oDAAA,wDAAA,wDAAA,wDAAA,wDAAA,wDAAA,wDAQA,kMAMJ,6HASI,yIAAA,0IAAA,0IAAA,0IAAA,0IAAA,0IAAA,0IAAA,0IAAA,0IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAAA,4IAWF","sources":["index.d1a12ba0.css","src/styles/reset.scss","src/styles/blocks.scss/page.scss","src/styles/blocks.scss/calendar.scss"],"sourcesContent":["html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n vertical-align: baseline;\n border: 0;\n margin: 0;\n padding: 0;\n font-size: 100%;\n}\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol, ul {\n list-style: none;\n}\n\nblockquote, q {\n quotes: none;\n}\n\nblockquote:before, blockquote:after, q:before, q:after {\n content: \"\";\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.page {\n font-family: Arial, sans-serif;\n}\n\n.calendar {\n flex-wrap: wrap;\n align-content: center;\n align-items: center;\n gap: 1px;\n width: 726px;\n height: 100vh;\n margin: 0 auto;\n padding-inline: 10px;\n display: flex;\n}\n\n.calendar--start-day-mon :first-child {\n margin-left: 0;\n}\n\n.calendar--start-day-tue :first-child {\n margin-left: 101px;\n}\n\n.calendar--start-day-wed :first-child {\n margin-left: 202px;\n}\n\n.calendar--start-day-thu :first-child {\n margin-left: 303px;\n}\n\n.calendar--start-day-fri :first-child {\n margin-left: 404px;\n}\n\n.calendar--start-day-sat :first-child {\n margin-left: 505px;\n}\n\n.calendar--start-day-sun :first-child {\n margin-left: 606px;\n}\n\n.calendar--month-length-28 :nth-child(-n+28), .calendar--month-length-29 :nth-child(-n+29), .calendar--month-length-30 :nth-child(-n+30), .calendar--month-length-31 :nth-child(-n+31) {\n display: block;\n}\n\n.calendar_day {\n background-color: #eee;\n border: 1px solid #000;\n width: 100px;\n height: 100px;\n transition-duration: .5s;\n position: relative;\n}\n\n.calendar_day:first-child:before {\n content: \"1\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(2):before {\n content: \"2\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(3):before {\n content: \"3\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(4):before {\n content: \"4\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(5):before {\n content: \"5\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(6):before {\n content: \"6\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(7):before {\n content: \"7\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(8):before {\n content: \"8\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(9):before {\n content: \"9\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(10):before {\n content: \"10\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(11):before {\n content: \"11\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(12):before {\n content: \"12\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(13):before {\n content: \"13\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(14):before {\n content: \"14\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(15):before {\n content: \"15\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(16):before {\n content: \"16\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(17):before {\n content: \"17\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(18):before {\n content: \"18\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(19):before {\n content: \"19\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(20):before {\n content: \"20\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(21):before {\n content: \"21\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(22):before {\n content: \"22\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(23):before {\n content: \"23\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(24):before {\n content: \"24\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(25):before {\n content: \"25\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(26):before {\n content: \"26\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(27):before {\n content: \"27\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(28):before {\n content: \"28\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(29):before {\n content: \"29\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(30):before {\n content: \"30\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:nth-child(31):before {\n content: \"31\";\n color: #000;\n font-size: 30px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.calendar_day:hover {\n cursor: pointer;\n background-color: #ffbfcb;\n transform: translateY(-20px);\n}\n/*# sourceMappingURL=index.d1a12ba0.css.map */\n","/* http://meyerweb.com/eric/tools/css/reset/\n v2.0 | 20110126\n License: none (public domain)\n*/\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n content: '';\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n","* {\n box-sizing: border-box;\n}\n\n.page {\n font-family: Arial, sans-serif;\n}\n",".calendar {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n align-content: center;\n gap: $calendar-gap;\n width: $calendar-width;\n padding-inline: $calendar-padding;\n height: 100vh;\n margin: 0 auto;\n\n &--start-day {\n @each $day, $column in $days-of-week {\n &-#{$day} :first-child {\n margin-left: ($day-block-size + $calendar-gap) * $column;\n }\n }\n }\n\n &--month-length {\n @for $last-day from 28 through 31 {\n &-#{$last-day} :nth-child(-n + #{$last-day}) {\n display: block;\n }\n }\n }\n\n &_day {\n position: relative;\n transition-duration: 0.5s;\n height: $day-block-size;\n width: $day-block-size;\n background-color: $bg-color;\n border: 1px solid $main-color;\n\n @for $day from 1 through 31 {\n &:nth-child(#{$day}):before {\n content: '#{$day}';\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 30px;\n color: $main-color;\n }\n }\n\n &:hover {\n cursor: pointer;\n background-color: $hover-color;\n transform: translateY(-$day-hover-px);\n }\n }\n}\n"],"names":[],"version":3,"file":"index.d1a12ba0.css.map"} \ No newline at end of file diff --git a/index.e378193d.css b/index.e378193d.css new file mode 100644 index 0000000000..aa5be7b8b9 --- /dev/null +++ b/index.e378193d.css @@ -0,0 +1,411 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + vertical-align: baseline; + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, q:before, q:after { + content: ""; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +* { + box-sizing: border-box; +} + +.page { + font-family: Arial, sans-serif; +} + +.calendar { + flex-wrap: wrap; + align-content: center; + align-items: center; + gap: 1px; + width: 726px; + height: 100vh; + margin: 0 auto; + padding-inline: 10px; + display: flex; +} + +.calendar--start-day-mon :first-child { + margin-left: 0; +} + +.calendar--start-day-tue :first-child { + margin-left: 101px; +} + +.calendar--start-day-wed :first-child { + margin-left: 202px; +} + +.calendar--start-day-thu :first-child { + margin-left: 303px; +} + +.calendar--start-day-fri :first-child { + margin-left: 404px; +} + +.calendar--start-day-sat :first-child { + margin-left: 505px; +} + +.calendar--start-day-sun :first-child { + margin-left: 606px; +} + +.calendar--month-length-28 :nth-child(-n+28), .calendar--month-length-29 :nth-child(-n+29), .calendar--month-length-30 :nth-child(-n+30), .calendar--month-length-31 :nth-child(-n+31) { + display: block; +} + +.calendar_day { + background-color: #eee; + border: 1px solid #000; + width: 100px; + height: 100px; + transition-duration: .5s; + position: relative; +} + +.calendar_day:first-child:before { + content: "1"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(2):before { + content: "2"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(3):before { + content: "3"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(4):before { + content: "4"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(5):before { + content: "5"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(6):before { + content: "6"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(7):before { + content: "7"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(8):before { + content: "8"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(9):before { + content: "9"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(10):before { + content: "10"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(11):before { + content: "11"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(12):before { + content: "12"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(13):before { + content: "13"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(14):before { + content: "14"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(15):before { + content: "15"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(16):before { + content: "16"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(17):before { + content: "17"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(18):before { + content: "18"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(19):before { + content: "19"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(20):before { + content: "20"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(21):before { + content: "21"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(22):before { + content: "22"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(23):before { + content: "23"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(24):before { + content: "24"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(25):before { + content: "25"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(26):before { + content: "26"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(27):before { + content: "27"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(28):before { + content: "28"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(29):before { + content: "29"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(30):before { + content: "30"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:nth-child(31):before { + content: "31"; + color: #000; + font-size: 30px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.calendar_day:hover { + cursor: pointer; + background-color: #ffbfcb; + transform: translateY(-20px); +} +/*# sourceMappingURL=index.e378193d.css.map */ diff --git a/index.e378193d.css.map b/index.e378193d.css.map new file mode 100644 index 0000000000..d33f7268fd --- /dev/null +++ b/index.e378193d.css.map @@ -0,0 +1 @@ +{"mappings":"AAKA;;;;;;;;AA0FA;;;;AAcA;;;;AAIA;;;;AAKA;;;;AAKA;;;;;AAQA;;;;;ACnIA;;;;AAIA;;;;ACJA;;;;;;;;;;;;AAeM;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAQA;;;;AAMJ;;;;;;;;;AASI;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;AAWF","sources":["src/styles/reset.scss","src/styles/blocks.scss/page.scss","src/styles/blocks.scss/calendar.scss"],"sourcesContent":[null,null,null],"names":[],"version":3,"file":"index.e378193d.css.map","sourceRoot":"/__parcel_source_root/"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000..f3c03f6d1f --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +Calendar
\ No newline at end of file diff --git a/layout_calendar.59712999.js b/layout_calendar.59712999.js new file mode 100644 index 0000000000..d8028f1f6f --- /dev/null +++ b/layout_calendar.59712999.js @@ -0,0 +1,590 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function (modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + var res = localRequire.resolve(x); + return res === false ? {} : newRequire(res); + } + + function resolve(x) { + var id = modules[name][1][x]; + return id != null ? id : x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [ + function (require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function () { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function () { + return mainExports; + }); + + // + + + + diff --git a/report/html_report/index_bundle.js b/report/html_report/index_bundle.js new file mode 100644 index 0000000000..696e1c8f1f --- /dev/null +++ b/report/html_report/index_bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see index_bundle.js.LICENSE.txt */ +(()=>{var e,t,n={184:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}t.Z=void 0;var o=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var u=a?Object.getOwnPropertyDescriptor(e,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=e[l]}return o.default=e,n&&n.set(e,o),o}(n(294));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function a(e,t){for(var n=0;n=u)&&Math.abs(d)>l)return void this.endDrag();if(!t)return}var y=this.twentyTwentyComponent.current.getBoundingClientRect(),h=100*(o-y.left)/y.width;h=Math.max(Math.min(h,100),0),this.setState({position:h,isDragging:t})}}},{key:"beginDrag",value:function(e){if(e&&e.preventDefault(),this.props.isDraggingEnabled){var t="touches"in e?e.touches[0]:e,n=t.pageX,r=t.pageY;this.setState({startX:n,startY:r}),document.addEventListener("mousemove",this.onDragMove),document.addEventListener("mouseup",this.endDrag),document.addEventListener("touchmove",this.onDragMove),document.addEventListener("touchend",this.endDrag)}}},{key:"endDrag",value:function(){document.removeEventListener("mousemove",this.onDragMove),document.removeEventListener("mouseup",this.endDrag),document.removeEventListener("touchmove",this.onDragMove),document.removeEventListener("touchend",this.endDrag),this.setState({isDragging:!1,startY:NaN,endY:NaN})}},{key:"render",value:function(){var e=this.state.position,t=this.props,n=t.children,r=t.verticalAlign,i=t.leftHorizontalAlign,a=t.rightHorizontalAlign;return 2!==n.length&&3!==n.length?(console.warn("Expected exactly two or three children"),null):o.default.createElement("div",{ref:this.twentyTwentyComponent,style:{position:"relative",overflow:"hidden",whiteSpace:"nowrap"},onMouseDown:this.beginDrag,onTouchStart:this.beginDrag},o.default.createElement("div",{style:{position:"absolute",left:"".concat(e,"%"),height:"100%",width:0,zIndex:1}},n[2]),o.default.createElement("div",{style:{display:"inline-block",width:"100%",position:"relative",verticalAlign:r,left:"".concat(e-100,"%"),overflow:"hidden"}},o.default.createElement("div",{style:{position:"relative",right:"".concat(e-100,"%"),textAlign:i}},n[0])),o.default.createElement("div",{style:{display:"inline-block",width:"100%",position:"relative",verticalAlign:r,left:"".concat(e-100,"%"),overflow:"hidden"}},o.default.createElement("div",{style:{position:"relative",right:"".concat(e,"%"),textAlign:a}},n[1])))}}])&&a(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),d}(o.Component)).defaultProps={verticalAlign:"middle",leftHorizontalAlign:"center",rightHorizontalAlign:"center",minDistanceToBeginInteraction:15,maxAngleToBeginInteraction:30,initialPosition:50,isDraggingEnabled:!0}},875:(e,t,n)=>{var r;!function(){"use strict";var o=!("undefined"==typeof window||!window.document||!window.document.createElement),i={canUseDOM:o,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:o&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:o&&!!window.screen};void 0===(r=function(){return i}.call(t,n,t,e))||(e.exports=r)}()},75:function(e){(function(){var t,n,r,o,i,a;"undefined"!=typeof performance&&null!==performance&&performance.now?e.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(e.exports=function(){return(t()-i)/1e6},n=process.hrtime,o=(t=function(){var e;return 1e9*(e=n())[0]+e[1]})(),a=1e9*process.uptime(),i=o-a):Date.now?(e.exports=function(){return Date.now()-r},r=Date.now()):(e.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(this)},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var l=new Error("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");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},87:(e,t,n)=>{for(var r=n(75),o="undefined"==typeof window?n.g:window,i=["moz","webkit"],a="AnimationFrame",l=o["request"+a],u=o["cancel"+a]||o["cancelRequest"+a],c=0;!l&&c{"use strict";var r=n(294),o=n(840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n