@5even7/dlc-ui 0.2.16 → 0.2.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@5even7/dlc-ui",
-  "version": "0.2.16",
+  "version": "0.2.17",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"

package/types/emo.d.ts

@@ -3,9 +3,12 @@ export {
   EmoPreset,
   EmoTypeDefinition,
   EmoController,
+  MiaoPartColors,
+  MiaoPartColorKey,
   EMO_TYPES,
   EMO_PRESETS,
   EMO_CATEGORIES,
   getEmoPreset,
+  getEmoAnimation,
   createEmo
 } from './index.js';

package/types/index.d.ts

@@ -2,6 +2,31 @@ export type Quality = 'auto' | 'low' | 'medium' | 'high';
 export type PowerPreference = 'default' | 'high-performance' | 'low-power';
 export type ColorTuple = [string, string, string, string];
 
+export type MiaoPartColorKey =
+  | 'leftEye'
+  | 'rightEye'
+  | 'mouth'
+  | 'mouthFill'
+  | 'sleepBreath'
+  | 'shuttlecock'
+  | 'meditationFigure'
+  | 'meditationBubble'
+  | 'musicNotes'
+  | 'leftEyeOverlay'
+  | 'questionMark'
+  | 'leftBlush'
+  | 'rightBlush'
+  | 'sighBreath'
+  | 'particles';
+
+/**
+ * Per-part color overrides for a Miao emoji. Values are any CSS color
+ * (#fff / #rrggbb / named / rgb() / rgba(), alpha ignored); null or missing
+ * keys keep the asset's original color, and keys the current animation does
+ * not support are ignored.
+ */
+export type MiaoPartColors = Partial<Record<MiaoPartColorKey, string | null>>;
+
 export interface CapsulePreset {
   id: string;
   code: string;
@@ -40,7 +65,7 @@ export interface EmoTypeDefinition {
   type: string;
   label: string;
   names: string[];
-  colorChannels: Array<'color' | 'accentColor'>;
+  partColors: string[];
 }
 
 export interface Copy {
@@ -134,8 +159,7 @@ export interface EmoOptions {
   name?: string;
   width?: number | string;
   height?: number | string;
-  color?: string;
-  accentColor?: string | null;
+  partColors?: MiaoPartColors;
   speed?: number;
   loop?: boolean;
   autoplay?: boolean;
@@ -279,7 +303,7 @@ export interface EmoController extends Emitter {
   setSegment(value: EmoOptions['segment']): this;
   setName(value: string): this;
   setType(value: string): this;
-  setColors(color: string, accentColor?: string | null): this;
+  setPartColors(value: MiaoPartColors): this;
   setOpacity(value: number): this;
   setBackground(value: string): this;
   setSize(width?: number | string, height?: number | string): this;
@@ -298,8 +322,7 @@ export interface EmoController extends Emitter {
   readonly renderer: 'svg' | 'canvas';
   readonly paused: boolean;
   readonly segment: [number, number] | null;
-  readonly color: string;
-  readonly accentColor: string | null;
+  readonly partColors: MiaoPartColors;
   readonly background: string;
 }
 
@@ -336,11 +359,12 @@ export declare const EMO_TYPES: EmoTypeDefinition[];
 export declare const EMO_PRESETS: EmoPreset[];
 export declare const EMO_CATEGORIES: Record<string, string>;
 export declare function getEmoPreset(type?: string, name?: string): EmoPreset;
+export declare function getEmoAnimation(type?: string, name?: string): any;
 
 export declare const DEFAULTS: {
   capsule: Required<Pick<CapsuleOptions, 'width' | 'height' | 'quality' | 'respectReducedMotion' | 'mouseColor' | 'renderer' | 'textRatio' | 'renderScale' | 'powerPreference' | 'fps' | 'paused' | 'static'>>;
   progress: Required<Pick<ProgressOptions, 'width' | 'height' | 'min' | 'max' | 'step' | 'draggable' | 'keyboard' | 'disabled' | 'readonly' | 'direction' | 'precision' | 'valueSuffix' | 'edgeStyle' | 'quality' | 'respectReducedMotion' | 'renderer' | 'textRatio' | 'showValue' | 'renderScale' | 'powerPreference' | 'fps' | 'paused' | 'static'>>;
-  emo: Required<Pick<EmoOptions, 'type' | 'name' | 'width' | 'height' | 'color' | 'speed' | 'loop' | 'autoplay' | 'direction' | 'opacity' | 'fit' | 'renderer' | 'paused' | 'background' | 'respectReducedMotion'>> & Pick<EmoOptions, 'accentColor' | 'segment'>;
+  emo: Required<Pick<EmoOptions, 'type' | 'name' | 'width' | 'height' | 'partColors' | 'speed' | 'loop' | 'autoplay' | 'direction' | 'opacity' | 'fit' | 'renderer' | 'paused' | 'background' | 'respectReducedMotion'>> & Pick<EmoOptions, 'segment'>;
 };
 
 export declare const COPY: Copy;

package/types/vue3.d.ts

@@ -110,7 +110,7 @@ export interface EmoComponent {
     setSegment(value: EmoOptions['segment']): any;
     setName(value: string): any;
     setType(value: string): any;
-    setColors(color: string, accentColor?: string | null): any;
+    setPartColors(value: import('./index').MiaoPartColors): any;
     setOpacity(value: number): any;
     setBackground(value: string): any;
     setSize(width?: number | string, height?: number | string): any;