| 1 | {"version":3,"file":"PowerBIVisualsPlayground.css","sources":["webpack:////./src/Clients/PowerBIVisualsPlayground/styles/app.less"],"sourcesContent":["/*\n * Power BI Visualizations\n *\n * Copyright (c) Microsoft Corporation\n * All rights reserved. \n * MIT License\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"\"Software\"\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * \n * The above copyright notice and this permission notice shall be included in \n * all copies or substantial portions of the Software.\n * \n * THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR \n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, \n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE \n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER \n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n* {\n -webkit-tap-highlight-color: white;\n /* make transparent link selection, adjust last value opacity 0 to 1.0 */\n -webkit-tap-highlight-color: transparent;\n /* For some Androids */\n}\nbody {\n -webkit-touch-callout: none;\n -webkit-text-size-adjust: none;\n -moz-text-size-adjust: none;\n -ms-text-size-adjust: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n margin: 0;\n padding: 0;\n font-family: Helvetica, Arial, sans-serif;\n background-color: #f2f2f2;\n /* creating donutChart slices classes, to disable the hover defined by the web */\n}\nbody h4 {\n margin-bottom: 12px;\n line-height: 16px;\n font-size: 18px;\n font-weight: bold;\n color: #353535;\n margin-top: 20px;\n}\nbody .left-margin {\n margin-left: 184px;\n}\nbody button:active,\nbody select:active,\nbody input[type=checkbox]:active,\nbody input[type=radio]:active,\nbody input[type=text]:active,\nbody button:checked,\nbody select:checked,\nbody input[type=checkbox]:checked,\nbody input[type=radio]:checked,\nbody input[type=text]:checked,\nbody button:focus,\nbody select:focus,\nbody input[type=checkbox]:focus,\nbody input[type=radio]:focus,\nbody input[type=text]:focus,\nbody button:hover,\nbody select:hover,\nbody input[type=checkbox]:hover,\nbody input[type=radio]:hover,\nbody input[type=text]:hover {\n outline: none;\n}\nbody span.subtitle {\n display: block;\n font-size: 12px;\n font-weight: bolder;\n color: #353535;\n}\nbody header {\n background-color: #f2c811;\n height: 66px;\n}\nbody header img {\n margin-top: 17px;\n}\nbody nav {\n background-color: #ffffff;\n height: 50px;\n margin-bottom: 33px;\n}\nbody nav .nav-tab {\n display: inline-block;\n vertical-align: top;\n margin: 17px 0px 0px 0px;\n padding: 0px;\n border: none;\n background: none;\n}\nbody nav .nav-tab:hover {\n background: none;\n border: none;\n}\nbody nav .nav-tab div img {\n margin-right: 4px;\n vertical-align: middle;\n}\nbody nav .nav-tab div span {\n line-height: 15px;\n vertical-align: middle;\n}\nbody nav .first-nav-tab {\n display: inline-block;\n vertical-align: top;\n margin: 17px 0px 0px 0px;\n padding: 0px;\n border: none;\n background: none;\n margin-left: 184px;\n margin-top: 18px;\n}\nbody nav .first-nav-tab:hover {\n background: none;\n border: none;\n}\nbody nav .first-nav-tab div img {\n margin-right: 4px;\n vertical-align: middle;\n}\nbody nav .first-nav-tab div span {\n line-height: 15px;\n vertical-align: middle;\n}\nbody nav .selected-nav-tab {\n border-top: none;\n border-right: none;\n border-left: none;\n border-bottom: 3px solid #CCC;\n padding-bottom: 12px;\n}\nbody nav #tabSeparator {\n display: inline-block;\n vertical-align: top;\n border-right: 1px solid #CCC;\n margin: 19px 15px 0px 15px;\n height: 17px;\n}\nbody section#sample,\nbody section#controls {\n display: inline-block;\n float: left;\n}\nbody section#controls {\n width: 287px;\n}\nbody section#controls select {\n height: 30px;\n}\nbody section#controls button {\n background-color: #f2c811;\n border: none;\n color: #000;\n height: 34px;\n font-weight: 600;\n}\nbody section#controls button:hover,\nbody section#controls button:focus {\n border: solid 2px #000;\n}\nbody section#controls button:active {\n background-color: #CDA521;\n}\nbody section#controls #visualTypes,\nbody section#controls #dataViewsSelect {\n width: 100%;\n}\nbody section#controls #dataViewsSelect {\n margin-top: 10px;\n margin-bottom: 10px;\n}\nbody section#controls .optionsInnerSection {\n border-bottom: 1px solid #CCC;\n}\nbody section#controls #visualType {\n padding-bottom: 18px;\n}\nbody section#controls #orientation {\n padding-bottom: 11px;\n}\nbody section#controls #dataViewSelection {\n margin-top: 9px;\n}\nbody section#controls #dataViewSelection button {\n margin-top: 2px;\n}\nbody section#controls #randomize {\n width: 120px;\n}\nbody section#controls #capabilities {\n margin-top: 26px;\n}\nbody section#controls #capabilities span.subtitle {\n margin-bottom: 9px;\n}\nbody section#controls #capabilities div {\n margin-bottom: 7px;\n}\nbody section#controls #capabilities div span {\n font-size: 12px;\n font-weight: normal;\n padding-left: 21px;\n padding-right: 4px;\n}\nbody section#controls #capabilities div input[name=\"animation_duration\"] {\n width: 40px;\n height: 13px;\n}\nbody section#controls .input-container {\n position: relative;\n margin-bottom: 7px;\n}\nbody section#controls .input-container input[type=checkbox],\nbody section#controls .input-container input[type=radio] {\n opacity: 0;\n position: absolute;\n left: -20px;\n z-index: 12;\n width: 100%;\n height: 18px;\n color: #C8C8C8;\n}\nbody section#controls .input-container input + label {\n position: relative;\n z-index: 11;\n display: inline-block;\n margin: 0px;\n min-width: 14px;\n font-weight: normal;\n padding-left: 20px;\n font-size: 12px;\n}\nbody section#controls .input-container input + label:before,\nbody section#controls .input-container input + label:after {\n margin-left: -20px;\n margin-right: 4px;\n padding: 0;\n position: absolute;\n margin-top: 0;\n text-align: center;\n}\nbody section#controls .input-container input + label:before {\n border-radius: 50%;\n width: 13px;\n height: 13px;\n border: 2px solid #C8C8C8;\n content: \"\";\n top: 0px;\n}\nbody section#controls .input-container input + label:after {\n font-size: 6px;\n font-weight: 900;\n content: \"\";\n}\nbody section#controls .input-container input[type=radio]:checked + label:after {\n content: \"\";\n font-size: 5px;\n top: 4px;\n left: 24px;\n border-radius: 50%;\n border: 0;\n width: 5px;\n height: 5px;\n background-color: #000;\n}\nbody section#controls .input-container input[type=radio]:checked + label:before {\n border-color: #F2C811;\n}\nbody section#controls .input-container input[type=radio] + label:before {\n box-sizing: border-box;\n}\nbody section#controls .input-container input[type=checkbox] + label:before {\n border-radius: 0;\n content: \"\";\n width: 10px;\n height: 10px;\n}\nbody section#controls .input-container input[type=checkbox]:checked + label:before {\n border-color: #F2C811;\n background-color: #F2C811;\n}\nbody section#controls .input-container input[type=checkbox]:checked + label:after {\n content: \"\\2713\";\n font-size: 11px;\n left: 21.5px;\n top: 0px;\n color: #000;\n}\nbody section#sample {\n padding-left: 119px;\n padding-top: 20px;\n}\nbody section#sample .container {\n display: block;\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n}\nbody section#sample .container .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .container .visual .legend {\n top: 8px !important;\n}\nbody section#sample .container .visual .legendText {\n fill: black;\n}\nbody section#sample .scaled-container {\n width: 100%;\n height: 100%;\n overflow: visible;\n}\nbody section#sample #webContainer {\n height: 500px;\n width: 700px;\n}\nbody section#sample .mobile-portrait-image-container {\n display: inline-block;\n width: 230px;\n margin-right: 40px;\n}\nbody section#sample .mobile-landscape-image-container {\n display: block;\n width: 421px;\n margin-bottom: 45px;\n}\nbody section#sample .mobile-portrait-image-container .mobile-view-title,\nbody section#sample .mobile-landscape-image-container .mobile-view-title {\n margin-bottom: 10px;\n}\nbody section#sample .mobile-portrait-image-container .mobile-image,\nbody section#sample .mobile-landscape-image-container .mobile-image {\n position: absolute;\n z-index: -1;\n}\nbody section#sample .mobile-portrait-container {\n position: absolute;\n width: 188px;\n height: 317px;\n}\nbody section#sample .mobile-portrait-dashboard-container {\n position: absolute;\n width: 188px;\n height: 317px;\n padding-top: 72px;\n padding-left: 31px;\n}\nbody section#sample .mobile-portrait-in-focus-container {\n position: absolute;\n width: 188px;\n height: 317px;\n padding-top: 52px;\n padding-left: 20px;\n}\nbody section#sample .dashboard-portrait-tile {\n display: block;\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n height: 88px;\n width: 160px;\n margin-bottom: 4px;\n}\nbody section#sample .dashboard-portrait-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-portrait-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-portrait-tile .visual .legendText {\n fill: black;\n}\nbody section#sample .in-focus-portrait-tile {\n display: block;\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n height: 315px;\n width: 185px;\n border: 0px;\n}\nbody section#sample .in-focus-portrait-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .in-focus-portrait-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .in-focus-portrait-tile .visual .legendText {\n fill: black;\n}\nbody section#sample .mobile-landscape-dashboard-container {\n padding-top: 25px;\n padding-left: 58px;\n}\nbody section#sample .mobile-landscape-dashboard-column {\n display: inline-block;\n vertical-align: top;\n}\nbody section#sample .dashboard-landscape-tile {\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n display: block;\n margin-bottom: 4px;\n}\nbody section#sample .dashboard-landscape-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-landscape-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-landscape-tile .visual .legendText {\n fill: black;\n}\nbody section#sample .dashboard-landscape-tile-2x2 {\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n display: block;\n margin-bottom: 4px;\n width: 110px;\n height: 70px;\n}\nbody section#sample .dashboard-landscape-tile-2x2 .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-landscape-tile-2x2 .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-landscape-tile-2x2 .visual .legendText {\n fill: black;\n}\nbody section#sample .dashboard-landscape-tile-2x2-first-column-last-tile {\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n display: block;\n margin-bottom: 4px;\n width: 110px;\n height: 70px;\n height: 22px;\n}\nbody section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-landscape-tile-2x2-first-column-last-tile .visual .legendText {\n fill: black;\n}\nbody section#sample .dashboard-landscape-tile-3x3 {\n width: 185px;\n height: 100px;\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n display: block;\n margin-bottom: 4px;\n}\nbody section#sample .dashboard-landscape-tile-3x3 .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-landscape-tile-3x3 .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-landscape-tile-3x3 .visual .legendText {\n fill: black;\n}\nbody section#sample .dashboard-landscape-tile-2x2-second-column-last-tile {\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n display: block;\n margin-bottom: 4px;\n width: 110px;\n height: 70px;\n width: 68px;\n}\nbody section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .dashboard-landscape-tile-2x2-second-column-last-tile .visual .legendText {\n fill: black;\n}\nbody section#sample .mobile-landscape-dashboard-last-line {\n vertical-align: top;\n}\nbody section#sample .mobile-landscape-dashboard-last-line .dashboard-landscape-tile-2x2,\nbody section#sample .mobile-landscape-dashboard-last-line .dashboard-landscape-tile-2x2-second-column-last-tile {\n display: inline-block;\n height: 68px;\n}\nbody section#sample .mobile-landscape-in-focus-container {\n padding-top: 19px;\n padding-left: 51px;\n}\nbody section#sample .in-focus-landscape-tile {\n display: block;\n border: 1px solid #CCC;\n overflow: hidden;\n background-color: white;\n position: relative;\n height: 185px;\n width: 315px;\n border: 0px;\n}\nbody section#sample .in-focus-landscape-tile .visual {\n overflow: hidden;\n padding: 10px;\n width: 100%;\n height: 100%;\n}\nbody section#sample .in-focus-landscape-tile .visual .legend {\n top: 8px !important;\n}\nbody section#sample .in-focus-landscape-tile .visual .legendText {\n fill: black;\n}\nbody .visual-tile svg {\n width: inherit;\n height: inherit;\n}\nbody div.chart-content {\n position: relative;\n top: 0;\n height: 100%;\n width: 100%;\n background-repeat: no-repeat;\n -ms-background-size: contain;\n background-size: contain;\n}\nbody .donutChart path.slice.selected:hover {\n opacity: 1;\n}\nbody .donutChart path.slice.not-selected:hover {\n opacity: 0.6;\n}\nbody #userData {\n background-color: gray;\n display: none;\n padding-bottom: 2px;\n padding-top: 5px;\n}\nbody #userData input {\n display: block;\n margin: 1px 2px;\n padding: 0 3px;\n}\nbody #userData input.inline {\n display: inline-block;\n}\nbody li.slicerItemContainer {\n list-style-type: none;\n}\nbody .slicerContainer label.slicerCheckbox input:checked + span::before,\nbody .slicerContainer label.slicerCheckbox span::before {\n background-image: url(../../Visuals/images/visuals.sprites.png) !important;\n}\nbody .wrongVisualWarning {\n margin: 0 auto;\n text-align: center;\n width: 700px;\n color: red;\n font-size: 24px;\n margin-top: 50px;\n}\nbody .wrongVisualWarning span {\n color: blue;\n}\n\n\n\n/** WEBPACK FOOTER **\n ** /./src/Clients/PowerBIVisualsPlayground/styles/app.less\n **/"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;","sourceRoot":""} |