@lordicon/web 1.0.0 → 1.0.1

package/{LICENSE → LICENSE.md}

@@ -1,9 +1,7 @@
-The MIT License
+The MIT License (MIT)
 
 Copyright (c) 2025 Lordicon
 
-====
-
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
@@ -20,11 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-====
-
-Files located in the node_modules directories are externally
-maintained libraries used by this software which have their own
-licenses; we recommend you read them, as their terms may differ from the
-terms above.
+SOFTWARE.

package/dist/index.d.ts

@@ -174,6 +174,7 @@ export declare class Player {
     protected _eventHandlers: any;
     protected _state?: IconState;
     protected _availableStates: IconState[];
+    protected _animationFrameRate: number;
     /**
      * Creates a new Player instance.
      * @param container The DOM element where the animation will be rendered.
@@ -345,6 +346,11 @@ export declare class Player {
      * @returns Array of available states.
      */
     get availableStates(): IconState[];
+    /**
+     * Gets the frame rate of the animation.
+     * @returns Frame rate in frames per second.
+     */
+    get frameRate(): number;
     /**
      * Returns true if the animation is currently playing.
      */

package/dist/index.js

@@ -10,7 +10,7 @@ var hi = (t, e, i) => e in t ? gr(t, e, { enumerable: !0, configurable: !0, writ
       _r.call(e, i) && hi(t, i, e[i]);
   return t;
 }, Hi = (t, e) => vr(t, yr(e));
-var Et = (t, e, i) => hi(t, typeof e != "symbol" ? e + "" : e, i);
+var kt = (t, e, i) => hi(t, typeof e != "symbol" ? e + "" : e, i);
 function Pr(t) {
   return document.createElement(t);
 }
@@ -144,7 +144,7 @@ Ps.prototype = {
 let ks = "";
 const He = -999999, Tr = (t) => {
   ks = t;
-}, At = () => ks, Je = /* @__PURE__ */ function() {
+}, Et = () => ks, Je = /* @__PURE__ */ function() {
   var t = 1, e = [], i, s, r = {
     onmessage: function() {
     },
@@ -2942,7 +2942,7 @@ function oe(t, e, i) {
         for (y = 0; y < P; y += 1)
           m.appendChild(u[y]);
         var b = B("mask");
-        b.setAttribute("mask-type", "alpha"), b.setAttribute("id", c + "_" + o), b.appendChild(n), s.appendChild(b), m.setAttribute("mask", "url(" + At() + "#" + c + "_" + o + ")"), u.length = 0, u.push(m);
+        b.setAttribute("mask-type", "alpha"), b.setAttribute("id", c + "_" + o), b.appendChild(n), s.appendChild(b), m.setAttribute("mask", "url(" + Et() + "#" + c + "_" + o + ")"), u.length = 0, u.push(m);
       } else
         u.push(n);
       f[r].inv && !this.solidPath && (this.solidPath = this.createLayerSolidPath()), this.viewData[r] = {
@@ -2955,7 +2955,7 @@ function oe(t, e, i) {
     }
   for (this.maskElement = B(l), a = u.length, r = 0; r < a; r += 1)
     this.maskElement.appendChild(u[r]);
-  o > 0 && (this.maskElement.setAttribute("id", c), this.element.maskedElement.setAttribute(h, "url(" + At() + "#" + c + ")"), s.appendChild(this.maskElement)), this.viewData.length && this.element.addRenderableComponent(this);
+  o > 0 && (this.maskElement.setAttribute("id", c), this.element.maskedElement.setAttribute(h, "url(" + Et() + "#" + c + ")"), s.appendChild(this.maskElement)), this.viewData.length && this.element.addRenderableComponent(this);
 }
 oe.prototype.getMaskProperty = function(t) {
   return this.viewData[t].prop;
@@ -2965,7 +2965,7 @@ oe.prototype.renderFrame = function(t) {
   for (i = 0; i < s; i += 1)
     if ((this.viewData[i].prop._mdf || t) && this.drawPath(this.masksProperties[i], this.viewData[i].prop.v, this.viewData[i]), (this.viewData[i].op._mdf || t) && this.viewData[i].elem.setAttribute("fill-opacity", this.viewData[i].op.v), this.masksProperties[i].mode !== "n" && (this.viewData[i].invRect && (this.element.finalTransform.mProp._mdf || t) && this.viewData[i].invRect.setAttribute("transform", e.getInverseMatrix().to2dCSS()), this.storedData[i].x && (this.storedData[i].x._mdf || t))) {
       var r = this.storedData[i].expan;
-      this.storedData[i].x.v < 0 ? (this.storedData[i].lastOperator !== "erode" && (this.storedData[i].lastOperator = "erode", this.storedData[i].elem.setAttribute("filter", "url(" + At() + "#" + this.storedData[i].filterId + ")")), r.setAttribute("radius", -this.storedData[i].x.v)) : (this.storedData[i].lastOperator !== "dilate" && (this.storedData[i].lastOperator = "dilate", this.storedData[i].elem.setAttribute("filter", null)), this.storedData[i].elem.setAttribute("stroke-width", this.storedData[i].x.v * 2));
+      this.storedData[i].x.v < 0 ? (this.storedData[i].lastOperator !== "erode" && (this.storedData[i].lastOperator = "erode", this.storedData[i].elem.setAttribute("filter", "url(" + Et() + "#" + this.storedData[i].filterId + ")")), r.setAttribute("radius", -this.storedData[i].x.v)) : (this.storedData[i].lastOperator !== "dilate" && (this.storedData[i].lastOperator = "dilate", this.storedData[i].elem.setAttribute("filter", null)), this.storedData[i].elem.setAttribute("stroke-width", this.storedData[i].x.v * 2));
     }
 };
 oe.prototype.getMaskelement = function() {
@@ -3021,7 +3021,7 @@ function yi(t) {
     }
     f && this.filters.push(f);
   }
-  n && (t.globalData.defs.appendChild(a), t.layerElement.setAttribute("filter", "url(" + At() + "#" + r + ")")), this.filters.length && t.addRenderableComponent(this);
+  n && (t.globalData.defs.appendChild(a), t.layerElement.setAttribute("filter", "url(" + Et() + "#" + r + ")")), this.filters.length && t.addRenderableComponent(this);
 }
 yi.prototype.renderFrame = function(t) {
   var e, i = this.filters.length;
@@ -3060,9 +3060,9 @@ ii.prototype = {
       var r = vt();
       if (i.setAttribute("id", r), i.appendChild(s), this.globalData.defs.appendChild(i), this.checkMasks()) {
         var a = B("g");
-        a.setAttribute("clip-path", "url(" + At() + "#" + r + ")"), a.appendChild(this.layerElement), this.transformedElement = a, t ? t.appendChild(this.transformedElement) : this.baseElement = this.transformedElement;
+        a.setAttribute("clip-path", "url(" + Et() + "#" + r + ")"), a.appendChild(this.layerElement), this.transformedElement = a, t ? t.appendChild(this.transformedElement) : this.baseElement = this.transformedElement;
       } else
-        this.layerElement.setAttribute("clip-path", "url(" + At() + "#" + r + ")");
+        this.layerElement.setAttribute("clip-path", "url(" + Et() + "#" + r + ")");
     }
     this.data.bm !== 0 && this.setBlendMode();
   },
@@ -3083,7 +3083,7 @@ ii.prototype = {
       var e = this.layerId + "_" + t, i, s, r, a;
       if (t === 1 || t === 3) {
         var n = B("mask");
-        n.setAttribute("id", e), n.setAttribute("mask-type", t === 3 ? "luminance" : "alpha"), r = B("use"), r.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#" + this.layerId), n.appendChild(r), this.globalData.defs.appendChild(n), !hs.maskType && t === 1 && (n.setAttribute("mask-type", "luminance"), i = vt(), s = we.createFilter(i), this.globalData.defs.appendChild(s), s.appendChild(we.createAlphaToLuminanceFilter()), a = B("g"), a.appendChild(r), n.appendChild(a), a.setAttribute("filter", "url(" + At() + "#" + i + ")"));
+        n.setAttribute("id", e), n.setAttribute("mask-type", t === 3 ? "luminance" : "alpha"), r = B("use"), r.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#" + this.layerId), n.appendChild(r), this.globalData.defs.appendChild(n), !hs.maskType && t === 1 && (n.setAttribute("mask-type", "luminance"), i = vt(), s = we.createFilter(i), this.globalData.defs.appendChild(s), s.appendChild(we.createAlphaToLuminanceFilter()), a = B("g"), a.appendChild(r), n.appendChild(a), a.setAttribute("filter", "url(" + Et() + "#" + i + ")"));
       } else if (t === 2) {
         const c = this.comp.data.w === this.globalData.compSize.w && this.comp.data.h === this.globalData.compSize.h;
         var f = B("mask");
@@ -3095,14 +3095,14 @@ ii.prototype = {
         var y = B("feFuncA");
         y.setAttribute("type", "table"), y.setAttribute("tableValues", "1.0 0.0"), u.appendChild(y), this.globalData.defs.appendChild(s);
         var P = B("rect");
-        P.setAttribute("width", this.comp.data.w), P.setAttribute("height", this.comp.data.h), P.setAttribute("x", "0"), P.setAttribute("y", "0"), P.setAttribute("fill", "#ffffff"), P.setAttribute("opacity", "0"), o.setAttribute("filter", "url(" + At() + "#" + i + ")"), o.appendChild(P), r = B("use"), r.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#" + this.layerId), o.appendChild(r), hs.maskType || (f.setAttribute("mask-type", "luminance"), s.appendChild(we.createAlphaToLuminanceFilter()), a = B("g"), o.appendChild(P), a.appendChild(this.layerElement), o.appendChild(a)), this.globalData.defs.appendChild(f);
+        P.setAttribute("width", this.comp.data.w), P.setAttribute("height", this.comp.data.h), P.setAttribute("x", "0"), P.setAttribute("y", "0"), P.setAttribute("fill", "#ffffff"), P.setAttribute("opacity", "0"), o.setAttribute("filter", "url(" + Et() + "#" + i + ")"), o.appendChild(P), r = B("use"), r.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#" + this.layerId), o.appendChild(r), hs.maskType || (f.setAttribute("mask-type", "luminance"), s.appendChild(we.createAlphaToLuminanceFilter()), a = B("g"), o.appendChild(P), a.appendChild(this.layerElement), o.appendChild(a)), this.globalData.defs.appendChild(f);
       }
       this.matteMasks[t] = e;
     }
     return this.matteMasks[t];
   },
   setMatte: function(t) {
-    this.matteElement && this.matteElement.setAttribute("mask", "url(" + At() + "#" + t + ")");
+    this.matteElement && this.matteElement.setAttribute("mask", "url(" + Et() + "#" + t + ")");
   }
 };
 function Re() {
@@ -3408,7 +3408,7 @@ ye.prototype.setGradientData = function(t, e) {
   var r = [], a, n, f;
   for (f = e.g.p * 4, n = 0; n < f; n += 4)
     a = B("stop"), s.appendChild(a), r.push(a);
-  t.setAttribute(e.ty === "gf" ? "fill" : "stroke", "url(" + At() + "#" + i + ")"), this.gf = s, this.cst = r;
+  t.setAttribute(e.ty === "gf" ? "fill" : "stroke", "url(" + Et() + "#" + i + ")"), this.gf = s, this.cst = r;
 };
 ye.prototype.setGradientOpacity = function(t, e) {
   if (this.g._hasOpacity && !this.g._collapsable) {
@@ -3421,7 +3421,7 @@ ye.prototype.setGradientOpacity = function(t, e) {
     var y = this.stops;
     for (s = t.g.p * 4; s < r; s += 2)
       i = B("stop"), i.setAttribute("stop-color", "rgb(255,255,255)"), u.appendChild(i), y.push(i);
-    n.setAttribute(t.ty === "gf" ? "fill" : "stroke", "url(" + At() + "#" + f + ")"), t.ty === "gs" && (n.setAttribute("stroke-linecap", Fs[t.lc || 2]), n.setAttribute("stroke-linejoin", Vs[t.lj || 2]), t.lj === 1 && n.setAttribute("stroke-miterlimit", t.ml)), this.of = u, this.ms = a, this.ost = y, this.maskId = o, e.msElem = n;
+    n.setAttribute(t.ty === "gf" ? "fill" : "stroke", "url(" + Et() + "#" + f + ")"), t.ty === "gs" && (n.setAttribute("stroke-linecap", Fs[t.lc || 2]), n.setAttribute("stroke-linejoin", Vs[t.lj || 2]), t.lj === 1 && n.setAttribute("stroke-miterlimit", t.ml)), this.of = u, this.ms = a, this.ost = y, this.maskId = o, e.msElem = n;
   }
 };
 st([_t], ye);
@@ -3579,7 +3579,7 @@ dt.prototype.createStyleElement = function(t, e) {
     i = new zs(this, t, s);
   else if (t.ty === "gf" || t.ty === "gs") {
     var a = t.ty === "gf" ? ye : Bs;
-    i = new a(this, t, s), this.globalData.defs.appendChild(i.gf), i.maskId && (this.globalData.defs.appendChild(i.ms), this.globalData.defs.appendChild(i.of), r.setAttribute("mask", "url(" + At() + "#" + i.maskId + ")"));
+    i = new a(this, t, s), this.globalData.defs.appendChild(i.gf), i.maskId && (this.globalData.defs.appendChild(i.ms), this.globalData.defs.appendChild(i.of), r.setAttribute("mask", "url(" + Et() + "#" + i.maskId + ")"));
   } else t.ty === "no" && (i = new Gs(this, t, s));
   return (t.ty === "st" || t.ty === "gs") && (r.setAttribute("stroke-linecap", Fs[t.lc || 2]), r.setAttribute("stroke-linejoin", Vs[t.lj || 2]), r.setAttribute("fill-opacity", "0"), t.lj === 1 && r.setAttribute("stroke-miterlimit", t.ml)), t.r === 2 && r.setAttribute("fill-rule", "evenodd"), t.ln && r.setAttribute("id", t.ln), t.cl && r.setAttribute("class", t.cl), t.bm && (r.style["mix-blend-mode"] = vi(t.bm)), this.stylesList.push(s), this.addToAnimatedContents(t, i), i;
 };
@@ -3704,7 +3704,7 @@ yt.prototype.configAnimation = function(t) {
   var i = B("clipPath"), s = B("rect");
   s.setAttribute("width", t.w), s.setAttribute("height", t.h), s.setAttribute("x", 0), s.setAttribute("y", 0);
   var r = vt();
-  i.setAttribute("id", r), i.appendChild(s), this.layerElement.setAttribute("clip-path", "url(" + At() + "#" + r + ")"), e.appendChild(i), this.layers = t.layers, this.elements = mt(t.layers.length);
+  i.setAttribute("id", r), i.appendChild(s), this.layerElement.setAttribute("clip-path", "url(" + Et() + "#" + r + ")"), e.appendChild(i), this.layers = t.layers, this.elements = mt(t.layers.length);
 };
 yt.prototype.destroy = function() {
   this.animationItem.wrapper && (this.animationItem.wrapper.innerText = ""), this.layerElement = null, this.globalData.defs = null;
@@ -4604,7 +4604,7 @@ const Pi = function() {
       }
     }), v.startTime = u.data.st, v.index = u.data.ind, v.source = u.data.refId, v.height = u.data.ty === 0 ? u.data.h : 100, v.width = u.data.ty === 0 ? u.data.w : 100, v.inPoint = u.data.ip / u.comp.globalData.frameRate, v.outPoint = u.data.op / u.comp.globalData.frameRate, v._name = u.data.nm, v.registerMaskInterface = P, v.registerEffectsInterface = c, v;
   };
-}(), kt = /* @__PURE__ */ function() {
+}(), At = /* @__PURE__ */ function() {
   return function(t, e) {
     return function(i) {
       return i = i === void 0 ? 1 : i, i <= 0 ? t : e(i - 1);
@@ -4654,7 +4654,7 @@ const Pi = function() {
       }
       throw new Error();
     }
-    var u = kt(o, n), y = [], P, c = r.ef.length;
+    var u = At(o, n), y = [], P, c = r.ef.length;
     for (P = 0; P < c; P += 1)
       r.ef[P].ty === 5 ? y.push(i(r.ef[P], a.effectElements[P], a.effectElements[P].propertyGroup, f)) : y.push(s(a.effectElements[P], r.ef[P].ty, f, u));
     return r.mn === "ADBE Color Control" && Object.defineProperty(o, "color", {
@@ -4685,7 +4685,7 @@ const Pi = function() {
     function r(n) {
       return n === "Shape" || n === "shape" || n === "Path" || n === "path" || n === "ADBE Vector Shape" || n === 2 ? r.path : null;
     }
-    var a = kt(r, i);
+    var a = At(r, i);
     return s.setGroupProperty(tt("Path", a)), Object.defineProperties(r, {
       path: {
         get: function() {
@@ -4720,7 +4720,7 @@ const Pi = function() {
       }
       return typeof m == "number" ? l[m - 1] : null;
     };
-    h.propertyGroup = kt(h, k), l = t(g.it, d.it, h.propertyGroup), h.numProperties = l.length;
+    h.propertyGroup = At(h, k), l = t(g.it, d.it, h.propertyGroup), h.numProperties = l.length;
     var p = o(g.it[g.it.length - 1], d.it[d.it.length - 1], h.propertyGroup);
     return h.transform = p, h.propertyIndex = g.cix, h._name = g.nm, h;
   }
@@ -4738,7 +4738,7 @@ const Pi = function() {
           return l.transform;
       }
     };
-    l.propertyGroup = kt(l, k);
+    l.propertyGroup = At(l, k);
     var h = e(g, d, l.propertyGroup), p = o(g.it[g.it.length - 1], d.it[d.it.length - 1], l.propertyGroup);
     return l.content = h, l.transform = p, Object.defineProperty(l, "_name", {
       get: function() {
@@ -4791,7 +4791,7 @@ const Pi = function() {
     return g;
   }
   function n(g, d, k) {
-    var l = kt(x, k), h = kt(E, l);
+    var l = At(x, k), h = At(E, l);
     function p(S) {
       Object.defineProperty(E, g.d[S].nm, {
         get: $(d.d.dataProps[S].p)
@@ -4826,7 +4826,7 @@ const Pi = function() {
     function l(p) {
       return p === g.e.ix || p === "End" || p === "end" ? l.end : p === g.s.ix ? l.start : p === g.o.ix ? l.offset : null;
     }
-    var h = kt(l, k);
+    var h = At(l, k);
     return l.propertyIndex = g.ix, d.s.setGroupProperty(tt("Start", h)), d.e.setGroupProperty(tt("End", h)), d.o.setGroupProperty(tt("Offset", h)), l.propertyIndex = g.ix, l.propertyGroup = k, Object.defineProperties(l, {
       start: {
         get: $(d.s)
@@ -4844,7 +4844,7 @@ const Pi = function() {
     function l(p) {
       return g.a.ix === p || p === "Anchor Point" ? l.anchorPoint : g.o.ix === p || p === "Opacity" ? l.opacity : g.p.ix === p || p === "Position" ? l.position : g.r.ix === p || p === "Rotation" || p === "ADBE Vector Rotation" ? l.rotation : g.s.ix === p || p === "Scale" ? l.scale : g.sk && g.sk.ix === p || p === "Skew" ? l.skew : g.sa && g.sa.ix === p || p === "Skew Axis" ? l.skewAxis : null;
     }
-    var h = kt(l, k);
+    var h = At(l, k);
     return d.transform.mProps.o.setGroupProperty(tt("Opacity", h)), d.transform.mProps.p.setGroupProperty(tt("Position", h)), d.transform.mProps.a.setGroupProperty(tt("Anchor Point", h)), d.transform.mProps.s.setGroupProperty(tt("Scale", h)), d.transform.mProps.r.setGroupProperty(tt("Rotation", h)), d.transform.mProps.sk && (d.transform.mProps.sk.setGroupProperty(tt("Skew", h)), d.transform.mProps.sa.setGroupProperty(tt("Skew Angle", h))), d.transform.op.setGroupProperty(tt("Opacity", h)), Object.defineProperties(l, {
       opacity: {
         get: $(d.transform.mProps.o)
@@ -4874,7 +4874,7 @@ const Pi = function() {
     function l(m) {
       return g.p.ix === m ? l.position : g.s.ix === m ? l.size : null;
     }
-    var h = kt(l, k);
+    var h = At(l, k);
     l.propertyIndex = g.ix;
     var p = d.sh.ty === "tm" ? d.sh.prop : d.sh;
     return p.s.setGroupProperty(tt("Size", h)), p.p.setGroupProperty(tt("Position", h)), Object.defineProperties(l, {
@@ -4891,7 +4891,7 @@ const Pi = function() {
     function l(m) {
       return g.p.ix === m ? l.position : g.r.ix === m ? l.rotation : g.pt.ix === m ? l.points : g.or.ix === m || m === "ADBE Vector Star Outer Radius" ? l.outerRadius : g.os.ix === m ? l.outerRoundness : g.ir && (g.ir.ix === m || m === "ADBE Vector Star Inner Radius") ? l.innerRadius : g.is && g.is.ix === m ? l.innerRoundness : null;
     }
-    var h = kt(l, k), p = d.sh.ty === "tm" ? d.sh.prop : d.sh;
+    var h = At(l, k), p = d.sh.ty === "tm" ? d.sh.prop : d.sh;
     return l.propertyIndex = g.ix, p.or.setGroupProperty(tt("Outer Radius", h)), p.os.setGroupProperty(tt("Outer Roundness", h)), p.pt.setGroupProperty(tt("Points", h)), p.p.setGroupProperty(tt("Position", h)), p.r.setGroupProperty(tt("Rotation", h)), g.ir && (p.ir.setGroupProperty(tt("Inner Radius", h)), p.is.setGroupProperty(tt("Inner Roundness", h))), Object.defineProperties(l, {
       position: {
         get: $(p.p)
@@ -4921,7 +4921,7 @@ const Pi = function() {
     function l(m) {
       return g.p.ix === m ? l.position : g.r.ix === m ? l.roundness : g.s.ix === m || m === "Size" || m === "ADBE Vector Rect Size" ? l.size : null;
     }
-    var h = kt(l, k), p = d.sh.ty === "tm" ? d.sh.prop : d.sh;
+    var h = At(l, k), p = d.sh.ty === "tm" ? d.sh.prop : d.sh;
     return l.propertyIndex = g.ix, p.p.setGroupProperty(tt("Position", h)), p.s.setGroupProperty(tt("Size", h)), p.r.setGroupProperty(tt("Rotation", h)), Object.defineProperties(l, {
       position: {
         get: $(p.p)
@@ -4939,7 +4939,7 @@ const Pi = function() {
     function l(m) {
       return g.r.ix === m || m === "Round Corners 1" ? l.radius : null;
     }
-    var h = kt(l, k), p = d;
+    var h = At(l, k), p = d;
     return l.propertyIndex = g.ix, p.rd.setGroupProperty(tt("Radius", h)), Object.defineProperties(l, {
       radius: {
         get: $(p.rd)
@@ -4951,7 +4951,7 @@ const Pi = function() {
     function l(m) {
       return g.c.ix === m || m === "Copies" ? l.copies : g.o.ix === m || m === "Offset" ? l.offset : null;
     }
-    var h = kt(l, k), p = d;
+    var h = At(l, k), p = d;
     return l.propertyIndex = g.ix, p.c.setGroupProperty(tt("Copies", h)), p.o.setGroupProperty(tt("Offset", h)), Object.defineProperties(l, {
       copies: {
         get: $(p.c)
@@ -4977,7 +4977,7 @@ const Pi = function() {
     function p() {
       return k;
     }
-    return h.propertyGroup = kt(h, p), l = t(g, d, h.propertyGroup), h.numProperties = l.length, h._name = "Contents", h;
+    return h.propertyGroup = At(h, p), l = t(g, d, h.propertyGroup), h.numProperties = l.length, h._name = "Contents", h;
   };
 }(), Oa = /* @__PURE__ */ function() {
   var t = function(i) {
@@ -5354,7 +5354,7 @@ Ei.prototype.initialize = function() {
     var a = B("mask"), n = vt();
     a.setAttribute("id", n), a.setAttribute("mask-type", "alpha"), a.appendChild(i), this.elem.globalData.defs.appendChild(a);
     var f = B("g");
-    for (f.setAttribute("mask", "url(" + At() + "#" + n + ")"); t[0]; )
+    for (f.setAttribute("mask", "url(" + Et() + "#" + n + ")"); t[0]; )
       f.appendChild(t[0]);
     this.elem.layerElement.appendChild(f), this.masker = a, i.setAttribute("stroke", "#fff");
   } else if (this.filterManager.effectElements[10].p.v === 1 || this.filterManager.effectElements[10].p.v === 2) {
@@ -5850,19 +5850,20 @@ class en {
    * @param options Additional options (e.g., autoInit).
    */
   constructor(e, i, s, r = { autoInit: !0 }) {
-    Et(this, "_container");
-    Et(this, "_iconData");
-    Et(this, "_initialProperties");
-    Et(this, "_lottieInstance");
-    Et(this, "_ready", !1);
-    Et(this, "_colorsProxy");
-    Et(this, "_direction", 1);
-    Et(this, "_speed", 1);
-    Et(this, "_lottieProperties");
-    Et(this, "_eventHandlers", {});
-    Et(this, "_state");
-    Et(this, "_availableStates");
-    if (this._container = e, this._iconData = i, this._initialProperties = s || {}, this._availableStates = (i.markers || []).map((a) => {
+    kt(this, "_container");
+    kt(this, "_iconData");
+    kt(this, "_initialProperties");
+    kt(this, "_lottieInstance");
+    kt(this, "_ready", !1);
+    kt(this, "_colorsProxy");
+    kt(this, "_direction", 1);
+    kt(this, "_speed", 1);
+    kt(this, "_lottieProperties");
+    kt(this, "_eventHandlers", {});
+    kt(this, "_state");
+    kt(this, "_availableStates");
+    kt(this, "_animationFrameRate", 0);
+    if (this._container = e, this._iconData = i, this._initialProperties = s || {}, this._animationFrameRate = i.fr || 30, this._availableStates = (i.markers || []).map((a) => {
       const n = a.cm.split(":"), f = {
         time: a.tm,
         duration: a.dr,
@@ -6219,6 +6220,13 @@ class en {
   get availableStates() {
     return this._availableStates;
   }
+  /**
+   * Gets the frame rate of the animation.
+   * @returns Frame rate in frames per second.
+   */
+  get frameRate() {
+    return this._animationFrameRate;
+  }
   /**
    * Returns true if the animation is currently playing.
    */

package/examples/04-events.ts

@@ -17,7 +17,6 @@ const player = new Player(
     },
 );
 
-
 player.addEventListener('ready', () => {
     player.play();
 });

package/examples/index.html

@@ -52,6 +52,7 @@
                 <td>
                     Find out how to manage playback through the player API.
                 </td>
+            </tr>
         </tbody>
     </table>
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lordicon/web",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "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/",

package/src/player.ts

@@ -115,6 +115,7 @@ export class Player {
 
     protected _state?: IconState;
     protected _availableStates: IconState[];
+    protected _animationFrameRate: number = 0;
 
     /**
      * Creates a new Player instance.
@@ -133,6 +134,9 @@ export class Player {
         this._iconData = data;
         this._initialProperties = properties || {};
 
+        // Parse animation frame rate for timing calculations.
+        this._animationFrameRate = data.fr || 30;
+
         // Parse available states from Lottie markers.
         this._availableStates = (data.markers || []).map((c: any) => {
             const parts: string[] = c.cm.split(':');
@@ -731,6 +735,14 @@ export class Player {
         return this._availableStates;
     }
 
+    /**
+     * Gets the frame rate of the animation.
+     * @returns Frame rate in frames per second.
+     */
+    get frameRate() {
+        return this._animationFrameRate;
+    }
+
     /**
      * Returns true if the animation is currently playing.
      */