@claspo/common 6.0.7 → 6.0.8-theme.30

package/DefaultEventEmitter.js

@@ -1 +1 @@
-import UuidGenerator from"./UuidGenerator";export default class DefaultEventEmitter{constructor(){this.listeners=DefaultEventEmitter.createDefaultListenersState()}emit(e,t,s=null){const r=this.listeners[e];r&&Object.values(r).forEach(r=>r(t,e,s)),Object.values(this.listeners["*"]).forEach(r=>r(t,e,s))}on(e,t){const s=UuidGenerator.generate(),r=this.listeners[e];return r?r[s]=t:this.listeners[e]={[s]:t},{off:()=>{var t,r;(null===(r=null===(t=this.listeners)||void 0===t?void 0:t[e])||void 0===r?void 0:r[s])&&delete this.listeners[e][s]}}}destroy(){this.listeners=DefaultEventEmitter.createDefaultListenersState()}}DefaultEventEmitter.createDefaultListenersState=()=>({"*":{}});
+import UuidGenerator from"./UuidGenerator";class DefaultEventEmitter{constructor(){this.listeners=DefaultEventEmitter.createDefaultListenersState()}emit(e,t,s=null){const r=this.listeners[e];r&&Object.values(r).forEach(r=>r(t,e,s)),Object.values(this.listeners["*"]).forEach(r=>r(t,e,s))}on(e,t){const s=UuidGenerator.generate(),r=this.listeners[e];return r?r[s]=t:this.listeners[e]={[s]:t},{off:()=>{var t,r;(null===(r=null===(t=this.listeners)||void 0===t?void 0:t[e])||void 0===r?void 0:r[s])&&delete this.listeners[e][s]}}}destroy(){this.listeners=DefaultEventEmitter.createDefaultListenersState()}}DefaultEventEmitter.createDefaultListenersState=()=>({"*":{}});export default DefaultEventEmitter;

package/README.md

@@ -0,0 +1,9 @@
+# @claspo/common
+
+## Overview
+
+This package provides core utilities, types, and helper functions used across the Claspo widget ecosystem
+
+## Links
+
+- [Documentation](https://docs.claspo.io/docs/claspocommon)

package/WidgetInitConfig.interface.d.ts

@@ -3,12 +3,6 @@ import { ClDocumentI } from './document/Document.interface';
 import { WidgetType } from './WidgetType';
 import { LayoutType } from './LayoutType';
 import { RenderMode } from './RenderMode';
-export interface TrackingServiceI {
-    send: (eventName: string, payload?: any) => void;
-    trackClick: (elementId: string, payload?: any) => void;
-    trackTargetAction: (actionType: string, payload?: any) => void;
-}
-export type TranslationsI = Record<string, Record<string, string>>;
 export interface WidgetInitConfigI {
     documentModel: ClDocumentI;
     layoutType: LayoutType;
@@ -17,6 +11,7 @@ export interface WidgetInitConfigI {
     formVariantId?: string;
     siteId?: string;
     browserLanguage?: string;
+    appearanceLanguage?: string;
     optionalDocumentStyles?: Record<string, string>;
     previewMode?: boolean;
     editorPreviewMode?: boolean;
@@ -46,3 +41,9 @@ export interface WidgetInitConfigI {
     subscribeContactUrl?: string;
     [key: string]: any;
 }
+export interface TrackingServiceI {
+    send: (eventName: string, payload?: any) => void;
+    trackClick: (elementId: string, payload?: any) => void;
+    trackTargetAction: (actionType: string, payload?: any) => void;
+}
+export type TranslationsI = Record<string, Record<string, string>>;

package/component-manifest/PropertyPaneManifest.interface.d.ts

@@ -98,7 +98,8 @@ export declare enum ClPropertyPaneManifestModelName {
     FEEDBACK_TYPE = "FEEDBACK_TYPE",
     FEEDBACK_ICONS_SELECT = "FEEDBACK_ICONS_SELECT",
     FEEDBACK_ACTIONS = "FEEDBACK_ACTIONS",
-    FLOATING_BOX_POSITION = "FLOATING_BOX_POSITION"
+    FLOATING_BOX_POSITION = "FLOATING_BOX_POSITION",
+    WIDGET_THEME_SELECT = "WIDGET_THEME_SELECT"
 }
 export interface GroupPropertyPaneManifestModelI extends BasePropertyPaneManifestModelI {
     children: BasePropertyPaneManifestModelI[];

package/component-manifest/PropertyPaneManifest.interface.js

@@ -1 +1 @@
-export var PropertyPaneManifestModelType;!function(T){T.CONTROL="CONTROL",T.TEXT="TEXT",T.GROUP="GROUP"}(PropertyPaneManifestModelType||(PropertyPaneManifestModelType={}));export var ClPropertyPaneManifestModelName;!function(T){T.SIZE="SIZE",T.INDENTATION="INDENTATION",T.ALIGNMENT="ALIGNMENT",T.BACKGROUND="BACKGROUND",T.BACKDROP_FILTER="BACKDROP_FILTER",T.BACKGROUND_MARKER_SELECTED="BACKGROUND_MARKER_SELECTED",T.BORDERS="BORDERS",T.BOX_SHADOW="BOX_SHADOW",T.BORDER_RADIUS="BORDER_RADIUS",T.TEXT_PARAMS="TEXT_PARAMS",T.TEXT_INPUT="TEXT_INPUT",T.SWITCH="SWITCH",T.SWITCH_WITH_INPUT="SWITCH_WITH_INPUT",T.INPUT_VALIDATION="INPUT_VALIDATION",T.INPUT_LABEL="INPUT_LABEL",T.TEXT_COLOR="TEXT_COLOR",T.SELECT="SELECT",T.RADIO_BUTTONS="RADIO_BUTTONS",T.IMAGE_SOURCES="IMAGE_SOURCES",T.COUNTRY_PHONE_SELECT="COUNTRY_PHONE_SELECT",T.HOVER_ANIMATION="HOVER_ANIMATION",T.ACTIONS="ACTIONS",T.NPS_ACTIONS="NPS_ACTIONS",T.DATEPICKER="DATEPICKER",T.DATEPICKER_COUNTDOWN_TIMER="DATEPICKER_COUNTDOWN_TIMER",T.DISPLAY="DISPLAY",T.COMPONENT_OPTIONS="COMPONENT_OPTIONS",T.COLOR_SELECT="COLOR_SELECT",T.FLOATING_COMPONENT_POSITION="FLOATING_COMPONENT_POSITION",T.LOOP_ANIMATION="LOOP_ANIMATION",T.VIDEO_URL="VIDEO_URL",T.VIDEO_CUSTOM_COVER="VIDEO_CUSTOM_COVER",T.WIDGET_LAYOUT_SELECT="WIDGET_LAYOUT_SELECT",T.MULTIPLE_INPUT_SIZE="MULTIPLE_INPUT_SIZE",T.DATE_FORMAT="DATE_FORMAT",T.ICON="ICON",T.PROMOCODE_ICON="PROMOCODE_ICON",T.ICON_SELECT="ICON_SELECT",T.TEXT_VISIBILITY="TEXT_VISIBILITY",T.SLIDER_SETTINGS="SLIDER_SETTINGS",T.SLIDER_MANAGE_SLIDES="SLIDER_MANAGE_SLIDES",T.SLIDER_MODES="SLIDER_MODES",T.SLIDER_NAVIGATION_BUTTONS="SLIDER_NAVIGATION_BUTTONS",T.SLIDER_INDICATION="SLIDER_INDICATION",T.SLIDER_SLIDESHOW_ANIMATION="SLIDER_SLIDESHOW_ANIMATION",T.INTEGRATION_FIELD_MAPPING="INTEGRATION_FIELD_MAPPING",T.SUPPORTED_LANGUAGES="SUPPORTED_LANGUAGES",T.LIST_POSITION="LIST_POSITION",T.SOCIAL_ICON_SIZE="SOCIAL_ICON_SIZE",T.SOCIAL_TYPE_AND_ICON_SELECT="SOCIAL_TYPE_AND_ICON_SELECT",T.COLUMNS="COLUMNS",T.INSERT_BLOCK="INSERT_BLOCK",T.NUMBER_INPUT="NUMBER_INPUT",T.PRIZE_SETTINGS="PRIZE_SETTINGS",T.ROOT_COMPONENT_SELECT="ROOT_COMPONENT_SELECT",T.FEEDBACK_TYPE="FEEDBACK_TYPE",T.FEEDBACK_ICONS_SELECT="FEEDBACK_ICONS_SELECT",T.FEEDBACK_ACTIONS="FEEDBACK_ACTIONS",T.FLOATING_BOX_POSITION="FLOATING_BOX_POSITION"}(ClPropertyPaneManifestModelName||(ClPropertyPaneManifestModelName={}));export var TabPropertyPaneManifestType;!function(T){T.DESKTOP_STYLES="DESKTOP_STYLES",T.MOBILE_STYLES="MOBILE_STYLES"}(TabPropertyPaneManifestType||(TabPropertyPaneManifestType={}));export var TextPropertyPaneManifestParamsType;!function(T){T.SECONDARY="SECONDARY"}(TextPropertyPaneManifestParamsType||(TextPropertyPaneManifestParamsType={}));export var SizePropertyPaneOption;!function(T){T.FIXED="fixed",T.FILL="fill",T.HUG="hug"}(SizePropertyPaneOption||(SizePropertyPaneOption={}));export var IndentationPropertyPaneManifestType;!function(T){T.PADDING="PADDING",T.MARGIN="MARGIN"}(IndentationPropertyPaneManifestType||(IndentationPropertyPaneManifestType={}));
+export var PropertyPaneManifestModelType;!function(T){T.CONTROL="CONTROL",T.TEXT="TEXT",T.GROUP="GROUP"}(PropertyPaneManifestModelType||(PropertyPaneManifestModelType={}));export var ClPropertyPaneManifestModelName;!function(T){T.SIZE="SIZE",T.INDENTATION="INDENTATION",T.ALIGNMENT="ALIGNMENT",T.BACKGROUND="BACKGROUND",T.BACKDROP_FILTER="BACKDROP_FILTER",T.BACKGROUND_MARKER_SELECTED="BACKGROUND_MARKER_SELECTED",T.BORDERS="BORDERS",T.BOX_SHADOW="BOX_SHADOW",T.BORDER_RADIUS="BORDER_RADIUS",T.TEXT_PARAMS="TEXT_PARAMS",T.TEXT_INPUT="TEXT_INPUT",T.SWITCH="SWITCH",T.SWITCH_WITH_INPUT="SWITCH_WITH_INPUT",T.INPUT_VALIDATION="INPUT_VALIDATION",T.INPUT_LABEL="INPUT_LABEL",T.TEXT_COLOR="TEXT_COLOR",T.SELECT="SELECT",T.RADIO_BUTTONS="RADIO_BUTTONS",T.IMAGE_SOURCES="IMAGE_SOURCES",T.COUNTRY_PHONE_SELECT="COUNTRY_PHONE_SELECT",T.HOVER_ANIMATION="HOVER_ANIMATION",T.ACTIONS="ACTIONS",T.NPS_ACTIONS="NPS_ACTIONS",T.DATEPICKER="DATEPICKER",T.DATEPICKER_COUNTDOWN_TIMER="DATEPICKER_COUNTDOWN_TIMER",T.DISPLAY="DISPLAY",T.COMPONENT_OPTIONS="COMPONENT_OPTIONS",T.COLOR_SELECT="COLOR_SELECT",T.FLOATING_COMPONENT_POSITION="FLOATING_COMPONENT_POSITION",T.LOOP_ANIMATION="LOOP_ANIMATION",T.VIDEO_URL="VIDEO_URL",T.VIDEO_CUSTOM_COVER="VIDEO_CUSTOM_COVER",T.WIDGET_LAYOUT_SELECT="WIDGET_LAYOUT_SELECT",T.MULTIPLE_INPUT_SIZE="MULTIPLE_INPUT_SIZE",T.DATE_FORMAT="DATE_FORMAT",T.ICON="ICON",T.PROMOCODE_ICON="PROMOCODE_ICON",T.ICON_SELECT="ICON_SELECT",T.TEXT_VISIBILITY="TEXT_VISIBILITY",T.SLIDER_SETTINGS="SLIDER_SETTINGS",T.SLIDER_MANAGE_SLIDES="SLIDER_MANAGE_SLIDES",T.SLIDER_MODES="SLIDER_MODES",T.SLIDER_NAVIGATION_BUTTONS="SLIDER_NAVIGATION_BUTTONS",T.SLIDER_INDICATION="SLIDER_INDICATION",T.SLIDER_SLIDESHOW_ANIMATION="SLIDER_SLIDESHOW_ANIMATION",T.INTEGRATION_FIELD_MAPPING="INTEGRATION_FIELD_MAPPING",T.SUPPORTED_LANGUAGES="SUPPORTED_LANGUAGES",T.LIST_POSITION="LIST_POSITION",T.SOCIAL_ICON_SIZE="SOCIAL_ICON_SIZE",T.SOCIAL_TYPE_AND_ICON_SELECT="SOCIAL_TYPE_AND_ICON_SELECT",T.COLUMNS="COLUMNS",T.INSERT_BLOCK="INSERT_BLOCK",T.NUMBER_INPUT="NUMBER_INPUT",T.PRIZE_SETTINGS="PRIZE_SETTINGS",T.ROOT_COMPONENT_SELECT="ROOT_COMPONENT_SELECT",T.FEEDBACK_TYPE="FEEDBACK_TYPE",T.FEEDBACK_ICONS_SELECT="FEEDBACK_ICONS_SELECT",T.FEEDBACK_ACTIONS="FEEDBACK_ACTIONS",T.FLOATING_BOX_POSITION="FLOATING_BOX_POSITION",T.WIDGET_THEME_SELECT="WIDGET_THEME_SELECT"}(ClPropertyPaneManifestModelName||(ClPropertyPaneManifestModelName={}));export var TabPropertyPaneManifestType;!function(T){T.DESKTOP_STYLES="DESKTOP_STYLES",T.MOBILE_STYLES="MOBILE_STYLES"}(TabPropertyPaneManifestType||(TabPropertyPaneManifestType={}));export var TextPropertyPaneManifestParamsType;!function(T){T.SECONDARY="SECONDARY"}(TextPropertyPaneManifestParamsType||(TextPropertyPaneManifestParamsType={}));export var SizePropertyPaneOption;!function(T){T.FIXED="fixed",T.FILL="fill",T.HUG="hug"}(SizePropertyPaneOption||(SizePropertyPaneOption={}));export var IndentationPropertyPaneManifestType;!function(T){T.PADDING="PADDING",T.MARGIN="MARGIN"}(IndentationPropertyPaneManifestType||(IndentationPropertyPaneManifestType={}));

package/converter/time/TimerConverter.js

@@ -1 +1 @@
-import TimeUnit from"./TimeUnit";export default class TimerConverter{static convert(e,i,t){const r=TimerConverter.toMsMapper[e](t);return TimerConverter.fromMsMapper[i](r)}}TimerConverter.toMsMapper={[TimeUnit.MILLISECOND]:e=>e,[TimeUnit.SECOND]:e=>1e3*e,[TimeUnit.MINUTE]:e=>6e4*e,[TimeUnit.HOUR]:e=>36e5*e,[TimeUnit.DAY]:e=>864e5*e,[TimeUnit.WEEK]:e=>6048e5*e},TimerConverter.fromMsMapper={[TimeUnit.MILLISECOND]:e=>e,[TimeUnit.SECOND]:e=>e/1e3,[TimeUnit.MINUTE]:e=>e/6e4,[TimeUnit.HOUR]:e=>e/36e5,[TimeUnit.DAY]:e=>e/864e5,[TimeUnit.WEEK]:e=>e/6048e5};
+import TimeUnit from"./TimeUnit";class TimerConverter{static convert(e,i,r){const t=TimerConverter.toMsMapper[e](r);return TimerConverter.fromMsMapper[i](t)}}TimerConverter.toMsMapper={[TimeUnit.MILLISECOND]:e=>e,[TimeUnit.SECOND]:e=>1e3*e,[TimeUnit.MINUTE]:e=>6e4*e,[TimeUnit.HOUR]:e=>36e5*e,[TimeUnit.DAY]:e=>864e5*e,[TimeUnit.WEEK]:e=>6048e5*e},TimerConverter.fromMsMapper={[TimeUnit.MILLISECOND]:e=>e,[TimeUnit.SECOND]:e=>e/1e3,[TimeUnit.MINUTE]:e=>e/6e4,[TimeUnit.HOUR]:e=>e/36e5,[TimeUnit.DAY]:e=>e/864e5,[TimeUnit.WEEK]:e=>e/6048e5};export default TimerConverter;

package/document/Document.interface.d.ts

@@ -71,6 +71,13 @@ export interface ClDocumentHandlerI {
 export declare enum ClDocumentHandlerType {
     CLICK = "CLICK"
 }
+export declare enum DefaultSchemaTokens {
+    ACCENT = "accent"
+}
+export type ThemeColorSchemaI = Record<string, string>;
+export interface ThemeI {
+    schema: ThemeColorSchemaI;
+}
 export interface ClDocumentActionI<T = any> {
     type: ClDocumentActionType;
     params?: T;
@@ -159,6 +166,7 @@ export interface ClDocumentSharedI {
     linkParams?: ClDocumentLinkParamsI;
     mobileBreakpointWidth?: number;
     zIndex?: number;
+    theme?: ThemeI;
 }
 export interface ClDialogParamsI {
     background: string;

package/document/Document.interface.js

@@ -1 +1 @@
-export var ClComponentType;!function(T){T.VIEW="VIEW",T.CONTAINER="CONTAINER",T.TEXT="TEXT",T.INPUT="INPUT",T.BUTTON="BUTTON",T.IMAGE="IMAGE",T.CONSENT="CONSENT",T.COUNTDOWN_TIMER="COUNTDOWN_TIMER",T.PROMO_CODE="PROMO_CODE",T.MULTIPLE_INPUT="MULTIPLE_INPUT",T.VIDEO="VIDEO",T.SLIDER="SLIDER",T.SLIDE="SLIDE",T.SOCIAL="SOCIAL",T.COLUMNS="COLUMNS",T.COLUMN="COLUMN",T.PRIZE_BASED_GAMING="PRIZE_BASED_GAMING"}(ClComponentType||(ClComponentType={}));export var ClDocumentHandlerType;!function(T){T.CLICK="CLICK"}(ClDocumentHandlerType||(ClDocumentHandlerType={}));export var ClDocumentActionType;!function(T){T.SHOW_WIDGET="SHOW_WIDGET",T.OPEN_LINK="OPEN_LINK",T.SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",T.REQUEST="REQUEST",T.CLOSE_WIDGET="CLOSE_WIDGET",T.GO_TO_VIEW="GO_TO_VIEW",T.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",T.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",T.CLICK="CLICK"}(ClDocumentActionType||(ClDocumentActionType={}));export var ClDocumentOpenLinkActionTarget;!function(T){T.SELF="_self",T.BLANK="_blank"}(ClDocumentOpenLinkActionTarget||(ClDocumentOpenLinkActionTarget={}));export var ClWidgetVerticalPosition;!function(T){T.TOP="TOP",T.CENTER="CENTER",T.BOTTOM="BOTTOM"}(ClWidgetVerticalPosition||(ClWidgetVerticalPosition={}));export var ClWidgetHorizontalPosition;!function(T){T.LEFT="LEFT",T.CENTER="CENTER",T.RIGHT="RIGHT"}(ClWidgetHorizontalPosition||(ClWidgetHorizontalPosition={}));export var ClLauncherEntryAnimationType;!function(T){T.SLIDE_TO_TOP="SLIDE_TO_TOP",T.SLIDE_TO_BOTTOM="SLIDE_TO_BOTTOM",T.SLIDE_TO_LEFT="SLIDE_TO_LEFT",T.SLIDE_TO_RIGHT="SLIDE_TO_RIGHT"}(ClLauncherEntryAnimationType||(ClLauncherEntryAnimationType={}));export var ClLoopAnimationType;!function(T){T.PULSE="PULSE",T.VIBRATE="VIBRATE",T.WOBBLE="WOBBLE",T.SHAKE="SHAKE",T.JELLO="JELLO",T.BOUNCE="BOUNCE",T.BLINK="BLINK",T.FLICKER="FLICKER",T.PING="PING"}(ClLoopAnimationType||(ClLoopAnimationType={}));export var ClCloseButtonHorizontalPosition;!function(T){T.LEFT="LEFT",T.RIGHT="RIGHT"}(ClCloseButtonHorizontalPosition||(ClCloseButtonHorizontalPosition={}));
+export var ClComponentType;!function(T){T.VIEW="VIEW",T.CONTAINER="CONTAINER",T.TEXT="TEXT",T.INPUT="INPUT",T.BUTTON="BUTTON",T.IMAGE="IMAGE",T.CONSENT="CONSENT",T.COUNTDOWN_TIMER="COUNTDOWN_TIMER",T.PROMO_CODE="PROMO_CODE",T.MULTIPLE_INPUT="MULTIPLE_INPUT",T.VIDEO="VIDEO",T.SLIDER="SLIDER",T.SLIDE="SLIDE",T.SOCIAL="SOCIAL",T.COLUMNS="COLUMNS",T.COLUMN="COLUMN",T.PRIZE_BASED_GAMING="PRIZE_BASED_GAMING"}(ClComponentType||(ClComponentType={}));export var ClDocumentHandlerType;!function(T){T.CLICK="CLICK"}(ClDocumentHandlerType||(ClDocumentHandlerType={}));export var DefaultSchemaTokens;!function(T){T.ACCENT="accent"}(DefaultSchemaTokens||(DefaultSchemaTokens={}));export var ClDocumentActionType;!function(T){T.SHOW_WIDGET="SHOW_WIDGET",T.OPEN_LINK="OPEN_LINK",T.SUBSCRIBE_CONTACT="SUBSCRIBE_CONTACT",T.REQUEST="REQUEST",T.CLOSE_WIDGET="CLOSE_WIDGET",T.GO_TO_VIEW="GO_TO_VIEW",T.GO_TO_PREVIOUS_VIEW="GO_TO_PREVIOUS_VIEW",T.GO_TO_NEXT_VIEW="GO_TO_NEXT_VIEW",T.CLICK="CLICK"}(ClDocumentActionType||(ClDocumentActionType={}));export var ClDocumentOpenLinkActionTarget;!function(T){T.SELF="_self",T.BLANK="_blank"}(ClDocumentOpenLinkActionTarget||(ClDocumentOpenLinkActionTarget={}));export var ClWidgetVerticalPosition;!function(T){T.TOP="TOP",T.CENTER="CENTER",T.BOTTOM="BOTTOM"}(ClWidgetVerticalPosition||(ClWidgetVerticalPosition={}));export var ClWidgetHorizontalPosition;!function(T){T.LEFT="LEFT",T.CENTER="CENTER",T.RIGHT="RIGHT"}(ClWidgetHorizontalPosition||(ClWidgetHorizontalPosition={}));export var ClLauncherEntryAnimationType;!function(T){T.SLIDE_TO_TOP="SLIDE_TO_TOP",T.SLIDE_TO_BOTTOM="SLIDE_TO_BOTTOM",T.SLIDE_TO_LEFT="SLIDE_TO_LEFT",T.SLIDE_TO_RIGHT="SLIDE_TO_RIGHT"}(ClLauncherEntryAnimationType||(ClLauncherEntryAnimationType={}));export var ClLoopAnimationType;!function(T){T.PULSE="PULSE",T.VIBRATE="VIBRATE",T.WOBBLE="WOBBLE",T.SHAKE="SHAKE",T.JELLO="JELLO",T.BOUNCE="BOUNCE",T.BLINK="BLINK",T.FLICKER="FLICKER",T.PING="PING"}(ClLoopAnimationType||(ClLoopAnimationType={}));export var ClCloseButtonHorizontalPosition;!function(T){T.LEFT="LEFT",T.RIGHT="RIGHT"}(ClCloseButtonHorizontalPosition||(ClCloseButtonHorizontalPosition={}));

package/element/ThemeCssVars.d.ts

@@ -0,0 +1,7 @@
+export function prepareKeys(schema: any): {};
+export default class ThemeCssVars extends CssVarsOperations {
+    static override(schema: {} | undefined, element: any): void;
+    static apply(schema: {} | undefined, element: any): void;
+    static get(varName: any, element: any): string;
+}
+import CssVarsOperations from "./CssVarsOperations";

package/element/ThemeCssVars.js

@@ -0,0 +1 @@
+import CssVarsOperations from"./CssVarsOperations";function toCssVarToken(r){return`cl-schema-${r}`}function getRgbaColor(r){return(null==r?void 0:r.startsWith("rgb("))?r.replace("rgb(","rgba(").replace(")",", 1)"):r}function hex(r){var t="0123456789abcdef",e=parseInt(r);return 0==e||isNaN(r)?"00":(e=Math.round(Math.min(Math.max(0,e),255)),t.charAt((e-e%16)/16)+t.charAt(e%16))}function convertToHex(r){return hex(r[0])+hex(r[1])+hex(r[2])}function trim(r){return"#"==r.charAt(0)?r.substring(1,7):r}function convertToRGB(r){var t=[];return t[0]=parseInt(trim(r).substring(0,2),16),t[1]=parseInt(trim(r).substring(2,4),16),t[2]=parseInt(trim(r).substring(4,6),16),t}function parseColorToRGB(r){if(!r)return[0,0,0,1];const t=r.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/);if(t){return[parseInt(t[1],10),parseInt(t[2],10),parseInt(t[3],10),t[4]?parseFloat(t[4]):1]}if(r.startsWith("#")){const t=trim(r);if(3===t.length){return[parseInt(t[0]+t[0],16),parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),1]}if(6===t.length){const r=convertToRGB(t);return[r[0],r[1],r[2],1]}}return[0,0,0,1]}function generateGradientColors(r,t,e){if(!r||!t||e<=0)return[];const n=parseColorToRGB(r),s=parseColorToRGB(t),o=[];for(let r=0;r<e;r++){const t=r/(e-1||1),a=Math.round(n[0]+(s[0]-n[0])*t),i=Math.round(n[1]+(s[1]-n[1])*t),u=Math.round(n[2]+(s[2]-n[2])*t),c=void 0!==n[3]&&void 0!==s[3]?n[3]+(s[3]-n[3])*t:1;o.push(`rgba(${a}, ${i}, ${u}, ${c})`)}return o}export function prepareKeys(r){const t=Object.keys(r).reduce((t,e)=>(t[toCssVarToken(e)]=r[e],t),{}),e=getRgbaColor(r.text),n=generateGradientColors(getRgbaColor(r.background),e,18);return n.pop(),n.shift(),n.forEach((r,e)=>{t[toCssVarToken(`background-${e+1}`)]=r}),t}export default class ThemeCssVars extends CssVarsOperations{static override(r={},t){const e=prepareKeys(r);super.override(e,t)}static apply(r={},t){const e=prepareKeys(r);super.apply(e,t)}static get(r,t){const e=toCssVarToken(r);return super.get(e,t)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/common",
-  "version": "6.0.7",
+  "version": "6.0.8-theme.30",
   "description": "",
   "main": "index.js",
   "engines": {
@@ -21,24 +21,28 @@
   "scripts": {
     "test": "jest --no-cache --coverage",
     "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",
+    "build:docs": "rm -rf ./docs && typedoc --options typedoc.md.json && npx concat-md --decrease-title-levels docs > docs/index.md && find docs -name '*.md' ! -name 'index.md' -delete",
     "minify": "find out -name '*.js' ! -name '*.d.js' -exec terser {} --compress --mangle --output {} \\;",
     "dev": " tsc --project tsconfig.json --watch",
-    "package": "npm i && npm run test && npm run build && cp package.json out && cd out && npm publish --access=public && cd .."
+    "package": "npm i && npm run test && npm run build && cp package.json README.md out && cd out && npm publish --access=public && cd .."
   },
   "dependencies": {
     "velocityjs": "2.0.6"
   },
   "devDependencies": {
     "@types/jest": "^27.5.1",
+    "concat-md": "^0.5.1",
     "glob": "^8.0.3",
     "jest": "^28.1.0",
     "jest-environment-jsdom": "^28.1.0",
     "terser": "^5.37.0",
     "ts-jest": "^28.0.3",
     "ts-node": "^10.8.0",
-    "typescript": "^4.6.4"
+    "typedoc": "^0.28.0",
+    "typedoc-plugin-markdown": "^4.4.1",
+    "typescript": "^5.8.2"
   },
   "author": "alex-chernysh",
   "license": "",
-  "homepage": "https://claspo.io/"
+  "homepage": "https://docs.claspo.io/docs/claspocommon"
 }

package/theme/theme.utils.d.ts

@@ -0,0 +1,5 @@
+import { ThemeI } from "../document/Document.interface";
+export declare const THEME_CSS_VAR_PREFIX = "cl-schema-";
+export declare function toCssVarToken(token: string): string;
+export declare function formCssVarToSchemaToken(cssVar?: string): string;
+export declare function createTheme(schema?: Record<string, string>): ThemeI;

package/theme/theme.utils.js

@@ -0,0 +1 @@
+import{DefaultSchemaTokens}from"../document/Document.interface";export const THEME_CSS_VAR_PREFIX="cl-schema-";export function toCssVarToken(e){return`cl-schema-${e}`}export function formCssVarToSchemaToken(e=""){return e.replace(/var\(\s*(--[^,\s)]+).*\)/,"$1").replace("--cl-schema-","")}export function createTheme(e={}){return 0===Object.keys(e).length&&(e={[DefaultSchemaTokens.ACCENT]:"#000000"}),{schema:Object.assign({},e)}}

package/utils/orientationUtils.d.ts

@@ -1 +1 @@
-export declare const detectOrientation: () => 'PORTRAIT' | 'LANDSCAPE';
+export declare const detectOrientation: () => "PORTRAIT" | "LANDSCAPE";