survey-analytics 1.12.21 → 2.0.0-rc.0

package/survey-analytics-datatables.types/tables/extensions/tableextensions.d.ts

@@ -1,21 +1,21 @@
-import { Table } from "../table";
-export interface ITableExtension {
-    location: string;
-    name: string;
-    visibleIndex: number;
-    render: (table: Table, opt: any) => HTMLElement;
-    destroy?: () => void;
-}
-export declare class TableExtensions {
-    private table;
-    constructor(table: Table);
-    private static extensions;
-    private renderedExtensions;
-    render(targetNode: HTMLElement, location: string, options?: any): void;
-    destroy(): void;
-    static registerExtension(extension: ITableExtension): void;
-    private static removeExtension;
-    static unregisterExtension(location: string, actionName: string): void;
-    static findExtension(location: string, actionName: string): ITableExtension;
-    private sortExtensions;
-}
+import { Table } from "../table";
+export interface ITableExtension {
+    location: string;
+    name: string;
+    visibleIndex: number;
+    render: (table: Table, opt: any) => HTMLElement;
+    destroy?: () => void;
+}
+export declare class TableExtensions {
+    private table;
+    constructor(table: Table);
+    private static extensions;
+    private renderedExtensions;
+    render(targetNode: HTMLElement, location: string, options?: any): void;
+    destroy(): void;
+    static registerExtension(extension: ITableExtension): void;
+    private static removeExtension;
+    static unregisterExtension(location: string, actionName: string): void;
+    static findExtension(location: string, actionName: string): ITableExtension;
+    private sortExtensions;
+}

package/survey-analytics-datatables.types/tables/table.d.ts

@@ -1,191 +1,191 @@
-import { SurveyModel, Question, Event, EventBase } from "survey-core";
-import { IPermission, QuestionLocation, ITableState, IColumn, IColumnData } from "./config";
-import { Details } from "./extensions/detailsextensions";
-import { ITableExtension, TableExtensions } from "./extensions/tableextensions";
-export interface ITableOptions {
-    [index: string]: any;
-    /**
-     * Set this property to true to render column headings using question names
-     */
-    useNamesAsTitles?: boolean;
-    /**
-     * Use this event to change the display value of question in table.
-     * <br/> `sender` - the table object that fires the event.
-     * <br/> `options.question` - the question obect for which event is fired.
-     * <br/> `options.displayValue` - the question display value. You can change this option before it is displayed in the table.
-     */
-    onGetQuestionValue?: (options: {
-        question: Question;
-        displayValue: any;
-    }) => void;
-}
-export type TabulatorFilter = {
-    field: string;
-    type: string;
-    value: any;
-};
-export type TabulatorSortOrder = {
-    field: string;
-    direction: undefined | "asc" | "desc";
-};
-export type GetDataUsingCallbackFn = (params: {
-    filter?: Array<TabulatorFilter>;
-    sort?: Array<TabulatorSortOrder>;
-    offset?: number;
-    limit?: number;
-    callback?: (response: {
-        data: Array<Object>;
-        totalCount: number;
-        error?: any;
-    }) => void;
-}) => void;
-export type GetDataUsingPromiseFn = (params: {
-    filter?: Array<TabulatorFilter>;
-    sort?: Array<TabulatorSortOrder>;
-    offset?: number;
-    limit?: number;
-}) => Promise<{
-    data: Array<Object>;
-    totalCount: number;
-    error?: any;
-}>;
-export type GetDataFn = GetDataUsingCallbackFn | GetDataUsingPromiseFn;
-export declare class TableEvent extends EventBase<Table> {
-}
-export declare abstract class Table {
-    protected _survey: SurveyModel;
-    protected data: Array<Object> | GetDataFn;
-    protected _options: ITableOptions;
-    protected _columnsData: Array<IColumnData>;
-    static showFilesAsImages: boolean;
-    static haveCommercialLicense: boolean;
-    protected tableData: any;
-    protected extensions: TableExtensions;
-    private haveCommercialLicense;
-    protected _columns: Array<IColumn>;
-    constructor(_survey: SurveyModel, data: Array<Object> | GetDataFn, _options?: ITableOptions, _columnsData?: Array<IColumnData>);
-    protected renderResult: HTMLElement;
-    protected currentPageSize: number;
-    protected currentPageNumber: number;
-    protected _rows: TableRow[];
-    protected isColumnReorderEnabled: boolean;
-    getTableData(): Array<any>;
-    /**
-     * Sets pagination selector content.
-     */
-    paginationSizeSelector: number[];
-    onColumnsVisibilityChanged: TableEvent;
-    onColumnsLocationChanged: TableEvent;
-    onRowRemoved: TableEvent;
-    renderDetailActions: (container: HTMLElement, row: TableRow) => HTMLElement;
-    getData(): Object[] | GetDataFn;
-    get survey(): SurveyModel;
-    get options(): ITableOptions;
-    abstract applyFilter(value: string): void;
-    abstract applyColumnFilter(columnName: string, value: string): void;
-    abstract sortByColumn(columnName: string, direction: string): void;
-    render(targetNode: HTMLElement | string): void;
-    enableColumnReorder(): void;
-    disableColumnReorder(): void;
-    getPageNumber(): number;
-    setPageNumber(value: number): void;
-    /**
-     * Returns current page size.
-     */
-    getPageSize(): number;
-    /**
-     * Sets current page size.
-     */
-    setPageSize(value: number): void;
-    getCreatedRows(): TableRow[];
-    clearCreatedRows(): void;
-    get useNamesAsTitles(): boolean;
-    protected buildColumns: (survey: SurveyModel) => IColumn[];
-    private isNonValueQuestion;
-    isColumnVisible(column: IColumn): boolean;
-    get columns(): Array<IColumn>;
-    set columns(columns: Array<IColumn>);
-    get isInitTableDataProcessing(): boolean;
-    private isInitTableDataProcessingValue;
-    protected processLoadedDataItem(item: any): any;
-    protected initTableData(data: Array<any> | GetDataFn): void;
-    moveColumn(from: number, to: number): void;
-    setColumnLocation(columnName: string, location: QuestionLocation): void;
-    getColumnByName(columnName: string): IColumn;
-    setColumnVisibility(columnName: string, isVisible: boolean): void;
-    setColumnWidth(columnName: string, width: string | number): void;
-    removeRow(row: TableRow): void;
-    /**
-     * Returns current locale of the table.
-     * If locales more than one, the language selection dropdown will be added in the toolbar
-     */
-    get locale(): string;
-    /**
-     * Sets locale for table.
-     */
-    set locale(newLocale: string);
-    getLocales(): Array<string>;
-    refresh(hard?: boolean): void;
-    destroy(): void;
-    get isRendered(): boolean;
-    /**
-     * Vizualization panel state getter.
-     */
-    get state(): ITableState;
-    /**
-     * Vizualization panel state setter.
-     */
-    set state(newState: ITableState);
-    private updateColumnsFromData;
-    /**
-     * Fires when table state changed.
-     */
-    onStateChanged: TableEvent;
-    /**
-     * Gets table permissions.
-     */
-    get permissions(): IPermission[];
-    /**
-     * Sets table permissions.
-     */
-    set permissions(permissions: IPermission[]);
-    /**
-     * Fires when permissions changed
-     */
-    onPermissionsChangedCallback: any;
-    protected get allowSorting(): boolean;
-    allowExtension(extension: ITableExtension): boolean;
-}
-export declare abstract class TableRow {
-    protected table: Table;
-    protected extensionsContainer: HTMLElement;
-    protected detailsContainer: HTMLElement;
-    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement);
-    details: Details;
-    extensions: TableExtensions;
-    private detailedRowClass;
-    private isDetailsExpanded;
-    onToggleDetails: Event<(sender: TableRow, options: any) => any, TableRow, any>;
-    /**
-     * Returns row's html element
-     */
-    abstract getElement(): HTMLElement;
-    /**
-     * Returns data, which is displayed in the row.
-     */
-    abstract getRowData(): any;
-    /**
-     * Returns position of row in the table's data.
-     */
-    abstract getDataPosition(): number;
-    protected isSelected: boolean;
-    render(): void;
-    openDetails(): void;
-    closeDetails(): void;
-    toggleDetails(): void;
-    getIsSelected(): boolean;
-    toggleSelect(): void;
-    remove(): void;
-    private onColumnLocationChangedCallback;
-    destroy(): void;
-}
+import { SurveyModel, Question, Event, EventBase } from "survey-core";
+import { IPermission, QuestionLocation, ITableState, IColumn, IColumnData } from "./config";
+import { Details } from "./extensions/detailsextensions";
+import { ITableExtension, TableExtensions } from "./extensions/tableextensions";
+export interface ITableOptions {
+    [index: string]: any;
+    /**
+     * Set this property to true to render column headings using question names
+     */
+    useNamesAsTitles?: boolean;
+    /**
+     * Use this event to change the display value of question in table.
+     * <br/> `sender` - the table object that fires the event.
+     * <br/> `options.question` - the question obect for which event is fired.
+     * <br/> `options.displayValue` - the question display value. You can change this option before it is displayed in the table.
+     */
+    onGetQuestionValue?: (options: {
+        question: Question;
+        displayValue: any;
+    }) => void;
+}
+export type TabulatorFilter = {
+    field: string;
+    type: string;
+    value: any;
+};
+export type TabulatorSortOrder = {
+    field: string;
+    direction: undefined | "asc" | "desc";
+};
+export type GetDataUsingCallbackFn = (params: {
+    filter?: Array<TabulatorFilter>;
+    sort?: Array<TabulatorSortOrder>;
+    offset?: number;
+    limit?: number;
+    callback?: (response: {
+        data: Array<Object>;
+        totalCount: number;
+        error?: any;
+    }) => void;
+}) => void;
+export type GetDataUsingPromiseFn = (params: {
+    filter?: Array<TabulatorFilter>;
+    sort?: Array<TabulatorSortOrder>;
+    offset?: number;
+    limit?: number;
+}) => Promise<{
+    data: Array<Object>;
+    totalCount: number;
+    error?: any;
+}>;
+export type GetDataFn = GetDataUsingCallbackFn | GetDataUsingPromiseFn;
+export declare class TableEvent extends EventBase<Table> {
+}
+export declare abstract class Table {
+    protected _survey: SurveyModel;
+    protected data: Array<Object> | GetDataFn;
+    protected _options: ITableOptions;
+    protected _columnsData: Array<IColumnData>;
+    static showFilesAsImages: boolean;
+    static haveCommercialLicense: boolean;
+    protected tableData: any;
+    protected extensions: TableExtensions;
+    private haveCommercialLicense;
+    protected _columns: Array<IColumn>;
+    constructor(_survey: SurveyModel, data: Array<Object> | GetDataFn, _options?: ITableOptions, _columnsData?: Array<IColumnData>);
+    protected renderResult: HTMLElement;
+    protected currentPageSize: number;
+    protected currentPageNumber: number;
+    protected _rows: TableRow[];
+    protected isColumnReorderEnabled: boolean;
+    getTableData(): Array<any>;
+    /**
+     * Sets pagination selector content.
+     */
+    paginationSizeSelector: number[];
+    onColumnsVisibilityChanged: TableEvent;
+    onColumnsLocationChanged: TableEvent;
+    onRowRemoved: TableEvent;
+    renderDetailActions: (container: HTMLElement, row: TableRow) => HTMLElement;
+    getData(): Object[] | GetDataFn;
+    get survey(): SurveyModel;
+    get options(): ITableOptions;
+    abstract applyFilter(value: string): void;
+    abstract applyColumnFilter(columnName: string, value: string): void;
+    abstract sortByColumn(columnName: string, direction: string): void;
+    render(targetNode: HTMLElement | string): void;
+    enableColumnReorder(): void;
+    disableColumnReorder(): void;
+    getPageNumber(): number;
+    setPageNumber(value: number): void;
+    /**
+     * Returns current page size.
+     */
+    getPageSize(): number;
+    /**
+     * Sets current page size.
+     */
+    setPageSize(value: number): void;
+    getCreatedRows(): TableRow[];
+    clearCreatedRows(): void;
+    get useNamesAsTitles(): boolean;
+    protected buildColumns: (survey: SurveyModel) => IColumn[];
+    private isNonValueQuestion;
+    isColumnVisible(column: IColumn): boolean;
+    get columns(): Array<IColumn>;
+    set columns(columns: Array<IColumn>);
+    get isInitTableDataProcessing(): boolean;
+    private isInitTableDataProcessingValue;
+    protected processLoadedDataItem(item: any): any;
+    protected initTableData(data: Array<any> | GetDataFn): void;
+    moveColumn(from: number, to: number): void;
+    setColumnLocation(columnName: string, location: QuestionLocation): void;
+    getColumnByName(columnName: string): IColumn;
+    setColumnVisibility(columnName: string, isVisible: boolean): void;
+    setColumnWidth(columnName: string, width: string | number): void;
+    removeRow(row: TableRow): void;
+    /**
+     * Returns current locale of the table.
+     * If locales more than one, the language selection dropdown will be added in the toolbar
+     */
+    get locale(): string;
+    /**
+     * Sets locale for table.
+     */
+    set locale(newLocale: string);
+    getLocales(): Array<string>;
+    refresh(hard?: boolean): void;
+    destroy(): void;
+    get isRendered(): boolean;
+    /**
+     * Vizualization panel state getter.
+     */
+    get state(): ITableState;
+    /**
+     * Vizualization panel state setter.
+     */
+    set state(newState: ITableState);
+    private updateColumnsFromData;
+    /**
+     * Fires when table state changed.
+     */
+    onStateChanged: TableEvent;
+    /**
+     * Gets table permissions.
+     */
+    get permissions(): IPermission[];
+    /**
+     * Sets table permissions.
+     */
+    set permissions(permissions: IPermission[]);
+    /**
+     * Fires when permissions changed
+     */
+    onPermissionsChangedCallback: any;
+    protected get allowSorting(): boolean;
+    allowExtension(extension: ITableExtension): boolean;
+}
+export declare abstract class TableRow {
+    protected table: Table;
+    protected extensionsContainer: HTMLElement;
+    protected detailsContainer: HTMLElement;
+    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement);
+    details: Details;
+    extensions: TableExtensions;
+    private detailedRowClass;
+    private isDetailsExpanded;
+    onToggleDetails: Event<(sender: TableRow, options: any) => any, TableRow, any>;
+    /**
+     * Returns row's html element
+     */
+    abstract getElement(): HTMLElement;
+    /**
+     * Returns data, which is displayed in the row.
+     */
+    abstract getRowData(): any;
+    /**
+     * Returns position of row in the table's data.
+     */
+    abstract getDataPosition(): number;
+    protected isSelected: boolean;
+    render(): void;
+    openDetails(): void;
+    closeDetails(): void;
+    toggleDetails(): void;
+    getIsSelected(): boolean;
+    toggleSelect(): void;
+    remove(): void;
+    private onColumnLocationChangedCallback;
+    destroy(): void;
+}

package/survey-analytics-datatables.types/utils/index.d.ts

@@ -1,39 +1,39 @@
-export declare class DocumentHelper {
-    static createSelector(options: Array<{
-        value: string;
-        text: string;
-    }>, isSelected: (option: {
-        value: string;
-        text: string;
-    }) => boolean, handler: (e: any) => void): HTMLDivElement;
-    static createButton(handler: (e: any) => void, text?: string, className?: string): HTMLElement;
-    static createElement(tagName: string, className?: string, attrs?: any): HTMLElement;
-    static createSvgElement(path: string): SVGSVGElement;
-    static createSvgButton(path: string): HTMLButtonElement;
-    static createSvgToggleButton(svgPath1: string, svPpath2: string, text1: string, text2: string, handler1: (e: any) => any, handler2: (e: any) => any, state?: string, className?: string): HTMLElement;
-    static createInput(className: string, placeholder?: string, defaultValue?: string): HTMLInputElement;
-}
-export declare var options: {
-    runningInBrowser: boolean;
-};
-export declare function allowDomRendering(): boolean;
-export declare function createCommercialLicenseLink(): HTMLElement;
-export declare function createLoadingIndicator(): HTMLElement;
-export declare class DataHelper {
-    static zipArrays(...arrays: any[]): any[][];
-    static unzipArrays(zipArray: any[][]): any[][];
-    static sortDictionary(keys: any[], values: any[], desc: boolean): {
-        keys: any[];
-        values: any[];
-    };
-    static toPercentage(value: number, maxValue: number): number;
-}
-export declare function createLinksContainer(links: Array<{
-    name: string;
-    content: any;
-}>): HTMLElement;
-export declare function createImagesContainer(links: Array<{
-    name: string;
-    content: any;
-}>): HTMLElement;
-export declare function toPrecision(value: number, precision?: number): number;
+export declare class DocumentHelper {
+    static createSelector(options: Array<{
+        value: string;
+        text: string;
+    }>, isSelected: (option: {
+        value: string;
+        text: string;
+    }) => boolean, handler: (e: any) => void): HTMLDivElement;
+    static createButton(handler: (e: any) => void, text?: string, className?: string): HTMLElement;
+    static createElement(tagName: string, className?: string, attrs?: any): HTMLElement;
+    static createSvgElement(path: string): SVGSVGElement;
+    static createSvgButton(path: string): HTMLButtonElement;
+    static createSvgToggleButton(svgPath1: string, svPpath2: string, text1: string, text2: string, handler1: (e: any) => any, handler2: (e: any) => any, state?: string, className?: string): HTMLElement;
+    static createInput(className: string, placeholder?: string, defaultValue?: string): HTMLInputElement;
+}
+export declare var options: {
+    runningInBrowser: boolean;
+};
+export declare function allowDomRendering(): boolean;
+export declare function createCommercialLicenseLink(): HTMLElement;
+export declare function createLoadingIndicator(): HTMLElement;
+export declare class DataHelper {
+    static zipArrays(...arrays: any[]): any[][];
+    static unzipArrays(zipArray: any[][]): any[][];
+    static sortDictionary(keys: any[], values: any[], desc: boolean): {
+        keys: any[];
+        values: any[];
+    };
+    static toPercentage(value: number, maxValue: number): number;
+}
+export declare function createLinksContainer(links: Array<{
+    name: string;
+    content: any;
+}>): HTMLElement;
+export declare function createImagesContainer(links: Array<{
+    name: string;
+    content: any;
+}>): HTMLElement;
+export declare function toPrecision(value: number, precision?: number): number;

package/survey-analytics-tabulator.types/tables/table.d.ts

@@ -105,10 +105,10 @@ export declare abstract class Table {
     isColumnVisible(column: IColumn): boolean;
     get columns(): Array<IColumn>;
     set columns(columns: Array<IColumn>);
-    get isInitTableDataProcessing(): boolean;
     private isInitTableDataProcessingValue;
+    get isInitTableDataProcessing(): boolean;
+    protected initTableData(data: Object[] | GetDataFn): void;
     protected processLoadedDataItem(item: any): any;
-    protected initTableData(data: Array<any> | GetDataFn): void;
     moveColumn(from: number, to: number): void;
     setColumnLocation(columnName: string, location: QuestionLocation): void;
     getColumnByName(columnName: string): IColumn;

package/survey-analytics-tabulator.types/tables/tabulator.d.ts

@@ -22,7 +22,7 @@ export declare const defaultDownloadOptions: {
             styles: {
                 font: string;
                 fontStyle: string;
-                cellWidth: number;
+                minCellWidth: number;
             };
             margin: {
                 top: number;
@@ -69,13 +69,15 @@ export declare class Tabulator extends Table {
     private getDownloadOptions;
     download(type: string): void;
     layout(hard?: boolean): void;
+    protected processLoadedDataItem(item: any): any;
 }
 export declare class TabulatorRow extends TableRow {
     protected table: Table;
     protected extensionsContainer: HTMLElement;
     protected detailsContainer: HTMLElement;
     protected innerRow: any;
-    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement, innerRow: any);
+    protected originalData: any;
+    constructor(table: Table, extensionsContainer: HTMLElement, detailsContainer: HTMLElement, innerRow: any, originalData: any);
     getElement(): HTMLElement;
     getRowData(): HTMLElement;
     getDataPosition(): number;

package/survey.analytics.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v1.12.21
+ * surveyjs - SurveyJS Dashboard library v2.0.0-rc.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.analytics.css.map

@@ -1 +1 @@
-{"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;IACI;EAJJ;EAMA;IACI;EAJJ;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;EAGA;AAPF;AAUA;AACA;EACE;EACA;EACA;EACA;EAGA;AAVF;AAcA;AACA;EACE;EACA;EACA;EACA;EAGA;AAdF;AAiBA;AACA;EACE;EACA;EACA;EACA;EAGA;AAjBF;;;;ACvOA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACD;EACC;AADF;;AAIA;EACC;EACA;EACA;EACA,0CFHc;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;EACC;EACA;EACA;EACA,0CHFc;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://[pc-name]/./src/visualizerBase.scss","webpack://[pc-name]/./src/_globals.scss","webpack://[pc-name]/./src/visualizationPanel.scss","webpack://[pc-name]/./src/text.scss","webpack://[pc-name]/./src/statistics-table.scss","webpack://[pc-name]/./src/nps.scss"],"sourcesContent":["@import \"globals\";\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}","$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);","@import \"globals\";\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: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    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: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    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: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    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: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    U+FEFF, U+FFFD;\n}\n","@import \"globals\";\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\tborder-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-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}","@import \"globals\";\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\t// border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-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}",".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":""}
+{"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;IACI;EAJJ;EAMA;IACI;EAJJ;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;EAGA;AAPF;AAUA;AACA;EACE;EACA;EACA;EACA;EAGA;AAVF;AAcA;AACA;EACE;EACA;EACA;EACA;EAGA;AAdF;AAiBA;AACA;EACE;EACA;EACA;EACA;EAGA;AAjBF;;;;ACvOA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACD;EACC;AADF;;AAIA;EACC;EACA;EACA;EACA,0CFHc;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;EACC;EACA;EACA;EACA,0CHFc;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":["@import \"globals\";\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}","$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);","@import \"globals\";\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: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    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: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    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: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    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: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    U+FEFF, U+FFFD;\n}\n","@import \"globals\";\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\tborder-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-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}","@import \"globals\";\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\t// border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-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}",".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":""}