@lordicon/web 1.0.1 → 1.1.0

package/dist/src/utils.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Deep clone value.
+ * @param value Value to clone.
+ */
+export declare function deepClone<T = any>(value: T): T;
+/**
+ * Checks if value is null or undefined.
+ * @param value Value to check.
+ * @returns True if value is null or undefined, false otherwise.
+ */
+export declare function isNil(value: any): boolean;
+/**
+ * Checks if value is object like.
+ * @param value Value to check.
+ * @returns True if value is object like, false otherwise.
+ */
+export declare function isObjectLike(value: any): value is object;
+/**
+ * Checks if path is a direct property of object.
+ * @param object Object to check.
+ * @param path Path to check.
+ */
+export declare function has<T>(object: T, path: string | string[]): boolean;
+/**
+ * Retrieves the value at the given path from the object.
+ * Returns defaultValue if the path does not exist.
+ * @param object Object to get value from.
+ * @param path Property path as a dot-separated string or array of keys.
+ * @param defaultValue Value to return if the path does not exist.
+ * @returns Value at the given path or defaultValue.
+ */
+export declare function get<T>(object: T, path: string | string[], defaultValue?: any): any;
+/**
+ * Update object value on path.
+ * @param object Object to update.
+ * @param path Path to the value.
+ * @param value New value to set.
+ */
+export declare function set(object: any, path: string | string[], value: any): void;

package/examples/03-states.html

@@ -14,7 +14,9 @@
 
     <div>
         <label for="state-select">Choose state:</label>
-        <select id="state-select"></select>
+        <select id="state-select">
+            <option value="*">*</option>
+        </select>
     </div>
 </body>
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lordicon/web",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "description": "A lightweight and flexible player for seamlessly embedding, controlling, and customizing animated Lordicon icons in any web application.",
     "repository": "https://github.com/lordicondev/player-web",
     "homepage": "https://lordicon.com/",
@@ -24,15 +24,15 @@
     },
     "devDependencies": {
         "@lordicon/internal": "^0.5.0",
-        "vite": "^6.2.3",
-        "vite-plugin-dts": "^4.5.4",
-        "concurrently": "^9.1.2",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint": "^8.54.0",
-        "prettier": "^3.2.5",
-        "typescript": "^5.3.2",
-        "@typescript-eslint/eslint-plugin": "^6.12.0",
-        "@typescript-eslint/parser": "^6.12.0",
+        "vite": "^8.0.16",
+        "vite-plugin-dts": "^5.0.2",
+        "concurrently": "^10.0.3",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint": "^10.5.0",
+        "prettier": "^3.8.4",
+        "typescript": "^6.0.3",
+        "@typescript-eslint/eslint-plugin": "^8.61.1",
+        "@typescript-eslint/parser": "^8.61.1",
         "@types/node": "^22.13.13"
     }
 }

package/src/player.ts

@@ -184,7 +184,7 @@ export class Player {
             }
 
             // Fallback to default state if initial is invalid.
-            if (this._initialProperties.state && !this._state) {
+            if (this._initialProperties.state && !this._state && this._initialProperties.state !== '*') {
                 this._state = this._availableStates.filter(c => c.default)[0];
             }
         }
@@ -624,6 +624,8 @@ export class Player {
 
         if (isNil(state)) {
             this._state = this._availableStates.filter(c => c.default)[0];
+        } else if (state === '*') {
+            this._state = undefined;
         } else if (state) {
             this._state = this._availableStates.filter(c => c.name === state)[0];