@touchpoll/tp-survey 0.0.34 → 0.0.36

package/lib/directive/survey.theme/survey.theme.directive.d.ts

@@ -2,6 +2,7 @@ import { TpSurveyTheme } from '../../tp.survey.type';
 import * as i0 from "@angular/core";
 export declare class SurveyThemeDirective {
     theme: import("@angular/core").InputSignal<TpSurveyTheme>;
+    get classTouchpollLight(): boolean;
     get classCyanOrangeLight(): boolean;
     get classCyanOrangeDark(): boolean;
     get classRoseRedLight(): boolean;

package/lib/pipe/is.video/is.video.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IsVideoPipe implements PipeTransform {
+    transform(fileName: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IsVideoPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IsVideoPipe, "isVideo", true>;
+}

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

@@ -1,4 +1,5 @@
 export declare const MISSING_VALUE = -97;
+export declare const VIDEO_EXTENSION_LIST: string[];
 export declare const BASE_WIDTH = 1280;
 export declare const BASE_HEIGHT = 800;
 export declare const LOGIC_FUNC_TEXT = "\n    const self = this;\n    var setVar =  function(varName, value) {\n      self[varName] = value\n    };\n    var FUNC_IN = function(varName, array) {\n      return isNaN(parseInt(varName)) ? false : array.indexOf(varName) > -1\n    };\n    var FUNC_INTERSECT = function (var1, var2) {\n      return Array.isArray(var1) && Array.isArray(var2) ? var1.some(function(el1) {\n        return var2.some(function (el2) {\n          return el2 === el1;\n        });\n      }) : false;\n    };\n    var value = function(varName, defaultValue) {\n      const defVal = !defaultValue ? 0 : defaultValue;\n      if ( (varName === -97) || (varName === null) || (varName === undefined) ) {\n        return defVal\n      } else {\n        return varName\n      }\n    }\n    for (var p in this) eval(\"var \" + p + \" = this[p];\"); ";

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

@@ -9,7 +9,7 @@ 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 TpSurveyTheme = 'touchpoll-light' | 'cyan-orange-light' | 'cyan-orange-dark' | 'rose-red-light' | 'rose-red-dark' | 'azure-blue-light' | 'azure-blue-dark';
 export type LogicObject = Record<string, unknown>;
 export type TTabletKeyboardVisibleStatus = 'show' | 'hide';
 export type TFindVariableVoid = (sysName: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@touchpoll/tp-survey",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0"

package/styles/survey.themes.scss

@@ -3,8 +3,9 @@
 @use "theme/cyan.orange" as cyanOrange;
 @use "theme/rose.red" as roseRed;
 @use "theme/azure.blue" as azureBlue;
+@use "theme/touchpoll" as touchpoll;
 
-@include mat.elevation-classes();
+@include mat.elevation-classes();
 @include mat.app-background();
 
 .survey-container-main{
@@ -19,6 +20,12 @@
   }
 }
 
+.survey-theme-touchpoll-light {
+  @include mat.all-component-colors(touchpoll.$theme-touchpoll-light);
+  @include mat.typography-hierarchy(touchpoll.$theme-touchpoll-light);
+  @include mixin.survey-theme(touchpoll.$theme-touchpoll-light);
+}
+
 .survey-theme-azure-blue-light{
   @include mat.typography-hierarchy(azureBlue.$theme-azure-blue-light);
   @include mixin.survey-theme(azureBlue.$theme-azure-blue-light);
@@ -31,7 +38,7 @@
 }
 
 .survey-theme-cyan-orange-light{
-  @include mat.all-component-colors(cyanOrange.$theme-cyan-orange-light);
+  //@include mat.all-component-colors(cyanOrange.$theme-cyan-orange-light);
   @include mat.typography-hierarchy(cyanOrange.$theme-cyan-orange-light);
   @include mixin.survey-theme(cyanOrange.$theme-cyan-orange-light);
 }

package/styles/theme/theme-colors.touchpoll.scss

@@ -0,0 +1,137 @@
+// This file was generated by running 'ng generate @angular/material:theme-color'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+// Note: Color palettes are generated from primary: #cd1b22
+$_palettes: (
+  primary: (
+    0: #000000,
+    10: #410003,
+    20: #680007,
+    25: #7d000b,
+    30: #93000f,
+    35: #a90013,
+    40: #ef3940,   //#be0a19
+    50: #e32e2f,
+    60: #ff544d,
+    70: #ff897f,
+    80: #ffb4ac,
+    90: #ffdad6,
+    95: #ffedeb,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  secondary: (
+    0: #000000,
+    10: #410003,
+    20: #65080b,
+    25: #751615,
+    30: #85221f,
+    35: #952d29,
+    40: #a63934,
+    50: #c6514a,
+    60: #e76a61,
+    70: #ff897f,
+    80: #ffb4ac,
+    90: #ffdad6,
+    95: #ffedeb,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  tertiary: (
+    0: #000000,
+    10: #2b1700,
+    20: #482900,
+    25: #573300,
+    30: #673d00,
+    35: #774800,
+    40: #875200,
+    50: #a76914,
+    60: #c5832e,
+    70: #e39c46,
+    80: #ffb866,
+    90: #ffddba,
+    95: #ffeedf,
+    98: #fff8f4,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  neutral: (
+    0: #000000,
+    10: #281716,
+    20: #3f2c2a,
+    25: #4b3634,
+    30: #57423f,
+    35: #634d4b,
+    40: #705956,
+    50: #8a716e,
+    60: #a58a88,
+    70: #c1a5a2,
+    80: #dec0bc,
+    90: #fbdbd8,
+    95: #ffedeb,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+    4: #190a09,
+    6: #1f0f0e,
+    12: #2c1b19,
+    17: #382523,
+    22: #44302e,
+    24: #483432,
+    87: #f2d3d0,
+    92: #ffe2de,
+    94: #ffe9e6,
+    96: #fff0ef,
+  ),
+  neutral-variant: (
+    0: #000000,
+    10: #2c1513,
+    20: #432a27,
+    25: #503432,
+    30: #5c403d,
+    35: #694b48,
+    40: #765754,
+    50: #916f6b,
+    60: #ac8884,
+    70: #c8a29e,
+    80: #e5bdb9,
+    90: #ffdad6,
+    95: #ffedeb,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  error: (
+    0: #000000,
+    10: #410002,
+    20: #690005,
+    25: #7e0007,
+    30: #93000a,
+    35: #a80710,
+    40: #ba1a1a,
+    50: #de3730,
+    60: #ff5449,
+    70: #ff897d,
+    80: #ffb4ab,
+    90: #ffdad6,
+    95: #ffedea,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+);
+
+$_rest: (
+  secondary: map.get($_palettes, secondary),
+  neutral: map.get($_palettes, neutral),
+  neutral-variant: map.get($_palettes,  neutral-variant),
+  error: map.get($_palettes, error),
+);
+
+$primary-palette: map.merge(map.get($_palettes, primary), $_rest);
+$tertiary-palette: map.merge(map.get($_palettes, tertiary), $_rest);

package/styles/theme/touchpoll.scss

@@ -0,0 +1,33 @@
+@use "@angular/material" as mat;
+@use "sass:map";
+@use "theme-colors.touchpoll" as touchpollColors;
+
+$theme-density: (scale:-1);
+$theme-typography: (
+ brand-family: 'Roboto',
+ bold-weight: 900
+);
+
+$theme-touchpoll-light: map.merge(
+  mat.define-theme(
+    (
+     color: (
+      theme-type: light,
+      primary: touchpollColors.$primary-palette,
+      tertiary: touchpollColors.$tertiary-palette,
+     ),
+     typography: $theme-typography,
+     density: $theme-density
+    )
+  ),
+  (
+   custom-colors: (
+    survey-background: var(--mat-app-background-color),
+    survey-font: var(--mat-app-text-color),
+    survey-caption-helper: #f26030,
+    survey-caption-delimiter: #26292936,
+    survey-red: #a71f2a,
+   )
+  )
+);
+