mx-ui-components-pkg 0.0.717-alpha.146 → 0.0.717-alpha.147

package/dist/{cssMode-DMylcmm0.js → cssMode-HSbeonS2.js}

@@ -1,4 +1,4 @@
-import { m as et } from "./index-CTyIxRKV.js";
+import { m as et } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{freemarker2-DDmM_C6t.js → freemarker2-CPiurmez.js}

@@ -1,4 +1,4 @@
-import { m as f } from "./index-CTyIxRKV.js";
+import { m as f } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{handlebars-cUyEfxBW.js → handlebars-BifRaE9s.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-CTyIxRKV.js";
+import { m as l } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{html-QDieEqlS.js → html-tSW7BdSU.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-CTyIxRKV.js";
+import { m as s } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{htmlMode-BRvknRnY.js → htmlMode-9r5Hcu37.js}

@@ -1,4 +1,4 @@
-import { m as lt } from "./index-CTyIxRKV.js";
+import { m as lt } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{index-CTyIxRKV.js → index-C4ZQZUTA.js}

@@ -26579,7 +26579,7 @@ function(i) {
   var c = l.getContext("2d");
   c.fillStyle = "#fff", c.fillRect(0, 0, l.width, l.height);
   var u = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, d = this;
-  return (uo.canvg ? Promise.resolve(uo.canvg) : import("./index.es-CzA-7vO3.js")).catch(function(h) {
+  return (uo.canvg ? Promise.resolve(uo.canvg) : import("./index.es-D59NEVe1.js")).catch(function(h) {
     return Promise.reject(new Error("Could not load canvg: " + h));
   }).then(function(h) {
     return h.default ? h.default : h;
@@ -122184,7 +122184,7 @@ class Xun extends si {
     if (n !== r) {
       if (t === "props") {
         const o = JSON.parse(r);
-        o.span && (this.style.gridColumn = `span ${o.span}`), o.value && (this.buttonValue = o.value), this.className = "px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2", this.addIcon(o == null ? void 0 : o.icon, o == null ? void 0 : o.size);
+        o.span && (this.style.gridColumn = `span ${o.span}`), o.value && (this.buttonValue = o.value), o.style ? this.className = `${o.style}` : this.className = "px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2", this.addIcon(o == null ? void 0 : o.icon, o == null ? void 0 : o.size);
       } else if (t === "bindings") {
         const o = JSON.parse(r);
         this.setBindings(o, (l) => {
@@ -122196,7 +122196,7 @@ class Xun extends si {
     }
   }
   setSelectedButtonCss(t) {
-    t && (t == this.buttonValue ? this.className += " bg-gray-100 color-primary-600 " : this.className = "px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2");
+    t && (t == this.buttonValue ? this.className += " bg-gray-100 color-primary-600 " : this.className = this.className.replace(" bg-gray-100 color-primary-600 ", ""));
   }
   addIcon(t, n = "base") {
     let r = {
@@ -122224,8 +122224,8 @@ class Zun extends si {
     if (n !== r) {
       if (t === "props") {
         this.props = JSON.parse(r);
-        const { grid: s } = this.props;
-        this.style.gridTemplateColumns = `repeat(${s}, 1fr)`, this.className = "rounded-md border border-gray-200 grid";
+        const { grid: s, noBorder: o } = this.props;
+        this.style.gridTemplateColumns = `repeat(${s}, 1fr)`, o ? this.className = "rounded-md grid" : this.className = "rounded-md border border-gray-200 grid";
       } else if (t === "bindings") {
         const s = JSON.parse(r);
         this.setBindings(s, () => console.log("Button Group State Updated"));
@@ -273567,37 +273567,37 @@ Hi({
   id: "freemarker2",
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAngleInterpolationDollar)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagAngleInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagBracketInterpolationDollar)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagBracketInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAngleInterpolationBracket)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagAngleInterpolationBracket)
 });
 Hi({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagBracketInterpolationBracket)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagBracketInterpolationBracket)
 });
 Hi({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationDollar)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagAutoInterpolationDollar)
 });
 Hi({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
-  loader: () => import("./freemarker2-DDmM_C6t.js").then((i) => i.TagAutoInterpolationBracket)
+  loader: () => import("./freemarker2-CPiurmez.js").then((i) => i.TagAutoInterpolationBracket)
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273635,7 +273635,7 @@ Hi({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => import("./handlebars-cUyEfxBW.js")
+  loader: () => import("./handlebars-BifRaE9s.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273660,7 +273660,7 @@ Hi({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => import("./html-QDieEqlS.js")
+  loader: () => import("./html-tSW7BdSU.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273701,7 +273701,7 @@ Hi({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => import("./javascript-CaPRob7H.js")
+  loader: () => import("./javascript-C8QG6kvn.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273776,7 +273776,7 @@ Hi({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => import("./liquid-jagi3a6n.js")
+  loader: () => import("./liquid-DcEbDz8m.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -273812,7 +273812,7 @@ Hi({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => import("./mdx-CglWxe7X.js")
+  loader: () => import("./mdx-DP_92uT8.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274007,7 +274007,7 @@ Hi({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => import("./python-BIUizIgm.js")
+  loader: () => import("./python-Cu9eUL-s.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274044,7 +274044,7 @@ Hi({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => import("./razor-Bmr0rfvf.js")
+  loader: () => import("./razor-jxfDlS0_.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274296,7 +274296,7 @@ Hi({
   extensions: [".ts", ".tsx", ".cts", ".mts"],
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
-  loader: () => import("./typescript-_U26e8KM.js")
+  loader: () => import("./typescript-BLfp9l0R.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274364,7 +274364,7 @@ Hi({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => import("./xml-BjkH3HlS.js")
+  loader: () => import("./xml-BFCukSze.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274377,7 +274377,7 @@ Hi({
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => import("./yaml-DydUOA1I.js")
+  loader: () => import("./yaml-C-opYaMP.js")
 });
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -274480,7 +274480,7 @@ var i6e = class {
 );
 e9.languages.css = { cssDefaults: eDt, lessDefaults: nDt, scssDefaults: tDt };
 function o6e() {
-  return import("./cssMode-DMylcmm0.js");
+  return import("./cssMode-HSbeonS2.js");
 }
 e9.languages.onLanguage("less", () => {
   o6e().then((i) => i.setupMode(nDt));
@@ -274586,7 +274586,7 @@ zde.languages.html = {
   registerHTMLLanguageService: Qde
 };
 function hri() {
-  return import("./htmlMode-BRvknRnY.js");
+  return import("./htmlMode-9r5Hcu37.js");
 }
 function Qde(i, e = Gde, t = qde(i)) {
   const n = new ari(i, e, t);
@@ -274663,7 +274663,7 @@ var _ri = class {
 ), wri = () => aDt().then((i) => i.getWorker());
 T$.languages.json = { jsonDefaults: oDt, getWorker: wri };
 function aDt() {
-  return import("./jsonMode-BzXlbCd_.js");
+  return import("./jsonMode-FV9ayg_z.js");
 }
 T$.languages.register({
   id: "json",
@@ -274827,7 +274827,7 @@ L6.languages.typescript = {
   getJavaScriptWorker: Nri
 };
 function $de() {
-  return import("./tsMode-DOG8wi4m.js");
+  return import("./tsMode-Dj992W03.js");
 }
 L6.languages.onLanguage("typescript", () => $de().then((i) => i.setupTypeScript(gDt)));
 L6.languages.onLanguage("javascript", () => $de().then((i) => i.setupJavaScript(mDt)));

package/dist/{index.es-CzA-7vO3.js → index.es-D59NEVe1.js}

@@ -1,4 +1,4 @@
-import { c as Qe, _ as za, g as Io } from "./index-CTyIxRKV.js";
+import { c as Qe, _ as za, g as Io } from "./index-C4ZQZUTA.js";
 var ht = function(a) {
   return a && a.Math === Math && a;
 }, _ = (

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ag as o, aV as e, N as i, aq as t, bl as r, bI as b, au as n, p as u, q as d, bj as C, B as M, Q as m, j as l, l as p, aa as c, be as g, K as h, bh as D, x as y, a6 as A, bA as B, aZ as T, a_ as w, bZ as I, b9 as S, aW as P, aX as F, bB as R, b5 as k, aC as x, b7 as v, aG as H, aE as L, aF as f, bb as E, ba as G, bc as N, bC as O, bE as V, bX as W, C as U, bL as q, V as z, bn as J, ar as K, b3 as X, bR as j, aS as Q, bS as Y, E as Z, ac as $, aT as _, F as aa, bs as sa, bG as oa, b2 as ea, X as ia, Y as ta, Z as ra, $ as ba, a0 as na, a1 as ua, bt as da, a2 as Ca, b8 as Ma, as as ma, I as la, a4 as pa, ai as ca, a3 as ga, bv as ha, af as Da, bi as ya, ah as Aa, ad as Ba, r as Ta, av as wa, aN as Ia, aQ as Sa, aO as Pa, aP as Fa, bd as Ra, n as ka, bH as xa, aU as va, b1 as Ha, ab as La, bU as fa, y as Ea, u as Ga, s as Na, e as Oa, bf as Va, bV as Wa, a$ as Ua, o as qa, az as za, bP as Ja, aK as Ka, aI as Xa, aJ as ja, bN as Qa, c0 as Ya, bY as Za, b$ as $a, bQ as _a, bO as as, b as ss, bD as os, k as es, c1 as is, d as ts, v as rs, b_ as bs, aY as ns, b0 as us, bF as ds, bW as Cs, M as Ms, h as ms, bw as ls, i as ps, bz as cs, by as gs, bx as hs, a9 as Ds, br as ys, G as As, aw as Bs, ay as Ts, ax as ws, A as Is, aD as Ss, bJ as Ps, bK as Fs, bM as Rs, O as ks, P as xs, bm as vs, aj as Hs, ak as Ls, D as fs, f as Es, a7 as Gs, am as Ns, aH as Os, a8 as Vs, bq as Ws, L as Us, R as qs, bk as zs, a5 as Js, z as Ks, at as Xs, bu as js, bp as Qs, bo as Ys, an as Zs, J as $s, S as _s, U as ao, H as so, T as oo, w as eo, ao as io, ap as to, b4 as ro, aA as bo, bT as no, al as uo, ae as Co, b6 as Mo, a9 as mo, W as lo, aR as po, bg as co, aB as go, aM as ho, a as Do, aL as yo } from "./index-CTyIxRKV.js";
+import { ag as o, aV as e, N as i, aq as t, bl as r, bI as b, au as n, p as u, q as d, bj as C, B as M, Q as m, j as l, l as p, aa as c, be as g, K as h, bh as D, x as y, a6 as A, bA as B, aZ as T, a_ as w, bZ as I, b9 as S, aW as P, aX as F, bB as R, b5 as k, aC as x, b7 as v, aG as H, aE as L, aF as f, bb as E, ba as G, bc as N, bC as O, bE as V, bX as W, C as U, bL as q, V as z, bn as J, ar as K, b3 as X, bR as j, aS as Q, bS as Y, E as Z, ac as $, aT as _, F as aa, bs as sa, bG as oa, b2 as ea, X as ia, Y as ta, Z as ra, $ as ba, a0 as na, a1 as ua, bt as da, a2 as Ca, b8 as Ma, as as ma, I as la, a4 as pa, ai as ca, a3 as ga, bv as ha, af as Da, bi as ya, ah as Aa, ad as Ba, r as Ta, av as wa, aN as Ia, aQ as Sa, aO as Pa, aP as Fa, bd as Ra, n as ka, bH as xa, aU as va, b1 as Ha, ab as La, bU as fa, y as Ea, u as Ga, s as Na, e as Oa, bf as Va, bV as Wa, a$ as Ua, o as qa, az as za, bP as Ja, aK as Ka, aI as Xa, aJ as ja, bN as Qa, c0 as Ya, bY as Za, b$ as $a, bQ as _a, bO as as, b as ss, bD as os, k as es, c1 as is, d as ts, v as rs, b_ as bs, aY as ns, b0 as us, bF as ds, bW as Cs, M as Ms, h as ms, bw as ls, i as ps, bz as cs, by as gs, bx as hs, a9 as Ds, br as ys, G as As, aw as Bs, ay as Ts, ax as ws, A as Is, aD as Ss, bJ as Ps, bK as Fs, bM as Rs, O as ks, P as xs, bm as vs, aj as Hs, ak as Ls, D as fs, f as Es, a7 as Gs, am as Ns, aH as Os, a8 as Vs, bq as Ws, L as Us, R as qs, bk as zs, a5 as Js, z as Ks, at as Xs, bu as js, bp as Qs, bo as Ys, an as Zs, J as $s, S as _s, U as ao, H as so, T as oo, w as eo, ao as io, ap as to, b4 as ro, aA as bo, bT as no, al as uo, ae as Co, b6 as Mo, a9 as mo, W as lo, aR as po, bg as co, aB as go, aM as ho, a as Do, aL as yo } from "./index-C4ZQZUTA.js";
 export {
   o as A,
   e as Action,

package/dist/index.umd.cjs

@@ -2001,7 +2001,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),jn=wn,Rn=En),Mn===void
       </div>
     `}setupClickPlayPause(){this.querySelector(".click-overlay").addEventListener("click",()=>{this.video.paused?(this.video.play(),this.showIcon(this.getPlayIcon())):(this.video.pause(),this.showIcon(this.getPauseIcon()))})}setupKeyboardControls(){window.addEventListener("keydown",Ee=>{const Te=document.fullscreenElement===this.container;switch(["Space","ArrowLeft","ArrowRight"].includes(Ee.code)&&Te&&Ee.preventDefault(),Ee.code){case"Space":this.video.paused?(this.video.play(),this.showIcon(this.getPlayIcon())):(this.video.pause(),this.showIcon(this.getPauseIcon()));break;case"ArrowLeft":this.video.currentTime=Math.max(0,this.video.currentTime-2),this.showIcon(this.getBackwardIcon());break;case"ArrowRight":this.video.currentTime=Math.min(this.video.duration,this.video.currentTime+2),this.showIcon(this.getForwardIcon());break}})}showIcon(Ee){this.feedback.innerHTML=Ee,this.feedback.classList.add("show"),setTimeout(()=>this.feedback.classList.remove("show"),600)}getPlayIcon(){return'<svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>'}getPauseIcon(){return'<svg viewBox="0 0 24 24"><path d="M6 19h4V5H6zm8-14v14h4V5h-4z"/></svg>'}getForwardIcon(){return'<svg viewBox="0 0 24 24"><path d="M4 18l8.5-6L4 6v12zm9.5 0l8.5-6-8.5-6v12z"/></svg>'}getBackwardIcon(){return'<svg viewBox="0 0 24 24"><path d="M20 6l-8.5 6L20 18V6zm-9.5 0L2 12l8.5 6V6z"/></svg>'}}customElements.define("mobius-custom-video",MobiusCustomVideo);class Signal{constructor(Ce){Pn(this,"value");Pn(this,"listeners",[]);this.value=Ce,this.listeners=[]}get(){return this.value}set(Ce){this.value=Ce,this.listeners.forEach(Ee=>Ee(Ce))}setWithoutNotify(Ce){this.value=Ce}attach(Ce){this.listeners.push(Ce)}detach(Ce){const Ee=this.listeners.indexOf(Ce);Ee!==-1&&this.listeners.splice(Ee,1)}}class Store{constructor(){Pn(this,"_signals",{});Pn(this,"_router",{});this._signals={}}setQueryParams(Ce){this._router.queryParams={...this._router.queryParams,...Ce}}getSignal(Ce,Ee){return this._signals[Ce]?this._signals[Ce].get()===void 0&&Ee&&this._signals[Ce].set(Ee):this._signals[Ce]=new Signal(Ee),this._signals[Ce]}garbageCollection(Ce,Ee){const Te=this._signals[Ce];Te&&Ee.forEach(Oe=>{Te.detach(Oe)})}}const Jf=class Jf extends HTMLElement{constructor(){super()}createMemory(Ce){Jf.appStoreReference[Ce]=new Store}getMemory(Ce){return Jf.appStoreReference[Ce]||this.createMemory(Ce),Jf.appStoreReference[Ce]}};Pn(Jf,"appStoreReference",{});let MobiusApp=Jf;customElements.define("mobius-app",MobiusApp);class SocketIOService{constructor(Ce){Pn(this,"isMounted");Pn(this,"store");Pn(this,"connections");this.isMounted=!1,this.connections=Ce,this.store=new Map}listenDefultEvents(Ce){Ce.on("connect",()=>{console.info(`socket.io connected to ${Ce.io.opts.hostname}`)}),Ce.on("connect_error",Ee=>{console.info(`socket.io connect_error ${Ee}`)}),Ce.on("disconnect",()=>{console.info(`socket.io disconnected from ${Ce.io.opts.hostname}`)}),Ce.on("ping",()=>{Ce.emit("pong")})}mount(){return this.connections&&(this.connections.forEach(Ce=>{const Ee=Ce.config||{},Te=lookup$5(Ce.url,{...Ee}),{onConnect:Oe}=Ce;Oe&&Te.emit(Oe.emit,Oe.data),this.store.set(Ce.url,Te),this.listenDefultEvents(Te)}),this.isMounted=!0),Promise.resolve()}unmount(){return this.store.forEach(Ce=>{Ce.disconnect(),Ce.removeAllListeners()}),this.store.clear(),this.connections=null,this.isMounted=!1,Promise.resolve()}getName(){return ServicesEnum.SOCKET_IO}isActive(){return this.isMounted}getSocket(Ce){return this.store.get(Ce)}configureEventsAndListerns(Ce,Ee){Ce.forEach(Te=>{const Oe=this.getSocket(Te.url);Oe&&Te.events.forEach(Me=>{Oe.on(Me,Be=>{Ee(Me,Be)})})})}}class ServiceManager{constructor(){Pn(this,"services");this.services=new Map}registerService(Ce){const Ee=Ce.getName();this.services.set(Ee,Ce)}mountService(Ce){const Ee=this.services.get(Ce);Ee&&Ee.mount()}unmountService(Ce){const Ee=this.services.get(Ce);Ee&&Ee.unmount()}has(Ce){return!!this.services.get(Ce)}getService(Ce){return this.services.get(Ce)}}const Gp=class Gp extends MobiusApp{constructor(){super();Pn(this,"store");Pn(this,"provider");Pn(this,"container",null);Pn(this,"currentPath",null);Pn(this,"services",{});Pn(this,"serviceManager",new ServiceManager);Pn(this,"watchLevel",0);Pn(this,"dataSource","API")}static get observedAttributes(){return["provider"]}async connectedCallback(){const Ee=this.getAttribute("services");if(Ee)try{this.services=typeof Ee=="string"?JSON.parse(Ee):Ee}catch(Te){console.log("Invalid JSON in services attributes: ",Te)}this.provider!=="root"?await this.handleRouteChange():(this.mountSocketIOService(),await this.FetchMetadata())}disconnectedCallback(){this.provider==="root"&&this.serviceManager.unmountService(ServicesEnum.SOCKET_IO)}attributeChangedCallback(Ee,Te,Oe){if(!(Te===Oe||Ee!=="provider"))try{this.provider=Oe,this.provider?(this.store=this.getMemory(this.provider),console.log("------------------>",this.store)):console.error("Pass provider to mobius container")}catch(Me){console.error("Unable to parse props",Me)}}async handleRouteChange(){const Ee=window.location.pathname;this.currentPath!==Ee&&(this.currentPath=Ee,await this.fetchAndRenderMetadata(Ee))}findCurrentWatchLevel(Ee){return Ee=="/"?0:Ee.split("/").length-1}async fetchAndRenderMetadata(Ee){var Oe;console.log("Fetching metadata for path:",Ee);let Te;if(this.dataSource=="API")Te=Ee==="/"?"/api/mobius/home":`/api/mobius${Ee}`;else{const{queryParams:Me,componentMetadataUrl:Be}=Gp.router.getJsonOnTheBasisOfPath(Ee,this.watchLevel);(Oe=this.store)==null||Oe.setQueryParams(Me),Te=Be}try{const Me=await fetch(Te);if(!Me.ok)throw new Error(`HTTP error! Status: ${Me.status}`);const Be=await Me.json(),$e=mountComponents(Be,this);$e&&(this.innerHTML="",this.appendChild($e))}catch(Me){console.error("Fetch Error:",Me),this.renderError(Me.message)}}async FetchMetadata(){console.log("Fetching metadata");const Ee=this.getAttribute("props");if(!Ee){this.renderError("Props attribute is missing or invalid.");return}console.log(Ee,"props in agent card");let Te;try{Te=typeof Ee=="string"?JSON.parse(Ee):Ee}catch($e){console.error("Invalid JSON in props attribute:",$e.message);return}const Oe=Te.method,Me=Te["api-url"],Be=Te.router;Te["auth-token"];try{if(Be&&Be.routingEnabled)this.dataSource="Local",this.watchLevel=Be.watchLevel??0,Gp.router.connectMobiusContainer(Be.watchLevel,this),this.handleRouteChange();else{if(!Me){this.renderError("API URL is missing in props.");return}fetch(Me,{method:Oe,headers:{}}).then($e=>{if(!$e.ok)throw new Error(`HTTP error! Status: ${$e.status}`);return $e.json()}).then($e=>{const Ue=this&&mountComponents($e,this);this.innerHTML="",Ue&&this.appendChild(Ue)})}}catch($e){console.error("Fetch Error:",$e),this.renderError($e.message)}}renderError(Ee){console.error("Rendering error:",Ee),this.innerHTML=`
       <div class="text-red-500 font-bold">Error: ${Ee}</div>
-    `}mountSocketIOService(){var Oe;if(!this.services)return;const Ee=((Oe=this.services.socketIO)==null?void 0:Oe.connectionDetails)||[];if(!Ee.length||this.serviceManager.has(ServicesEnum.SOCKET_IO))return;const Te=new SocketIOService(Ee);this.serviceManager.registerService(Te),this.serviceManager.mountService(ServicesEnum.SOCKET_IO)}};Pn(Gp,"router");let MobiusContainer=Gp;customElements.define("mobius-container",MobiusContainer);class MobiusLoop extends BaseComponent{constructor(){super();Pn(this,"props");Pn(this,"dataFromParent");Pn(this,"data",[]);Pn(this,"dataCopy",[])}connectedCallback(){this.initializeProps(),this.loadData(),this.setupBindings(),this.onLoad()}initializeProps(){this.props=JSON.parse(this.getAttribute("props")||"{}")||{}}async loadData(){if(this.props.API){const Ee=await this.fetchAPI();this.data=this.extractLoopData(Ee)}else this.data=this.props.Data||[];this.dataCopy=[...this.data],this.render()}extractLoopData(Ee){let Te=Ee;return this.props.loopOver&&this.props.loopOver.split(".").forEach(Oe=>{Te=(Te==null?void 0:Te[Oe])||Te}),Te}setupBindings(){const Ee=JSON.parse(this.getAttribute("bindings")||"{}")||{};this.setBindings(Ee,Te=>this.handleSearch(Te))}handleSearch(Ee){var Me,Be,$e,Ue,He;if(!((Be=(Me=this.props)==null?void 0:Me.search)!=null&&Be.searchOver))return;this.innerHTML="";const Te=(Ue=($e=this.props)==null?void 0:$e.search)==null?void 0:Ue.searchBoxName;if(!Te){console.warn("searchBoxName is not provided in mobius-loop");return}const Oe=((He=Ee==null?void 0:Ee[Te])==null?void 0:He.toLowerCase())||"";this.data=Oe?this.dataCopy.filter(Ve=>String(Ve[this.props.search.searchOver]).toLowerCase().includes(Oe)):[...this.dataCopy],this.render()}setDataFromParent(Ee){this.dataFromParent=Ee}async fetchAPI(){let{apiUrl:Ee,method:Te="GET",bearerToken:Oe,body:Me={},dynamicBody:Be={}}=this.props.API;if(Object.keys(Be).length&&this.dataFromParent&&(Me=resolveDynamicData(Be,this.dataFromParent,Me)),Me=replaceCurlyBraces(Me),Ee.includes("{")){const He=[...Ee.matchAll(/\{(.*?)\}/g)];switch(this.props.API.dynamicStorageSource){case"localStorage":He.forEach(Ve=>{let We=Ve[1],ze=localStorage.getItem(We)||"";Ee=Ee.replace(Ve[0],ze)});break;default:He.forEach(Ve=>{let We=Ve[1],ze=localStorage.getItem(We)||"";Ee=Ee.replace(Ve[0],ze)});break}}if(Te!=="GET"&&!Object.keys(Me).length)return;const $e={"Content-Type":"application/json",Authorization:`Bearer ${Oe}`},Ue={method:Te,headers:$e};Te!=="GET"&&Object.keys(Me).length&&(Ue.body=JSON.stringify(Me));try{return(await fetch(Ee,Ue)).json()}catch(He){return console.error("Error fetching API data",He),[]}}render(){const Ee=this.props.component,Te=this.querySelector("mobius-loop");Array.isArray(this.data)&&this.data.forEach((Oe,Me)=>{var Ue;const Be=JSON.parse(JSON.stringify(Ee));Be.dynamicProps&&(Be.props=resolveDynamicData(Be.dynamicProps,Oe,Be.props)),(Ue=Be.propsIndex)!=null&&Ue[Me]&&(Be.props={...Be.props,...Be.propsIndex[Me]});const $e=createElementFromMetadata(Be,this);if(this.props.isPiped){const He=Te.cloneNode(!0);He.setDataFromParent(Oe),console.log($e),$e==null||$e.appendChild(He)}this.appendChild($e)}),Te==null||Te.remove()}}customElements.define("mobius-loop",MobiusLoop);class MobiusTab extends BaseComponent{constructor(){super();Pn(this,"props")}connectedCallback(){this.className=`block ${this.className}`}getTabData(){var Ee,Te,Oe;return this.props=JSON.parse(this.getAttribute("props")),{header:this.props.header,icon:{left:this.props.leftIcon,right:this.props.rightIcon,size:this.props.size},stateHeader:((Ee=this.props)==null?void 0:Ee.stateHeader)||"",iconCss:this.props.iconCss,bindings:((Te=this.meta.props)==null?void 0:Te.tabBindings)||this.meta.bindings,props:((Oe=this.meta.props)==null?void 0:Oe.tabProps)||this.meta.props}}}customElements.define("mobius-tab",MobiusTab);class MobiusTabs extends BaseComponent{constructor(){super();Pn(this,"Tabs",[]);Pn(this,"props",{});Pn(this,"selectedTab",0);Pn(this,"tabContainer",null);Pn(this,"findByHeaderOrIndex",Ee=>{var Te,Oe,Me;if(typeof Ee=="number"){const Be=(Te=this.Tabs)==null?void 0:Te[Ee];return{index:Ee,tab:Be}}else if(typeof Ee=="string"){const Be=(Oe=this.Tabs)==null?void 0:Oe.findIndex(Ue=>Ue.header===Ee),$e=Be!==-1?(Me=this.Tabs)==null?void 0:Me[Be]:void 0;return{index:Be,tab:$e}}else return{index:-1,tab:void 0}})}connectedCallback(){var Me;this.props=JSON.parse(this.getAttribute("props")||"{}");const Ee=JSON.parse(this.getAttribute("bindings")||"{}");this.setBindings(Ee,Be=>{let $e=this.findByHeaderOrIndex(Be);$e.tab&&$e.index!=this.selectedTab&&(this.selectedTab=$e.index==-1?this.selectedTab:$e==null?void 0:$e.index,this.updateActiveTab($e==null?void 0:$e.tab,$e.index))}),this.initializeTabs();const Te=this.getState()||((Me=this.signal)==null?void 0:Me.get())||0,Oe=this.findByHeaderOrIndex(Te);this.selectedTab=Oe.index==-1?0:Oe==null?void 0:Oe.index,Oe.tab&&this.updateActiveTab(Oe.tab,Oe.index),this.onLoad()}initializeTabs(){this.tabContainer=document.createElement("div"),this.tabContainer.className="flex w-full cursor-pointer "+this.props.tabContainerStyles,this.props.variant=="light"&&(this.tabContainer.className+=" shadow rounded"),Array.from(this.children).forEach((Ee,Te)=>{var Oe,Me;if(Ee.localName==="mobius-tab"){let Be=this.selectedTab===Te;const $e=(Oe=Ee.getTabData)==null?void 0:Oe.call(Ee);let Ue={type:"mobius-div",version:"V1",value:"",styles:this.getStyles(Be,Te)+` ${this.props.tabCss??""}`,bindings:$e==null?void 0:$e.bindings,props:$e==null?void 0:$e.props,children:[]},He=mountComponents([Ue],this);He=He.querySelector("mobius-div"),He.textContent=$e.header??`Tab ${Te+1}`,this.addIcon($e.icon,$e.size??"base",$e.iconCss,He),(Me=this.tabContainer)==null||Me.appendChild(He);const Ve={tabChild:Ee,isActive:Be,tabElement:He,header:$e.stateHeader??$e.header};He.addEventListener("click",()=>this.updateActiveTab(Ve,Te)),this.Tabs.push(Ve),Be||Ee.classList.add("hidden")}}),this.insertBefore(this.tabContainer,this.firstChild)}addIcon(Ee,Te,Oe,Me){let Be={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};const $e=document.createElement("img");Ee!=null&&Ee.left?($e.src=Ee.left,$e.className=Be[Te??"base"]+` ${Oe}`):$e.className="none";const Ue=document.createElement("img");Ee!=null&&Ee.right?(Ue.src=Ee.right,Ue.className=Be[Te]):Ue.className+="none",Me.insertBefore($e,Me.firstChild),Me.appendChild(Ue)}getStyles(Ee,Te=0){switch(this.props.variant){case"button":return`w-full text-sm-font-medium px-3 py-4 transition-all text-center flex gap-2 justify-center ${Ee?"bg-primary-600 rounded color-white "+this.props.activeCss:""}`;case"light":return`w-full text-sm-font-medium color-gray-500 px-3 py-4 ${Te==0?"":"border-l-2"} transition-all text-center flex gap-2 justify-center ${Ee?"bg-gray-50 color-gray-900"+this.props.activeCss:""}`;case"underline":return`w-full text-sm-font-medium border-b-2 pb-2 transition-all text-center flex gap-2 justify-center ${Ee?"color-primary-600 border-primary-600 "+this.props.activeCss:"color-gray-500 border-gray-300"}`;default:return`w-full text-sm-font-medium border-b-2 pb-2 transition-all text-center flex gap-2 justify-center ${Ee?"color-primary-600 border-primary-600 "+this.props.activeCss:"color-gray-500 border-gray-300"}`}}updateActiveTab(Ee,Te){var Me,Be,$e,Ue;const Oe=this.Tabs.findIndex(He=>He.isActive);this.Tabs[Oe]&&(this.Tabs[Oe].isActive=!1,this.Tabs[Oe].tabChild.classList.add("hidden"),this.Tabs[Oe].tabElement.className=this.getStyles(!1,Oe)+` ${(Me=this.props)==null?void 0:Me.tabCss}`),Ee.isActive=!0,Ee.tabChild.classList.remove("hidden"),Ee.tabElement.className=this.getStyles(!0,Te)+` ${(Be=this.props)==null?void 0:Be.tabCss} ${($e=this.props)==null?void 0:$e.activeCss}`,(Ue=this.signal)==null||Ue.set(Te),this.updateState(Te)}}customElements.define("mobius-tabs",MobiusTabs);class ButtonGroupButton extends BaseComponent{constructor(){super();Pn(this,"buttonValue")}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){var Me;if(Te!==Oe){if(Ee==="props"){const Be=JSON.parse(Oe);Be.span&&(this.style.gridColumn=`span ${Be.span}`),Be.value&&(this.buttonValue=Be.value),this.className="px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2",this.addIcon(Be==null?void 0:Be.icon,Be==null?void 0:Be.size)}else if(Ee==="bindings"){const Be=JSON.parse(Oe);this.setBindings(Be,Ue=>{this.setSelectedButtonCss(Ue)});const $e=((Me=this.signal)==null?void 0:Me.get())||this.getState()||{};this.setSelectedButtonCss($e)}}}setSelectedButtonCss(Ee){Ee&&(Ee==this.buttonValue?this.className+=" bg-gray-100 color-primary-600 ":this.className="px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2")}addIcon(Ee,Te="base"){let Oe={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};const Me=document.createElement("img");Ee?(Me.src=Ee,Me.className=Oe[Te]):Me.className="none",this.insertBefore(Me,this.firstChild)}}customElements.define("mobius-button-group-button",ButtonGroupButton);class ButtonGroup extends BaseComponent{constructor(){super();Pn(this,"props",{});this.updateLastChildBorder()}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props"){this.props=JSON.parse(Oe);const{grid:Me}=this.props;this.style.gridTemplateColumns=`repeat(${Me}, 1fr)`,this.className="rounded-md border border-gray-200 grid"}else if(Ee==="bindings"){const Me=JSON.parse(Oe);this.setBindings(Me,()=>console.log("Button Group State Updated"))}}}updateLastChildBorder(){const Ee=this.children;Ee.length>0&&Array.from(Ee)[Ee.length-1].classList.remove("border-r")}}customElements.define("mobius-button-group",ButtonGroup);class BadgeElement extends BaseComponent{constructor(){super();Pn(this,"_value",null);Pn(this,"defaultValues",{src:"",color:"primary",size:"",rounded:!1,border:!1})}static get observedAttributes(){return["props","bindings","events"]}applyColorStyle(Ee){Ee&&this.classList.add(`bg-${Ee}-100`,`text-${Ee}-800`)}applySizeStyle(Ee){const Te=Ee==="large"?"text-sm":"text-xs";this.classList.add(Te)}applyBorderStyle(Ee,Te,Oe){Te&&(this.classList.add(Ee),Oe&&Oe.trim()&&this.classList.add(`border-${Oe}-400`))}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props")try{let Me=JSON.parse(Oe||"{}");Me=addMissingDefaults(Me,this.defaultValues);const Be=["inline-flex","items-center","justify-center","px-2.5","py-0.5","gap-1"];this.classList.add(...Be),Object.entries(Me).forEach(([$e,Ue])=>{switch($e){case"color":this.applyColorStyle(Ue);break;case"size":this.applySizeStyle(Ue);break;case"dismissable":Ue&&this.addDismissListener();break;case"rounded":Ue&&this.classList.add($e);break;case"border":this.applyBorderStyle($e,Ue,Me.color||null);break;default:this.setAttribute($e,Ue);break}})}catch(Me){console.error("Error parsing props:",Me)}else if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,()=>console.log("Binded"))}else Te!==Oe&&this.setAttribute(Ee,Oe??"");this.render()}}get value(){return this._value}set value(Ee){this._value!==Ee&&(this._value=Ee,this.render())}render(){var Te;let Ee=(Te=JSON.parse(this.getAttribute("props")))==null?void 0:Te.value;this.value?this.innerHTML=`${this.value}`:Ee&&(this.innerHTML=Ee)}disconnectedCallback(){super.disconnectedCallback();const Ee=this.querySelector(".dismiss");Ee&&Ee.removeEventListener("click",this.dismissBadge.bind(this))}addDismissListener(){const Ee=this.querySelector(".dismiss");Ee&&Ee.addEventListener("click",this.dismissBadge.bind(this))}dismissBadge(){this.dispatchEvent(new CustomEvent("badge-dismissed",{bubbles:!0,composed:!0})),this.remove()}}customElements.define("mobius-badge",BadgeElement);class BadgeGroup extends BaseComponent{constructor(){super();Pn(this,"align","horizontal");Pn(this,"gap",1);Pn(this,"selectedValues",[]);Pn(this,"selectedItems",{});Pn(this,"name","");Pn(this,"styles","");Pn(this,"badgeProps",{});Pn(this,"renderChilds",()=>{var Ee;for(;this.firstChild;)this.removeChild(this.firstChild);(Ee=Object.entries(this.selectedItems))==null||Ee.forEach(([Te,Oe])=>{this.buildBadge(Oe,Te)})});Pn(this,"buildBadge",(Ee,Te)=>{var We,ze,Ge,qe,Ke,Ye,Qe,Xe,Ze,Je,en,tn,St,sn,nn,dn,cn,an,pn,hn;let Oe=[{type:"mobius-badge",props:{...(We=this.badgeProps)==null?void 0:We.props,APIData:{key:Te,value:Ee},key:Te,value:Ee},bindings:(ze=this.badgeProps)==null?void 0:ze.bindings,styles:(Ge=this.badgeProps)==null?void 0:Ge.styles,children:[{type:"mobius-div",props:{...(qe=this.badgeProps)==null?void 0:qe.props,APIData:{key:Te,value:Ee},key:Te,value:Ee},bindings:{},styles:(Ye=(Ke=this.badgeProps)==null?void 0:Ke.textContainerProps)==null?void 0:Ye.styles,children:[]},{id:"uysafigfvuusdv",name:"Interface",type:"mobius-img",props:{...(Qe=this.badgeProps)==null?void 0:Qe.iconProps,APIData:{key:Te,value:Ee},key:Te,value:Ee},styles:(Ze=(Xe=this.badgeProps)==null?void 0:Xe.iconProps)==null?void 0:Ze.styles,value:"",children:[],bindings:(Je=this.badgeProps)==null?void 0:Je.iconBindings}]}];const Me=mountComponents(Oe,this);let Be=Me.querySelector("mobius-img");this.appendChild(Me),Be==null||Be.addEventListener("click",An=>{An==null||An.preventDefault(),An==null||An.stopImmediatePropagation(),this.badgeDismissed(Ee)});let $e=new BadgeElement;if((tn=(en=this.badgeProps)==null?void 0:en.styles)!=null&&tn.trim()){const An=this.badgeProps.styles.split(/\s+/).filter(Boolean);An.length>0&&$e.classList.add(...An)}$e.setAttribute("props",JSON.stringify(((St=this.badgeProps)==null?void 0:St.props)??"{}")),$e.setAttribute("bindings",JSON.stringify(((sn=this.badgeProps)==null?void 0:sn.bindings)??"{}")),$e.setAttribute("events",JSON.stringify(((nn=this.badgeProps)==null?void 0:nn.events)??"{}"));let Ue=new DivElement;Ue.value=Ee,Ue.setAttribute("props",JSON.stringify((dn=this.badgeProps)==null?void 0:dn.textContainerProps));let He=new customImg;const Ve=(an=(cn=this.badgeProps)==null?void 0:cn.iconProps)==null?void 0:an.styles.split(/\s+/).filter(Boolean);return(pn=He==null?void 0:He.classList)==null||pn.add("dismiss"),(Ve==null?void 0:Ve.length)>0&&He.classList.add(...Ve),He.setAttribute("props",JSON.stringify((hn=this.badgeProps)==null?void 0:hn.iconProps)),He.addEventListener("click",An=>{An==null||An.preventDefault(),An==null||An.stopImmediatePropagation(),this.badgeDismissed(Ee)}),$e.appendChild(Ue),$e.appendChild(He),$e});Pn(this,"badgeDismissed",Ee=>{var Me,Be,$e,Ue;let Te=this.findKeyByValue(this.selectedItems,Ee);if(!Te)return;delete this.selectedItems[Te];const Oe=((Me=this.signal)==null?void 0:Me.get())||this.getState();(Ue=this.signal)==null||Ue.set({...this.signal.value,[this.name+"state"]:{...($e=(Be=this.signal)==null?void 0:Be.value)==null?void 0:$e[this.name+"state"],selectedItems:{...this.selectedItems}},[this.name]:Object.keys({...this.selectedItems})}),this.updateState({...Oe,[this.name+"state"]:{...Oe==null?void 0:Oe[this.name+"state"],selectedItems:{...this.selectedItems}},[this.name]:Object.keys({...this.selectedItems})})})}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){if(Oe!==Te){if(Ee==="props"&&Oe!==Te){Object.assign(this,JSON.parse(Oe||"{}"));const Me=this.styles.split(/\s+/).filter(Boolean);Me.length>0&&this.classList.add(...Me)}else if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,Be=>{var $e,Ue,He;this.selectedValues=Object.values((($e=Be==null?void 0:Be[this.name+"state"])==null?void 0:$e.selectedItems)??{}),this.selectedItems=((Ue=Be==null?void 0:Be[this.name+"state"])==null?void 0:Ue.selectedItems)??{},this.classList.toggle("hidden",((He=this.selectedValues)==null?void 0:He.length)===0),this.renderChilds()})}}}findKeyByValue(Ee,Te){return Object.keys(Ee).find(Oe=>typeof Ee[Oe]=="string"&&Ee[Oe].toLowerCase()===Te.toLowerCase())}connectedCallback(){this.classList.add("hidden");let Ee;Ee=this.parentElement,this.name=Ee.name??"",this.addListeners()}handleClick(Ee){}addListeners(){}disconnectedCallback(){super.disconnectedCallback()}render(){}}customElements.define("mobius-badge-group",BadgeGroup);class MobiusButton extends BaseComponent{constructor(){super();Pn(this,"props",{});Pn(this,"services",{})}static get observedAttributes(){return["props","bindings","services"]}attributeChangedCallback(Ee,Te,Oe){if(Ee==="props")this.props=JSON.parse(Oe);else if(Ee==="bindings"){const Me=JSON.parse(Oe);this.setBindings(Me,()=>{console.log("Button Clicked")})}else Ee==="services"&&(this.services=JSON.parse(Oe))}connectedCallback(){var Ee,Te,Oe,Me,Be;super.connectedCallback(),this.className=" flex content-center item-center "+this.className,this.addStyle((Ee=this.props)==null?void 0:Ee.variant),this.addSize((Te=this.props)==null?void 0:Te.size),this.addIcon((Oe=this.props)==null?void 0:Oe.icon,(Me=this.props)==null?void 0:Me.size,(Be=this.props)==null?void 0:Be.imageStyle),this.onLoad()}addIcon(Ee,Te,Oe){Ee=replaceCurlyBraces(Ee,"state",{},this.meta.props,this);let Me={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};this.querySelectorAll("img").forEach($e=>$e.remove());let Be=!1;if(Ee!=null&&Ee.left){Be=!0;const $e=document.createElement("img");$e.src=Ee.left,$e.className=Me[Te??"base"]+` mr-2 ${Oe}`,this.insertBefore($e,this.firstChild)}if(Ee!=null&&Ee.right){Be=!0;const $e=document.createElement("img");$e.src=Ee.right,$e.className=Me[Te??"base"]+` ml-2 ${Oe}`,this.appendChild($e)}Be||this.classList.add("justify-evenly")}addStyle(Ee){switch(Ee){case"primary":this.className=" color-white cursor-pointer bg-primary-700 hover-bg-primary-800 focus:border[3px] focus:border-primary-200 "+this.className;break;case"gray":this.className=" color-white cursor-pointer bg-gray-800 hover-bg-gray-700 focus:border[3px] focus:border-gray-200 "+this.className;break;case"light":this.className=" color-gray-800 cursor-pointer bg-gray-200 hover-bg-gray-300 focus:border[3px] focus:border-gray-100 "+this.className;break;case"green":this.className=" color-white cursor-pointer bg-green-700 hover-bg-green-800 focus:border[3px] focus:border-green-200 "+this.className;break;case"red":this.className=" color-white cursor-pointer bg-red-700 hover-bg-red-800 focus:border[3px] focus:border-red-200 "+this.className;break;case"outline-primary":this.className=" color-primary-700 cursor-pointer border border-primary-700 hover-bg-primary-800 hover-color-white focus:border[3px] focus:border-primary-200 "+this.className;break;case"outline-green":this.className=" color-green-700 cursor-pointer border border-green-700 hover-bg-green-800 hover:text-white focus:border[3px] focus:border-green-200 "+this.className;break;case"outline-red":this.className=" color-red-700 cursor-pointer border border-red-700 hover-bg-red-800 hover:text-white focus:border[3px] focus:border-red-200 "+this.className;break;case"outline-light":this.className=" color-gray-800 cursor-pointer border border-gray-700 hover-bg-gray-700 hover:text-white focus:border[3px] focus:border-gray-200 "+this.className;break;case"outline-extra-light":this.className=" color-gray-800 cursor-pointer border border-gray-200 hover-bg-gray-300 hover:text-white focus:border[3px] focus:border-gray-200 "+this.className;break;case"outline-extra-light-primary":this.className=" color-gray-800 cursor-pointer border border-gray-200 hover-bg-gray-300 hover-color-primary-600 focus:border[3px] focus:border-gray-200 "+this.className;break;default:this.className=" color-white cursor-pointer bg-primary-700 hover-bg-primary-800 focus:border[3px] border-primary-200 "+this.className}}addSize(Ee){switch(Ee){case"xs":this.className=" px-3 py-2 min-w-[136px] w-fit min-h-[34px] rounded-lg text-xs-font-medium "+this.className;break;case"sm":this.className=" px-3 py-2 min-w-[147px] w-fit min-h-[37px] rounded-lg text-sm-font-medium "+this.className;break;case"base":this.className=" px-5 py-2-5 min-w-[171px] w-fit min-h-[41px] rounded-lg text-sm-font-medium "+this.className;break;case"lg":this.className=" px-5 py-3 min-w-[190px] w-fit min-h-[48px] rounded-lg text-base-font-medium "+this.className;break;case"xl":this.className=" px-6 py-3-5 min-w-[198px] w-fit min-h-[52px] rounded-lg text-base-font-medium "+this.className;break;default:this.className=" px-5 py-2-5 min-w-[171px] w-fit min-h-[41px] rounded-lg text-sm-font-medium "+this.className}}}customElements.define("mobius-button",MobiusButton);const CloseIcon="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4115%2012L18.6952%206.71628C18.7906%206.62419%2018.8666%206.51404%2018.919%206.39225C18.9713%206.27046%2018.9988%206.13947%2019%206.00692C19.0011%205.87438%2018.9759%205.74293%2018.9257%205.62025C18.8755%205.49756%2018.8013%205.38611%2018.7076%205.29238C18.6139%205.19865%2018.5024%205.12453%2018.3798%205.07434C18.2571%205.02414%2018.1256%204.99889%2017.9931%205.00004C17.8605%205.00119%2017.7295%205.02873%2017.6078%205.08104C17.486%205.13336%2017.3758%205.20941%2017.2837%205.30475L12%2010.5885L6.71628%205.30475C6.528%205.12291%206.27584%205.0223%206.01411%205.02457C5.75237%205.02685%205.502%205.13183%205.31691%205.31691C5.13183%205.502%205.02685%205.75237%205.02457%206.01411C5.0223%206.27584%205.12291%206.528%205.30475%206.71628L10.5885%2012L5.30475%2017.2837C5.20941%2017.3758%205.13336%2017.486%205.08104%2017.6078C5.02873%2017.7295%205.00119%2017.8605%205.00004%2017.9931C4.99889%2018.1256%205.02414%2018.2571%205.07434%2018.3798C5.12453%2018.5024%205.19865%2018.6139%205.29238%2018.7076C5.38611%2018.8013%205.49756%2018.8755%205.62025%2018.9257C5.74293%2018.9759%205.87438%2019.0011%206.00692%2019C6.13947%2018.9988%206.27046%2018.9713%206.39225%2018.919C6.51404%2018.8666%206.62419%2018.7906%206.71628%2018.6952L12%2013.4115L17.2837%2018.6952C17.472%2018.8771%2017.7242%2018.9777%2017.9859%2018.9754C18.2476%2018.9732%2018.498%2018.8682%2018.6831%2018.6831C18.8682%2018.498%2018.9732%2018.2476%2018.9754%2017.9859C18.9777%2017.7242%2018.8771%2017.472%2018.6952%2017.2837L13.4115%2012Z'%20fill='%231F2A37'/%3e%3c/svg%3e";class ToastElement extends BaseComponent{constructor(){super();Pn(this,"props",{position:"top-right",dismissable:!0,autoHideWithIn:100,showProgressBar:!0,progressBarColor:"#76c7c0",backgroundColor:"white",defaultOpen:!1,toastValue:""});Pn(this,"timerId",null);Pn(this,"progressIntervalId",null);Pn(this,"positions",{"top-left":"absolute top-10 start-10","top-right":"absolute top-10 end-10","bottom-left":"absolute bottom-10 start-10","bottom-right":"absolute bottom-10 end-10",none:""})}static get observedAttributes(){return["props","bindings"]}applyPositionStyles(){this.className+=" "+this.positions[this.props.position]}addCloseIconToToast(){if(this.props.dismissable){let Ee=document.createElement("img");Ee.setAttribute("id","toast-close"),Ee.setAttribute("src",CloseIcon),Ee.className="ms-auto -mx-1.5 -my-1.5 h-5 w-5",Ee.addEventListener("click",this.dismissToast.bind(this)),this.append(Ee)}}addProgressBar(Ee){const Te=document.createElement("div");Te.setAttribute("id","toast-progress-bar"),Te.style.position="absolute",Te.style.bottom="0",Te.style.left="0",Te.style.height="4px",Te.style.width="100%",Te.style.backgroundColor=this.props.progressBarColor,Te.style.transition=`width ${Ee}s linear`,this.append(Te),setTimeout(()=>{Te.style.width="0%"},0),this.progressIntervalId=setTimeout(()=>{Te.remove()},Ee*1e3)}addAutoCloseEvent(){const Ee=this.props.autoHideWithIn;this.props.showProgressBar&&this.addProgressBar(Ee),this.timerId=setTimeout(()=>{this.dismissToast()},Ee*1e3)}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props")try{this.props={...this.props,...JSON.parse(Oe||"{}")};const Me=["flex","items-center","w-full","max-w-xs","p-4","text-gray-500","gap-4","rounded-lg","shadow",`bg-${this.props.backgroundColor}`];this.classList.add(...Me),this.className+=" "+(this.props.styles??""),this.props.toastValue&&(this.innerText=this.props.toastValue),this.applyPositionStyles(),this.addCloseIconToToast(),this.addAutoCloseEvent()}catch(Me){console.error("Error parsing props:",Me)}if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,Be=>{console.log("toast--",Be),this.toggleView(Be)})}else Te!==Oe&&this.setAttribute(Ee,Oe??"")}}disconnectedCallback(){super.disconnectedCallback();const Ee=this.querySelector(".toast-close");Ee&&Ee.removeEventListener("click",this.dismissToast.bind(this)),this.timerId&&clearTimeout(this.timerId),this.progressIntervalId&&clearTimeout(this.progressIntervalId),this.classList.add("hidden")}dismissToast(){this.dispatchEvent(new CustomEvent("toast-dismissed",{bubbles:!0,composed:!0})),this.remove(),this.timerId&&clearTimeout(this.timerId),this.progressIntervalId&&clearTimeout(this.progressIntervalId)}toggleView(Ee=!1){Ee?this.classList.remove("hidden"):this.classList.add("hidden")}}customElements.define("mobius-toast",ToastElement);function t$2(De,Ce,Ee,Te){return new(Ee||(Ee=Promise))(function(Oe,Me){function Be(He){try{Ue(Te.next(He))}catch(Ve){Me(Ve)}}function $e(He){try{Ue(Te.throw(He))}catch(Ve){Me(Ve)}}function Ue(He){var Ve;He.done?Oe(He.value):(Ve=He.value,Ve instanceof Ee?Ve:new Ee(function(We){We(Ve)})).then(Be,$e)}Ue((Te=Te.apply(De,Ce||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;let e$4=class{constructor(){this.listeners={}}on(Ce,Ee,Te){if(this.listeners[Ce]||(this.listeners[Ce]=new Set),Te==null?void 0:Te.once){const Oe=(...Me)=>{this.un(Ce,Oe),Ee(...Me)};return this.listeners[Ce].add(Oe),()=>this.un(Ce,Oe)}return this.listeners[Ce].add(Ee),()=>this.un(Ce,Ee)}un(Ce,Ee){var Te;(Te=this.listeners[Ce])===null||Te===void 0||Te.delete(Ee)}once(Ce,Ee){return this.on(Ce,Ee,{once:!0})}unAll(){this.listeners={}}emit(Ce,...Ee){this.listeners[Ce]&&this.listeners[Ce].forEach(Te=>Te(...Ee))}};const i$6={decode:function(De,Ce){return t$2(this,void 0,void 0,function*(){const Ee=new AudioContext({sampleRate:Ce});try{return yield Ee.decodeAudioData(De)}finally{Ee.close()}})},createBuffer:function(De,Ce){if(!De||De.length===0)throw new Error("channelData must be a non-empty array");if(Ce<=0)throw new Error("duration must be greater than 0");if(typeof De[0]=="number"&&(De=[De]),!De[0]||De[0].length===0)throw new Error("channelData must contain non-empty channel arrays");(function(Te){const Oe=Te[0];if(Oe.some(Me=>Me>1||Me<-1)){const Me=Oe.length;let Be=0;for(let $e=0;$e<Me;$e++){const Ue=Math.abs(Oe[$e]);Ue>Be&&(Be=Ue)}for(const $e of Te)for(let Ue=0;Ue<Me;Ue++)$e[Ue]/=Be}})(De);const Ee=De.map(Te=>Te instanceof Float32Array?Te:Float32Array.from(Te));return{duration:Ce,length:Ee[0].length,sampleRate:Ee[0].length/Ce,numberOfChannels:Ee.length,getChannelData:Te=>{const Oe=Ee[Te];if(!Oe)throw new Error(`Channel ${Te} not found`);return Oe},copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function n$2(De,Ce){const Ee=Ce.xmlns?document.createElementNS(Ce.xmlns,De):document.createElement(De);for(const[Te,Oe]of Object.entries(Ce))if(Te==="children"&&Oe)for(const[Me,Be]of Object.entries(Oe))Be instanceof Node?Ee.appendChild(Be):typeof Be=="string"?Ee.appendChild(document.createTextNode(Be)):Ee.appendChild(n$2(Me,Be));else Te==="style"?Object.assign(Ee.style,Oe):Te==="textContent"?Ee.textContent=Oe:Ee.setAttribute(Te,Oe.toString());return Ee}function s$2(De,Ce,Ee){const Te=n$2(De,Ce||{});return Ee==null||Ee.appendChild(Te),Te}var r$3=Object.freeze({__proto__:null,createElement:s$2,default:s$2});const o$2={fetchBlob:function(De,Ce,Ee){return t$2(this,void 0,void 0,function*(){const Te=yield fetch(De,Ee);if(Te.status>=400)throw new Error(`Failed to fetch ${De}: ${Te.status} (${Te.statusText})`);return function(Oe,Me){t$2(this,void 0,void 0,function*(){if(!Oe.body||!Oe.headers)return;const Be=Oe.body.getReader(),$e=Number(Oe.headers.get("Content-Length"))||0;let Ue=0;const He=Ve=>{Ue+=(Ve==null?void 0:Ve.length)||0;const We=Math.round(Ue/$e*100);Me(We)};try{for(;;){const Ve=yield Be.read();if(Ve.done)break;He(Ve.value)}}catch(Ve){console.warn("Progress tracking error:",Ve)}})}(Te.clone(),Ce),Te.blob()})}};function a$1(De){let Ce=De;const Ee=new Set;return{get value(){return Ce},set(Te){Object.is(Ce,Te)||(Ce=Te,Ee.forEach(Oe=>Oe(Ce)))},update(Te){this.set(Te(Ce))},subscribe:Te=>(Ee.add(Te),()=>Ee.delete(Te))}}function l$1(De,Ce){const Ee=a$1(De());return Ce.forEach(Te=>Te.subscribe(()=>{const Oe=De();Object.is(Ee.value,Oe)||Ee.set(Oe)})),{get value(){return Ee.value},subscribe:Te=>Ee.subscribe(Te)}}function h$2(De,Ce){let Ee;const Te=()=>{Ee&&(Ee(),Ee=void 0),Ee=De()},Oe=Ce.map(Me=>Me.subscribe(Te));return Te(),()=>{Ee&&(Ee(),Ee=void 0),Oe.forEach(Me=>Me())}}let u$2=class extends e$4{get isPlayingSignal(){return this._isPlaying}get currentTimeSignal(){return this._currentTime}get durationSignal(){return this._duration}get volumeSignal(){return this._volume}get mutedSignal(){return this._muted}get playbackRateSignal(){return this._playbackRate}get seekingSignal(){return this._seeking}constructor(Ce){super(),this.isExternalMedia=!1,this.reactiveMediaEventCleanups=[],Ce.media?(this.media=Ce.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),this._isPlaying=a$1(!1),this._currentTime=a$1(0),this._duration=a$1(0),this._volume=a$1(this.media.volume),this._muted=a$1(this.media.muted),this._playbackRate=a$1(this.media.playbackRate||1),this._seeking=a$1(!1),this.setupReactiveMediaEvents(),Ce.mediaControls&&(this.media.controls=!0),Ce.autoplay&&(this.media.autoplay=!0),Ce.playbackRate!=null&&this.onMediaEvent("canplay",()=>{Ce.playbackRate!=null&&(this.media.playbackRate=Ce.playbackRate)},{once:!0})}setupReactiveMediaEvents(){this.reactiveMediaEventCleanups.push(this.onMediaEvent("play",()=>{this._isPlaying.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("pause",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ended",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("timeupdate",()=>{this._currentTime.set(this.media.currentTime)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("durationchange",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("loadedmetadata",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeking",()=>{this._seeking.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeked",()=>{this._seeking.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("volumechange",()=>{this._volume.set(this.media.volume),this._muted.set(this.media.muted)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ratechange",()=>{this._playbackRate.set(this.media.playbackRate)}))}onMediaEvent(Ce,Ee,Te){return this.media.addEventListener(Ce,Ee,Te),()=>this.media.removeEventListener(Ce,Ee,Te)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const Ce=this.getSrc();Ce.startsWith("blob:")&&URL.revokeObjectURL(Ce)}canPlayType(Ce){return this.media.canPlayType(Ce)!==""}setSrc(Ce,Ee){const Te=this.getSrc();if(Ce&&Te===Ce)return;this.revokeSrc();const Oe=Ee instanceof Blob&&(this.canPlayType(Ee.type)||!Ce)?URL.createObjectURL(Ee):Ce;if(Te&&this.media.removeAttribute("src"),Oe||Ce)try{this.media.src=Oe}catch{this.media.src=Ce}}destroy(){this.reactiveMediaEventCleanups.forEach(Ce=>Ce()),this.reactiveMediaEventCleanups=[],this.isExternalMedia||(this.media.pause(),this.revokeSrc(),this.media.removeAttribute("src"),this.media.load(),this.media.remove())}setMediaElement(Ce){this.reactiveMediaEventCleanups.forEach(Ee=>Ee()),this.reactiveMediaEventCleanups=[],this.media=Ce,this.setupReactiveMediaEvents()}play(){return t$2(this,void 0,void 0,function*(){try{return yield this.media.play()}catch(Ce){if(Ce instanceof DOMException&&Ce.name==="AbortError")return;throw Ce}})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(Ce){this.media.currentTime=Math.max(0,Math.min(Ce,this.getDuration()))}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(Ce){this.media.volume=Ce}getMuted(){return this.media.muted}setMuted(Ce){this.media.muted=Ce}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(Ce,Ee){Ee!=null&&(this.media.preservesPitch=Ee),this.media.playbackRate=Ce}getMediaElement(){return this.media}setSinkId(Ce){return this.media.setSinkId(Ce)}};function c$2({maxTop:De,maxBottom:Ce,halfHeight:Ee,vScale:Te,barMinHeight:Oe=0,barAlign:Me}){let Be=Math.round(De*Ee*Te),$e=Be+Math.round(Ce*Ee*Te)||1;return $e<Oe&&($e=Oe,Me||(Be=$e/2)),{topHeight:Be,totalHeight:$e}}function d({barAlign:De,halfHeight:Ce,topHeight:Ee,totalHeight:Te,canvasHeight:Oe}){return De==="top"?0:De==="bottom"?Oe-Te:Ce-Ee}function p$2(De,Ce,Ee){const Te=Ce-De.left,Oe=Ee-De.top;return[Te/De.width,Oe/De.height]}function m$3(De){return!!(De.barWidth||De.barGap||De.barAlign)}function g(De,Ce){if(!m$3(Ce))return De;const Ee=Ce.barWidth||.5,Te=Ee+(Ce.barGap||Ee/2);return Te===0?De:Math.floor(De/Te)*Te}function v$1({scrollLeft:De,totalWidth:Ce,numCanvases:Ee}){if(Ce===0)return[0];const Te=De/Ce,Oe=Math.floor(Te*Ee);return[Oe-1,Oe,Oe+1]}function f$1(De){const Ce=De._cleanup;typeof Ce=="function"&&Ce()}function b(De){const Ce=a$1({scrollLeft:De.scrollLeft,scrollWidth:De.scrollWidth,clientWidth:De.clientWidth}),Ee=l$1(()=>function(Me){const{scrollLeft:Be,scrollWidth:$e,clientWidth:Ue}=Me;if($e===0)return{startX:0,endX:1};const He=Be/$e,Ve=(Be+Ue)/$e;return{startX:Math.max(0,Math.min(1,He)),endX:Math.max(0,Math.min(1,Ve))}}(Ce.value),[Ce]),Te=l$1(()=>function(Me){return{left:Me.scrollLeft,right:Me.scrollLeft+Me.clientWidth}}(Ce.value),[Ce]),Oe=()=>{Ce.set({scrollLeft:De.scrollLeft,scrollWidth:De.scrollWidth,clientWidth:De.clientWidth})};return De.addEventListener("scroll",Oe,{passive:!0}),{scrollData:Ce,percentages:Ee,bounds:Te,cleanup:()=>{De.removeEventListener("scroll",Oe),f$1(Ce)}}}let y$2=class extends e$4{constructor(Ce,Ee){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.unsubscribeOnScroll=[],this.dragStream=null,this.scrollStream=null,this.subscriptions=[],this.options=Ce;const Te=this.parentFromOptionsContainer(Ce.container);this.parent=Te;const[Oe,Me]=this.initHtml();Te.appendChild(Oe),this.container=Oe,this.scrollContainer=Me.querySelector(".scroll"),this.wrapper=Me.querySelector(".wrapper"),this.canvasWrapper=Me.querySelector(".canvases"),this.progressWrapper=Me.querySelector(".progress"),this.cursor=Me.querySelector(".cursor"),Ee&&Me.appendChild(Ee),this.initEvents()}parentFromOptionsContainer(Ce){let Ee;if(typeof Ce=="string"?Ee=document.querySelector(Ce):Ce instanceof HTMLElement&&(Ee=Ce),!Ee)throw new Error("Container not found");return Ee}initEvents(){this.wrapper.addEventListener("click",Ee=>{const Te=this.wrapper.getBoundingClientRect(),[Oe,Me]=p$2(Te,Ee.clientX,Ee.clientY);this.emit("click",Oe,Me)}),this.wrapper.addEventListener("dblclick",Ee=>{const Te=this.wrapper.getBoundingClientRect(),[Oe,Me]=p$2(Te,Ee.clientX,Ee.clientY);this.emit("dblclick",Oe,Me)}),this.options.dragToSeek!==!0&&typeof this.options.dragToSeek!="object"||this.initDrag(),this.scrollStream=b(this.scrollContainer);const Ce=h$2(()=>{const{startX:Ee,endX:Te}=this.scrollStream.percentages.value,{left:Oe,right:Me}=this.scrollStream.bounds.value;this.emit("scroll",Ee,Te,Oe,Me)},[this.scrollStream.percentages,this.scrollStream.bounds]);if(this.subscriptions.push(Ce),typeof ResizeObserver=="function"){const Ee=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{Ee().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){const Ce=this.parent.clientWidth;Ce===this.lastContainerWidth&&this.options.height!=="auto"||(this.lastContainerWidth=Ce,this.reRender(),this.emit("resize"))}initDrag(){if(this.dragStream)return;this.dragStream=function(Ee,Te={}){const{threshold:Oe=3,mouseButton:Me=0,touchDelay:Be=100}=Te,$e=a$1(null),Ue=new Map,He=matchMedia("(pointer: coarse)").matches;let Ve=()=>{};const We=ze=>{if(ze.button!==Me||(Ue.set(ze.pointerId,ze),Ue.size>1))return;let Ge=ze.clientX,qe=ze.clientY,Ke=!1;const Ye=Date.now(),Qe=Ee.getBoundingClientRect(),{left:Xe,top:Ze}=Qe,Je=nn=>{if(nn.defaultPrevented||Ue.size>1||He&&Date.now()-Ye<Be)return;const dn=nn.clientX,cn=nn.clientY,an=dn-Ge,pn=cn-qe;(Ke||Math.abs(an)>Oe||Math.abs(pn)>Oe)&&(nn.preventDefault(),nn.stopPropagation(),Ke||($e.set({type:"start",x:Ge-Xe,y:qe-Ze}),Ke=!0),$e.set({type:"move",x:dn-Xe,y:cn-Ze,deltaX:an,deltaY:pn}),Ge=dn,qe=cn)},en=nn=>{if(Ue.delete(nn.pointerId),Ke){const dn=nn.clientX,cn=nn.clientY;$e.set({type:"end",x:dn-Xe,y:cn-Ze})}Ve()},tn=nn=>{Ue.delete(nn.pointerId),nn.relatedTarget&&nn.relatedTarget!==document.documentElement||en(nn)},St=nn=>{Ke&&(nn.stopPropagation(),nn.preventDefault())},sn=nn=>{nn.defaultPrevented||Ue.size>1||Ke&&nn.preventDefault()};document.addEventListener("pointermove",Je),document.addEventListener("pointerup",en),document.addEventListener("pointerout",tn),document.addEventListener("pointercancel",tn),document.addEventListener("touchmove",sn,{passive:!1}),document.addEventListener("click",St,{capture:!0}),Ve=()=>{document.removeEventListener("pointermove",Je),document.removeEventListener("pointerup",en),document.removeEventListener("pointerout",tn),document.removeEventListener("pointercancel",tn),document.removeEventListener("touchmove",sn),setTimeout(()=>{document.removeEventListener("click",St,{capture:!0})},10)}};return Ee.addEventListener("pointerdown",We),{signal:$e,cleanup:()=>{Ve(),Ee.removeEventListener("pointerdown",We),Ue.clear(),f$1($e)}}}(this.wrapper);const Ce=h$2(()=>{const Ee=this.dragStream.signal.value;if(!Ee)return;const Te=this.wrapper.getBoundingClientRect().width,Oe=(Me=Ee.x/Te)<0?0:Me>1?1:Me;var Me;Ee.type==="start"?(this.isDragging=!0,this.emit("dragstart",Oe)):Ee.type==="move"?this.emit("drag",Oe):Ee.type==="end"&&(this.isDragging=!1,this.emit("dragend",Oe))},[this.dragStream.signal]);this.subscriptions.push(Ce)}initHtml(){const Ce=document.createElement("div"),Ee=Ce.attachShadow({mode:"open"}),Te=this.options.cspNonce&&typeof this.options.cspNonce=="string"?this.options.cspNonce.replace(/"/g,""):"";return Ee.innerHTML=`
+    `}mountSocketIOService(){var Oe;if(!this.services)return;const Ee=((Oe=this.services.socketIO)==null?void 0:Oe.connectionDetails)||[];if(!Ee.length||this.serviceManager.has(ServicesEnum.SOCKET_IO))return;const Te=new SocketIOService(Ee);this.serviceManager.registerService(Te),this.serviceManager.mountService(ServicesEnum.SOCKET_IO)}};Pn(Gp,"router");let MobiusContainer=Gp;customElements.define("mobius-container",MobiusContainer);class MobiusLoop extends BaseComponent{constructor(){super();Pn(this,"props");Pn(this,"dataFromParent");Pn(this,"data",[]);Pn(this,"dataCopy",[])}connectedCallback(){this.initializeProps(),this.loadData(),this.setupBindings(),this.onLoad()}initializeProps(){this.props=JSON.parse(this.getAttribute("props")||"{}")||{}}async loadData(){if(this.props.API){const Ee=await this.fetchAPI();this.data=this.extractLoopData(Ee)}else this.data=this.props.Data||[];this.dataCopy=[...this.data],this.render()}extractLoopData(Ee){let Te=Ee;return this.props.loopOver&&this.props.loopOver.split(".").forEach(Oe=>{Te=(Te==null?void 0:Te[Oe])||Te}),Te}setupBindings(){const Ee=JSON.parse(this.getAttribute("bindings")||"{}")||{};this.setBindings(Ee,Te=>this.handleSearch(Te))}handleSearch(Ee){var Me,Be,$e,Ue,He;if(!((Be=(Me=this.props)==null?void 0:Me.search)!=null&&Be.searchOver))return;this.innerHTML="";const Te=(Ue=($e=this.props)==null?void 0:$e.search)==null?void 0:Ue.searchBoxName;if(!Te){console.warn("searchBoxName is not provided in mobius-loop");return}const Oe=((He=Ee==null?void 0:Ee[Te])==null?void 0:He.toLowerCase())||"";this.data=Oe?this.dataCopy.filter(Ve=>String(Ve[this.props.search.searchOver]).toLowerCase().includes(Oe)):[...this.dataCopy],this.render()}setDataFromParent(Ee){this.dataFromParent=Ee}async fetchAPI(){let{apiUrl:Ee,method:Te="GET",bearerToken:Oe,body:Me={},dynamicBody:Be={}}=this.props.API;if(Object.keys(Be).length&&this.dataFromParent&&(Me=resolveDynamicData(Be,this.dataFromParent,Me)),Me=replaceCurlyBraces(Me),Ee.includes("{")){const He=[...Ee.matchAll(/\{(.*?)\}/g)];switch(this.props.API.dynamicStorageSource){case"localStorage":He.forEach(Ve=>{let We=Ve[1],ze=localStorage.getItem(We)||"";Ee=Ee.replace(Ve[0],ze)});break;default:He.forEach(Ve=>{let We=Ve[1],ze=localStorage.getItem(We)||"";Ee=Ee.replace(Ve[0],ze)});break}}if(Te!=="GET"&&!Object.keys(Me).length)return;const $e={"Content-Type":"application/json",Authorization:`Bearer ${Oe}`},Ue={method:Te,headers:$e};Te!=="GET"&&Object.keys(Me).length&&(Ue.body=JSON.stringify(Me));try{return(await fetch(Ee,Ue)).json()}catch(He){return console.error("Error fetching API data",He),[]}}render(){const Ee=this.props.component,Te=this.querySelector("mobius-loop");Array.isArray(this.data)&&this.data.forEach((Oe,Me)=>{var Ue;const Be=JSON.parse(JSON.stringify(Ee));Be.dynamicProps&&(Be.props=resolveDynamicData(Be.dynamicProps,Oe,Be.props)),(Ue=Be.propsIndex)!=null&&Ue[Me]&&(Be.props={...Be.props,...Be.propsIndex[Me]});const $e=createElementFromMetadata(Be,this);if(this.props.isPiped){const He=Te.cloneNode(!0);He.setDataFromParent(Oe),console.log($e),$e==null||$e.appendChild(He)}this.appendChild($e)}),Te==null||Te.remove()}}customElements.define("mobius-loop",MobiusLoop);class MobiusTab extends BaseComponent{constructor(){super();Pn(this,"props")}connectedCallback(){this.className=`block ${this.className}`}getTabData(){var Ee,Te,Oe;return this.props=JSON.parse(this.getAttribute("props")),{header:this.props.header,icon:{left:this.props.leftIcon,right:this.props.rightIcon,size:this.props.size},stateHeader:((Ee=this.props)==null?void 0:Ee.stateHeader)||"",iconCss:this.props.iconCss,bindings:((Te=this.meta.props)==null?void 0:Te.tabBindings)||this.meta.bindings,props:((Oe=this.meta.props)==null?void 0:Oe.tabProps)||this.meta.props}}}customElements.define("mobius-tab",MobiusTab);class MobiusTabs extends BaseComponent{constructor(){super();Pn(this,"Tabs",[]);Pn(this,"props",{});Pn(this,"selectedTab",0);Pn(this,"tabContainer",null);Pn(this,"findByHeaderOrIndex",Ee=>{var Te,Oe,Me;if(typeof Ee=="number"){const Be=(Te=this.Tabs)==null?void 0:Te[Ee];return{index:Ee,tab:Be}}else if(typeof Ee=="string"){const Be=(Oe=this.Tabs)==null?void 0:Oe.findIndex(Ue=>Ue.header===Ee),$e=Be!==-1?(Me=this.Tabs)==null?void 0:Me[Be]:void 0;return{index:Be,tab:$e}}else return{index:-1,tab:void 0}})}connectedCallback(){var Me;this.props=JSON.parse(this.getAttribute("props")||"{}");const Ee=JSON.parse(this.getAttribute("bindings")||"{}");this.setBindings(Ee,Be=>{let $e=this.findByHeaderOrIndex(Be);$e.tab&&$e.index!=this.selectedTab&&(this.selectedTab=$e.index==-1?this.selectedTab:$e==null?void 0:$e.index,this.updateActiveTab($e==null?void 0:$e.tab,$e.index))}),this.initializeTabs();const Te=this.getState()||((Me=this.signal)==null?void 0:Me.get())||0,Oe=this.findByHeaderOrIndex(Te);this.selectedTab=Oe.index==-1?0:Oe==null?void 0:Oe.index,Oe.tab&&this.updateActiveTab(Oe.tab,Oe.index),this.onLoad()}initializeTabs(){this.tabContainer=document.createElement("div"),this.tabContainer.className="flex w-full cursor-pointer "+this.props.tabContainerStyles,this.props.variant=="light"&&(this.tabContainer.className+=" shadow rounded"),Array.from(this.children).forEach((Ee,Te)=>{var Oe,Me;if(Ee.localName==="mobius-tab"){let Be=this.selectedTab===Te;const $e=(Oe=Ee.getTabData)==null?void 0:Oe.call(Ee);let Ue={type:"mobius-div",version:"V1",value:"",styles:this.getStyles(Be,Te)+` ${this.props.tabCss??""}`,bindings:$e==null?void 0:$e.bindings,props:$e==null?void 0:$e.props,children:[]},He=mountComponents([Ue],this);He=He.querySelector("mobius-div"),He.textContent=$e.header??`Tab ${Te+1}`,this.addIcon($e.icon,$e.size??"base",$e.iconCss,He),(Me=this.tabContainer)==null||Me.appendChild(He);const Ve={tabChild:Ee,isActive:Be,tabElement:He,header:$e.stateHeader??$e.header};He.addEventListener("click",()=>this.updateActiveTab(Ve,Te)),this.Tabs.push(Ve),Be||Ee.classList.add("hidden")}}),this.insertBefore(this.tabContainer,this.firstChild)}addIcon(Ee,Te,Oe,Me){let Be={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};const $e=document.createElement("img");Ee!=null&&Ee.left?($e.src=Ee.left,$e.className=Be[Te??"base"]+` ${Oe}`):$e.className="none";const Ue=document.createElement("img");Ee!=null&&Ee.right?(Ue.src=Ee.right,Ue.className=Be[Te]):Ue.className+="none",Me.insertBefore($e,Me.firstChild),Me.appendChild(Ue)}getStyles(Ee,Te=0){switch(this.props.variant){case"button":return`w-full text-sm-font-medium px-3 py-4 transition-all text-center flex gap-2 justify-center ${Ee?"bg-primary-600 rounded color-white "+this.props.activeCss:""}`;case"light":return`w-full text-sm-font-medium color-gray-500 px-3 py-4 ${Te==0?"":"border-l-2"} transition-all text-center flex gap-2 justify-center ${Ee?"bg-gray-50 color-gray-900"+this.props.activeCss:""}`;case"underline":return`w-full text-sm-font-medium border-b-2 pb-2 transition-all text-center flex gap-2 justify-center ${Ee?"color-primary-600 border-primary-600 "+this.props.activeCss:"color-gray-500 border-gray-300"}`;default:return`w-full text-sm-font-medium border-b-2 pb-2 transition-all text-center flex gap-2 justify-center ${Ee?"color-primary-600 border-primary-600 "+this.props.activeCss:"color-gray-500 border-gray-300"}`}}updateActiveTab(Ee,Te){var Me,Be,$e,Ue;const Oe=this.Tabs.findIndex(He=>He.isActive);this.Tabs[Oe]&&(this.Tabs[Oe].isActive=!1,this.Tabs[Oe].tabChild.classList.add("hidden"),this.Tabs[Oe].tabElement.className=this.getStyles(!1,Oe)+` ${(Me=this.props)==null?void 0:Me.tabCss}`),Ee.isActive=!0,Ee.tabChild.classList.remove("hidden"),Ee.tabElement.className=this.getStyles(!0,Te)+` ${(Be=this.props)==null?void 0:Be.tabCss} ${($e=this.props)==null?void 0:$e.activeCss}`,(Ue=this.signal)==null||Ue.set(Te),this.updateState(Te)}}customElements.define("mobius-tabs",MobiusTabs);class ButtonGroupButton extends BaseComponent{constructor(){super();Pn(this,"buttonValue")}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){var Me;if(Te!==Oe){if(Ee==="props"){const Be=JSON.parse(Oe);Be.span&&(this.style.gridColumn=`span ${Be.span}`),Be.value&&(this.buttonValue=Be.value),Be.style?this.className=`${Be.style}`:this.className="px-4 py-2 w-full border-r border-gray-200 cursor-pointer hover:bg-gray-100 text-center text-sm-font-medium flex gap-2",this.addIcon(Be==null?void 0:Be.icon,Be==null?void 0:Be.size)}else if(Ee==="bindings"){const Be=JSON.parse(Oe);this.setBindings(Be,Ue=>{this.setSelectedButtonCss(Ue)});const $e=((Me=this.signal)==null?void 0:Me.get())||this.getState()||{};this.setSelectedButtonCss($e)}}}setSelectedButtonCss(Ee){Ee&&(Ee==this.buttonValue?this.className+=" bg-gray-100 color-primary-600 ":this.className=this.className.replace(" bg-gray-100 color-primary-600 ",""))}addIcon(Ee,Te="base"){let Oe={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};const Me=document.createElement("img");Ee?(Me.src=Ee,Me.className=Oe[Te]):Me.className="none",this.insertBefore(Me,this.firstChild)}}customElements.define("mobius-button-group-button",ButtonGroupButton);class ButtonGroup extends BaseComponent{constructor(){super();Pn(this,"props",{});this.updateLastChildBorder()}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props"){this.props=JSON.parse(Oe);const{grid:Me,noBorder:Be}=this.props;this.style.gridTemplateColumns=`repeat(${Me}, 1fr)`,Be?this.className="rounded-md grid":this.className="rounded-md border border-gray-200 grid"}else if(Ee==="bindings"){const Me=JSON.parse(Oe);this.setBindings(Me,()=>console.log("Button Group State Updated"))}}}updateLastChildBorder(){const Ee=this.children;Ee.length>0&&Array.from(Ee)[Ee.length-1].classList.remove("border-r")}}customElements.define("mobius-button-group",ButtonGroup);class BadgeElement extends BaseComponent{constructor(){super();Pn(this,"_value",null);Pn(this,"defaultValues",{src:"",color:"primary",size:"",rounded:!1,border:!1})}static get observedAttributes(){return["props","bindings","events"]}applyColorStyle(Ee){Ee&&this.classList.add(`bg-${Ee}-100`,`text-${Ee}-800`)}applySizeStyle(Ee){const Te=Ee==="large"?"text-sm":"text-xs";this.classList.add(Te)}applyBorderStyle(Ee,Te,Oe){Te&&(this.classList.add(Ee),Oe&&Oe.trim()&&this.classList.add(`border-${Oe}-400`))}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props")try{let Me=JSON.parse(Oe||"{}");Me=addMissingDefaults(Me,this.defaultValues);const Be=["inline-flex","items-center","justify-center","px-2.5","py-0.5","gap-1"];this.classList.add(...Be),Object.entries(Me).forEach(([$e,Ue])=>{switch($e){case"color":this.applyColorStyle(Ue);break;case"size":this.applySizeStyle(Ue);break;case"dismissable":Ue&&this.addDismissListener();break;case"rounded":Ue&&this.classList.add($e);break;case"border":this.applyBorderStyle($e,Ue,Me.color||null);break;default:this.setAttribute($e,Ue);break}})}catch(Me){console.error("Error parsing props:",Me)}else if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,()=>console.log("Binded"))}else Te!==Oe&&this.setAttribute(Ee,Oe??"");this.render()}}get value(){return this._value}set value(Ee){this._value!==Ee&&(this._value=Ee,this.render())}render(){var Te;let Ee=(Te=JSON.parse(this.getAttribute("props")))==null?void 0:Te.value;this.value?this.innerHTML=`${this.value}`:Ee&&(this.innerHTML=Ee)}disconnectedCallback(){super.disconnectedCallback();const Ee=this.querySelector(".dismiss");Ee&&Ee.removeEventListener("click",this.dismissBadge.bind(this))}addDismissListener(){const Ee=this.querySelector(".dismiss");Ee&&Ee.addEventListener("click",this.dismissBadge.bind(this))}dismissBadge(){this.dispatchEvent(new CustomEvent("badge-dismissed",{bubbles:!0,composed:!0})),this.remove()}}customElements.define("mobius-badge",BadgeElement);class BadgeGroup extends BaseComponent{constructor(){super();Pn(this,"align","horizontal");Pn(this,"gap",1);Pn(this,"selectedValues",[]);Pn(this,"selectedItems",{});Pn(this,"name","");Pn(this,"styles","");Pn(this,"badgeProps",{});Pn(this,"renderChilds",()=>{var Ee;for(;this.firstChild;)this.removeChild(this.firstChild);(Ee=Object.entries(this.selectedItems))==null||Ee.forEach(([Te,Oe])=>{this.buildBadge(Oe,Te)})});Pn(this,"buildBadge",(Ee,Te)=>{var We,ze,Ge,qe,Ke,Ye,Qe,Xe,Ze,Je,en,tn,St,sn,nn,dn,cn,an,pn,hn;let Oe=[{type:"mobius-badge",props:{...(We=this.badgeProps)==null?void 0:We.props,APIData:{key:Te,value:Ee},key:Te,value:Ee},bindings:(ze=this.badgeProps)==null?void 0:ze.bindings,styles:(Ge=this.badgeProps)==null?void 0:Ge.styles,children:[{type:"mobius-div",props:{...(qe=this.badgeProps)==null?void 0:qe.props,APIData:{key:Te,value:Ee},key:Te,value:Ee},bindings:{},styles:(Ye=(Ke=this.badgeProps)==null?void 0:Ke.textContainerProps)==null?void 0:Ye.styles,children:[]},{id:"uysafigfvuusdv",name:"Interface",type:"mobius-img",props:{...(Qe=this.badgeProps)==null?void 0:Qe.iconProps,APIData:{key:Te,value:Ee},key:Te,value:Ee},styles:(Ze=(Xe=this.badgeProps)==null?void 0:Xe.iconProps)==null?void 0:Ze.styles,value:"",children:[],bindings:(Je=this.badgeProps)==null?void 0:Je.iconBindings}]}];const Me=mountComponents(Oe,this);let Be=Me.querySelector("mobius-img");this.appendChild(Me),Be==null||Be.addEventListener("click",An=>{An==null||An.preventDefault(),An==null||An.stopImmediatePropagation(),this.badgeDismissed(Ee)});let $e=new BadgeElement;if((tn=(en=this.badgeProps)==null?void 0:en.styles)!=null&&tn.trim()){const An=this.badgeProps.styles.split(/\s+/).filter(Boolean);An.length>0&&$e.classList.add(...An)}$e.setAttribute("props",JSON.stringify(((St=this.badgeProps)==null?void 0:St.props)??"{}")),$e.setAttribute("bindings",JSON.stringify(((sn=this.badgeProps)==null?void 0:sn.bindings)??"{}")),$e.setAttribute("events",JSON.stringify(((nn=this.badgeProps)==null?void 0:nn.events)??"{}"));let Ue=new DivElement;Ue.value=Ee,Ue.setAttribute("props",JSON.stringify((dn=this.badgeProps)==null?void 0:dn.textContainerProps));let He=new customImg;const Ve=(an=(cn=this.badgeProps)==null?void 0:cn.iconProps)==null?void 0:an.styles.split(/\s+/).filter(Boolean);return(pn=He==null?void 0:He.classList)==null||pn.add("dismiss"),(Ve==null?void 0:Ve.length)>0&&He.classList.add(...Ve),He.setAttribute("props",JSON.stringify((hn=this.badgeProps)==null?void 0:hn.iconProps)),He.addEventListener("click",An=>{An==null||An.preventDefault(),An==null||An.stopImmediatePropagation(),this.badgeDismissed(Ee)}),$e.appendChild(Ue),$e.appendChild(He),$e});Pn(this,"badgeDismissed",Ee=>{var Me,Be,$e,Ue;let Te=this.findKeyByValue(this.selectedItems,Ee);if(!Te)return;delete this.selectedItems[Te];const Oe=((Me=this.signal)==null?void 0:Me.get())||this.getState();(Ue=this.signal)==null||Ue.set({...this.signal.value,[this.name+"state"]:{...($e=(Be=this.signal)==null?void 0:Be.value)==null?void 0:$e[this.name+"state"],selectedItems:{...this.selectedItems}},[this.name]:Object.keys({...this.selectedItems})}),this.updateState({...Oe,[this.name+"state"]:{...Oe==null?void 0:Oe[this.name+"state"],selectedItems:{...this.selectedItems}},[this.name]:Object.keys({...this.selectedItems})})})}static get observedAttributes(){return["props","bindings"]}attributeChangedCallback(Ee,Te,Oe){if(Oe!==Te){if(Ee==="props"&&Oe!==Te){Object.assign(this,JSON.parse(Oe||"{}"));const Me=this.styles.split(/\s+/).filter(Boolean);Me.length>0&&this.classList.add(...Me)}else if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,Be=>{var $e,Ue,He;this.selectedValues=Object.values((($e=Be==null?void 0:Be[this.name+"state"])==null?void 0:$e.selectedItems)??{}),this.selectedItems=((Ue=Be==null?void 0:Be[this.name+"state"])==null?void 0:Ue.selectedItems)??{},this.classList.toggle("hidden",((He=this.selectedValues)==null?void 0:He.length)===0),this.renderChilds()})}}}findKeyByValue(Ee,Te){return Object.keys(Ee).find(Oe=>typeof Ee[Oe]=="string"&&Ee[Oe].toLowerCase()===Te.toLowerCase())}connectedCallback(){this.classList.add("hidden");let Ee;Ee=this.parentElement,this.name=Ee.name??"",this.addListeners()}handleClick(Ee){}addListeners(){}disconnectedCallback(){super.disconnectedCallback()}render(){}}customElements.define("mobius-badge-group",BadgeGroup);class MobiusButton extends BaseComponent{constructor(){super();Pn(this,"props",{});Pn(this,"services",{})}static get observedAttributes(){return["props","bindings","services"]}attributeChangedCallback(Ee,Te,Oe){if(Ee==="props")this.props=JSON.parse(Oe);else if(Ee==="bindings"){const Me=JSON.parse(Oe);this.setBindings(Me,()=>{console.log("Button Clicked")})}else Ee==="services"&&(this.services=JSON.parse(Oe))}connectedCallback(){var Ee,Te,Oe,Me,Be;super.connectedCallback(),this.className=" flex content-center item-center "+this.className,this.addStyle((Ee=this.props)==null?void 0:Ee.variant),this.addSize((Te=this.props)==null?void 0:Te.size),this.addIcon((Oe=this.props)==null?void 0:Oe.icon,(Me=this.props)==null?void 0:Me.size,(Be=this.props)==null?void 0:Be.imageStyle),this.onLoad()}addIcon(Ee,Te,Oe){Ee=replaceCurlyBraces(Ee,"state",{},this.meta.props,this);let Me={xs:"w-[16px] h-[16px]",sm:"w-[16px] h-[16px]",base:"w-[20px] h-[20px]",lg:"w-[24px] h-[24px]",xl:"w-[24px] h-[24px]"};this.querySelectorAll("img").forEach($e=>$e.remove());let Be=!1;if(Ee!=null&&Ee.left){Be=!0;const $e=document.createElement("img");$e.src=Ee.left,$e.className=Me[Te??"base"]+` mr-2 ${Oe}`,this.insertBefore($e,this.firstChild)}if(Ee!=null&&Ee.right){Be=!0;const $e=document.createElement("img");$e.src=Ee.right,$e.className=Me[Te??"base"]+` ml-2 ${Oe}`,this.appendChild($e)}Be||this.classList.add("justify-evenly")}addStyle(Ee){switch(Ee){case"primary":this.className=" color-white cursor-pointer bg-primary-700 hover-bg-primary-800 focus:border[3px] focus:border-primary-200 "+this.className;break;case"gray":this.className=" color-white cursor-pointer bg-gray-800 hover-bg-gray-700 focus:border[3px] focus:border-gray-200 "+this.className;break;case"light":this.className=" color-gray-800 cursor-pointer bg-gray-200 hover-bg-gray-300 focus:border[3px] focus:border-gray-100 "+this.className;break;case"green":this.className=" color-white cursor-pointer bg-green-700 hover-bg-green-800 focus:border[3px] focus:border-green-200 "+this.className;break;case"red":this.className=" color-white cursor-pointer bg-red-700 hover-bg-red-800 focus:border[3px] focus:border-red-200 "+this.className;break;case"outline-primary":this.className=" color-primary-700 cursor-pointer border border-primary-700 hover-bg-primary-800 hover-color-white focus:border[3px] focus:border-primary-200 "+this.className;break;case"outline-green":this.className=" color-green-700 cursor-pointer border border-green-700 hover-bg-green-800 hover:text-white focus:border[3px] focus:border-green-200 "+this.className;break;case"outline-red":this.className=" color-red-700 cursor-pointer border border-red-700 hover-bg-red-800 hover:text-white focus:border[3px] focus:border-red-200 "+this.className;break;case"outline-light":this.className=" color-gray-800 cursor-pointer border border-gray-700 hover-bg-gray-700 hover:text-white focus:border[3px] focus:border-gray-200 "+this.className;break;case"outline-extra-light":this.className=" color-gray-800 cursor-pointer border border-gray-200 hover-bg-gray-300 hover:text-white focus:border[3px] focus:border-gray-200 "+this.className;break;case"outline-extra-light-primary":this.className=" color-gray-800 cursor-pointer border border-gray-200 hover-bg-gray-300 hover-color-primary-600 focus:border[3px] focus:border-gray-200 "+this.className;break;default:this.className=" color-white cursor-pointer bg-primary-700 hover-bg-primary-800 focus:border[3px] border-primary-200 "+this.className}}addSize(Ee){switch(Ee){case"xs":this.className=" px-3 py-2 min-w-[136px] w-fit min-h-[34px] rounded-lg text-xs-font-medium "+this.className;break;case"sm":this.className=" px-3 py-2 min-w-[147px] w-fit min-h-[37px] rounded-lg text-sm-font-medium "+this.className;break;case"base":this.className=" px-5 py-2-5 min-w-[171px] w-fit min-h-[41px] rounded-lg text-sm-font-medium "+this.className;break;case"lg":this.className=" px-5 py-3 min-w-[190px] w-fit min-h-[48px] rounded-lg text-base-font-medium "+this.className;break;case"xl":this.className=" px-6 py-3-5 min-w-[198px] w-fit min-h-[52px] rounded-lg text-base-font-medium "+this.className;break;default:this.className=" px-5 py-2-5 min-w-[171px] w-fit min-h-[41px] rounded-lg text-sm-font-medium "+this.className}}}customElements.define("mobius-button",MobiusButton);const CloseIcon="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4115%2012L18.6952%206.71628C18.7906%206.62419%2018.8666%206.51404%2018.919%206.39225C18.9713%206.27046%2018.9988%206.13947%2019%206.00692C19.0011%205.87438%2018.9759%205.74293%2018.9257%205.62025C18.8755%205.49756%2018.8013%205.38611%2018.7076%205.29238C18.6139%205.19865%2018.5024%205.12453%2018.3798%205.07434C18.2571%205.02414%2018.1256%204.99889%2017.9931%205.00004C17.8605%205.00119%2017.7295%205.02873%2017.6078%205.08104C17.486%205.13336%2017.3758%205.20941%2017.2837%205.30475L12%2010.5885L6.71628%205.30475C6.528%205.12291%206.27584%205.0223%206.01411%205.02457C5.75237%205.02685%205.502%205.13183%205.31691%205.31691C5.13183%205.502%205.02685%205.75237%205.02457%206.01411C5.0223%206.27584%205.12291%206.528%205.30475%206.71628L10.5885%2012L5.30475%2017.2837C5.20941%2017.3758%205.13336%2017.486%205.08104%2017.6078C5.02873%2017.7295%205.00119%2017.8605%205.00004%2017.9931C4.99889%2018.1256%205.02414%2018.2571%205.07434%2018.3798C5.12453%2018.5024%205.19865%2018.6139%205.29238%2018.7076C5.38611%2018.8013%205.49756%2018.8755%205.62025%2018.9257C5.74293%2018.9759%205.87438%2019.0011%206.00692%2019C6.13947%2018.9988%206.27046%2018.9713%206.39225%2018.919C6.51404%2018.8666%206.62419%2018.7906%206.71628%2018.6952L12%2013.4115L17.2837%2018.6952C17.472%2018.8771%2017.7242%2018.9777%2017.9859%2018.9754C18.2476%2018.9732%2018.498%2018.8682%2018.6831%2018.6831C18.8682%2018.498%2018.9732%2018.2476%2018.9754%2017.9859C18.9777%2017.7242%2018.8771%2017.472%2018.6952%2017.2837L13.4115%2012Z'%20fill='%231F2A37'/%3e%3c/svg%3e";class ToastElement extends BaseComponent{constructor(){super();Pn(this,"props",{position:"top-right",dismissable:!0,autoHideWithIn:100,showProgressBar:!0,progressBarColor:"#76c7c0",backgroundColor:"white",defaultOpen:!1,toastValue:""});Pn(this,"timerId",null);Pn(this,"progressIntervalId",null);Pn(this,"positions",{"top-left":"absolute top-10 start-10","top-right":"absolute top-10 end-10","bottom-left":"absolute bottom-10 start-10","bottom-right":"absolute bottom-10 end-10",none:""})}static get observedAttributes(){return["props","bindings"]}applyPositionStyles(){this.className+=" "+this.positions[this.props.position]}addCloseIconToToast(){if(this.props.dismissable){let Ee=document.createElement("img");Ee.setAttribute("id","toast-close"),Ee.setAttribute("src",CloseIcon),Ee.className="ms-auto -mx-1.5 -my-1.5 h-5 w-5",Ee.addEventListener("click",this.dismissToast.bind(this)),this.append(Ee)}}addProgressBar(Ee){const Te=document.createElement("div");Te.setAttribute("id","toast-progress-bar"),Te.style.position="absolute",Te.style.bottom="0",Te.style.left="0",Te.style.height="4px",Te.style.width="100%",Te.style.backgroundColor=this.props.progressBarColor,Te.style.transition=`width ${Ee}s linear`,this.append(Te),setTimeout(()=>{Te.style.width="0%"},0),this.progressIntervalId=setTimeout(()=>{Te.remove()},Ee*1e3)}addAutoCloseEvent(){const Ee=this.props.autoHideWithIn;this.props.showProgressBar&&this.addProgressBar(Ee),this.timerId=setTimeout(()=>{this.dismissToast()},Ee*1e3)}attributeChangedCallback(Ee,Te,Oe){if(Te!==Oe){if(Ee==="props")try{this.props={...this.props,...JSON.parse(Oe||"{}")};const Me=["flex","items-center","w-full","max-w-xs","p-4","text-gray-500","gap-4","rounded-lg","shadow",`bg-${this.props.backgroundColor}`];this.classList.add(...Me),this.className+=" "+(this.props.styles??""),this.props.toastValue&&(this.innerText=this.props.toastValue),this.applyPositionStyles(),this.addCloseIconToToast(),this.addAutoCloseEvent()}catch(Me){console.error("Error parsing props:",Me)}if(Ee==="bindings"){const Me=JSON.parse(Oe||"{}");this.setBindings(Me,Be=>{console.log("toast--",Be),this.toggleView(Be)})}else Te!==Oe&&this.setAttribute(Ee,Oe??"")}}disconnectedCallback(){super.disconnectedCallback();const Ee=this.querySelector(".toast-close");Ee&&Ee.removeEventListener("click",this.dismissToast.bind(this)),this.timerId&&clearTimeout(this.timerId),this.progressIntervalId&&clearTimeout(this.progressIntervalId),this.classList.add("hidden")}dismissToast(){this.dispatchEvent(new CustomEvent("toast-dismissed",{bubbles:!0,composed:!0})),this.remove(),this.timerId&&clearTimeout(this.timerId),this.progressIntervalId&&clearTimeout(this.progressIntervalId)}toggleView(Ee=!1){Ee?this.classList.remove("hidden"):this.classList.add("hidden")}}customElements.define("mobius-toast",ToastElement);function t$2(De,Ce,Ee,Te){return new(Ee||(Ee=Promise))(function(Oe,Me){function Be(He){try{Ue(Te.next(He))}catch(Ve){Me(Ve)}}function $e(He){try{Ue(Te.throw(He))}catch(Ve){Me(Ve)}}function Ue(He){var Ve;He.done?Oe(He.value):(Ve=He.value,Ve instanceof Ee?Ve:new Ee(function(We){We(Ve)})).then(Be,$e)}Ue((Te=Te.apply(De,Ce||[])).next())})}typeof SuppressedError=="function"&&SuppressedError;let e$4=class{constructor(){this.listeners={}}on(Ce,Ee,Te){if(this.listeners[Ce]||(this.listeners[Ce]=new Set),Te==null?void 0:Te.once){const Oe=(...Me)=>{this.un(Ce,Oe),Ee(...Me)};return this.listeners[Ce].add(Oe),()=>this.un(Ce,Oe)}return this.listeners[Ce].add(Ee),()=>this.un(Ce,Ee)}un(Ce,Ee){var Te;(Te=this.listeners[Ce])===null||Te===void 0||Te.delete(Ee)}once(Ce,Ee){return this.on(Ce,Ee,{once:!0})}unAll(){this.listeners={}}emit(Ce,...Ee){this.listeners[Ce]&&this.listeners[Ce].forEach(Te=>Te(...Ee))}};const i$6={decode:function(De,Ce){return t$2(this,void 0,void 0,function*(){const Ee=new AudioContext({sampleRate:Ce});try{return yield Ee.decodeAudioData(De)}finally{Ee.close()}})},createBuffer:function(De,Ce){if(!De||De.length===0)throw new Error("channelData must be a non-empty array");if(Ce<=0)throw new Error("duration must be greater than 0");if(typeof De[0]=="number"&&(De=[De]),!De[0]||De[0].length===0)throw new Error("channelData must contain non-empty channel arrays");(function(Te){const Oe=Te[0];if(Oe.some(Me=>Me>1||Me<-1)){const Me=Oe.length;let Be=0;for(let $e=0;$e<Me;$e++){const Ue=Math.abs(Oe[$e]);Ue>Be&&(Be=Ue)}for(const $e of Te)for(let Ue=0;Ue<Me;Ue++)$e[Ue]/=Be}})(De);const Ee=De.map(Te=>Te instanceof Float32Array?Te:Float32Array.from(Te));return{duration:Ce,length:Ee[0].length,sampleRate:Ee[0].length/Ce,numberOfChannels:Ee.length,getChannelData:Te=>{const Oe=Ee[Te];if(!Oe)throw new Error(`Channel ${Te} not found`);return Oe},copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function n$2(De,Ce){const Ee=Ce.xmlns?document.createElementNS(Ce.xmlns,De):document.createElement(De);for(const[Te,Oe]of Object.entries(Ce))if(Te==="children"&&Oe)for(const[Me,Be]of Object.entries(Oe))Be instanceof Node?Ee.appendChild(Be):typeof Be=="string"?Ee.appendChild(document.createTextNode(Be)):Ee.appendChild(n$2(Me,Be));else Te==="style"?Object.assign(Ee.style,Oe):Te==="textContent"?Ee.textContent=Oe:Ee.setAttribute(Te,Oe.toString());return Ee}function s$2(De,Ce,Ee){const Te=n$2(De,Ce||{});return Ee==null||Ee.appendChild(Te),Te}var r$3=Object.freeze({__proto__:null,createElement:s$2,default:s$2});const o$2={fetchBlob:function(De,Ce,Ee){return t$2(this,void 0,void 0,function*(){const Te=yield fetch(De,Ee);if(Te.status>=400)throw new Error(`Failed to fetch ${De}: ${Te.status} (${Te.statusText})`);return function(Oe,Me){t$2(this,void 0,void 0,function*(){if(!Oe.body||!Oe.headers)return;const Be=Oe.body.getReader(),$e=Number(Oe.headers.get("Content-Length"))||0;let Ue=0;const He=Ve=>{Ue+=(Ve==null?void 0:Ve.length)||0;const We=Math.round(Ue/$e*100);Me(We)};try{for(;;){const Ve=yield Be.read();if(Ve.done)break;He(Ve.value)}}catch(Ve){console.warn("Progress tracking error:",Ve)}})}(Te.clone(),Ce),Te.blob()})}};function a$1(De){let Ce=De;const Ee=new Set;return{get value(){return Ce},set(Te){Object.is(Ce,Te)||(Ce=Te,Ee.forEach(Oe=>Oe(Ce)))},update(Te){this.set(Te(Ce))},subscribe:Te=>(Ee.add(Te),()=>Ee.delete(Te))}}function l$1(De,Ce){const Ee=a$1(De());return Ce.forEach(Te=>Te.subscribe(()=>{const Oe=De();Object.is(Ee.value,Oe)||Ee.set(Oe)})),{get value(){return Ee.value},subscribe:Te=>Ee.subscribe(Te)}}function h$2(De,Ce){let Ee;const Te=()=>{Ee&&(Ee(),Ee=void 0),Ee=De()},Oe=Ce.map(Me=>Me.subscribe(Te));return Te(),()=>{Ee&&(Ee(),Ee=void 0),Oe.forEach(Me=>Me())}}let u$2=class extends e$4{get isPlayingSignal(){return this._isPlaying}get currentTimeSignal(){return this._currentTime}get durationSignal(){return this._duration}get volumeSignal(){return this._volume}get mutedSignal(){return this._muted}get playbackRateSignal(){return this._playbackRate}get seekingSignal(){return this._seeking}constructor(Ce){super(),this.isExternalMedia=!1,this.reactiveMediaEventCleanups=[],Ce.media?(this.media=Ce.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),this._isPlaying=a$1(!1),this._currentTime=a$1(0),this._duration=a$1(0),this._volume=a$1(this.media.volume),this._muted=a$1(this.media.muted),this._playbackRate=a$1(this.media.playbackRate||1),this._seeking=a$1(!1),this.setupReactiveMediaEvents(),Ce.mediaControls&&(this.media.controls=!0),Ce.autoplay&&(this.media.autoplay=!0),Ce.playbackRate!=null&&this.onMediaEvent("canplay",()=>{Ce.playbackRate!=null&&(this.media.playbackRate=Ce.playbackRate)},{once:!0})}setupReactiveMediaEvents(){this.reactiveMediaEventCleanups.push(this.onMediaEvent("play",()=>{this._isPlaying.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("pause",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ended",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("timeupdate",()=>{this._currentTime.set(this.media.currentTime)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("durationchange",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("loadedmetadata",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeking",()=>{this._seeking.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeked",()=>{this._seeking.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("volumechange",()=>{this._volume.set(this.media.volume),this._muted.set(this.media.muted)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ratechange",()=>{this._playbackRate.set(this.media.playbackRate)}))}onMediaEvent(Ce,Ee,Te){return this.media.addEventListener(Ce,Ee,Te),()=>this.media.removeEventListener(Ce,Ee,Te)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const Ce=this.getSrc();Ce.startsWith("blob:")&&URL.revokeObjectURL(Ce)}canPlayType(Ce){return this.media.canPlayType(Ce)!==""}setSrc(Ce,Ee){const Te=this.getSrc();if(Ce&&Te===Ce)return;this.revokeSrc();const Oe=Ee instanceof Blob&&(this.canPlayType(Ee.type)||!Ce)?URL.createObjectURL(Ee):Ce;if(Te&&this.media.removeAttribute("src"),Oe||Ce)try{this.media.src=Oe}catch{this.media.src=Ce}}destroy(){this.reactiveMediaEventCleanups.forEach(Ce=>Ce()),this.reactiveMediaEventCleanups=[],this.isExternalMedia||(this.media.pause(),this.revokeSrc(),this.media.removeAttribute("src"),this.media.load(),this.media.remove())}setMediaElement(Ce){this.reactiveMediaEventCleanups.forEach(Ee=>Ee()),this.reactiveMediaEventCleanups=[],this.media=Ce,this.setupReactiveMediaEvents()}play(){return t$2(this,void 0,void 0,function*(){try{return yield this.media.play()}catch(Ce){if(Ce instanceof DOMException&&Ce.name==="AbortError")return;throw Ce}})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(Ce){this.media.currentTime=Math.max(0,Math.min(Ce,this.getDuration()))}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(Ce){this.media.volume=Ce}getMuted(){return this.media.muted}setMuted(Ce){this.media.muted=Ce}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(Ce,Ee){Ee!=null&&(this.media.preservesPitch=Ee),this.media.playbackRate=Ce}getMediaElement(){return this.media}setSinkId(Ce){return this.media.setSinkId(Ce)}};function c$2({maxTop:De,maxBottom:Ce,halfHeight:Ee,vScale:Te,barMinHeight:Oe=0,barAlign:Me}){let Be=Math.round(De*Ee*Te),$e=Be+Math.round(Ce*Ee*Te)||1;return $e<Oe&&($e=Oe,Me||(Be=$e/2)),{topHeight:Be,totalHeight:$e}}function d({barAlign:De,halfHeight:Ce,topHeight:Ee,totalHeight:Te,canvasHeight:Oe}){return De==="top"?0:De==="bottom"?Oe-Te:Ce-Ee}function p$2(De,Ce,Ee){const Te=Ce-De.left,Oe=Ee-De.top;return[Te/De.width,Oe/De.height]}function m$3(De){return!!(De.barWidth||De.barGap||De.barAlign)}function g(De,Ce){if(!m$3(Ce))return De;const Ee=Ce.barWidth||.5,Te=Ee+(Ce.barGap||Ee/2);return Te===0?De:Math.floor(De/Te)*Te}function v$1({scrollLeft:De,totalWidth:Ce,numCanvases:Ee}){if(Ce===0)return[0];const Te=De/Ce,Oe=Math.floor(Te*Ee);return[Oe-1,Oe,Oe+1]}function f$1(De){const Ce=De._cleanup;typeof Ce=="function"&&Ce()}function b(De){const Ce=a$1({scrollLeft:De.scrollLeft,scrollWidth:De.scrollWidth,clientWidth:De.clientWidth}),Ee=l$1(()=>function(Me){const{scrollLeft:Be,scrollWidth:$e,clientWidth:Ue}=Me;if($e===0)return{startX:0,endX:1};const He=Be/$e,Ve=(Be+Ue)/$e;return{startX:Math.max(0,Math.min(1,He)),endX:Math.max(0,Math.min(1,Ve))}}(Ce.value),[Ce]),Te=l$1(()=>function(Me){return{left:Me.scrollLeft,right:Me.scrollLeft+Me.clientWidth}}(Ce.value),[Ce]),Oe=()=>{Ce.set({scrollLeft:De.scrollLeft,scrollWidth:De.scrollWidth,clientWidth:De.clientWidth})};return De.addEventListener("scroll",Oe,{passive:!0}),{scrollData:Ce,percentages:Ee,bounds:Te,cleanup:()=>{De.removeEventListener("scroll",Oe),f$1(Ce)}}}let y$2=class extends e$4{constructor(Ce,Ee){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.unsubscribeOnScroll=[],this.dragStream=null,this.scrollStream=null,this.subscriptions=[],this.options=Ce;const Te=this.parentFromOptionsContainer(Ce.container);this.parent=Te;const[Oe,Me]=this.initHtml();Te.appendChild(Oe),this.container=Oe,this.scrollContainer=Me.querySelector(".scroll"),this.wrapper=Me.querySelector(".wrapper"),this.canvasWrapper=Me.querySelector(".canvases"),this.progressWrapper=Me.querySelector(".progress"),this.cursor=Me.querySelector(".cursor"),Ee&&Me.appendChild(Ee),this.initEvents()}parentFromOptionsContainer(Ce){let Ee;if(typeof Ce=="string"?Ee=document.querySelector(Ce):Ce instanceof HTMLElement&&(Ee=Ce),!Ee)throw new Error("Container not found");return Ee}initEvents(){this.wrapper.addEventListener("click",Ee=>{const Te=this.wrapper.getBoundingClientRect(),[Oe,Me]=p$2(Te,Ee.clientX,Ee.clientY);this.emit("click",Oe,Me)}),this.wrapper.addEventListener("dblclick",Ee=>{const Te=this.wrapper.getBoundingClientRect(),[Oe,Me]=p$2(Te,Ee.clientX,Ee.clientY);this.emit("dblclick",Oe,Me)}),this.options.dragToSeek!==!0&&typeof this.options.dragToSeek!="object"||this.initDrag(),this.scrollStream=b(this.scrollContainer);const Ce=h$2(()=>{const{startX:Ee,endX:Te}=this.scrollStream.percentages.value,{left:Oe,right:Me}=this.scrollStream.bounds.value;this.emit("scroll",Ee,Te,Oe,Me)},[this.scrollStream.percentages,this.scrollStream.bounds]);if(this.subscriptions.push(Ce),typeof ResizeObserver=="function"){const Ee=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{Ee().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){const Ce=this.parent.clientWidth;Ce===this.lastContainerWidth&&this.options.height!=="auto"||(this.lastContainerWidth=Ce,this.reRender(),this.emit("resize"))}initDrag(){if(this.dragStream)return;this.dragStream=function(Ee,Te={}){const{threshold:Oe=3,mouseButton:Me=0,touchDelay:Be=100}=Te,$e=a$1(null),Ue=new Map,He=matchMedia("(pointer: coarse)").matches;let Ve=()=>{};const We=ze=>{if(ze.button!==Me||(Ue.set(ze.pointerId,ze),Ue.size>1))return;let Ge=ze.clientX,qe=ze.clientY,Ke=!1;const Ye=Date.now(),Qe=Ee.getBoundingClientRect(),{left:Xe,top:Ze}=Qe,Je=nn=>{if(nn.defaultPrevented||Ue.size>1||He&&Date.now()-Ye<Be)return;const dn=nn.clientX,cn=nn.clientY,an=dn-Ge,pn=cn-qe;(Ke||Math.abs(an)>Oe||Math.abs(pn)>Oe)&&(nn.preventDefault(),nn.stopPropagation(),Ke||($e.set({type:"start",x:Ge-Xe,y:qe-Ze}),Ke=!0),$e.set({type:"move",x:dn-Xe,y:cn-Ze,deltaX:an,deltaY:pn}),Ge=dn,qe=cn)},en=nn=>{if(Ue.delete(nn.pointerId),Ke){const dn=nn.clientX,cn=nn.clientY;$e.set({type:"end",x:dn-Xe,y:cn-Ze})}Ve()},tn=nn=>{Ue.delete(nn.pointerId),nn.relatedTarget&&nn.relatedTarget!==document.documentElement||en(nn)},St=nn=>{Ke&&(nn.stopPropagation(),nn.preventDefault())},sn=nn=>{nn.defaultPrevented||Ue.size>1||Ke&&nn.preventDefault()};document.addEventListener("pointermove",Je),document.addEventListener("pointerup",en),document.addEventListener("pointerout",tn),document.addEventListener("pointercancel",tn),document.addEventListener("touchmove",sn,{passive:!1}),document.addEventListener("click",St,{capture:!0}),Ve=()=>{document.removeEventListener("pointermove",Je),document.removeEventListener("pointerup",en),document.removeEventListener("pointerout",tn),document.removeEventListener("pointercancel",tn),document.removeEventListener("touchmove",sn),setTimeout(()=>{document.removeEventListener("click",St,{capture:!0})},10)}};return Ee.addEventListener("pointerdown",We),{signal:$e,cleanup:()=>{Ve(),Ee.removeEventListener("pointerdown",We),Ue.clear(),f$1($e)}}}(this.wrapper);const Ce=h$2(()=>{const Ee=this.dragStream.signal.value;if(!Ee)return;const Te=this.wrapper.getBoundingClientRect().width,Oe=(Me=Ee.x/Te)<0?0:Me>1?1:Me;var Me;Ee.type==="start"?(this.isDragging=!0,this.emit("dragstart",Oe)):Ee.type==="move"?this.emit("drag",Oe):Ee.type==="end"&&(this.isDragging=!1,this.emit("dragend",Oe))},[this.dragStream.signal]);this.subscriptions.push(Ce)}initHtml(){const Ce=document.createElement("div"),Ee=Ce.attachShadow({mode:"open"}),Te=this.options.cspNonce&&typeof this.options.cspNonce=="string"?this.options.cspNonce.replace(/"/g,""):"";return Ee.innerHTML=`
       <style${Te?` nonce="${Te}"`:""}>
         :host {
           user-select: none;

package/dist/{javascript-CaPRob7H.js → javascript-C8QG6kvn.js}

@@ -1,4 +1,4 @@
-import { conf as t, language as e } from "./typescript-_U26e8KM.js";
+import { conf as t, language as e } from "./typescript-BLfp9l0R.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{jsonMode-BzXlbCd_.js → jsonMode-FV9ayg_z.js}

@@ -1,4 +1,4 @@
-import { m as Et } from "./index-CTyIxRKV.js";
+import { m as Et } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{liquid-jagi3a6n.js → liquid-DcEbDz8m.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-CTyIxRKV.js";
+import { m as l } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{mdx-CglWxe7X.js → mdx-DP_92uT8.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-CTyIxRKV.js";
+import { m as s } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{python-BIUizIgm.js → python-Cu9eUL-s.js}

@@ -1,4 +1,4 @@
-import { m as o } from "./index-CTyIxRKV.js";
+import { m as o } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{razor-Bmr0rfvf.js → razor-jxfDlS0_.js}

@@ -1,4 +1,4 @@
-import { m } from "./index-CTyIxRKV.js";
+import { m } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{tsMode-DOG8wi4m.js → tsMode-Dj992W03.js}

@@ -1,4 +1,4 @@
-import { t as O, m as I } from "./index-CTyIxRKV.js";
+import { t as O, m as I } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/types/src/routes/+layout.server.d.ts

@@ -336,6 +336,7 @@ export declare function load(): {
                     value: string;
                     props: {
                         grid: string;
+                        noBorder: boolean;
                     };
                     children: ({
                         id: string;
@@ -348,6 +349,7 @@ export declare function load(): {
                         styles: string;
                         props: {
                             size: string;
+                            style: string;
                             value: string;
                             source: string;
                             apiMethod: string;
@@ -394,6 +396,7 @@ export declare function load(): {
                         name: string;
                         props: {
                             size: string;
+                            style: string;
                             value: string;
                             source: string;
                             apiMethod: string;
@@ -443,6 +446,7 @@ export declare function load(): {
                         name: string;
                         props: {
                             size: string;
+                            style: string;
                             value: string;
                             source?: undefined;
                             apiMethod?: undefined;
@@ -2897,154 +2901,375 @@ export declare function load(): {
                         value: string;
                         children: ({
                             id: string;
-                            role: string;
-                            version: string;
-                            lang: string;
                             type: string;
-                            props: {
-                                condition?: undefined;
-                                cssClasses?: undefined;
-                            };
-                            styles: string;
-                            bindings: {
-                                state: {
-                                    ImageState: {
-                                        path: string;
-                                        initialValue: boolean;
-                                    };
-                                };
-                                events: {
-                                    click: {
-                                        ImageState: {
-                                            toggle: string;
-                                        };
-                                    };
-                                    onStateChangeActions?: undefined;
-                                };
-                            };
-                            children: {
-                                id: string;
-                                role: string;
-                                version: string;
-                                lang: string;
-                                type: string;
-                                props: {
-                                    src: string;
-                                    alt: string;
-                                };
-                                styles: string;
-                                children: never[];
-                            }[];
-                            "alt-text"?: undefined;
-                            name?: undefined;
-                            value?: undefined;
-                        } | {
-                            id: string;
                             role: string;
                             version: string;
                             lang: string;
                             "alt-text": string;
                             name: string;
-                            type: string;
+                            styles: string;
+                            value: string;
                             props: {
-                                condition: string;
+                                condition: string[];
                                 cssClasses: {
                                     trueClass: string;
                                     falseClass: string;
                                 };
                             };
-                            bindings: {
-                                events: {
-                                    onStateChangeActions: {
-                                        ImageState: {
-                                            conditionalCss: string;
-                                        };
-                                    };
-                                    click?: undefined;
-                                };
-                                state?: undefined;
-                            };
-                            styles: string;
-                            value: string;
                             children: ({
                                 id: string;
+                                track: string[];
+                                type: string;
                                 role: string;
                                 version: string;
                                 lang: string;
                                 "alt-text": string;
                                 name: string;
-                                type: string;
                                 props: {
-                                    placeholder: string;
+                                    condition: string;
+                                    cssClasses: {
+                                        trueClass: string;
+                                        falseClass: string;
+                                    };
+                                };
+                                styles: string;
+                                value: string;
+                                children: {
+                                    id: string;
                                     type: string;
-                                    label: string;
-                                    singleLine: boolean;
-                                    required: boolean;
-                                    labelStyles: string;
-                                    inputStyles: string;
-                                    containerStyles: string;
-                                    search: {
-                                        from: {
-                                            selectedTopicFormData: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    name: string;
+                                    props: {};
+                                    styles: string;
+                                    value: string;
+                                    children: never[];
+                                }[];
+                                bindings: {
+                                    state: {
+                                        toggleforSearchBarExpand: {
+                                            path: string;
                                         };
-                                        to: {
-                                            selectedTopicFormDataFilter: string;
+                                    };
+                                    events: {
+                                        onStateChangeActions: {
+                                            toggleforSearchBarExpand: {
+                                                conditionalCss: string;
+                                            };
                                         };
+                                        onload?: undefined;
+                                    };
+                                };
+                            } | {
+                                id: string;
+                                type: string;
+                                role: string;
+                                version: string;
+                                lang: string;
+                                "alt-text": string;
+                                name: string;
+                                props: {
+                                    condition: string;
+                                    cssClasses: {
+                                        trueClass: string;
+                                        falseClass: string;
                                     };
-                                    src?: undefined;
-                                    alt?: undefined;
-                                    class?: undefined;
                                 };
                                 styles: string;
                                 value: string;
-                                children: never[];
+                                children: ({
+                                    id: string;
+                                    type: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    props: {
+                                        src: string;
+                                        alt: string;
+                                        placeholder?: undefined;
+                                        label?: undefined;
+                                        type?: undefined;
+                                        labelStyles?: undefined;
+                                        inputStyles?: undefined;
+                                        containerStyles?: undefined;
+                                        search?: undefined;
+                                        textLimit?: undefined;
+                                        keyName?: undefined;
+                                    };
+                                    styles: string;
+                                    value: string;
+                                    track?: undefined;
+                                    name?: undefined;
+                                    bindings?: undefined;
+                                    children?: undefined;
+                                } | {
+                                    id: string;
+                                    track: string[];
+                                    type: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    name: string;
+                                    props: {
+                                        placeholder: string;
+                                        label: string;
+                                        type: string;
+                                        labelStyles: string;
+                                        inputStyles: string;
+                                        containerStyles: string;
+                                        search: {
+                                            from: {};
+                                            to: {};
+                                        };
+                                        textLimit: number;
+                                        src?: undefined;
+                                        alt?: undefined;
+                                        keyName?: undefined;
+                                    };
+                                    bindings: {
+                                        state?: undefined;
+                                        events?: undefined;
+                                    };
+                                    styles: string;
+                                    value: string;
+                                    children: never[];
+                                } | {
+                                    id: string;
+                                    type: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    name: string;
+                                    props: {
+                                        keyName: string;
+                                        src?: undefined;
+                                        alt?: undefined;
+                                        placeholder?: undefined;
+                                        label?: undefined;
+                                        type?: undefined;
+                                        labelStyles?: undefined;
+                                        inputStyles?: undefined;
+                                        containerStyles?: undefined;
+                                        search?: undefined;
+                                        textLimit?: undefined;
+                                    };
+                                    bindings: {
+                                        state: {
+                                            toggleforSearchBarExpand: {
+                                                path: string;
+                                            };
+                                        };
+                                        events: {
+                                            click: {
+                                                toggleforSearchBarExpand: {
+                                                    toggle: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    styles: string;
+                                    value: string;
+                                    children: {
+                                        id: string;
+                                        type: string;
+                                        role: string;
+                                        version: string;
+                                        lang: string;
+                                        "alt-text": string;
+                                        name: string;
+                                        props: {
+                                            src: string;
+                                        };
+                                        styles: string;
+                                        value: string;
+                                        children: never[];
+                                    }[];
+                                    track?: undefined;
+                                })[];
                                 bindings: {
                                     state: {
-                                        searchTopicList: {
+                                        toggleforSearchBarExpand: {
                                             path: string;
-                                            initialValue: string;
                                         };
                                     };
                                     events: {
-                                        enter: {
-                                            searchTopicList: {
-                                                searchState: string;
+                                        onStateChangeActions: {
+                                            toggleforSearchBarExpand: {
+                                                conditionalCss: string;
                                             };
                                         };
-                                        input: {
-                                            searchTopicList: {
-                                                searchState: string;
+                                        onload: {
+                                            toggleforSearchBarExpand: {
+                                                conditionalCss: string;
                                             };
                                         };
                                     };
                                 };
+                                track?: undefined;
                             } | {
                                 id: string;
+                                type: string;
                                 role: string;
                                 version: string;
                                 lang: string;
                                 "alt-text": string;
                                 name: string;
+                                props: {
+                                    condition?: undefined;
+                                    cssClasses?: undefined;
+                                };
+                                styles: string;
+                                value: string;
+                                children: ({
+                                    id: string;
+                                    type: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    name: string;
+                                    props: {
+                                        condition: string;
+                                        cssClasses: {
+                                            trueClass: string;
+                                            falseClass: string;
+                                        };
+                                    };
+                                    styles: string;
+                                    value: string;
+                                    children: {
+                                        id: string;
+                                        type: string;
+                                        role: string;
+                                        version: string;
+                                        lang: string;
+                                        "alt-text": string;
+                                        name: string;
+                                        props: {
+                                            src: string;
+                                            alt: string;
+                                        };
+                                        styles: string;
+                                        value: string;
+                                        children: never[];
+                                    }[];
+                                    bindings: {
+                                        state: {
+                                            toggleforSearchBarExpand: {
+                                                path: string;
+                                            };
+                                        };
+                                        events: {
+                                            onStateChangeActions: {
+                                                toggleforSearchBarExpand: {
+                                                    conditionalCss: string;
+                                                };
+                                            };
+                                            click: {
+                                                toggleforSearchBarExpand: {
+                                                    toggle: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                } | {
+                                    id: string;
+                                    type: string;
+                                    role: string;
+                                    version: string;
+                                    lang: string;
+                                    "alt-text": string;
+                                    name: string;
+                                    props: {
+                                        condition?: undefined;
+                                        cssClasses?: undefined;
+                                    };
+                                    styles: string;
+                                    value: string;
+                                    children: {
+                                        id: string;
+                                        type: string;
+                                        role: string;
+                                        version: string;
+                                        lang: string;
+                                        "alt-text": string;
+                                        name: string;
+                                        props: {
+                                            src: string;
+                                        };
+                                        styles: string;
+                                        value: string;
+                                        children: never[];
+                                    }[];
+                                    bindings?: undefined;
+                                })[];
+                                track?: undefined;
+                                bindings?: undefined;
+                            })[];
+                            bindings: {
+                                state: {
+                                    ImageState: {
+                                        path: string;
+                                        initialValue?: undefined;
+                                    };
+                                };
+                                events: {
+                                    onStateChangeActions: {
+                                        ImageState: {
+                                            conditionalCss: string;
+                                        };
+                                    };
+                                    click?: undefined;
+                                };
+                            };
+                        } | {
+                            id: string;
+                            role: string;
+                            version: string;
+                            lang: string;
+                            type: string;
+                            props: {
+                                condition?: undefined;
+                                cssClasses?: undefined;
+                            };
+                            styles: string;
+                            bindings: {
+                                state: {
+                                    ImageState: {
+                                        path: string;
+                                        initialValue: boolean;
+                                    };
+                                };
+                                events: {
+                                    click: {
+                                        ImageState: {
+                                            toggle: string;
+                                        };
+                                    };
+                                    onStateChangeActions?: undefined;
+                                };
+                            };
+                            children: {
+                                id: string;
+                                role: string;
+                                version: string;
+                                lang: string;
                                 type: string;
                                 props: {
                                     src: string;
                                     alt: string;
-                                    class: string;
-                                    placeholder?: undefined;
-                                    type?: undefined;
-                                    label?: undefined;
-                                    singleLine?: undefined;
-                                    required?: undefined;
-                                    labelStyles?: undefined;
-                                    inputStyles?: undefined;
-                                    containerStyles?: undefined;
-                                    search?: undefined;
                                 };
                                 styles: string;
-                                value: string;
                                 children: never[];
-                                bindings?: undefined;
-                            })[];
+                            }[];
+                            "alt-text"?: undefined;
+                            name?: undefined;
+                            value?: undefined;
                         })[];
                     }[];
                     bindings?: undefined;
@@ -3053,6 +3278,7 @@ export declare function load(): {
                     type: string;
                     role: string;
                     version: string;
+                    styles: string;
                     bindings: {
                         state: {
                             ImageState: {
@@ -3851,7 +4077,6 @@ export declare function load(): {
                     lang?: undefined;
                     "alt-text"?: undefined;
                     name?: undefined;
-                    styles?: undefined;
                 })[];
                 events?: undefined;
             } | {
@@ -4014,6 +4239,8 @@ export declare function load(): {
                                 type: string;
                                 props: {
                                     variant: string;
+                                    tabCss: string;
+                                    activeCss: string;
                                     type?: undefined;
                                     position?: undefined;
                                     storeListen?: undefined;
@@ -4683,6 +4910,8 @@ export declare function load(): {
                                 type: string;
                                 props: {
                                     variant?: undefined;
+                                    tabCss?: undefined;
+                                    activeCss?: undefined;
                                     type?: undefined;
                                     position?: undefined;
                                     storeListen?: undefined;
@@ -4718,6 +4947,8 @@ export declare function load(): {
                                     storeListen: string;
                                     size: string;
                                     variant?: undefined;
+                                    tabCss?: undefined;
+                                    activeCss?: undefined;
                                 };
                                 bindings: {
                                     state: string;

package/dist/{typescript-_U26e8KM.js → typescript-BLfp9l0R.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-CTyIxRKV.js";
+import { m as s } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{xml-BjkH3HlS.js → xml-BFCukSze.js}

@@ -1,4 +1,4 @@
-import { m as r } from "./index-CTyIxRKV.js";
+import { m as r } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/dist/{yaml-DydUOA1I.js → yaml-C-opYaMP.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-CTyIxRKV.js";
+import { m as l } from "./index-C4ZQZUTA.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mx-ui-components-pkg",
-  "version": "0.0.717-alpha.146",
+  "version": "0.0.717-alpha.147",
   "description": "mobius ui library",
   "types": "dist/index.d.ts",
   "license": "MIT",