@descope/sdk-mixins 0.16.2 → 0.17.1

package/dist/types/mixins/projectIdMixin.d.ts

@@ -1,12 +1,12 @@
 export declare const projectIdMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...args: any): {
         readonly projectId: string;
-        "__#15762@#handleError"(attrName: string, newValue: string): void;
+        "__#15823@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#15761@#observeMappings": {};
+        "__#15822@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#15760@#isInit": boolean;
+        "__#15821@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -333,8 +333,8 @@ export declare const projectIdMixin: <T extends CustomElementConstructor>(superc
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#15759@#logger": import("./loggerMixin").Logger;
-        "__#15759@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
+        "__#15820@#logger": import("./loggerMixin").Logger;
+        "__#15820@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
         get logger(): import("./loggerMixin").Logger;
         set logger(logger: Partial<import("./loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/resetMixin.d.ts

@@ -1,14 +1,14 @@
 export declare const resetMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...args: any): {
-        "__#15764@#callbacks": Map<string, () => void>;
+        "__#15825@#callbacks": Map<string, () => void>;
         onReset(sectionId: string, callback: () => void | Promise<void>): () => void;
         reset(...sectionIds: string[]): Promise<void>;
-        "__#15762@#handleError"(attrName: string, newValue: string): void;
+        "__#15823@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#15761@#observeMappings": {};
+        "__#15822@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#15760@#isInit": boolean;
+        "__#15821@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -335,8 +335,8 @@ export declare const resetMixin: <T extends CustomElementConstructor>(superclass
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#15759@#logger": import("./loggerMixin").Logger;
-        "__#15759@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
+        "__#15820@#logger": import("./loggerMixin").Logger;
+        "__#15820@#wrapLogger": ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger) & ((logger: Partial<import("./loggerMixin").Logger>) => import("./loggerMixin").Logger);
         get logger(): import("./loggerMixin").Logger;
         set logger(logger: Partial<import("./loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/staticResourcesMixin/staticResourcesMixin.d.ts

@@ -10,11 +10,11 @@ export declare function getResourceUrl({ projectId, filename, assetsFolder, base
 }): CustomUrl;
 export declare const staticResourcesMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...params: any[]): {
-        "__#15763@#lastBaseUrl"?: string;
-        "__#15763@#workingBaseUrl"?: string;
-        "__#15763@#failedUrls": Set<string>;
-        "__#15763@#getResourceUrls"(filename: string): CustomUrl[] | CustomUrl;
-        "__#15763@#createResourceUrl"(filename: string, baseUrl: string): CustomUrl;
+        "__#15824@#lastBaseUrl"?: string;
+        "__#15824@#workingBaseUrl"?: string;
+        "__#15824@#failedUrls": Set<string>;
+        "__#15824@#getResourceUrls"(filename: string): CustomUrl[] | CustomUrl;
+        "__#15824@#createResourceUrl"(filename: string, baseUrl: string): CustomUrl;
         fetchStaticResource<F extends Format>(filename: string, format: F): Promise<{
             body: F extends 'json' ? Record<string, any> : string;
             headers: Record<string, string>;
@@ -348,14 +348,14 @@ export declare const staticResourcesMixin: <T extends CustomElementConstructor>(
         blur(): void;
         focus(options?: FocusOptions): void;
         readonly projectId: string;
-        "__#15762@#handleError"(attrName: string, newValue: string): void;
+        "__#15823@#handleError"(attrName: string, newValue: string): void;
         init(): Promise<void>;
-        "__#15761@#observeMappings": {};
+        "__#15822@#observeMappings": {};
         observeAttribute(attrName: string, onAttrChange: (attrName: string, value: string) => void): () => any;
         observeAttributes(attrs: string[], cb: (attrName: string, value: string) => void): () => void;
-        "__#15760@#isInit": boolean;
-        "__#15759@#logger": import("../loggerMixin").Logger;
-        "__#15759@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
+        "__#15821@#isInit": boolean;
+        "__#15820@#logger": import("../loggerMixin").Logger;
+        "__#15820@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
         get logger(): import("../loggerMixin").Logger;
         set logger(logger: Partial<import("../loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);

package/dist/types/mixins/themeMixin/helpers.d.ts

@@ -1,3 +1,6 @@
+export declare const isSafeCssVarSegment: (segment: string) => boolean;
+export declare const serializeOverrideCssValue: (value: unknown) => string | null;
+export declare const flattenToVars: (obj: Record<string, any>, onError: (msg: string) => void, prefix?: string) => string;
 export declare const loadFont: (url: string) => void;
 export declare const loadDevTheme: () => Promise<{
     light: any;

package/dist/types/mixins/themeMixin/themeMixin.d.ts

@@ -2,22 +2,26 @@ import { InjectedStyle } from '../injectStyleMixin';
 export type ThemeOptions = 'light' | 'dark' | 'os';
 export declare const themeMixin: <T extends CustomElementConstructor>(superclass: T) => {
     new (...params: any[]): {
-        "__#15775@#globalStyle": InjectedStyle;
+        "__#15836@#globalStyle": InjectedStyle;
+        "__#15836@#customStyle": InjectedStyle;
         readonly theme: ThemeOptions;
         readonly styleId: string;
-        "__#15775@#_themeResource": Promise<void | Record<string, any>>;
-        "__#15775@#fetchTheme"(): Promise<Record<string, any>>;
-        readonly "__#15775@#themeResource": Promise<void | Record<string, any>>;
-        "__#15775@#loadGlobalStyle"(): Promise<void>;
-        "__#15775@#loadComponentsStyle"(): Promise<void>;
-        "__#15775@#getFontsConfig"(): Promise<Record<string, {
+        readonly themeOverride: Record<string, any>;
+        "__#15836@#getThemeOverrideString"(): string;
+        "__#15836@#_themeResource": Promise<void | Record<string, any>>;
+        "__#15836@#fetchTheme"(): Promise<Record<string, any>>;
+        readonly "__#15836@#themeResource": Promise<void | Record<string, any>>;
+        "__#15836@#loadGlobalStyle"(): Promise<void>;
+        "__#15836@#loadCustomStyle"(): Promise<void>;
+        "__#15836@#loadComponentsStyle"(): Promise<void>;
+        "__#15836@#getFontsConfig"(): Promise<Record<string, {
             url?: string;
         }>>;
-        "__#15775@#loadFonts"(): Promise<void>;
-        "__#15775@#applyTheme"(): Promise<void>;
-        "__#15775@#onThemeChange": () => void;
-        "__#15775@#loadTheme"(): void;
-        "__#15775@#toggleOsThemeChangeListener": (listen: boolean) => void;
+        "__#15836@#loadFonts"(): Promise<void>;
+        "__#15836@#applyTheme"(): Promise<void>;
+        "__#15836@#onThemeChange": () => void;
+        "__#15836@#loadTheme"(): void;
+        "__#15836@#toggleOsThemeChangeListener": (listen: boolean) => void;
         init(): Promise<void>;
         injectStyle: ((cssString: string, { prepend }?: {
             prepend?: boolean;
@@ -35,11 +39,11 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
             readonly cssRules: CSSRuleList;
         } | CSSStyleSheet);
         nonce: string;
-        "__#15766@#setNonce": (() => void) & (() => void);
-        "__#15761@#observeMappings": {} & {} & {} & {} & {} & {} & {} & {} & {};
+        "__#15827@#setNonce": (() => void) & (() => void);
+        "__#15822@#observeMappings": {} & {} & {} & {} & {} & {} & {} & {} & {};
         observeAttribute: ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any) & ((attrName: string, onAttrChange: (attrName: string, value: string) => void) => () => any);
         observeAttributes: ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void) & ((attrs: string[], cb: (attrName: string, value: string) => void) => () => void);
-        "__#15760@#isInit": boolean;
+        "__#15821@#isInit": boolean;
         connectedCallback: (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void) & (() => void);
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -365,25 +369,25 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
-        "__#15759@#logger": import("../loggerMixin").Logger;
-        "__#15759@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
+        "__#15820@#logger": import("../loggerMixin").Logger;
+        "__#15820@#wrapLogger": ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger) & ((logger: Partial<import("../loggerMixin").Logger>) => import("../loggerMixin").Logger);
         get logger(): import("../loggerMixin").Logger;
         set logger(logger: Partial<import("../loggerMixin").Logger>);
         onLogEvent: ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void) & ((logLevel: "error" | "warn" | "info" | "debug", data: any[]) => void);
         contentRootElement: HTMLElement;
         rootElement: HTMLElement;
         readonly config: Promise<import("../configMixin").Config>;
-        "__#15765@#configCacheClear": (() => void) & (() => void);
-        "__#15765@#_configResource": Promise<import("../configMixin").Config>;
-        "__#15765@#fetchConfig": (() => Promise<import("../configMixin").Config>) & (() => Promise<import("../configMixin").Config>);
-        "__#15764@#callbacks": Map<string, () => void> & Map<string, () => void>;
+        "__#15826@#configCacheClear": (() => void) & (() => void);
+        "__#15826@#_configResource": Promise<import("../configMixin").Config>;
+        "__#15826@#fetchConfig": (() => Promise<import("../configMixin").Config>) & (() => Promise<import("../configMixin").Config>);
+        "__#15825@#callbacks": Map<string, () => void> & Map<string, () => void>;
         onReset: ((sectionId: string, callback: () => void | Promise<void>) => () => void) & ((sectionId: string, callback: () => void | Promise<void>) => () => void);
         reset: ((...sectionIds: string[]) => Promise<void>) & ((...sectionIds: string[]) => Promise<void>);
-        "__#15762@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
-        "__#15763@#lastBaseUrl"?: string;
-        "__#15763@#workingBaseUrl"?: string;
-        "__#15763@#failedUrls": Set<string>;
-        "__#15763@#getResourceUrls": ((filename: string) => (URL & {
+        "__#15823@#handleError": ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void) & ((attrName: string, newValue: string) => void);
+        "__#15824@#lastBaseUrl"?: string;
+        "__#15824@#workingBaseUrl"?: string;
+        "__#15824@#failedUrls": Set<string>;
+        "__#15824@#getResourceUrls": ((filename: string) => (URL & {
             baseUrl: string;
         }) | (URL & {
             baseUrl: string;
@@ -396,7 +400,7 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
         }) | (URL & {
             baseUrl: string;
         })[]);
-        "__#15763@#createResourceUrl": ((filename: string, baseUrl: string) => URL & {
+        "__#15824@#createResourceUrl": ((filename: string, baseUrl: string) => URL & {
             baseUrl: string;
         }) & ((filename: string, baseUrl: string) => URL & {
             baseUrl: string;
@@ -416,12 +420,12 @@ export declare const themeMixin: <T extends CustomElementConstructor>(superclass
         readonly baseStaticUrl: string;
         readonly baseUrl: string;
         readonly projectId: string;
-        "__#15769@#getComponentsVersion"(): Promise<string>;
-        "__#15769@#getComponentsVersionSri"(): Promise<string>;
-        "__#15769@#descopeUi": Promise<any>;
+        "__#15830@#getComponentsVersion"(): Promise<string>;
+        "__#15830@#getComponentsVersionSri"(): Promise<string>;
+        "__#15830@#descopeUi": Promise<any>;
         readonly descopeUi: Promise<any>;
-        "__#15769@#loadDescopeUiComponent"(componentName: string): Promise<any>;
-        "__#15769@#getDescopeUi"(): Promise<any>;
+        "__#15830@#loadDescopeUiComponent"(componentName: string): Promise<any>;
+        "__#15830@#getDescopeUi"(): Promise<any>;
         loadDescopeUiComponents(templateOrComponentNames: HTMLTemplateElement | string[]): Promise<any[]>;
         readonly baseCdnUrl: string;
         injectNpmLib(libName: string, version: string, filePath?: string, overrides?: string[], integrity?: string): Promise<import("../injectNpmLibMixin/helpers").ScriptData>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/sdk-mixins",
-  "version": "0.16.2",
+  "version": "0.17.1",
   "author": "Descope Team <info@descope.com>",
   "homepage": "https://github.com/descope/sdk-mixins",
   "bugs": {
@@ -115,7 +115,7 @@
   },
   "dependencies": {
     "tslib": "2.8.1",
-    "@descope/sdk-component-drivers": "0.10.0",
+    "@descope/sdk-component-drivers": "0.11.0",
     "@descope/sdk-helpers": "0.7.0"
   },
   "peerDependencies": {