@touchpoll/tp-survey 0.0.1

package/lib/tp.survey.interface.d.ts

@@ -0,0 +1,320 @@
+import { AdditionalAnswer, AdditionalAnswerCaptionPosition, AnswerT, LogicObject, SurveyType } from './tp.survey.type';
+import { AdditionalAnswerType, ResultativeStatus, ValidStatus } from './tp.survey.enum';
+import { Answer } from './core/tp.survey.answer/tp.survey.answer';
+export interface AnswerChange {
+    guid: number;
+    isComplete: boolean;
+    answer: AnswerT;
+    additionalAnswers: Record<number, AdditionalAnswer>;
+    logicVars: LogicObject;
+    viewedAlternativeValues: Array<number>;
+    viewedSectionGuids: Array<number>;
+    alternativeSequenceClicks: Array<[number, number]>;
+}
+export interface IdbBaseParamsLanguage {
+    Value: number;
+    Caption: string;
+    isActive: boolean;
+    icon_svg_name: string;
+    back_button_caption: string;
+    next_button_caption: string;
+}
+export interface IdbBaseParamsRepositoryObject {
+    OriginalName: string;
+    QuestionaryName: string;
+}
+export interface IdbQuestionaryBaseParams {
+    ResultativeScript: string;
+    ResultativeScriptUser: string;
+    QuotaLimitDestinationQuestionGuid: number;
+    LanguageList: Array<IdbBaseParamsLanguage>;
+    RepositoryList: Array<IdbBaseParamsRepositoryObject>;
+    BaseHeight: number;
+    BaseWidth: number;
+    AlternativeMaxAnswersCount: number;
+    AlternativeMinAnswersCount: number;
+    MinInterviewTime: number;
+    MinTimeBetweenInterview: number;
+    AlternativeColumnCount: number;
+    ForceDesktopView: boolean;
+    SurveyTheme: string;
+    BlockScrollToNavigation: boolean;
+    Logo: Array<string>;
+}
+export interface IdbQuestionaryInfo {
+    updatetimestamp: Date;
+    name: string;
+    questionary_guid: number;
+    current_wave: number;
+    survey_options: IdbSurveyOptions;
+    last_update_timestamp?: Date;
+    repository_path?: string;
+}
+export interface IdbSurveyOptions {
+    attempt_limit: number;
+    reload_after_end: boolean;
+    save_not_result: boolean;
+    stop_after_quotas_full: boolean;
+    authorization_facebook: boolean;
+    authorization_instagram: boolean;
+    authorization_password: boolean;
+    available_on_tablet: boolean;
+    available_on_web: boolean;
+}
+export interface IdbMultilangObject {
+    CaptionHtml: string;
+    lang: number;
+    _SYS_CaptionHTML: string;
+    _SYS_CaptionRTF: string;
+    _SYS_htmlPlanText?: string;
+}
+export interface IdbTpBackGround {
+    CSSstyle: string;
+    Color: string;
+    Image: string;
+    PosH: string;
+    PosV: string;
+    Scale: string;
+    PercentSize: number;
+}
+export interface IdbAlternative {
+    EnableExpression: string;
+    EnableExpressionUser: string;
+    MultiLangCaptions: Array<IdbMultilangObject>;
+    Rotation: boolean;
+    SysName: string;
+    alias: string;
+    Value: number;
+    GroupNo: number;
+    BackGround: IdbTpBackGround;
+    PushBackground: IdbTpBackGround | undefined;
+    IsMute: boolean;
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export interface IdbMQSectionItem {
+    CaptionPosition: string;
+    Alias: string;
+    EnableExpression: string;
+    IsRequired: boolean;
+    ItemType: number;
+    ItemValue: number;
+    MultiLangCaptions: Array<IdbMultilangObject>;
+    AdditionalAnswerlist: Array<any>;
+    NumberMaxValue: number;
+    NumberMinValue: number;
+    NumberOfDecimalPlaces: number;
+    SysName: string;
+    Weight: number;
+    SelectCompactView: boolean;
+    SelectAlternativeList: Array<any>;
+    SelectColCount: number;
+    SelectMaxAnswersCount: number;
+    SelectMinAnswersCount: number;
+    TextRowsCount: number;
+    TextRegularExpression: string;
+    Placeholder: string;
+    SelectAnswerValues?: Array<any>;
+}
+export interface IdbSection {
+    Alias: string;
+    SysName: string;
+    Rotation: boolean;
+    BackGround: IdbTpBackGround;
+    SectionNum: number;
+    SectionGuid: number;
+    RequireAnswer: boolean;
+    MQSectionItems: Array<IdbMQSectionItem>;
+    CaptionPosition: string;
+    RightBackground: IdbTpBackGround;
+    EnableExpression: string;
+    EnableExpressionUser: string;
+    MultiLangCaptions: Array<IdbMultilangObject>;
+    RequireAllAnswers: boolean;
+    MultiLangRightCaptions: Array<IdbMultilangObject>;
+}
+export interface IdbLogic {
+    DestinationQuestionGuid: number;
+    LogicText: string;
+    LogicTextUser: string;
+}
+export interface IdbRegion {
+    Value: number;
+    Text: string;
+}
+export interface IdbAdditionalAnswer {
+    readonly Value: number;
+    readonly SysName: string;
+    readonly AnswerType: AdditionalAnswerType;
+    MultiLangCaptions: Array<IdbMultilangObject>;
+    IsRequired: boolean;
+    CaptionPosition: AdditionalAnswerCaptionPosition;
+    EnableExpression: string;
+    EnableExpressionUser: string;
+    VisibleExpression: string;
+    VisibleExpressionUser: string;
+    TextMultiline: boolean;
+    NumberMinValue: number | null;
+    NumberMaxValue: number | null;
+}
+export interface IdbQuestion {
+    QuestionNum: number;
+    QuestionGuid: number;
+    MultiLangCaptions: Array<IdbMultilangObject>;
+    MultiLangCaptionsHelper: Array<IdbMultilangObject>;
+    QuestionType: string;
+    Alternativelist: Array<IdbAlternative>;
+    Sectionlist: Array<IdbSection>;
+    logiclist: Array<IdbLogic>;
+    RegionList: Array<IdbRegion>;
+    AdditionalAnswerlist: Array<IdbAdditionalAnswer>;
+    QuestionBackground: IdbTpBackGround;
+    Version: number;
+    SysName: string;
+    SysNameAlias: string;
+    BeforeExpression: string;
+    BeforeExpressionUser: string;
+    PostScript: string;
+    PostScriptUser: string;
+    ShowBtnBack: boolean;
+    ShowBtnNext: boolean;
+    BtnNextExpression: string;
+    BtnNextExpressionUser: string;
+    CaptionAlias: string;
+    AudioControlSec: number;
+    MinAnswerTime: number;
+    TimeDisplay: number;
+    OLMaxCount: number;
+    OLMinCount: number;
+    OLRegexp: string;
+    OLTypeTel: boolean;
+    ODMaxValue: number;
+    ODMinValue: number;
+    AlternativeAutoSize: boolean;
+    AlternativeAutoArrange: boolean;
+    AlternativeMinAnswersCount: number;
+    AlternativeMaxAnswersCount: number;
+    AlternativeColumnCount: number;
+    AlternativeHorizontalDistance: number;
+    AlternativeVerticalDistance: number;
+    AlternativeMarginTop: number;
+    AlternativeMarginLeft: number;
+    AlternativeHeight: number;
+    AlternativeWidth: number;
+    AlternativeTabletFontSize: number;
+    TabletViewAlternativeColumnCount: number;
+    MobileViewAlternativeColumnCount: number;
+    MultiSelect: boolean;
+    RequireAllAnswers: boolean;
+    SLSectionMinAnswersCount: number;
+    SLSectionMaxAnswersCount: number;
+}
+export interface IdbQuestionaryQuota {
+    quota_guid: number;
+    over_limit: number;
+    count_result_interview_for_this_qouta: number;
+    limit: number;
+    name: string;
+    expression: string;
+}
+export interface IdbQuestionaryQuota2dObject {
+    qs: Array<{
+        guid: number;
+        value: number;
+    }>;
+    qvg: number;
+    exp: string | null;
+}
+export interface IdbQuestionaryQuota2d {
+    vls: Array<IdbQuestionaryQuota2dObject>;
+    name: string;
+    base_guid: number;
+}
+export interface IdbQuestionary {
+    BaseParams: IdbQuestionaryBaseParams;
+    Info: IdbQuestionaryInfo;
+    Questions: Array<IdbQuestion>;
+    Quotas: Array<IdbQuestionaryQuota>;
+    Quotas2d: Array<IdbQuestionaryQuota2dObject>;
+}
+export interface IQuestionAnswer {
+    StartedAt: number;
+    FinishedAt: number;
+    QuestionGUID: number;
+    QuestionVersion: number;
+    AnswerValue: any;
+    AnswerAdditional: Record<number, AdditionalAnswer>;
+    ViewedAlternativeValues: Array<number>;
+    ViewedSectionGuids: Array<number>;
+}
+export interface IInterviewAutoSaveData {
+    interview_auto_save_id: string;
+    answer_list?: Array<IQuestionAnswer>;
+    logic_vars?: Array<IInterviewLogicVar>;
+    question_guid?: number;
+}
+export interface ICurrentQuestionAnswer {
+    question?: Answer;
+    sections?: Array<Answer | undefined>;
+}
+export interface IInterviewLogicVar {
+    nm: string;
+    vl: any;
+}
+export interface IInterviewAdditionalInfo {
+    QuestionaryUpdateTimestamp: number | null;
+    surveyType?: SurveyType;
+    phoneNumber?: string;
+    catiInterviewerId?: string;
+    referrer?: string;
+    trackId?: string;
+    interviewAutoSaveId?: string;
+    last_autosave_question_guid?: number;
+    clientIp?: string;
+    clientHeaders?: {
+        [key: string]: string;
+    };
+    [key: string]: any;
+}
+export interface IInterviewData {
+    Language: number;
+    SpotId: number;
+    DeviceId: number;
+    DeviceType: number;
+    Resultative: ResultativeStatus;
+    Valid: ValidStatus;
+    Wave: number;
+    QuestionaryName: string;
+    QuestionaryGuid: number;
+    StartedAt: number;
+    FinishedAt: number;
+    TineZoneBias: number;
+    ResultatDirty: boolean;
+    Answers: {
+        AnsversList: Array<any>;
+    };
+    additional_info: IInterviewAdditionalInfo;
+    ResultQuotaGuids?: Array<{
+        base_guid: number;
+        result: boolean;
+    }>;
+    ResultQuota2dGuids?: Array<any>;
+    LogicVars: Array<IInterviewLogicVar>;
+    UniqueDeviceText?: string;
+    SpotGuid?: number;
+}
+export interface IInterviewProgressEventData {
+    logicVars: LogicObject;
+    answerList: Array<Answer>;
+}
+export interface IInterviewProgressEvent {
+    currentNum: number;
+    questionsCount: number;
+    questionGuid: number;
+    interviewData: IInterviewProgressEventData;
+}
+export interface IInterviewStartedEvent {
+    questionary: IdbQuestionary;
+}

package/lib/tp.survey.method.d.ts

@@ -0,0 +1 @@
+export declare function executeLogicExpression(expression: string, vars: Record<string, unknown>): Function;

package/lib/tp.survey.module.d.ts

@@ -0,0 +1,10 @@
+import { ModuleWithProviders } from '@angular/core';
+import { TpSurveyConfig } from './tp.survey.config';
+import * as i0 from "@angular/core";
+import * as i1 from "./icons/default.icons/default.icons.module";
+export declare class TpSurveyModule {
+    static forRoot(config: TpSurveyConfig): ModuleWithProviders<TpSurveyModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TpSurveyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TpSurveyModule, never, [typeof i1.DefaultIconsModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TpSurveyModule>;
+}

package/lib/tp.survey.type.d.ts

@@ -0,0 +1,13 @@
+export type MissingValueT = -97;
+export type TpSurveyPlatform = 'browser' | 'device';
+export type TpSurveySupportLanguage = 'uk' | 'en';
+export type NavigationButtonDirection = 'back' | 'next';
+export type AdditionalAnswer = number | string | boolean | null | MissingValueT;
+export type AnswerT = number | string | boolean | null | MissingValueT | Array<number> | AnswerSlType;
+export type AdditionalAnswerCaptionPosition = 'bottom' | 'left' | 'right' | 'top';
+export type AnswerSlType = {
+    [key: string]: Array<number> | number;
+};
+export type SurveyType = 'CATI' | 'ONLINE';
+export type TpSurveyTheme = 'cyan-orange-light' | 'cyan-orange-dark' | 'rose-red-light' | 'rose-red-dark' | 'azure-blue-light' | 'azure-blue-dark';
+export type LogicObject = Record<string, unknown>;

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@touchpoll/tp-survey",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/touchpoll-tp-survey.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/touchpoll-tp-survey.mjs",
+      "esm": "./esm2022/touchpoll-tp-survey.mjs",
+      "default": "./fesm2022/touchpoll-tp-survey.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './lib/tp.survey.module';
+export * from './lib/component/survey.play/survey.play.component';
+export * from './lib/component/survey.question.preview/survey.question.preview.component';
+export * from './lib/tp.survey.config';
+export * from './lib/tp.survey.const';
+export * from './lib/tp.survey.type';
+export * from './lib/tp.survey.interface';
+export * from './lib/tp.survey.enum';
+export * from './lib/tp.survey.method';

package/styles/platform/component/survey.checkbox.scss

@@ -0,0 +1,102 @@
+@use "sass:map";
+
+@mixin link-survey-checkbox($theme) {
+
+ $custom-colors: map-get($theme, custom-colors);
+
+ .tp-survey-checkbox{
+  --mdc-checkbox-selected-checkmark-color: #fff;
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{
+   height: 30px;
+   width: 30px;
+   top: 5px;
+   left: 5px;
+  }
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
+   border: unset;
+   background-color: #3c3c46;
+   border-radius: 8px;
+  }
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{
+   background-color: map-get($custom-colors, survey-red);
+   border-radius: 8px;
+   border: none ;
+  }
+
+  .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
+   border: unset;
+   background-color: #3c3c46;
+   border-radius: 8px;
+   opacity: 0.4;
+  }
+
+  &.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
+   opacity: 0.4;
+  }
+
+  &.mat-checkbox-checked.mat-accent .mat-checkbox-background {
+   background-color: map-get($custom-colors, survey-red);
+   border-radius: 8px;
+  }
+
+  &.mdc-checkbox__checkmark{
+   transform: scale(0.7);
+  }
+
+  &.mat-checkbox-layout{
+   align-items: center;
+   white-space: normal;
+  }
+ }
+
+
+
+ .tp-survey-checkbox-small{
+  &.mat-mdc-checkbox .mdc-checkbox {
+   padding: 0;
+
+   .mdc-checkbox__native-control{
+    top: 0;
+    width: 18px;
+    height: 18px;
+   }
+  }
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{
+   height: 18px;
+   width: 18px;
+   top: 0;
+   left: 0;
+  }
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{
+   border: unset;
+   background-color: #3c3c46;
+   border-radius: 8px;
+  }
+
+  &.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{
+   background-color: map-get($custom-colors, survey-red);
+   border-radius: 8px;
+   border: none ;
+  }
+
+  &.mat-checkbox-checked.mat-accent .mat-checkbox-background {
+   background-color: map-get($custom-colors, survey-red);
+   border-radius: 8px;
+  }
+
+  &.mdc-checkbox__checkmark{
+   transform: scale(0.7);
+  }
+
+  &.mat-checkbox-layout{
+   align-items: center;
+   white-space: normal;
+  }
+ }
+
+}

package/styles/platform/component/survey.radio.button.scss

@@ -0,0 +1,34 @@
+@use "sass:map";
+
+@mixin link-survey-radio-button($theme) {
+
+ $custom-colors: map-get($theme, custom-colors);
+
+ .tp-survey-radio-button{
+
+  &.mat-mdc-radio-button .mdc-form-field{
+   color: inherit;
+  }
+
+  //&.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__outer-circle{
+  // border-color: map-get($custom-colors, survey-input-border)
+  //}
+  &.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{
+   border-color: map-get($custom-colors, survey-red);
+  }
+
+  > .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
+   background-color: rgba(255, 1, 23, 0.26)
+  }
+
+  .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{
+   transform: scale(.7);
+  }
+
+  .mat-radio-label {
+   white-space: normal;
+  }
+ }
+}
+
+

package/styles/platform/survey.mixins.desktop.scss

@@ -0,0 +1,146 @@
+@use "sass:map";
+@use "component/survey.checkbox" as mixinCheckbox;
+@use "component/survey.radio.button" as mixinRadioButton;
+
+@mixin link-desktop($theme) {
+  $custom-colors: map-get($theme, custom-colors);
+
+  //@include mixinCheckbox.link-survey-checkbox($theme);
+  //@include mixinRadioButton.link-survey-radio-button($theme);
+
+  p{
+    margin: 0;
+  }
+
+  .container-captions {
+    min-height: 75px;
+    padding: 20px 0;
+  }
+
+  .navigation-button{
+    //color: map-get($custom-colors, survey-desktop-caption-color);
+    .navigation-button-label{
+      font-size: 1.3em;
+    }
+  }
+
+  .alternative-sl{
+    .mdc-label{
+      display: none;
+    }
+  }
+
+
+  .container-ms-ss-alternatives{
+    display: grid;
+    justify-content: center;
+    gap: 0.5em;
+
+    .alternative-ss-ms-caption{
+      color: map-get($custom-colors, survey-font);
+      font-size: 1.1em;
+    }
+  }
+
+  .alternative-sl-caption{
+    color: map-get($custom-colors, survey-font);
+  }
+
+  .mobile-view-section-caption{
+    border-bottom-color: map-get($custom-colors, survey-caption-delimiter);;
+  }
+
+  //
+  //.tp-view-desktop {
+  //  //width: 100%;
+  //  //height: 100%;
+  //  //max-width: 896px;
+  //  //margin: 0 auto;
+  //
+  //
+  //
+  //
+  //  .mat-mdc-button:not(:disabled) {
+  //    color: inherit;
+  //    height: 64px;
+  //  }
+  //
+  //  //.navigation-button-label{
+  //  //  font-size: 1.6em;
+  //  //}
+  //
+  //  .QuestionCaptionFont{
+  //    font-size: 1.2em;
+  //    line-height: 1.25;
+  //    color: map-get($custom-colors, survey-desktop-caption-color);
+  //    width: 100%;
+  //    text-align: center;
+  //  }
+  //
+  //  .QuestionCaptionHelperFont{
+  //    font-size: 1.1em;
+  //    font-style: italic;
+  //    color: map-get($custom-colors, survey-caption-helper);
+  //  }
+  //
+  //  .AlternativeFont{
+  //    font-size: 1.4em;
+  //    text-align: left !important;
+  //  }
+  //
+  //  .mat-radio-label-content{
+  //    display: inline-flex;
+  //  }
+  //
+  //  .icon-is-mute{
+  //    height: 1em;
+  //    margin: 0.2em;
+  //  }
+  //  .icon-is-mute svg path, line{
+  //    stroke: #9a9a9a;
+  //  }
+  //
+  //  app-answer-ms .mat-checkbox-label{
+  //    display: inline-flex;
+  //  }
+  //
+  //  .ss-ms-alternative-background-image{
+  //    max-height: 250px;
+  //  }
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //  app-answer-additional{
+  //
+  //    .mdc-text-field .mdc-text-field__input{
+  //      color: map-get($custom-colors, survey-desktop-input-color);
+  //    }
+  //
+  //    .mdc-text-field--outlined {
+  //      //поменяем цвет border
+  //      .mdc-notched-outline__leading, .mdc-notched-outline__trailing{
+  //        border-color: map-get($custom-colors, survey-input-border);
+  //      }
+  //
+  //      //стандартные material input контрлолы сделаем уже.
+  //      .mat-mdc-form-field-infix{
+  //        padding-top: 0.5em;
+  //        padding-bottom: 0.5em;
+  //        min-height: 36px;
+  //      }
+  //
+  //
+  //    }
+  //
+  //    .answer-caption p{
+  //      margin: 0;
+  //    }
+  //  }
+  //
+  //}
+
+}