web-mojo 2.2.57 → 2.2.59

package/dist/mojo-auth.es.js

@@ -0,0 +1,338 @@
+var v = (f, s) => () => (s || f((s = { exports: {} }).exports, s), s.exports);
+var y = v((S, d) => {
+  (function(f, s) {
+    typeof define == "function" && define.amd ? define([], s) : typeof d < "u" && d.exports ? d.exports = s() : f.MojoAuth = s();
+  })(typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : void 0, function() {
+    var f = "", s = {}, c = {
+      access: "access_token",
+      refresh: "refresh_token"
+    }, w = {
+      login: "/api/login",
+      forgotPassword: "/api/auth/forgot",
+      resetWithCode: "/api/auth/password/reset/code",
+      resetWithToken: "/api/auth/password/reset/token",
+      magicSend: "/api/auth/magic/send",
+      magicLogin: "/api/auth/magic/login",
+      passkeyLoginBegin: "/api/auth/passkeys/login/begin",
+      passkeyLoginComplete: "/api/auth/passkeys/login/complete",
+      oauthBegin: "/api/auth/oauth/{provider}/begin",
+      oauthComplete: "/api/auth/oauth/{provider}/complete",
+      refreshToken: "/api/refresh_token"
+    };
+    function i(e, r) {
+      var t = s[e] || w[e] || "";
+      return r && Object.keys(r).forEach(function(n) {
+        t = t.replace("{" + n + "}", r[n]);
+      }), f.replace(/\/$/, "") + t;
+    }
+    function u(e, r, t) {
+      var n = Object.assign({ "Content-Type": "application/json" }, {});
+      return fetch(e, {
+        method: "POST",
+        headers: n,
+        body: JSON.stringify(r || {})
+      }).then(function(o) {
+        return o.json().then(function(a) {
+          if (!o.ok) throw a;
+          return a;
+        });
+      });
+    }
+    function m(e, r) {
+      return fetch(e, {
+        method: "GET",
+        headers: Object.assign({ "Content-Type": "application/json" }, {})
+      }).then(function(t) {
+        return t.json().then(function(n) {
+          if (!t.ok) throw n;
+          return n;
+        });
+      });
+    }
+    function l(e) {
+      var r = e && e.data ? e.data : e;
+      if (!r || !r.access_token) throw new Error("No access_token in response");
+      return localStorage.setItem(c.access, r.access_token), r.refresh_token && localStorage.setItem(c.refresh, r.refresh_token), r;
+    }
+    function k(e) {
+      return e ? typeof e == "string" ? e : e.message || e.error || Array.isArray(e.errors) && e.errors[0] && e.errors[0].message || "An error occurred" : "An error occurred";
+    }
+    function p(e) {
+      for (var r = e.replace(/-/g, "+").replace(/_/g, "/"), t = atob(r), n = new Uint8Array(t.length), o = 0; o < t.length; o++)
+        n[o] = t.charCodeAt(o);
+      return n.buffer;
+    }
+    function h(e) {
+      for (var r = new Uint8Array(e), t = "", n = 0; n < r.byteLength; n++)
+        t += String.fromCharCode(r[n]);
+      return btoa(t).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+    }
+    var g = {
+      /**
+       * Initialize the library. Must be called before any auth method.
+       * @param {object} config
+       * @param {string} config.baseURL  - API base URL e.g. 'https://api.example.com'
+       * @param {object} [config.endpoints] - Override any default endpoint paths
+       */
+      init: function(e) {
+        if (!e || !e.baseURL) throw new Error("MojoAuth.init: baseURL is required");
+        f = e.baseURL, s = Object.assign({}, e.endpoints || {});
+      },
+      // -----------------------------------------------------------------------
+      // JWT Login
+      // -----------------------------------------------------------------------
+      /**
+       * Login with username/email and password.
+       * Stores access_token and refresh_token in localStorage on success.
+       * @param {string} username
+       * @param {string} password
+       * @returns {Promise<object>} response data ({ access_token, refresh_token, user })
+       *
+       * NOTE: If MFA is enabled, the response will contain { mfa_required: true, mfa_token, mfa_methods }
+       * instead of tokens. Check result.mfa_required before assuming login is complete.
+       */
+      login: function(e, r) {
+        return u(i("login"), { username: e, password: r }).then(function(t) {
+          var n = t.data || t;
+          return n.mfa_required ? n : l(t);
+        });
+      },
+      // -----------------------------------------------------------------------
+      // Password Reset — Code method
+      // -----------------------------------------------------------------------
+      /**
+       * Request a 6-digit reset code sent to the user's email.
+       * @param {string} email
+       * @returns {Promise<object>}
+       */
+      forgotPasswordCode: function(e) {
+        return u(i("forgotPassword"), { email: e, method: "code" });
+      },
+      /**
+       * Complete password reset using the emailed code.
+       * Stores tokens on success (logs user in automatically).
+       * @param {string} email
+       * @param {string} code     - 6-digit code from email
+       * @param {string} newPassword
+       * @returns {Promise<object>}
+       */
+      resetWithCode: function(e, r, t) {
+        return u(i("resetWithCode"), {
+          email: e,
+          code: r,
+          new_password: t
+        }).then(l);
+      },
+      // -----------------------------------------------------------------------
+      // Password Reset — Link / Token method
+      // -----------------------------------------------------------------------
+      /**
+       * Request a password reset link (pr: token) sent to the user's email.
+       * @param {string} email
+       * @returns {Promise<object>}
+       */
+      forgotPasswordLink: function(e) {
+        return u(i("forgotPassword"), { email: e, method: "link" });
+      },
+      /**
+       * Complete password reset using the token from the reset link email.
+       * Stores tokens on success.
+       * @param {string} token      - pr: prefixed token from URL
+       * @param {string} newPassword
+       * @returns {Promise<object>}
+       */
+      resetWithToken: function(e, r) {
+        return u(i("resetWithToken"), {
+          token: e,
+          new_password: r
+        }).then(l);
+      },
+      // -----------------------------------------------------------------------
+      // Magic Login (passwordless email link)
+      // -----------------------------------------------------------------------
+      /**
+       * Send a magic login link (ml: token) to the user's email.
+       * @param {string} email
+       * @returns {Promise<object>}
+       */
+      sendMagicLink: function(e) {
+        return u(i("magicSend"), { email: e });
+      },
+      /**
+       * Complete login using the ml: token from the magic link URL.
+       * Stores tokens on success.
+       * @param {string} token  - ml: prefixed token from URL ?token=ml:...
+       * @returns {Promise<object>}
+       */
+      loginWithMagicToken: function(e) {
+        return u(i("magicLogin"), { token: e }).then(l);
+      },
+      /**
+       * Convenience: read ?token= from current URL and login if it's a magic link token.
+       * Cleans the token from the URL after reading it.
+       * @returns {Promise<object|null>} resolves with auth data or null if no token found
+       */
+      handleMagicTokenFromURL: function() {
+        var e = new URLSearchParams(window.location.search), r = e.get("token");
+        if (!r || r.indexOf("ml:") !== 0) return Promise.resolve(null);
+        e.delete("token");
+        var t = e.toString() ? window.location.pathname + "?" + e.toString() : window.location.pathname;
+        return window.history.replaceState({}, "", t), g.loginWithMagicToken(r);
+      },
+      // -----------------------------------------------------------------------
+      // Passkey Login (WebAuthn)
+      // -----------------------------------------------------------------------
+      /**
+       * Check if WebAuthn passkeys are supported in this browser.
+       * @returns {boolean}
+       */
+      isPasskeySupported: function() {
+        return typeof window < "u" && typeof window.PublicKeyCredential < "u" && typeof navigator.credentials < "u" && typeof navigator.credentials.get == "function";
+      },
+      /**
+       * Login with a passkey (WebAuthn).
+       * Handles the full begin → browser prompt → complete flow.
+       * Stores tokens on success.
+       * @param {string} username  - username or email
+       * @returns {Promise<object>}
+       */
+      loginWithPasskey: function(e) {
+        return g.isPasskeySupported() ? u(i("passkeyLoginBegin"), { username: e }).then(function(r) {
+          var t = r.data || r, n = t.challenge_id, o = t.publicKey;
+          return o.challenge = p(o.challenge), o.allowCredentials && (o.allowCredentials = o.allowCredentials.map(function(a) {
+            return Object.assign({}, a, { id: p(a.id) });
+          })), navigator.credentials.get({ publicKey: o }).then(function(a) {
+            if (!a) throw new Error("No credential received from authenticator");
+            return u(i("passkeyLoginComplete"), {
+              challenge_id: n,
+              credential: {
+                id: a.id,
+                rawId: h(a.rawId),
+                type: a.type,
+                response: {
+                  clientDataJSON: h(a.response.clientDataJSON),
+                  authenticatorData: h(a.response.authenticatorData),
+                  signature: h(a.response.signature),
+                  userHandle: a.response.userHandle ? h(a.response.userHandle) : null
+                }
+              }
+            });
+          });
+        }).then(l) : Promise.reject(new Error("Passkeys are not supported in this browser"));
+      },
+      // -----------------------------------------------------------------------
+      // Google OAuth
+      // -----------------------------------------------------------------------
+      /**
+       * Start Google OAuth login.
+       * Fetches the authorization URL from the backend and redirects the browser.
+       * @returns {Promise<void>}
+       */
+      startGoogleLogin: function() {
+        return m(i("oauthBegin", { provider: "google" })).then(function(e) {
+          var r = e.data || e;
+          if (!r.auth_url) throw new Error("No auth_url in OAuth begin response");
+          window.location.href = r.auth_url;
+        });
+      },
+      /**
+       * Complete Google OAuth login — call this on your OAuth callback page.
+       * Reads ?code and ?state from the current URL automatically.
+       * Stores tokens on success.
+       * @returns {Promise<object>}
+       */
+      completeGoogleLogin: function() {
+        var e = new URLSearchParams(window.location.search), r = e.get("code"), t = e.get("state");
+        return r ? u(i("oauthComplete", { provider: "google" }), {
+          code: r,
+          state: t
+        }).then(l) : Promise.reject(new Error("No OAuth code in URL"));
+      },
+      // -----------------------------------------------------------------------
+      // Session helpers
+      // -----------------------------------------------------------------------
+      /**
+       * Log out — clears tokens from localStorage.
+       */
+      logout: function() {
+        localStorage.removeItem(c.access), localStorage.removeItem(c.refresh);
+      },
+      /**
+       * Check if the user has a stored access token.
+       * Does not validate expiry — use getTokenPayload() for that.
+       * @returns {boolean}
+       */
+      isAuthenticated: function() {
+        return !!localStorage.getItem(c.access);
+      },
+      /**
+       * Get the raw access token string.
+       * @returns {string|null}
+       */
+      getToken: function() {
+        return localStorage.getItem(c.access);
+      },
+      /**
+       * Get the raw refresh token string.
+       * @returns {string|null}
+       */
+      getRefreshToken: function() {
+        return localStorage.getItem(c.refresh);
+      },
+      /**
+       * Get the Authorization header value for use in API requests.
+       * @returns {string|null}  e.g. "Bearer eyJhbGci..."
+       */
+      getAuthHeader: function() {
+        var e = localStorage.getItem(c.access);
+        return e ? "Bearer " + e : null;
+      },
+      /**
+       * Decode the JWT access token payload (client-side only, no signature verification).
+       * @returns {object|null}
+       */
+      getTokenPayload: function() {
+        var e = localStorage.getItem(c.access);
+        if (!e) return null;
+        try {
+          var r = e.split(".");
+          if (r.length !== 3) return null;
+          var t = r[1].replace(/-/g, "+").replace(/_/g, "/"), n = 4 - t.length % 4;
+          return n !== 4 && (t += "====".slice(0, n)), JSON.parse(atob(t));
+        } catch {
+          return null;
+        }
+      },
+      /**
+       * Check if the stored access token is expired (based on JWT exp claim).
+       * Returns true if expired or if token is missing/undecodable.
+       * @returns {boolean}
+       */
+      isTokenExpired: function() {
+        var e = g.getTokenPayload();
+        return !e || !e.exp ? !0 : Math.floor(Date.now() / 1e3) >= e.exp;
+      },
+      /**
+       * Refresh the access token using the stored refresh token.
+       * Stores the new tokens on success.
+       * @returns {Promise<object>}
+       */
+      refreshToken: function() {
+        var e = localStorage.getItem(c.refresh);
+        return e ? u(i("refreshToken"), { refresh_token: e }).then(l) : Promise.reject(new Error("No refresh token stored"));
+      },
+      // -----------------------------------------------------------------------
+      // Error helper
+      // -----------------------------------------------------------------------
+      /**
+       * Extract a human-readable error message from a caught error.
+       * Works with the MOJO backend error shapes.
+       * @param {any} err  - the caught error (object, string, etc.)
+       * @returns {string}
+       */
+      getError: k
+    };
+    return g;
+  });
+});
+export default y();

package/dist/mojo-auth.umd.js

@@ -0,0 +1 @@
+(function(c){typeof define=="function"&&define.amd?define(c):c()})((function(){"use strict";(function(c,f){typeof define=="function"&&define.amd?define([],f):typeof module<"u"&&module.exports?module.exports=f():c.MojoAuth=f()})(typeof globalThis<"u"?globalThis:typeof window<"u"?window:void 0,function(){var c="",f={},u={access:"access_token",refresh:"refresh_token"},p={login:"/api/login",forgotPassword:"/api/auth/forgot",resetWithCode:"/api/auth/password/reset/code",resetWithToken:"/api/auth/password/reset/token",magicSend:"/api/auth/magic/send",magicLogin:"/api/auth/magic/login",passkeyLoginBegin:"/api/auth/passkeys/login/begin",passkeyLoginComplete:"/api/auth/passkeys/login/complete",oauthBegin:"/api/auth/oauth/{provider}/begin",oauthComplete:"/api/auth/oauth/{provider}/complete",refreshToken:"/api/refresh_token"};function i(e,r){var t=f[e]||p[e]||"";return r&&Object.keys(r).forEach(function(n){t=t.replace("{"+n+"}",r[n])}),c.replace(/\/$/,"")+t}function s(e,r,t){var n=Object.assign({"Content-Type":"application/json"},{});return fetch(e,{method:"POST",headers:n,body:JSON.stringify(r||{})}).then(function(o){return o.json().then(function(a){if(!o.ok)throw a;return a})})}function w(e,r){return fetch(e,{method:"GET",headers:Object.assign({"Content-Type":"application/json"},{})}).then(function(t){return t.json().then(function(n){if(!t.ok)throw n;return n})})}function l(e){var r=e&&e.data?e.data:e;if(!r||!r.access_token)throw new Error("No access_token in response");return localStorage.setItem(u.access,r.access_token),r.refresh_token&&localStorage.setItem(u.refresh,r.refresh_token),r}function m(e){return e?typeof e=="string"?e:e.message||e.error||Array.isArray(e.errors)&&e.errors[0]&&e.errors[0].message||"An error occurred":"An error occurred"}function g(e){for(var r=e.replace(/-/g,"+").replace(/_/g,"/"),t=atob(r),n=new Uint8Array(t.length),o=0;o<t.length;o++)n[o]=t.charCodeAt(o);return n.buffer}function d(e){for(var r=new Uint8Array(e),t="",n=0;n<r.byteLength;n++)t+=String.fromCharCode(r[n]);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}var h={init:function(e){if(!e||!e.baseURL)throw new Error("MojoAuth.init: baseURL is required");c=e.baseURL,f=Object.assign({},e.endpoints||{})},login:function(e,r){return s(i("login"),{username:e,password:r}).then(function(t){var n=t.data||t;return n.mfa_required?n:l(t)})},forgotPasswordCode:function(e){return s(i("forgotPassword"),{email:e,method:"code"})},resetWithCode:function(e,r,t){return s(i("resetWithCode"),{email:e,code:r,new_password:t}).then(l)},forgotPasswordLink:function(e){return s(i("forgotPassword"),{email:e,method:"link"})},resetWithToken:function(e,r){return s(i("resetWithToken"),{token:e,new_password:r}).then(l)},sendMagicLink:function(e){return s(i("magicSend"),{email:e})},loginWithMagicToken:function(e){return s(i("magicLogin"),{token:e}).then(l)},handleMagicTokenFromURL:function(){var e=new URLSearchParams(window.location.search),r=e.get("token");if(!r||r.indexOf("ml:")!==0)return Promise.resolve(null);e.delete("token");var t=e.toString()?window.location.pathname+"?"+e.toString():window.location.pathname;return window.history.replaceState({},"",t),h.loginWithMagicToken(r)},isPasskeySupported:function(){return typeof window<"u"&&typeof window.PublicKeyCredential<"u"&&typeof navigator.credentials<"u"&&typeof navigator.credentials.get=="function"},loginWithPasskey:function(e){return h.isPasskeySupported()?s(i("passkeyLoginBegin"),{username:e}).then(function(r){var t=r.data||r,n=t.challenge_id,o=t.publicKey;return o.challenge=g(o.challenge),o.allowCredentials&&(o.allowCredentials=o.allowCredentials.map(function(a){return Object.assign({},a,{id:g(a.id)})})),navigator.credentials.get({publicKey:o}).then(function(a){if(!a)throw new Error("No credential received from authenticator");return s(i("passkeyLoginComplete"),{challenge_id:n,credential:{id:a.id,rawId:d(a.rawId),type:a.type,response:{clientDataJSON:d(a.response.clientDataJSON),authenticatorData:d(a.response.authenticatorData),signature:d(a.response.signature),userHandle:a.response.userHandle?d(a.response.userHandle):null}}})})}).then(l):Promise.reject(new Error("Passkeys are not supported in this browser"))},startGoogleLogin:function(){return w(i("oauthBegin",{provider:"google"})).then(function(e){var r=e.data||e;if(!r.auth_url)throw new Error("No auth_url in OAuth begin response");window.location.href=r.auth_url})},completeGoogleLogin:function(){var e=new URLSearchParams(window.location.search),r=e.get("code"),t=e.get("state");return r?s(i("oauthComplete",{provider:"google"}),{code:r,state:t}).then(l):Promise.reject(new Error("No OAuth code in URL"))},logout:function(){localStorage.removeItem(u.access),localStorage.removeItem(u.refresh)},isAuthenticated:function(){return!!localStorage.getItem(u.access)},getToken:function(){return localStorage.getItem(u.access)},getRefreshToken:function(){return localStorage.getItem(u.refresh)},getAuthHeader:function(){var e=localStorage.getItem(u.access);return e?"Bearer "+e:null},getTokenPayload:function(){var e=localStorage.getItem(u.access);if(!e)return null;try{var r=e.split(".");if(r.length!==3)return null;var t=r[1].replace(/-/g,"+").replace(/_/g,"/"),n=4-t.length%4;return n!==4&&(t+="====".slice(0,n)),JSON.parse(atob(t))}catch{return null}},isTokenExpired:function(){var e=h.getTokenPayload();return!e||!e.exp?!0:Math.floor(Date.now()/1e3)>=e.exp},refreshToken:function(){var e=localStorage.getItem(u.refresh);return e?s(i("refreshToken"),{refresh_token:e}).then(l):Promise.reject(new Error("No refresh token stored"))},getError:m};return h})}));

package/dist/timeline.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/ListView-CDzKIpd8.js"),e=require("./chunks/Rest-CgSjfMaU.js"),i=require("./chunks/Collection-CxbNKOas.js");class TimelineViewItem extends t.ListViewItem{constructor(t={}){super({className:"timeline-item",...t}),this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.template||(this.template='\n                <div class="timeline-marker timeline-marker-{{markerType}}">\n                    {{#hasIcon}}\n                    <i class="bi {{model.icon}} text-{{displayColor}}"></i>\n                    {{/hasIcon}}\n                    {{^hasIcon}}\n                    <div class="timeline-dot bg-{{displayColor}}"></div>\n                    {{/hasIcon}}\n                </div>\n                \n                <div class="timeline-content">\n                    {{#showDate}}\n                    <div class="timeline-date text-muted small">\n                        {{formattedDate}}\n                    </div>\n                    {{/showDate}}\n                    \n                    <div class="timeline-card">\n                        {{#model.title}}\n                        <h6 class="timeline-title mb-1">{{model.title}}</h6>\n                        {{/model.title}}\n                        \n                        {{#model.description}}\n                        <p class="timeline-description mb-0">{{model.description}}</p>\n                        {{/model.description}}\n                        \n                        {{#model.meta}}\n                        <div class="timeline-meta mt-2 text-muted small">\n                            {{model.meta}}\n                        </div>\n                        {{/model.meta}}\n                    </div>\n                </div>\n            ')}async onInit(){await super.onInit(),this.processItemData()}processItemData(){this.displayColor=this.model?.get?.("color")||this.model?.color||this.theme;const t=!(!this.model?.get?.("icon")&&!this.model?.icon)&&"icon"===this.dotStyle;this.hasIcon=t,this.markerType=t?"icon":this.dotStyle;const e=this.model?.get?.("date")||this.model?.date;this.formattedDate=this.formatDate(e)}formatDate(t){if(!t)return"";switch(this.dateFormat){case"datetime":return e.dataFormatter.pipe(t,"datetime");case"relative":return e.dataFormatter.pipe(t,"timeago");default:return e.dataFormatter.pipe(t,"date")}}async onActionSelect(t,e){t.stopPropagation(),this.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model})}}class TimelineView extends t.ListView{constructor(t={}){super({className:"timeline-view",itemClass:t.itemClass||TimelineViewItem,selectionMode:"none",emptyMessage:t.emptyMessage||"No timeline events to display",template:'\n                <div class="timeline-container timeline-{{position}}">\n                    {{#loading}}\n                        <div class="timeline-loading text-center py-4">\n                            <div class="spinner-border spinner-border-sm" role="status">\n                                <span class="visually-hidden">Loading...</span>\n                            </div>\n                            <span class="ms-2 text-muted">Loading timeline...</span>\n                        </div>\n                    {{/loading}}\n                    {{^loading}}\n                        {{#isEmpty}}\n                            <div class="timeline-empty text-center text-muted py-4">\n                                <i class="bi bi-clock-history fs-1 d-block mb-2"></i>\n                                <p>{{emptyMessage}}</p>\n                            </div>\n                        {{/isEmpty}}\n                        {{^isEmpty}}\n                            <div class="timeline" data-container="items"></div>\n                        {{/isEmpty}}\n                    {{/loading}}\n                </div>\n            ',...t}),this.position=t.position||"left",this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.groupBy=t.groupBy||"none"}_createItemView(t,e){if(this.itemViews.has(t.id))return;const i=new this.itemClass({model:t,index:e,listView:this,template:this.itemTemplate,dateFormat:this.dateFormat,dotStyle:this.dotStyle,showDate:this.showDate,theme:this.theme});return this.itemViews.set(t.id,i),i.on("item:click",this._onItemClick.bind(this)),i}_onItemClick(t){this.emit("item:click",t)}setPosition(t){return"left"!==t&&"center"!==t?(console.warn('Invalid position. Use "left" or "center"'),this):(this.position=t,this.isMounted()&&this.render(),this)}setDateFormat(t){return this.dateFormat=t,this.forEachItem(e=>{e.dateFormat=t,e.processItemData(),e.isMounted()&&e.render()}),this}setDotStyle(t){return this.dotStyle=t,this.forEachItem(e=>{e.dotStyle=t,e.processItemData(),e.isMounted()&&e.render()}),this}toggleDates(t=null){return this.showDate=null!==t?t:!this.showDate,this.forEachItem(t=>{t.showDate=this.showDate,t.isMounted()&&t.render()}),this}}exports.ListView=t.ListView,exports.ListViewItem=t.ListViewItem,exports.View=e.View,exports.Collection=i.Collection,exports.Model=i.Model,exports.TimelineView=TimelineView,exports.TimelineViewItem=TimelineViewItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/ListView-DVStKiMi.js"),e=require("./chunks/Rest-Ds9e8tN8.js"),i=require("./chunks/Collection-DSBRXpwK.js");class TimelineViewItem extends t.ListViewItem{constructor(t={}){super({className:"timeline-item",...t}),this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.template||(this.template='\n                <div class="timeline-marker timeline-marker-{{markerType}}">\n                    {{#hasIcon}}\n                    <i class="bi {{model.icon}} text-{{displayColor}}"></i>\n                    {{/hasIcon}}\n                    {{^hasIcon}}\n                    <div class="timeline-dot bg-{{displayColor}}"></div>\n                    {{/hasIcon}}\n                </div>\n                \n                <div class="timeline-content">\n                    {{#showDate}}\n                    <div class="timeline-date text-muted small">\n                        {{formattedDate}}\n                    </div>\n                    {{/showDate}}\n                    \n                    <div class="timeline-card">\n                        {{#model.title}}\n                        <h6 class="timeline-title mb-1">{{model.title}}</h6>\n                        {{/model.title}}\n                        \n                        {{#model.description}}\n                        <p class="timeline-description mb-0">{{model.description}}</p>\n                        {{/model.description}}\n                        \n                        {{#model.meta}}\n                        <div class="timeline-meta mt-2 text-muted small">\n                            {{model.meta}}\n                        </div>\n                        {{/model.meta}}\n                    </div>\n                </div>\n            ')}async onInit(){await super.onInit(),this.processItemData()}processItemData(){this.displayColor=this.model?.get?.("color")||this.model?.color||this.theme;const t=!(!this.model?.get?.("icon")&&!this.model?.icon)&&"icon"===this.dotStyle;this.hasIcon=t,this.markerType=t?"icon":this.dotStyle;const e=this.model?.get?.("date")||this.model?.date;this.formattedDate=this.formatDate(e)}formatDate(t){if(!t)return"";switch(this.dateFormat){case"datetime":return e.dataFormatter.pipe(t,"datetime");case"relative":return e.dataFormatter.pipe(t,"timeago");default:return e.dataFormatter.pipe(t,"date")}}async onActionSelect(t,e){t.stopPropagation(),this.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model})}}class TimelineView extends t.ListView{constructor(t={}){super({className:"timeline-view",itemClass:t.itemClass||TimelineViewItem,selectionMode:"none",emptyMessage:t.emptyMessage||"No timeline events to display",template:'\n                <div class="timeline-container timeline-{{position}}">\n                    {{#loading}}\n                        <div class="timeline-loading text-center py-4">\n                            <div class="spinner-border spinner-border-sm" role="status">\n                                <span class="visually-hidden">Loading...</span>\n                            </div>\n                            <span class="ms-2 text-muted">Loading timeline...</span>\n                        </div>\n                    {{/loading}}\n                    {{^loading}}\n                        {{#isEmpty}}\n                            <div class="timeline-empty text-center text-muted py-4">\n                                <i class="bi bi-clock-history fs-1 d-block mb-2"></i>\n                                <p>{{emptyMessage}}</p>\n                            </div>\n                        {{/isEmpty}}\n                        {{^isEmpty}}\n                            <div class="timeline" data-container="items"></div>\n                        {{/isEmpty}}\n                    {{/loading}}\n                </div>\n            ',...t}),this.position=t.position||"left",this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.groupBy=t.groupBy||"none"}_createItemView(t,e){if(this.itemViews.has(t.id))return;const i=new this.itemClass({model:t,index:e,listView:this,template:this.itemTemplate,dateFormat:this.dateFormat,dotStyle:this.dotStyle,showDate:this.showDate,theme:this.theme});return this.itemViews.set(t.id,i),i.on("item:click",this._onItemClick.bind(this)),i}_onItemClick(t){this.emit("item:click",t)}setPosition(t){return"left"!==t&&"center"!==t?(console.warn('Invalid position. Use "left" or "center"'),this):(this.position=t,this.isMounted()&&this.render(),this)}setDateFormat(t){return this.dateFormat=t,this.forEachItem(e=>{e.dateFormat=t,e.processItemData(),e.isMounted()&&e.render()}),this}setDotStyle(t){return this.dotStyle=t,this.forEachItem(e=>{e.dotStyle=t,e.processItemData(),e.isMounted()&&e.render()}),this}toggleDates(t=null){return this.showDate=null!==t?t:!this.showDate,this.forEachItem(t=>{t.showDate=this.showDate,t.isMounted()&&t.render()}),this}}exports.ListView=t.ListView,exports.ListViewItem=t.ListViewItem,exports.View=e.View,exports.Collection=i.Collection,exports.Model=i.Model,exports.TimelineView=TimelineView,exports.TimelineViewItem=TimelineViewItem;
 //# sourceMappingURL=timeline.cjs.js.map

package/dist/timeline.es.js

@@ -1,225 +1,2 @@
-import { a as ListViewItem, L as ListView } from "./chunks/ListView-X5w5jf51.js";
-import { d as dataFormatter } from "./chunks/Rest-W-sPfGh9.js";
-import { V } from "./chunks/Rest-W-sPfGh9.js";
-import { C, M } from "./chunks/Collection-DaiL0uGl.js";
-class TimelineViewItem extends ListViewItem {
-  constructor(options = {}) {
-    super({
-      className: "timeline-item",
-      ...options
-    });
-    this.dateFormat = options.dateFormat || "date";
-    this.dotStyle = options.dotStyle || "solid";
-    this.showDate = options.showDate !== false;
-    this.theme = options.theme || "primary";
-    if (!this.template) {
-      this.template = `
-                <div class="timeline-marker timeline-marker-{{markerType}}">
-                    {{#hasIcon}}
-                    <i class="bi {{model.icon}} text-{{displayColor}}"></i>
-                    {{/hasIcon}}
-                    {{^hasIcon}}
-                    <div class="timeline-dot bg-{{displayColor}}"></div>
-                    {{/hasIcon}}
-                </div>
-                
-                <div class="timeline-content">
-                    {{#showDate}}
-                    <div class="timeline-date text-muted small">
-                        {{formattedDate}}
-                    </div>
-                    {{/showDate}}
-                    
-                    <div class="timeline-card">
-                        {{#model.title}}
-                        <h6 class="timeline-title mb-1">{{model.title}}</h6>
-                        {{/model.title}}
-                        
-                        {{#model.description}}
-                        <p class="timeline-description mb-0">{{model.description}}</p>
-                        {{/model.description}}
-                        
-                        {{#model.meta}}
-                        <div class="timeline-meta mt-2 text-muted small">
-                            {{model.meta}}
-                        </div>
-                        {{/model.meta}}
-                    </div>
-                </div>
-            `;
-    }
-  }
-  async onInit() {
-    await super.onInit();
-    this.processItemData();
-  }
-  processItemData() {
-    this.displayColor = this.model?.get?.("color") || this.model?.color || this.theme;
-    const hasIcon = !!(this.model?.get?.("icon") || this.model?.icon) && this.dotStyle === "icon";
-    this.hasIcon = hasIcon;
-    this.markerType = hasIcon ? "icon" : this.dotStyle;
-    const dateValue = this.model?.get?.("date") || this.model?.date;
-    this.formattedDate = this.formatDate(dateValue);
-  }
-  formatDate(date) {
-    if (!date) return "";
-    switch (this.dateFormat) {
-      case "datetime":
-        return dataFormatter.pipe(date, "datetime");
-      case "relative":
-        return dataFormatter.pipe(date, "timeago");
-      default:
-        return dataFormatter.pipe(date, "date");
-    }
-  }
-  // Override to disable selection behavior in timeline
-  async onActionSelect(event, _element) {
-    event.stopPropagation();
-    this.emit("item:click", {
-      item: this,
-      model: this.model,
-      index: this.index,
-      data: this.model?.toJSON ? this.model.toJSON() : this.model
-    });
-    if (this.listView) {
-      this.listView.emit("item:click", {
-        item: this,
-        model: this.model,
-        index: this.index,
-        data: this.model?.toJSON ? this.model.toJSON() : this.model
-      });
-    }
-  }
-}
-class TimelineView extends ListView {
-  constructor(options = {}) {
-    super({
-      className: "timeline-view",
-      itemClass: options.itemClass || TimelineViewItem,
-      selectionMode: "none",
-      // Timelines typically don't use selection
-      emptyMessage: options.emptyMessage || "No timeline events to display",
-      template: `
-                <div class="timeline-container timeline-{{position}}">
-                    {{#loading}}
-                        <div class="timeline-loading text-center py-4">
-                            <div class="spinner-border spinner-border-sm" role="status">
-                                <span class="visually-hidden">Loading...</span>
-                            </div>
-                            <span class="ms-2 text-muted">Loading timeline...</span>
-                        </div>
-                    {{/loading}}
-                    {{^loading}}
-                        {{#isEmpty}}
-                            <div class="timeline-empty text-center text-muted py-4">
-                                <i class="bi bi-clock-history fs-1 d-block mb-2"></i>
-                                <p>{{emptyMessage}}</p>
-                            </div>
-                        {{/isEmpty}}
-                        {{^isEmpty}}
-                            <div class="timeline" data-container="items"></div>
-                        {{/isEmpty}}
-                    {{/loading}}
-                </div>
-            `,
-      ...options
-    });
-    this.position = options.position || "left";
-    this.dateFormat = options.dateFormat || "date";
-    this.dotStyle = options.dotStyle || "solid";
-    this.showDate = options.showDate !== false;
-    this.theme = options.theme || "primary";
-    this.groupBy = options.groupBy || "none";
-  }
-  /**
-   * Override _createItemView to pass timeline-specific options
-   */
-  _createItemView(model, index) {
-    if (this.itemViews.has(model.id)) return;
-    const itemView = new this.itemClass({
-      model,
-      index,
-      listView: this,
-      template: this.itemTemplate,
-      // Pass timeline-specific options to items
-      dateFormat: this.dateFormat,
-      dotStyle: this.dotStyle,
-      showDate: this.showDate,
-      theme: this.theme
-    });
-    this.itemViews.set(model.id, itemView);
-    itemView.on("item:click", this._onItemClick.bind(this));
-    return itemView;
-  }
-  /**
-   * Handle item clicks (replaces selection behavior)
-   */
-  _onItemClick(event) {
-    this.emit("item:click", event);
-  }
-  /**
-   * Update timeline position
-   */
-  setPosition(position) {
-    if (position !== "left" && position !== "center") {
-      console.warn('Invalid position. Use "left" or "center"');
-      return this;
-    }
-    this.position = position;
-    if (this.isMounted()) {
-      this.render();
-    }
-    return this;
-  }
-  /**
-   * Update date format for all items
-   */
-  setDateFormat(format) {
-    this.dateFormat = format;
-    this.forEachItem((itemView) => {
-      itemView.dateFormat = format;
-      itemView.processItemData();
-      if (itemView.isMounted()) {
-        itemView.render();
-      }
-    });
-    return this;
-  }
-  /**
-   * Update dot style for all items
-   */
-  setDotStyle(style) {
-    this.dotStyle = style;
-    this.forEachItem((itemView) => {
-      itemView.dotStyle = style;
-      itemView.processItemData();
-      if (itemView.isMounted()) {
-        itemView.render();
-      }
-    });
-    return this;
-  }
-  /**
-   * Toggle date display
-   */
-  toggleDates(show = null) {
-    this.showDate = show !== null ? show : !this.showDate;
-    this.forEachItem((itemView) => {
-      itemView.showDate = this.showDate;
-      if (itemView.isMounted()) {
-        itemView.render();
-      }
-    });
-    return this;
-  }
-}
-export {
-  C as Collection,
-  ListView,
-  ListViewItem,
-  M as Model,
-  TimelineView,
-  TimelineViewItem,
-  V as View
-};
+import{a as t,L as e}from"./chunks/ListView-6JQ6tRXs.js";import{d as i}from"./chunks/Rest-DHbszkuP.js";import{V as s}from"./chunks/Rest-DHbszkuP.js";import{C as n,M as o}from"./chunks/Collection-1sPoIFvQ.js";class TimelineViewItem extends t{constructor(t={}){super({className:"timeline-item",...t}),this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.template||(this.template='\n                <div class="timeline-marker timeline-marker-{{markerType}}">\n                    {{#hasIcon}}\n                    <i class="bi {{model.icon}} text-{{displayColor}}"></i>\n                    {{/hasIcon}}\n                    {{^hasIcon}}\n                    <div class="timeline-dot bg-{{displayColor}}"></div>\n                    {{/hasIcon}}\n                </div>\n                \n                <div class="timeline-content">\n                    {{#showDate}}\n                    <div class="timeline-date text-muted small">\n                        {{formattedDate}}\n                    </div>\n                    {{/showDate}}\n                    \n                    <div class="timeline-card">\n                        {{#model.title}}\n                        <h6 class="timeline-title mb-1">{{model.title}}</h6>\n                        {{/model.title}}\n                        \n                        {{#model.description}}\n                        <p class="timeline-description mb-0">{{model.description}}</p>\n                        {{/model.description}}\n                        \n                        {{#model.meta}}\n                        <div class="timeline-meta mt-2 text-muted small">\n                            {{model.meta}}\n                        </div>\n                        {{/model.meta}}\n                    </div>\n                </div>\n            ')}async onInit(){await super.onInit(),this.processItemData()}processItemData(){this.displayColor=this.model?.get?.("color")||this.model?.color||this.theme;const t=!(!this.model?.get?.("icon")&&!this.model?.icon)&&"icon"===this.dotStyle;this.hasIcon=t,this.markerType=t?"icon":this.dotStyle;const e=this.model?.get?.("date")||this.model?.date;this.formattedDate=this.formatDate(e)}formatDate(t){if(!t)return"";switch(this.dateFormat){case"datetime":return i.pipe(t,"datetime");case"relative":return i.pipe(t,"timeago");default:return i.pipe(t,"date")}}async onActionSelect(t,e){t.stopPropagation(),this.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model}),this.listView&&this.listView.emit("item:click",{item:this,model:this.model,index:this.index,data:this.model?.toJSON?this.model.toJSON():this.model})}}class TimelineView extends e{constructor(t={}){super({className:"timeline-view",itemClass:t.itemClass||TimelineViewItem,selectionMode:"none",emptyMessage:t.emptyMessage||"No timeline events to display",template:'\n                <div class="timeline-container timeline-{{position}}">\n                    {{#loading}}\n                        <div class="timeline-loading text-center py-4">\n                            <div class="spinner-border spinner-border-sm" role="status">\n                                <span class="visually-hidden">Loading...</span>\n                            </div>\n                            <span class="ms-2 text-muted">Loading timeline...</span>\n                        </div>\n                    {{/loading}}\n                    {{^loading}}\n                        {{#isEmpty}}\n                            <div class="timeline-empty text-center text-muted py-4">\n                                <i class="bi bi-clock-history fs-1 d-block mb-2"></i>\n                                <p>{{emptyMessage}}</p>\n                            </div>\n                        {{/isEmpty}}\n                        {{^isEmpty}}\n                            <div class="timeline" data-container="items"></div>\n                        {{/isEmpty}}\n                    {{/loading}}\n                </div>\n            ',...t}),this.position=t.position||"left",this.dateFormat=t.dateFormat||"date",this.dotStyle=t.dotStyle||"solid",this.showDate=!1!==t.showDate,this.theme=t.theme||"primary",this.groupBy=t.groupBy||"none"}_createItemView(t,e){if(this.itemViews.has(t.id))return;const i=new this.itemClass({model:t,index:e,listView:this,template:this.itemTemplate,dateFormat:this.dateFormat,dotStyle:this.dotStyle,showDate:this.showDate,theme:this.theme});return this.itemViews.set(t.id,i),i.on("item:click",this._onItemClick.bind(this)),i}_onItemClick(t){this.emit("item:click",t)}setPosition(t){return"left"!==t&&"center"!==t?(console.warn('Invalid position. Use "left" or "center"'),this):(this.position=t,this.isMounted()&&this.render(),this)}setDateFormat(t){return this.dateFormat=t,this.forEachItem(e=>{e.dateFormat=t,e.processItemData(),e.isMounted()&&e.render()}),this}setDotStyle(t){return this.dotStyle=t,this.forEachItem(e=>{e.dotStyle=t,e.processItemData(),e.isMounted()&&e.render()}),this}toggleDates(t=null){return this.showDate=null!==t?t:!this.showDate,this.forEachItem(t=>{t.showDate=this.showDate,t.isMounted()&&t.render()}),this}}export{n as Collection,e as ListView,t as ListViewItem,o as Model,TimelineView,TimelineViewItem,s as View};
 //# sourceMappingURL=timeline.es.js.map