@yoobic/yobi 8.2.0-24 → 8.2.0-27

package/dist/esm/yoo-range.entry.js

@@ -253,7 +253,7 @@ const YooRangeComponent = class {
     const values = Array.from({ length: this.max - this.min + 1 }, (_, i) => this.min + i).filter(v => !(v % this.step));
     return (this.ticks || this.ticksLabels) && values.map(v => {
       const showTickLabel = filterPattern(v);
-      return (this.ticks || showTickLabel) && h("div", { class: { 'tick': true, 'hidden': !this.ticks }, style: { [start]: `${this.valueToRatio(v) * 100}%` }, ...(this.ticksLabels && showTickLabel && { i: v }) });
+      return (this.ticks || showTickLabel) && h("div", { class: { tick: true, hidden: !this.ticks }, style: { [start]: `${this.valueToRatio(v) * 100}%` }, ...(this.ticksLabels && showTickLabel && { i: v }) });
     });
   }
   renderBar(start, end) {

package/dist/types/components/2.molecules/audio-player/audio-player.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooAudioPlayerComponent implements ComponentInterface {
   /**
@@ -20,10 +21,12 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
    * Reinit the player when being within in a slide
    */
   isVisible?: boolean;
+  onVisibilityChanged(): void;
   /**
    * Set the audio source url
    */
   src?: string;
+  onSrcChanged(): Promise<void>;
   inputChanged: EventEmitter<boolean>;
   validityChanged: EventEmitter<boolean>;
   currentTime: number;
@@ -32,8 +35,6 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
   host: HTMLYooAudioPlayerElement;
   private audio;
   private isDragging;
-  onSrcChanged(): Promise<void>;
-  onVisibilityChanged(): void;
   getAudio(): Promise<HTMLAudioElement>;
   pause(): Promise<void>;
   componentWillLoad(): Promise<void>;
@@ -44,5 +45,8 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
   private initPlayer;
   private formateTime;
   private togglePlay;
-  render(): any;
+  renderPlayButton(): JSX.Element;
+  renderRange(): JSX.Element;
+  renderInfo(): JSX.Element;
+  render(): JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-24",
+  "version": "8.2.0-27",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",