web-mojo 2.4.2 → 2.4.3

package/CHANGELOG.md

@@ -2,6 +2,80 @@
 
 ## Unreleased
 
+### MetricsChart / MetricsMiniChartWidget — granularity in stats header
+
+- The stats modal now shows the granularity and bucket count above the
+  table (e.g. "Hourly · 24 points"). Makes it clear what window the
+  stats are computed over without having to look back at the chart.
+
+### MetricsChart — collapsible secondary toolbar
+
+- **Changed:** the secondary toolbar (gear, type switch, stats, data, refresh)
+  now collapses behind a kebab `⋯` trigger and slides into view on hover or
+  focus-within of the cluster. The granularity toggle stays visible since
+  it's the primary control. Reduces visual clutter when the chart isn't
+  being interacted with.
+- The kebab uses `btn-link` styling (transparent border / background) so
+  it reads as a quiet trigger rather than a button.
+- Pure CSS — `max-width` + `opacity` transition, no JS. Touch-friendly:
+  tapping the kebab focuses it, `:focus-within` reveals the cluster, and
+  the cluster stays visible while focus remains inside (e.g. while a
+  modal opened from a cluster button is interacted with).
+
+### MetricsChart / MetricsMiniChartWidget — stats modal + data table modal
+
+- **Added:** stats modal — click the `bi-info-circle` toolbar button to
+  open a modal showing `Latest / Min / Max / Avg / Median / Sum / Count`
+  over the chart's currently-loaded data. `MetricsChart` shows one row
+  per dataset; `MetricsMiniChartWidget` shows a single set since it's
+  one series.
+- **Added:** data table modal — click the `bi-table` toolbar button to
+  open a modal with the chart's labels and values as a sortable table,
+  plus a "Download CSV" button. Filename is `<title-slug>-<YYYY-MM-DD>.csv`.
+- Both opt-out via `showStats: false` / `showDataTable: false`. Default
+  on; auto-suppressed in `MetricsChart`'s `compactHeader` mode.
+- `MetricsChart` now caches the most recent processed payload
+  (`{labels, datasets}`) on `_lastChartData` so the stats and data-table
+  modals can read it without reaching into the SeriesChart child's
+  private state.
+
+### MetricsChart — inline granularity toggle
+
+- **Changed:** granularity selection moved out of the gear dropdown into
+  an inline Yahoo-style toggle (`MIN HR DAY WK MO`) in the chart header.
+  Quiet styling — text-only buttons with subtle hover/active background,
+  selected option in `--bs-body-color` and bold weight. One click instead
+  of two.
+- **Responsive:** below 560px container width (CSS container query), the
+  inline toggle automatically swaps to a compact native `<select>` styled
+  to match the toolbar's `btn-sm` height (31px). Same granularity values,
+  same action wiring; the two surfaces stay in sync. Zero JS — the
+  breakpoint is container-aware (not viewport-aware), so charts in narrow
+  dashboard columns get the dropdown even on a wide screen.
+- The gear menu now contains only the Date Range section (quick ranges +
+  Custom Range dialog). It's auto-suppressed when no items remain.
+- **Added:** `inlineGranularity` option (default `true`). Pass `false`
+  to revert to the old gear-menu-only flow.
+- **Added:** `shortLabel` field on `granularityOptions`. Defaults:
+  `minutes → MIN`, `hours → HR`, `days → DAY`, `weeks → WK`, `months → MO`.
+  Override per option to customize.
+- `compactHeader` mode disables the inline toggle automatically (it was
+  already suppressing the rest of the toolbar).
+
+### MetricsChart / SeriesChart — refresh button + x-axis label fallback
+
+- **Added:** `MetricsChart` now renders a refresh button in its header
+  toolbar by default, matching the convention from `MetricsMiniChartWidget`.
+  Opt-out with `showRefresh: false`. Suppressed automatically in
+  `compactHeader` mode.
+- **Fixed:** `SeriesChart` x-axis labels disappeared when the backend
+  returned pre-formatted strings (e.g. `"16:00"`) and `xLabelFormat`
+  was set to a `time:`/`date:` pipe. The DataFormatter pipe couldn't
+  parse the already-formatted string, returned empty, and every tick
+  rendered blank. `_formatXLabel` now falls back to the raw label when
+  the formatter produces an empty result. This unblocks the
+  `MetricsChart` defaults for `granularity: 'hours'` and `'minutes'`.
+
 ### MiniChart — bar charts baseline at zero
 
 - **Fixed:** bar charts now baseline at zero so minimum-value bars are

package/dist/admin.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/admin-C6ij_cgY.js"),a=require("./chunks/ChatView-CUmRTKna.js"),s=require("./chunks/WebApp-B6wrmIaj.js"),t=require("./chunks/version-zXMtMDDM.js");exports.AdminDashboardPage=e.AdminDashboardPage,exports.ApiKeyTablePage=e.ApiKeyTablePage,exports.ApiKeyView=e.ApiKeyView,exports.AssistantConversationTablePage=e.AssistantConversationTablePage,exports.AssistantConversationView=e.AssistantConversationView,exports.AssistantMemoryPage=e.AssistantMemoryPage,exports.AssistantSkillTablePage=e.AssistantSkillTablePage,exports.AssistantSkillView=e.AssistantSkillView,exports.AssistantView=e.AssistantView,exports.BlockedIPsTablePage=e.BlockedIPsTablePage,exports.BotSignatureTablePage=e.BotSignatureTablePage,exports.BouncerDeviceTablePage=e.BouncerDeviceTablePage,exports.BouncerDeviceView=e.BouncerDeviceView,exports.BouncerSignalTablePage=e.BouncerSignalTablePage,exports.BouncerSignalView=e.BouncerSignalView,exports.CloudWatchChart=e.CloudWatchChart,exports.CloudWatchDashboardPage=e.CloudWatchDashboardPage,exports.CloudWatchResourceView=e.CloudWatchResourceView,exports.DeviceView=e.DeviceView,exports.EmailDomainTablePage=e.EmailDomainTablePage,exports.EmailMailboxTablePage=e.EmailMailboxTablePage,exports.EmailTemplateTablePage=e.EmailTemplateTablePage,exports.EmailTemplateView=e.EmailTemplateView,exports.EmailView=e.EmailView,exports.EventTablePage=e.EventTablePage,exports.EventView=e.EventView,exports.FileManagerTablePage=e.FileManagerTablePage,exports.FileTablePage=e.FileTablePage,exports.FirewallLogTablePage=e.FirewallLogTablePage,exports.GeoIPView=e.GeoIPView,exports.GeoLocatedIPTablePage=e.GeoLocatedIPTablePage,exports.GroupTablePage=e.GroupTablePage,exports.GroupView=e.GroupView,exports.HandlerBuilderView=e.HandlerBuilderView,exports.IPSetTablePage=e.IPSetTablePage,exports.IPSetView=e.IPSetView,exports.IncidentDashboardPage=e.SecurityDashboardPage,exports.IncidentTablePage=e.IncidentTablePage,exports.IncidentView=e.IncidentView,exports.JobDashboardPage=e.JobDashboardPage,exports.JobDetailsView=e.JobDetailsView,exports.JobHealthView=e.JobHealthView,exports.JobRunnersPage=e.JobRunnersPage,exports.JobStatsView=e.JobStatsView,exports.JobsTablePage=e.JobsTablePage,exports.LogTablePage=e.LogTablePage,exports.LogView=e.LogView,exports.MemberTablePage=e.MemberTablePage,exports.MemberView=e.MemberView,exports.MetricsPermissionsTablePage=e.MetricsPermissionsTablePage,exports.MetricsPermissionsView=e.MetricsPermissionsView,exports.PhoneNumberTablePage=e.PhoneNumberTablePage,exports.PhoneNumberView=e.PhoneNumberView,exports.PublicMessageTablePage=e.PublicMessageTablePage,exports.PublicMessageView=e.PublicMessageView,exports.PushConfigTablePage=e.PushConfigTablePage,exports.PushDashboardPage=e.PushDashboardPage,exports.PushDeliveryTablePage=e.PushDeliveryTablePage,exports.PushDeliveryView=e.PushDeliveryView,exports.PushDeviceTablePage=e.PushDeviceTablePage,exports.PushDeviceView=e.PushDeviceView,exports.PushTemplateTablePage=e.PushTemplateTablePage,exports.RuleSetTablePage=e.RuleSetTablePage,exports.RuleSetView=e.RuleSetView,exports.RunnerDetailsView=e.RunnerDetailsView,exports.S3BucketTablePage=e.S3BucketTablePage,exports.SMSTablePage=e.SMSTablePage,exports.ScheduledTaskTablePage=e.ScheduledTaskTablePage,exports.ScheduledTaskView=e.ScheduledTaskView,exports.SentMessageTablePage=e.SentMessageTablePage,exports.SettingTablePage=e.SettingTablePage,exports.SettingView=e.SettingView,exports.ShortLinkClickTablePage=e.ShortLinkClickTablePage,exports.ShortLinkTablePage=e.ShortLinkTablePage,exports.ShortLinkView=e.ShortLinkView,exports.TicketTablePage=e.TicketTablePage,exports.TicketView=e.TicketView,exports.UserDeviceLocationTablePage=e.UserDeviceLocationTablePage,exports.UserDeviceLocationView=e.UserDeviceLocationView,exports.UserDeviceTablePage=e.UserDeviceTablePage,exports.UserTablePage=e.UserTablePage,exports.UserView=e.UserView,exports.registerAdminPages=e.registerSystemPages,exports.registerAssistant=e.registerAssistant,exports.registerSystemPages=e.registerSystemPages,exports.FileView=a.FileView,exports.WebApp=s.WebApp,exports.BUILD_TIME=t.BUILD_TIME,exports.VERSION=t.VERSION,exports.VERSION_INFO=t.VERSION_INFO,exports.VERSION_MAJOR=t.VERSION_MAJOR,exports.VERSION_MINOR=t.VERSION_MINOR,exports.VERSION_REVISION=t.VERSION_REVISION;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/admin-D8GKQBwN.js"),a=require("./chunks/ChatView-CUmRTKna.js"),s=require("./chunks/WebApp-B6wrmIaj.js"),t=require("./chunks/version-BEKxO75G.js");exports.AdminDashboardPage=e.AdminDashboardPage,exports.ApiKeyTablePage=e.ApiKeyTablePage,exports.ApiKeyView=e.ApiKeyView,exports.AssistantConversationTablePage=e.AssistantConversationTablePage,exports.AssistantConversationView=e.AssistantConversationView,exports.AssistantMemoryPage=e.AssistantMemoryPage,exports.AssistantSkillTablePage=e.AssistantSkillTablePage,exports.AssistantSkillView=e.AssistantSkillView,exports.AssistantView=e.AssistantView,exports.BlockedIPsTablePage=e.BlockedIPsTablePage,exports.BotSignatureTablePage=e.BotSignatureTablePage,exports.BouncerDeviceTablePage=e.BouncerDeviceTablePage,exports.BouncerDeviceView=e.BouncerDeviceView,exports.BouncerSignalTablePage=e.BouncerSignalTablePage,exports.BouncerSignalView=e.BouncerSignalView,exports.CloudWatchChart=e.CloudWatchChart,exports.CloudWatchDashboardPage=e.CloudWatchDashboardPage,exports.CloudWatchResourceView=e.CloudWatchResourceView,exports.DeviceView=e.DeviceView,exports.EmailDomainTablePage=e.EmailDomainTablePage,exports.EmailMailboxTablePage=e.EmailMailboxTablePage,exports.EmailTemplateTablePage=e.EmailTemplateTablePage,exports.EmailTemplateView=e.EmailTemplateView,exports.EmailView=e.EmailView,exports.EventTablePage=e.EventTablePage,exports.EventView=e.EventView,exports.FileManagerTablePage=e.FileManagerTablePage,exports.FileTablePage=e.FileTablePage,exports.FirewallLogTablePage=e.FirewallLogTablePage,exports.GeoIPView=e.GeoIPView,exports.GeoLocatedIPTablePage=e.GeoLocatedIPTablePage,exports.GroupTablePage=e.GroupTablePage,exports.GroupView=e.GroupView,exports.HandlerBuilderView=e.HandlerBuilderView,exports.IPSetTablePage=e.IPSetTablePage,exports.IPSetView=e.IPSetView,exports.IncidentDashboardPage=e.SecurityDashboardPage,exports.IncidentTablePage=e.IncidentTablePage,exports.IncidentView=e.IncidentView,exports.JobDashboardPage=e.JobDashboardPage,exports.JobDetailsView=e.JobDetailsView,exports.JobHealthView=e.JobHealthView,exports.JobRunnersPage=e.JobRunnersPage,exports.JobStatsView=e.JobStatsView,exports.JobsTablePage=e.JobsTablePage,exports.LogTablePage=e.LogTablePage,exports.LogView=e.LogView,exports.MemberTablePage=e.MemberTablePage,exports.MemberView=e.MemberView,exports.MetricsPermissionsTablePage=e.MetricsPermissionsTablePage,exports.MetricsPermissionsView=e.MetricsPermissionsView,exports.PhoneNumberTablePage=e.PhoneNumberTablePage,exports.PhoneNumberView=e.PhoneNumberView,exports.PublicMessageTablePage=e.PublicMessageTablePage,exports.PublicMessageView=e.PublicMessageView,exports.PushConfigTablePage=e.PushConfigTablePage,exports.PushDashboardPage=e.PushDashboardPage,exports.PushDeliveryTablePage=e.PushDeliveryTablePage,exports.PushDeliveryView=e.PushDeliveryView,exports.PushDeviceTablePage=e.PushDeviceTablePage,exports.PushDeviceView=e.PushDeviceView,exports.PushTemplateTablePage=e.PushTemplateTablePage,exports.RuleSetTablePage=e.RuleSetTablePage,exports.RuleSetView=e.RuleSetView,exports.RunnerDetailsView=e.RunnerDetailsView,exports.S3BucketTablePage=e.S3BucketTablePage,exports.SMSTablePage=e.SMSTablePage,exports.ScheduledTaskTablePage=e.ScheduledTaskTablePage,exports.ScheduledTaskView=e.ScheduledTaskView,exports.SentMessageTablePage=e.SentMessageTablePage,exports.SettingTablePage=e.SettingTablePage,exports.SettingView=e.SettingView,exports.ShortLinkClickTablePage=e.ShortLinkClickTablePage,exports.ShortLinkTablePage=e.ShortLinkTablePage,exports.ShortLinkView=e.ShortLinkView,exports.TicketTablePage=e.TicketTablePage,exports.TicketView=e.TicketView,exports.UserDeviceLocationTablePage=e.UserDeviceLocationTablePage,exports.UserDeviceLocationView=e.UserDeviceLocationView,exports.UserDeviceTablePage=e.UserDeviceTablePage,exports.UserTablePage=e.UserTablePage,exports.UserView=e.UserView,exports.registerAdminPages=e.registerSystemPages,exports.registerAssistant=e.registerAssistant,exports.registerSystemPages=e.registerSystemPages,exports.FileView=a.FileView,exports.WebApp=s.WebApp,exports.BUILD_TIME=t.BUILD_TIME,exports.VERSION=t.VERSION,exports.VERSION_INFO=t.VERSION_INFO,exports.VERSION_MAJOR=t.VERSION_MAJOR,exports.VERSION_MINOR=t.VERSION_MINOR,exports.VERSION_REVISION=t.VERSION_REVISION;
 //# sourceMappingURL=admin.cjs.js.map

package/dist/admin.es.js

@@ -1,2 +1,2 @@
-import{c as a,d as e,e as s,f as i,g as l,h as P,i as g,j as t,b,B as o,k as r,l as n,m as T,n as V,o as c,C as w,p as u,q as h,D as m,E as S,r as d,s as D,t as I,u as k,v as p,w as v,F as A,x as E,y as M,G as R,z as B,H as L,I as N,J as C,K as O,L as J,S as y,M as U,N as W,O as f,P as F,Q as _,R as j,T as G,U as x,V as H,W as K,X as q,Y as z,Z as Q,_ as X,$ as Y,a0 as Z,a1 as $,a2 as aa,a3 as ea,a4 as sa,a5 as ia,a6 as la,a7 as Pa,a8 as ga,a9 as ta,aa as ba,ab as oa,ac as ra,ad as na,ae as Ta,af as Va,ag as ca,ah as wa,ai as ua,aj as ha,ak as ma,al as Sa,am as da,an as Da,ao as Ia,ap as ka,aq as pa,ar as va,as as Aa,at as Ea,au as Ma,av as Ra,au as Ba}from"./chunks/admin-XYw72vIH.js";import{c as La}from"./chunks/ChatView-B0xHv7Nq.js";import{W as Na}from"./chunks/WebApp-DeHPnmbD.js";import{B as Ca,V as Oa,a as Ja,b as ya,c as Ua,d as Wa}from"./chunks/version-CKDlDMOh.js";export{a as AdminDashboardPage,e as ApiKeyTablePage,s as ApiKeyView,i as AssistantConversationTablePage,l as AssistantConversationView,P as AssistantMemoryPage,g as AssistantSkillTablePage,t as AssistantSkillView,b as AssistantView,Ca as BUILD_TIME,o as BlockedIPsTablePage,r as BotSignatureTablePage,n as BouncerDeviceTablePage,T as BouncerDeviceView,V as BouncerSignalTablePage,c as BouncerSignalView,w as CloudWatchChart,u as CloudWatchDashboardPage,h as CloudWatchResourceView,m as DeviceView,S as EmailDomainTablePage,d as EmailMailboxTablePage,D as EmailTemplateTablePage,I as EmailTemplateView,k as EmailView,p as EventTablePage,v as EventView,A as FileManagerTablePage,E as FileTablePage,La as FileView,M as FirewallLogTablePage,R as GeoIPView,B as GeoLocatedIPTablePage,L as GroupTablePage,N as GroupView,C as HandlerBuilderView,O as IPSetTablePage,J as IPSetView,y as IncidentDashboardPage,U as IncidentTablePage,W as IncidentView,f as JobDashboardPage,F as JobDetailsView,_ as JobHealthView,j as JobRunnersPage,G as JobStatsView,x as JobsTablePage,H as LogTablePage,K as LogView,q as MemberTablePage,z as MemberView,Q as MetricsPermissionsTablePage,X as MetricsPermissionsView,Y as PhoneNumberTablePage,Z as PhoneNumberView,$ as PublicMessageTablePage,aa as PublicMessageView,ea as PushConfigTablePage,sa as PushDashboardPage,ia as PushDeliveryTablePage,la as PushDeliveryView,Pa as PushDeviceTablePage,ga as PushDeviceView,ta as PushTemplateTablePage,ba as RuleSetTablePage,oa as RuleSetView,ra as RunnerDetailsView,na as S3BucketTablePage,Ta as SMSTablePage,Va as ScheduledTaskTablePage,ca as ScheduledTaskView,wa as SentMessageTablePage,ua as SettingTablePage,ha as SettingView,ma as ShortLinkClickTablePage,Sa as ShortLinkTablePage,da as ShortLinkView,Da as TicketTablePage,Ia as TicketView,ka as UserDeviceLocationTablePage,pa as UserDeviceLocationView,va as UserDeviceTablePage,Aa as UserTablePage,Ea as UserView,Oa as VERSION,Ja as VERSION_INFO,ya as VERSION_MAJOR,Ua as VERSION_MINOR,Wa as VERSION_REVISION,Na as WebApp,Ma as registerAdminPages,Ra as registerAssistant,Ba as registerSystemPages};
+import{c as a,d as e,e as s,f as i,g as l,h as P,i as g,j as t,b,B as o,k as r,l as n,m as T,n as V,o as c,C as w,p as u,q as h,D as m,E as S,r as d,s as D,t as I,u as k,v as p,w as v,F as A,x as E,y as M,G as R,z as B,H as L,I as N,J as C,K as O,L as J,S as y,M as U,N as W,O as f,P as F,Q as _,R as j,T as G,U as x,V as H,W as K,X as q,Y as z,Z as Q,_ as X,$ as Y,a0 as Z,a1 as $,a2 as aa,a3 as ea,a4 as sa,a5 as ia,a6 as la,a7 as Pa,a8 as ga,a9 as ta,aa as ba,ab as oa,ac as ra,ad as na,ae as Ta,af as Va,ag as ca,ah as wa,ai as ua,aj as ha,ak as ma,al as Sa,am as da,an as Da,ao as Ia,ap as ka,aq as pa,ar as va,as as Aa,at as Ea,au as Ma,av as Ra,au as Ba}from"./chunks/admin-Cct4cQOQ.js";import{c as La}from"./chunks/ChatView-B0xHv7Nq.js";import{W as Na}from"./chunks/WebApp-DeHPnmbD.js";import{B as Ca,V as Oa,a as Ja,b as ya,c as Ua,d as Wa}from"./chunks/version-LBA3E61x.js";export{a as AdminDashboardPage,e as ApiKeyTablePage,s as ApiKeyView,i as AssistantConversationTablePage,l as AssistantConversationView,P as AssistantMemoryPage,g as AssistantSkillTablePage,t as AssistantSkillView,b as AssistantView,Ca as BUILD_TIME,o as BlockedIPsTablePage,r as BotSignatureTablePage,n as BouncerDeviceTablePage,T as BouncerDeviceView,V as BouncerSignalTablePage,c as BouncerSignalView,w as CloudWatchChart,u as CloudWatchDashboardPage,h as CloudWatchResourceView,m as DeviceView,S as EmailDomainTablePage,d as EmailMailboxTablePage,D as EmailTemplateTablePage,I as EmailTemplateView,k as EmailView,p as EventTablePage,v as EventView,A as FileManagerTablePage,E as FileTablePage,La as FileView,M as FirewallLogTablePage,R as GeoIPView,B as GeoLocatedIPTablePage,L as GroupTablePage,N as GroupView,C as HandlerBuilderView,O as IPSetTablePage,J as IPSetView,y as IncidentDashboardPage,U as IncidentTablePage,W as IncidentView,f as JobDashboardPage,F as JobDetailsView,_ as JobHealthView,j as JobRunnersPage,G as JobStatsView,x as JobsTablePage,H as LogTablePage,K as LogView,q as MemberTablePage,z as MemberView,Q as MetricsPermissionsTablePage,X as MetricsPermissionsView,Y as PhoneNumberTablePage,Z as PhoneNumberView,$ as PublicMessageTablePage,aa as PublicMessageView,ea as PushConfigTablePage,sa as PushDashboardPage,ia as PushDeliveryTablePage,la as PushDeliveryView,Pa as PushDeviceTablePage,ga as PushDeviceView,ta as PushTemplateTablePage,ba as RuleSetTablePage,oa as RuleSetView,ra as RunnerDetailsView,na as S3BucketTablePage,Ta as SMSTablePage,Va as ScheduledTaskTablePage,ca as ScheduledTaskView,wa as SentMessageTablePage,ua as SettingTablePage,ha as SettingView,ma as ShortLinkClickTablePage,Sa as ShortLinkTablePage,da as ShortLinkView,Da as TicketTablePage,Ia as TicketView,ka as UserDeviceLocationTablePage,pa as UserDeviceLocationView,va as UserDeviceTablePage,Aa as UserTablePage,Ea as UserView,Oa as VERSION,Ja as VERSION_INFO,ya as VERSION_MAJOR,Ua as VERSION_MINOR,Wa as VERSION_REVISION,Na as WebApp,Ma as registerAdminPages,Ra as registerAssistant,Ba as registerSystemPages};
 //# sourceMappingURL=admin.es.js.map

package/dist/auth.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./chunks/version-zXMtMDDM.js");function s({baseURL:e,fetchImpl:s=("undefined"!=typeof fetch?fetch.bind(window):null),storage:t=("undefined"!=typeof localStorage?localStorage:null),endpoints:n={}}={}){if(!e)throw new Error("createAuthClient: baseURL is required");if(!s)throw new Error("createAuthClient: fetch implementation is not available in this environment");if(!t)throw new Error("createAuthClient: storage (localStorage) is not available in this environment");const o="access_token",r="refresh_token",a="user",i={login:"/login",forgot:"/auth/forgot",resetCode:"/auth/password/reset/code",resetToken:"/auth/password/reset/token",exchange:"/auth/exchange",...n};let l=null;async function d(t,n){const o=await s(`${e}${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n||{})});let r={};try{r=await o.json()}catch(a){}if(!o.ok)throw r||{message:`Request failed with status ${o.status}`};return r}function c(e){return e&&e.data&&e.data.data||e&&e.data||e}function u(e){const s=c(e);if(!s||!s.access_token)throw new Error("No access_token in response.");t.setItem(o,s.access_token),s.refresh_token&&t.setItem(r,s.refresh_token),s.user&&t.setItem(a,JSON.stringify(s.user))}return{async login(e,s){const t=await d(i.login,{username:e,password:s});return u(t),c(t)},forgot:async({email:e,method:s})=>d(i.forgot,{email:e,method:s}),async resetWithCode({email:e,code:s,newPassword:t}){const n=await d(i.resetCode,{email:e,code:s,new_password:t});return u(n),c(n)},async resetWithToken({token:e,newPassword:s}){const t=await d(i.resetToken,{token:e,new_password:s});return u(t),c(t)},exchangeAuthCode:async e=>l||(l=(async()=>{try{const s=await d(i.exchange,{code:e});return u(s),c(s)}finally{l=null}})(),l),async handleAuthCodeFromURL(){if("undefined"==typeof window||!window.location)return null;const e=new URLSearchParams(window.location.search),s=e.get("auth_code");if(!s)return null;e.delete("auth_code");const t=window.location.pathname+(e.toString()?`?${e.toString()}`:"")+(window.location.hash||"");return window.history.replaceState({},"",t),this.exchangeAuthCode(s)},logout(){t.removeItem(o),t.removeItem(r),t.removeItem(a)},isAuthenticated:()=>!!t.getItem(o),getToken:()=>t.getItem(o),getUser(){const e=t.getItem(a);try{return e?JSON.parse(e):null}catch{return null}},getAuthHeader(){const e=t.getItem(o);return e?`Bearer ${e}`:null},getErrorMessage:function(e){return e?.message||e?.error||Array.isArray(e?.errors)&&e.errors[0]?.message||"An error occurred. Please try again."},parseResponse:c}}function t(e,t={}){if(!(e&&e instanceof Element))throw new Error("mountAuth: container must be a DOM Element");const{baseURL:n,onSuccessRedirect:o,allowRedirectOrigins:r,branding:a={},theme:i,endpoints:l,providers:d,texts:c={}}=t;if(!n)throw new Error("mountAuth: baseURL is required");const u=new URLSearchParams(window.location.search),m=u.get("redirect")||u.get("next")||u.get("returnTo"),p=String(o||m||"/");function g(){!function(e){if(!r||0===r.length)return!0;try{const s=new URL(e,window.location.origin);return r.includes(s.origin)}catch{return!1}}(p)?window.location.href="/":window.location.href=p.startsWith("http")?p:new URL(p,window.location.origin).href}const w=s({baseURL:n,endpoints:l}),b=a.title||"Sign In",f=a.subtitle||"Sign in to your account",h=a.logoUrl||"",y={emailOrUsername:c.emailOrUsername||"Email or Username",password:c.password||"Password",signIn:c.signIn||"Sign In",forgotPassword:c.forgotPassword||"Forgot password?",resetYourPassword:c.resetYourPassword||"Reset Your Password",emailAddress:c.emailAddress||"Email Address",resetMethod:c.resetMethod||"Reset Method",emailCode:c.emailCode||"Email me a code",emailLink:c.emailLink||"Email me a magic link",sendReset:c.sendReset||"Send Reset",back:c.back||"Back",enterResetCode:c.enterResetCode||"Enter Reset Code",weSentCodeTo:c.weSentCodeTo||"We sent a code to",resetCode:c.resetCode||"Reset Code",newPassword:c.newPassword||"New Password",confirmPassword:c.confirmPassword||"Confirm Password",resetPassword:c.resetPassword||"Reset Password",setYourNewPassword:c.setYourNewPassword||"Set Your New Password",setPassword:c.setPassword||"Set Password",invalidCredentials:c.invalidCredentials||"Invalid credentials.",successRedirecting:c.successRedirecting||"Success! Redirecting...",pleaseFillAllFields:c.pleaseFillAllFields||"Please fill in all fields.",passwordsDoNotMatch:c.passwordsDoNotMatch||"Passwords do not match."},v=`\n    <div class="auth-container">\n      <div class="auth-card">\n        <div class="auth-header">\n          ${h?`<img src="${h}" alt="${b}" style="max-height:60px;margin-bottom:10px" />`:""}\n          <h1 class="auth-title">${b}</h1>\n          <p class="auth-subtitle">${f}</p>\n        </div>\n\n        <div id="status-message" class="alert" role="status" style="display:none;"></div>\n\n        \x3c!-- Sign In View --\x3e\n        <div id="view-signin" class="auth-view">\n          <form id="form-signin" novalidate>\n            <div class="mb-3">\n              <label for="signin-username" class="form-label">${y.emailOrUsername}</label>\n              <input type="text" class="form-control" id="signin-username" placeholder="${y.emailOrUsername}" autocomplete="username" required />\n            </div>\n            <div class="mb-3">\n              <label for="signin-password" class="form-label">${y.password}</label>\n              <input type="password" class="form-control" id="signin-password" placeholder="${y.password}" autocomplete="current-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100 mb-3" id="btn-signin">\n              <span class="btn-text">${y.signIn}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n            <div class="text-center">\n              <a href="#" id="link-forgot" class="text-decoration-none">${y.forgotPassword}</a>\n            </div>\n\n            ${d&&(d.google||d.passkey)?`\n              <div class="position-relative my-3">\n                <hr class="text-muted" />\n                <span class="position-absolute top-50 start-50 translate-middle bg-white px-3 text-muted small">OR</span>\n              </div>\n              <div class="d-grid gap-2">\n                ${d.google?'<button type="button" class="btn btn-outline-primary" id="btn-google"><i class="bi bi-google me-2"></i>Continue with Google</button>':""}\n                ${d.passkey?'<button type="button" class="btn btn-outline-secondary" id="btn-passkey"><i class="bi bi-fingerprint me-2"></i>Sign in with Passkey</button>':""}\n              </div>\n            `:""}\n          </form>\n        </div>\n\n        \x3c!-- Forgot Password View --\x3e\n        <div id="view-forgot" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-signin">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.resetYourPassword}</h2>\n          <form id="form-forgot" novalidate>\n            <div class="mb-3">\n              <label for="forgot-email" class="form-label">${y.emailAddress}</label>\n              <input type="email" class="form-control" id="forgot-email" placeholder="${y.emailAddress}" autocomplete="email" required />\n            </div>\n            <div class="mb-3">\n              <label class="form-label">${y.resetMethod}</label>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-code" value="code" checked />\n                <label class="form-check-label" for="method-code">${y.emailCode}</label>\n              </div>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-link" value="link" />\n                <label class="form-check-label" for="method-link">${y.emailLink}</label>\n              </div>\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-forgot">\n              <span class="btn-text">${y.sendReset}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Reset with Code View --\x3e\n        <div id="view-reset-code" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-forgot">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.enterResetCode}</h2>\n          <p class="text-muted small mb-3">${y.weSentCodeTo} <strong id="reset-email-display"></strong></p>\n          <form id="form-reset-code" novalidate>\n            <div class="mb-3">\n              <label for="reset-code" class="form-label">${y.resetCode}</label>\n              <input type="text" class="form-control" id="reset-code" placeholder="${y.resetCode}" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="reset-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="reset-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-reset-code">\n              <span class="btn-text">${y.resetPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Set Password via Magic Link View --\x3e\n        <div id="view-set-password" class="auth-view" style="display:none;">\n          <h2 class="h5 mb-3">${y.setYourNewPassword}</h2>\n          <form id="form-set-password" novalidate>\n            <div class="mb-3">\n              <label for="set-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="set-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="set-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="set-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-set-password">\n              <span class="btn-text">${y.setPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n      </div>\n    </div>\n  `;e.innerHTML=v,i&&e.classList.add(String(i));const k={views:{signin:e.querySelector("#view-signin"),forgot:e.querySelector("#view-forgot"),resetCode:e.querySelector("#view-reset-code"),setPassword:e.querySelector("#view-set-password")},forms:{signin:e.querySelector("#form-signin"),forgot:e.querySelector("#form-forgot"),resetCode:e.querySelector("#form-reset-code"),setPassword:e.querySelector("#form-set-password")},buttons:{signin:e.querySelector("#btn-signin"),forgot:e.querySelector("#btn-forgot"),resetCode:e.querySelector("#btn-reset-code"),setPassword:e.querySelector("#btn-set-password"),backSignin:e.querySelector("#btn-back-signin"),backForgot:e.querySelector("#btn-back-forgot"),google:e.querySelector("#btn-google"),passkey:e.querySelector("#btn-passkey")},inputs:{signinUsername:e.querySelector("#signin-username"),signinPassword:e.querySelector("#signin-password"),forgotEmail:e.querySelector("#forgot-email"),resetCode:e.querySelector("#reset-code"),resetPassword:e.querySelector("#reset-password"),resetPasswordConfirm:e.querySelector("#reset-password-confirm"),setPassword:e.querySelector("#set-password"),setPasswordConfirm:e.querySelector("#set-password-confirm")},radios:{resetMethodCode:e.querySelector("#method-code"),resetMethodLink:e.querySelector("#method-link")},labels:{resetEmailDisplay:e.querySelector("#reset-email-display")},links:{forgot:e.querySelector("#link-forgot")},message:e.querySelector("#status-message")};function S(e){Object.entries(k.views).forEach(([s,t])=>{t&&(t.style.display=s===e?"block":"none")}),setTimeout(()=>{const s=k.views[e],t=s?.querySelector("h1, h2, .auth-title, .h5");if(t)t.setAttribute("tabindex","-1"),t.focus?.();else{const e=s?.querySelector("input, button");e?.focus?.()}},60)}function P(e,s="info"){const t=k.message;t&&(t.textContent=e,t.className=`alert alert-${s}`,t.style.display="block",t.setAttribute("role","danger"===s?"alert":"status"))}function C(){const e=k.message;e&&(e.style.display="none")}function E(e,s){if(!e)return;const t=e.querySelector(".btn-text"),n=e.querySelector(".btn-spinner");e.disabled=!!s,t&&(t.style.display=s?"none":"inline"),n&&(n.style.display=s?"inline-block":"none")}async function I(e){e?.preventDefault?.(),C();const s=k.inputs.signinUsername?.value?.trim(),t=k.inputs.signinPassword?.value;if(s&&t){E(k.buttons.signin,!0);try{await w.login(s,t),P(`${y.successRedirecting}`,"success"),setTimeout(g,350)}catch(n){P(w.getErrorMessage(n)||y.invalidCredentials,"danger"),E(k.buttons.signin,!1)}}else P("Please enter both username and password.","danger")}async function R(e){e?.preventDefault?.(),C();const s=k.inputs.forgotEmail?.value?.trim(),t=k.radios.resetMethodCode?.checked?"code":k.radios.resetMethodLink?.checked?"link":"code";if(s){E(k.buttons.forgot,!0);try{await w.forgot({email:s,method:t}),"code"===t?(sessionStorage.setItem("reset_email",s),sessionStorage.setItem("reset_method",t),k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=s),S("resetCode"),P("Reset code sent! Check your email.","success")):P("Magic link sent! Check your email and click the link.","success")}catch(n){P(w.getErrorMessage(n)||"Something went wrong. Please try again.","danger")}finally{E(k.buttons.forgot,!1)}}else P("Please enter your email address.","danger")}async function x(e){e?.preventDefault?.(),C();const s=k.inputs.resetCode?.value?.trim(),t=k.inputs.resetPassword?.value,n=k.inputs.resetPasswordConfirm?.value,o=sessionStorage.getItem("reset_email");if(!o)return P("Session expired. Please restart the password reset process.","danger"),void S("forgot");if(s&&t)if(t===n){E(k.buttons.resetCode,!0);try{await w.resetWithCode({email:o,code:s,newPassword:t}),sessionStorage.removeItem("reset_email"),sessionStorage.removeItem("reset_method"),P(y.successRedirecting,"success"),setTimeout(g,350)}catch(r){P(w.getErrorMessage(r)||"Invalid code or code expired.","danger"),E(k.buttons.resetCode,!1)}}else P(y.passwordsDoNotMatch,"danger");else P(y.pleaseFillAllFields,"danger")}async function $(e){e?.preventDefault?.(),C();const s=k.inputs.setPassword?.value,t=k.inputs.setPasswordConfirm?.value,n=sessionStorage.getItem("login_token");if(!n)return P("Invalid or expired link. Please request a new one.","danger"),void S("forgot");if(s)if(s===t){E(k.buttons.setPassword,!0);try{await w.resetWithToken({token:n,newPassword:s}),sessionStorage.removeItem("login_token"),P(y.successRedirecting,"success"),setTimeout(g,350)}catch(o){P(w.getErrorMessage(o)||"Invalid or expired link.","danger"),E(k.buttons.setPassword,!1)}}else P(y.passwordsDoNotMatch,"danger");else P("Please enter a new password.","danger")}function q(e){e?.preventDefault?.(),C(),S("forgot")}function L(){C(),S("signin")}function _(){C(),S("forgot")}return k.forms.signin?.addEventListener("submit",I),k.forms.forgot?.addEventListener("submit",R),k.forms.resetCode?.addEventListener("submit",x),k.forms.setPassword?.addEventListener("submit",$),k.links.forgot?.addEventListener("click",q),k.buttons.backSignin?.addEventListener("click",L),k.buttons.backForgot?.addEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.addEventListener("click",s=>{s?.preventDefault?.(),d.google.onClick?.({container:e,auth:w,redirect:g,showMessage:P})}),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.addEventListener("click",s=>{s?.preventDefault?.(),d.passkey.onClick?.({container:e,auth:w,redirect:g,showMessage:P})}),function(){const e=new URLSearchParams(window.location.search),s=e.get("login_token");if(s){sessionStorage.setItem("login_token",s),e.delete("login_token");const t=e.toString()?`${window.location.pathname}?${e.toString()}`:window.location.pathname;return window.history.replaceState({},"",t),S("setPassword"),void P("Please set your new password.","info")}const t=sessionStorage.getItem("reset_email");if(t)return k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=t),void S("resetCode");S("signin")}(),{destroy(){k.forms.signin?.removeEventListener("submit",I),k.forms.forgot?.removeEventListener("submit",R),k.forms.resetCode?.removeEventListener("submit",x),k.forms.setPassword?.removeEventListener("submit",$),k.links.forgot?.removeEventListener("click",q),k.buttons.backSignin?.removeEventListener("click",L),k.buttons.backForgot?.removeEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.replaceWith(k.buttons.google.cloneNode(!0)),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.replaceWith(k.buttons.passkey.cloneNode(!0)),e.innerHTML=""}}}const n={mountAuth:t,createAuthClient:s},o=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,createAuthClient:s,default:n,mountAuth:t},Symbol.toStringTag,{value:"Module"}));exports.BUILD_TIME=e.BUILD_TIME,exports.VERSION=e.VERSION,exports.VERSION_INFO=e.VERSION_INFO,exports.VERSION_MAJOR=e.VERSION_MAJOR,exports.VERSION_MINOR=e.VERSION_MINOR,exports.VERSION_REVISION=e.VERSION_REVISION,exports.createAuthClient=s,exports.default=o,exports.mountAuth=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./chunks/version-BEKxO75G.js");function s({baseURL:e,fetchImpl:s=("undefined"!=typeof fetch?fetch.bind(window):null),storage:t=("undefined"!=typeof localStorage?localStorage:null),endpoints:n={}}={}){if(!e)throw new Error("createAuthClient: baseURL is required");if(!s)throw new Error("createAuthClient: fetch implementation is not available in this environment");if(!t)throw new Error("createAuthClient: storage (localStorage) is not available in this environment");const o="access_token",r="refresh_token",a="user",i={login:"/login",forgot:"/auth/forgot",resetCode:"/auth/password/reset/code",resetToken:"/auth/password/reset/token",exchange:"/auth/exchange",...n};let l=null;async function d(t,n){const o=await s(`${e}${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n||{})});let r={};try{r=await o.json()}catch(a){}if(!o.ok)throw r||{message:`Request failed with status ${o.status}`};return r}function c(e){return e&&e.data&&e.data.data||e&&e.data||e}function u(e){const s=c(e);if(!s||!s.access_token)throw new Error("No access_token in response.");t.setItem(o,s.access_token),s.refresh_token&&t.setItem(r,s.refresh_token),s.user&&t.setItem(a,JSON.stringify(s.user))}return{async login(e,s){const t=await d(i.login,{username:e,password:s});return u(t),c(t)},forgot:async({email:e,method:s})=>d(i.forgot,{email:e,method:s}),async resetWithCode({email:e,code:s,newPassword:t}){const n=await d(i.resetCode,{email:e,code:s,new_password:t});return u(n),c(n)},async resetWithToken({token:e,newPassword:s}){const t=await d(i.resetToken,{token:e,new_password:s});return u(t),c(t)},exchangeAuthCode:async e=>l||(l=(async()=>{try{const s=await d(i.exchange,{code:e});return u(s),c(s)}finally{l=null}})(),l),async handleAuthCodeFromURL(){if("undefined"==typeof window||!window.location)return null;const e=new URLSearchParams(window.location.search),s=e.get("auth_code");if(!s)return null;e.delete("auth_code");const t=window.location.pathname+(e.toString()?`?${e.toString()}`:"")+(window.location.hash||"");return window.history.replaceState({},"",t),this.exchangeAuthCode(s)},logout(){t.removeItem(o),t.removeItem(r),t.removeItem(a)},isAuthenticated:()=>!!t.getItem(o),getToken:()=>t.getItem(o),getUser(){const e=t.getItem(a);try{return e?JSON.parse(e):null}catch{return null}},getAuthHeader(){const e=t.getItem(o);return e?`Bearer ${e}`:null},getErrorMessage:function(e){return e?.message||e?.error||Array.isArray(e?.errors)&&e.errors[0]?.message||"An error occurred. Please try again."},parseResponse:c}}function t(e,t={}){if(!(e&&e instanceof Element))throw new Error("mountAuth: container must be a DOM Element");const{baseURL:n,onSuccessRedirect:o,allowRedirectOrigins:r,branding:a={},theme:i,endpoints:l,providers:d,texts:c={}}=t;if(!n)throw new Error("mountAuth: baseURL is required");const u=new URLSearchParams(window.location.search),m=u.get("redirect")||u.get("next")||u.get("returnTo"),p=String(o||m||"/");function g(){!function(e){if(!r||0===r.length)return!0;try{const s=new URL(e,window.location.origin);return r.includes(s.origin)}catch{return!1}}(p)?window.location.href="/":window.location.href=p.startsWith("http")?p:new URL(p,window.location.origin).href}const w=s({baseURL:n,endpoints:l}),b=a.title||"Sign In",f=a.subtitle||"Sign in to your account",h=a.logoUrl||"",y={emailOrUsername:c.emailOrUsername||"Email or Username",password:c.password||"Password",signIn:c.signIn||"Sign In",forgotPassword:c.forgotPassword||"Forgot password?",resetYourPassword:c.resetYourPassword||"Reset Your Password",emailAddress:c.emailAddress||"Email Address",resetMethod:c.resetMethod||"Reset Method",emailCode:c.emailCode||"Email me a code",emailLink:c.emailLink||"Email me a magic link",sendReset:c.sendReset||"Send Reset",back:c.back||"Back",enterResetCode:c.enterResetCode||"Enter Reset Code",weSentCodeTo:c.weSentCodeTo||"We sent a code to",resetCode:c.resetCode||"Reset Code",newPassword:c.newPassword||"New Password",confirmPassword:c.confirmPassword||"Confirm Password",resetPassword:c.resetPassword||"Reset Password",setYourNewPassword:c.setYourNewPassword||"Set Your New Password",setPassword:c.setPassword||"Set Password",invalidCredentials:c.invalidCredentials||"Invalid credentials.",successRedirecting:c.successRedirecting||"Success! Redirecting...",pleaseFillAllFields:c.pleaseFillAllFields||"Please fill in all fields.",passwordsDoNotMatch:c.passwordsDoNotMatch||"Passwords do not match."},v=`\n    <div class="auth-container">\n      <div class="auth-card">\n        <div class="auth-header">\n          ${h?`<img src="${h}" alt="${b}" style="max-height:60px;margin-bottom:10px" />`:""}\n          <h1 class="auth-title">${b}</h1>\n          <p class="auth-subtitle">${f}</p>\n        </div>\n\n        <div id="status-message" class="alert" role="status" style="display:none;"></div>\n\n        \x3c!-- Sign In View --\x3e\n        <div id="view-signin" class="auth-view">\n          <form id="form-signin" novalidate>\n            <div class="mb-3">\n              <label for="signin-username" class="form-label">${y.emailOrUsername}</label>\n              <input type="text" class="form-control" id="signin-username" placeholder="${y.emailOrUsername}" autocomplete="username" required />\n            </div>\n            <div class="mb-3">\n              <label for="signin-password" class="form-label">${y.password}</label>\n              <input type="password" class="form-control" id="signin-password" placeholder="${y.password}" autocomplete="current-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100 mb-3" id="btn-signin">\n              <span class="btn-text">${y.signIn}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n            <div class="text-center">\n              <a href="#" id="link-forgot" class="text-decoration-none">${y.forgotPassword}</a>\n            </div>\n\n            ${d&&(d.google||d.passkey)?`\n              <div class="position-relative my-3">\n                <hr class="text-muted" />\n                <span class="position-absolute top-50 start-50 translate-middle bg-white px-3 text-muted small">OR</span>\n              </div>\n              <div class="d-grid gap-2">\n                ${d.google?'<button type="button" class="btn btn-outline-primary" id="btn-google"><i class="bi bi-google me-2"></i>Continue with Google</button>':""}\n                ${d.passkey?'<button type="button" class="btn btn-outline-secondary" id="btn-passkey"><i class="bi bi-fingerprint me-2"></i>Sign in with Passkey</button>':""}\n              </div>\n            `:""}\n          </form>\n        </div>\n\n        \x3c!-- Forgot Password View --\x3e\n        <div id="view-forgot" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-signin">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.resetYourPassword}</h2>\n          <form id="form-forgot" novalidate>\n            <div class="mb-3">\n              <label for="forgot-email" class="form-label">${y.emailAddress}</label>\n              <input type="email" class="form-control" id="forgot-email" placeholder="${y.emailAddress}" autocomplete="email" required />\n            </div>\n            <div class="mb-3">\n              <label class="form-label">${y.resetMethod}</label>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-code" value="code" checked />\n                <label class="form-check-label" for="method-code">${y.emailCode}</label>\n              </div>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-link" value="link" />\n                <label class="form-check-label" for="method-link">${y.emailLink}</label>\n              </div>\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-forgot">\n              <span class="btn-text">${y.sendReset}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Reset with Code View --\x3e\n        <div id="view-reset-code" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-forgot">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.enterResetCode}</h2>\n          <p class="text-muted small mb-3">${y.weSentCodeTo} <strong id="reset-email-display"></strong></p>\n          <form id="form-reset-code" novalidate>\n            <div class="mb-3">\n              <label for="reset-code" class="form-label">${y.resetCode}</label>\n              <input type="text" class="form-control" id="reset-code" placeholder="${y.resetCode}" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="reset-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="reset-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-reset-code">\n              <span class="btn-text">${y.resetPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Set Password via Magic Link View --\x3e\n        <div id="view-set-password" class="auth-view" style="display:none;">\n          <h2 class="h5 mb-3">${y.setYourNewPassword}</h2>\n          <form id="form-set-password" novalidate>\n            <div class="mb-3">\n              <label for="set-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="set-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="set-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="set-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-set-password">\n              <span class="btn-text">${y.setPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n      </div>\n    </div>\n  `;e.innerHTML=v,i&&e.classList.add(String(i));const k={views:{signin:e.querySelector("#view-signin"),forgot:e.querySelector("#view-forgot"),resetCode:e.querySelector("#view-reset-code"),setPassword:e.querySelector("#view-set-password")},forms:{signin:e.querySelector("#form-signin"),forgot:e.querySelector("#form-forgot"),resetCode:e.querySelector("#form-reset-code"),setPassword:e.querySelector("#form-set-password")},buttons:{signin:e.querySelector("#btn-signin"),forgot:e.querySelector("#btn-forgot"),resetCode:e.querySelector("#btn-reset-code"),setPassword:e.querySelector("#btn-set-password"),backSignin:e.querySelector("#btn-back-signin"),backForgot:e.querySelector("#btn-back-forgot"),google:e.querySelector("#btn-google"),passkey:e.querySelector("#btn-passkey")},inputs:{signinUsername:e.querySelector("#signin-username"),signinPassword:e.querySelector("#signin-password"),forgotEmail:e.querySelector("#forgot-email"),resetCode:e.querySelector("#reset-code"),resetPassword:e.querySelector("#reset-password"),resetPasswordConfirm:e.querySelector("#reset-password-confirm"),setPassword:e.querySelector("#set-password"),setPasswordConfirm:e.querySelector("#set-password-confirm")},radios:{resetMethodCode:e.querySelector("#method-code"),resetMethodLink:e.querySelector("#method-link")},labels:{resetEmailDisplay:e.querySelector("#reset-email-display")},links:{forgot:e.querySelector("#link-forgot")},message:e.querySelector("#status-message")};function S(e){Object.entries(k.views).forEach(([s,t])=>{t&&(t.style.display=s===e?"block":"none")}),setTimeout(()=>{const s=k.views[e],t=s?.querySelector("h1, h2, .auth-title, .h5");if(t)t.setAttribute("tabindex","-1"),t.focus?.();else{const e=s?.querySelector("input, button");e?.focus?.()}},60)}function P(e,s="info"){const t=k.message;t&&(t.textContent=e,t.className=`alert alert-${s}`,t.style.display="block",t.setAttribute("role","danger"===s?"alert":"status"))}function C(){const e=k.message;e&&(e.style.display="none")}function E(e,s){if(!e)return;const t=e.querySelector(".btn-text"),n=e.querySelector(".btn-spinner");e.disabled=!!s,t&&(t.style.display=s?"none":"inline"),n&&(n.style.display=s?"inline-block":"none")}async function I(e){e?.preventDefault?.(),C();const s=k.inputs.signinUsername?.value?.trim(),t=k.inputs.signinPassword?.value;if(s&&t){E(k.buttons.signin,!0);try{await w.login(s,t),P(`${y.successRedirecting}`,"success"),setTimeout(g,350)}catch(n){P(w.getErrorMessage(n)||y.invalidCredentials,"danger"),E(k.buttons.signin,!1)}}else P("Please enter both username and password.","danger")}async function R(e){e?.preventDefault?.(),C();const s=k.inputs.forgotEmail?.value?.trim(),t=k.radios.resetMethodCode?.checked?"code":k.radios.resetMethodLink?.checked?"link":"code";if(s){E(k.buttons.forgot,!0);try{await w.forgot({email:s,method:t}),"code"===t?(sessionStorage.setItem("reset_email",s),sessionStorage.setItem("reset_method",t),k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=s),S("resetCode"),P("Reset code sent! Check your email.","success")):P("Magic link sent! Check your email and click the link.","success")}catch(n){P(w.getErrorMessage(n)||"Something went wrong. Please try again.","danger")}finally{E(k.buttons.forgot,!1)}}else P("Please enter your email address.","danger")}async function x(e){e?.preventDefault?.(),C();const s=k.inputs.resetCode?.value?.trim(),t=k.inputs.resetPassword?.value,n=k.inputs.resetPasswordConfirm?.value,o=sessionStorage.getItem("reset_email");if(!o)return P("Session expired. Please restart the password reset process.","danger"),void S("forgot");if(s&&t)if(t===n){E(k.buttons.resetCode,!0);try{await w.resetWithCode({email:o,code:s,newPassword:t}),sessionStorage.removeItem("reset_email"),sessionStorage.removeItem("reset_method"),P(y.successRedirecting,"success"),setTimeout(g,350)}catch(r){P(w.getErrorMessage(r)||"Invalid code or code expired.","danger"),E(k.buttons.resetCode,!1)}}else P(y.passwordsDoNotMatch,"danger");else P(y.pleaseFillAllFields,"danger")}async function $(e){e?.preventDefault?.(),C();const s=k.inputs.setPassword?.value,t=k.inputs.setPasswordConfirm?.value,n=sessionStorage.getItem("login_token");if(!n)return P("Invalid or expired link. Please request a new one.","danger"),void S("forgot");if(s)if(s===t){E(k.buttons.setPassword,!0);try{await w.resetWithToken({token:n,newPassword:s}),sessionStorage.removeItem("login_token"),P(y.successRedirecting,"success"),setTimeout(g,350)}catch(o){P(w.getErrorMessage(o)||"Invalid or expired link.","danger"),E(k.buttons.setPassword,!1)}}else P(y.passwordsDoNotMatch,"danger");else P("Please enter a new password.","danger")}function q(e){e?.preventDefault?.(),C(),S("forgot")}function L(){C(),S("signin")}function _(){C(),S("forgot")}return k.forms.signin?.addEventListener("submit",I),k.forms.forgot?.addEventListener("submit",R),k.forms.resetCode?.addEventListener("submit",x),k.forms.setPassword?.addEventListener("submit",$),k.links.forgot?.addEventListener("click",q),k.buttons.backSignin?.addEventListener("click",L),k.buttons.backForgot?.addEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.addEventListener("click",s=>{s?.preventDefault?.(),d.google.onClick?.({container:e,auth:w,redirect:g,showMessage:P})}),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.addEventListener("click",s=>{s?.preventDefault?.(),d.passkey.onClick?.({container:e,auth:w,redirect:g,showMessage:P})}),function(){const e=new URLSearchParams(window.location.search),s=e.get("login_token");if(s){sessionStorage.setItem("login_token",s),e.delete("login_token");const t=e.toString()?`${window.location.pathname}?${e.toString()}`:window.location.pathname;return window.history.replaceState({},"",t),S("setPassword"),void P("Please set your new password.","info")}const t=sessionStorage.getItem("reset_email");if(t)return k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=t),void S("resetCode");S("signin")}(),{destroy(){k.forms.signin?.removeEventListener("submit",I),k.forms.forgot?.removeEventListener("submit",R),k.forms.resetCode?.removeEventListener("submit",x),k.forms.setPassword?.removeEventListener("submit",$),k.links.forgot?.removeEventListener("click",q),k.buttons.backSignin?.removeEventListener("click",L),k.buttons.backForgot?.removeEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.replaceWith(k.buttons.google.cloneNode(!0)),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.replaceWith(k.buttons.passkey.cloneNode(!0)),e.innerHTML=""}}}const n={mountAuth:t,createAuthClient:s},o=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,createAuthClient:s,default:n,mountAuth:t},Symbol.toStringTag,{value:"Module"}));exports.BUILD_TIME=e.BUILD_TIME,exports.VERSION=e.VERSION,exports.VERSION_INFO=e.VERSION_INFO,exports.VERSION_MAJOR=e.VERSION_MAJOR,exports.VERSION_MINOR=e.VERSION_MINOR,exports.VERSION_REVISION=e.VERSION_REVISION,exports.createAuthClient=s,exports.default=o,exports.mountAuth=t;
 //# sourceMappingURL=auth.cjs.js.map

package/dist/auth.es.js

@@ -1,2 +1,2 @@
-import{B as e,V as s,a as t,b as n,c as o,d as r}from"./chunks/version-CKDlDMOh.js";function a({baseURL:e,fetchImpl:s=("undefined"!=typeof fetch?fetch.bind(window):null),storage:t=("undefined"!=typeof localStorage?localStorage:null),endpoints:n={}}={}){if(!e)throw new Error("createAuthClient: baseURL is required");if(!s)throw new Error("createAuthClient: fetch implementation is not available in this environment");if(!t)throw new Error("createAuthClient: storage (localStorage) is not available in this environment");const o="access_token",r="refresh_token",a="user",i={login:"/login",forgot:"/auth/forgot",resetCode:"/auth/password/reset/code",resetToken:"/auth/password/reset/token",exchange:"/auth/exchange",...n};let l=null;async function d(t,n){const o=await s(`${e}${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n||{})});let r={};try{r=await o.json()}catch(a){}if(!o.ok)throw r||{message:`Request failed with status ${o.status}`};return r}function c(e){return e&&e.data&&e.data.data||e&&e.data||e}function u(e){const s=c(e);if(!s||!s.access_token)throw new Error("No access_token in response.");t.setItem(o,s.access_token),s.refresh_token&&t.setItem(r,s.refresh_token),s.user&&t.setItem(a,JSON.stringify(s.user))}return{async login(e,s){const t=await d(i.login,{username:e,password:s});return u(t),c(t)},forgot:async({email:e,method:s})=>d(i.forgot,{email:e,method:s}),async resetWithCode({email:e,code:s,newPassword:t}){const n=await d(i.resetCode,{email:e,code:s,new_password:t});return u(n),c(n)},async resetWithToken({token:e,newPassword:s}){const t=await d(i.resetToken,{token:e,new_password:s});return u(t),c(t)},exchangeAuthCode:async e=>l||(l=(async()=>{try{const s=await d(i.exchange,{code:e});return u(s),c(s)}finally{l=null}})(),l),async handleAuthCodeFromURL(){if("undefined"==typeof window||!window.location)return null;const e=new URLSearchParams(window.location.search),s=e.get("auth_code");if(!s)return null;e.delete("auth_code");const t=window.location.pathname+(e.toString()?`?${e.toString()}`:"")+(window.location.hash||"");return window.history.replaceState({},"",t),this.exchangeAuthCode(s)},logout(){t.removeItem(o),t.removeItem(r),t.removeItem(a)},isAuthenticated:()=>!!t.getItem(o),getToken:()=>t.getItem(o),getUser(){const e=t.getItem(a);try{return e?JSON.parse(e):null}catch{return null}},getAuthHeader(){const e=t.getItem(o);return e?`Bearer ${e}`:null},getErrorMessage:function(e){return e?.message||e?.error||Array.isArray(e?.errors)&&e.errors[0]?.message||"An error occurred. Please try again."},parseResponse:c}}function i(e,s={}){if(!(e&&e instanceof Element))throw new Error("mountAuth: container must be a DOM Element");const{baseURL:t,onSuccessRedirect:n,allowRedirectOrigins:o,branding:r={},theme:i,endpoints:l,providers:d,texts:c={}}=s;if(!t)throw new Error("mountAuth: baseURL is required");const u=new URLSearchParams(window.location.search),m=u.get("redirect")||u.get("next")||u.get("returnTo"),p=String(n||m||"/");function w(){!function(e){if(!o||0===o.length)return!0;try{const s=new URL(e,window.location.origin);return o.includes(s.origin)}catch{return!1}}(p)?window.location.href="/":window.location.href=p.startsWith("http")?p:new URL(p,window.location.origin).href}const g=a({baseURL:t,endpoints:l}),b=r.title||"Sign In",f=r.subtitle||"Sign in to your account",h=r.logoUrl||"",y={emailOrUsername:c.emailOrUsername||"Email or Username",password:c.password||"Password",signIn:c.signIn||"Sign In",forgotPassword:c.forgotPassword||"Forgot password?",resetYourPassword:c.resetYourPassword||"Reset Your Password",emailAddress:c.emailAddress||"Email Address",resetMethod:c.resetMethod||"Reset Method",emailCode:c.emailCode||"Email me a code",emailLink:c.emailLink||"Email me a magic link",sendReset:c.sendReset||"Send Reset",back:c.back||"Back",enterResetCode:c.enterResetCode||"Enter Reset Code",weSentCodeTo:c.weSentCodeTo||"We sent a code to",resetCode:c.resetCode||"Reset Code",newPassword:c.newPassword||"New Password",confirmPassword:c.confirmPassword||"Confirm Password",resetPassword:c.resetPassword||"Reset Password",setYourNewPassword:c.setYourNewPassword||"Set Your New Password",setPassword:c.setPassword||"Set Password",invalidCredentials:c.invalidCredentials||"Invalid credentials.",successRedirecting:c.successRedirecting||"Success! Redirecting...",pleaseFillAllFields:c.pleaseFillAllFields||"Please fill in all fields.",passwordsDoNotMatch:c.passwordsDoNotMatch||"Passwords do not match."},v=`\n    <div class="auth-container">\n      <div class="auth-card">\n        <div class="auth-header">\n          ${h?`<img src="${h}" alt="${b}" style="max-height:60px;margin-bottom:10px" />`:""}\n          <h1 class="auth-title">${b}</h1>\n          <p class="auth-subtitle">${f}</p>\n        </div>\n\n        <div id="status-message" class="alert" role="status" style="display:none;"></div>\n\n        \x3c!-- Sign In View --\x3e\n        <div id="view-signin" class="auth-view">\n          <form id="form-signin" novalidate>\n            <div class="mb-3">\n              <label for="signin-username" class="form-label">${y.emailOrUsername}</label>\n              <input type="text" class="form-control" id="signin-username" placeholder="${y.emailOrUsername}" autocomplete="username" required />\n            </div>\n            <div class="mb-3">\n              <label for="signin-password" class="form-label">${y.password}</label>\n              <input type="password" class="form-control" id="signin-password" placeholder="${y.password}" autocomplete="current-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100 mb-3" id="btn-signin">\n              <span class="btn-text">${y.signIn}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n            <div class="text-center">\n              <a href="#" id="link-forgot" class="text-decoration-none">${y.forgotPassword}</a>\n            </div>\n\n            ${d&&(d.google||d.passkey)?`\n              <div class="position-relative my-3">\n                <hr class="text-muted" />\n                <span class="position-absolute top-50 start-50 translate-middle bg-white px-3 text-muted small">OR</span>\n              </div>\n              <div class="d-grid gap-2">\n                ${d.google?'<button type="button" class="btn btn-outline-primary" id="btn-google"><i class="bi bi-google me-2"></i>Continue with Google</button>':""}\n                ${d.passkey?'<button type="button" class="btn btn-outline-secondary" id="btn-passkey"><i class="bi bi-fingerprint me-2"></i>Sign in with Passkey</button>':""}\n              </div>\n            `:""}\n          </form>\n        </div>\n\n        \x3c!-- Forgot Password View --\x3e\n        <div id="view-forgot" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-signin">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.resetYourPassword}</h2>\n          <form id="form-forgot" novalidate>\n            <div class="mb-3">\n              <label for="forgot-email" class="form-label">${y.emailAddress}</label>\n              <input type="email" class="form-control" id="forgot-email" placeholder="${y.emailAddress}" autocomplete="email" required />\n            </div>\n            <div class="mb-3">\n              <label class="form-label">${y.resetMethod}</label>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-code" value="code" checked />\n                <label class="form-check-label" for="method-code">${y.emailCode}</label>\n              </div>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-link" value="link" />\n                <label class="form-check-label" for="method-link">${y.emailLink}</label>\n              </div>\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-forgot">\n              <span class="btn-text">${y.sendReset}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Reset with Code View --\x3e\n        <div id="view-reset-code" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-forgot">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.enterResetCode}</h2>\n          <p class="text-muted small mb-3">${y.weSentCodeTo} <strong id="reset-email-display"></strong></p>\n          <form id="form-reset-code" novalidate>\n            <div class="mb-3">\n              <label for="reset-code" class="form-label">${y.resetCode}</label>\n              <input type="text" class="form-control" id="reset-code" placeholder="${y.resetCode}" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="reset-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="reset-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-reset-code">\n              <span class="btn-text">${y.resetPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Set Password via Magic Link View --\x3e\n        <div id="view-set-password" class="auth-view" style="display:none;">\n          <h2 class="h5 mb-3">${y.setYourNewPassword}</h2>\n          <form id="form-set-password" novalidate>\n            <div class="mb-3">\n              <label for="set-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="set-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="set-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="set-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-set-password">\n              <span class="btn-text">${y.setPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n      </div>\n    </div>\n  `;e.innerHTML=v,i&&e.classList.add(String(i));const k={views:{signin:e.querySelector("#view-signin"),forgot:e.querySelector("#view-forgot"),resetCode:e.querySelector("#view-reset-code"),setPassword:e.querySelector("#view-set-password")},forms:{signin:e.querySelector("#form-signin"),forgot:e.querySelector("#form-forgot"),resetCode:e.querySelector("#form-reset-code"),setPassword:e.querySelector("#form-set-password")},buttons:{signin:e.querySelector("#btn-signin"),forgot:e.querySelector("#btn-forgot"),resetCode:e.querySelector("#btn-reset-code"),setPassword:e.querySelector("#btn-set-password"),backSignin:e.querySelector("#btn-back-signin"),backForgot:e.querySelector("#btn-back-forgot"),google:e.querySelector("#btn-google"),passkey:e.querySelector("#btn-passkey")},inputs:{signinUsername:e.querySelector("#signin-username"),signinPassword:e.querySelector("#signin-password"),forgotEmail:e.querySelector("#forgot-email"),resetCode:e.querySelector("#reset-code"),resetPassword:e.querySelector("#reset-password"),resetPasswordConfirm:e.querySelector("#reset-password-confirm"),setPassword:e.querySelector("#set-password"),setPasswordConfirm:e.querySelector("#set-password-confirm")},radios:{resetMethodCode:e.querySelector("#method-code"),resetMethodLink:e.querySelector("#method-link")},labels:{resetEmailDisplay:e.querySelector("#reset-email-display")},links:{forgot:e.querySelector("#link-forgot")},message:e.querySelector("#status-message")};function S(e){Object.entries(k.views).forEach(([s,t])=>{t&&(t.style.display=s===e?"block":"none")}),setTimeout(()=>{const s=k.views[e],t=s?.querySelector("h1, h2, .auth-title, .h5");if(t)t.setAttribute("tabindex","-1"),t.focus?.();else{const e=s?.querySelector("input, button");e?.focus?.()}},60)}function P(e,s="info"){const t=k.message;t&&(t.textContent=e,t.className=`alert alert-${s}`,t.style.display="block",t.setAttribute("role","danger"===s?"alert":"status"))}function C(){const e=k.message;e&&(e.style.display="none")}function E(e,s){if(!e)return;const t=e.querySelector(".btn-text"),n=e.querySelector(".btn-spinner");e.disabled=!!s,t&&(t.style.display=s?"none":"inline"),n&&(n.style.display=s?"inline-block":"none")}async function $(e){e?.preventDefault?.(),C();const s=k.inputs.signinUsername?.value?.trim(),t=k.inputs.signinPassword?.value;if(s&&t){E(k.buttons.signin,!0);try{await g.login(s,t),P(`${y.successRedirecting}`,"success"),setTimeout(w,350)}catch(n){P(g.getErrorMessage(n)||y.invalidCredentials,"danger"),E(k.buttons.signin,!1)}}else P("Please enter both username and password.","danger")}async function q(e){e?.preventDefault?.(),C();const s=k.inputs.forgotEmail?.value?.trim(),t=k.radios.resetMethodCode?.checked?"code":k.radios.resetMethodLink?.checked?"link":"code";if(s){E(k.buttons.forgot,!0);try{await g.forgot({email:s,method:t}),"code"===t?(sessionStorage.setItem("reset_email",s),sessionStorage.setItem("reset_method",t),k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=s),S("resetCode"),P("Reset code sent! Check your email.","success")):P("Magic link sent! Check your email and click the link.","success")}catch(n){P(g.getErrorMessage(n)||"Something went wrong. Please try again.","danger")}finally{E(k.buttons.forgot,!1)}}else P("Please enter your email address.","danger")}async function R(e){e?.preventDefault?.(),C();const s=k.inputs.resetCode?.value?.trim(),t=k.inputs.resetPassword?.value,n=k.inputs.resetPasswordConfirm?.value,o=sessionStorage.getItem("reset_email");if(!o)return P("Session expired. Please restart the password reset process.","danger"),void S("forgot");if(s&&t)if(t===n){E(k.buttons.resetCode,!0);try{await g.resetWithCode({email:o,code:s,newPassword:t}),sessionStorage.removeItem("reset_email"),sessionStorage.removeItem("reset_method"),P(y.successRedirecting,"success"),setTimeout(w,350)}catch(r){P(g.getErrorMessage(r)||"Invalid code or code expired.","danger"),E(k.buttons.resetCode,!1)}}else P(y.passwordsDoNotMatch,"danger");else P(y.pleaseFillAllFields,"danger")}async function I(e){e?.preventDefault?.(),C();const s=k.inputs.setPassword?.value,t=k.inputs.setPasswordConfirm?.value,n=sessionStorage.getItem("login_token");if(!n)return P("Invalid or expired link. Please request a new one.","danger"),void S("forgot");if(s)if(s===t){E(k.buttons.setPassword,!0);try{await g.resetWithToken({token:n,newPassword:s}),sessionStorage.removeItem("login_token"),P(y.successRedirecting,"success"),setTimeout(w,350)}catch(o){P(g.getErrorMessage(o)||"Invalid or expired link.","danger"),E(k.buttons.setPassword,!1)}}else P(y.passwordsDoNotMatch,"danger");else P("Please enter a new password.","danger")}function x(e){e?.preventDefault?.(),C(),S("forgot")}function L(){C(),S("signin")}function _(){C(),S("forgot")}return k.forms.signin?.addEventListener("submit",$),k.forms.forgot?.addEventListener("submit",q),k.forms.resetCode?.addEventListener("submit",R),k.forms.setPassword?.addEventListener("submit",I),k.links.forgot?.addEventListener("click",x),k.buttons.backSignin?.addEventListener("click",L),k.buttons.backForgot?.addEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.addEventListener("click",s=>{s?.preventDefault?.(),d.google.onClick?.({container:e,auth:g,redirect:w,showMessage:P})}),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.addEventListener("click",s=>{s?.preventDefault?.(),d.passkey.onClick?.({container:e,auth:g,redirect:w,showMessage:P})}),function(){const e=new URLSearchParams(window.location.search),s=e.get("login_token");if(s){sessionStorage.setItem("login_token",s),e.delete("login_token");const t=e.toString()?`${window.location.pathname}?${e.toString()}`:window.location.pathname;return window.history.replaceState({},"",t),S("setPassword"),void P("Please set your new password.","info")}const t=sessionStorage.getItem("reset_email");if(t)return k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=t),void S("resetCode");S("signin")}(),{destroy(){k.forms.signin?.removeEventListener("submit",$),k.forms.forgot?.removeEventListener("submit",q),k.forms.resetCode?.removeEventListener("submit",R),k.forms.setPassword?.removeEventListener("submit",I),k.links.forgot?.removeEventListener("click",x),k.buttons.backSignin?.removeEventListener("click",L),k.buttons.backForgot?.removeEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.replaceWith(k.buttons.google.cloneNode(!0)),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.replaceWith(k.buttons.passkey.cloneNode(!0)),e.innerHTML=""}}}const l={mountAuth:i,createAuthClient:a},d=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,createAuthClient:a,default:l,mountAuth:i},Symbol.toStringTag,{value:"Module"}));export{e as BUILD_TIME,s as VERSION,t as VERSION_INFO,n as VERSION_MAJOR,o as VERSION_MINOR,r as VERSION_REVISION,a as createAuthClient,d as default,i as mountAuth};
+import{B as e,V as s,a as t,b as n,c as o,d as r}from"./chunks/version-LBA3E61x.js";function a({baseURL:e,fetchImpl:s=("undefined"!=typeof fetch?fetch.bind(window):null),storage:t=("undefined"!=typeof localStorage?localStorage:null),endpoints:n={}}={}){if(!e)throw new Error("createAuthClient: baseURL is required");if(!s)throw new Error("createAuthClient: fetch implementation is not available in this environment");if(!t)throw new Error("createAuthClient: storage (localStorage) is not available in this environment");const o="access_token",r="refresh_token",a="user",i={login:"/login",forgot:"/auth/forgot",resetCode:"/auth/password/reset/code",resetToken:"/auth/password/reset/token",exchange:"/auth/exchange",...n};let l=null;async function d(t,n){const o=await s(`${e}${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n||{})});let r={};try{r=await o.json()}catch(a){}if(!o.ok)throw r||{message:`Request failed with status ${o.status}`};return r}function c(e){return e&&e.data&&e.data.data||e&&e.data||e}function u(e){const s=c(e);if(!s||!s.access_token)throw new Error("No access_token in response.");t.setItem(o,s.access_token),s.refresh_token&&t.setItem(r,s.refresh_token),s.user&&t.setItem(a,JSON.stringify(s.user))}return{async login(e,s){const t=await d(i.login,{username:e,password:s});return u(t),c(t)},forgot:async({email:e,method:s})=>d(i.forgot,{email:e,method:s}),async resetWithCode({email:e,code:s,newPassword:t}){const n=await d(i.resetCode,{email:e,code:s,new_password:t});return u(n),c(n)},async resetWithToken({token:e,newPassword:s}){const t=await d(i.resetToken,{token:e,new_password:s});return u(t),c(t)},exchangeAuthCode:async e=>l||(l=(async()=>{try{const s=await d(i.exchange,{code:e});return u(s),c(s)}finally{l=null}})(),l),async handleAuthCodeFromURL(){if("undefined"==typeof window||!window.location)return null;const e=new URLSearchParams(window.location.search),s=e.get("auth_code");if(!s)return null;e.delete("auth_code");const t=window.location.pathname+(e.toString()?`?${e.toString()}`:"")+(window.location.hash||"");return window.history.replaceState({},"",t),this.exchangeAuthCode(s)},logout(){t.removeItem(o),t.removeItem(r),t.removeItem(a)},isAuthenticated:()=>!!t.getItem(o),getToken:()=>t.getItem(o),getUser(){const e=t.getItem(a);try{return e?JSON.parse(e):null}catch{return null}},getAuthHeader(){const e=t.getItem(o);return e?`Bearer ${e}`:null},getErrorMessage:function(e){return e?.message||e?.error||Array.isArray(e?.errors)&&e.errors[0]?.message||"An error occurred. Please try again."},parseResponse:c}}function i(e,s={}){if(!(e&&e instanceof Element))throw new Error("mountAuth: container must be a DOM Element");const{baseURL:t,onSuccessRedirect:n,allowRedirectOrigins:o,branding:r={},theme:i,endpoints:l,providers:d,texts:c={}}=s;if(!t)throw new Error("mountAuth: baseURL is required");const u=new URLSearchParams(window.location.search),m=u.get("redirect")||u.get("next")||u.get("returnTo"),p=String(n||m||"/");function w(){!function(e){if(!o||0===o.length)return!0;try{const s=new URL(e,window.location.origin);return o.includes(s.origin)}catch{return!1}}(p)?window.location.href="/":window.location.href=p.startsWith("http")?p:new URL(p,window.location.origin).href}const g=a({baseURL:t,endpoints:l}),b=r.title||"Sign In",f=r.subtitle||"Sign in to your account",h=r.logoUrl||"",y={emailOrUsername:c.emailOrUsername||"Email or Username",password:c.password||"Password",signIn:c.signIn||"Sign In",forgotPassword:c.forgotPassword||"Forgot password?",resetYourPassword:c.resetYourPassword||"Reset Your Password",emailAddress:c.emailAddress||"Email Address",resetMethod:c.resetMethod||"Reset Method",emailCode:c.emailCode||"Email me a code",emailLink:c.emailLink||"Email me a magic link",sendReset:c.sendReset||"Send Reset",back:c.back||"Back",enterResetCode:c.enterResetCode||"Enter Reset Code",weSentCodeTo:c.weSentCodeTo||"We sent a code to",resetCode:c.resetCode||"Reset Code",newPassword:c.newPassword||"New Password",confirmPassword:c.confirmPassword||"Confirm Password",resetPassword:c.resetPassword||"Reset Password",setYourNewPassword:c.setYourNewPassword||"Set Your New Password",setPassword:c.setPassword||"Set Password",invalidCredentials:c.invalidCredentials||"Invalid credentials.",successRedirecting:c.successRedirecting||"Success! Redirecting...",pleaseFillAllFields:c.pleaseFillAllFields||"Please fill in all fields.",passwordsDoNotMatch:c.passwordsDoNotMatch||"Passwords do not match."},v=`\n    <div class="auth-container">\n      <div class="auth-card">\n        <div class="auth-header">\n          ${h?`<img src="${h}" alt="${b}" style="max-height:60px;margin-bottom:10px" />`:""}\n          <h1 class="auth-title">${b}</h1>\n          <p class="auth-subtitle">${f}</p>\n        </div>\n\n        <div id="status-message" class="alert" role="status" style="display:none;"></div>\n\n        \x3c!-- Sign In View --\x3e\n        <div id="view-signin" class="auth-view">\n          <form id="form-signin" novalidate>\n            <div class="mb-3">\n              <label for="signin-username" class="form-label">${y.emailOrUsername}</label>\n              <input type="text" class="form-control" id="signin-username" placeholder="${y.emailOrUsername}" autocomplete="username" required />\n            </div>\n            <div class="mb-3">\n              <label for="signin-password" class="form-label">${y.password}</label>\n              <input type="password" class="form-control" id="signin-password" placeholder="${y.password}" autocomplete="current-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100 mb-3" id="btn-signin">\n              <span class="btn-text">${y.signIn}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n            <div class="text-center">\n              <a href="#" id="link-forgot" class="text-decoration-none">${y.forgotPassword}</a>\n            </div>\n\n            ${d&&(d.google||d.passkey)?`\n              <div class="position-relative my-3">\n                <hr class="text-muted" />\n                <span class="position-absolute top-50 start-50 translate-middle bg-white px-3 text-muted small">OR</span>\n              </div>\n              <div class="d-grid gap-2">\n                ${d.google?'<button type="button" class="btn btn-outline-primary" id="btn-google"><i class="bi bi-google me-2"></i>Continue with Google</button>':""}\n                ${d.passkey?'<button type="button" class="btn btn-outline-secondary" id="btn-passkey"><i class="bi bi-fingerprint me-2"></i>Sign in with Passkey</button>':""}\n              </div>\n            `:""}\n          </form>\n        </div>\n\n        \x3c!-- Forgot Password View --\x3e\n        <div id="view-forgot" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-signin">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.resetYourPassword}</h2>\n          <form id="form-forgot" novalidate>\n            <div class="mb-3">\n              <label for="forgot-email" class="form-label">${y.emailAddress}</label>\n              <input type="email" class="form-control" id="forgot-email" placeholder="${y.emailAddress}" autocomplete="email" required />\n            </div>\n            <div class="mb-3">\n              <label class="form-label">${y.resetMethod}</label>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-code" value="code" checked />\n                <label class="form-check-label" for="method-code">${y.emailCode}</label>\n              </div>\n              <div class="form-check">\n                <input class="form-check-input" type="radio" name="reset-method" id="method-link" value="link" />\n                <label class="form-check-label" for="method-link">${y.emailLink}</label>\n              </div>\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-forgot">\n              <span class="btn-text">${y.sendReset}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Reset with Code View --\x3e\n        <div id="view-reset-code" class="auth-view" style="display:none;">\n          <button type="button" class="btn btn-link p-0 mb-3" id="btn-back-forgot">\n            <span aria-hidden="true">←</span> ${y.back}\n          </button>\n          <h2 class="h5 mb-3">${y.enterResetCode}</h2>\n          <p class="text-muted small mb-3">${y.weSentCodeTo} <strong id="reset-email-display"></strong></p>\n          <form id="form-reset-code" novalidate>\n            <div class="mb-3">\n              <label for="reset-code" class="form-label">${y.resetCode}</label>\n              <input type="text" class="form-control" id="reset-code" placeholder="${y.resetCode}" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="reset-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="reset-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="reset-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-reset-code">\n              <span class="btn-text">${y.resetPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n\n        \x3c!-- Set Password via Magic Link View --\x3e\n        <div id="view-set-password" class="auth-view" style="display:none;">\n          <h2 class="h5 mb-3">${y.setYourNewPassword}</h2>\n          <form id="form-set-password" novalidate>\n            <div class="mb-3">\n              <label for="set-password" class="form-label">${y.newPassword}</label>\n              <input type="password" class="form-control" id="set-password" placeholder="${y.newPassword}" autocomplete="new-password" required />\n            </div>\n            <div class="mb-3">\n              <label for="set-password-confirm" class="form-label">${y.confirmPassword}</label>\n              <input type="password" class="form-control" id="set-password-confirm" placeholder="${y.confirmPassword}" autocomplete="new-password" required />\n            </div>\n            <button type="submit" class="btn btn-primary w-100" id="btn-set-password">\n              <span class="btn-text">${y.setPassword}</span>\n              <span class="btn-spinner spinner-border spinner-border-sm" style="display:none;"></span>\n            </button>\n          </form>\n        </div>\n      </div>\n    </div>\n  `;e.innerHTML=v,i&&e.classList.add(String(i));const k={views:{signin:e.querySelector("#view-signin"),forgot:e.querySelector("#view-forgot"),resetCode:e.querySelector("#view-reset-code"),setPassword:e.querySelector("#view-set-password")},forms:{signin:e.querySelector("#form-signin"),forgot:e.querySelector("#form-forgot"),resetCode:e.querySelector("#form-reset-code"),setPassword:e.querySelector("#form-set-password")},buttons:{signin:e.querySelector("#btn-signin"),forgot:e.querySelector("#btn-forgot"),resetCode:e.querySelector("#btn-reset-code"),setPassword:e.querySelector("#btn-set-password"),backSignin:e.querySelector("#btn-back-signin"),backForgot:e.querySelector("#btn-back-forgot"),google:e.querySelector("#btn-google"),passkey:e.querySelector("#btn-passkey")},inputs:{signinUsername:e.querySelector("#signin-username"),signinPassword:e.querySelector("#signin-password"),forgotEmail:e.querySelector("#forgot-email"),resetCode:e.querySelector("#reset-code"),resetPassword:e.querySelector("#reset-password"),resetPasswordConfirm:e.querySelector("#reset-password-confirm"),setPassword:e.querySelector("#set-password"),setPasswordConfirm:e.querySelector("#set-password-confirm")},radios:{resetMethodCode:e.querySelector("#method-code"),resetMethodLink:e.querySelector("#method-link")},labels:{resetEmailDisplay:e.querySelector("#reset-email-display")},links:{forgot:e.querySelector("#link-forgot")},message:e.querySelector("#status-message")};function S(e){Object.entries(k.views).forEach(([s,t])=>{t&&(t.style.display=s===e?"block":"none")}),setTimeout(()=>{const s=k.views[e],t=s?.querySelector("h1, h2, .auth-title, .h5");if(t)t.setAttribute("tabindex","-1"),t.focus?.();else{const e=s?.querySelector("input, button");e?.focus?.()}},60)}function P(e,s="info"){const t=k.message;t&&(t.textContent=e,t.className=`alert alert-${s}`,t.style.display="block",t.setAttribute("role","danger"===s?"alert":"status"))}function C(){const e=k.message;e&&(e.style.display="none")}function E(e,s){if(!e)return;const t=e.querySelector(".btn-text"),n=e.querySelector(".btn-spinner");e.disabled=!!s,t&&(t.style.display=s?"none":"inline"),n&&(n.style.display=s?"inline-block":"none")}async function $(e){e?.preventDefault?.(),C();const s=k.inputs.signinUsername?.value?.trim(),t=k.inputs.signinPassword?.value;if(s&&t){E(k.buttons.signin,!0);try{await g.login(s,t),P(`${y.successRedirecting}`,"success"),setTimeout(w,350)}catch(n){P(g.getErrorMessage(n)||y.invalidCredentials,"danger"),E(k.buttons.signin,!1)}}else P("Please enter both username and password.","danger")}async function q(e){e?.preventDefault?.(),C();const s=k.inputs.forgotEmail?.value?.trim(),t=k.radios.resetMethodCode?.checked?"code":k.radios.resetMethodLink?.checked?"link":"code";if(s){E(k.buttons.forgot,!0);try{await g.forgot({email:s,method:t}),"code"===t?(sessionStorage.setItem("reset_email",s),sessionStorage.setItem("reset_method",t),k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=s),S("resetCode"),P("Reset code sent! Check your email.","success")):P("Magic link sent! Check your email and click the link.","success")}catch(n){P(g.getErrorMessage(n)||"Something went wrong. Please try again.","danger")}finally{E(k.buttons.forgot,!1)}}else P("Please enter your email address.","danger")}async function R(e){e?.preventDefault?.(),C();const s=k.inputs.resetCode?.value?.trim(),t=k.inputs.resetPassword?.value,n=k.inputs.resetPasswordConfirm?.value,o=sessionStorage.getItem("reset_email");if(!o)return P("Session expired. Please restart the password reset process.","danger"),void S("forgot");if(s&&t)if(t===n){E(k.buttons.resetCode,!0);try{await g.resetWithCode({email:o,code:s,newPassword:t}),sessionStorage.removeItem("reset_email"),sessionStorage.removeItem("reset_method"),P(y.successRedirecting,"success"),setTimeout(w,350)}catch(r){P(g.getErrorMessage(r)||"Invalid code or code expired.","danger"),E(k.buttons.resetCode,!1)}}else P(y.passwordsDoNotMatch,"danger");else P(y.pleaseFillAllFields,"danger")}async function I(e){e?.preventDefault?.(),C();const s=k.inputs.setPassword?.value,t=k.inputs.setPasswordConfirm?.value,n=sessionStorage.getItem("login_token");if(!n)return P("Invalid or expired link. Please request a new one.","danger"),void S("forgot");if(s)if(s===t){E(k.buttons.setPassword,!0);try{await g.resetWithToken({token:n,newPassword:s}),sessionStorage.removeItem("login_token"),P(y.successRedirecting,"success"),setTimeout(w,350)}catch(o){P(g.getErrorMessage(o)||"Invalid or expired link.","danger"),E(k.buttons.setPassword,!1)}}else P(y.passwordsDoNotMatch,"danger");else P("Please enter a new password.","danger")}function x(e){e?.preventDefault?.(),C(),S("forgot")}function L(){C(),S("signin")}function _(){C(),S("forgot")}return k.forms.signin?.addEventListener("submit",$),k.forms.forgot?.addEventListener("submit",q),k.forms.resetCode?.addEventListener("submit",R),k.forms.setPassword?.addEventListener("submit",I),k.links.forgot?.addEventListener("click",x),k.buttons.backSignin?.addEventListener("click",L),k.buttons.backForgot?.addEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.addEventListener("click",s=>{s?.preventDefault?.(),d.google.onClick?.({container:e,auth:g,redirect:w,showMessage:P})}),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.addEventListener("click",s=>{s?.preventDefault?.(),d.passkey.onClick?.({container:e,auth:g,redirect:w,showMessage:P})}),function(){const e=new URLSearchParams(window.location.search),s=e.get("login_token");if(s){sessionStorage.setItem("login_token",s),e.delete("login_token");const t=e.toString()?`${window.location.pathname}?${e.toString()}`:window.location.pathname;return window.history.replaceState({},"",t),S("setPassword"),void P("Please set your new password.","info")}const t=sessionStorage.getItem("reset_email");if(t)return k.labels.resetEmailDisplay&&(k.labels.resetEmailDisplay.textContent=t),void S("resetCode");S("signin")}(),{destroy(){k.forms.signin?.removeEventListener("submit",$),k.forms.forgot?.removeEventListener("submit",q),k.forms.resetCode?.removeEventListener("submit",R),k.forms.setPassword?.removeEventListener("submit",I),k.links.forgot?.removeEventListener("click",x),k.buttons.backSignin?.removeEventListener("click",L),k.buttons.backForgot?.removeEventListener("click",_),d?.google&&k.buttons.google&&k.buttons.google.replaceWith(k.buttons.google.cloneNode(!0)),d?.passkey&&k.buttons.passkey&&k.buttons.passkey.replaceWith(k.buttons.passkey.cloneNode(!0)),e.innerHTML=""}}}const l={mountAuth:i,createAuthClient:a},d=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,createAuthClient:a,default:l,mountAuth:i},Symbol.toStringTag,{value:"Module"}));export{e as BUILD_TIME,s as VERSION,t as VERSION_INFO,n as VERSION_MAJOR,o as VERSION_MINOR,r as VERSION_REVISION,a as createAuthClient,d as default,i as mountAuth};
 //# sourceMappingURL=auth.es.js.map

package/dist/charts.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/exportChart-DPLrRNXy.js"),e=require("./chunks/View-IgBQlwd0.js"),s=require("./chunks/Collection-7F3lsq4z.js"),i=require("./chunks/WebApp-B6wrmIaj.js"),r=require("./chunks/version-zXMtMDDM.js");class CircularProgress extends e.View{constructor(t={}){super({className:`circular-progress ${t.className||""}`,...t}),this.SIZE_PRESETS={xs:40,sm:60,md:80,lg:120,xl:180},this.STROKE_PRESETS={xs:4,sm:6,md:8,lg:12,xl:16},this.value=void 0!==t.value?t.value:0,this.min=void 0!==t.min?t.min:0,this.max=void 0!==t.max?t.max:100,this.sizePreset="string"==typeof t.size&&this.SIZE_PRESETS[t.size]?t.size:null,this.size=this.resolveSize(void 0!==t.size?t.size:"md"),this.strokeWidth="auto"===t.strokeWidth||void 0===t.strokeWidth?this.getAutoStrokeWidth(t.size):t.strokeWidth,this.theme=t.theme||"basic",this.variant=t.variant||"default",this.color=t.color,this.trackColor=t.trackColor,this.textColor=t.textColor,this.gradientColors=t.gradientColors||null,this.applyTheme(),this.applyVariant(),this.rotation=void 0!==t.rotation?t.rotation:-90,this.gap=t.gap||0,this.showValue=!1!==t.showValue,this.valueFormat=t.valueFormat||"percentage",this.valueFormatter=t.valueFormatter||null,this.label=t.label||null,this.labelHtml=t.labelHtml||null,this.icon=t.icon||null,this.animate=!1!==t.animate,this.animationDuration=t.animationDuration||600,this.animationEasing=t.animationEasing||"ease-out",this.rounded=!1!==t.rounded,this.shadow=t.shadow||!1,this.clickable=t.clickable||!1,this.tooltip=t.tooltip||null,this.tooltipPlacement=t.tooltipPlacement||"top",this.segments=t.segments||null,this.segmentGap=t.segmentGap||2,this.dataFormatter=s.dataFormatter,this.svg=null,this.centerElement=null,this.popover=null,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`}resolveSize(t){return"string"==typeof t&&this.SIZE_PRESETS[t]?this.SIZE_PRESETS[t]:"number"==typeof t?t:this.SIZE_PRESETS.md}getAutoStrokeWidth(t){if("string"==typeof t&&this.STROKE_PRESETS[t])return this.STROKE_PRESETS[t];const e=this.resolveSize(t);return e<=40?4:e<=60?6:e<=80?8:e<=120?12:16}applyTheme(){const t={basic:{trackColor:"#e9ecef",textColor:null,backgroundColor:null},shadowed:{trackColor:"#d1d5db",textColor:null,backgroundColor:null,shadow:!0},dark:{trackColor:"#374151",textColor:"#e5e7eb",backgroundColor:"#1f2937"},light:{trackColor:"#f3f4f6",textColor:"#111827",backgroundColor:"#ffffff"}},e=t[this.theme]||t.basic;this.trackColor||(this.trackColor=e.trackColor),!this.textColor&&e.textColor&&(this.textColor=e.textColor),e.shadow&&!1===this.shadow&&(this.shadow=e.shadow)}applyVariant(){const t={success:{color:"#198754",trackColor:"rgba(25, 135, 84, 0.1)"},danger:{color:"#dc3545",trackColor:"rgba(220, 53, 69, 0.1)"},warning:{color:"#ffc107",trackColor:"rgba(255, 193, 7, 0.1)"},info:{color:"#0dcaf0",trackColor:"rgba(13, 202, 240, 0.1)"},default:{color:"#0d6efd"}};if(t[this.variant]){const e=t[this.variant];this.color||(this.color=e.color),e.trackColor&&this.trackColor===this.applyTheme.trackColor&&(this.trackColor=e.trackColor)}this.color||(this.color="#0d6efd")}getTemplate(){const t=this.sizePreset?`circular-progress-${this.sizePreset}`:"",e="default"!==this.variant?`circular-progress-${this.variant}`:"",s="basic"!==this.theme?`circular-progress-theme-${this.theme}`:"",i=this.clickable?"circular-progress-clickable":"",r=this.shadow?"circular-progress-shadow":"",o=this.textColor?`color: ${this.textColor};`:"";return`\n      <div class="circular-progress-container ${t} ${e} ${s} ${i} ${r}"\n           style="width: ${this.size}px; height: ${this.size}px;">\n        <svg class="circular-progress-svg" \n             width="${this.size}" \n             height="${this.size}"\n             viewBox="0 0 ${this.size} ${this.size}">\n        </svg>\n        <div class="circular-progress-center" style="${o}">\n          <div class="circular-progress-content"></div>\n        </div>\n      </div>\n    `}async onAfterRender(){this.svg=this.element.querySelector(".circular-progress-svg"),this.centerElement=this.element.querySelector(".circular-progress-content"),this.containerElement=this.element.querySelector(".circular-progress-container"),this.renderProgress(),this.renderCenterContent(),this.clickable&&this.setupClickHandler(),this.tooltip&&this.clickable&&this.setupTooltip()}renderProgress(){if(!this.svg)return;this.svg.innerHTML="";const t=this.size/2,e=(this.size-this.strokeWidth)/2,s=2*Math.PI*e;this.gradientColors&&this.gradientColors.length>1&&this.createGradient(),this.segments&&Array.isArray(this.segments)&&this.segments.length>0?this.renderSegments(t,e,s):this.renderSingleProgress(t,e,s)}renderSingleProgress(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r);const o=i-this.getPercentage()/100*i,a=this.gradientColors?`url(#${this.gradientId})`:this.color,n=this.createCircle(t,e,{stroke:a,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${i} ${s}`,strokeDashoffset:this.animate?i:o,transform:`rotate(${this.rotation} ${t} ${t})`,class:"circular-progress-bar"});this.svg.appendChild(n),this.animate&&this.animateProgress(n,o)}renderSegments(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r),this.segments.reduce((t,e)=>t+(e.value||0),0)>this.max&&console.warn("CircularProgress: Segment total exceeds max value. Clamping to max.");let o=0;this.segments.forEach((r,a)=>{const n=(r.value||0)/(this.max-this.min)*100/100*i,h=this.segmentGap/360*s;if(n>0){const l=this.createCircle(t,e,{stroke:r.color||this.color,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${n} ${s}`,strokeDashoffset:this.animate?i:-o,transform:`rotate(${this.rotation} ${t} ${t})`,class:`circular-progress-segment circular-progress-segment-${a}`,"data-segment-index":a});this.svg.appendChild(l),this.animate&&this.animateProgress(l,-o,100*a),o+=n+h}})}createCircle(t,e,s={}){const i=document.createElementNS("http://www.w3.org/2000/svg","circle");return i.setAttribute("cx",t),i.setAttribute("cy",t),i.setAttribute("r",e),Object.entries(s).forEach(([t,e])=>{"strokeWidth"===t?i.setAttribute("stroke-width",e):"strokeLinecap"===t?i.setAttribute("stroke-linecap",e):"strokeDasharray"===t?i.setAttribute("stroke-dasharray",e):"strokeDashoffset"===t?i.setAttribute("stroke-dashoffset",e):i.setAttribute(t,e)}),i}createGradient(){const t=document.createElementNS("http://www.w3.org/2000/svg","defs"),e=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");e.setAttribute("id",this.gradientId),e.setAttribute("x1","0%"),e.setAttribute("y1","0%"),e.setAttribute("x2","100%"),e.setAttribute("y2","100%"),this.gradientColors.forEach((t,s)=>{const i=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=s/(this.gradientColors.length-1)*100;i.setAttribute("offset",`${r}%`),i.setAttribute("stop-color",t),e.appendChild(i)}),t.appendChild(e),this.svg.appendChild(t)}animateProgress(t,e,s=0){setTimeout(()=>{t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=e},s)}renderCenterContent(){if(this.centerElement)if(this.labelHtml)this.centerElement.innerHTML=this.labelHtml;else if(this.icon)this.centerElement.innerHTML=`<i class="${this.icon}"></i>`;else if(this.showValue){let t=`<div class="circular-progress-value">${this.getFormattedValue()}</div>`;this.label&&(t+=`<div class="circular-progress-label">${this.label}</div>`),this.centerElement.innerHTML=t}}getFormattedValue(){const t=this.value,e=this.min,s=this.max;if(this.valueFormatter&&"function"==typeof this.valueFormatter)return this.valueFormatter(t,e,s);switch(this.valueFormat){case"percentage":return`${Math.round(this.getPercentage())}%`;case"fraction":return`${t}/${s}`;case"value":return t.toString();default:if(this.dataFormatter)try{return this.dataFormatter.pipe(t,this.valueFormat)}catch(i){return console.warn("CircularProgress: DataFormatter error, falling back to percentage",i),`${Math.round(this.getPercentage())}%`}return`${Math.round(this.getPercentage())}%`}}getPercentage(){const t=this.max-this.min;return 0===t?0:(this.value-this.min)/t*100}setupClickHandler(){this.containerElement&&(this.containerElement.style.cursor="pointer",this.containerElement.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const e=this.getPercentage();this.emit("progress:clicked",{value:this.value,percentage:e,min:this.min,max:this.max}),this.tooltip&&this.togglePopover()}))}setupTooltip(){}togglePopover(){if(this.containerElement&&void 0!==window.bootstrap){if(!this.popover){const t=this.getTooltipContent(),e="object"==typeof this.tooltip&&this.tooltip.title?this.tooltip.title:void 0,s={content:t,html:!0,placement:this.tooltipPlacement,trigger:"manual",container:"body"};e&&(s.title=e),this.popover=new window.bootstrap.Popover(this.containerElement,s)}window.bootstrap.Popover.getInstance(this.containerElement)&&this.containerElement.getAttribute("aria-describedby")?this.popover.hide():(this.popover.setContent({".popover-body":this.getTooltipContent()}),this.popover.show())}else console.warn("CircularProgress: Bootstrap is required for tooltip support")}getTooltipContent(){return"function"==typeof this.tooltip?this.tooltip(this.value,{min:this.min,max:this.max,percentage:this.getPercentage()}):"object"==typeof this.tooltip?this.tooltip.html||this.tooltip.content||"":this.tooltip||""}setValue(t,e=!0){if(this.value,this.value=Math.max(this.min,Math.min(this.max,t)),this.renderCenterContent(),this.svg&&!this.segments){const t=this.svg.querySelector(".circular-progress-bar");if(t){const s=this.size/2-this.strokeWidth/2,i=2*Math.PI*s,r=(this.gap>0?360-this.gap:360)/360*i,o=r-this.getPercentage()/100*r;e?(t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=o):(t.style.transition="none",t.style.strokeDashoffset=o)}}else{const t=this.animate;this.animate=e,this.renderProgress(),this.animate=t}}setRange(t,e){this.min=t,this.max=e,this.renderProgress(),this.renderCenterContent()}increment(t=1){this.setValue(this.value+t)}decrement(t=1){this.setValue(this.value-t)}setColor(t){if(this.color=t,this.gradientColors=null,this.svg&&!this.segments){const e=this.svg.querySelector(".circular-progress-bar");e&&e.setAttribute("stroke",t)}else this.renderProgress()}setGradient(t){Array.isArray(t)&&t.length>1&&(this.gradientColors=t,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`,this.renderProgress())}setSize(t){this.containerElement&&this.sizePreset&&this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`),this.sizePreset="string"==typeof t&&this.SIZE_PRESETS[t]?t:null,this.size=this.resolveSize(t),this.strokeWidth=this.getAutoStrokeWidth(t),this.containerElement&&(this.containerElement.style.width=`${this.size}px`,this.containerElement.style.height=`${this.size}px`,this.sizePreset&&this.containerElement.classList.add(`circular-progress-${this.sizePreset}`)),this.svg&&(this.svg.setAttribute("width",this.size),this.svg.setAttribute("height",this.size),this.svg.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`)),this.renderProgress()}animateTo(t,e=1e3){const s=this.value,i=t-s,r=performance.now(),o=a=>{const n=a-r,h=Math.min(n/e,1),l=1-Math.pow(1-h,3),c=s+i*l;this.setValue(c,!1),h<1?requestAnimationFrame(o):this.setValue(t,!1)};requestAnimationFrame(o)}pulse(){this.containerElement&&(this.containerElement.style.animation="none",setTimeout(()=>{this.containerElement.style.animation="circular-progress-pulse 0.5s ease-out"},10),setTimeout(()=>{this.containerElement.style.animation=""},500))}complete(){this.variant="success",this.applyVariant(),this.setValue(this.max),this.pulse()}reset(){this.setValue(this.min)}hide(){this.element&&(this.element.style.display="none")}show(){this.element&&(this.element.style.display="")}getValue(){return this.value}getPercentageValue(){return this.getPercentage()}async onBeforeDestroy(){this.popover&&(this.popover.dispose(),this.popover=null),await super.onBeforeDestroy()}}exports.MetricsChart=t.MetricsChart,exports.MetricsMiniChart=t.MetricsMiniChart,exports.MetricsMiniChartWidget=t.MetricsMiniChartWidget,exports.MiniChart=t.MiniChart,exports.PieChart=t.PieChart,exports.SeriesChart=t.SeriesChart,exports.exportChartPng=t.exportChartPng,exports.WebApp=i.WebApp,exports.BUILD_TIME=r.BUILD_TIME,exports.VERSION=r.VERSION,exports.VERSION_INFO=r.VERSION_INFO,exports.VERSION_MAJOR=r.VERSION_MAJOR,exports.VERSION_MINOR=r.VERSION_MINOR,exports.VERSION_REVISION=r.VERSION_REVISION,exports.CircularProgress=CircularProgress;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/exportChart-DVIvZLoP.js"),e=require("./chunks/View-IgBQlwd0.js"),s=require("./chunks/Collection-7F3lsq4z.js"),i=require("./chunks/WebApp-B6wrmIaj.js"),r=require("./chunks/version-BEKxO75G.js");class CircularProgress extends e.View{constructor(t={}){super({className:`circular-progress ${t.className||""}`,...t}),this.SIZE_PRESETS={xs:40,sm:60,md:80,lg:120,xl:180},this.STROKE_PRESETS={xs:4,sm:6,md:8,lg:12,xl:16},this.value=void 0!==t.value?t.value:0,this.min=void 0!==t.min?t.min:0,this.max=void 0!==t.max?t.max:100,this.sizePreset="string"==typeof t.size&&this.SIZE_PRESETS[t.size]?t.size:null,this.size=this.resolveSize(void 0!==t.size?t.size:"md"),this.strokeWidth="auto"===t.strokeWidth||void 0===t.strokeWidth?this.getAutoStrokeWidth(t.size):t.strokeWidth,this.theme=t.theme||"basic",this.variant=t.variant||"default",this.color=t.color,this.trackColor=t.trackColor,this.textColor=t.textColor,this.gradientColors=t.gradientColors||null,this.applyTheme(),this.applyVariant(),this.rotation=void 0!==t.rotation?t.rotation:-90,this.gap=t.gap||0,this.showValue=!1!==t.showValue,this.valueFormat=t.valueFormat||"percentage",this.valueFormatter=t.valueFormatter||null,this.label=t.label||null,this.labelHtml=t.labelHtml||null,this.icon=t.icon||null,this.animate=!1!==t.animate,this.animationDuration=t.animationDuration||600,this.animationEasing=t.animationEasing||"ease-out",this.rounded=!1!==t.rounded,this.shadow=t.shadow||!1,this.clickable=t.clickable||!1,this.tooltip=t.tooltip||null,this.tooltipPlacement=t.tooltipPlacement||"top",this.segments=t.segments||null,this.segmentGap=t.segmentGap||2,this.dataFormatter=s.dataFormatter,this.svg=null,this.centerElement=null,this.popover=null,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`}resolveSize(t){return"string"==typeof t&&this.SIZE_PRESETS[t]?this.SIZE_PRESETS[t]:"number"==typeof t?t:this.SIZE_PRESETS.md}getAutoStrokeWidth(t){if("string"==typeof t&&this.STROKE_PRESETS[t])return this.STROKE_PRESETS[t];const e=this.resolveSize(t);return e<=40?4:e<=60?6:e<=80?8:e<=120?12:16}applyTheme(){const t={basic:{trackColor:"#e9ecef",textColor:null,backgroundColor:null},shadowed:{trackColor:"#d1d5db",textColor:null,backgroundColor:null,shadow:!0},dark:{trackColor:"#374151",textColor:"#e5e7eb",backgroundColor:"#1f2937"},light:{trackColor:"#f3f4f6",textColor:"#111827",backgroundColor:"#ffffff"}},e=t[this.theme]||t.basic;this.trackColor||(this.trackColor=e.trackColor),!this.textColor&&e.textColor&&(this.textColor=e.textColor),e.shadow&&!1===this.shadow&&(this.shadow=e.shadow)}applyVariant(){const t={success:{color:"#198754",trackColor:"rgba(25, 135, 84, 0.1)"},danger:{color:"#dc3545",trackColor:"rgba(220, 53, 69, 0.1)"},warning:{color:"#ffc107",trackColor:"rgba(255, 193, 7, 0.1)"},info:{color:"#0dcaf0",trackColor:"rgba(13, 202, 240, 0.1)"},default:{color:"#0d6efd"}};if(t[this.variant]){const e=t[this.variant];this.color||(this.color=e.color),e.trackColor&&this.trackColor===this.applyTheme.trackColor&&(this.trackColor=e.trackColor)}this.color||(this.color="#0d6efd")}getTemplate(){const t=this.sizePreset?`circular-progress-${this.sizePreset}`:"",e="default"!==this.variant?`circular-progress-${this.variant}`:"",s="basic"!==this.theme?`circular-progress-theme-${this.theme}`:"",i=this.clickable?"circular-progress-clickable":"",r=this.shadow?"circular-progress-shadow":"",o=this.textColor?`color: ${this.textColor};`:"";return`\n      <div class="circular-progress-container ${t} ${e} ${s} ${i} ${r}"\n           style="width: ${this.size}px; height: ${this.size}px;">\n        <svg class="circular-progress-svg" \n             width="${this.size}" \n             height="${this.size}"\n             viewBox="0 0 ${this.size} ${this.size}">\n        </svg>\n        <div class="circular-progress-center" style="${o}">\n          <div class="circular-progress-content"></div>\n        </div>\n      </div>\n    `}async onAfterRender(){this.svg=this.element.querySelector(".circular-progress-svg"),this.centerElement=this.element.querySelector(".circular-progress-content"),this.containerElement=this.element.querySelector(".circular-progress-container"),this.renderProgress(),this.renderCenterContent(),this.clickable&&this.setupClickHandler(),this.tooltip&&this.clickable&&this.setupTooltip()}renderProgress(){if(!this.svg)return;this.svg.innerHTML="";const t=this.size/2,e=(this.size-this.strokeWidth)/2,s=2*Math.PI*e;this.gradientColors&&this.gradientColors.length>1&&this.createGradient(),this.segments&&Array.isArray(this.segments)&&this.segments.length>0?this.renderSegments(t,e,s):this.renderSingleProgress(t,e,s)}renderSingleProgress(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r);const o=i-this.getPercentage()/100*i,a=this.gradientColors?`url(#${this.gradientId})`:this.color,n=this.createCircle(t,e,{stroke:a,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${i} ${s}`,strokeDashoffset:this.animate?i:o,transform:`rotate(${this.rotation} ${t} ${t})`,class:"circular-progress-bar"});this.svg.appendChild(n),this.animate&&this.animateProgress(n,o)}renderSegments(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r),this.segments.reduce((t,e)=>t+(e.value||0),0)>this.max&&console.warn("CircularProgress: Segment total exceeds max value. Clamping to max.");let o=0;this.segments.forEach((r,a)=>{const n=(r.value||0)/(this.max-this.min)*100/100*i,h=this.segmentGap/360*s;if(n>0){const l=this.createCircle(t,e,{stroke:r.color||this.color,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${n} ${s}`,strokeDashoffset:this.animate?i:-o,transform:`rotate(${this.rotation} ${t} ${t})`,class:`circular-progress-segment circular-progress-segment-${a}`,"data-segment-index":a});this.svg.appendChild(l),this.animate&&this.animateProgress(l,-o,100*a),o+=n+h}})}createCircle(t,e,s={}){const i=document.createElementNS("http://www.w3.org/2000/svg","circle");return i.setAttribute("cx",t),i.setAttribute("cy",t),i.setAttribute("r",e),Object.entries(s).forEach(([t,e])=>{"strokeWidth"===t?i.setAttribute("stroke-width",e):"strokeLinecap"===t?i.setAttribute("stroke-linecap",e):"strokeDasharray"===t?i.setAttribute("stroke-dasharray",e):"strokeDashoffset"===t?i.setAttribute("stroke-dashoffset",e):i.setAttribute(t,e)}),i}createGradient(){const t=document.createElementNS("http://www.w3.org/2000/svg","defs"),e=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");e.setAttribute("id",this.gradientId),e.setAttribute("x1","0%"),e.setAttribute("y1","0%"),e.setAttribute("x2","100%"),e.setAttribute("y2","100%"),this.gradientColors.forEach((t,s)=>{const i=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=s/(this.gradientColors.length-1)*100;i.setAttribute("offset",`${r}%`),i.setAttribute("stop-color",t),e.appendChild(i)}),t.appendChild(e),this.svg.appendChild(t)}animateProgress(t,e,s=0){setTimeout(()=>{t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=e},s)}renderCenterContent(){if(this.centerElement)if(this.labelHtml)this.centerElement.innerHTML=this.labelHtml;else if(this.icon)this.centerElement.innerHTML=`<i class="${this.icon}"></i>`;else if(this.showValue){let t=`<div class="circular-progress-value">${this.getFormattedValue()}</div>`;this.label&&(t+=`<div class="circular-progress-label">${this.label}</div>`),this.centerElement.innerHTML=t}}getFormattedValue(){const t=this.value,e=this.min,s=this.max;if(this.valueFormatter&&"function"==typeof this.valueFormatter)return this.valueFormatter(t,e,s);switch(this.valueFormat){case"percentage":return`${Math.round(this.getPercentage())}%`;case"fraction":return`${t}/${s}`;case"value":return t.toString();default:if(this.dataFormatter)try{return this.dataFormatter.pipe(t,this.valueFormat)}catch(i){return console.warn("CircularProgress: DataFormatter error, falling back to percentage",i),`${Math.round(this.getPercentage())}%`}return`${Math.round(this.getPercentage())}%`}}getPercentage(){const t=this.max-this.min;return 0===t?0:(this.value-this.min)/t*100}setupClickHandler(){this.containerElement&&(this.containerElement.style.cursor="pointer",this.containerElement.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const e=this.getPercentage();this.emit("progress:clicked",{value:this.value,percentage:e,min:this.min,max:this.max}),this.tooltip&&this.togglePopover()}))}setupTooltip(){}togglePopover(){if(this.containerElement&&void 0!==window.bootstrap){if(!this.popover){const t=this.getTooltipContent(),e="object"==typeof this.tooltip&&this.tooltip.title?this.tooltip.title:void 0,s={content:t,html:!0,placement:this.tooltipPlacement,trigger:"manual",container:"body"};e&&(s.title=e),this.popover=new window.bootstrap.Popover(this.containerElement,s)}window.bootstrap.Popover.getInstance(this.containerElement)&&this.containerElement.getAttribute("aria-describedby")?this.popover.hide():(this.popover.setContent({".popover-body":this.getTooltipContent()}),this.popover.show())}else console.warn("CircularProgress: Bootstrap is required for tooltip support")}getTooltipContent(){return"function"==typeof this.tooltip?this.tooltip(this.value,{min:this.min,max:this.max,percentage:this.getPercentage()}):"object"==typeof this.tooltip?this.tooltip.html||this.tooltip.content||"":this.tooltip||""}setValue(t,e=!0){if(this.value,this.value=Math.max(this.min,Math.min(this.max,t)),this.renderCenterContent(),this.svg&&!this.segments){const t=this.svg.querySelector(".circular-progress-bar");if(t){const s=this.size/2-this.strokeWidth/2,i=2*Math.PI*s,r=(this.gap>0?360-this.gap:360)/360*i,o=r-this.getPercentage()/100*r;e?(t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=o):(t.style.transition="none",t.style.strokeDashoffset=o)}}else{const t=this.animate;this.animate=e,this.renderProgress(),this.animate=t}}setRange(t,e){this.min=t,this.max=e,this.renderProgress(),this.renderCenterContent()}increment(t=1){this.setValue(this.value+t)}decrement(t=1){this.setValue(this.value-t)}setColor(t){if(this.color=t,this.gradientColors=null,this.svg&&!this.segments){const e=this.svg.querySelector(".circular-progress-bar");e&&e.setAttribute("stroke",t)}else this.renderProgress()}setGradient(t){Array.isArray(t)&&t.length>1&&(this.gradientColors=t,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`,this.renderProgress())}setSize(t){this.containerElement&&this.sizePreset&&this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`),this.sizePreset="string"==typeof t&&this.SIZE_PRESETS[t]?t:null,this.size=this.resolveSize(t),this.strokeWidth=this.getAutoStrokeWidth(t),this.containerElement&&(this.containerElement.style.width=`${this.size}px`,this.containerElement.style.height=`${this.size}px`,this.sizePreset&&this.containerElement.classList.add(`circular-progress-${this.sizePreset}`)),this.svg&&(this.svg.setAttribute("width",this.size),this.svg.setAttribute("height",this.size),this.svg.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`)),this.renderProgress()}animateTo(t,e=1e3){const s=this.value,i=t-s,r=performance.now(),o=a=>{const n=a-r,h=Math.min(n/e,1),l=1-Math.pow(1-h,3),c=s+i*l;this.setValue(c,!1),h<1?requestAnimationFrame(o):this.setValue(t,!1)};requestAnimationFrame(o)}pulse(){this.containerElement&&(this.containerElement.style.animation="none",setTimeout(()=>{this.containerElement.style.animation="circular-progress-pulse 0.5s ease-out"},10),setTimeout(()=>{this.containerElement.style.animation=""},500))}complete(){this.variant="success",this.applyVariant(),this.setValue(this.max),this.pulse()}reset(){this.setValue(this.min)}hide(){this.element&&(this.element.style.display="none")}show(){this.element&&(this.element.style.display="")}getValue(){return this.value}getPercentageValue(){return this.getPercentage()}async onBeforeDestroy(){this.popover&&(this.popover.dispose(),this.popover=null),await super.onBeforeDestroy()}}exports.MetricsChart=t.MetricsChart,exports.MetricsMiniChart=t.MetricsMiniChart,exports.MetricsMiniChartWidget=t.MetricsMiniChartWidget,exports.MiniChart=t.MiniChart,exports.PieChart=t.PieChart,exports.SeriesChart=t.SeriesChart,exports.exportChartPng=t.exportChartPng,exports.WebApp=i.WebApp,exports.BUILD_TIME=r.BUILD_TIME,exports.VERSION=r.VERSION,exports.VERSION_INFO=r.VERSION_INFO,exports.VERSION_MAJOR=r.VERSION_MAJOR,exports.VERSION_MINOR=r.VERSION_MINOR,exports.VERSION_REVISION=r.VERSION_REVISION,exports.CircularProgress=CircularProgress;
 //# sourceMappingURL=charts.cjs.js.map

package/dist/charts.css

@@ -1655,6 +1655,39 @@
     box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
 }
 
+/* MetricsChart toolbar — collapsing secondary cluster.
+ * The kebab "⋯" trigger is always visible. The extras (gear, type, stats,
+ * data, refresh) sit in a width:0 container to the LEFT of the kebab and
+ * slide in when the user hovers / tabs / taps the cluster. The kebab has
+ * no side-effect on click; tapping it just focuses it which fires
+ * :focus-within and reveals the extras (touch-friendly). */
+.mojo-metrics-chart-container .mc-secondary-actions {
+    display: inline-flex;
+    align-items: center;
+}
+
+.mojo-metrics-chart-container .mc-secondary-extras {
+    display: inline-flex;
+    align-items: center;
+    max-width: 0;
+    opacity: 0;
+    overflow: hidden;
+    transition: max-width 0.25s ease, opacity 0.18s ease;
+}
+
+.mojo-metrics-chart-container .mc-secondary-actions:hover .mc-secondary-extras,
+.mojo-metrics-chart-container .mc-secondary-actions:focus-within .mc-secondary-extras {
+    max-width: 480px; /* enough to hold gear + type-switch + stats + data + refresh */
+    opacity: 1;
+}
+
+/* Active-state polish: tinted kebab so the user knows the cluster is open. */
+.mojo-metrics-chart-container .mc-secondary-actions:hover .mc-actions-trigger,
+.mojo-metrics-chart-container .mc-secondary-actions:focus-within .mc-actions-trigger {
+    background-color: var(--bs-secondary-bg);
+    color: var(--bs-body-color);
+}
+
 /* Floating actions container - top right corner */
 .metrics-chart-actions {
     position: absolute;
@@ -1675,7 +1708,9 @@
 
 /* Action buttons */
 .metrics-chart-actions .metrics-refresh-btn,
-.metrics-chart-actions .metrics-settings-btn {
+.metrics-chart-actions .metrics-settings-btn,
+.metrics-chart-actions .metrics-stats-btn,
+.metrics-chart-actions .metrics-data-btn {
     width: 18px;
     height: 18px;
     padding: 0;
@@ -1689,20 +1724,26 @@
 }
 
 .metrics-chart-actions .metrics-refresh-btn:hover,
-.metrics-chart-actions .metrics-settings-btn:hover {
+.metrics-chart-actions .metrics-settings-btn:hover,
+.metrics-chart-actions .metrics-stats-btn:hover,
+.metrics-chart-actions .metrics-data-btn:hover {
     transform: scale(1.25);
     background: rgba(255, 255, 255, 1);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .metrics-chart-actions .metrics-refresh-btn i,
-.metrics-chart-actions .metrics-settings-btn i {
+.metrics-chart-actions .metrics-settings-btn i,
+.metrics-chart-actions .metrics-stats-btn i,
+.metrics-chart-actions .metrics-data-btn i {
     font-size: 0.7rem;
 }
 
 /* Override for colored background cards */
 .metrics-mini-chart-widget .card[style*="background"] .metrics-chart-actions .metrics-refresh-btn,
-.metrics-mini-chart-widget .card[style*="background"] .metrics-chart-actions .metrics-settings-btn {
+.metrics-mini-chart-widget .card[style*="background"] .metrics-chart-actions .metrics-settings-btn,
+.metrics-mini-chart-widget .card[style*="background"] .metrics-chart-actions .metrics-stats-btn,
+.metrics-mini-chart-widget .card[style*="background"] .metrics-chart-actions .metrics-data-btn {
     background: rgba(0, 0, 0, 0.15);
 }
 
@@ -1713,7 +1754,15 @@
 .metrics-mini-chart-widget
     .card[style*="background"]
     .metrics-chart-actions
-    .metrics-settings-btn:hover {
+    .metrics-settings-btn:hover,
+.metrics-mini-chart-widget
+    .card[style*="background"]
+    .metrics-chart-actions
+    .metrics-stats-btn:hover,
+.metrics-mini-chart-widget
+    .card[style*="background"]
+    .metrics-chart-actions
+    .metrics-data-btn:hover {
     background: rgba(0, 0, 0, 0.25);
 }
 

package/dist/charts.es.js

@@ -1,2 +1,2 @@
-import{M as t,a as e,b as s,c as i,P as r,S as o,e as a}from"./chunks/exportChart-DyBUhg6g.js";import{V as n}from"./chunks/View-gAghvPMN.js";import{d as h}from"./chunks/Collection-Cgxbmj8G.js";import{W as l}from"./chunks/WebApp-DeHPnmbD.js";import{B as c,V as u,a as g,b as d,c as m,d as p}from"./chunks/version-CKDlDMOh.js";class CircularProgress extends n{constructor(t={}){super({className:`circular-progress ${t.className||""}`,...t}),this.SIZE_PRESETS={xs:40,sm:60,md:80,lg:120,xl:180},this.STROKE_PRESETS={xs:4,sm:6,md:8,lg:12,xl:16},this.value=void 0!==t.value?t.value:0,this.min=void 0!==t.min?t.min:0,this.max=void 0!==t.max?t.max:100,this.sizePreset="string"==typeof t.size&&this.SIZE_PRESETS[t.size]?t.size:null,this.size=this.resolveSize(void 0!==t.size?t.size:"md"),this.strokeWidth="auto"===t.strokeWidth||void 0===t.strokeWidth?this.getAutoStrokeWidth(t.size):t.strokeWidth,this.theme=t.theme||"basic",this.variant=t.variant||"default",this.color=t.color,this.trackColor=t.trackColor,this.textColor=t.textColor,this.gradientColors=t.gradientColors||null,this.applyTheme(),this.applyVariant(),this.rotation=void 0!==t.rotation?t.rotation:-90,this.gap=t.gap||0,this.showValue=!1!==t.showValue,this.valueFormat=t.valueFormat||"percentage",this.valueFormatter=t.valueFormatter||null,this.label=t.label||null,this.labelHtml=t.labelHtml||null,this.icon=t.icon||null,this.animate=!1!==t.animate,this.animationDuration=t.animationDuration||600,this.animationEasing=t.animationEasing||"ease-out",this.rounded=!1!==t.rounded,this.shadow=t.shadow||!1,this.clickable=t.clickable||!1,this.tooltip=t.tooltip||null,this.tooltipPlacement=t.tooltipPlacement||"top",this.segments=t.segments||null,this.segmentGap=t.segmentGap||2,this.dataFormatter=h,this.svg=null,this.centerElement=null,this.popover=null,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`}resolveSize(t){return"string"==typeof t&&this.SIZE_PRESETS[t]?this.SIZE_PRESETS[t]:"number"==typeof t?t:this.SIZE_PRESETS.md}getAutoStrokeWidth(t){if("string"==typeof t&&this.STROKE_PRESETS[t])return this.STROKE_PRESETS[t];const e=this.resolveSize(t);return e<=40?4:e<=60?6:e<=80?8:e<=120?12:16}applyTheme(){const t={basic:{trackColor:"#e9ecef",textColor:null,backgroundColor:null},shadowed:{trackColor:"#d1d5db",textColor:null,backgroundColor:null,shadow:!0},dark:{trackColor:"#374151",textColor:"#e5e7eb",backgroundColor:"#1f2937"},light:{trackColor:"#f3f4f6",textColor:"#111827",backgroundColor:"#ffffff"}},e=t[this.theme]||t.basic;this.trackColor||(this.trackColor=e.trackColor),!this.textColor&&e.textColor&&(this.textColor=e.textColor),e.shadow&&!1===this.shadow&&(this.shadow=e.shadow)}applyVariant(){const t={success:{color:"#198754",trackColor:"rgba(25, 135, 84, 0.1)"},danger:{color:"#dc3545",trackColor:"rgba(220, 53, 69, 0.1)"},warning:{color:"#ffc107",trackColor:"rgba(255, 193, 7, 0.1)"},info:{color:"#0dcaf0",trackColor:"rgba(13, 202, 240, 0.1)"},default:{color:"#0d6efd"}};if(t[this.variant]){const e=t[this.variant];this.color||(this.color=e.color),e.trackColor&&this.trackColor===this.applyTheme.trackColor&&(this.trackColor=e.trackColor)}this.color||(this.color="#0d6efd")}getTemplate(){const t=this.sizePreset?`circular-progress-${this.sizePreset}`:"",e="default"!==this.variant?`circular-progress-${this.variant}`:"",s="basic"!==this.theme?`circular-progress-theme-${this.theme}`:"",i=this.clickable?"circular-progress-clickable":"",r=this.shadow?"circular-progress-shadow":"",o=this.textColor?`color: ${this.textColor};`:"";return`\n      <div class="circular-progress-container ${t} ${e} ${s} ${i} ${r}"\n           style="width: ${this.size}px; height: ${this.size}px;">\n        <svg class="circular-progress-svg" \n             width="${this.size}" \n             height="${this.size}"\n             viewBox="0 0 ${this.size} ${this.size}">\n        </svg>\n        <div class="circular-progress-center" style="${o}">\n          <div class="circular-progress-content"></div>\n        </div>\n      </div>\n    `}async onAfterRender(){this.svg=this.element.querySelector(".circular-progress-svg"),this.centerElement=this.element.querySelector(".circular-progress-content"),this.containerElement=this.element.querySelector(".circular-progress-container"),this.renderProgress(),this.renderCenterContent(),this.clickable&&this.setupClickHandler(),this.tooltip&&this.clickable&&this.setupTooltip()}renderProgress(){if(!this.svg)return;this.svg.innerHTML="";const t=this.size/2,e=(this.size-this.strokeWidth)/2,s=2*Math.PI*e;this.gradientColors&&this.gradientColors.length>1&&this.createGradient(),this.segments&&Array.isArray(this.segments)&&this.segments.length>0?this.renderSegments(t,e,s):this.renderSingleProgress(t,e,s)}renderSingleProgress(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r);const o=i-this.getPercentage()/100*i,a=this.gradientColors?`url(#${this.gradientId})`:this.color,n=this.createCircle(t,e,{stroke:a,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${i} ${s}`,strokeDashoffset:this.animate?i:o,transform:`rotate(${this.rotation} ${t} ${t})`,class:"circular-progress-bar"});this.svg.appendChild(n),this.animate&&this.animateProgress(n,o)}renderSegments(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r),this.segments.reduce((t,e)=>t+(e.value||0),0)>this.max&&console.warn("CircularProgress: Segment total exceeds max value. Clamping to max.");let o=0;this.segments.forEach((r,a)=>{const n=(r.value||0)/(this.max-this.min)*100/100*i,h=this.segmentGap/360*s;if(n>0){const l=this.createCircle(t,e,{stroke:r.color||this.color,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${n} ${s}`,strokeDashoffset:this.animate?i:-o,transform:`rotate(${this.rotation} ${t} ${t})`,class:`circular-progress-segment circular-progress-segment-${a}`,"data-segment-index":a});this.svg.appendChild(l),this.animate&&this.animateProgress(l,-o,100*a),o+=n+h}})}createCircle(t,e,s={}){const i=document.createElementNS("http://www.w3.org/2000/svg","circle");return i.setAttribute("cx",t),i.setAttribute("cy",t),i.setAttribute("r",e),Object.entries(s).forEach(([t,e])=>{"strokeWidth"===t?i.setAttribute("stroke-width",e):"strokeLinecap"===t?i.setAttribute("stroke-linecap",e):"strokeDasharray"===t?i.setAttribute("stroke-dasharray",e):"strokeDashoffset"===t?i.setAttribute("stroke-dashoffset",e):i.setAttribute(t,e)}),i}createGradient(){const t=document.createElementNS("http://www.w3.org/2000/svg","defs"),e=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");e.setAttribute("id",this.gradientId),e.setAttribute("x1","0%"),e.setAttribute("y1","0%"),e.setAttribute("x2","100%"),e.setAttribute("y2","100%"),this.gradientColors.forEach((t,s)=>{const i=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=s/(this.gradientColors.length-1)*100;i.setAttribute("offset",`${r}%`),i.setAttribute("stop-color",t),e.appendChild(i)}),t.appendChild(e),this.svg.appendChild(t)}animateProgress(t,e,s=0){setTimeout(()=>{t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=e},s)}renderCenterContent(){if(this.centerElement)if(this.labelHtml)this.centerElement.innerHTML=this.labelHtml;else if(this.icon)this.centerElement.innerHTML=`<i class="${this.icon}"></i>`;else if(this.showValue){let t=`<div class="circular-progress-value">${this.getFormattedValue()}</div>`;this.label&&(t+=`<div class="circular-progress-label">${this.label}</div>`),this.centerElement.innerHTML=t}}getFormattedValue(){const t=this.value,e=this.min,s=this.max;if(this.valueFormatter&&"function"==typeof this.valueFormatter)return this.valueFormatter(t,e,s);switch(this.valueFormat){case"percentage":return`${Math.round(this.getPercentage())}%`;case"fraction":return`${t}/${s}`;case"value":return t.toString();default:if(this.dataFormatter)try{return this.dataFormatter.pipe(t,this.valueFormat)}catch(i){return console.warn("CircularProgress: DataFormatter error, falling back to percentage",i),`${Math.round(this.getPercentage())}%`}return`${Math.round(this.getPercentage())}%`}}getPercentage(){const t=this.max-this.min;return 0===t?0:(this.value-this.min)/t*100}setupClickHandler(){this.containerElement&&(this.containerElement.style.cursor="pointer",this.containerElement.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const e=this.getPercentage();this.emit("progress:clicked",{value:this.value,percentage:e,min:this.min,max:this.max}),this.tooltip&&this.togglePopover()}))}setupTooltip(){}togglePopover(){if(this.containerElement&&void 0!==window.bootstrap){if(!this.popover){const t=this.getTooltipContent(),e="object"==typeof this.tooltip&&this.tooltip.title?this.tooltip.title:void 0,s={content:t,html:!0,placement:this.tooltipPlacement,trigger:"manual",container:"body"};e&&(s.title=e),this.popover=new window.bootstrap.Popover(this.containerElement,s)}window.bootstrap.Popover.getInstance(this.containerElement)&&this.containerElement.getAttribute("aria-describedby")?this.popover.hide():(this.popover.setContent({".popover-body":this.getTooltipContent()}),this.popover.show())}else console.warn("CircularProgress: Bootstrap is required for tooltip support")}getTooltipContent(){return"function"==typeof this.tooltip?this.tooltip(this.value,{min:this.min,max:this.max,percentage:this.getPercentage()}):"object"==typeof this.tooltip?this.tooltip.html||this.tooltip.content||"":this.tooltip||""}setValue(t,e=!0){if(this.value,this.value=Math.max(this.min,Math.min(this.max,t)),this.renderCenterContent(),this.svg&&!this.segments){const t=this.svg.querySelector(".circular-progress-bar");if(t){const s=this.size/2-this.strokeWidth/2,i=2*Math.PI*s,r=(this.gap>0?360-this.gap:360)/360*i,o=r-this.getPercentage()/100*r;e?(t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=o):(t.style.transition="none",t.style.strokeDashoffset=o)}}else{const t=this.animate;this.animate=e,this.renderProgress(),this.animate=t}}setRange(t,e){this.min=t,this.max=e,this.renderProgress(),this.renderCenterContent()}increment(t=1){this.setValue(this.value+t)}decrement(t=1){this.setValue(this.value-t)}setColor(t){if(this.color=t,this.gradientColors=null,this.svg&&!this.segments){const e=this.svg.querySelector(".circular-progress-bar");e&&e.setAttribute("stroke",t)}else this.renderProgress()}setGradient(t){Array.isArray(t)&&t.length>1&&(this.gradientColors=t,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`,this.renderProgress())}setSize(t){this.containerElement&&this.sizePreset&&this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`),this.sizePreset="string"==typeof t&&this.SIZE_PRESETS[t]?t:null,this.size=this.resolveSize(t),this.strokeWidth=this.getAutoStrokeWidth(t),this.containerElement&&(this.containerElement.style.width=`${this.size}px`,this.containerElement.style.height=`${this.size}px`,this.sizePreset&&this.containerElement.classList.add(`circular-progress-${this.sizePreset}`)),this.svg&&(this.svg.setAttribute("width",this.size),this.svg.setAttribute("height",this.size),this.svg.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`)),this.renderProgress()}animateTo(t,e=1e3){const s=this.value,i=t-s,r=performance.now(),o=a=>{const n=a-r,h=Math.min(n/e,1),l=1-Math.pow(1-h,3),c=s+i*l;this.setValue(c,!1),h<1?requestAnimationFrame(o):this.setValue(t,!1)};requestAnimationFrame(o)}pulse(){this.containerElement&&(this.containerElement.style.animation="none",setTimeout(()=>{this.containerElement.style.animation="circular-progress-pulse 0.5s ease-out"},10),setTimeout(()=>{this.containerElement.style.animation=""},500))}complete(){this.variant="success",this.applyVariant(),this.setValue(this.max),this.pulse()}reset(){this.setValue(this.min)}hide(){this.element&&(this.element.style.display="none")}show(){this.element&&(this.element.style.display="")}getValue(){return this.value}getPercentageValue(){return this.getPercentage()}async onBeforeDestroy(){this.popover&&(this.popover.dispose(),this.popover=null),await super.onBeforeDestroy()}}export{c as BUILD_TIME,CircularProgress,t as MetricsChart,e as MetricsMiniChart,s as MetricsMiniChartWidget,i as MiniChart,r as PieChart,o as SeriesChart,u as VERSION,g as VERSION_INFO,d as VERSION_MAJOR,m as VERSION_MINOR,p as VERSION_REVISION,l as WebApp,a as exportChartPng};
+import{M as t,a as e,b as s,c as i,P as r,S as o,e as a}from"./chunks/exportChart-CF7VJ4fb.js";import{V as n}from"./chunks/View-gAghvPMN.js";import{d as h}from"./chunks/Collection-Cgxbmj8G.js";import{W as l}from"./chunks/WebApp-DeHPnmbD.js";import{B as c,V as u,a as g,b as d,c as m,d as p}from"./chunks/version-LBA3E61x.js";class CircularProgress extends n{constructor(t={}){super({className:`circular-progress ${t.className||""}`,...t}),this.SIZE_PRESETS={xs:40,sm:60,md:80,lg:120,xl:180},this.STROKE_PRESETS={xs:4,sm:6,md:8,lg:12,xl:16},this.value=void 0!==t.value?t.value:0,this.min=void 0!==t.min?t.min:0,this.max=void 0!==t.max?t.max:100,this.sizePreset="string"==typeof t.size&&this.SIZE_PRESETS[t.size]?t.size:null,this.size=this.resolveSize(void 0!==t.size?t.size:"md"),this.strokeWidth="auto"===t.strokeWidth||void 0===t.strokeWidth?this.getAutoStrokeWidth(t.size):t.strokeWidth,this.theme=t.theme||"basic",this.variant=t.variant||"default",this.color=t.color,this.trackColor=t.trackColor,this.textColor=t.textColor,this.gradientColors=t.gradientColors||null,this.applyTheme(),this.applyVariant(),this.rotation=void 0!==t.rotation?t.rotation:-90,this.gap=t.gap||0,this.showValue=!1!==t.showValue,this.valueFormat=t.valueFormat||"percentage",this.valueFormatter=t.valueFormatter||null,this.label=t.label||null,this.labelHtml=t.labelHtml||null,this.icon=t.icon||null,this.animate=!1!==t.animate,this.animationDuration=t.animationDuration||600,this.animationEasing=t.animationEasing||"ease-out",this.rounded=!1!==t.rounded,this.shadow=t.shadow||!1,this.clickable=t.clickable||!1,this.tooltip=t.tooltip||null,this.tooltipPlacement=t.tooltipPlacement||"top",this.segments=t.segments||null,this.segmentGap=t.segmentGap||2,this.dataFormatter=h,this.svg=null,this.centerElement=null,this.popover=null,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`}resolveSize(t){return"string"==typeof t&&this.SIZE_PRESETS[t]?this.SIZE_PRESETS[t]:"number"==typeof t?t:this.SIZE_PRESETS.md}getAutoStrokeWidth(t){if("string"==typeof t&&this.STROKE_PRESETS[t])return this.STROKE_PRESETS[t];const e=this.resolveSize(t);return e<=40?4:e<=60?6:e<=80?8:e<=120?12:16}applyTheme(){const t={basic:{trackColor:"#e9ecef",textColor:null,backgroundColor:null},shadowed:{trackColor:"#d1d5db",textColor:null,backgroundColor:null,shadow:!0},dark:{trackColor:"#374151",textColor:"#e5e7eb",backgroundColor:"#1f2937"},light:{trackColor:"#f3f4f6",textColor:"#111827",backgroundColor:"#ffffff"}},e=t[this.theme]||t.basic;this.trackColor||(this.trackColor=e.trackColor),!this.textColor&&e.textColor&&(this.textColor=e.textColor),e.shadow&&!1===this.shadow&&(this.shadow=e.shadow)}applyVariant(){const t={success:{color:"#198754",trackColor:"rgba(25, 135, 84, 0.1)"},danger:{color:"#dc3545",trackColor:"rgba(220, 53, 69, 0.1)"},warning:{color:"#ffc107",trackColor:"rgba(255, 193, 7, 0.1)"},info:{color:"#0dcaf0",trackColor:"rgba(13, 202, 240, 0.1)"},default:{color:"#0d6efd"}};if(t[this.variant]){const e=t[this.variant];this.color||(this.color=e.color),e.trackColor&&this.trackColor===this.applyTheme.trackColor&&(this.trackColor=e.trackColor)}this.color||(this.color="#0d6efd")}getTemplate(){const t=this.sizePreset?`circular-progress-${this.sizePreset}`:"",e="default"!==this.variant?`circular-progress-${this.variant}`:"",s="basic"!==this.theme?`circular-progress-theme-${this.theme}`:"",i=this.clickable?"circular-progress-clickable":"",r=this.shadow?"circular-progress-shadow":"",o=this.textColor?`color: ${this.textColor};`:"";return`\n      <div class="circular-progress-container ${t} ${e} ${s} ${i} ${r}"\n           style="width: ${this.size}px; height: ${this.size}px;">\n        <svg class="circular-progress-svg" \n             width="${this.size}" \n             height="${this.size}"\n             viewBox="0 0 ${this.size} ${this.size}">\n        </svg>\n        <div class="circular-progress-center" style="${o}">\n          <div class="circular-progress-content"></div>\n        </div>\n      </div>\n    `}async onAfterRender(){this.svg=this.element.querySelector(".circular-progress-svg"),this.centerElement=this.element.querySelector(".circular-progress-content"),this.containerElement=this.element.querySelector(".circular-progress-container"),this.renderProgress(),this.renderCenterContent(),this.clickable&&this.setupClickHandler(),this.tooltip&&this.clickable&&this.setupTooltip()}renderProgress(){if(!this.svg)return;this.svg.innerHTML="";const t=this.size/2,e=(this.size-this.strokeWidth)/2,s=2*Math.PI*e;this.gradientColors&&this.gradientColors.length>1&&this.createGradient(),this.segments&&Array.isArray(this.segments)&&this.segments.length>0?this.renderSegments(t,e,s):this.renderSingleProgress(t,e,s)}renderSingleProgress(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r);const o=i-this.getPercentage()/100*i,a=this.gradientColors?`url(#${this.gradientId})`:this.color,n=this.createCircle(t,e,{stroke:a,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${i} ${s}`,strokeDashoffset:this.animate?i:o,transform:`rotate(${this.rotation} ${t} ${t})`,class:"circular-progress-bar"});this.svg.appendChild(n),this.animate&&this.animateProgress(n,o)}renderSegments(t,e,s){const i=(this.gap>0?360-this.gap:360)/360*s,r=this.createCircle(t,e,{stroke:this.trackColor,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:this.gap>0?`${i} ${s}`:"none",transform:`rotate(${this.rotation} ${t} ${t})`});this.svg.appendChild(r),this.segments.reduce((t,e)=>t+(e.value||0),0)>this.max&&console.warn("CircularProgress: Segment total exceeds max value. Clamping to max.");let o=0;this.segments.forEach((r,a)=>{const n=(r.value||0)/(this.max-this.min)*100/100*i,h=this.segmentGap/360*s;if(n>0){const l=this.createCircle(t,e,{stroke:r.color||this.color,strokeWidth:this.strokeWidth,fill:"none",strokeLinecap:this.rounded?"round":"butt",strokeDasharray:`${n} ${s}`,strokeDashoffset:this.animate?i:-o,transform:`rotate(${this.rotation} ${t} ${t})`,class:`circular-progress-segment circular-progress-segment-${a}`,"data-segment-index":a});this.svg.appendChild(l),this.animate&&this.animateProgress(l,-o,100*a),o+=n+h}})}createCircle(t,e,s={}){const i=document.createElementNS("http://www.w3.org/2000/svg","circle");return i.setAttribute("cx",t),i.setAttribute("cy",t),i.setAttribute("r",e),Object.entries(s).forEach(([t,e])=>{"strokeWidth"===t?i.setAttribute("stroke-width",e):"strokeLinecap"===t?i.setAttribute("stroke-linecap",e):"strokeDasharray"===t?i.setAttribute("stroke-dasharray",e):"strokeDashoffset"===t?i.setAttribute("stroke-dashoffset",e):i.setAttribute(t,e)}),i}createGradient(){const t=document.createElementNS("http://www.w3.org/2000/svg","defs"),e=document.createElementNS("http://www.w3.org/2000/svg","linearGradient");e.setAttribute("id",this.gradientId),e.setAttribute("x1","0%"),e.setAttribute("y1","0%"),e.setAttribute("x2","100%"),e.setAttribute("y2","100%"),this.gradientColors.forEach((t,s)=>{const i=document.createElementNS("http://www.w3.org/2000/svg","stop"),r=s/(this.gradientColors.length-1)*100;i.setAttribute("offset",`${r}%`),i.setAttribute("stop-color",t),e.appendChild(i)}),t.appendChild(e),this.svg.appendChild(t)}animateProgress(t,e,s=0){setTimeout(()=>{t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=e},s)}renderCenterContent(){if(this.centerElement)if(this.labelHtml)this.centerElement.innerHTML=this.labelHtml;else if(this.icon)this.centerElement.innerHTML=`<i class="${this.icon}"></i>`;else if(this.showValue){let t=`<div class="circular-progress-value">${this.getFormattedValue()}</div>`;this.label&&(t+=`<div class="circular-progress-label">${this.label}</div>`),this.centerElement.innerHTML=t}}getFormattedValue(){const t=this.value,e=this.min,s=this.max;if(this.valueFormatter&&"function"==typeof this.valueFormatter)return this.valueFormatter(t,e,s);switch(this.valueFormat){case"percentage":return`${Math.round(this.getPercentage())}%`;case"fraction":return`${t}/${s}`;case"value":return t.toString();default:if(this.dataFormatter)try{return this.dataFormatter.pipe(t,this.valueFormat)}catch(i){return console.warn("CircularProgress: DataFormatter error, falling back to percentage",i),`${Math.round(this.getPercentage())}%`}return`${Math.round(this.getPercentage())}%`}}getPercentage(){const t=this.max-this.min;return 0===t?0:(this.value-this.min)/t*100}setupClickHandler(){this.containerElement&&(this.containerElement.style.cursor="pointer",this.containerElement.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation();const e=this.getPercentage();this.emit("progress:clicked",{value:this.value,percentage:e,min:this.min,max:this.max}),this.tooltip&&this.togglePopover()}))}setupTooltip(){}togglePopover(){if(this.containerElement&&void 0!==window.bootstrap){if(!this.popover){const t=this.getTooltipContent(),e="object"==typeof this.tooltip&&this.tooltip.title?this.tooltip.title:void 0,s={content:t,html:!0,placement:this.tooltipPlacement,trigger:"manual",container:"body"};e&&(s.title=e),this.popover=new window.bootstrap.Popover(this.containerElement,s)}window.bootstrap.Popover.getInstance(this.containerElement)&&this.containerElement.getAttribute("aria-describedby")?this.popover.hide():(this.popover.setContent({".popover-body":this.getTooltipContent()}),this.popover.show())}else console.warn("CircularProgress: Bootstrap is required for tooltip support")}getTooltipContent(){return"function"==typeof this.tooltip?this.tooltip(this.value,{min:this.min,max:this.max,percentage:this.getPercentage()}):"object"==typeof this.tooltip?this.tooltip.html||this.tooltip.content||"":this.tooltip||""}setValue(t,e=!0){if(this.value,this.value=Math.max(this.min,Math.min(this.max,t)),this.renderCenterContent(),this.svg&&!this.segments){const t=this.svg.querySelector(".circular-progress-bar");if(t){const s=this.size/2-this.strokeWidth/2,i=2*Math.PI*s,r=(this.gap>0?360-this.gap:360)/360*i,o=r-this.getPercentage()/100*r;e?(t.style.transition=`stroke-dashoffset ${this.animationDuration}ms ${this.animationEasing}`,t.style.strokeDashoffset=o):(t.style.transition="none",t.style.strokeDashoffset=o)}}else{const t=this.animate;this.animate=e,this.renderProgress(),this.animate=t}}setRange(t,e){this.min=t,this.max=e,this.renderProgress(),this.renderCenterContent()}increment(t=1){this.setValue(this.value+t)}decrement(t=1){this.setValue(this.value-t)}setColor(t){if(this.color=t,this.gradientColors=null,this.svg&&!this.segments){const e=this.svg.querySelector(".circular-progress-bar");e&&e.setAttribute("stroke",t)}else this.renderProgress()}setGradient(t){Array.isArray(t)&&t.length>1&&(this.gradientColors=t,this.gradientId=`gradient-${Math.random().toString(36).substr(2,9)}`,this.renderProgress())}setSize(t){this.containerElement&&this.sizePreset&&this.containerElement.classList.remove(`circular-progress-${this.sizePreset}`),this.sizePreset="string"==typeof t&&this.SIZE_PRESETS[t]?t:null,this.size=this.resolveSize(t),this.strokeWidth=this.getAutoStrokeWidth(t),this.containerElement&&(this.containerElement.style.width=`${this.size}px`,this.containerElement.style.height=`${this.size}px`,this.sizePreset&&this.containerElement.classList.add(`circular-progress-${this.sizePreset}`)),this.svg&&(this.svg.setAttribute("width",this.size),this.svg.setAttribute("height",this.size),this.svg.setAttribute("viewBox",`0 0 ${this.size} ${this.size}`)),this.renderProgress()}animateTo(t,e=1e3){const s=this.value,i=t-s,r=performance.now(),o=a=>{const n=a-r,h=Math.min(n/e,1),l=1-Math.pow(1-h,3),c=s+i*l;this.setValue(c,!1),h<1?requestAnimationFrame(o):this.setValue(t,!1)};requestAnimationFrame(o)}pulse(){this.containerElement&&(this.containerElement.style.animation="none",setTimeout(()=>{this.containerElement.style.animation="circular-progress-pulse 0.5s ease-out"},10),setTimeout(()=>{this.containerElement.style.animation=""},500))}complete(){this.variant="success",this.applyVariant(),this.setValue(this.max),this.pulse()}reset(){this.setValue(this.min)}hide(){this.element&&(this.element.style.display="none")}show(){this.element&&(this.element.style.display="")}getValue(){return this.value}getPercentageValue(){return this.getPercentage()}async onBeforeDestroy(){this.popover&&(this.popover.dispose(),this.popover=null),await super.onBeforeDestroy()}}export{c as BUILD_TIME,CircularProgress,t as MetricsChart,e as MetricsMiniChart,s as MetricsMiniChartWidget,i as MiniChart,r as PieChart,o as SeriesChart,u as VERSION,g as VERSION_INFO,d as VERSION_MAJOR,m as VERSION_MINOR,p as VERSION_REVISION,l as WebApp,a as exportChartPng};
 //# sourceMappingURL=charts.es.js.map