UNPKG

survey-analytics

Version:

SurveyJS analytics Library.

1 lines 12.6 kB
{"version":3,"file":"survey.analytics.css","mappings":";;;;;;;;AAKA;EACE,qECsBsB;EDrBtB,sCCsBe;AD1BjB;;AAOA;EACE,uECgBY;EDfZ;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,qECKsB;EDJtB,sCCKe;EDJf;EACA;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;IACE;EAJF;EAMA;IACE;EAJF;AACF;;;;AElDA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;AAEE;EAHF;IAII;EACF;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;AACE;EAHF;IAII;EAEF;AACF;;AACA;EACE,kDDpBiB;ECqBjB;AAEF;;AACA;EACE;EACA,qEDdsB;ECetB;EACA;EACA,iCDjCW;ECkCX;EACA;AAEF;;AACA;EACE;AAEF;AADE;EACE;EACA;EACA;EACA;EACA;EACA;AAGJ;;AACA;EACE,uEDpCY;ECqCZ,sCDnCe;ECoCf,iCDrDW;ECsDX;EACA;EACA;EACA;EACA;EACA;AAEF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE,uEDpDY;ECqDZ,sCDnDe;ECoDf;EACA;EACA;EACA;EACA;EACA;AAGF;AADE;EACE,0CDrEW;ECsEX;AAGJ;AADE;EACE;AAGJ;AADE;EACE;AAGJ;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AADE;EACE,gDDrFQ;ACwFZ;AAAI;EACE,qCDxFY;AC0FlB;AACE;EACE;EACA;AACJ;;AAGA;EACE;AAAF;;AAIA;EACE;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CDlIiB;ECmIjB,0CD1HW;EC2HX,YDzHkB;EC0HlB;EACA;AADJ;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAKI;EACE,qCDxJW;ACqJjB;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;EACA;AAPF;;AAUA;EACE;EACA;AAPF;AAQE;EACE;EACA;EACA,gCDpMS;AC8Lb;;AASA;EACE;EACA;EACA,iCD1MW;ACoMb;;AAQA;EACE;AALF;;AAQA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AARF;AAUA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AAXF;AAcA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAfF;AAiBA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AAlBF;;;;ACvOA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA,0CFHa;EEIb,kDFRiB;EESjB,gBFHoB;AEEtB;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;;;AC9BA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEHgBY;EGfZ,sCHiBe;EGhBf,iCHDW;EGGX,kDHCiB;AGHnB;;AAKA;EACE;EACA;EACA;EACA,0CHFa;EGGb,kDHPiB;EGQjB,gBHFoB;AGAtB;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;AAFF;;AAIA;EACE;EACA,4CH3CW;AG0Cb;;;;AC1CA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF","sources":["webpack://SurveyAnalytics/./src/visualizerBase.scss","webpack://SurveyAnalytics/./src/_globals.scss","webpack://SurveyAnalytics/./src/visualizationPanel.scss","webpack://SurveyAnalytics/./src/text.scss","webpack://SurveyAnalytics/./src/statistics-table.scss","webpack://SurveyAnalytics/./src/nps.scss"],"sourcesContent":["@use \"globals\" as *;\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n font-family: $font-family-secondary;\n font-size: $root-font-size;\n}\n\n.sa-visualizer__content {\n font-family: $font-family;\n display: inline-block;\n overflow: hidden;\n width: 100%;\n}\n\n.sa-visualizer__footer {\n margin-top: 10px;\n}\n\n.sa-visualizer__footer-title {\n display: inline-block;\n font-family: $font-family-secondary;\n font-size: $root-font-size;\n color: #404040;\n line-height: 34px;\n vertical-align: middle;\n margin: 0;\n}\n\n.sa-visualizer__footer-content {\n margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n width: 100%;\n min-height: 200px;\n position: relative;\n}\n\n.sa-data-loading-indicator {\n position: absolute;\n width: 64px;\n height: 64px;\n left: calc((100% - 64px) / 2);\n top: calc((100% - 64px) / 2);\n animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);","@use \"globals\" as *;\n\n.sa-panel__header {\n margin: 0 1em;\n}\n\n.sa-grid {\n position: relative;\n}\n\n.sa-grid__grid-sizer {\n width: 100%;\n box-sizing: border-box;\n @media screen and (min-width: 1400px) {\n width: 50%;\n }\n}\n\n.sa-question {\n display: inline-block;\n width: 100%;\n vertical-align: top;\n box-sizing: border-box;\n overflow: hidden;\n padding: 1em;\n}\n\n.sa-question-layouted {\n position: absolute;\n\n @media screen and (min-width: 1400px) {\n width: calc(50% - 1px);\n }\n}\n\n.sa-question__content {\n background-color: $background-color;\n padding: 20px;\n}\n\n.sa-question__title {\n margin-left: 30px;\n font-family: $font-family-secondary;\n font-size: 18px;\n font-weight: bold;\n color: $text-color;\n margin: 0;\n margin-bottom: 1em;\n}\n\n.sa-question__title--draggable {\n cursor: move;\n &:after {\n content: \" \";\n display: block;\n float: right;\n width: 15px;\n height: 15px;\n background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpolygon style='fill: %231ab394' points='13,5 12,6 13,7 9,7 9,3 10,4 11,3 8,0 5,3 6,4 7,3 7,7 3,7 4,6 3,5 0,8 3,11 4,10 3,9 7,9 7,13 6,12 5,13 8,16 11,13 10,12 9,13 9,9 13,9 12,10 13,11 16,8 '/%3E%3C/g%3E%3C/svg%3E \");\n }\n}\n\n.sa-toolbar {\n font-family: $font-family;\n font-size: $root-font-size;\n color: $text-color;\n line-height: 34px;\n margin-bottom: 25px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n}\n.sa-toolbar.sa-toolbar > * {\n display: inline-flex;\n line-height: 1em;\n}\n\n.sa-toolbar__button {\n font-family: $font-family;\n font-size: $root-font-size;\n padding: 8px;\n vertical-align: middle;\n cursor: pointer;\n border: 1px solid transparent;\n white-space: nowrap;\n margin: 0 10px;\n\n &:hover {\n border-color: $border-color;\n background-blend-mode: darken;\n }\n &:first-child {\n margin-left: 0;\n }\n &:last-child {\n margin-right: 0;\n }\n}\n\n.sa-toolbar__svg-button {\n width: 15px;\n height: 15px;\n padding: 0;\n border: none;\n outline: none;\n background-color: inherit;\n cursor: pointer;\n use {\n fill: $svg-color;\n }\n &:hover {\n use {\n fill: $svg-hover-color;\n }\n }\n svg {\n width: 15px;\n height: 15px;\n }\n}\n\n.sa-toolbar__button--right {\n float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n position: relative;\n display: inline-block;\n min-width: 100px;\n max-width: 300px;\n\n .sa-question__select {\n width: 100%;\n display: block;\n position: relative;\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n border-radius: 2px;\n background: $text-color-inverse;\n border-color: $border-color;\n height: $form-element-height;\n padding: 5px 23px 5px 15px;\n line-height: initial;\n\n &::-ms-expand {\n display: none;\n }\n\n &:focus {\n outline: 0;\n box-shadow: none;\n }\n\n &:disabled {\n color: $disabled-color;\n }\n }\n\n &:before {\n margin-top: -4px;\n top: 50%;\n right: 10px;\n z-index: 1;\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-right: 2px solid $text-color;\n border-bottom: 2px solid $text-color;\n transform: rotate(45deg);\n box-sizing: content-box;\n pointer-events: none;\n }\n}\n// EO custom select\n\n.sa-question__filter {\n display: inline-block;\n padding: 0 1em;\n}\n\n.sa-question__filter-text {\n vertical-align: middle;\n margin-top: 1px;\n line-height: 32px;\n}\n\n.sa-commercial {\n font-size: 12px;\n padding: 1em 0 0.5em 2em;\n svg {\n width: 20px;\n height: 20px;\n fill: $main-color;\n }\n}\n.sa-commercial__text {\n font-weight: bold;\n text-decoration: none;\n color: $main-color;\n}\n.sa-commercial__product {\n padding-left: 0.5em;\n}\n\n/* latin-ext */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 400;\n src:\n local(\"Raleway\"),\n local(\"Raleway-Regular\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 400;\n src:\n local(\"Raleway\"),\n local(\"Raleway-Regular\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 700;\n src:\n local(\"Raleway Bold\"),\n local(\"Raleway-Bold\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n font-family: \"Raleway\";\n font-style: normal;\n font-weight: 700;\n src:\n local(\"Raleway Bold\"),\n local(\"Raleway-Bold\"),\n url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n","@use \"globals\" as *;\n\n.sa-text-table__container {\n width: 100%;\n min-height: 200px;\n max-height: 500px;\n overflow: auto;\n}\n\n.sa-text-table {\n width: 100%;\n font-family: $font-family;\n font-size: $root-font-size;\n color: $text-color;\n border-width: 1px;\n border-collapse: collapse;\n background-color: $background-color;\n}\n\n.sa-text-table__cell {\n border-width: 1px;\n padding: 8px;\n border-style: solid;\n border-color: $border-color;\n background-color: $background-color;\n min-height: $form-element-height;\n}\n\n.sa-text-table__cell--number {\n text-align: end;\n}\n\nth.sa-text-table__cell {\n font-weight: 600;\n}\n","@use \"globals\" as *;\n\n.sa-statistics-table__container {\n width: 100%;\n min-height: 200px;\n max-height: 500px;\n overflow: auto;\n}\n\n.sa-statistics-table {\n width: 100%;\n font-family: $font-family;\n font-size: $root-font-size;\n color: $text-color;\n // border-collapse: collapse;\n background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n border-width: 1px;\n padding: 8px;\n border-style: solid;\n border-color: $border-color;\n background-color: $background-color;\n min-height: $form-element-height;\n}\n\n.sa-statistics-table__cell-value {\n text-align: right;\n min-width: 30px;\n}\n\n.sa-statistics-table__cell-header {\n font-weight: bold;\n}\n\n.sa-choices-sparkline {\n min-width: 100px;\n height: 24px;\n border: 1px solid $main-color;\n}\n.sa-choices-sparkline-value {\n height: 100%;\n background-color: $main-color;\n}\n",".sa-visualizer-nps {\n display: flex;\n flex-direction: row;\n gap: 16px;\n overflow-x: auto;\n}\n\n.sa-visualizer-nps__score-part {\n display: flex;\n flex-direction: column;\n padding: 0 16px;\n}\n\n.sa-visualizer-nps__score-part-title {\n font-size: 32px;\n text-align: center;\n color: #909090;\n}\n\n.sa-visualizer-nps__score-part-values {\n display: flex;\n flex-direction: row;\n gap: 16px;\n align-items: baseline;\n}\n\n.sa-visualizer-nps__score-part-value {\n font-size: 48px;\n}\n\n.sa-visualizer-nps__score-part-percent {\n font-size: 24px;\n color: #606060;\n}"],"names":[],"sourceRoot":""}