@peculiar/certificates-viewer 4.7.1-alpha.5 → 4.9.0

package/dist/types/interface.d.ts

@@ -1,100 +1,100 @@
 export type TTypography = (
-  'h1' |
-  'h2' |
-  'h3' |
-  'h4' |
-  'h5' |
-  's1' |
-  's2' |
-  'b1' |
-  'b2' |
-  'b3' |
-  'btn1' |
-  'btn2' |
-  'c1' |
-  'c2'
+  'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 's1'
+  | 's2'
+  | 'b1'
+  | 'b2'
+  | 'b3'
+  | 'btn1'
+  | 'btn2'
+  | 'c1'
+  | 'c2'
 );
 
 export type TColor = (
   // primary
-  'primary-tint-5' |
-  'primary-tint-4' |
-  'primary-tint-3' |
-  'primary-tint-2' |
-  'primary-tint-1' |
-  'primary' |
-  'primary-shade-1' |
-  'primary-shade-2' |
-  'primary-shade-3' |
-  'primary-shade-4' |
-  'primary-shade-5' |
-  'primary-contrast' |
+  'primary-tint-5'
+  | 'primary-tint-4'
+  | 'primary-tint-3'
+  | 'primary-tint-2'
+  | 'primary-tint-1'
+  | 'primary'
+  | 'primary-shade-1'
+  | 'primary-shade-2'
+  | 'primary-shade-3'
+  | 'primary-shade-4'
+  | 'primary-shade-5'
+  | 'primary-contrast'
   // secondary
-  'secondary-tint-5' |
-  'secondary-tint-4' |
-  'secondary-tint-3' |
-  'secondary-tint-2' |
-  'secondary-tint-1' |
-  'secondary' |
-  'secondary-shade-1' |
-  'secondary-shade-2' |
-  'secondary-shade-3' |
-  'secondary-shade-4' |
-  'secondary-shade-5' |
-  'secondary-contrast' |
+  | 'secondary-tint-5'
+  | 'secondary-tint-4'
+  | 'secondary-tint-3'
+  | 'secondary-tint-2'
+  | 'secondary-tint-1'
+  | 'secondary'
+  | 'secondary-shade-1'
+  | 'secondary-shade-2'
+  | 'secondary-shade-3'
+  | 'secondary-shade-4'
+  | 'secondary-shade-5'
+  | 'secondary-contrast'
   // wrong
-  'wrong-tint-5' |
-  'wrong-tint-4' |
-  'wrong-tint-3' |
-  'wrong-tint-2' |
-  'wrong-tint-1' |
-  'wrong' |
-  'wrong-shade-1' |
-  'wrong-shade-2' |
-  'wrong-shade-3' |
-  'wrong-shade-4' |
-  'wrong-shade-5' |
-  'wrong-contrast' |
+  | 'wrong-tint-5'
+  | 'wrong-tint-4'
+  | 'wrong-tint-3'
+  | 'wrong-tint-2'
+  | 'wrong-tint-1'
+  | 'wrong'
+  | 'wrong-shade-1'
+  | 'wrong-shade-2'
+  | 'wrong-shade-3'
+  | 'wrong-shade-4'
+  | 'wrong-shade-5'
+  | 'wrong-contrast'
   // attention
-  'attention-tint-5' |
-  'attention-tint-4' |
-  'attention-tint-3' |
-  'attention-tint-2' |
-  'attention-tint-1' |
-  'attention' |
-  'attention-shade-1' |
-  'attention-shade-2' |
-  'attention-shade-3' |
-  'attention-shade-4' |
-  'attention-shade-5' |
+  | 'attention-tint-5'
+  | 'attention-tint-4'
+  | 'attention-tint-3'
+  | 'attention-tint-2'
+  | 'attention-tint-1'
+  | 'attention'
+  | 'attention-shade-1'
+  | 'attention-shade-2'
+  | 'attention-shade-3'
+  | 'attention-shade-4'
+  | 'attention-shade-5'
   // success
-  'success-tint-5' |
-  'success-tint-4' |
-  'success-tint-3' |
-  'success-tint-2' |
-  'success-tint-1' |
-  'success' |
-  'success-shade-1' |
-  'success-shade-2' |
-  'success-shade-3' |
-  'success-shade-4' |
-  'success-shade-5' |
+  | 'success-tint-5'
+  | 'success-tint-4'
+  | 'success-tint-3'
+  | 'success-tint-2'
+  | 'success-tint-1'
+  | 'success'
+  | 'success-shade-1'
+  | 'success-shade-2'
+  | 'success-shade-3'
+  | 'success-shade-4'
+  | 'success-shade-5'
   // grayscale
-  'black' |
-  'gray-10' |
-  'gray-9' |
-  'gray-8' |
-  'gray-7' |
-  'gray-6' |
-  'gray-5' |
-  'gray-4' |
-  'gray-3' |
-  'gray-2' |
-  'gray-1' |
-  'white' |
+  | 'black'
+  | 'gray-10'
+  | 'gray-9'
+  | 'gray-8'
+  | 'gray-7'
+  | 'gray-6'
+  | 'gray-5'
+  | 'gray-4'
+  | 'gray-3'
+  | 'gray-2'
+  | 'gray-1'
+  | 'white'
   // additional
-  'extra-1' |
-  'extra-2'
+  | 'extra-1'
+  | 'extra-2'
 );
 
 // eslint-disable-next-line import/no-unresolved

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,6 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -151,7 +153,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -233,6 +241,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -349,6 +365,37 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
+ *
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/hydrate/index.d.ts

@@ -7,12 +7,14 @@ export declare function createWindowFromHtml(templateHtml: string, uniqueId: str
  * Serialize a value to a string that can be deserialized later.
  * @param {unknown} value - The value to serialize.
  * @returns {string} A string that can be deserialized later.
+ * @deprecated will be removed in v5. Use `@PropSerialize()` decorator instead.
  */
 export declare function serializeProperty(value: unknown): string | number | boolean;
 /**
  * Deserialize a value from a string that was serialized earlier.
  * @param {string} value - The string to deserialize.
  * @returns {unknown} The deserialized value.
+ * @deprecated will be removed in v5. Use `@AttrDeserialize()` decorator instead.
  */
 export declare function deserializeProperty(value: string): any;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;