From 5fcfb806bee27a092694e254f67f92f6e4586c9e Mon Sep 17 00:00:00 2001
From: Matt Edholm <football2801@me.com>
Date: Wed, 6 May 2026 18:07:05 -0400
Subject: [PATCH] feat: ship as a real iOS-installable PWA, restructure bottom
 nav, fix safe-area

- Add manifest.webmanifest with standalone display + warm-craft theme colors,
  apple-touch-icon, and 192/512/512-maskable icons (frame-with-sunset glyph).
- Add PWA meta tags + viewport-fit=cover so add-to-home-screen produces a
  true standalone app on iOS instead of a Safari bookmark.
- Drop the Shared bottom-nav tab; the in-page sub-tabs already cover that.
  Three nav tabs total (Home / Library / Settings); pending-share badge
  moves to the Library tab. Predicate-based isActive() now correctly
  disambiguates /library vs /library?tab=shared.
- Safe-area handling: bottom nav, bottom sheet, upload overlay, and #app
  respect env(safe-area-inset-*); sticky Library tabs anchor below the
  iPhone status bar. Introduces --bottom-nav-height token consumed by
  Settings, Library, and the toast.
- LibraryView reactively follows route.query.tab so deep-linking
  /library?tab=shared lands on the right sub-tab.
- Theme-color meta syncs client-side via useTheme.applyTheme so the
  user's chosen theme follows them into Android Chrome's chrome bar.

Test suite expanded to 278 tests / 100% line coverage (99.84% statements,
99.78% branches). Remaining gaps are unreachable defensive code.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/index.html                           |  13 +-
 frontend/public/icons/apple-touch-icon.png    | Bin 0 -> 1119 bytes
 frontend/public/icons/icon-192.png            | Bin 0 -> 1096 bytes
 frontend/public/icons/icon-512-maskable.png   | Bin 0 -> 3289 bytes
 frontend/public/icons/icon-512.png            | Bin 0 -> 3221 bytes
 frontend/public/manifest.webmanifest          |  32 +
 frontend/src/App.vue                          |   7 +-
 frontend/src/components/BaseBottomSheet.vue   |   2 +-
 frontend/src/components/BottomNav.vue         |  36 +-
 frontend/src/composables/useTheme.ts          |   6 +
 frontend/src/styles/global.scss               |   4 +
 frontend/src/test/App.test.ts                 |  79 ++
 .../src/test/components/ApproveCard.test.ts   | 144 ++++
 .../test/components/BaseBottomSheet.test.ts   |  73 ++
 frontend/src/test/components/BaseCard.test.ts |  16 +
 frontend/src/test/components/BaseChip.test.ts |  27 +
 .../src/test/components/BaseInput.test.ts     |  58 ++
 .../src/test/components/BaseToast.test.ts     |  44 ++
 .../src/test/components/BottomNav.test.ts     | 106 +++
 .../src/test/components/DevicePicker.test.ts  |  40 +
 .../test/components/OrientationPicker.test.ts |  36 +
 .../src/test/components/ShareSheet.test.ts    |  45 ++
 .../src/test/components/StickerTray.test.ts   |  53 ++
 .../src/test/composables/useTheme.test.ts     | 113 +++
 frontend/src/test/setup.ts                    |   3 +
 frontend/src/test/stores/devices.test.ts      |  46 ++
 frontend/src/test/stores/images.test.ts       | 233 ++++++
 frontend/src/test/stores/upload.test.ts       |  72 ++
 frontend/src/test/views/HomeView.test.ts      | 308 +++++++-
 frontend/src/test/views/LibraryView.test.ts   | 707 +++++++++++++++++-
 frontend/src/test/views/SettingsView.test.ts  |  65 ++
 frontend/src/test/views/UploadView.test.ts    | 512 +++++++++++++
 frontend/src/views/LibraryView.vue            |  19 +-
 frontend/src/views/SettingsView.vue           |   2 +-
 frontend/src/views/UploadView.vue             |   2 +
 frontend/vite.config.ts                       |   4 +
 ...zdI27OS.js => BaseBottomSheet-CO3Iefke.js} |   2 +-
 ...arQ8K.css => BaseBottomSheet-DYtuubxf.css} |   2 +-
 ...r-BjuU2ONb.js => DevicePicker-CfQ8y-l0.js} |   2 +-
 ...eView-CGlR0dxG.js => HomeView-3fATGLq0.js} |   2 +-
 public/build/assets/LibraryView-B6wq42Vx.js   |   1 -
 public/build/assets/LibraryView-Bf9KbHdL.css  |   1 +
 public/build/assets/LibraryView-BvFubSso.js   |   1 +
 public/build/assets/LibraryView-C18KukkR.css  |   1 -
 public/build/assets/SettingsView-BGXX7ONa.css |   1 +
 public/build/assets/SettingsView-CWIIisVW.css |   1 -
 ...w-DuiAU77B.js => SettingsView-CYdyGgyj.js} |   2 +-
 ...w-BdEsaB2u.css => UploadView-CH8tyGyv.css} |   2 +-
 ...iew-CPf-sdFJ.js => UploadView-lwth3Nb9.js} |   2 +-
 public/build/assets/index-BlLBHR1q.css        |   1 +
 .../{index-DCUs53vX.js => index-D13oAsTG.js}  |   4 +-
 public/build/assets/index-DlN2hqev.css        |   1 -
 public/build/icons/apple-touch-icon.png       | Bin 0 -> 1119 bytes
 public/build/icons/icon-192.png               | Bin 0 -> 1096 bytes
 public/build/icons/icon-512-maskable.png      | Bin 0 -> 3289 bytes
 public/build/icons/icon-512.png               | Bin 0 -> 3221 bytes
 public/build/index.html                       |  17 +-
 public/build/manifest.webmanifest             |  32 +
 58 files changed, 2922 insertions(+), 60 deletions(-)
 create mode 100644 frontend/public/icons/apple-touch-icon.png
 create mode 100644 frontend/public/icons/icon-192.png
 create mode 100644 frontend/public/icons/icon-512-maskable.png
 create mode 100644 frontend/public/icons/icon-512.png
 create mode 100644 frontend/public/manifest.webmanifest
 create mode 100644 frontend/src/test/App.test.ts
 create mode 100644 frontend/src/test/components/ApproveCard.test.ts
 create mode 100644 frontend/src/test/components/BaseBottomSheet.test.ts
 create mode 100644 frontend/src/test/components/BaseCard.test.ts
 create mode 100644 frontend/src/test/components/BaseChip.test.ts
 create mode 100644 frontend/src/test/components/BaseInput.test.ts
 create mode 100644 frontend/src/test/components/BaseToast.test.ts
 create mode 100644 frontend/src/test/components/BottomNav.test.ts
 create mode 100644 frontend/src/test/components/OrientationPicker.test.ts
 create mode 100644 frontend/src/test/components/StickerTray.test.ts
 create mode 100644 frontend/src/test/composables/useTheme.test.ts
 create mode 100644 frontend/src/test/views/SettingsView.test.ts
 create mode 100644 frontend/src/test/views/UploadView.test.ts
 rename public/build/assets/{BaseBottomSheet-CzdI27OS.js => BaseBottomSheet-CO3Iefke.js} (96%)
 rename public/build/assets/{BaseBottomSheet-MPNarQ8K.css => BaseBottomSheet-DYtuubxf.css} (56%)
 rename public/build/assets/{DevicePicker-BjuU2ONb.js => DevicePicker-CfQ8y-l0.js} (96%)
 rename public/build/assets/{HomeView-CGlR0dxG.js => HomeView-3fATGLq0.js} (98%)
 delete mode 100644 public/build/assets/LibraryView-B6wq42Vx.js
 create mode 100644 public/build/assets/LibraryView-Bf9KbHdL.css
 create mode 100644 public/build/assets/LibraryView-BvFubSso.js
 delete mode 100644 public/build/assets/LibraryView-C18KukkR.css
 create mode 100644 public/build/assets/SettingsView-BGXX7ONa.css
 delete mode 100644 public/build/assets/SettingsView-CWIIisVW.css
 rename public/build/assets/{SettingsView-DuiAU77B.js => SettingsView-CYdyGgyj.js} (90%)
 rename public/build/assets/{UploadView-BdEsaB2u.css => UploadView-CH8tyGyv.css} (70%)
 rename public/build/assets/{UploadView-CPf-sdFJ.js => UploadView-lwth3Nb9.js} (98%)
 create mode 100644 public/build/assets/index-BlLBHR1q.css
 rename public/build/assets/{index-DCUs53vX.js => index-D13oAsTG.js} (97%)
 delete mode 100644 public/build/assets/index-DlN2hqev.css
 create mode 100644 public/build/icons/apple-touch-icon.png
 create mode 100644 public/build/icons/icon-192.png
 create mode 100644 public/build/icons/icon-512-maskable.png
 create mode 100644 public/build/icons/icon-512.png
 create mode 100644 public/build/manifest.webmanifest

diff --git a/frontend/index.html b/frontend/index.html
index 096d706..9c4c796 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,9 +2,18 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <title>pictureFrame</title>
+
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
+    <link rel="manifest" href="/build/manifest.webmanifest" />
+    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png" />
+
+    <meta name="theme-color" content="#fdf6ee" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="pictureFrame" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/frontend/public/icons/apple-touch-icon.png b/frontend/public/icons/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..313b1d61b5eb3e71f2b101d85282bef191c5d1cd
GIT binary patch
literal 1119
zcmeAS@N?(olHy`uVBq!ia0vp^TR@nD4M^IaWiw)6U{UjQaSW-r_4e+`BHl!ahKF`@
zBQ#RevX`!yA-t2P+I7Pwg+r`Qm|_|VlT-IJ#x$h{B*}$s>#!7iwM2IcEBE1-c6aOR
z|JsDE(h-@v|Ng&o<wYWU|6NL&=qRvL+2MjhhJXo&lw<P(M=-OA4aiKCa0}kO;OA!c
zJ5#64oHN(^SyYwgpRa*}-Mha!c1PS%Y!chF;qV?!kz(_!mG`q}UT|8rE^}`8OpnV}
z;>HsfojdBYWJR%|u;#0nGcH|Vp>NYCbEx`%)I2;T&m_ZevX}efm34)``{x$63zt8C
zwe!ikm0#TNhx$M7T)cehC8P57bJu_QuKoFAg^_U8qZ4QP=ZpL+y}#{e<@<MW`vso+
zCaz?jIqT#mrO%6>+N&)~yS29{WMiI>&s?KNi`FWb>zQpUGuc(tBR}sPm$sY5<M!p7
ztIhRIKc$=RcFvv|64tlr^|2odC;Qp&sNSx3eP5Z0`NFkQE|HesWNj9vE4{str51GI
znDNG@vJVlK3TGG8&S;v-yhes&*SxuhPYP$YgM<&vc4EnW?r`D1`2yBnu<Wf4w+mIv
zcIR`gl>thhYFv<g({heYV_Al>ls0>WrN9=!-UYlFYh(gU|NASdZQ<+%YBX=X(8l@p
zb{Wu`n+s%ZCYEKmCO>7+W^W2BncQ{#`~P3rRkOcatyof)p?!S)JslpozsqdToj*0P
zV>|a%TOR4w+@~2jPuLGvTbR8QD`B>FFZZwc`0#`LG~V4Txeoj{cej7FH+fyoxoh6M
z-JvD#?=C(jw<zhapJTM8R?pABkB`YOOS;Pk<T1UxQ2AT$xWV$r?dqK|#~-hWuvW{E
zKK|fSzyGA_9n-G&a7JC67}oD}A*_#a+2`fyopIMM=Tv?zb9{YM+Qsqz$Eo`7R`%6Y
z&il6d`1AD0`m1J+(!$5KEcm+Sc^-@GXBYQ<`*Mz#>g_%8OM5%ltqy}_tas-!-d#7R
z`5v=&`y$r2PtToF%&>iJ`HpYxi)ZG1!nZ067O}2Pw=GwAF=P49+!XI^i~g??y)OAx
z?uUP~!NSwC_Ez3LX})S+_{7J&f0F&wOv3m;37Dl9nt;*MGALQI@Pd=I;{~8P2vZQG
z1;kVaC;up+FCT4B`^gDQwTXRs@@9_a*$eO9FQ}b)VaA2B%%HvNmp19`F6)Ro6IwpC
z{BNh)wOSe9w+8EUB3`%J?1-z++^F$;_L=#%57q^BZpvO$=%G=`<u4j?HE`agqYBSb
zn%WGs+ckZ)?mp3smr3$VdMaS*TRLg`%Ot_##ra&WzIS7v<nF6D@@Kb~-LHS)c1q%(
zHar#Fudz$A_^t4*En-DC797=mw861E`bc7P+qFHKEWjL!=6)95`Y*Cyu7COd?_BI!
QV8OxQ>FVdQ&MBb@0N%q2EC2ui

literal 0
HcmV?d00001

diff --git a/frontend/public/icons/icon-192.png b/frontend/public/icons/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b2df89a7ca8d668a38df34b1281b4c3ec62993e
GIT binary patch
literal 1096
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zf+;VBz<4aSW-r_4dxrtk6Iawg<&!
zNvcx4x1y|$YHsBCq4X$%Ri&_k!SkiC#W%i>t|}9pj%unUrDo3&<u*L-=Te~b{m$m^
zvG>`VT2B<d|N4HbSXU@3&~PXSSYq|OKYE7kogIq~8dMhU6JucYPitHuYB#YtK)XhX
zePP%S7e1$;KQ8x}vs?Y2<V_H<pSar*$mc^Riq^PH^YYN#5*qLMQP`5jO~Gk(vCq@>
zd~>bdFXJkGe{AWsy7zH^d_NYfV>d7Sbf<s5dGE<pA@=tl|D8RZeKYfyUti~26ox(J
zS@C=Ox|FM|n{G3T{BJ04IrFaktn7m6>;E75Xso5;rM{!qv|De&Sw4fhoMUU`PyE<8
z^VPvSThHxRep)1Pgvar^)q94=?#ox7IxTO`0;Ji?*G<34SY`CzysqW{#fNgU4)Q(t
zs{Vqb<im-~ZvANq9Xna7|8~kUh&w!BFcE4H<mhn_FkldB;A04!o?y-3reMI-$j4yC
z5Ycpy1L!A-2Mitz6U!NN8I%PgnjF~~ybYi-8I%7@aLYQdJ1|(StY<s`Qhb5&03XbR
zW@(@mPgEnAfaVEuFtIr>{d>P9&i2pi^((i_76e!wXb|~x>ac11l6zVL(;i$}WAm!E
zW81s(b<-Z4*;{v~ZpF4Y#pm1>@a(O;vwuP_SEH)M>PPjL{%`1gSNd*hJ@2iRzusOx
z=X^a!PMCprLGz>f?<TVa%w`{BabQx)W;w9)`^T%b`)5R&N3EGP(UwVp@vp|e^qXy)
zByZ|6OndNc3BUKv_TtjVdW;ts)-W?Y*i!xbSAC4$6YJ@#uJT&5I{baj#B|}Gkig@w
z|Nrb+^ZxIan6>NfD>A&bH;HoC=et0VVeK^u6$ZBj3m7?!=Iwe}##>wYaCd3LeOn_d
zhkGFT=4Gx940G215@+b1=6XYj$Erc~w2%%%)EdDP94uB1;?MZ^@#U_+R$CqUr2I9*
z0_H8x58a71pRo2{>DrZi|8ED$He6s~V5A;wn8a+bwf-va0%nJaj5GFF#9KS<+BVJV
z%^qfn=A_rZ{!MmP__SBO-SNrqxMGH?o$MTqkKUL6Rn=#n_}={K1SiFSKe1QuZkXP5
zBFHbZrSAId{hV&>7g#%f{Mvqrv85rX>pn+|;EI+hPSK@Py?#ZA)EhDiFnO(59P;V-
z;vd}+O|1<vua~`V-Dyz0qj2k!PYKH${~ccVWAkf<U5u8tJ&}8kH7)qCd(u@4B@Qn8
k5(XBhgUqnp%5Y%+Z@$WG=A+^ca-kqWPgg&ebxsLQ035}?Z~y=R

literal 0
HcmV?d00001

diff --git a/frontend/public/icons/icon-512-maskable.png b/frontend/public/icons/icon-512-maskable.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb7cb5a74c1df289b50b2cea3622d57a8a1579b2
GIT binary patch
literal 3289
zcmb7Ge^^vy7Jl!Yi!%(#3=n95FhHUuE@)<xBHUEe7HUa+BF&buGBtM#(REM)E{Kg=
zDejixuLNyVA5A1R15CO212t4gO-EK`Gy_bGQD7VxX6~K~DDAV`Q~fb>?{~iQo$s9Y
zd*AP#zb8IFxxd<94WR$CQzlLYSbAll>PL^Z^z)s-Lq*R{d}dmD-R&y}(gKeKiPxs@
z4ov*PvAj0Umod(AANOvWf(=bx;AMpaOYxSM*TC4Epq#`L`w`#pPi^jWQS{!v*mQJ<
zcTUM-<JOFFhhvY=#-vi?e#ckRrq`B!|7}Szge@COIOu3k22cS!y-^}sK%h4czcTeZ
z-TOBAP0{<@<(%|~a|fTOzEHIz4m0+SH1AWbYg#$^NZm+%6O)$%F-N0QaqxTx&*+fa
zq*%c)!m?mqr9xmQUgcr2D77prR%!&T7M@wi;{#of8%(i6=6Md92w|S!4$o{jcDf@d
z0q5X@Ko@MUFqRNbbZt;4BPd$9QRW@Rq}mnc0xtxOgyRWTJmO|3oP_l4Xuilo<0E9g
z3`+=GlI;PF2DSx^WiumY{Q=PtFkf^NOdK2sU`>UgaDa?(;&PZ<$jrcT2v#i&Qja+s
zdL<`l2B9$rbP7V9LM%)C3-nz~YD_5$A=K9wSx$vzV-y47)%L1SXYKm&Zrj;_mW;zW
zWtr`ll*gRwlKXAABt0@9x~}7;EayR~tFgRzxVqMUb&s>d<adk{cT2^YBbf2uJl!v?
zkX;MCooTrGeu5i8n8mAB3(dQc<}XE7*ouevHGO?MAb57`oRb~?B1aI`ezR#!lIq6L
zTNO&3DMj+k7F|CCdf`wsY$N=ysf%`|tpBoo$6e`r<;Y7l`z!3`@oSOykGtkKmi+a~
zhweA-eOk376ojMgsq1NOwIT8IZ>`xJyV?<Btp1w-OKrjR?~Io_6vvv4U%i#}YDj4H
zU3JmX?ABnMS#w>XJDDQEHjWb_8Nr!9dWlju`ko7GaVqk&jP;)-U$t@U>_0Kyb;^Yq
z8qpUtQ?!(6HVw9V@)5-@MhjBh_%t_d<=N`Dr_*t4ap#k!E}3xd?QCID&AK&}Tfs9#
z`b6N-!();2%0b)KxNcQkD`Qos+k(Lq0lI$4^hYP?T}sCOBpF)7KU55e94aK*WvDD3
zHH7GNWw(qH*<@@kW8`^6F;PTkAK6(1kU&2lgvp{?l}&$?pywS=IdcOCVkHc$zyRTp
z2a{yGJQyh3<-tIr08+aY#3rCNqJ`YZ;g1%zPH&VY-586B7K%w5%Slw0DX1L1#OP@7
zpoY&ED{0x#J!Bd4GxM22RGQeKffun3l*C7(FQ598oa&iutdQ}gJEMpz2D?zv6W~$c
zPFasLP3hvVGOE*Kdy*zA-7EaquNB($lp1kYPD-0MOb}<vsk|2fcku5Jiab@&>mBqp
zH*kFcm|kxkmA5!usT)Og>Y$F6hBFxSv+_1CA-oCN-UxF|MvQMIFlF>8DD7A4*@C<V
zDvaZE8Y>2)NHJ4Jum`eH-H^EfBjkd8Af*0S_;yWK{q1pC-?6!vGVl0a?qR!GN;}XY
zoesOc**JZmjJx(uZH3Rc(Mt<b+Mc0MY0=hg9do=n9fS`wuF1~5YGQ=fVqH8Ro`2Ul
z_NHrZaGp3gM1aoRu^Uq^J3r|PZ8*E7#+SirM`iYn!sk>vK&`hg2P+sZWA%F}#&4YR
zqBvT_Gl}P~NnbvxUs3da<V(suH|pK!X4s_+hp=o_*u|<*V8m0GQ5!eGBz-Z#lB?oT
zgcH}TQk8!~K>UDBUwJ-SGZq%>@$wMBH1I-xFNt5VZaA{@3zfcQ3>cxckZTKctvo($
zIIG1JlxNzr=X=d~Z%1d>LciR95vc=RFQp_P3cBheH;tyG?W*lH>o@}|XY!QHT;6`9
zsW@)M!%TbGoZ(zIc?AY}cHd6AF&1otacAe}kI}IRN9r5tF$uL-H}9SAHO7x=zceS}
z!Gcj8^ILOLq$?ZQ<`>%^NdhOd2G@<58<Eozqr$&2`{_G|n$Sg^t(SI%&)KwJyQp#9
zKCVYFkA2)#nC09y!p*!heA{!~{7JwEFzio}?nR8BT6po#Pd@GZXt_v~AVETyr*=hF
zxXx{4FOz>lFW)Q|D{3@#4c%H2oM0>tPqT)H{gA?@P*sk_>LOQt{dBG{Y%S(yiJQQR
z#z7@R#IRCUINCP3{$;Lk2&urZv>3Thv?!WARH$DF2m4=gdL#2xu~d`q7gAl*ZhEuJ
z{GlJqSh|$W{dIWfIFq3mb&B+3V1+YeQuUaor@1{4$j2n78Mn7+N}eM0?|;H~(RDZX
zrw(K&*dno|bTFFxFA|1f$_dxWArZMXzH-q4@{QC;Ny!&VuiCn`c_5}?Uwy^YPXeXa
zLq>K+-|lk|CpetL{3;t&<i2)Q0Tcn3yUvC}vt(Us$*uP<$XNbD=Rm3e&FbjEJjk+V
z(_fkTo$h^`{HExA?sQH(Wk;+2pY0dQ>cy?Egx(Op)x8glz7RdORX01Y9}Rr~m~iv+
zhel^^fqqT`%1>qhwz&Jiyk1@EA!ZGw+?lBSkFM5EJ1C?`H=CE0Ib%=Lw}lR+-NPXH
z!0rw6J&u38Yo!2vastjr2~JPO63-Y4C%~Qtb3Mn$Og*&w&R{0cb;gIWRI`RynmG&e
zaV?}_rY}}TY7A1^s(rI6!`7cEXgW7Y5g=CPyYma$8{*x}+cpM=V=LpQNVSF`k1nIa
z?{86qR-PBzbfM}^TlS<8(6?=P;c!J#6(<&W3#@PJhu>C&Xwev#L$y5YkFC_?4e3sq
zzrv98U=2}NW_Dwlm;t?}rzPq}O6XLGu1G|4R8vm_b&vqygvU8ChRlIfO;5X34r>Vv
zu>%m~4@YU{Or)oyxn2d0S9h;Ai!Dj<K=d@&<}rfFLv%&Jx|%T;BwY;1fA`DTYp-<o
zo2k|fNVlUzQbQ90+Z9i0TcVO#YL$GT83J3f4|R+P><UNF3^ac#!$1v{o1n#gEP@$b
zKk7tP2%%1NGFC7!#jv~<daD<5sd<g0+@p|M>p`DWP-FT_I{F{N^)aY-N=G={r^bC<
n3uOCMR`cZaJ2WG_);ZvWJ^0dj{>2w)C7z9Yeq!->L+*b7>L$!a

literal 0
HcmV?d00001

diff --git a/frontend/public/icons/icon-512.png b/frontend/public/icons/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e1248f147e4a6fa75e58878d664247068b5e8ca
GIT binary patch
literal 3221
zcmb_fd010d7C-Ohkp+kesK_co8Fdge3WByO527L}N?k^A5W;+|qPBpbqScTq)r<&(
z%BaP{Xtb_%fqq(-YUR0%iULN|LfPFA0TCfC5J=`ESe?&5=KGwl`QzPp@44sv&i1?S
zCM|q=h}hcM8UVzhlPAmspz)OkAs+|*s=J*4wvnL|f@ZI(cvgKbE^<yEew|ZgpUI)J
zfGKS7gUmEVOyTfg`(blD<y3z-tM3hVVP3=534(S+DhJm;$eyYYX%a-?^NPZyUVmHE
z{M)V*Wl^<r_lqtWa(`<IG>z~5`fCLGBYzW0Pctu$4)d`+Mu+EgJnri|5x6Y^X)gwB
z*TOm$IGsSsXF%Z&F)YaSlzH-vJ1ezJ)>H2$ZzzVEG~x@9tr`sZd<bwQ{-|6hkTUZh
z3At85ezXmo*$K^+PKQFPSO`n<)Kc;;s`-f!;vB&6b<`5O03qv@$@qaLkaR~uf-fj*
z`#}{0<t8iW=MG6MB;2Ot5(fIYKvEDSY^CJxIOzvT!I1D7B_GZJu&|{b<N>&B2ki<-
zcmeVd%W|t;LRM#u0Y@Wb4=tq0eF^EvI!OW8TfqzyWcxY;XkS9zQ+H?|6ana(JUPoB
z4esq(TVz@od8vHYnvSq^SYChPb?qr((98XK^GYu0HRl`-{aPV-zR$4p$+vTZOJ<76
z9!bIw!<?&f87LcguSUdZm&8QVU!FAvbWw)yR_~*(>#5Z*UaC!U{lEFz>Tz+;E+_kF
z_}m?nNfXHK_`91A;d26tb-@8sCrP}1NtOKL_D)l?&9_x5IDJgD{A}9pfu#kao+PG=
zL=cw<hVLQ#bi>Pn92e~~)yUG^HXkC|c`l)_%s@@58eWzcbxKOJL#L^s(XL)7OY9Cz
zzCSA2naxu9-Z<Z8ug!7fjE6BJBU^iMF$c=p(^GzwaM^~2&TG#jHXaqTSK3Wy+tXWy
zk$r~6>(4$G0{CHm_%+mMCh3WT>Y2N?^}^4_v}B4QjXRBSx7ZFq2pLOTs*X5NoN@jy
zjhkVw%1T#eq~64*6c5kSTM<7`fJW>AVBqSq`i{BYG<b}rhlCm=1SzG1Lx{jLn*oj)
zLk}qwA=?NR^ru98IKx;IPX;myEDs(3IRHU&d|oHidJYDN#dk45vZ9}a&thm;WR|Bz
z&Wf?xRBM-{$6E431n@J1=}^TP`n=TzuMc!lI;hZ&4N@#J`}F7D0PE{e6@8KMLSW(;
zp2gc(vjHu_;kq)>mFn}@7J%Zq1Z2t>#74n&4vnNZNr7fda1)07Zuzqk04Wry;n22$
z<~NHVHY*u6wb`44?~uUup5PHg2pi3hY!jTk_$fMpyU~))^Eqtu)8lq?ytsxCTHhLK
zNFnZt#W{L#NHdV6y7su~2V=az?SJh?H%QAWfffy00`mhWYnX~jwRlLDV95%nlHYBA
zxEtZkUi|#fjbxptftV{sK-tA(N1eywI>T&p5R)<2g_f4Vrpg3TB37SSSyxc0uFJ4u
zC~eb%B71I^`&Re7?WXt^`~IB=t$0%KgofC<=)6H+>SqKtr4oRXqxB)(CVM^tI`{9q
zgm!yZ%<-lQ<2s%-y-;f^W3=iiczD%u?a{O>?b$z8UM@NuQPz(_@?R`yx-~>71K^t`
z)$EQi?>e3fy1l#o6HQ%}F2B@-dSK?{Z`zM<kP#r(<dmT1$*;=OvV=CLCWLnET3j|6
zwOESno#Nm1+Krhmq^>+Jqj;Kv6$&0IMDm(#mWF#VxvMJXYbmf*H;HIa&Wo6PC}SYW
z$_44gFh!$I!7aN+38ApQfMKgU0}4(Gds|0bemEmS@I$>2m5v6Wl4DGDAvRIybN~bG
z4BAZxb<txt%vbARW2dLf_~?lBQ-Zlx<6s}g8MxNuaoF|%&31@-HKn5K-kk$YsP$sk
z=Zb}Q2F&hHYhI6w@#txOE68YH-jQ?A<mkgKj9)d)21{jBP_s1ZGx`2fx*_paK7&ob
z3fSuhO)d@|k5*JRi!;Z?y;skApnk1)KWBC3wu|dM8X=KeUQlj$s=hhEZ<$-Xo*&|V
zLTYYAF`=PlTTT4x&iEr%<&EOZSjy}K_HcOCK(aTNlJ9wx(zG;P_h>~mO2;noFjIpY
zPt)X<kJ5czF!s;IX{J5KWK|GPc8>STUJ7d$QfovRmn@yc79TKmT^(?yBz!%Z)2}4m
zjD`8qa;kaoTP9??B6FWMj~;tRty*L^bHVfYHR@W!#tke8M;MFM+^%40W={i;Okl#d
zUFem6PzG;~(&e*0WayN({R_BVsXe5?R)L00q-|o9pnR4T+ElYuf1%b`2aTqQY-P*p
z@&RXRWIeIwOU&F{=cWt{>N)EOma4X-Na1jCg=WBcUU-)8r(D!~yQ8!J^;F=K+GK-y
z%2!9x-VMi&?4Hjkr`7&7bzEfbPyF|^XAyyUcZ?u0&2D}4fEL~w`sm@KvED0uG}eD9
z{6A5?MgE9j$tMeP-R3do3|p|t?IQfDEf@rQ535oZgLQj<Al-9*uc^*^R9~W+1D1-g
z;23%(kN)8Zw6z?xtKY%r!fcf8_fSYf=}^)=3mRrVQrnk@*=|`>n=vxa&wTK*-&y5H
zTf_D=V-8h)7ruJ_&#m>__*}7AslE$!g9Q1*t)cIx6x+Img4m?M4FBDJ5cf40l)=6`
zw3#`k8yauEV^=J^x_e^;k?@pnPJ29vEQMGe*rtfd$;S#>8GTc}*$=4k-p&-K3jrzL
zTc~XCJ=Hp@v$6D&?h8h1vvu?L<EGPW@O>V8b2yJy8in|60Id~pRkuM%L3V%>2E4@&
zV)3k8gl@AtEYh{16&CSO5syd#?_wx|P#$prNb+3FlQE!7@wA0tfci<LDDo7;e1M|#
zePZ+WF<a#pZ3$}N^z4>5e_}m=6tydFOcZdgQixm&%_f@U;Bj~X>J|c*Qp=<#2#!p(
zQ5*qf>r$xlgz_>g2(W=y?d9G#gsvhyu$>{m4qkmlam5Vj{-l5Ua>&GsZwkdq@$M?Q
zW=C>*apRBTMGQ^YfRF}$0T4M}>OP$CKy%@pgdyuT14#hKHjLws`*9nMRBU6P@ZzAG
R=06}1I&u1h<H5?*{{YVupnw1X

literal 0
HcmV?d00001

diff --git a/frontend/public/manifest.webmanifest b/frontend/public/manifest.webmanifest
new file mode 100644
index 0000000..65eb837
--- /dev/null
+++ b/frontend/public/manifest.webmanifest
@@ -0,0 +1,32 @@
+{
+  "name": "pictureFrame",
+  "short_name": "pictureFrame",
+  "description": "Manage photos for your e-ink picture frames.",
+  "id": "/",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#fdf6ee",
+  "theme_color": "#fdf6ee",
+  "icons": [
+    {
+      "src": "/build/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/build/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/build/icons/icon-512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index f382cf4..82bd89b 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -18,10 +18,7 @@ const { applyTheme } = useTheme()
 
 onMounted(() => {
   const stamped = document.documentElement.dataset.theme
-  if (stamped && auth.user) {
-    auth.user.theme = stamped
-  } else if (auth.user?.theme) {
-    applyTheme(auth.user.theme)
-  }
+  const resolved = stamped || auth.user?.theme
+  if (resolved) applyTheme(resolved)
 })
 </script>
diff --git a/frontend/src/components/BaseBottomSheet.vue b/frontend/src/components/BaseBottomSheet.vue
index f954c32..0075bba 100644
--- a/frontend/src/components/BaseBottomSheet.vue
+++ b/frontend/src/components/BaseBottomSheet.vue
@@ -68,7 +68,7 @@ watch(() => props.modelValue, async (open) => {
   width: 100%;
   background: var(--color-surface);
   border-radius: var(--radius-lg) var(--radius-lg) 0 0;
-  padding: var(--space-3) var(--space-4) var(--space-6);
+  padding: var(--space-3) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));
   max-height: 90dvh;
   overflow-y: auto;
   outline: none;
diff --git a/frontend/src/components/BottomNav.vue b/frontend/src/components/BottomNav.vue
index 2dcb63b..6451c3d 100644
--- a/frontend/src/components/BottomNav.vue
+++ b/frontend/src/components/BottomNav.vue
@@ -4,13 +4,13 @@
       v-for="tab in tabs"
       :key="tab.name"
       :to="tab.to"
-      :class="['bottom-nav__tab', { 'bottom-nav__tab--active': isActive(tab.to) }]"
+      :class="['bottom-nav__tab', { 'bottom-nav__tab--active': tab.isActive(route) }]"
       :aria-label="tab.label"
-      :aria-current="isActive(tab.to) ? 'page' : undefined"
+      :aria-current="tab.isActive(route) ? 'page' : undefined"
     >
       <span class="bottom-nav__icon-wrap" aria-hidden="true">
         <span class="bottom-nav__icon" v-html="tab.icon" />
-        <span v-if="tab.name === 'shared' && imagesStore.pendingCount > 0" class="bottom-nav__badge">
+        <span v-if="tab.name === 'library' && imagesStore.pendingCount > 0" class="bottom-nav__badge">
           {{ imagesStore.pendingCount > 9 ? '9+' : imagesStore.pendingCount }}
         </span>
       </span>
@@ -20,44 +20,43 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
+import { useRoute, type RouteLocationNormalizedLoaded } from 'vue-router'
 import { useImagesStore } from '@/stores/images'
 
 const route       = useRoute()
 const imagesStore = useImagesStore()
 
-const tabs = [
+interface Tab {
+  name: string
+  label: string
+  to: string
+  icon: string
+  isActive: (r: RouteLocationNormalizedLoaded) => boolean
+}
+
+const tabs: Tab[] = [
   {
     name: 'home',
     label: 'Home',
     to: '/',
     icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9,22 9,12 15,12 15,22"/></svg>',
+    isActive: r => r.path === '/',
   },
   {
     name: 'library',
     label: 'Library',
     to: '/library',
     icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>',
-  },
-  {
-    name: 'shared',
-    label: 'Shared',
-    to: '/library?tab=shared',
-    icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>',
+    isActive: r => r.path.startsWith('/library'),
   },
   {
     name: 'settings',
     label: 'Settings',
     to: '/settings',
     icon: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>',
+    isActive: r => r.path.startsWith('/settings'),
   },
 ]
-
-function isActive(to: string) {
-  const path = to.split('?')[0]
-  if (path === '/') return route.path === '/'
-  return route.path.startsWith(path)
-}
 </script>
 
 <style scoped lang="scss">
@@ -66,11 +65,11 @@ function isActive(to: string) {
   bottom: 0;
   left: 0;
   right: 0;
-  height: 64px;
   background: var(--color-surface);
   border-top: 1px solid var(--color-border);
   display: flex;
   z-index: 50;
+  padding-bottom: env(safe-area-inset-bottom);
 
   @media (min-width: 960px) {
     display: none;
@@ -83,6 +82,7 @@ function isActive(to: string) {
     align-items: center;
     justify-content: center;
     gap: 2px;
+    height: 64px;
     color: var(--color-text-muted);
     text-decoration: none;
     min-height: var(--touch-min);
diff --git a/frontend/src/composables/useTheme.ts b/frontend/src/composables/useTheme.ts
index ae3b05a..5131288 100644
--- a/frontend/src/composables/useTheme.ts
+++ b/frontend/src/composables/useTheme.ts
@@ -25,6 +25,12 @@ export function useTheme() {
   function applyTheme(themeId: string) {
     document.documentElement.dataset.theme = themeId
     if (auth.user) auth.user.theme = themeId
+
+    const theme = THEMES.find(t => t.id === themeId)
+    if (theme) {
+      const meta = document.querySelector('meta[name="theme-color"]')
+      if (meta) meta.setAttribute('content', theme.bg)
+    }
   }
 
   async function saveTheme(themeId: string) {
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index aeb53ab..4fda7fc 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -33,6 +33,9 @@
 
   // Touch target minimum
   --touch-min: 44px;
+
+  // Bottom nav clearance — 64px row + iOS home-indicator inset (zero on devices without one)
+  --bottom-nav-height: calc(64px + env(safe-area-inset-bottom));
 }
 
 // ─── Themes ──────────────────────────────────────────────────────────────────
@@ -158,6 +161,7 @@ body {
   min-height: 100dvh;
   display: flex;
   flex-direction: column;
+  padding-top: env(safe-area-inset-top);
 }
 
 // ─── Focus visible ────────────────────────────────────────────────────────────
diff --git a/frontend/src/test/App.test.ts b/frontend/src/test/App.test.ts
new file mode 100644
index 0000000..8d0e701
--- /dev/null
+++ b/frontend/src/test/App.test.ts
@@ -0,0 +1,79 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import App from '@/App.vue'
+import { useAuthStore } from '@/stores/auth'
+
+// Stub child components — we only care about App's mount-time behavior
+vi.mock('@/components/BottomNav.vue', () => ({
+  default: { template: '<nav class="bottom-nav-stub" />' },
+}))
+vi.mock('@/components/BaseToast.vue', () => ({
+  default: { template: '<div class="toast-stub" />' },
+}))
+import { reactive } from 'vue'
+const mockRoute = reactive<{ meta: Record<string, unknown> }>({ meta: {} })
+vi.mock('vue-router', () => ({
+  useRoute: () => mockRoute,
+  RouterView: { name: 'RouterView', template: '<div class="router-view-stub" />' },
+}))
+
+describe('App', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    mockRoute.meta = {}
+    document.documentElement.removeAttribute('data-theme')
+    document.head.querySelectorAll('meta[name="theme-color"]').forEach(n => n.remove())
+    const meta = document.createElement('meta')
+    meta.setAttribute('name', 'theme-color')
+    meta.setAttribute('content', '#000000')
+    document.head.appendChild(meta)
+  })
+
+  afterEach(() => {
+    document.head.querySelectorAll('meta[name="theme-color"]').forEach(n => n.remove())
+    document.documentElement.removeAttribute('data-theme')
+  })
+
+  async function mountApp() {
+    const { RouterView } = await import('vue-router')
+    return mount(App, { global: { stubs: { RouterView } } })
+  }
+
+  it('uses the server-stamped <html data-theme> when present', async () => {
+    document.documentElement.dataset.theme = 'sage-cream'
+    await mountApp()
+    expect(document.documentElement.dataset.theme).toBe('sage-cream')
+    const meta = document.querySelector('meta[name="theme-color"]')
+    expect(meta?.getAttribute('content')).toBe('#f6f8f3')
+  })
+
+  it('falls back to auth.user.theme when no stamped theme is present', async () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'a@b', roles: [], theme: 'ocean-dusk', timezone: 'UTC' })
+    await mountApp()
+    expect(document.documentElement.dataset.theme).toBe('ocean-dusk')
+    const meta = document.querySelector('meta[name="theme-color"]')
+    expect(meta?.getAttribute('content')).toBe('#eef3f8')
+  })
+
+  it('does nothing when neither stamped nor user theme exist', async () => {
+    await mountApp()
+    expect(document.documentElement.dataset.theme).toBeUndefined()
+    const meta = document.querySelector('meta[name="theme-color"]')
+    expect(meta?.getAttribute('content')).toBe('#000000')
+  })
+
+  it('renders BottomNav and BaseToast and RouterView', async () => {
+    const wrapper = await mountApp()
+    expect(wrapper.find('.router-view-stub').exists()).toBe(true)
+    expect(wrapper.find('.bottom-nav-stub').exists()).toBe(true)
+    expect(wrapper.find('.toast-stub').exists()).toBe(true)
+  })
+
+  it('hides BottomNav when route.meta.hideNav is true', async () => {
+    mockRoute.meta = { hideNav: true }
+    const wrapper = await mountApp()
+    expect(wrapper.find('.bottom-nav-stub').exists()).toBe(false)
+  })
+})
diff --git a/frontend/src/test/components/ApproveCard.test.ts b/frontend/src/test/components/ApproveCard.test.ts
new file mode 100644
index 0000000..e7bb235
--- /dev/null
+++ b/frontend/src/test/components/ApproveCard.test.ts
@@ -0,0 +1,144 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import ApproveCard from '@/components/ApproveCard.vue'
+import { useImagesStore } from '@/stores/images'
+import { useDevicesStore } from '@/stores/devices'
+import type { SharedImage, Device } from '@/types'
+
+vi.mock('@/components/DevicePicker.vue', () => ({
+  default: {
+    name: 'DevicePicker',
+    template: '<div class="device-picker-stub"><slot /></div>',
+    props: ['modelValue', 'devices', 'selected', 'uploading', 'confirmLabel'],
+    emits: ['update:modelValue', 'update:selected', 'confirm'],
+  },
+}))
+vi.mock('@/components/BaseButton.vue', () => ({
+  default: {
+    name: 'BaseButton',
+    template: '<button :disabled="disabled" @click="$emit(\'click\')"><slot /></button>',
+    props: ['variant', 'size', 'disabled'],
+    emits: ['click'],
+  },
+}))
+
+const makeShared = (overrides: Partial<SharedImage> = {}): SharedImage => ({
+  id: 1,
+  thumbnailUrl: '/t/1.jpg',
+  sharedBy: 'alice@example.com',
+  sharedAt: '2026-01-15T00:00:00Z',
+  status: 'pending',
+  ...overrides,
+} as SharedImage)
+
+const makeDevice = (overrides: Partial<Device> = {}): Device => ({
+  id: 10,
+  mac: 'AA',
+  name: 'Living Room',
+  orientation: 'landscape',
+  rotationIntervalMinutes: 60,
+  wakeHour: null,
+  timezone: 'UTC',
+  uniquenessWindow: 30,
+  linkedAt: '2026-01-01T00:00:00Z',
+  lastSeenAt: null,
+  lockedImageId: null,
+  currentImageId: null,
+  ...overrides,
+})
+
+describe('ApproveCard', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+  })
+
+  it('renders sharer email and a formatted date', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared() } })
+    expect(wrapper.text()).toContain('alice@example.com')
+    // date is locale-formatted; just confirm the year shows up
+    expect(wrapper.text()).toContain('2026')
+  })
+
+  it('shows "Add to frame" + "Decline" actions for a pending share', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared({ status: 'pending' }) } })
+    expect(wrapper.text()).toContain('Add to frame')
+    expect(wrapper.text()).toContain('Decline')
+  })
+
+  it('shows "Remove" but no add action for an approved share', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared({ status: 'approved' }) } })
+    expect(wrapper.text()).not.toContain('Add to frame')
+    expect(wrapper.text()).toContain('Remove')
+  })
+
+  it('shows "Add anyway" but no decline action for a declined share', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared({ status: 'declined' }) } })
+    expect(wrapper.text()).toContain('Add anyway')
+    expect(wrapper.text()).not.toContain('Decline')
+  })
+
+  it('renders a status badge for non-pending shares', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared({ status: 'approved' }) } })
+    expect(wrapper.find('.approve-card__badge--approved').exists()).toBe(true)
+  })
+
+  it('does not render a status badge for pending shares', () => {
+    const wrapper = mount(ApproveCard, { props: { item: makeShared({ status: 'pending' }) } })
+    expect(wrapper.find('.approve-card__badge').exists()).toBe(false)
+  })
+
+  it('opens the device picker when the add button is clicked', async () => {
+    const devices = useDevicesStore()
+    devices.devices = [makeDevice()]
+    const wrapper = mount(ApproveCard, { props: { item: makeShared() } })
+    const addBtn = wrapper.findAll('button').find(b => b.text() === 'Add to frame')!
+    await addBtn.trigger('click')
+    const picker = wrapper.findComponent({ name: 'DevicePicker' })
+    expect(picker.props('modelValue')).toBe(true)
+  })
+
+  it('calls approveShared and emits updated when picker confirms', async () => {
+    const images = useImagesStore()
+    const updated = makeShared({ status: 'approved' })
+    vi.spyOn(images, 'approveShared').mockResolvedValue(updated)
+    const devices = useDevicesStore()
+    devices.devices = [makeDevice()]
+
+    const wrapper = mount(ApproveCard, { props: { item: makeShared() } })
+    await wrapper.findAll('button').find(b => b.text() === 'Add to frame')!.trigger('click')
+
+    const picker = wrapper.findComponent({ name: 'DevicePicker' })
+    await picker.vm.$emit('update:selected', [10])
+    await picker.vm.$emit('confirm')
+    await flushPromises()
+
+    expect(images.approveShared).toHaveBeenCalledWith(1, [10])
+    expect(wrapper.emitted('updated')).toEqual([[updated]])
+  })
+
+  it('forwards update:modelValue from the picker so it can be closed', async () => {
+    const devices = useDevicesStore()
+    devices.devices = [makeDevice()]
+    const wrapper = mount(ApproveCard, { props: { item: makeShared() } })
+    await wrapper.findAll('button').find(b => b.text() === 'Add to frame')!.trigger('click')
+    const picker = wrapper.findComponent({ name: 'DevicePicker' })
+    expect(picker.props('modelValue')).toBe(true)
+    await picker.vm.$emit('update:modelValue', false)
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(false)
+  })
+
+  it('calls declineShared and emits updated when decline is clicked', async () => {
+    const images = useImagesStore()
+    const updated = makeShared({ status: 'declined' })
+    vi.spyOn(images, 'declineShared').mockResolvedValue(updated)
+
+    const wrapper = mount(ApproveCard, { props: { item: makeShared() } })
+    await wrapper.findAll('button').find(b => b.text() === 'Decline')!.trigger('click')
+    await flushPromises()
+
+    expect(images.declineShared).toHaveBeenCalledWith(1)
+    expect(wrapper.emitted('updated')).toEqual([[updated]])
+  })
+})
diff --git a/frontend/src/test/components/BaseBottomSheet.test.ts b/frontend/src/test/components/BaseBottomSheet.test.ts
new file mode 100644
index 0000000..87c3a6a
--- /dev/null
+++ b/frontend/src/test/components/BaseBottomSheet.test.ts
@@ -0,0 +1,73 @@
+import { describe, it, expect, beforeEach } from 'vitest'
+import { mount } from '@vue/test-utils'
+import BaseBottomSheet from '@/components/BaseBottomSheet.vue'
+
+describe('BaseBottomSheet', () => {
+  beforeEach(() => {
+    document.body.innerHTML = ''
+  })
+
+  it('does not render the overlay when modelValue is false', async () => {
+    mount(BaseBottomSheet, {
+      props: { modelValue: false, label: 'Test' },
+      slots: { default: '<p class="content">hi</p>' },
+      attachTo: document.body,
+    })
+    await new Promise(r => setTimeout(r, 0))
+    expect(document.querySelector('.sheet-overlay')).toBeNull()
+  })
+
+  it('renders the sheet teleported to body when open', async () => {
+    mount(BaseBottomSheet, {
+      props: { modelValue: true, label: 'Frame settings' },
+      slots: { default: '<p class="content">hi</p>' },
+      attachTo: document.body,
+    })
+    await new Promise(r => setTimeout(r, 0))
+    const overlay = document.querySelector('.sheet-overlay')
+    expect(overlay).not.toBeNull()
+    expect(overlay?.getAttribute('aria-label')).toBe('Frame settings')
+    expect(document.querySelector('.sheet .content')).not.toBeNull()
+  })
+
+  it('emits update:modelValue=false when the overlay is clicked', async () => {
+    const wrapper = mount(BaseBottomSheet, {
+      props: { modelValue: true, label: 'X' },
+      attachTo: document.body,
+    })
+    await new Promise(r => setTimeout(r, 0))
+    const overlay = document.querySelector('.sheet-overlay') as HTMLElement
+    overlay.click()
+    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
+  })
+
+  it('emits update:modelValue=false on Escape', async () => {
+    const wrapper = mount(BaseBottomSheet, {
+      props: { modelValue: true, label: 'X' },
+      attachTo: document.body,
+    })
+    await new Promise(r => setTimeout(r, 0))
+    const overlay = document.querySelector('.sheet-overlay') as HTMLElement
+    overlay.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }))
+    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
+  })
+
+  it('focuses the sheet when opened and restores focus to the trigger when closed', async () => {
+    const trigger = document.createElement('button')
+    document.body.appendChild(trigger)
+    trigger.focus()
+
+    const wrapper = mount(BaseBottomSheet, {
+      props: { modelValue: false, label: 'X' },
+      attachTo: document.body,
+    })
+    await wrapper.setProps({ modelValue: true })
+    await new Promise(r => setTimeout(r, 0))
+    const sheet = document.querySelector('.sheet') as HTMLElement
+    expect(document.activeElement).toBe(sheet)
+
+    await wrapper.setProps({ modelValue: false })
+    await new Promise(r => setTimeout(r, 0))
+    expect(document.activeElement).toBe(trigger)
+  })
+})
diff --git a/frontend/src/test/components/BaseCard.test.ts b/frontend/src/test/components/BaseCard.test.ts
new file mode 100644
index 0000000..03d109d
--- /dev/null
+++ b/frontend/src/test/components/BaseCard.test.ts
@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import BaseCard from '@/components/BaseCard.vue'
+
+describe('BaseCard', () => {
+  it('renders slot content inside .card', () => {
+    const wrapper = mount(BaseCard, { slots: { default: 'hello' } })
+    expect(wrapper.find('.card').exists()).toBe(true)
+    expect(wrapper.text()).toContain('hello')
+  })
+
+  it('forwards $attrs onto the root element', () => {
+    const wrapper = mount(BaseCard, { attrs: { 'data-testid': 'x' } })
+    expect(wrapper.find('.card').attributes('data-testid')).toBe('x')
+  })
+})
diff --git a/frontend/src/test/components/BaseChip.test.ts b/frontend/src/test/components/BaseChip.test.ts
new file mode 100644
index 0000000..31b48e3
--- /dev/null
+++ b/frontend/src/test/components/BaseChip.test.ts
@@ -0,0 +1,27 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import BaseChip from '@/components/BaseChip.vue'
+
+describe('BaseChip', () => {
+  it('renders default variant when no prop is passed', () => {
+    const wrapper = mount(BaseChip, { slots: { default: 'tag' } })
+    expect(wrapper.classes()).toContain('chip')
+    expect(wrapper.classes()).toContain('chip--default')
+    expect(wrapper.text()).toBe('tag')
+  })
+
+  for (const variant of ['default', 'primary', 'success', 'warning', 'error'] as const) {
+    it(`renders ${variant} variant class`, () => {
+      const wrapper = mount(BaseChip, {
+        props: { variant },
+        slots: { default: 'x' },
+      })
+      expect(wrapper.classes()).toContain(`chip--${variant}`)
+    })
+  }
+
+  it('forwards $attrs onto the root span', () => {
+    const wrapper = mount(BaseChip, { attrs: { title: 'tip' } })
+    expect(wrapper.attributes('title')).toBe('tip')
+  })
+})
diff --git a/frontend/src/test/components/BaseInput.test.ts b/frontend/src/test/components/BaseInput.test.ts
new file mode 100644
index 0000000..5bb0f73
--- /dev/null
+++ b/frontend/src/test/components/BaseInput.test.ts
@@ -0,0 +1,58 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import BaseInput from '@/components/BaseInput.vue'
+
+describe('BaseInput', () => {
+  it('renders with label and default empty value', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Name' } })
+    expect(wrapper.find('label').text()).toBe('Name')
+    expect((wrapper.find('input').element as HTMLInputElement).value).toBe('')
+    expect(wrapper.find('.input-wrap--filled').exists()).toBe(false)
+  })
+
+  it('binds modelValue and emits update:modelValue on input', async () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Name', modelValue: 'Bob' } })
+    const input = wrapper.find('input')
+    expect((input.element as HTMLInputElement).value).toBe('Bob')
+
+    await input.setValue('Alice')
+    expect(wrapper.emitted('update:modelValue')).toBeTruthy()
+    expect(wrapper.emitted('update:modelValue')![0]).toEqual(['Alice'])
+  })
+
+  it('marks .input-wrap--filled when modelValue is non-empty', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Name', modelValue: 'x' } })
+    expect(wrapper.find('.input-wrap--filled').exists()).toBe(true)
+  })
+
+  it('emits blur events', async () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Name' } })
+    await wrapper.find('input').trigger('blur')
+    expect(wrapper.emitted('blur')).toBeTruthy()
+  })
+
+  it('renders error message and applies error class when error is set', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Name', error: 'Required' } })
+    expect(wrapper.find('.input-wrap--error').exists()).toBe(true)
+    expect(wrapper.find('.input-wrap__error').text()).toBe('Required')
+    expect(wrapper.find('[role="alert"]').exists()).toBe(true)
+  })
+
+  it('honors a custom id and links the label via for=', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Email', id: 'email' } })
+    expect(wrapper.find('input').attributes('id')).toBe('email')
+    expect(wrapper.find('label').attributes('for')).toBe('email')
+  })
+
+  it('uses a generated id when none is provided', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Email' } })
+    const id = wrapper.find('input').attributes('id')
+    expect(id).toMatch(/^input-/)
+    expect(wrapper.find('label').attributes('for')).toBe(id)
+  })
+
+  it('passes type prop down to the underlying input', () => {
+    const wrapper = mount(BaseInput, { props: { label: 'Email', type: 'email' } })
+    expect(wrapper.find('input').attributes('type')).toBe('email')
+  })
+})
diff --git a/frontend/src/test/components/BaseToast.test.ts b/frontend/src/test/components/BaseToast.test.ts
new file mode 100644
index 0000000..348d45e
--- /dev/null
+++ b/frontend/src/test/components/BaseToast.test.ts
@@ -0,0 +1,44 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import BaseToast from '@/components/BaseToast.vue'
+import { useToastStore } from '@/stores/toast'
+
+describe('BaseToast', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+  })
+
+  it('renders nothing when there are no toasts', () => {
+    const wrapper = mount(BaseToast)
+    expect(wrapper.findAll('.toast')).toHaveLength(0)
+  })
+
+  it('renders an info toast pushed via the store', async () => {
+    const wrapper = mount(BaseToast)
+    const toast = useToastStore()
+    toast.show('hello', 'info')
+    await wrapper.vm.$nextTick()
+    const items = wrapper.findAll('.toast')
+    expect(items).toHaveLength(1)
+    expect(items[0].text()).toContain('hello')
+    expect(items[0].classes()).toContain('toast--info')
+  })
+
+  it('renders multiple toasts and dismisses on close button click', async () => {
+    vi.useFakeTimers()
+    const wrapper = mount(BaseToast)
+    const toast = useToastStore()
+    toast.show('first', 'success')
+    toast.show('second', 'error')
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findAll('.toast')).toHaveLength(2)
+
+    await wrapper.findAll('.toast__close')[0].trigger('click')
+    expect(toast.toasts).toHaveLength(1)
+    expect(toast.toasts[0].message).toBe('second')
+
+    vi.runAllTimers()
+    vi.useRealTimers()
+  })
+})
diff --git a/frontend/src/test/components/BottomNav.test.ts b/frontend/src/test/components/BottomNav.test.ts
new file mode 100644
index 0000000..b7b2555
--- /dev/null
+++ b/frontend/src/test/components/BottomNav.test.ts
@@ -0,0 +1,106 @@
+import { describe, it, expect, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import { createRouter, createMemoryHistory, type Router } from 'vue-router'
+import BottomNav from '@/components/BottomNav.vue'
+import { useImagesStore } from '@/stores/images'
+
+const Stub = { template: '<div />' }
+
+function makeRouter(): Router {
+  return createRouter({
+    history: createMemoryHistory(),
+    routes: [
+      { path: '/',         component: Stub },
+      { path: '/library',  component: Stub },
+      { path: '/settings', component: Stub },
+    ],
+  })
+}
+
+async function mountAt(router: Router, path: string) {
+  await router.push(path)
+  await router.isReady()
+  return mount(BottomNav, { global: { plugins: [router] } })
+}
+
+function activeTabName(wrapper: ReturnType<typeof mount>): string | undefined {
+  const active = wrapper.find('.bottom-nav__tab--active')
+  if (!active.exists()) return undefined
+  return active.find('.bottom-nav__label').text()
+}
+
+describe('BottomNav', () => {
+  let router: Router
+
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    router = makeRouter()
+  })
+
+  it('renders three tabs (Home, Library, Settings)', async () => {
+    const wrapper = await mountAt(router, '/')
+    const labels = wrapper.findAll('.bottom-nav__label').map(n => n.text())
+    expect(labels).toEqual(['Home', 'Library', 'Settings'])
+  })
+
+  it('marks Home active on /', async () => {
+    const wrapper = await mountAt(router, '/')
+    expect(activeTabName(wrapper)).toBe('Home')
+  })
+
+  it('marks Library active on /library', async () => {
+    const wrapper = await mountAt(router, '/library')
+    expect(activeTabName(wrapper)).toBe('Library')
+  })
+
+  it('marks Library active on /library?tab=shared', async () => {
+    const wrapper = await mountAt(router, '/library?tab=shared')
+    expect(activeTabName(wrapper)).toBe('Library')
+  })
+
+  it('marks Settings active on /settings', async () => {
+    const wrapper = await mountAt(router, '/settings')
+    expect(activeTabName(wrapper)).toBe('Settings')
+  })
+
+  it('does not mark Home active on /library (regression: startsWith bug)', async () => {
+    const wrapper = await mountAt(router, '/library')
+    const homeTab = wrapper.findAll('.bottom-nav__tab')
+      .find(t => t.find('.bottom-nav__label').text() === 'Home')
+    expect(homeTab?.classes()).not.toContain('bottom-nav__tab--active')
+  })
+
+  it('updates active tab when route changes', async () => {
+    const wrapper = await mountAt(router, '/')
+    expect(activeTabName(wrapper)).toBe('Home')
+    await router.push('/library')
+    await flushPromises()
+    expect(activeTabName(wrapper)).toBe('Library')
+  })
+
+  it('shows the pending-share count as a badge on the Library tab', async () => {
+    const images = useImagesStore()
+    images.pendingCount = 3
+    const wrapper = await mountAt(router, '/')
+    const libraryTab = wrapper.findAll('.bottom-nav__tab')
+      .find(t => t.find('.bottom-nav__label').text() === 'Library')!
+    const badge = libraryTab.find('.bottom-nav__badge')
+    expect(badge.exists()).toBe(true)
+    expect(badge.text()).toBe('3')
+  })
+
+  it('clamps the badge count to "9+" when 10 or more are pending', async () => {
+    const images = useImagesStore()
+    images.pendingCount = 12
+    const wrapper = await mountAt(router, '/')
+    expect(wrapper.find('.bottom-nav__badge').text()).toBe('9+')
+  })
+
+  it('hides the badge when no shares are pending', async () => {
+    const images = useImagesStore()
+    images.pendingCount = 0
+    const wrapper = await mountAt(router, '/')
+    expect(wrapper.find('.bottom-nav__badge').exists()).toBe(false)
+  })
+})
diff --git a/frontend/src/test/components/DevicePicker.test.ts b/frontend/src/test/components/DevicePicker.test.ts
index 92a9b6e..932698e 100644
--- a/frontend/src/test/components/DevicePicker.test.ts
+++ b/frontend/src/test/components/DevicePicker.test.ts
@@ -110,4 +110,44 @@ describe('DevicePicker', () => {
     expect(wrapper.text()).toContain('Living Room')
     expect(wrapper.text()).toContain('Bedroom')
   })
+
+  // DP-07: Clicking the enabled confirm button emits 'confirm'
+  it('emits confirm when the confirm button is clicked', async () => {
+    const wrapper = mountPicker([1])
+    await wrapper.find('button').trigger('click')
+    expect(wrapper.emitted('confirm')).toBeTruthy()
+  })
+
+  // DP-08: Confirm label adapts to selection count (singular / plural / none)
+  it('renders the singular confirm label for one selected device', () => {
+    const wrapper = mountPicker([1])
+    expect(wrapper.find('button').text()).toBe('Add to 1 frame')
+  })
+
+  it('renders the plural confirm label for multiple selected devices', () => {
+    const wrapper = mountPicker([1, 2])
+    expect(wrapper.find('button').text()).toBe('Add to 2 frames')
+  })
+
+  it('renders the no-selection confirm label when nothing is picked', () => {
+    const wrapper = mountPicker([])
+    expect(wrapper.find('button').text()).toBe('Add to frame')
+  })
+
+  // DP-09: Uploading state — label changes and button is disabled
+  it('shows uploading label and disables the button while uploading', () => {
+    const wrapper = mount(DevicePicker, {
+      props: { modelValue: true, devices, selected: [1], uploading: true },
+    })
+    const btn = wrapper.find('button')
+    expect(btn.text()).toBe('Uploading…')
+    expect((btn.element as HTMLButtonElement).disabled).toBe(true)
+  })
+
+  // DP-10: Forwards update:modelValue from the wrapped sheet
+  it('forwards update:modelValue from the wrapped sheet', async () => {
+    const wrapper = mountPicker([])
+    await wrapper.findComponent({ name: 'BaseBottomSheet' }).vm.$emit('update:modelValue', false)
+    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
+  })
 })
diff --git a/frontend/src/test/components/OrientationPicker.test.ts b/frontend/src/test/components/OrientationPicker.test.ts
new file mode 100644
index 0000000..238a8c2
--- /dev/null
+++ b/frontend/src/test/components/OrientationPicker.test.ts
@@ -0,0 +1,36 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import OrientationPicker from '@/components/OrientationPicker.vue'
+
+describe('OrientationPicker', () => {
+  it('renders both landscape and portrait options', () => {
+    const wrapper = mount(OrientationPicker, { props: { modelValue: 'landscape' } })
+    const buttons = wrapper.findAll('[role="radio"]')
+    expect(buttons).toHaveLength(2)
+    const labels = buttons.map(b => b.find('.orientation-opt__label').text())
+    expect(labels).toEqual(['Landscape', 'Portrait'])
+  })
+
+  it('marks the active option with --active and aria-checked=true', () => {
+    const wrapper = mount(OrientationPicker, { props: { modelValue: 'portrait' } })
+    const buttons = wrapper.findAll('[role="radio"]')
+    const portrait = buttons.find(b => b.text().includes('Portrait'))!
+    const landscape = buttons.find(b => b.text().includes('Landscape'))!
+    expect(portrait.classes()).toContain('orientation-opt--active')
+    expect(portrait.attributes('aria-checked')).toBe('true')
+    expect(landscape.classes()).not.toContain('orientation-opt--active')
+    expect(landscape.attributes('aria-checked')).toBe('false')
+  })
+
+  it('emits update:modelValue when an option is clicked', async () => {
+    const wrapper = mount(OrientationPicker, { props: { modelValue: 'landscape' } })
+    const portrait = wrapper.findAll('[role="radio"]').find(b => b.text().includes('Portrait'))!
+    await portrait.trigger('click')
+    expect(wrapper.emitted('update:modelValue')).toEqual([['portrait']])
+  })
+
+  it('renders an SVG diagram per option', () => {
+    const wrapper = mount(OrientationPicker, { props: { modelValue: 'landscape' } })
+    expect(wrapper.findAll('svg.orientation-opt__diagram')).toHaveLength(2)
+  })
+})
diff --git a/frontend/src/test/components/ShareSheet.test.ts b/frontend/src/test/components/ShareSheet.test.ts
index 15bcc39..864d926 100644
--- a/frontend/src/test/components/ShareSheet.test.ts
+++ b/frontend/src/test/components/ShareSheet.test.ts
@@ -5,6 +5,7 @@ import ShareSheet from '@/components/ShareSheet.vue'
 import { useImagesStore } from '@/stores/images'
 
 const BaseBottomSheetStub = {
+  name: 'BaseBottomSheet',
   template: '<div><slot /></div>',
   props: ['modelValue', 'label'],
   emits: ['update:modelValue'],
@@ -74,4 +75,48 @@ describe('ShareSheet', () => {
     const button = wrapper.find('button')
     expect(button.attributes('disabled')).toBeDefined()
   })
+
+  // SS-04: Enter key on input triggers submit
+  it('submits when Enter is pressed inside the email input', async () => {
+    const store = useImagesStore()
+    vi.spyOn(store, 'shareImage').mockResolvedValue(undefined)
+
+    const wrapper = mountShareSheet()
+    const input = wrapper.find('input[type="email"]')
+    await input.setValue('friend@example.com')
+    await input.trigger('keydown.enter')
+    await flushPromises()
+    expect(store.shareImage).toHaveBeenCalledWith(1, 'friend@example.com')
+  })
+
+  // SS-05: empty/whitespace email is a no-op even if submit() is called directly
+  it('does not call shareImage when email is whitespace-only', async () => {
+    const store = useImagesStore()
+    const spy = vi.spyOn(store, 'shareImage').mockResolvedValue(undefined)
+    const wrapper = mountShareSheet()
+    const input = wrapper.find('input[type="email"]')
+    await input.setValue('   ')
+    await input.trigger('keydown.enter')
+    await flushPromises()
+    expect(spy).not.toHaveBeenCalled()
+  })
+
+  // SS-06: non-Error rejections fall back to a generic error message
+  it('renders a generic error when the rejection is not an Error', async () => {
+    const store = useImagesStore()
+    vi.spyOn(store, 'shareImage').mockRejectedValue('something weird')
+    const wrapper = mountShareSheet()
+    const input = wrapper.find('input[type="email"]')
+    await input.setValue('a@b')
+    await wrapper.find('button').trigger('click')
+    await flushPromises()
+    expect(wrapper.text()).toContain('Failed to send')
+  })
+
+  // SS-07: forwards update:modelValue from the underlying sheet
+  it('forwards update:modelValue from the wrapped sheet', async () => {
+    const wrapper = mountShareSheet()
+    await wrapper.findComponent({ name: 'BaseBottomSheet' }).vm.$emit('update:modelValue', false)
+    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
+  })
 })
diff --git a/frontend/src/test/components/StickerTray.test.ts b/frontend/src/test/components/StickerTray.test.ts
new file mode 100644
index 0000000..0b66879
--- /dev/null
+++ b/frontend/src/test/components/StickerTray.test.ts
@@ -0,0 +1,53 @@
+import { describe, it, expect, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import StickerTray from '@/components/StickerTray.vue'
+import { STICKERS, STICKER_CATEGORIES } from '@/assets/stickers/index'
+
+// Stub the bottom sheet so the modal contents are always rendered inline
+vi.mock('@/components/BaseBottomSheet.vue', () => ({
+  default: {
+    name: 'BaseBottomSheet',
+    template: '<div class="bottom-sheet-stub"><slot /></div>',
+    props: ['modelValue', 'label'],
+    emits: ['update:modelValue'],
+  },
+}))
+
+describe('StickerTray', () => {
+  it('renders one tab per sticker category', () => {
+    const wrapper = mount(StickerTray, { props: { modelValue: true } })
+    expect(wrapper.findAll('.sticker-tray__cat')).toHaveLength(STICKER_CATEGORIES.length)
+  })
+
+  it('starts on the seasonal category', () => {
+    const wrapper = mount(StickerTray, { props: { modelValue: true } })
+    const seasonal = wrapper.findAll('.sticker-tray__cat').find(b => b.text() === 'Seasonal')
+    expect(seasonal?.classes()).toContain('sticker-tray__cat--active')
+    const seasonalCount = STICKERS.filter(s => s.category === 'seasonal').length
+    expect(wrapper.findAll('.sticker-tray__item')).toHaveLength(seasonalCount)
+  })
+
+  it('switches the visible grid when a different category tab is clicked', async () => {
+    const wrapper = mount(StickerTray, { props: { modelValue: true } })
+    const fun = wrapper.findAll('.sticker-tray__cat').find(b => b.text() === 'Fun')!
+    await fun.trigger('click')
+    const funCount = STICKERS.filter(s => s.category === 'fun').length
+    expect(wrapper.findAll('.sticker-tray__item')).toHaveLength(funCount)
+    expect(fun.classes()).toContain('sticker-tray__cat--active')
+  })
+
+  it('emits "pick" with the sticker id when an item is clicked', async () => {
+    const wrapper = mount(StickerTray, { props: { modelValue: true } })
+    const firstItem = wrapper.find('.sticker-tray__item')
+    await firstItem.trigger('click')
+    const events = wrapper.emitted('pick')
+    expect(events).toBeTruthy()
+    expect(typeof events![0][0]).toBe('string')
+  })
+
+  it('forwards update:modelValue from the wrapped sheet', async () => {
+    const wrapper = mount(StickerTray, { props: { modelValue: true } })
+    await wrapper.findComponent({ name: 'BaseBottomSheet' }).vm.$emit('update:modelValue', false)
+    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
+  })
+})
diff --git a/frontend/src/test/composables/useTheme.test.ts b/frontend/src/test/composables/useTheme.test.ts
new file mode 100644
index 0000000..e37d06d
--- /dev/null
+++ b/frontend/src/test/composables/useTheme.test.ts
@@ -0,0 +1,113 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { setActivePinia, createPinia } from 'pinia'
+import { useTheme, THEMES } from '@/composables/useTheme'
+import { useAuthStore } from '@/stores/auth'
+
+describe('useTheme', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    document.documentElement.removeAttribute('data-theme')
+    document.head.querySelectorAll('meta[name="theme-color"]').forEach(n => n.remove())
+    const meta = document.createElement('meta')
+    meta.setAttribute('name', 'theme-color')
+    meta.setAttribute('content', '#000000')
+    document.head.appendChild(meta)
+  })
+
+  afterEach(() => {
+    document.head.querySelectorAll('meta[name="theme-color"]').forEach(n => n.remove())
+    document.documentElement.removeAttribute('data-theme')
+  })
+
+  it('exports six themes with id, label, primary, bg, text', () => {
+    expect(THEMES).toHaveLength(6)
+    for (const t of THEMES) {
+      expect(t.id).toBeTypeOf('string')
+      expect(t.label).toBeTypeOf('string')
+      expect(t.primary).toMatch(/^#[0-9a-f]{6}$/i)
+      expect(t.bg).toMatch(/^#[0-9a-f]{6}$/i)
+      expect(t.text).toMatch(/^#[0-9a-f]{6}$/i)
+    }
+  })
+
+  it('applyTheme writes data-theme on <html>', () => {
+    const { applyTheme } = useTheme()
+    applyTheme('ocean-dusk')
+    expect(document.documentElement.dataset.theme).toBe('ocean-dusk')
+  })
+
+  it('applyTheme syncs auth.user.theme when a user is signed in', () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'a@b', roles: [], theme: 'warm-craft', timezone: 'UTC' })
+    const { applyTheme } = useTheme()
+    applyTheme('sage-cream')
+    expect(auth.user?.theme).toBe('sage-cream')
+  })
+
+  it('applyTheme updates the theme-color meta tag with the theme bg', () => {
+    const { applyTheme } = useTheme()
+    applyTheme('playful-pop')
+    const meta = document.querySelector('meta[name="theme-color"]')
+    const bg = THEMES.find(t => t.id === 'playful-pop')!.bg
+    expect(meta?.getAttribute('content')).toBe(bg)
+  })
+
+  it('applyTheme is a no-op for unknown theme ids on the meta tag', () => {
+    const { applyTheme } = useTheme()
+    applyTheme('does-not-exist')
+    // data-theme still updates (we mirror the input as-is)
+    expect(document.documentElement.dataset.theme).toBe('does-not-exist')
+    // meta tag is left at its previous value
+    const meta = document.querySelector('meta[name="theme-color"]')
+    expect(meta?.getAttribute('content')).toBe('#000000')
+  })
+
+  it('applyTheme silently skips meta sync when no theme-color meta exists', () => {
+    document.head.querySelectorAll('meta[name="theme-color"]').forEach(n => n.remove())
+    const { applyTheme } = useTheme()
+    expect(() => applyTheme('warm-craft')).not.toThrow()
+    expect(document.documentElement.dataset.theme).toBe('warm-craft')
+  })
+
+  it('saveTheme applies and PATCHes /api/user/theme on success', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({ ok: true })
+    vi.stubGlobal('fetch', fetchMock)
+
+    const { saveTheme } = useTheme()
+    await saveTheme('honey-slate')
+
+    expect(document.documentElement.dataset.theme).toBe('honey-slate')
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/user/theme',
+      expect.objectContaining({
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ theme: 'honey-slate' }),
+      }),
+    )
+    vi.unstubAllGlobals()
+  })
+
+  it('saveTheme shows a toast on non-ok response', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const { saveTheme } = useTheme()
+    // Spy on the toast store via the module
+    const { useToastStore } = await import('@/stores/toast')
+    const toast = useToastStore()
+    const showSpy = vi.spyOn(toast, 'show')
+    await saveTheme('dusty-mauve')
+    expect(showSpy).toHaveBeenCalledWith(expect.stringContaining('Could not save'), 'error')
+    vi.unstubAllGlobals()
+  })
+
+  it('saveTheme shows a toast when fetch rejects', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockRejectedValue(new Error('network')))
+    const { saveTheme } = useTheme()
+    const { useToastStore } = await import('@/stores/toast')
+    const toast = useToastStore()
+    const showSpy = vi.spyOn(toast, 'show')
+    await saveTheme('warm-craft')
+    expect(showSpy).toHaveBeenCalled()
+    vi.unstubAllGlobals()
+  })
+})
diff --git a/frontend/src/test/setup.ts b/frontend/src/test/setup.ts
index 7548bb3..80ba038 100644
--- a/frontend/src/test/setup.ts
+++ b/frontend/src/test/setup.ts
@@ -1,4 +1,5 @@
 import { createPinia, setActivePinia } from 'pinia'
+import { enableAutoUnmount } from '@vue/test-utils'
 import { vi, beforeEach, afterEach } from 'vitest'
 
 beforeEach(() => {
@@ -8,3 +9,5 @@ beforeEach(() => {
 afterEach(() => {
   vi.unstubAllGlobals()
 })
+
+enableAutoUnmount(afterEach)
diff --git a/frontend/src/test/stores/devices.test.ts b/frontend/src/test/stores/devices.test.ts
index ec9b7ab..409ff3c 100644
--- a/frontend/src/test/stores/devices.test.ts
+++ b/frontend/src/test/stores/devices.test.ts
@@ -156,4 +156,50 @@ describe('devices store', () => {
 
     await expect(store.unlockImage(1)).rejects.toThrow('Failed to unlock')
   })
+
+  // DS-06: non-Error rejections fall back to "Unknown error"
+  it('fetchDevices stores "Unknown error" when the rejection is not an Error', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockRejectedValue('boom'))
+    const store = useDevicesStore()
+    await store.fetchDevices()
+    expect(store.error).toBe('Unknown error')
+  })
+
+  // DS-07: returns the patched device even when it isn't in the local list
+  it('updateDevice no-ops the list when the id is not present', async () => {
+    const updated = makeDevice({ id: 99, name: 'New' })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(updated),
+    }))
+    const store = useDevicesStore()
+    store.devices = [makeDevice({ id: 1 })]
+    const result = await store.updateDevice(99, { name: 'New' })
+    expect(result.name).toBe('New')
+    expect(store.devices.find(d => d.id === 99)).toBeUndefined()
+  })
+
+  it('lockImage no-ops the list when the device id is not present', async () => {
+    const locked = makeDevice({ id: 99, lockedImageId: 42 })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(locked),
+    }))
+    const store = useDevicesStore()
+    store.devices = [makeDevice({ id: 1 })]
+    await store.lockImage(99, 42)
+    expect(store.devices.find(d => d.id === 99)).toBeUndefined()
+  })
+
+  it('unlockImage no-ops the list when the device id is not present', async () => {
+    const unlocked = makeDevice({ id: 99, lockedImageId: null })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(unlocked),
+    }))
+    const store = useDevicesStore()
+    store.devices = [makeDevice({ id: 1 })]
+    await store.unlockImage(99)
+    expect(store.devices.find(d => d.id === 99)).toBeUndefined()
+  })
 })
diff --git a/frontend/src/test/stores/images.test.ts b/frontend/src/test/stores/images.test.ts
index 0c41ca4..f974da1 100644
--- a/frontend/src/test/stores/images.test.ts
+++ b/frontend/src/test/stores/images.test.ts
@@ -163,4 +163,237 @@ describe('images store', () => {
 
     expect(store.pendingCount).toBe(1)
   })
+
+  it('fetchImages records "Unknown error" when the rejection is not an Error', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockRejectedValue('boom'))
+    const store = useImagesStore()
+    await store.fetchImages()
+    expect(store.error).toBe('Unknown error')
+  })
+
+  it('fetchImages sets error when the response is not ok', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    await store.fetchImages()
+    expect(store.error).toBe('Failed to load images')
+    expect(store.loading).toBe(false)
+  })
+
+  it('uploadImage forwards optional extras as form fields', async () => {
+    const newImage = makeImage({ id: 5 })
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(newImage),
+    })
+    vi.stubGlobal('fetch', fetchMock)
+
+    const store = useImagesStore()
+    const file = new File(['x'], 'x.jpg')
+    const original = new File(['y'], 'orig.jpg')
+    await store.uploadImage(file, {
+      original,
+      cropParams: { natX: 0, natY: 0, natW: 50, natH: 50 },
+      stickerState: [{ id: 's', type: 'emoji', x: 1, y: 2, scale: 1, rotation: 0 } as any],
+      cropOrientation: 'portrait',
+    })
+
+    const sent = fetchMock.mock.calls[0][1].body as FormData
+    expect(sent.get('file')).toBeInstanceOf(File)
+    expect(sent.get('original')).toBeInstanceOf(File)
+    expect(sent.get('cropParams')).toBe(JSON.stringify({ natX: 0, natY: 0, natW: 50, natH: 50 }))
+    expect(sent.get('cropOrientation')).toBe('portrait')
+  })
+
+  it('uploadImage falls back to "Upload failed" when the server returns no error message', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: false,
+      json: () => Promise.reject(new Error('not json')),
+    }))
+    const store = useImagesStore()
+    await expect(store.uploadImage(new File(['x'], 'x.jpg'))).rejects.toThrow('Upload failed')
+  })
+
+  it('reprocessImage replaces the matching image with the server response', async () => {
+    const updated = makeImage({ id: 9, approvedDeviceIds: [1] })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(updated),
+    }))
+    const store = useImagesStore()
+    store.images = [makeImage({ id: 9 })]
+    const result = await store.reprocessImage(9, new File(['x'], 'x.jpg'), {
+      cropParams: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      stickerState: [],
+      cropOrientation: 'landscape',
+    })
+    expect(result).toEqual(updated)
+    expect(store.images[0].approvedDeviceIds).toEqual([1])
+  })
+
+  it('reprocessImage no-ops the list when the image id is not present', async () => {
+    const updated = makeImage({ id: 99 })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(updated),
+    }))
+    const store = useImagesStore()
+    store.images = [makeImage({ id: 1 })]
+    await store.reprocessImage(99, new File(['x'], 'x.jpg'))
+    expect(store.images.find(i => i.id === 99)).toBeUndefined()
+  })
+
+  it('reprocessImage throws Reprocess failed when the server omits an error message', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: false,
+      json: () => Promise.reject(new Error('not json')),
+    }))
+    const store = useImagesStore()
+    await expect(store.reprocessImage(1, new File(['x'], 'x.jpg'))).rejects.toThrow('Reprocess failed')
+  })
+
+  it('reprocessImage surfaces server-provided error messages', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: false,
+      json: () => Promise.resolve({ error: 'too big' }),
+    }))
+    const store = useImagesStore()
+    await expect(store.reprocessImage(1, new File(['x'], 'x.jpg'))).rejects.toThrow('too big')
+  })
+
+  it('setApproval uses DELETE when approved=false', async () => {
+    const updated = makeImage({ id: 1, approvedDeviceIds: [] })
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(updated),
+    })
+    vi.stubGlobal('fetch', fetchMock)
+    const store = useImagesStore()
+    store.images = [makeImage({ id: 1, approvedDeviceIds: [42] })]
+    await store.setApproval(1, 42, false)
+    expect(fetchMock.mock.calls[0][1].method).toBe('DELETE')
+    expect(store.images[0].approvedDeviceIds).toEqual([])
+  })
+
+  it('setApproval throws on failure', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    await expect(store.setApproval(1, 1, true)).rejects.toThrow('Failed to update approval')
+  })
+
+  it('setApproval does nothing to the list when the image id is not present', async () => {
+    const updated = makeImage({ id: 100, approvedDeviceIds: [42] })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve(updated),
+    }))
+    const store = useImagesStore()
+    store.images = [makeImage({ id: 1 })]
+    await store.setApproval(100, 42, true)
+    expect(store.images.find(i => i.id === 100)).toBeUndefined()
+  })
+
+  it('fetchSharedImages includes status in the query when provided', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ items: [], total: 0, page: 1, limit: 20, totalPages: 1 }),
+    })
+    vi.stubGlobal('fetch', fetchMock)
+    const store = useImagesStore()
+    await store.fetchSharedImages('approved', 2, 10)
+    const url = String(fetchMock.mock.calls[0][0])
+    expect(url).toContain('status=approved')
+    expect(url).toContain('page=2')
+    expect(url).toContain('limit=10')
+  })
+
+  it('fetchSharedImages omits status when not provided', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ items: [], total: 0, page: 1, limit: 20, totalPages: 1 }),
+    })
+    vi.stubGlobal('fetch', fetchMock)
+    const store = useImagesStore()
+    await store.fetchSharedImages()
+    expect(String(fetchMock.mock.calls[0][0])).not.toContain('status=')
+  })
+
+  it('fetchSharedImages throws on non-ok response', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    await expect(store.fetchSharedImages()).rejects.toThrow('Failed to load shared images')
+  })
+
+  it('fetchPendingCount silently no-ops on a non-ok response', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    store.pendingCount = 5
+    await store.fetchPendingCount()
+    expect(store.pendingCount).toBe(5)
+  })
+
+  it('approveShared does not go negative when pendingCount is already zero', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ id: 1, status: 'approved' }),
+    }))
+    const store = useImagesStore()
+    store.pendingCount = 0
+    await store.approveShared(1, [42])
+    expect(store.pendingCount).toBe(0)
+  })
+
+  it('approveShared throws on failure', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    await expect(store.approveShared(1, [42])).rejects.toThrow('Failed to approve')
+  })
+
+  it('declineShared does not go negative when pendingCount is already zero', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: true,
+      json: () => Promise.resolve({ id: 1, status: 'declined' }),
+    }))
+    const store = useImagesStore()
+    store.pendingCount = 0
+    await store.declineShared(1)
+    expect(store.pendingCount).toBe(0)
+  })
+
+  it('declineShared throws on failure', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: false }))
+    const store = useImagesStore()
+    await expect(store.declineShared(1)).rejects.toThrow('Failed to decline')
+  })
+
+  it('shareImage POSTs to the share endpoint with the recipient email', async () => {
+    const fetchMock = vi.fn().mockResolvedValue({ ok: true })
+    vi.stubGlobal('fetch', fetchMock)
+    const store = useImagesStore()
+    await store.shareImage(7, 'a@b.com')
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/images/7/share',
+      expect.objectContaining({
+        method: 'POST',
+        body: JSON.stringify({ recipientEmail: 'a@b.com' }),
+      }),
+    )
+  })
+
+  it('shareImage surfaces server-provided error messages', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: false,
+      json: () => Promise.resolve({ error: 'rate limited' }),
+    }))
+    const store = useImagesStore()
+    await expect(store.shareImage(1, 'a@b')).rejects.toThrow('rate limited')
+  })
+
+  it('shareImage falls back to a generic message when no body is parseable', async () => {
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      ok: false,
+      json: () => Promise.reject(new Error('not json')),
+    }))
+    const store = useImagesStore()
+    await expect(store.shareImage(1, 'a@b')).rejects.toThrow('Failed to share')
+  })
 })
diff --git a/frontend/src/test/stores/upload.test.ts b/frontend/src/test/stores/upload.test.ts
index ff5346b..72b438e 100644
--- a/frontend/src/test/stores/upload.test.ts
+++ b/frontend/src/test/stores/upload.test.ts
@@ -125,6 +125,78 @@ describe('upload store', () => {
     expect(store.stickers[0].id).toBe('b')
   })
 
+  it('initEdit fetches the original blob and seeds edit state from the image', async () => {
+    const store = useUploadStore()
+    const blob = new Blob(['orig'], { type: 'image/jpeg' })
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      blob: () => Promise.resolve(blob),
+    }))
+
+    const image = {
+      id: 42,
+      originalFilename: 'orig.jpg',
+      originalUrl: '/o/42.jpg',
+      thumbnailUrl: '/t/42.jpg',
+      uploadedAt: '2026-01-01T00:00:00Z',
+      approvedDeviceIds: [3, 4],
+      cropParams: { natX: 0, natY: 0, natW: 100, natH: 100 },
+      cropOrientation: 'portrait',
+      stickerState: [makeSticker({ id: 's1' })],
+    } as any
+
+    await store.initEdit(image, 7)
+
+    expect(store.editingImageId).toBe(42)
+    expect(store.cropParams).toEqual(image.cropParams)
+    expect(store.cropOrientation).toBe('portrait')
+    expect(store.stickers).toHaveLength(1)
+    expect(store.stickers[0].id).toBe('s1')
+    expect(store.selectedDeviceIds).toEqual([3, 4])
+    expect(store.contextDeviceId).toBe(7)
+    expect(store.originalUrl).toBe('blob:mock-url')
+  })
+
+  it('initEdit handles images with no cropParams or stickers', async () => {
+    const store = useUploadStore()
+    const blob = new Blob(['orig'])
+    vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
+      blob: () => Promise.resolve(blob),
+    }))
+
+    const image = {
+      id: 1,
+      originalFilename: 'a.jpg',
+      originalUrl: '/o/1.jpg',
+      thumbnailUrl: '/t/1.jpg',
+      uploadedAt: '',
+      approvedDeviceIds: [],
+      cropParams: null,
+      cropOrientation: null,
+      stickerState: null,
+    } as any
+
+    await store.initEdit(image)
+
+    expect(store.cropParams).toBeNull()
+    expect(store.cropOrientation).toBeNull()
+    expect(store.stickers).toEqual([])
+    expect(store.contextDeviceId).toBeNull()
+  })
+
+  it('setCrop revokes a previous croppedUrl before assigning a new one', () => {
+    const store = useUploadStore()
+    const file = new File(['data'], 'photo.jpg')
+    store.init(file)
+    const params = { natX: 0, natY: 0, natW: 1, natH: 1 }
+
+    store.setCrop(new Blob(['a']), params, 'landscape')
+    const url = store.croppedUrl
+    expect(url).toBe('blob:mock-url')
+    // Second call must revoke the previous URL before assigning the new one
+    store.setCrop(new Blob(['b']), params, 'portrait')
+    expect(URL.revokeObjectURL).toHaveBeenCalledWith(url)
+  })
+
   it('cleanup resets all state', () => {
     const store = useUploadStore()
     const file = new File(['data'], 'photo.jpg')
diff --git a/frontend/src/test/views/HomeView.test.ts b/frontend/src/test/views/HomeView.test.ts
index b32dd6a..a6dc0e5 100644
--- a/frontend/src/test/views/HomeView.test.ts
+++ b/frontend/src/test/views/HomeView.test.ts
@@ -1,16 +1,19 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
+import { mount, flushPromises } from '@vue/test-utils'
 import { setActivePinia, createPinia } from 'pinia'
 import { useDevicesStore } from '@/stores/devices'
+import { useUploadStore } from '@/stores/upload'
 import HomeView from '@/views/HomeView.vue'
 import type { Device } from '@/types'
 
+const routerPush = vi.fn()
+
 // Stub heavy child components so tests focus on HomeView logic
 vi.mock('@/components/FrameCard.vue', () => ({
   default: {
     name: 'FrameCard',
     template: '<div class="frame-card-stub" :data-device-id="deviceId" :data-name="name" />',
-    props: ['deviceId', 'name', 'size', 'status', 'orientation'],
+    props: ['deviceId', 'name', 'size', 'status', 'orientation', 'thumbnailUrl'],
     emits: ['add-photo', 'edit'],
   },
 }))
@@ -48,7 +51,7 @@ vi.mock('@/components/OrientationPicker.vue', () => ({
 
 // Stub vue-router so HomeView can call useRouter() without a real router
 vi.mock('vue-router', () => ({
-  useRouter: () => ({ push: vi.fn() }),
+  useRouter: () => ({ push: routerPush }),
 }))
 
 // Stub URL.createObjectURL used by upload store
@@ -161,4 +164,303 @@ describe('HomeView', () => {
     expect(wrapper.find('.home-view__loading').exists()).toBe(true)
     expect(wrapper.text()).toContain('Loading')
   })
+
+  // HV-04: add-photo opens a file picker, primes the upload store, and navigates
+  it('add-photo from a FrameCard primes upload state and routes to /upload', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 7, name: 'Hall' })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    routerPush.mockClear()
+
+    // Spy on createElement so we can intercept the synthetic file input
+    const realCreate = document.createElement.bind(document)
+    let capturedInput: HTMLInputElement | null = null
+    vi.spyOn(document, 'createElement').mockImplementation((tag: string) => {
+      const el = realCreate(tag)
+      if (tag === 'input') {
+        capturedInput = el as HTMLInputElement
+        // Don't actually open a file dialog
+        ;(el as HTMLInputElement).click = vi.fn()
+      }
+      return el
+    })
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const card = wrapper.findComponent({ name: 'FrameCard' })
+    await card.vm.$emit('add-photo', 7)
+
+    expect(capturedInput).not.toBeNull()
+    expect(capturedInput!.type).toBe('file')
+
+    const file = new File(['x'], 'photo.jpg', { type: 'image/jpeg' })
+    Object.defineProperty(capturedInput, 'files', { value: [file], configurable: true })
+    capturedInput!.onchange?.(new Event('change'))
+
+    const upload = useUploadStore()
+    expect(upload.originalFile).toStrictEqual(file)
+    expect(upload.contextDeviceId).toBe(7)
+    expect(routerPush).toHaveBeenCalledWith('/upload')
+  })
+
+  it('add-photo without a chosen file does not navigate', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 7 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    routerPush.mockClear()
+
+    const realCreate = document.createElement.bind(document)
+    let capturedInput: HTMLInputElement | null = null
+    vi.spyOn(document, 'createElement').mockImplementation((tag: string) => {
+      const el = realCreate(tag)
+      if (tag === 'input') {
+        capturedInput = el as HTMLInputElement
+        ;(el as HTMLInputElement).click = vi.fn()
+      }
+      return el
+    })
+
+    const wrapper = mountView()
+    await flushPromises()
+    const card = wrapper.findComponent({ name: 'FrameCard' })
+    await card.vm.$emit('add-photo', 7)
+
+    Object.defineProperty(capturedInput, 'files', { value: [], configurable: true })
+    capturedInput!.onchange?.(new Event('change'))
+
+    expect(routerPush).not.toHaveBeenCalled()
+  })
+
+  // HV-05: edit opens the settings sheet pre-filled from the device record
+  it('edit emits open the settings sheet pre-populated from the device', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 9, name: 'Den', wakeHour: 22, timezone: 'America/Chicago' })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const card = wrapper.findComponent({ name: 'FrameCard' })
+    await card.vm.$emit('edit', 9)
+    await flushPromises()
+
+    const sheet = wrapper.findComponent({ name: 'BaseBottomSheet' })
+    expect(sheet.props('modelValue')).toBe(true)
+    // The name input is the first BaseInput stub
+    const nameInput = wrapper.findComponent({ name: 'BaseInput' })
+    expect(nameInput.props('modelValue')).toBe('Den')
+  })
+
+  it('edit for an unknown device id is a no-op', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 1 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    const card = wrapper.findComponent({ name: 'FrameCard' })
+    await card.vm.$emit('edit', 999)
+    await flushPromises()
+    const sheet = wrapper.findComponent({ name: 'BaseBottomSheet' })
+    expect(sheet.props('modelValue')).toBe(false)
+  })
+
+  // HV-06: saving the sheet calls updateDevice and closes it
+  it('saving the settings sheet PATCHes via the store and closes', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 5, name: 'Old', wakeHour: 4, timezone: 'UTC' })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const updateSpy = vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice({ id: 5 }))
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+
+    // Click save (the only button in the sheet stub for now)
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+
+    expect(updateSpy).toHaveBeenCalledWith(5, expect.objectContaining({
+      orientation: 'landscape',
+      wakeHour: 4,
+      timezone: 'UTC',
+    }))
+    const sheet = wrapper.findComponent({ name: 'BaseBottomSheet' })
+    expect(sheet.props('modelValue')).toBe(false)
+  })
+
+  it('passes status="ok" to the FrameCard when lastSeenAt is recent', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 1, lastSeenAt: new Date().toISOString() })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'FrameCard' }).props('status')).toBe('ok')
+  })
+
+  it('passes status="offline" when lastSeenAt is older than the rotation window', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({
+      id: 1,
+      rotationIntervalMinutes: 60,
+      lastSeenAt: new Date(Date.now() - 1000 * 60 * 60 * 24).toISOString(),
+    })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'FrameCard' }).props('status')).toBe('offline')
+  })
+
+  it('builds a thumbnail URL when the device has a current image', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 1, currentImageId: 42 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'FrameCard' }).props('thumbnailUrl')).toBe('/api/devices/1/preview?v=42')
+  })
+
+  it('prefers lockedImageId over currentImageId for the thumbnail', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 1, lockedImageId: 99, currentImageId: 42 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'FrameCard' }).props('thumbnailUrl')).toBe('/api/devices/1/preview?v=99')
+  })
+
+  it('updates editWakeHour when the user picks a different hour chip', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 5, wakeHour: 4 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice({ id: 5 }))
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+
+    const chips = wrapper.findAll('.home-view__interval-chip')
+    const chip8pm = chips.find(c => c.text() === '8 PM')!
+    await chip8pm.trigger('click')
+    expect(chip8pm.classes()).toContain('home-view__interval-chip--on')
+
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+    expect(devicesStore.updateDevice).toHaveBeenCalledWith(5, expect.objectContaining({ wakeHour: 20 }))
+  })
+
+  it('saving while no device is being edited is a no-op (defensive guard)', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 1 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const updateSpy = vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice())
+
+    const wrapper = mountView()
+    await flushPromises()
+    // The BaseBottomSheet stub always renders its slot, so the Save button is in
+    // the DOM even before onEdit is called. Clicking it now exercises the
+    // editingDevice null-guard.
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+    expect(updateSpy).not.toHaveBeenCalled()
+  })
+
+  it('updates editName/orientation/timezone when their components emit changes', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 5, name: 'Original', wakeHour: 4, timezone: 'UTC' })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const updateSpy = vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice({ id: 5 }))
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+
+    await wrapper.findComponent({ name: 'BaseInput' }).vm.$emit('update:modelValue', 'New Name')
+    await wrapper.findComponent({ name: 'OrientationPicker' }).vm.$emit('update:modelValue', 'portrait')
+    const select = wrapper.find('select.home-view__tz-select')
+    ;(select.element as HTMLSelectElement).value = 'America/New_York'
+    await select.trigger('change')
+
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+    expect(updateSpy).toHaveBeenCalledWith(5, expect.objectContaining({
+      name: 'New Name',
+      orientation: 'portrait',
+      timezone: 'America/New_York',
+    }))
+  })
+
+  it('edit defaults wakeHour to 4 and timezone to UTC when the device has neither', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({
+      id: 5,
+      name: 'Den',
+      wakeHour: null,
+      timezone: null as any,
+    })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const updateSpy = vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice({ id: 5 }))
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+    expect(updateSpy).toHaveBeenCalledWith(5, expect.objectContaining({
+      wakeHour: 4,
+      timezone: 'UTC',
+    }))
+  })
+
+  it('the settings sheet closes when the underlying bottom-sheet emits close', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 5 })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+    const sheet = wrapper.findComponent({ name: 'BaseBottomSheet' })
+    expect(sheet.props('modelValue')).toBe(true)
+    await sheet.vm.$emit('update:modelValue', false)
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findComponent({ name: 'BaseBottomSheet' }).props('modelValue')).toBe(false)
+  })
+
+  it('saving falls back to the original name when the user clears the field', async () => {
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 5, name: 'Original' })]
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+    const updateSpy = vi.spyOn(devicesStore, 'updateDevice').mockResolvedValue(makeDevice({ id: 5 }))
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findComponent({ name: 'FrameCard' }).vm.$emit('edit', 5)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'BaseInput' }).vm.$emit('update:modelValue', '   ')
+
+    const saveBtn = wrapper.findAllComponents({ name: 'BaseButton' })
+      .find(b => b.text().toLowerCase().includes('sav'))!
+    await saveBtn.trigger('click')
+    await flushPromises()
+
+    expect(updateSpy).toHaveBeenCalledWith(5, expect.objectContaining({ name: 'Original' }))
+  })
 })
diff --git a/frontend/src/test/views/LibraryView.test.ts b/frontend/src/test/views/LibraryView.test.ts
index 7152fd9..cd2f850 100644
--- a/frontend/src/test/views/LibraryView.test.ts
+++ b/frontend/src/test/views/LibraryView.test.ts
@@ -1,11 +1,14 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
+import { mount, flushPromises } from '@vue/test-utils'
+import { reactive } from 'vue'
 import { setActivePinia, createPinia } from 'pinia'
 import { useImagesStore } from '@/stores/images'
 import { useDevicesStore } from '@/stores/devices'
 import LibraryView from '@/views/LibraryView.vue'
 import type { Image, Device } from '@/types'
 
+const routerPush = vi.fn()
+
 // Stub complex child components
 vi.mock('@/components/BaseBottomSheet.vue', () => ({
   default: {
@@ -40,20 +43,21 @@ vi.mock('@/components/ShareSheet.vue', () => ({
   },
 }))
 
-// Stub vue-router
+// Stub vue-router with a reactive route so watchers fire when query changes
+const mockRoute = reactive<{ query: Record<string, string | undefined> }>({ query: {} })
 vi.mock('vue-router', () => ({
-  useRouter: () => ({ push: vi.fn() }),
-  useRoute: () => ({ query: {} }),
+  useRouter: () => ({ push: routerPush }),
+  useRoute: () => mockRoute,
 }))
 
-// Stub toast store
+// Stable mocks for toast + upload so individual tests can spy on them
+const toastShow = vi.fn()
 vi.mock('@/stores/toast', () => ({
-  useToastStore: () => ({ show: vi.fn() }),
+  useToastStore: () => ({ show: toastShow }),
 }))
-
-// Stub upload store
+const uploadInitEdit = vi.fn()
 vi.mock('@/stores/upload', () => ({
-  useUploadStore: () => ({ initEdit: vi.fn() }),
+  useUploadStore: () => ({ initEdit: uploadInitEdit }),
 }))
 
 const makeImage = (overrides: Partial<Image> = {}): Image => ({
@@ -93,6 +97,10 @@ describe('LibraryView', () => {
     vi.restoreAllMocks()
     pinia = createPinia()
     setActivePinia(pinia)
+    mockRoute.query = {}
+    toastShow.mockClear()
+    uploadInitEdit.mockClear()
+    routerPush.mockClear()
 
     // Default fetch stub — returns empty lists so onMounted doesn't error
     vi.stubGlobal('fetch', vi.fn().mockResolvedValue({
@@ -236,6 +244,66 @@ describe('LibraryView', () => {
     expect(wrapper.text()).toContain('No photos yet')
   })
 
+  // LV-08: Deep-link via ?tab=shared — Shared sub-tab is initially active
+  it('starts on Shared tab when route enters with ?tab=shared', async () => {
+    mockRoute.query = { tab: 'shared' }
+    const sharedPage = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(sharedPage)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const tabs = wrapper.findAll('[role="tab"]')
+    const sharedTab = tabs.find(t => t.text() === 'Shared')
+    expect(sharedTab?.attributes('aria-selected')).toBe('true')
+    expect(wrapper.find('.library__subtabs').exists()).toBe(true)
+  })
+
+  // LV-09: Watcher — switching the route query swaps the active tab and loads shared
+  it('switches active tab when route.query.tab changes', async () => {
+    const sharedPage = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    imagesStore.images = []
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(sharedPage)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const initialAll = wrapper.findAll('[role="tab"]').find(t => t.text() === 'All')
+    expect(initialAll?.attributes('aria-selected')).toBe('true')
+    expect(fetchSharedSpy).not.toHaveBeenCalled()
+
+    mockRoute.query = { tab: 'shared' }
+    await flushPromises()
+
+    const sharedTab = wrapper.findAll('[role="tab"]').find(t => t.text() === 'Shared')
+    expect(sharedTab?.attributes('aria-selected')).toBe('true')
+    expect(fetchSharedSpy).toHaveBeenCalled()
+  })
+
+  // LV-10: Unknown tab values fall back to 'all'
+  it('falls back to All when route.query.tab is an unknown value', async () => {
+    mockRoute.query = { tab: 'bogus' }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const allTab = wrapper.findAll('[role="tab"]').find(t => t.text() === 'All')
+    expect(allTab?.attributes('aria-selected')).toBe('true')
+  })
+
   // LV-07b: Empty state on shared sub-tab (pending)
   it('shows shared empty state when no shared items exist', async () => {
     const sharedPage = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
@@ -259,4 +327,625 @@ describe('LibraryView', () => {
 
     expect(wrapper.find('.library__shared-empty').exists()).toBe(true)
   })
+
+  // LV-11: Edit (loadShared cropped image) routes to /upload after initEdit
+  it('clicking edit calls upload.initEdit and navigates to /upload', async () => {
+    uploadInitEdit.mockResolvedValue(undefined)
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 7 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const editBtn = wrapper.findAll('.library__action-btn')
+      .find(b => b.attributes('aria-label')?.startsWith('Edit'))!
+    await editBtn.trigger('click')
+    await flushPromises()
+
+    expect(uploadInitEdit).toHaveBeenCalled()
+    expect(routerPush).toHaveBeenCalledWith('/upload')
+  })
+
+  it('shows a toast when edit fails to load', async () => {
+    uploadInitEdit.mockRejectedValue(new Error('boom'))
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 7 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findAll('.library__action-btn')
+      .find(b => b.attributes('aria-label')?.startsWith('Edit'))!.trigger('click')
+    await flushPromises()
+
+    expect(toastShow).toHaveBeenCalledWith(expect.stringContaining('Could not load'), 'error')
+  })
+
+  it('ignores a second edit click while another edit is already in flight', async () => {
+    let resolveEdit: () => void = () => {}
+    uploadInitEdit.mockImplementation(() => new Promise<void>(r => { resolveEdit = r }))
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 1 }), makeImage({ id: 2 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    const editButtons = wrapper.findAll('.library__action-btn')
+      .filter(b => b.attributes('aria-label')?.startsWith('Edit'))
+    expect(editButtons).toHaveLength(2)
+    await editButtons[0].trigger('click')
+    // Second click on a *different* photo's edit button — startEdit should
+    // see editingId is set and early-return without invoking initEdit again.
+    await editButtons[1].trigger('click')
+    expect(uploadInitEdit).toHaveBeenCalledTimes(1)
+    resolveEdit()
+    await flushPromises()
+  })
+
+  // LV-12: Delete confirmation flow (success + failure)
+  it('confirming delete calls deleteImage and shows success toast', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 9 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const deleteSpy = vi.spyOn(imagesStore, 'deleteImage').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    const deleteBtn = wrapper.findAll('.library__action-btn')
+      .find(b => b.attributes('aria-label') === 'Delete photo')!
+    await deleteBtn.trigger('click')
+    await flushPromises()
+
+    // Sheet now open with a Delete button
+    const sheetDelete = wrapper.findAll('button').find(b => b.text() === 'Delete')!
+    await sheetDelete.trigger('click')
+    await flushPromises()
+
+    expect(deleteSpy).toHaveBeenCalledWith(9)
+    expect(toastShow).toHaveBeenCalledWith('Photo deleted', 'success')
+  })
+
+  it('shows an error toast when delete fails', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 9 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'deleteImage').mockRejectedValue(new Error('nope'))
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findAll('.library__action-btn')
+      .find(b => b.attributes('aria-label') === 'Delete photo')!.trigger('click')
+    await wrapper.findAll('button').find(b => b.text() === 'Delete')!.trigger('click')
+    await flushPromises()
+
+    expect(toastShow).toHaveBeenCalledWith('Delete failed', 'error')
+  })
+
+  // LV-13: Approval toggle success + failure
+  it('clicking an approval chip toggles approval via the store', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, name: 'Hall' })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [] })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const setApproval = vi.spyOn(imagesStore, 'setApproval').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+
+    const chip = wrapper.find('.library__approval-chip')
+    await chip.trigger('click')
+    await flushPromises()
+    expect(setApproval).toHaveBeenCalledWith(1, 4, true)
+  })
+
+  it('toasts when approval toggle fails', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4 })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [] })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'setApproval').mockRejectedValue(new Error('nope'))
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.find('.library__approval-chip').trigger('click')
+    await flushPromises()
+    expect(toastShow).toHaveBeenCalledWith('Failed to update frame approval', 'error')
+  })
+
+  // LV-14: Lock toggle — lock + unlock + failure
+  it('clicking a lock chip locks the image to the device', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, name: 'Hall', lockedImageId: null })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [4] })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const lockSpy = vi.spyOn(devicesStore, 'lockImage').mockResolvedValue(makeDevice({ id: 4, lockedImageId: 1 }))
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.find('.library__lock-chip').trigger('click')
+    await flushPromises()
+    expect(lockSpy).toHaveBeenCalledWith(4, 1)
+  })
+
+  it('clicking a lock chip on an already-locked photo unlocks it', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, lockedImageId: 1 })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [4] })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const unlockSpy = vi.spyOn(devicesStore, 'unlockImage').mockResolvedValue(makeDevice({ id: 4, lockedImageId: null }))
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.find('.library__lock-chip').trigger('click')
+    await flushPromises()
+    expect(unlockSpy).toHaveBeenCalledWith(4)
+  })
+
+  it('toasts when lock toggle fails', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4 })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [4] })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'lockImage').mockRejectedValue(new Error('nope'))
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.find('.library__lock-chip').trigger('click')
+    await flushPromises()
+    expect(toastShow).toHaveBeenCalledWith('Failed to update lock', 'error')
+  })
+
+  // LV-15: Mismatch warning shown when photo orientation differs from device
+  it('shows the mismatch warning when an approved device orientation differs', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, orientation: 'portrait' })]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4],
+      cropOrientation: 'landscape',
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(true)
+  })
+
+  it('infers landscape from cropParams when natW >= natH', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, orientation: 'portrait' })]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4],
+      cropOrientation: null,
+      cropParams: { natX: 0, natY: 0, natW: 200, natH: 100 } as any,
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    // photo inferred landscape, device portrait → mismatch warn
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(true)
+  })
+
+  it('infers crop orientation from cropParams when cropOrientation is missing', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, orientation: 'landscape' })]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4],
+      cropOrientation: null,
+      cropParams: { natX: 0, natY: 0, natW: 100, natH: 200 } as any,
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(true)
+  })
+
+  // LV-16: Pagination buttons in the shared tab
+  it('shared pagination next button requests the following page', async () => {
+    const page1: any = { items: [{ id: 1, sharedBy: 'a@b', sharedAt: '2026-01-01T00:00:00Z', status: 'pending', thumbnailUrl: '/t/1.jpg' }], total: 30, page: 1, limit: 1, totalPages: 30 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(page1)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+
+    const next = wrapper.findAll('.library__page-btn').find(b => b.text().includes('Next'))!
+    await next.trigger('click')
+    expect(fetchSharedSpy).toHaveBeenLastCalledWith('pending', 2)
+  })
+
+  it('shared pagination prev button requests the previous page when not on page 1', async () => {
+    const page2: any = { items: [{ id: 1, sharedBy: 'a@b', sharedAt: '2026-01-01T00:00:00Z', status: 'pending', thumbnailUrl: '/t/1.jpg' }], total: 30, page: 2, limit: 1, totalPages: 30 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(page2)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+
+    const prev = wrapper.findAll('.library__page-btn').find(b => b.text().includes('Prev'))!
+    expect(prev.attributes('disabled')).toBeUndefined()
+    await prev.trigger('click')
+    expect(fetchSharedSpy).toHaveBeenLastCalledWith('pending', 1)
+  })
+
+  // LV-17: Switching between Pending/Approved/Declined sub-tabs reloads with new status
+  it('switching shared sub-tabs reloads with the new status', async () => {
+    const empty = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(empty)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+
+    const approved = wrapper.findAll('.library__subtab').find(b => b.text() === 'Approved')!
+    await approved.trigger('click')
+    expect(fetchSharedSpy).toHaveBeenLastCalledWith('approved', 1)
+
+    const declined = wrapper.findAll('.library__subtab').find(b => b.text() === 'Declined')!
+    await declined.trigger('click')
+    expect(fetchSharedSpy).toHaveBeenLastCalledWith('declined', 1)
+  })
+
+  // LV-18: onSharedUpdated patches the matching item in the rendered list
+  it('updated event from ApproveCard replaces the matching shared item', async () => {
+    const original: any = { id: 5, sharedBy: 'a@b', sharedAt: '2026-01-01T00:00:00Z', status: 'pending', thumbnailUrl: '/t/5.jpg' }
+    const updated: any  = { ...original, status: 'approved' }
+
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue({ items: [original], total: 1, page: 1, limit: 20, totalPages: 1 })
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+
+    const approveCard = wrapper.findComponent({ name: 'ApproveCard' })
+    expect(approveCard.props('item')).toEqual(original)
+    await approveCard.vm.$emit('updated', updated)
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'ApproveCard' }).props('item')).toEqual(updated)
+  })
+
+  // LV-19: empty-state copy reflects the active sub-tab
+  it('renders the approved empty-state copy when on the approved sub-tab', async () => {
+    const empty = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(empty)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+    const approved = wrapper.findAll('.library__subtab').find(b => b.text() === 'Approved')!
+    await approved.trigger('click')
+    await flushPromises()
+
+    expect(wrapper.find('.library__shared-empty').text()).toContain('No approved photos')
+    expect(wrapper.find('.library__shared-empty').text()).toContain('added to a frame')
+  })
+
+  it('renders the declined empty-state copy when on the declined sub-tab', async () => {
+    const empty = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(empty)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+    const declined = wrapper.findAll('.library__subtab').find(b => b.text() === 'Declined')!
+    await declined.trigger('click')
+    await flushPromises()
+
+    expect(wrapper.find('.library__shared-empty').text()).toContain('No declined photos')
+  })
+
+  // LV-29: main loading state
+  it('shows the main loading row when imagesStore.loading is true', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.loading = true
+    vi.spyOn(imagesStore, 'fetchImages').mockReturnValue(new Promise(() => {}))
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__loading').exists()).toBe(true)
+    expect(wrapper.text()).toContain('Loading')
+  })
+
+  // LV-30: route.query.tab transitions FROM shared back to all — watcher's tab !== 'shared' branch
+  it('switching the route query off "shared" updates active tab without reloading shared', async () => {
+    const empty = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(empty)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+    expect(fetchSharedSpy).toHaveBeenCalledTimes(1)
+
+    mockRoute.query = { tab: 'mine' }
+    await flushPromises()
+    // Query change: was 'shared', now 'mine' — watcher runs, activeTab is updated but no extra reload of shared
+    expect(fetchSharedSpy).toHaveBeenCalledTimes(1)
+    const mineTab = wrapper.findAll('[role="tab"]').find(t => t.text() === 'Mine')!
+    expect(mineTab.attributes('aria-selected')).toBe('true')
+  })
+
+  // LV-25b: query.tab change that resolves to the same active tab is a no-op
+  it('does not reload shared when route.query.tab changes but resolves to the same tab', async () => {
+    const empty = { items: [], total: 0, page: 1, limit: 20, totalPages: 1 }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const fetchSharedSpy = vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue(empty)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(fetchSharedSpy).not.toHaveBeenCalled() // active tab is 'all'
+    // bogus and missing both resolve to 'all' — no reload, watcher returns early
+    mockRoute.query = { tab: 'bogus' }
+    await flushPromises()
+    expect(fetchSharedSpy).not.toHaveBeenCalled()
+    expect(wrapper.findAll('[role="tab"]').find(t => t.text() === 'All')!.attributes('aria-selected')).toBe('true')
+  })
+
+  // LV-26: ApproveCard updates with an unknown id are ignored
+  it('updated event with an unknown id leaves the shared list untouched', async () => {
+    const item: any = { id: 5, sharedBy: 'a@b', sharedAt: '2026-01-01T00:00:00Z', status: 'pending', thumbnailUrl: '/t/5.jpg' }
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockResolvedValue({ items: [item], total: 1, page: 1, limit: 20, totalPages: 1 })
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+
+    const approveCard = wrapper.findComponent({ name: 'ApproveCard' })
+    await approveCard.vm.$emit('updated', { ...item, id: 999, status: 'approved' })
+    await flushPromises()
+    expect(wrapper.findAllComponents({ name: 'ApproveCard' })).toHaveLength(1)
+    expect(wrapper.findComponent({ name: 'ApproveCard' }).props('item').id).toBe(5)
+  })
+
+  // LV-27: photoCropOrientation falls through to null when cropParams has zero dims
+  it('does not render warn when cropOrientation is null and cropParams has zero dims', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, orientation: 'landscape' })]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4],
+      cropOrientation: null,
+      cropParams: { natX: 0, natY: 0, natW: 0, natH: 0 } as any,
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(false)
+  })
+
+  // LV-25c: defensive guard — clicking the sheet Delete button before confirmDelete is a no-op
+  it('clicking sheet Delete with no pending id is a no-op (defensive guard)', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 9 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    const deleteSpy = vi.spyOn(imagesStore, 'deleteImage').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    // The BaseBottomSheet stub always renders its slot, so the sheet Delete
+    // button is in the DOM. Click it without first triggering confirmDelete
+    // — exercises the !deletingId.value guard in doDelete.
+    const sheetDelete = wrapper.findAll('button').find(b => b.text() === 'Delete')!
+    await sheetDelete.trigger('click')
+    await flushPromises()
+    expect(deleteSpy).not.toHaveBeenCalled()
+  })
+
+  // LV-25: closing the delete sheet via the underlying bottom-sheet
+  it('closes the delete sheet when the bottom-sheet emits update:modelValue=false', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 9 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.findAll('.library__action-btn')
+      .find(b => b.attributes('aria-label') === 'Delete photo')!.trigger('click')
+    await flushPromises()
+    const sheet = wrapper.findComponent({ name: 'BaseBottomSheet' })
+    expect(sheet.props('modelValue')).toBe(true)
+    await sheet.vm.$emit('update:modelValue', false)
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findComponent({ name: 'BaseBottomSheet' }).props('modelValue')).toBe(false)
+  })
+
+  // LV-21: clicking the orientation-mismatch warning starts an edit for that device
+  it('clicking the warn button calls initEdit with the mismatched device id', async () => {
+    uploadInitEdit.mockResolvedValue(undefined)
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4, name: 'Hall', orientation: 'portrait' })]
+    imagesStore.images = [makeImage({ id: 1, approvedDeviceIds: [4], cropOrientation: 'landscape' })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    const warn = wrapper.find('.library__action-btn--warn')
+    await warn.trigger('click')
+    await flushPromises()
+    expect(uploadInitEdit).toHaveBeenCalledWith(expect.objectContaining({ id: 1 }), 4)
+    expect(routerPush).toHaveBeenCalledWith('/upload')
+  })
+
+  // LV-22: ShareSheet emits close — v-model setter runs
+  it('closes the share sheet when ShareSheet emits update:modelValue=false', async () => {
+    const imagesStore = useImagesStore()
+    imagesStore.images = [makeImage({ id: 5 })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    const shareBtn = wrapper.findAll('.library__action-btn').find(b => b.attributes('aria-label')?.includes('Share'))!
+    await shareBtn.trigger('click')
+    await flushPromises()
+    const sheet = wrapper.findComponent({ name: 'ShareSheet' })
+    expect(sheet.exists()).toBe(true)
+    await sheet.vm.$emit('update:modelValue', false)
+    await flushPromises()
+    // shareSheetOpen flips back to false; image id remains, so the component is still mounted
+    expect(wrapper.findComponent({ name: 'ShareSheet' }).props('modelValue')).toBe(false)
+  })
+
+  // LV-23: photo whose approved devices all have matching orientation — no warn
+  it('does not render the warn button when all approved devices match the photo orientation', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [
+      makeDevice({ id: 4, orientation: 'landscape' }),
+      makeDevice({ id: 5, orientation: 'landscape' }),
+    ]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4, 5],
+      cropOrientation: 'landscape',
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(false)
+  })
+
+  // LV-24: image with no crop info → mismatchedDevice returns null up front
+  it('does not render the warn button when the image has no crop info', async () => {
+    const imagesStore = useImagesStore()
+    const devicesStore = useDevicesStore()
+    devicesStore.devices = [makeDevice({ id: 4 })]
+    imagesStore.images = [makeImage({
+      id: 1,
+      approvedDeviceIds: [4],
+      cropOrientation: null,
+      cropParams: null,
+    })]
+    imagesStore.loading = false
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(devicesStore, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__action-btn--warn').exists()).toBe(false)
+  })
+
+  // LV-20: shared-loading state
+  it('shows a loading row while shared items are being fetched', async () => {
+    const imagesStore = useImagesStore()
+    vi.spyOn(imagesStore, 'fetchImages').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchPendingCount').mockResolvedValue()
+    vi.spyOn(imagesStore, 'fetchSharedImages').mockReturnValue(new Promise(() => {}))
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    mockRoute.query = { tab: 'shared' }
+    const wrapper = mountView()
+    await flushPromises()
+    expect(wrapper.find('.library__loading').exists()).toBe(true)
+  })
 })
diff --git a/frontend/src/test/views/SettingsView.test.ts b/frontend/src/test/views/SettingsView.test.ts
new file mode 100644
index 0000000..1b3b2a8
--- /dev/null
+++ b/frontend/src/test/views/SettingsView.test.ts
@@ -0,0 +1,65 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import SettingsView from '@/views/SettingsView.vue'
+import { useAuthStore } from '@/stores/auth'
+import { THEMES } from '@/composables/useTheme'
+
+describe('SettingsView', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+  })
+
+  it('renders one swatch per theme and the user email', () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'matt@example.com', roles: [], theme: 'warm-craft', timezone: 'UTC' })
+    const wrapper = mount(SettingsView)
+    expect(wrapper.findAll('.theme-swatch')).toHaveLength(THEMES.length)
+    expect(wrapper.text()).toContain('matt@example.com')
+  })
+
+  it('marks the user current theme as the active swatch', () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'm@e', roles: [], theme: 'ocean-dusk', timezone: 'UTC' })
+    const wrapper = mount(SettingsView)
+    const active = wrapper.find('.theme-swatch--active')
+    expect(active.attributes('aria-label')).toBe('Ocean Dusk')
+    expect(active.attributes('aria-checked')).toBe('true')
+  })
+
+  it('falls back to warm-craft as active when user has no theme set', () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'm@e', roles: [], theme: null, timezone: 'UTC' })
+    const wrapper = mount(SettingsView)
+    expect(wrapper.find('.theme-swatch--active').attributes('aria-label')).toBe('Warm Craft')
+  })
+
+  it('clicking a swatch saves the theme via PATCH /api/user/theme', async () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'm@e', roles: [], theme: 'warm-craft', timezone: 'UTC' })
+    const fetchMock = vi.fn().mockResolvedValue({ ok: true })
+    vi.stubGlobal('fetch', fetchMock)
+
+    const wrapper = mount(SettingsView)
+    const swatch = wrapper.findAll('.theme-swatch').find(s => s.attributes('aria-label') === 'Sage & Cream')!
+    await swatch.trigger('click')
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/user/theme',
+      expect.objectContaining({
+        method: 'PATCH',
+        body: JSON.stringify({ theme: 'sage-cream' }),
+      }),
+    )
+    vi.unstubAllGlobals()
+  })
+
+  it('renders a Sign out link to /logout', () => {
+    const auth = useAuthStore()
+    auth.setUser({ id: 1, email: 'm@e', roles: [], theme: 'warm-craft', timezone: 'UTC' })
+    const wrapper = mount(SettingsView)
+    const logout = wrapper.find('a.settings__logout')
+    expect(logout.text()).toBe('Sign out')
+    expect(logout.attributes('href')).toBe('/logout')
+  })
+})
diff --git a/frontend/src/test/views/UploadView.test.ts b/frontend/src/test/views/UploadView.test.ts
new file mode 100644
index 0000000..fc7b123
--- /dev/null
+++ b/frontend/src/test/views/UploadView.test.ts
@@ -0,0 +1,512 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { setActivePinia, createPinia } from 'pinia'
+import UploadView from '@/views/UploadView.vue'
+import { useUploadStore } from '@/stores/upload'
+import { useDevicesStore } from '@/stores/devices'
+import { useImagesStore } from '@/stores/images'
+import type { Device } from '@/types'
+
+const routerReplace = vi.fn()
+
+vi.mock('@/components/CropEditor.vue', () => ({
+  default: {
+    name: 'CropEditor',
+    template: '<div class="crop-editor-stub" />',
+    props: ['src', 'orientation', 'deviceName', 'initialParams', 'initialOrientation'],
+    emits: ['crop'],
+  },
+}))
+vi.mock('@/components/StickerCanvas.vue', () => ({
+  default: {
+    name: 'StickerCanvas',
+    template: '<div class="sticker-canvas-stub" />',
+    props: ['croppedUrl', 'orientation', 'stickers'],
+    emits: ['add-sticker', 'update-sticker', 'remove-sticker', 'done'],
+  },
+}))
+vi.mock('@/components/DevicePicker.vue', () => ({
+  default: {
+    name: 'DevicePicker',
+    template: '<div class="device-picker-stub" />',
+    props: ['modelValue', 'devices', 'selected', 'uploading'],
+    emits: ['update:modelValue', 'update:selected', 'confirm'],
+  },
+}))
+vi.mock('@/components/BaseButton.vue', () => ({
+  default: {
+    name: 'BaseButton',
+    template: '<button @click="$emit(\'click\')"><slot /></button>',
+    props: ['variant', 'disabled'],
+    emits: ['click'],
+  },
+}))
+vi.mock('vue-router', () => ({
+  useRouter: () => ({ replace: routerReplace, push: vi.fn() }),
+}))
+
+const toastShow = vi.fn()
+vi.mock('@/stores/toast', () => ({
+  useToastStore: () => ({ show: toastShow }),
+}))
+
+const makeDevice = (overrides: Partial<Device> = {}): Device => ({
+  id: 1,
+  mac: 'AA',
+  name: 'Living Room',
+  orientation: 'landscape',
+  rotationIntervalMinutes: 60,
+  wakeHour: null,
+  timezone: 'UTC',
+  uniquenessWindow: 30,
+  linkedAt: '2026-01-01T00:00:00Z',
+  lastSeenAt: null,
+  lockedImageId: null,
+  currentImageId: null,
+  ...overrides,
+})
+
+function primeUploadStore(file?: File) {
+  const upload = useUploadStore()
+  upload.originalFile = file ?? new File(['x'], 'orig.jpg', { type: 'image/jpeg' })
+  upload.originalUrl = 'blob:original'
+  return upload
+}
+
+describe('UploadView', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+    routerReplace.mockClear()
+    toastShow.mockClear()
+    vi.unstubAllGlobals()
+    vi.stubGlobal('URL', {
+      createObjectURL: vi.fn(() => 'blob:mock'),
+      revokeObjectURL: vi.fn(),
+    })
+  })
+
+  it('redirects to / when no upload is in progress', async () => {
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    mount(UploadView)
+    await flushPromises()
+    expect(routerReplace).toHaveBeenCalledWith('/')
+  })
+
+  it('starts on the crop step with the original URL passed to CropEditor', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    const crop = wrapper.findComponent({ name: 'CropEditor' })
+    expect(crop.exists()).toBe(true)
+    expect(crop.props('src')).toBe('blob:original')
+    expect(wrapper.text()).toContain('Crop photo')
+  })
+
+  it('uses "Edit crop" as the step label when editing', async () => {
+    const upload = primeUploadStore()
+    upload.editingImageId = 7
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    expect(wrapper.text()).toContain('Edit crop')
+  })
+
+  it('falls back to landscape orientation when no devices are loaded', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'CropEditor' }).props('orientation')).toBe('landscape')
+  })
+
+  it('uses the context device orientation when contextDeviceId matches', async () => {
+    const upload = primeUploadStore()
+    upload.contextDeviceId = 2
+    const devices = useDevicesStore()
+    devices.devices = [makeDevice({ id: 1, orientation: 'landscape' }), makeDevice({ id: 2, orientation: 'portrait' })]
+    vi.spyOn(devices, 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'CropEditor' }).props('orientation')).toBe('portrait')
+    expect(wrapper.findComponent({ name: 'CropEditor' }).props('deviceName')).toBe(devices.devices[1].name)
+  })
+
+  it('uses the first device as the context when no contextDeviceId is set', async () => {
+    primeUploadStore()
+    const devices = useDevicesStore()
+    devices.devices = [makeDevice({ id: 1, orientation: 'portrait' })]
+    vi.spyOn(devices, 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'CropEditor' }).props('orientation')).toBe('portrait')
+  })
+
+  it('crop emit advances to stickers step and stores the crop on the upload store', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+
+    const blob = new Blob(['x'])
+    const params = { natX: 0, natY: 0, natW: 100, natH: 50 }
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', { blob, params, orientation: 'landscape' })
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'StickerCanvas' }).exists()).toBe(true)
+    expect(wrapper.text()).toContain('Add stickers')
+  })
+
+  it('skip on stickers step opens the device picker for new uploads', async () => {
+    const upload = primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    const blob = new Blob(['x'])
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', { blob, params: { natX: 0, natY: 0, natW: 1, natH: 1 }, orientation: 'landscape' })
+    upload.croppedBlob = blob
+    await flushPromises()
+
+    const skip = wrapper.find('.upload-view__skip')
+    await skip.trigger('click')
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(true)
+  })
+
+  it('skip on stickers triggers reprocess directly when editing', async () => {
+    const upload = primeUploadStore()
+    upload.editingImageId = 11
+    const devices = useDevicesStore()
+    vi.spyOn(devices, 'fetchDevices').mockResolvedValue()
+    const images = useImagesStore()
+    const reprocess = vi.spyOn(images, 'reprocessImage').mockResolvedValue({ id: 11 } as any)
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    const blob = new Blob(['x'])
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', { blob, params: { natX: 0, natY: 0, natW: 1, natH: 1 }, orientation: 'landscape' })
+    upload.croppedBlob = blob
+    await flushPromises()
+
+    await wrapper.find('.upload-view__skip').trigger('click')
+    await flushPromises()
+    expect(reprocess).toHaveBeenCalled()
+    expect(wrapper.text()).toContain('Photo updated!')
+  })
+
+  it('skip is a no-op when there is no cropped blob yet', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    // Force into stickers without having a croppedBlob
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', { blob: null as any, params: null as any, orientation: 'landscape' })
+    // Even if we click skip, no DevicePicker should open
+    const skip = wrapper.find('.upload-view__skip')
+    if (skip.exists()) await skip.trigger('click')
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(false)
+  })
+
+  it('stickers done opens the picker for new uploads', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(true)
+  })
+
+  it('stickers done triggers reprocess directly when editing', async () => {
+    const upload = primeUploadStore()
+    upload.editingImageId = 22
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const reprocess = vi.spyOn(useImagesStore(), 'reprocessImage').mockResolvedValue({ id: 22 } as any)
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    expect(reprocess).toHaveBeenCalled()
+    expect(wrapper.text()).toContain('Photo updated!')
+  })
+
+  it('back from crop cleans up and routes to /library', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.find('.upload-view__back').trigger('click')
+    expect(routerReplace).toHaveBeenCalledWith('/library')
+  })
+
+  it('back from stickers returns to the crop step', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    expect(wrapper.text()).toContain('Add stickers')
+    await wrapper.find('.upload-view__back').trigger('click')
+    await flushPromises()
+    expect(wrapper.text()).toContain('Crop photo')
+  })
+
+  it('confirm in the device picker uploads, sets approvals, and shows the done step', async () => {
+    const upload = primeUploadStore()
+    upload.selectedDeviceIds = [1, 2]
+    const images = useImagesStore()
+    const uploadSpy = vi.spyOn(images, 'uploadImage').mockResolvedValue({ id: 100 } as any)
+    const approvalSpy = vi.spyOn(images, 'setApproval').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+
+    expect(uploadSpy).toHaveBeenCalled()
+    expect(approvalSpy).toHaveBeenCalledTimes(2)
+    expect(wrapper.text()).toContain('Photo added!')
+  })
+
+  it('upload errors surface as a toast', async () => {
+    primeUploadStore()
+    vi.spyOn(useImagesStore(), 'uploadImage').mockRejectedValue(new Error('disk full'))
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+    expect(toastShow).toHaveBeenCalledWith('disk full', 'error')
+  })
+
+  it('falls back to a generic message for non-Error rejections', async () => {
+    primeUploadStore()
+    vi.spyOn(useImagesStore(), 'uploadImage').mockRejectedValue('weird')
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+    expect(toastShow).toHaveBeenCalledWith('Upload failed', 'error')
+  })
+
+  it('Done button on the success step routes to /library', async () => {
+    primeUploadStore()
+    vi.spyOn(useImagesStore(), 'uploadImage').mockResolvedValue({ id: 1 } as any)
+    vi.spyOn(useImagesStore(), 'setApproval').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+
+    routerReplace.mockClear()
+    await wrapper.find('.upload-view__done-btn').trigger('click')
+    expect(routerReplace).toHaveBeenCalledWith('/library')
+  })
+
+  it('updates selectedDeviceIds when the picker emits update:selected', async () => {
+    const upload = primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('update:selected', [3, 4])
+    expect(upload.selectedDeviceIds).toEqual([3, 4])
+  })
+
+  it('forwards sticker emits to the upload store', async () => {
+    const upload = primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    const canvas = wrapper.findComponent({ name: 'StickerCanvas' })
+    const sticker = { id: 's1', type: 'emoji', x: 0, y: 0, scale: 1, rotation: 0 } as any
+    await canvas.vm.$emit('add-sticker', sticker)
+    expect(upload.stickers).toHaveLength(1)
+    await canvas.vm.$emit('update-sticker', 's1', { x: 9 })
+    expect(upload.stickers[0].x).toBe(9)
+    await canvas.vm.$emit('remove-sticker', 's1')
+    expect(upload.stickers).toHaveLength(0)
+  })
+
+  it('closes the device picker when it emits update:modelValue=false', async () => {
+    primeUploadStore()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    const picker = wrapper.findComponent({ name: 'DevicePicker' })
+    expect(picker.props('modelValue')).toBe(false)
+    await picker.vm.$emit('update:modelValue', true)
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(true)
+    await picker.vm.$emit('update:modelValue', false)
+    await wrapper.vm.$nextTick()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).props('modelValue')).toBe(false)
+  })
+
+  it('confirm fired before any stickers/crop is a no-op (defensive guard)', async () => {
+    primeUploadStore()
+    const uploadSpy = vi.spyOn(useImagesStore(), 'uploadImage').mockResolvedValue({ id: 1 } as any)
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    // Picker exists but finalBlob is null — confirm should early-return
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+    expect(uploadSpy).not.toHaveBeenCalled()
+  })
+
+  it('reprocess on edit forwards undefined when cropParams/cropOrientation are null', async () => {
+    const upload = primeUploadStore()
+    upload.editingImageId = 33
+    upload.cropParams = null
+    upload.cropOrientation = null
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const reprocess = vi.spyOn(useImagesStore(), 'reprocessImage').mockResolvedValue({ id: 33 } as any)
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    // After crop, upload.cropParams is set by setCrop. Reset to null to exercise null branch.
+    upload.cropParams = null
+    upload.cropOrientation = null
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    expect(reprocess).toHaveBeenCalledWith(33, expect.any(File), expect.objectContaining({
+      cropParams: undefined,
+      cropOrientation: undefined,
+    }))
+  })
+
+  it('uploadImage on a new upload forwards undefined for null optional fields', async () => {
+    const upload = primeUploadStore()
+    upload.originalFile = null
+    upload.cropParams = null
+    upload.cropOrientation = null
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const uploadSpy = vi.spyOn(useImagesStore(), 'uploadImage').mockResolvedValue({ id: 1 } as any)
+
+    // No originalFile → onMounted will redirect; instead set it after the redirect would have run
+    upload.originalFile = new File(['x'], 'x.jpg')
+    upload.originalUrl = 'blob:x'
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    // Reset to null after onCrop sets these via the store's setCrop
+    upload.cropParams = null
+    upload.cropOrientation = null
+    upload.originalFile = null
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+
+    expect(uploadSpy).toHaveBeenCalledWith(expect.any(File), expect.objectContaining({
+      original: undefined,
+      cropParams: undefined,
+      cropOrientation: undefined,
+    }))
+  })
+
+  it('does not render the device picker when in edit mode', async () => {
+    const upload = primeUploadStore()
+    upload.editingImageId = 12
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    expect(wrapper.findComponent({ name: 'DevicePicker' }).exists()).toBe(false)
+  })
+
+  it('hides the back button on the done step', async () => {
+    primeUploadStore()
+    vi.spyOn(useImagesStore(), 'uploadImage').mockResolvedValue({ id: 1 } as any)
+    vi.spyOn(useImagesStore(), 'setApproval').mockResolvedValue()
+    vi.spyOn(useDevicesStore(), 'fetchDevices').mockResolvedValue()
+
+    const wrapper = mount(UploadView)
+    await flushPromises()
+    await wrapper.findComponent({ name: 'CropEditor' }).vm.$emit('crop', {
+      blob: new Blob(['x']),
+      params: { natX: 0, natY: 0, natW: 1, natH: 1 },
+      orientation: 'landscape',
+    })
+    await flushPromises()
+    await wrapper.findComponent({ name: 'StickerCanvas' }).vm.$emit('done', new Blob(['final']))
+    await flushPromises()
+    await wrapper.findComponent({ name: 'DevicePicker' }).vm.$emit('confirm')
+    await flushPromises()
+
+    expect(wrapper.find('.upload-view__back').exists()).toBe(false)
+    expect(wrapper.text()).toContain('Added')
+  })
+})
diff --git a/frontend/src/views/LibraryView.vue b/frontend/src/views/LibraryView.vue
index c361a94..ad63bbf 100644
--- a/frontend/src/views/LibraryView.vue
+++ b/frontend/src/views/LibraryView.vue
@@ -203,7 +203,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useImagesStore } from '@/stores/images'
 import { useDevicesStore } from '@/stores/devices'
@@ -229,7 +229,18 @@ const TABS = [
 ] as const
 type Tab = typeof TABS[number]['id']
 
-const activeTab = ref<Tab>((route.query.tab as Tab) ?? 'all')
+function tabFromQuery(value: unknown): Tab {
+  return TABS.some(t => t.id === value) ? (value as Tab) : 'all'
+}
+
+const activeTab = ref<Tab>(tabFromQuery(route.query.tab))
+
+watch(() => route.query.tab, (next) => {
+  const tab = tabFromQuery(next)
+  if (tab === activeTab.value) return
+  activeTab.value = tab
+  if (tab === 'shared') loadShared(sharedTab.value)
+})
 
 const SHARED_TABS = [
   { id: 'pending',  label: 'Pending'  },
@@ -383,13 +394,13 @@ async function doDelete() {
 
 <style scoped lang="scss">
 .library {
-  padding-bottom: calc(64px + var(--space-4));
+  padding-bottom: calc(var(--bottom-nav-height) + var(--space-4));
 
   &__tabs {
     display: flex;
     border-bottom: 1px solid var(--color-border);
     position: sticky;
-    top: 0;
+    top: env(safe-area-inset-top);
     background: var(--color-bg);
     z-index: 5;
   }
diff --git a/frontend/src/views/SettingsView.vue b/frontend/src/views/SettingsView.vue
index d2cd4ee..c642f41 100644
--- a/frontend/src/views/SettingsView.vue
+++ b/frontend/src/views/SettingsView.vue
@@ -54,7 +54,7 @@ function select(themeId: string) {
 
 <style scoped lang="scss">
 .settings {
-  padding: var(--space-4) var(--space-4) calc(64px + var(--space-6));
+  padding: var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6));
   max-width: 480px;
   margin: 0 auto;
 
diff --git a/frontend/src/views/UploadView.vue b/frontend/src/views/UploadView.vue
index c404aa8..5a7ae7a 100644
--- a/frontend/src/views/UploadView.vue
+++ b/frontend/src/views/UploadView.vue
@@ -230,6 +230,8 @@ function finish() {
   background: var(--color-bg);
   display: flex;
   flex-direction: column;
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
 
   &__header {
     flex-shrink: 0;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index ab18f93..50af803 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -21,11 +21,15 @@ export default defineConfig({
     coverage: {
       provider: 'v8',
       reporter: ['text', 'html'],
+      include: ['src/**/*.{ts,vue}'],
       exclude: [
         'src/components/CropEditor.vue',
         'src/components/StickerCanvas.vue',
         'src/assets/**',
         'src/test/**',
+        'src/types/**',
+        'src/main.ts',
+        'src/router/**',
       ]
     }
   }
diff --git a/public/build/assets/BaseBottomSheet-CzdI27OS.js b/public/build/assets/BaseBottomSheet-CO3Iefke.js
similarity index 96%
rename from public/build/assets/BaseBottomSheet-CzdI27OS.js
rename to public/build/assets/BaseBottomSheet-CO3Iefke.js
index 552d5ad..72b803a 100644
--- a/public/build/assets/BaseBottomSheet-CzdI27OS.js
+++ b/public/build/assets/BaseBottomSheet-CO3Iefke.js
@@ -1 +1 @@
-import{C as e,H as t,M as n,P as r,R as i,_ as a,d as o,f as s,k as c,p as l,r as u,s as d,t as f,u as p,v as m,w as h,z as g}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{c as _,d as v,f as y}from"./index-DCUs53vX.js";var b=u(`devices`,()=>{let e=t([]),n=t(!1),r=t(null);async function i(){n.value=!0,r.value=null;try{let t=await fetch(`/api/devices`);if(!t.ok)throw Error(`Failed to load devices`);e.value=await t.json()}catch(e){r.value=e instanceof Error?e.message:`Unknown error`}finally{n.value=!1}}async function a(t,n){let r=await fetch(`/api/devices/${t}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify(n)});if(!r.ok)throw Error(`Failed to update device`);let i=await r.json(),a=e.value.findIndex(e=>e.id===t);return a!==-1&&(e.value[a]=i),i}async function o(t,n){let r=await fetch(`/api/devices/${t}/lock`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({imageId:n})});if(!r.ok)throw Error(`Failed to lock image`);let i=await r.json(),a=e.value.findIndex(e=>e.id===t);return a!==-1&&(e.value[a]=i),i}async function s(t){let n=await fetch(`/api/devices/${t}/lock`,{method:`DELETE`});if(!n.ok)throw Error(`Failed to unlock`);let r=await n.json(),i=e.value.findIndex(e=>e.id===t);return i!==-1&&(e.value[i]=r),r}return{devices:e,loading:n,error:r,fetchDevices:i,updateDevice:a,lockImage:o,unlockImage:s}}),x=u(`upload`,()=>{let e=t(null),n=t(null),r=t(null),i=t(null),a=t(null),o=t(null),s=t([]),c=t(null),l=t([]),u=t(null);function d(t,r){_(),e.value=t,n.value=URL.createObjectURL(t),c.value=r??null,l.value=r?[r]:[]}async function f(t,r){_();let i=await(await fetch(t.originalUrl)).blob();e.value=new File([i],t.originalFilename,{type:i.type}),n.value=URL.createObjectURL(i),u.value=t.id,a.value=t.cropParams??null,o.value=t.cropOrientation??null,s.value=t.stickerState?[...t.stickerState]:[],l.value=t.approvedDeviceIds,c.value=r??null}function p(e,t,n){i.value&&URL.revokeObjectURL(i.value),r.value=e,i.value=URL.createObjectURL(e),a.value=t,o.value=n}function m(e){s.value=[...s.value,e]}function h(e,t){s.value=s.value.map(n=>n.id===e?{...n,...t}:n)}function g(e){s.value=s.value.filter(t=>t.id!==e)}function _(){n.value&&URL.revokeObjectURL(n.value),i.value&&URL.revokeObjectURL(i.value),e.value=null,n.value=null,r.value=null,i.value=null,a.value=null,o.value=null,s.value=[],c.value=null,l.value=[],u.value=null}return{originalFile:e,originalUrl:n,croppedBlob:r,croppedUrl:i,cropParams:a,cropOrientation:o,stickers:s,contextDeviceId:c,selectedDeviceIds:l,editingImageId:u,init:d,initEdit:f,setCrop:p,addSticker:m,updateSticker:h,removeSticker:g,cleanup:_}}),S={key:0,class:`btn__spinner`,"aria-hidden":`true`},C=f(m({__name:`BaseButton`,props:{variant:{default:`primary`},tag:{default:`button`},type:{default:`button`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(t){return(i,a)=>(c(),o(r(t.tag),e({type:t.tag===`button`?t.type:void 0,disabled:t.disabled||t.loading,class:[`btn`,`btn--${t.variant}`,{"btn--loading":t.loading}]},i.$attrs),{default:g(()=>[t.loading?(c(),l(`span`,S)):s(``,!0),n(i.$slots,`default`,{},void 0,!0)]),_:3},16,[`type`,`disabled`,`class`]))}}),[[`__scopeId`,`data-v-7d3f1e61`]]),w=[`aria-label`],T=f(m({__name:`BaseBottomSheet`,props:{modelValue:{type:Boolean},label:{}},emits:[`update:modelValue`],setup(e,{emit:r}){let u=e,f=r,m=t(null),b=null;function x(){f(`update:modelValue`,!1)}return i(()=>u.modelValue,async e=>{e?(b=document.activeElement,await h(),m.value?.focus()):(b?.focus(),b=null)}),(t,r)=>(c(),o(d,{to:`body`},[a(_,{name:`sheet`},{default:g(()=>[e.modelValue?(c(),l(`div`,{key:0,class:`sheet-overlay`,role:`dialog`,"aria-label":e.label,"aria-modal":`true`,onClick:y(x,[`self`]),onKeydown:v(x,[`esc`])},[p(`div`,{ref_key:`sheetRef`,ref:m,class:`sheet`,tabindex:`-1`},[r[0]||=p(`div`,{class:`sheet__handle`,"aria-hidden":`true`},null,-1),n(t.$slots,`default`,{},void 0,!0)],512)],40,w)):s(``,!0)]),_:3})]))}}),[[`__scopeId`,`data-v-81ce2dd1`]]);export{b as i,C as n,x as r,T as t};
\ No newline at end of file
+import{C as e,H as t,M as n,P as r,R as i,_ as a,d as o,f as s,k as c,p as l,r as u,s as d,t as f,u as p,v as m,w as h,z as g}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{c as _,d as v,f as y}from"./index-D13oAsTG.js";var b=u(`devices`,()=>{let e=t([]),n=t(!1),r=t(null);async function i(){n.value=!0,r.value=null;try{let t=await fetch(`/api/devices`);if(!t.ok)throw Error(`Failed to load devices`);e.value=await t.json()}catch(e){r.value=e instanceof Error?e.message:`Unknown error`}finally{n.value=!1}}async function a(t,n){let r=await fetch(`/api/devices/${t}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify(n)});if(!r.ok)throw Error(`Failed to update device`);let i=await r.json(),a=e.value.findIndex(e=>e.id===t);return a!==-1&&(e.value[a]=i),i}async function o(t,n){let r=await fetch(`/api/devices/${t}/lock`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({imageId:n})});if(!r.ok)throw Error(`Failed to lock image`);let i=await r.json(),a=e.value.findIndex(e=>e.id===t);return a!==-1&&(e.value[a]=i),i}async function s(t){let n=await fetch(`/api/devices/${t}/lock`,{method:`DELETE`});if(!n.ok)throw Error(`Failed to unlock`);let r=await n.json(),i=e.value.findIndex(e=>e.id===t);return i!==-1&&(e.value[i]=r),r}return{devices:e,loading:n,error:r,fetchDevices:i,updateDevice:a,lockImage:o,unlockImage:s}}),x=u(`upload`,()=>{let e=t(null),n=t(null),r=t(null),i=t(null),a=t(null),o=t(null),s=t([]),c=t(null),l=t([]),u=t(null);function d(t,r){_(),e.value=t,n.value=URL.createObjectURL(t),c.value=r??null,l.value=r?[r]:[]}async function f(t,r){_();let i=await(await fetch(t.originalUrl)).blob();e.value=new File([i],t.originalFilename,{type:i.type}),n.value=URL.createObjectURL(i),u.value=t.id,a.value=t.cropParams??null,o.value=t.cropOrientation??null,s.value=t.stickerState?[...t.stickerState]:[],l.value=t.approvedDeviceIds,c.value=r??null}function p(e,t,n){i.value&&URL.revokeObjectURL(i.value),r.value=e,i.value=URL.createObjectURL(e),a.value=t,o.value=n}function m(e){s.value=[...s.value,e]}function h(e,t){s.value=s.value.map(n=>n.id===e?{...n,...t}:n)}function g(e){s.value=s.value.filter(t=>t.id!==e)}function _(){n.value&&URL.revokeObjectURL(n.value),i.value&&URL.revokeObjectURL(i.value),e.value=null,n.value=null,r.value=null,i.value=null,a.value=null,o.value=null,s.value=[],c.value=null,l.value=[],u.value=null}return{originalFile:e,originalUrl:n,croppedBlob:r,croppedUrl:i,cropParams:a,cropOrientation:o,stickers:s,contextDeviceId:c,selectedDeviceIds:l,editingImageId:u,init:d,initEdit:f,setCrop:p,addSticker:m,updateSticker:h,removeSticker:g,cleanup:_}}),S={key:0,class:`btn__spinner`,"aria-hidden":`true`},C=f(m({__name:`BaseButton`,props:{variant:{default:`primary`},tag:{default:`button`},type:{default:`button`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},setup(t){return(i,a)=>(c(),o(r(t.tag),e({type:t.tag===`button`?t.type:void 0,disabled:t.disabled||t.loading,class:[`btn`,`btn--${t.variant}`,{"btn--loading":t.loading}]},i.$attrs),{default:g(()=>[t.loading?(c(),l(`span`,S)):s(``,!0),n(i.$slots,`default`,{},void 0,!0)]),_:3},16,[`type`,`disabled`,`class`]))}}),[[`__scopeId`,`data-v-7d3f1e61`]]),w=[`aria-label`],T=f(m({__name:`BaseBottomSheet`,props:{modelValue:{type:Boolean},label:{}},emits:[`update:modelValue`],setup(e,{emit:r}){let u=e,f=r,m=t(null),b=null;function x(){f(`update:modelValue`,!1)}return i(()=>u.modelValue,async e=>{e?(b=document.activeElement,await h(),m.value?.focus()):(b?.focus(),b=null)}),(t,r)=>(c(),o(d,{to:`body`},[a(_,{name:`sheet`},{default:g(()=>[e.modelValue?(c(),l(`div`,{key:0,class:`sheet-overlay`,role:`dialog`,"aria-label":e.label,"aria-modal":`true`,onClick:y(x,[`self`]),onKeydown:v(x,[`esc`])},[p(`div`,{ref_key:`sheetRef`,ref:m,class:`sheet`,tabindex:`-1`},[r[0]||=p(`div`,{class:`sheet__handle`,"aria-hidden":`true`},null,-1),n(t.$slots,`default`,{},void 0,!0)],512)],40,w)):s(``,!0)]),_:3})]))}}),[[`__scopeId`,`data-v-9ba072ca`]]);export{b as i,C as n,x as r,T as t};
\ No newline at end of file
diff --git a/public/build/assets/BaseBottomSheet-MPNarQ8K.css b/public/build/assets/BaseBottomSheet-DYtuubxf.css
similarity index 56%
rename from public/build/assets/BaseBottomSheet-MPNarQ8K.css
rename to public/build/assets/BaseBottomSheet-DYtuubxf.css
index 1f51696..f581aa3 100644
--- a/public/build/assets/BaseBottomSheet-MPNarQ8K.css
+++ b/public/build/assets/BaseBottomSheet-DYtuubxf.css
@@ -1 +1 @@
-.btn[data-v-7d3f1e61]{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn[data-v-7d3f1e61]:disabled{opacity:.4;cursor:not-allowed}.btn[data-v-7d3f1e61]:not(:disabled):active{transform:scale(.96)}.btn--primary[data-v-7d3f1e61]{background:var(--color-primary);color:var(--color-primary-fg)}.btn--secondary[data-v-7d3f1e61]{background:var(--color-secondary);color:var(--color-secondary-fg);border:1px solid var(--color-border)}.btn--ghost[data-v-7d3f1e61]{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--destructive[data-v-7d3f1e61]{background:var(--color-destructive);color:var(--color-destructive-fg)}.btn--icon-pill[data-v-7d3f1e61]{width:var(--touch-min);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);padding:0}.btn__spinner[data-v-7d3f1e61]{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-7d3f1e61}@keyframes spin-7d3f1e61{to{transform:rotate(360deg)}}.sheet-overlay[data-v-81ce2dd1]{z-index:100;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[data-v-81ce2dd1]{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:var(--space-3) var(--space-4) var(--space-6);outline:none;max-height:90dvh;overflow-y:auto}.sheet__handle[data-v-81ce2dd1]{border-radius:var(--radius-full);background:var(--color-border);width:36px;height:4px;margin:0 auto var(--space-4)}.sheet-enter-active .sheet-overlay[data-v-81ce2dd1]{transition:background var(--duration-base) var(--ease-out)}.sheet-enter-active .sheet[data-v-81ce2dd1]{transition:transform .25s var(--ease-out)}.sheet-leave-active .sheet[data-v-81ce2dd1]{transition:transform .2s ease-in}.sheet-leave-active[data-v-81ce2dd1]{transition:background .2s ease-in}.sheet-enter-from[data-v-81ce2dd1]{background:0 0}.sheet-enter-from .sheet[data-v-81ce2dd1]{transform:translateY(100%)}.sheet-leave-to[data-v-81ce2dd1]{background:0 0}.sheet-leave-to .sheet[data-v-81ce2dd1]{transform:translateY(100%)}
+.btn[data-v-7d3f1e61]{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);white-space:nowrap;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn[data-v-7d3f1e61]:disabled{opacity:.4;cursor:not-allowed}.btn[data-v-7d3f1e61]:not(:disabled):active{transform:scale(.96)}.btn--primary[data-v-7d3f1e61]{background:var(--color-primary);color:var(--color-primary-fg)}.btn--secondary[data-v-7d3f1e61]{background:var(--color-secondary);color:var(--color-secondary-fg);border:1px solid var(--color-border)}.btn--ghost[data-v-7d3f1e61]{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--destructive[data-v-7d3f1e61]{background:var(--color-destructive);color:var(--color-destructive-fg)}.btn--icon-pill[data-v-7d3f1e61]{width:var(--touch-min);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);padding:0}.btn__spinner[data-v-7d3f1e61]{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-7d3f1e61}@keyframes spin-7d3f1e61{to{transform:rotate(360deg)}}.sheet-overlay[data-v-9ba072ca]{z-index:100;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[data-v-9ba072ca]{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;padding:var(--space-3) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));outline:none;max-height:90dvh;overflow-y:auto}.sheet__handle[data-v-9ba072ca]{border-radius:var(--radius-full);background:var(--color-border);width:36px;height:4px;margin:0 auto var(--space-4)}.sheet-enter-active .sheet-overlay[data-v-9ba072ca]{transition:background var(--duration-base) var(--ease-out)}.sheet-enter-active .sheet[data-v-9ba072ca]{transition:transform .25s var(--ease-out)}.sheet-leave-active .sheet[data-v-9ba072ca]{transition:transform .2s ease-in}.sheet-leave-active[data-v-9ba072ca]{transition:background .2s ease-in}.sheet-enter-from[data-v-9ba072ca]{background:0 0}.sheet-enter-from .sheet[data-v-9ba072ca]{transform:translateY(100%)}.sheet-leave-to[data-v-9ba072ca]{background:0 0}.sheet-leave-to .sheet[data-v-9ba072ca]{transform:translateY(100%)}
diff --git a/public/build/assets/DevicePicker-BjuU2ONb.js b/public/build/assets/DevicePicker-CfQ8y-l0.js
similarity index 96%
rename from public/build/assets/DevicePicker-BjuU2ONb.js
rename to public/build/assets/DevicePicker-CfQ8y-l0.js
index b7ae60e..518882c 100644
--- a/public/build/assets/DevicePicker-BjuU2ONb.js
+++ b/public/build/assets/DevicePicker-CfQ8y-l0.js
@@ -1 +1 @@
-import{_ as e,d as t,g as n,j as r,k as i,l as a,o,p as s,pt as c,t as l,u,v as d,z as f}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{n as p,t as m}from"./BaseBottomSheet-CzdI27OS.js";var h={class:`device-picker__list`},g=[`checked`,`onChange`],_={class:`device-picker__name`},v={class:`device-picker__orientation`},y=l(d({__name:`DevicePicker`,props:{modelValue:{type:Boolean},devices:{},selected:{},uploading:{type:Boolean}},emits:[`update:modelValue`,`update:selected`,`confirm`],setup(l,{emit:d}){let y=l,b=d;function x(e){y.selected.includes(e)?b(`update:selected`,y.selected.filter(t=>t!==e)):b(`update:selected`,[...y.selected,e])}let S=a(()=>{let e=y.selected.length;return e===0?`Add to frame`:`Add to ${e} frame${e>1?`s`:``}`});return(a,d)=>(i(),t(m,{"model-value":l.modelValue,label:`Choose frames`,"onUpdate:modelValue":d[1]||=e=>a.$emit(`update:modelValue`,e)},{default:f(()=>[d[2]||=u(`h2`,{class:`device-picker__title`},`Add to frames`,-1),d[3]||=u(`p`,{class:`device-picker__sub`},`Choose which frames will show this photo.`,-1),u(`div`,h,[(i(!0),s(o,null,r(l.devices,e=>(i(),s(`label`,{key:e.id,class:`device-picker__row`},[u(`input`,{type:`checkbox`,class:`device-picker__check`,checked:l.selected.includes(e.id),onChange:t=>x(e.id)},null,40,g),u(`span`,_,c(e.name),1),u(`span`,v,c(e.orientation),1)]))),128))]),e(p,{variant:`primary`,class:`device-picker__confirm`,disabled:l.selected.length===0||l.uploading,onClick:d[0]||=e=>a.$emit(`confirm`)},{default:f(()=>[n(c(l.uploading?`Uploading…`:S.value),1)]),_:1},8,[`disabled`])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-a6466fa5`]]);export{y as t};
\ No newline at end of file
+import{_ as e,d as t,g as n,j as r,k as i,l as a,o,p as s,pt as c,t as l,u,v as d,z as f}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{n as p,t as m}from"./BaseBottomSheet-CO3Iefke.js";var h={class:`device-picker__list`},g=[`checked`,`onChange`],_={class:`device-picker__name`},v={class:`device-picker__orientation`},y=l(d({__name:`DevicePicker`,props:{modelValue:{type:Boolean},devices:{},selected:{},uploading:{type:Boolean}},emits:[`update:modelValue`,`update:selected`,`confirm`],setup(l,{emit:d}){let y=l,b=d;function x(e){y.selected.includes(e)?b(`update:selected`,y.selected.filter(t=>t!==e)):b(`update:selected`,[...y.selected,e])}let S=a(()=>{let e=y.selected.length;return e===0?`Add to frame`:`Add to ${e} frame${e>1?`s`:``}`});return(a,d)=>(i(),t(m,{"model-value":l.modelValue,label:`Choose frames`,"onUpdate:modelValue":d[1]||=e=>a.$emit(`update:modelValue`,e)},{default:f(()=>[d[2]||=u(`h2`,{class:`device-picker__title`},`Add to frames`,-1),d[3]||=u(`p`,{class:`device-picker__sub`},`Choose which frames will show this photo.`,-1),u(`div`,h,[(i(!0),s(o,null,r(l.devices,e=>(i(),s(`label`,{key:e.id,class:`device-picker__row`},[u(`input`,{type:`checkbox`,class:`device-picker__check`,checked:l.selected.includes(e.id),onChange:t=>x(e.id)},null,40,g),u(`span`,_,c(e.name),1),u(`span`,v,c(e.orientation),1)]))),128))]),e(p,{variant:`primary`,class:`device-picker__confirm`,disabled:l.selected.length===0||l.uploading,onClick:d[0]||=e=>a.$emit(`confirm`)},{default:f(()=>[n(c(l.uploading?`Uploading…`:S.value),1)]),_:1},8,[`disabled`])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-a6466fa5`]]);export{y as t};
\ No newline at end of file
diff --git a/public/build/assets/HomeView-CGlR0dxG.js b/public/build/assets/HomeView-3fATGLq0.js
similarity index 98%
rename from public/build/assets/HomeView-CGlR0dxG.js
rename to public/build/assets/HomeView-3fATGLq0.js
index 0cefac2..1cbdbc0 100644
--- a/public/build/assets/HomeView-CGlR0dxG.js
+++ b/public/build/assets/HomeView-3fATGLq0.js
@@ -1 +1 @@
-import{B as e,C as t,E as n,H as r,K as i,_ as a,d as o,dt as s,f as c,ft as l,g as u,h as d,j as f,k as p,l as m,o as h,p as g,pt as _,t as v,u as y,v as b,z as x}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{l as S,s as C}from"./index-DCUs53vX.js";import{i as w,n as T,r as E,t as D}from"./BaseBottomSheet-CzdI27OS.js";var O={key:0,class:`frame-card__status-badge`,"aria-live":`polite`},k=[`src`,`alt`],A={key:1,class:`frame-card__empty-preview`,"aria-hidden":`true`},j={class:`frame-card__body`},M={class:`frame-card__name`},N={key:0,class:`frame-card__count`},P={key:0},F={key:1,"aria-hidden":`true`},I=v(b({__name:`FrameCard`,props:{deviceId:{},name:{},size:{},status:{},orientation:{},thumbnailUrl:{},photoCount:{}},emits:[`add-photo`,`edit`],setup(e){let t=e,n=m(()=>t.size===`large`?{aspectRatio:t.orientation===`portrait`?`3/5`:`5/3`}:{});return(t,r)=>(p(),g(`div`,{class:s([`frame-card`,`frame-card--${e.size}`,e.status!==`ok`&&`frame-card--${e.status}`])},[e.status===`ok`?c(``,!0):(p(),g(`div`,O,[r[2]||=y(`span`,{class:`frame-card__status-dot`,"aria-hidden":`true`},null,-1),u(` `+_(e.status===`offline`?`Offline`:`Sync issue`),1)])),e.size===`large`?(p(),g(`button`,{key:1,class:`frame-card__settings-btn`,type:`button`,"aria-label":`Frame settings`,onClick:r[0]||=n=>t.$emit(`edit`,e.deviceId)},[...r[3]||=[y(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,"aria-hidden":`true`},[y(`circle`,{cx:`12`,cy:`12`,r:`3`}),y(`path`,{d:`M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z`})],-1)]])):c(``,!0),y(`div`,{class:`frame-card__preview`,style:l(n.value)},[e.thumbnailUrl?(p(),g(`img`,{key:0,src:e.thumbnailUrl,alt:`Current photo on ${e.name}`,class:`frame-card__img`},null,8,k)):(p(),g(`div`,A,[...r[4]||=[y(`svg`,{width:`32`,height:`32`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[y(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`}),y(`circle`,{cx:`8.5`,cy:`8.5`,r:`1.5`}),y(`polyline`,{points:`21,15 16,10 5,21`})],-1)]]))],4),y(`div`,j,[y(`p`,M,_(e.name),1),e.size===`compact`?(p(),g(`p`,N,_(e.photoCount)+` `+_(e.photoCount===1?`photo`:`photos`),1)):c(``,!0),a(T,{variant:e.size===`large`?`primary`:`icon-pill`,"aria-label":(e.size,`Add photo to ${e.name}`),class:`frame-card__add-btn`,onClick:r[1]||=n=>t.$emit(`add-photo`,e.deviceId)},{default:x(()=>[e.size===`large`?(p(),g(`span`,P,`+ Add Photo`)):(p(),g(`span`,F,`+`))]),_:1},8,[`variant`,`aria-label`])])],2))}}),[[`__scopeId`,`data-v-6b5d66c8`]]),L=[`id`,`value`,`type`],R=[`for`],z=[`id`],B=v(b({__name:`BaseInput`,props:{modelValue:{default:``},label:{},type:{default:`text`},error:{},id:{}},emits:[`update:modelValue`,`blur`],setup(e,{emit:n}){let r=e,i=n,a=m(()=>r.id??`input-${Math.random().toString(36).slice(2)}`);return(n,r)=>(p(),g(`div`,{class:s([`input-wrap`,{"input-wrap--error":!!e.error,"input-wrap--filled":!!e.modelValue}])},[y(`input`,t({id:a.value},n.$attrs,{value:e.modelValue,type:e.type,class:`input-wrap__field`,placeholder:` `,onInput:r[0]||=e=>i(`update:modelValue`,e.target.value),onBlur:r[1]||=e=>i(`blur`,e)}),null,16,L),y(`label`,{for:a.value,class:`input-wrap__label`},_(e.label),9,R),e.error?(p(),g(`p`,{key:0,id:`${a.value}-error`,class:`input-wrap__error`,role:`alert`},_(e.error),9,z)):c(``,!0)],2))}}),[[`__scopeId`,`data-v-28da7c7d`]]),V={class:`orientation-picker`,role:`radiogroup`,"aria-label":`Display orientation`},H=[`aria-checked`,`aria-label`,`onClick`],U=[`viewBox`],W=[`stroke`,`fill`],G=[`fill`],K={class:`orientation-opt__label`},q={class:`orientation-opt__sub`},J=v(b({__name:`OrientationPicker`,props:{modelValue:{}},emits:[`update:modelValue`],setup(e){let n=[{value:`landscape`,label:`Landscape`,sub:`Ribbon at bottom`,viewBox:`0 0 48 48`,rect:{x:4,y:12,width:40,height:24},ribbon:{x:20,y:36,width:8,height:5}},{value:`portrait`,label:`Portrait`,sub:`Ribbon on left`,viewBox:`0 0 48 48`,rect:{x:12,y:4,width:24,height:40},ribbon:{x:7,y:20,width:5,height:8}}];return(r,i)=>(p(),g(`div`,V,[(p(),g(h,null,f(n,n=>y(`button`,{key:n.value,type:`button`,role:`radio`,"aria-checked":e.modelValue===n.value,"aria-label":n.label,class:s([`orientation-opt`,{"orientation-opt--active":e.modelValue===n.value}]),onClick:e=>r.$emit(`update:modelValue`,n.value)},[(p(),g(`svg`,{class:`orientation-opt__diagram`,viewBox:n.viewBox,fill:`none`,"aria-hidden":`true`},[y(`rect`,t({ref_for:!0},n.rect,{rx:`2`,stroke:e.modelValue===n.value?`var(--color-primary)`:`currentColor`,"stroke-width":`1.5`,fill:e.modelValue===n.value?`color-mix(in srgb, var(--color-primary) 12%, transparent)`:`var(--color-surface-2)`}),null,16,W),y(`rect`,t({ref_for:!0},n.ribbon,{fill:e.modelValue===n.value?`var(--color-primary)`:`var(--color-text-muted)`,rx:`1`}),null,16,G)],8,U)),y(`span`,K,_(n.label),1),y(`span`,q,_(n.sub),1)],10,H)),64))]))}}),[[`__scopeId`,`data-v-679dae08`]]),Y={class:`home-view`},X={key:0,class:`home-view__loading`,"aria-live":`polite`},Z={key:1,class:`home-view__empty`},Q={key:2,class:`home-view__single`},$={key:3,class:`home-view__list`},ee={class:`home-view__sheet-field`},te={class:`home-view__sheet-field`},ne={class:`home-view__sheet-field`},re={class:`home-view__interval-grid`},ie=[`onClick`],ae=[`label`],oe=[`value`],se=v(b({__name:`HomeView`,setup(t){function c(e){return e.lastSeenAt&&Date.now()-new Date(e.lastSeenAt).getTime()<=Math.max(e.rotationIntervalMinutes*2*6e4,30*6e4)?`ok`:`offline`}function l(e){let t=e.lockedImageId??e.currentImageId;return t?`/api/devices/${e.id}/preview?v=${t}`:void 0}let m=C(),v=w(),b=E();n(()=>{v.fetchDevices()});function O(e){let t=document.createElement(`input`);t.type=`file`,t.accept=`image/jpeg,image/png,image/webp,image/gif`,t.onchange=()=>{let n=t.files?.[0];n&&(b.init(n,e),m.push(`/upload`))},t.click()}let k=[{hour:0,label:`12 AM`},{hour:2,label:`2 AM`},{hour:4,label:`4 AM`},{hour:6,label:`6 AM`},{hour:8,label:`8 AM`},{hour:10,label:`10 AM`},{hour:12,label:`12 PM`},{hour:18,label:`6 PM`},{hour:20,label:`8 PM`},{hour:22,label:`10 PM`}],A=[{label:`Americas`,zones:[{value:`America/New_York`,label:`Eastern — New York, Toronto`},{value:`America/Chicago`,label:`Central — Chicago, Mexico City`},{value:`America/Denver`,label:`Mountain — Denver, Calgary`},{value:`America/Phoenix`,label:`Mountain (no DST) — Phoenix`},{value:`America/Los_Angeles`,label:`Pacific — Los Angeles, Vancouver`},{value:`America/Anchorage`,label:`Alaska — Anchorage`},{value:`Pacific/Honolulu`,label:`Hawaii — Honolulu`},{value:`America/Sao_Paulo`,label:`Brasília — São Paulo`},{value:`America/Argentina/Buenos_Aires`,label:`Argentina — Buenos Aires`},{value:`America/Bogota`,label:`Colombia — Bogotá`}]},{label:`Europe`,zones:[{value:`Europe/London`,label:`GMT/BST — London, Dublin`},{value:`Europe/Lisbon`,label:`WET/WEST — Lisbon`},{value:`Europe/Paris`,label:`CET/CEST — Paris, Brussels, Amsterdam`},{value:`Europe/Berlin`,label:`CET/CEST — Berlin, Vienna, Zurich`},{value:`Europe/Stockholm`,label:`CET/CEST — Stockholm, Oslo, Copenhagen`},{value:`Europe/Helsinki`,label:`EET/EEST — Helsinki, Tallinn, Riga`},{value:`Europe/Warsaw`,label:`CET/CEST — Warsaw, Prague, Budapest`},{value:`Europe/Rome`,label:`CET/CEST — Rome, Madrid`},{value:`Europe/Athens`,label:`EET/EEST — Athens, Bucharest`},{value:`Europe/Istanbul`,label:`TRT — Istanbul`},{value:`Europe/Moscow`,label:`MSK — Moscow`}]},{label:`Asia & Pacific`,zones:[{value:`Asia/Dubai`,label:`GST — Dubai, Abu Dhabi`},{value:`Asia/Karachi`,label:`PKT — Karachi, Islamabad`},{value:`Asia/Kolkata`,label:`IST — India`},{value:`Asia/Dhaka`,label:`BST — Dhaka, Bangladesh`},{value:`Asia/Bangkok`,label:`ICT — Bangkok, Jakarta, Hanoi`},{value:`Asia/Singapore`,label:`SGT — Singapore, Kuala Lumpur`},{value:`Asia/Shanghai`,label:`CST — Beijing, Shanghai, Taipei`},{value:`Asia/Seoul`,label:`KST — Seoul`},{value:`Asia/Tokyo`,label:`JST — Tokyo`},{value:`Australia/Sydney`,label:`AEDT/AEST — Sydney, Melbourne`},{value:`Australia/Brisbane`,label:`AEST (no DST) — Brisbane`},{value:`Australia/Perth`,label:`AWST — Perth`},{value:`Pacific/Auckland`,label:`NZDT/NZST — Auckland`}]},{label:`Africa & Middle East`,zones:[{value:`Africa/Cairo`,label:`EET — Cairo`},{value:`Africa/Nairobi`,label:`EAT — Nairobi, East Africa`},{value:`Africa/Johannesburg`,label:`SAST — Johannesburg`},{value:`Africa/Lagos`,label:`WAT — Lagos, West Africa`}]},{label:`UTC`,zones:[{value:`UTC`,label:`UTC — Coordinated Universal Time`}]}],j=r(!1),M=r(!1),N=r(null),P=r(``),F=r(`landscape`),L=r(4),R=r(`UTC`);function z(e){let t=v.devices.find(t=>t.id===e);t&&(N.value=t,P.value=t.name,F.value=t.orientation,L.value=t.wakeHour??4,R.value=t.timezone??`UTC`,j.value=!0)}async function V(){if(N.value){M.value=!0;try{await v.updateDevice(N.value.id,{name:P.value.trim()||N.value.name,orientation:F.value,wakeHour:L.value,timezone:R.value}),j.value=!1}finally{M.value=!1}}}return(t,n)=>(p(),g(h,null,[y(`main`,Y,[i(v).loading?(p(),g(`div`,X,` Loading… `)):i(v).devices.length===0?(p(),g(`div`,Z,[...n[4]||=[d(`<div class="home-view__empty-card" data-v-6b74675a><svg class="home-view__empty-icon" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-6b74675a><rect x="3" y="3" width="18" height="18" rx="2" data-v-6b74675a></rect><circle cx="8.5" cy="8.5" r="1.5" data-v-6b74675a></circle><polyline points="21,15 16,10 5,21" data-v-6b74675a></polyline></svg><p class="home-view__empty-title" data-v-6b74675a>Set up your first frame</p><p class="home-view__empty-sub" data-v-6b74675a> Power on your pictureFrame device and scan the QR code it displays to get started. </p></div>`,1)]])):i(v).devices.length===1?(p(),g(`div`,Q,[a(I,{deviceId:i(v).devices[0].id,name:i(v).devices[0].name,size:`large`,status:c(i(v).devices[0]),orientation:i(v).devices[0].orientation,thumbnailUrl:l(i(v).devices[0]),onAddPhoto:O,onEdit:z},null,8,[`deviceId`,`name`,`status`,`orientation`,`thumbnailUrl`])])):(p(),g(`div`,$,[(p(!0),g(h,null,f(i(v).devices,e=>(p(),o(I,{key:e.id,deviceId:e.id,name:e.name,size:`compact`,status:c(e),orientation:e.orientation,thumbnailUrl:l(e),onAddPhoto:O,onEdit:z},null,8,[`deviceId`,`name`,`status`,`orientation`,`thumbnailUrl`]))),128))]))]),a(D,{modelValue:j.value,"onUpdate:modelValue":n[3]||=e=>j.value=e,label:`Frame settings`},{default:x(()=>[n[7]||=y(`h2`,{class:`home-view__sheet-title`},`Frame settings`,-1),y(`div`,ee,[a(B,{modelValue:P.value,"onUpdate:modelValue":n[0]||=e=>P.value=e,label:`Frame name`,maxlength:`100`},null,8,[`modelValue`])]),y(`div`,te,[n[5]||=y(`p`,{class:`home-view__sheet-label`},`Orientation`,-1),a(J,{modelValue:F.value,"onUpdate:modelValue":n[1]||=e=>F.value=e},null,8,[`modelValue`])]),y(`div`,ne,[n[6]||=y(`p`,{class:`home-view__sheet-label`},`Update time`,-1),y(`div`,re,[(p(),g(h,null,f(k,e=>y(`button`,{key:e.hour,type:`button`,class:s([`home-view__interval-chip`,{"home-view__interval-chip--on":L.value===e.hour}]),onClick:t=>L.value=e.hour},_(e.label),11,ie)),64))]),e(y(`select`,{class:`home-view__tz-select`,"onUpdate:modelValue":n[2]||=e=>R.value=e},[(p(),g(h,null,f(A,e=>y(`optgroup`,{key:e.label,label:e.label},[(p(!0),g(h,null,f(e.zones,e=>(p(),g(`option`,{key:e.value,value:e.value},_(e.label),9,oe))),128))],8,ae)),64))],512),[[S,R.value]])]),a(T,{variant:`primary`,class:`home-view__sheet-save`,disabled:M.value,onClick:V},{default:x(()=>[u(_(M.value?`Saving…`:`Save`),1)]),_:1},8,[`disabled`])]),_:1},8,[`modelValue`])],64))}}),[[`__scopeId`,`data-v-6b74675a`]]);export{se as default};
\ No newline at end of file
+import{B as e,C as t,E as n,H as r,K as i,_ as a,d as o,dt as s,f as c,ft as l,g as u,h as d,j as f,k as p,l as m,o as h,p as g,pt as _,t as v,u as y,v as b,z as x}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{l as S,s as C}from"./index-D13oAsTG.js";import{i as w,n as T,r as E,t as D}from"./BaseBottomSheet-CO3Iefke.js";var O={key:0,class:`frame-card__status-badge`,"aria-live":`polite`},k=[`src`,`alt`],A={key:1,class:`frame-card__empty-preview`,"aria-hidden":`true`},j={class:`frame-card__body`},M={class:`frame-card__name`},N={key:0,class:`frame-card__count`},P={key:0},F={key:1,"aria-hidden":`true`},I=v(b({__name:`FrameCard`,props:{deviceId:{},name:{},size:{},status:{},orientation:{},thumbnailUrl:{},photoCount:{}},emits:[`add-photo`,`edit`],setup(e){let t=e,n=m(()=>t.size===`large`?{aspectRatio:t.orientation===`portrait`?`3/5`:`5/3`}:{});return(t,r)=>(p(),g(`div`,{class:s([`frame-card`,`frame-card--${e.size}`,e.status!==`ok`&&`frame-card--${e.status}`])},[e.status===`ok`?c(``,!0):(p(),g(`div`,O,[r[2]||=y(`span`,{class:`frame-card__status-dot`,"aria-hidden":`true`},null,-1),u(` `+_(e.status===`offline`?`Offline`:`Sync issue`),1)])),e.size===`large`?(p(),g(`button`,{key:1,class:`frame-card__settings-btn`,type:`button`,"aria-label":`Frame settings`,onClick:r[0]||=n=>t.$emit(`edit`,e.deviceId)},[...r[3]||=[y(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`,"aria-hidden":`true`},[y(`circle`,{cx:`12`,cy:`12`,r:`3`}),y(`path`,{d:`M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z`})],-1)]])):c(``,!0),y(`div`,{class:`frame-card__preview`,style:l(n.value)},[e.thumbnailUrl?(p(),g(`img`,{key:0,src:e.thumbnailUrl,alt:`Current photo on ${e.name}`,class:`frame-card__img`},null,8,k)):(p(),g(`div`,A,[...r[4]||=[y(`svg`,{width:`32`,height:`32`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[y(`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`}),y(`circle`,{cx:`8.5`,cy:`8.5`,r:`1.5`}),y(`polyline`,{points:`21,15 16,10 5,21`})],-1)]]))],4),y(`div`,j,[y(`p`,M,_(e.name),1),e.size===`compact`?(p(),g(`p`,N,_(e.photoCount)+` `+_(e.photoCount===1?`photo`:`photos`),1)):c(``,!0),a(T,{variant:e.size===`large`?`primary`:`icon-pill`,"aria-label":(e.size,`Add photo to ${e.name}`),class:`frame-card__add-btn`,onClick:r[1]||=n=>t.$emit(`add-photo`,e.deviceId)},{default:x(()=>[e.size===`large`?(p(),g(`span`,P,`+ Add Photo`)):(p(),g(`span`,F,`+`))]),_:1},8,[`variant`,`aria-label`])])],2))}}),[[`__scopeId`,`data-v-6b5d66c8`]]),L=[`id`,`value`,`type`],R=[`for`],z=[`id`],B=v(b({__name:`BaseInput`,props:{modelValue:{default:``},label:{},type:{default:`text`},error:{},id:{}},emits:[`update:modelValue`,`blur`],setup(e,{emit:n}){let r=e,i=n,a=m(()=>r.id??`input-${Math.random().toString(36).slice(2)}`);return(n,r)=>(p(),g(`div`,{class:s([`input-wrap`,{"input-wrap--error":!!e.error,"input-wrap--filled":!!e.modelValue}])},[y(`input`,t({id:a.value},n.$attrs,{value:e.modelValue,type:e.type,class:`input-wrap__field`,placeholder:` `,onInput:r[0]||=e=>i(`update:modelValue`,e.target.value),onBlur:r[1]||=e=>i(`blur`,e)}),null,16,L),y(`label`,{for:a.value,class:`input-wrap__label`},_(e.label),9,R),e.error?(p(),g(`p`,{key:0,id:`${a.value}-error`,class:`input-wrap__error`,role:`alert`},_(e.error),9,z)):c(``,!0)],2))}}),[[`__scopeId`,`data-v-28da7c7d`]]),V={class:`orientation-picker`,role:`radiogroup`,"aria-label":`Display orientation`},H=[`aria-checked`,`aria-label`,`onClick`],U=[`viewBox`],W=[`stroke`,`fill`],G=[`fill`],K={class:`orientation-opt__label`},q={class:`orientation-opt__sub`},J=v(b({__name:`OrientationPicker`,props:{modelValue:{}},emits:[`update:modelValue`],setup(e){let n=[{value:`landscape`,label:`Landscape`,sub:`Ribbon at bottom`,viewBox:`0 0 48 48`,rect:{x:4,y:12,width:40,height:24},ribbon:{x:20,y:36,width:8,height:5}},{value:`portrait`,label:`Portrait`,sub:`Ribbon on left`,viewBox:`0 0 48 48`,rect:{x:12,y:4,width:24,height:40},ribbon:{x:7,y:20,width:5,height:8}}];return(r,i)=>(p(),g(`div`,V,[(p(),g(h,null,f(n,n=>y(`button`,{key:n.value,type:`button`,role:`radio`,"aria-checked":e.modelValue===n.value,"aria-label":n.label,class:s([`orientation-opt`,{"orientation-opt--active":e.modelValue===n.value}]),onClick:e=>r.$emit(`update:modelValue`,n.value)},[(p(),g(`svg`,{class:`orientation-opt__diagram`,viewBox:n.viewBox,fill:`none`,"aria-hidden":`true`},[y(`rect`,t({ref_for:!0},n.rect,{rx:`2`,stroke:e.modelValue===n.value?`var(--color-primary)`:`currentColor`,"stroke-width":`1.5`,fill:e.modelValue===n.value?`color-mix(in srgb, var(--color-primary) 12%, transparent)`:`var(--color-surface-2)`}),null,16,W),y(`rect`,t({ref_for:!0},n.ribbon,{fill:e.modelValue===n.value?`var(--color-primary)`:`var(--color-text-muted)`,rx:`1`}),null,16,G)],8,U)),y(`span`,K,_(n.label),1),y(`span`,q,_(n.sub),1)],10,H)),64))]))}}),[[`__scopeId`,`data-v-679dae08`]]),Y={class:`home-view`},X={key:0,class:`home-view__loading`,"aria-live":`polite`},Z={key:1,class:`home-view__empty`},Q={key:2,class:`home-view__single`},$={key:3,class:`home-view__list`},ee={class:`home-view__sheet-field`},te={class:`home-view__sheet-field`},ne={class:`home-view__sheet-field`},re={class:`home-view__interval-grid`},ie=[`onClick`],ae=[`label`],oe=[`value`],se=v(b({__name:`HomeView`,setup(t){function c(e){return e.lastSeenAt&&Date.now()-new Date(e.lastSeenAt).getTime()<=Math.max(e.rotationIntervalMinutes*2*6e4,30*6e4)?`ok`:`offline`}function l(e){let t=e.lockedImageId??e.currentImageId;return t?`/api/devices/${e.id}/preview?v=${t}`:void 0}let m=C(),v=w(),b=E();n(()=>{v.fetchDevices()});function O(e){let t=document.createElement(`input`);t.type=`file`,t.accept=`image/jpeg,image/png,image/webp,image/gif`,t.onchange=()=>{let n=t.files?.[0];n&&(b.init(n,e),m.push(`/upload`))},t.click()}let k=[{hour:0,label:`12 AM`},{hour:2,label:`2 AM`},{hour:4,label:`4 AM`},{hour:6,label:`6 AM`},{hour:8,label:`8 AM`},{hour:10,label:`10 AM`},{hour:12,label:`12 PM`},{hour:18,label:`6 PM`},{hour:20,label:`8 PM`},{hour:22,label:`10 PM`}],A=[{label:`Americas`,zones:[{value:`America/New_York`,label:`Eastern — New York, Toronto`},{value:`America/Chicago`,label:`Central — Chicago, Mexico City`},{value:`America/Denver`,label:`Mountain — Denver, Calgary`},{value:`America/Phoenix`,label:`Mountain (no DST) — Phoenix`},{value:`America/Los_Angeles`,label:`Pacific — Los Angeles, Vancouver`},{value:`America/Anchorage`,label:`Alaska — Anchorage`},{value:`Pacific/Honolulu`,label:`Hawaii — Honolulu`},{value:`America/Sao_Paulo`,label:`Brasília — São Paulo`},{value:`America/Argentina/Buenos_Aires`,label:`Argentina — Buenos Aires`},{value:`America/Bogota`,label:`Colombia — Bogotá`}]},{label:`Europe`,zones:[{value:`Europe/London`,label:`GMT/BST — London, Dublin`},{value:`Europe/Lisbon`,label:`WET/WEST — Lisbon`},{value:`Europe/Paris`,label:`CET/CEST — Paris, Brussels, Amsterdam`},{value:`Europe/Berlin`,label:`CET/CEST — Berlin, Vienna, Zurich`},{value:`Europe/Stockholm`,label:`CET/CEST — Stockholm, Oslo, Copenhagen`},{value:`Europe/Helsinki`,label:`EET/EEST — Helsinki, Tallinn, Riga`},{value:`Europe/Warsaw`,label:`CET/CEST — Warsaw, Prague, Budapest`},{value:`Europe/Rome`,label:`CET/CEST — Rome, Madrid`},{value:`Europe/Athens`,label:`EET/EEST — Athens, Bucharest`},{value:`Europe/Istanbul`,label:`TRT — Istanbul`},{value:`Europe/Moscow`,label:`MSK — Moscow`}]},{label:`Asia & Pacific`,zones:[{value:`Asia/Dubai`,label:`GST — Dubai, Abu Dhabi`},{value:`Asia/Karachi`,label:`PKT — Karachi, Islamabad`},{value:`Asia/Kolkata`,label:`IST — India`},{value:`Asia/Dhaka`,label:`BST — Dhaka, Bangladesh`},{value:`Asia/Bangkok`,label:`ICT — Bangkok, Jakarta, Hanoi`},{value:`Asia/Singapore`,label:`SGT — Singapore, Kuala Lumpur`},{value:`Asia/Shanghai`,label:`CST — Beijing, Shanghai, Taipei`},{value:`Asia/Seoul`,label:`KST — Seoul`},{value:`Asia/Tokyo`,label:`JST — Tokyo`},{value:`Australia/Sydney`,label:`AEDT/AEST — Sydney, Melbourne`},{value:`Australia/Brisbane`,label:`AEST (no DST) — Brisbane`},{value:`Australia/Perth`,label:`AWST — Perth`},{value:`Pacific/Auckland`,label:`NZDT/NZST — Auckland`}]},{label:`Africa & Middle East`,zones:[{value:`Africa/Cairo`,label:`EET — Cairo`},{value:`Africa/Nairobi`,label:`EAT — Nairobi, East Africa`},{value:`Africa/Johannesburg`,label:`SAST — Johannesburg`},{value:`Africa/Lagos`,label:`WAT — Lagos, West Africa`}]},{label:`UTC`,zones:[{value:`UTC`,label:`UTC — Coordinated Universal Time`}]}],j=r(!1),M=r(!1),N=r(null),P=r(``),F=r(`landscape`),L=r(4),R=r(`UTC`);function z(e){let t=v.devices.find(t=>t.id===e);t&&(N.value=t,P.value=t.name,F.value=t.orientation,L.value=t.wakeHour??4,R.value=t.timezone??`UTC`,j.value=!0)}async function V(){if(N.value){M.value=!0;try{await v.updateDevice(N.value.id,{name:P.value.trim()||N.value.name,orientation:F.value,wakeHour:L.value,timezone:R.value}),j.value=!1}finally{M.value=!1}}}return(t,n)=>(p(),g(h,null,[y(`main`,Y,[i(v).loading?(p(),g(`div`,X,` Loading… `)):i(v).devices.length===0?(p(),g(`div`,Z,[...n[4]||=[d(`<div class="home-view__empty-card" data-v-6b74675a><svg class="home-view__empty-icon" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-6b74675a><rect x="3" y="3" width="18" height="18" rx="2" data-v-6b74675a></rect><circle cx="8.5" cy="8.5" r="1.5" data-v-6b74675a></circle><polyline points="21,15 16,10 5,21" data-v-6b74675a></polyline></svg><p class="home-view__empty-title" data-v-6b74675a>Set up your first frame</p><p class="home-view__empty-sub" data-v-6b74675a> Power on your pictureFrame device and scan the QR code it displays to get started. </p></div>`,1)]])):i(v).devices.length===1?(p(),g(`div`,Q,[a(I,{deviceId:i(v).devices[0].id,name:i(v).devices[0].name,size:`large`,status:c(i(v).devices[0]),orientation:i(v).devices[0].orientation,thumbnailUrl:l(i(v).devices[0]),onAddPhoto:O,onEdit:z},null,8,[`deviceId`,`name`,`status`,`orientation`,`thumbnailUrl`])])):(p(),g(`div`,$,[(p(!0),g(h,null,f(i(v).devices,e=>(p(),o(I,{key:e.id,deviceId:e.id,name:e.name,size:`compact`,status:c(e),orientation:e.orientation,thumbnailUrl:l(e),onAddPhoto:O,onEdit:z},null,8,[`deviceId`,`name`,`status`,`orientation`,`thumbnailUrl`]))),128))]))]),a(D,{modelValue:j.value,"onUpdate:modelValue":n[3]||=e=>j.value=e,label:`Frame settings`},{default:x(()=>[n[7]||=y(`h2`,{class:`home-view__sheet-title`},`Frame settings`,-1),y(`div`,ee,[a(B,{modelValue:P.value,"onUpdate:modelValue":n[0]||=e=>P.value=e,label:`Frame name`,maxlength:`100`},null,8,[`modelValue`])]),y(`div`,te,[n[5]||=y(`p`,{class:`home-view__sheet-label`},`Orientation`,-1),a(J,{modelValue:F.value,"onUpdate:modelValue":n[1]||=e=>F.value=e},null,8,[`modelValue`])]),y(`div`,ne,[n[6]||=y(`p`,{class:`home-view__sheet-label`},`Update time`,-1),y(`div`,re,[(p(),g(h,null,f(k,e=>y(`button`,{key:e.hour,type:`button`,class:s([`home-view__interval-chip`,{"home-view__interval-chip--on":L.value===e.hour}]),onClick:t=>L.value=e.hour},_(e.label),11,ie)),64))]),e(y(`select`,{class:`home-view__tz-select`,"onUpdate:modelValue":n[2]||=e=>R.value=e},[(p(),g(h,null,f(A,e=>y(`optgroup`,{key:e.label,label:e.label},[(p(!0),g(h,null,f(e.zones,e=>(p(),g(`option`,{key:e.value,value:e.value},_(e.label),9,oe))),128))],8,ae)),64))],512),[[S,R.value]])]),a(T,{variant:`primary`,class:`home-view__sheet-save`,disabled:M.value,onClick:V},{default:x(()=>[u(_(M.value?`Saving…`:`Save`),1)]),_:1},8,[`disabled`])]),_:1},8,[`modelValue`])],64))}}),[[`__scopeId`,`data-v-6b74675a`]]);export{se as default};
\ No newline at end of file
diff --git a/public/build/assets/LibraryView-B6wq42Vx.js b/public/build/assets/LibraryView-B6wq42Vx.js
deleted file mode 100644
index 07eac87..0000000
--- a/public/build/assets/LibraryView-B6wq42Vx.js
+++ /dev/null
@@ -1 +0,0 @@
-import{B as e,E as t,H as n,K as r,_ as i,d as a,dt as o,f as s,g as c,h as l,j as u,k as d,l as f,o as p,p as m,pt as h,t as g,u as _,v,z as y}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{a as b,d as x,f as S,i as C,o as w,s as T,u as E}from"./index-DCUs53vX.js";import{i as D,n as O,r as ee,t as k}from"./BaseBottomSheet-CzdI27OS.js";import{t as A}from"./DevicePicker-BjuU2ONb.js";var j={class:`approve-card`},M=[`src`,`alt`],N={class:`approve-card__body`},P={class:`approve-card__from`},F={class:`approve-card__date`},I={key:0,class:`approve-card__status`},L={class:`approve-card__actions`},te=g(v({__name:`ApproveCard`,props:{item:{}},emits:[`updated`],setup(e,{emit:t}){let l=e,u=t,g=b(),v=D(),x=n(!1),S=n(!1),C=n([]),w=f(()=>new Date(l.item.sharedAt).toLocaleDateString(void 0,{month:`short`,day:`numeric`,year:`numeric`}));async function T(){x.value=!1,S.value=!0;try{u(`updated`,await g.approveShared(l.item.id,C.value))}finally{S.value=!1,C.value=[]}}async function E(){S.value=!0;try{u(`updated`,await g.declineShared(l.item.id))}finally{S.value=!1}}return(t,n)=>(d(),m(p,null,[_(`div`,j,[_(`img`,{src:e.item.thumbnailUrl,alt:`Photo from ${e.item.sharedBy}`,class:`approve-card__thumb`,loading:`lazy`},null,8,M),_(`div`,N,[_(`p`,P,[n[3]||=c(`From `,-1),_(`strong`,null,h(e.item.sharedBy),1)]),_(`p`,F,h(w.value),1),e.item.status===`pending`?s(``,!0):(d(),m(`div`,I,[_(`span`,{class:o([`approve-card__badge`,`approve-card__badge--${e.item.status}`])},h(e.item.status),3)])),_(`div`,L,[e.item.status===`pending`||e.item.status===`declined`?(d(),a(O,{key:0,variant:`primary`,size:`sm`,disabled:S.value,onClick:n[0]||=e=>x.value=!0},{default:y(()=>[c(h(e.item.status===`declined`?`Add anyway`:`Add to frame`),1)]),_:1},8,[`disabled`])):s(``,!0),e.item.status===`pending`||e.item.status===`approved`?(d(),a(O,{key:1,variant:`ghost`,size:`sm`,disabled:S.value,onClick:E},{default:y(()=>[c(h(e.item.status===`approved`?`Remove`:`Decline`),1)]),_:1},8,[`disabled`])):s(``,!0)])])]),i(A,{modelValue:x.value,"onUpdate:modelValue":n[1]||=e=>x.value=e,devices:r(v).devices,selected:C.value,uploading:S.value,"confirm-label":`Add to frames`,"onUpdate:selected":n[2]||=e=>C.value=e,onConfirm:T},null,8,[`modelValue`,`devices`,`selected`,`uploading`])],64))}}),[[`__scopeId`,`data-v-6d3dd8b4`]]),R={class:`share-sheet__field`},z=[`onKeydown`],B={key:0,class:`share-sheet__error`},V={key:1,class:`share-sheet__success`},ne=g(v({__name:`ShareSheet`,props:{modelValue:{type:Boolean},imageId:{}},emits:[`update:modelValue`],setup(t,{emit:r}){let o=t,l=b(),u=n(``),f=n(!1),p=n(``),g=n(``);async function v(){if(p.value=``,g.value=``,u.value.trim()){f.value=!0;try{await l.shareImage(o.imageId,u.value.trim()),g.value=`Invite sent to ${u.value.trim()}`,u.value=``}catch(e){p.value=e instanceof Error?e.message:`Failed to send`}finally{f.value=!1}}}return(n,r)=>(d(),a(k,{"model-value":t.modelValue,label:`Share photo`,"onUpdate:modelValue":r[1]||=e=>n.$emit(`update:modelValue`,e)},{default:y(()=>[r[2]||=_(`h2`,{class:`share-sheet__title`},`Share with someone`,-1),r[3]||=_(`p`,{class:`share-sheet__sub`},`They'll get an email and can add it to their frame.`,-1),_(`div`,R,[e(_(`input`,{"onUpdate:modelValue":r[0]||=e=>u.value=e,type:`email`,class:`share-sheet__input`,placeholder:`their@email.com`,autocomplete:`email`,onKeydown:x(S(v,[`prevent`]),[`enter`])},null,40,z),[[E,u.value]])]),p.value?(d(),m(`p`,B,h(p.value),1)):s(``,!0),g.value?(d(),m(`p`,V,h(g.value),1)):s(``,!0),i(O,{variant:`primary`,class:`share-sheet__btn`,disabled:f.value||!u.value.trim(),onClick:v},{default:y(()=>[c(h(f.value?`Sending…`:`Send invite`),1)]),_:1},8,[`disabled`])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-24296e7b`]]),re={class:`library`},ie={class:`library__tabs`,role:`tablist`},ae=[`aria-selected`,`onClick`],oe={key:0,class:`library__loading`},se={key:0,class:`library__empty`},ce={key:1,class:`library__grid`},le={class:`library__thumb`},ue=[`src`,`alt`],de={class:`library__thumb-actions`},fe=[`aria-label`,`title`,`onClick`],pe=[`aria-label`,`disabled`,`onClick`],me={key:0,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},he={key:1,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},ge=[`aria-label`,`onClick`],_e=[`onClick`],ve={key:0,class:`library__approvals`},ye=[`aria-label`,`onClick`],be={key:1,class:`library__locks`},xe=[`aria-label`,`onClick`],Se={width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},Ce={key:0,d:`M7 11V7a5 5 0 0 1 10 0v4`},H={key:1,d:`M7 11V7a5 5 0 0 1 9.9-1`},we={class:`library__subtabs`,role:`tablist`},Te=[`aria-selected`,`onClick`],Ee={key:0,class:`library__loading`},De={key:1,class:`library__shared-empty`},Oe={class:`library__empty-title`},ke={class:`library__empty-sub`},Ae={key:2,class:`library__shared-list`},je={key:3,class:`library__pagination`},Me=[`disabled`],Ne={class:`library__page-info`},Pe=[`disabled`],Fe={class:`library__sheet-actions`},U=g(v({__name:`LibraryView`,setup(e){let g=T(),v=b(),x=D(),S=ee(),E=C(),A=w(),j=[{id:`all`,label:`All`},{id:`mine`,label:`Mine`},{id:`shared`,label:`Shared`}],M=n(A.query.tab??`all`),N=[{id:`pending`,label:`Pending`},{id:`approved`,label:`Approved`},{id:`declined`,label:`Declined`}],P=n(`pending`),F=n([]),I=n(!1),L=n(1),R=n(1);async function z(e,t=1){I.value=!0;try{let n=await v.fetchSharedImages(e,t);F.value=n.items,L.value=n.page,R.value=n.totalPages}finally{I.value=!1}}function B(e){P.value=e,z(e,1)}function V(e){z(P.value,e)}function U(e){let t=F.value.findIndex(t=>t.id===e.id);t!==-1&&(F.value[t]=e)}t(()=>{v.fetchImages(),x.fetchDevices(),v.fetchPendingCount(),M.value===`shared`&&z(P.value)});let W=f(()=>v.images),G=n(!1),K=n(null);function Ie(e){K.value=e,G.value=!0}let q=n(null);async function J(e,t){if(!q.value){q.value=e.id;try{await S.initEdit(e,t),g.push(`/upload`)}catch{E.show(`Could not load photo for editing`,`error`)}finally{q.value=null}}}function Y(e){if(e.cropOrientation)return e.cropOrientation;let t=e.cropParams;return!t?.natW||!t?.natH?null:t.natW>=t.natH?`landscape`:`portrait`}function X(e){let t=Y(e);if(!t)return null;for(let n of e.approvedDeviceIds){let e=x.devices.find(e=>e.id===n);if(e&&e.orientation!==t)return e}return null}async function Le(e,t){try{t.lockedImageId===e?await x.unlockImage(t.id):await x.lockImage(t.id,e)}catch{E.show(`Failed to update lock`,`error`)}}async function Re(e,t,n){try{await v.setApproval(e,t,n)}catch{E.show(`Failed to update frame approval`,`error`)}}let Z=n(!1),Q=n(null),$=n(!1);function ze(e){Q.value=e,Z.value=!0}async function Be(){if(Q.value){$.value=!0;try{await v.deleteImage(Q.value),Z.value=!1,E.show(`Photo deleted`,`success`)}catch{E.show(`Delete failed`,`error`)}finally{$.value=!1}}}return(e,t)=>(d(),m(`main`,re,[_(`div`,ie,[(d(),m(p,null,u(j,e=>_(`button`,{key:e.id,type:`button`,role:`tab`,"aria-selected":M.value===e.id,class:o([`library__tab`,{"library__tab--active":M.value===e.id}]),onClick:t=>M.value=e.id},h(e.label),11,ae)),64))]),r(v).loading?(d(),m(`div`,oe,`Loading…`)):M.value===`shared`?(d(),m(p,{key:2},[_(`div`,we,[(d(),m(p,null,u(N,e=>_(`button`,{key:e.id,type:`button`,role:`tab`,"aria-selected":P.value===e.id,class:o([`library__subtab`,{"library__subtab--active":P.value===e.id}]),onClick:t=>B(e.id)},h(e.label),11,Te)),64))]),I.value?(d(),m(`div`,Ee,`Loading…`)):F.value.length===0?(d(),m(`div`,De,[t[12]||=l(`<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-592ae183><circle cx="18" cy="5" r="3" data-v-592ae183></circle><circle cx="6" cy="12" r="3" data-v-592ae183></circle><circle cx="18" cy="19" r="3" data-v-592ae183></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" data-v-592ae183></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" data-v-592ae183></line></svg>`,1),_(`p`,Oe,h(P.value===`pending`?`No pending photos`:P.value===`approved`?`No approved photos`:`No declined photos`),1),_(`p`,ke,h(P.value===`pending`?`Photos shared with you will appear here.`:`Photos you've added to a frame will appear here.`),1)])):(d(),m(`div`,Ae,[(d(!0),m(p,null,u(F.value,e=>(d(),a(te,{key:e.id,item:e,onUpdated:U},null,8,[`item`]))),128))])),R.value>1?(d(),m(`div`,je,[_(`button`,{class:`library__page-btn`,disabled:L.value<=1,onClick:t[0]||=e=>V(L.value-1)},`← Prev`,8,Me),_(`span`,Ne,h(L.value)+` / `+h(R.value),1),_(`button`,{class:`library__page-btn`,disabled:L.value>=R.value,onClick:t[1]||=e=>V(L.value+1)},`Next →`,8,Pe)])):s(``,!0)],64)):(d(),m(p,{key:1},[W.value.length===0?(d(),m(`div`,se,[...t[5]||=[l(`<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-592ae183><rect x="3" y="3" width="18" height="18" rx="2" data-v-592ae183></rect><circle cx="8.5" cy="8.5" r="1.5" data-v-592ae183></circle><polyline points="21,15 16,10 5,21" data-v-592ae183></polyline></svg><p class="library__empty-title" data-v-592ae183>No photos yet</p><p class="library__empty-sub" data-v-592ae183>Tap &quot;+ Add Photo&quot; on the home screen to get started.</p>`,3)]])):(d(),m(`div`,ce,[(d(!0),m(p,null,u(W.value,e=>(d(),m(`div`,{key:e.id,class:`library__item`},[_(`div`,le,[_(`img`,{src:e.thumbnailUrl,alt:e.originalFilename,class:`library__img`,loading:`lazy`},null,8,ue),_(`div`,de,[X(e)?(d(),m(`button`,{key:0,class:`library__action-btn library__action-btn--warn`,type:`button`,"aria-label":`Crop orientation does not match ${X(e).name}; tap to re-crop`,title:`Cropped ${Y(e)}, but ${X(e).name} is set to ${X(e).orientation}.`,onClick:t=>J(e,X(e).id)},[...t[6]||=[_(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[_(`path`,{d:`M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),_(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),_(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})],-1)]],8,fe)):s(``,!0),_(`button`,{class:`library__action-btn`,type:`button`,"aria-label":`Edit ${e.originalFilename}`,disabled:q.value===e.id,onClick:t=>J(e)},[q.value===e.id?(d(),m(`svg`,he,[...t[8]||=[_(`circle`,{cx:`12`,cy:`12`,r:`10`},null,-1),_(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`},null,-1),_(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`},null,-1)]])):(d(),m(`svg`,me,[...t[7]||=[_(`path`,{d:`M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7`},null,-1),_(`path`,{d:`M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z`},null,-1)]]))],8,pe),_(`button`,{class:`library__action-btn`,type:`button`,"aria-label":`Share ${e.originalFilename}`,onClick:t=>Ie(e.id)},[...t[9]||=[l(`<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-v-592ae183><circle cx="18" cy="5" r="3" data-v-592ae183></circle><circle cx="6" cy="12" r="3" data-v-592ae183></circle><circle cx="18" cy="19" r="3" data-v-592ae183></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" data-v-592ae183></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" data-v-592ae183></line></svg>`,1)]],8,ge),_(`button`,{class:`library__action-btn library__action-btn--danger`,type:`button`,"aria-label":`Delete photo`,onClick:t=>ze(e.id)},[...t[10]||=[l(`<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-v-592ae183><polyline points="3 6 5 6 21 6" data-v-592ae183></polyline><path d="M19 6l-1 14H6L5 6" data-v-592ae183></path><path d="M10 11v6M14 11v6" data-v-592ae183></path><path d="M9 6V4h6v2" data-v-592ae183></path></svg>`,1)]],8,_e)])]),r(x).devices.length>0?(d(),m(`div`,ve,[(d(!0),m(p,null,u(r(x).devices,t=>(d(),m(`button`,{key:t.id,class:o([`library__approval-chip`,{"library__approval-chip--on":e.approvedDeviceIds.includes(t.id)}]),type:`button`,"aria-label":`${e.approvedDeviceIds.includes(t.id)?`Remove from`:`Add to`} ${t.name}`,onClick:n=>Re(e.id,t.id,!e.approvedDeviceIds.includes(t.id))},h(t.name),11,ye))),128))])):s(``,!0),r(x).devices.length>0?(d(),m(`div`,be,[(d(!0),m(p,null,u(r(x).devices.filter(t=>e.approvedDeviceIds.includes(t.id)),n=>(d(),m(`button`,{key:n.id,class:o([`library__lock-chip`,{"library__lock-chip--on":n.lockedImageId===e.id}]),type:`button`,"aria-label":`${n.lockedImageId===e.id?`Unlock from`:`Lock to`} ${n.name}`,onClick:t=>Le(e.id,n)},[(d(),m(`svg`,Se,[t[11]||=_(`rect`,{x:`3`,y:`11`,width:`18`,height:`11`,rx:`2`,ry:`2`},null,-1),n.lockedImageId===e.id?(d(),m(`path`,Ce)):(d(),m(`path`,H))])),c(` `+h(n.name),1)],10,xe))),128))])):s(``,!0)]))),128))]))],64)),K.value===null?s(``,!0):(d(),a(ne,{key:3,modelValue:G.value,"onUpdate:modelValue":t[2]||=e=>G.value=e,"image-id":K.value},null,8,[`modelValue`,`image-id`])),i(k,{modelValue:Z.value,"onUpdate:modelValue":t[4]||=e=>Z.value=e,label:`Delete photo`},{default:y(()=>[t[14]||=_(`h2`,{class:`library__sheet-title`},`Delete this photo?`,-1),t[15]||=_(`p`,{class:`library__sheet-sub`},`It will be removed from all frames.`,-1),_(`div`,Fe,[i(O,{variant:`secondary`,onClick:t[3]||=e=>Z.value=!1},{default:y(()=>[...t[13]||=[c(`Cancel`,-1)]]),_:1}),i(O,{variant:`destructive`,disabled:$.value,onClick:Be},{default:y(()=>[c(h($.value?`Deleting…`:`Delete`),1)]),_:1},8,[`disabled`])])]),_:1},8,[`modelValue`])]))}}),[[`__scopeId`,`data-v-592ae183`]]);export{U as default};
\ No newline at end of file
diff --git a/public/build/assets/LibraryView-Bf9KbHdL.css b/public/build/assets/LibraryView-Bf9KbHdL.css
new file mode 100644
index 0000000..c9e4080
--- /dev/null
+++ b/public/build/assets/LibraryView-Bf9KbHdL.css
@@ -0,0 +1 @@
+.approve-card[data-v-6d3dd8b4]{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.approve-card__thumb[data-v-6d3dd8b4]{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-border);flex-shrink:0;width:80px;height:80px}.approve-card__body[data-v-6d3dd8b4]{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.approve-card__from[data-v-6d3dd8b4]{font-size:var(--text-sm)}.approve-card__date[data-v-6d3dd8b4]{font-size:var(--text-xs);color:var(--color-text-muted)}.approve-card__badge[data-v-6d3dd8b4]{font-size:var(--text-xs);text-transform:capitalize;border-radius:999px;padding:2px 8px;font-weight:600;display:inline-block}.approve-card__badge--approved[data-v-6d3dd8b4]{color:#1a7f4b;background:#d4edda}.approve-card__badge--declined[data-v-6d3dd8b4]{color:#d93025;background:#fde8e8}.approve-card__actions[data-v-6d3dd8b4]{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.share-sheet__title[data-v-24296e7b]{font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:700}.share-sheet__sub[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.share-sheet__field[data-v-24296e7b]{margin-bottom:var(--space-3)}.share-sheet__input[data-v-24296e7b]{width:100%;min-height:var(--touch-min);padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:inherit}.share-sheet__input[data-v-24296e7b]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.share-sheet__error[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-danger,#d93025);margin-bottom:var(--space-3)}.share-sheet__success[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-success,#1a7f4b);margin-bottom:var(--space-3)}.share-sheet__btn[data-v-24296e7b]{width:100%}.library[data-v-dedbaee5]{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4))}.library__tabs[data-v-dedbaee5]{border-bottom:1px solid var(--color-border);top:env(safe-area-inset-top);background:var(--color-bg);z-index:5;display:flex;position:sticky}.library__tab[data-v-dedbaee5]{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600}.library__tab--active[data-v-dedbaee5]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.library__loading[data-v-dedbaee5]{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.library__subtabs[data-v-dedbaee5]{border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex}.library__subtab[data-v-dedbaee5]{padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600}.library__subtab--active[data-v-dedbaee5]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.library__shared-list[data-v-dedbaee5]{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.library__pagination[data-v-dedbaee5]{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.library__page-btn[data-v-dedbaee5]{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;background:0 0;font-weight:600}.library__page-btn[data-v-dedbaee5]:disabled{opacity:.4;cursor:default}.library__page-info[data-v-dedbaee5]{font-size:var(--text-sm);color:var(--color-text-muted)}.library__empty[data-v-dedbaee5],.library__shared-empty[data-v-dedbaee5]{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.library__empty-title[data-v-dedbaee5]{font-size:var(--text-md);color:var(--color-text);font-weight:700}.library__empty-sub[data-v-dedbaee5]{font-size:var(--text-sm);max-width:280px;line-height:1.5}.library__grid[data-v-dedbaee5]{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.library__item[data-v-dedbaee5]{gap:var(--space-2);flex-direction:column;display:flex}.library__thumb[data-v-dedbaee5]{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-surface-2);position:relative;overflow:hidden}.library__img[data-v-dedbaee5]{object-fit:cover;width:100%;height:100%;display:block}.library__thumb-actions[data-v-dedbaee5]{top:var(--space-2);right:var(--space-2);gap:4px;display:flex;position:absolute}.library__action-btn[data-v-dedbaee5]{cursor:pointer;color:#fff;width:28px;height:28px;transition:background var(--duration-fast);background:#0000008c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.library__action-btn[data-v-dedbaee5]:disabled{opacity:.5;cursor:default}.library__action-btn[data-v-dedbaee5]:hover:not(:disabled){background:#000000bf}.library__action-btn--danger[data-v-dedbaee5]:hover:not(:disabled){background:#b40000cc}.library__action-btn--warn[data-v-dedbaee5]{background:var(--color-warning,#f59e0b)}.library__action-btn--warn[data-v-dedbaee5]:hover:not(:disabled){background:color-mix(in srgb, var(--color-warning,#f59e0b) 85%, black)}.library__approvals[data-v-dedbaee5]{gap:var(--space-1);flex-wrap:wrap;display:flex}.library__approval-chip[data-v-dedbaee5]{border:1.5px solid var(--color-border);font-size:var(--text-xs,11px);cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;padding:3px 10px;font-weight:600}.library__approval-chip--on[data-v-dedbaee5]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.library__locks[data-v-dedbaee5]{gap:var(--space-1);flex-wrap:wrap;display:flex}.library__lock-chip[data-v-dedbaee5]{border:1.5px dashed var(--color-border);font-size:var(--text-xs,11px);cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:flex}.library__lock-chip--on[data-v-dedbaee5]{background:var(--color-warning,#f59e0b);border-color:var(--color-warning,#f59e0b);color:#fff;border-style:solid}.library__sheet-title[data-v-dedbaee5]{font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:700}.library__sheet-sub[data-v-dedbaee5]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.library__sheet-actions[data-v-dedbaee5]{gap:var(--space-3);display:flex}.library__sheet-actions[data-v-dedbaee5]>*{flex:1}
diff --git a/public/build/assets/LibraryView-BvFubSso.js b/public/build/assets/LibraryView-BvFubSso.js
new file mode 100644
index 0000000..4371a2f
--- /dev/null
+++ b/public/build/assets/LibraryView-BvFubSso.js
@@ -0,0 +1 @@
+import{B as e,E as t,H as n,K as r,R as i,_ as a,d as o,dt as s,f as c,g as l,h as u,j as d,k as f,l as p,o as m,p as h,pt as g,t as _,u as v,v as y,z as b}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{a as x,d as S,f as C,i as w,o as T,s as E,u as D}from"./index-D13oAsTG.js";import{i as O,n as k,r as ee,t as A}from"./BaseBottomSheet-CO3Iefke.js";import{t as j}from"./DevicePicker-CfQ8y-l0.js";var M={class:`approve-card`},N=[`src`,`alt`],P={class:`approve-card__body`},F={class:`approve-card__from`},I={class:`approve-card__date`},L={key:0,class:`approve-card__status`},R={class:`approve-card__actions`},te=_(y({__name:`ApproveCard`,props:{item:{}},emits:[`updated`],setup(e,{emit:t}){let i=e,u=t,d=x(),_=O(),y=n(!1),S=n(!1),C=n([]),w=p(()=>new Date(i.item.sharedAt).toLocaleDateString(void 0,{month:`short`,day:`numeric`,year:`numeric`}));async function T(){y.value=!1,S.value=!0;try{u(`updated`,await d.approveShared(i.item.id,C.value))}finally{S.value=!1,C.value=[]}}async function E(){S.value=!0;try{u(`updated`,await d.declineShared(i.item.id))}finally{S.value=!1}}return(t,n)=>(f(),h(m,null,[v(`div`,M,[v(`img`,{src:e.item.thumbnailUrl,alt:`Photo from ${e.item.sharedBy}`,class:`approve-card__thumb`,loading:`lazy`},null,8,N),v(`div`,P,[v(`p`,F,[n[3]||=l(`From `,-1),v(`strong`,null,g(e.item.sharedBy),1)]),v(`p`,I,g(w.value),1),e.item.status===`pending`?c(``,!0):(f(),h(`div`,L,[v(`span`,{class:s([`approve-card__badge`,`approve-card__badge--${e.item.status}`])},g(e.item.status),3)])),v(`div`,R,[e.item.status===`pending`||e.item.status===`declined`?(f(),o(k,{key:0,variant:`primary`,size:`sm`,disabled:S.value,onClick:n[0]||=e=>y.value=!0},{default:b(()=>[l(g(e.item.status===`declined`?`Add anyway`:`Add to frame`),1)]),_:1},8,[`disabled`])):c(``,!0),e.item.status===`pending`||e.item.status===`approved`?(f(),o(k,{key:1,variant:`ghost`,size:`sm`,disabled:S.value,onClick:E},{default:b(()=>[l(g(e.item.status===`approved`?`Remove`:`Decline`),1)]),_:1},8,[`disabled`])):c(``,!0)])])]),a(j,{modelValue:y.value,"onUpdate:modelValue":n[1]||=e=>y.value=e,devices:r(_).devices,selected:C.value,uploading:S.value,"confirm-label":`Add to frames`,"onUpdate:selected":n[2]||=e=>C.value=e,onConfirm:T},null,8,[`modelValue`,`devices`,`selected`,`uploading`])],64))}}),[[`__scopeId`,`data-v-6d3dd8b4`]]),z={class:`share-sheet__field`},B=[`onKeydown`],V={key:0,class:`share-sheet__error`},H={key:1,class:`share-sheet__success`},ne=_(y({__name:`ShareSheet`,props:{modelValue:{type:Boolean},imageId:{}},emits:[`update:modelValue`],setup(t,{emit:r}){let i=t,s=x(),u=n(``),d=n(!1),p=n(``),m=n(``);async function _(){if(p.value=``,m.value=``,u.value.trim()){d.value=!0;try{await s.shareImage(i.imageId,u.value.trim()),m.value=`Invite sent to ${u.value.trim()}`,u.value=``}catch(e){p.value=e instanceof Error?e.message:`Failed to send`}finally{d.value=!1}}}return(n,r)=>(f(),o(A,{"model-value":t.modelValue,label:`Share photo`,"onUpdate:modelValue":r[1]||=e=>n.$emit(`update:modelValue`,e)},{default:b(()=>[r[2]||=v(`h2`,{class:`share-sheet__title`},`Share with someone`,-1),r[3]||=v(`p`,{class:`share-sheet__sub`},`They'll get an email and can add it to their frame.`,-1),v(`div`,z,[e(v(`input`,{"onUpdate:modelValue":r[0]||=e=>u.value=e,type:`email`,class:`share-sheet__input`,placeholder:`their@email.com`,autocomplete:`email`,onKeydown:S(C(_,[`prevent`]),[`enter`])},null,40,B),[[D,u.value]])]),p.value?(f(),h(`p`,V,g(p.value),1)):c(``,!0),m.value?(f(),h(`p`,H,g(m.value),1)):c(``,!0),a(k,{variant:`primary`,class:`share-sheet__btn`,disabled:d.value||!u.value.trim(),onClick:_},{default:b(()=>[l(g(d.value?`Sending…`:`Send invite`),1)]),_:1},8,[`disabled`])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-24296e7b`]]),re={class:`library`},ie={class:`library__tabs`,role:`tablist`},ae=[`aria-selected`,`onClick`],oe={key:0,class:`library__loading`},se={key:0,class:`library__empty`},ce={key:1,class:`library__grid`},le={class:`library__thumb`},ue=[`src`,`alt`],de={class:`library__thumb-actions`},fe=[`aria-label`,`title`,`onClick`],pe=[`aria-label`,`disabled`,`onClick`],me={key:0,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},he={key:1,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},ge=[`aria-label`,`onClick`],_e=[`onClick`],ve={key:0,class:`library__approvals`},ye=[`aria-label`,`onClick`],be={key:1,class:`library__locks`},xe=[`aria-label`,`onClick`],Se={width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},Ce={key:0,d:`M7 11V7a5 5 0 0 1 10 0v4`},we={key:1,d:`M7 11V7a5 5 0 0 1 9.9-1`},Te={class:`library__subtabs`,role:`tablist`},Ee=[`aria-selected`,`onClick`],De={key:0,class:`library__loading`},Oe={key:1,class:`library__shared-empty`},ke={class:`library__empty-title`},Ae={class:`library__empty-sub`},je={key:2,class:`library__shared-list`},Me={key:3,class:`library__pagination`},Ne=[`disabled`],Pe={class:`library__page-info`},Fe=[`disabled`],Ie={class:`library__sheet-actions`},U=_(y({__name:`LibraryView`,setup(e){let _=E(),y=x(),S=O(),C=ee(),D=w(),j=T(),M=[{id:`all`,label:`All`},{id:`mine`,label:`Mine`},{id:`shared`,label:`Shared`}];function N(e){return M.some(t=>t.id===e)?e:`all`}let P=n(N(j.query.tab));i(()=>j.query.tab,e=>{let t=N(e);t!==P.value&&(P.value=t,t===`shared`&&V(I.value))});let F=[{id:`pending`,label:`Pending`},{id:`approved`,label:`Approved`},{id:`declined`,label:`Declined`}],I=n(`pending`),L=n([]),R=n(!1),z=n(1),B=n(1);async function V(e,t=1){R.value=!0;try{let n=await y.fetchSharedImages(e,t);L.value=n.items,z.value=n.page,B.value=n.totalPages}finally{R.value=!1}}function H(e){I.value=e,V(e,1)}function U(e){V(I.value,e)}function Le(e){let t=L.value.findIndex(t=>t.id===e.id);t!==-1&&(L.value[t]=e)}t(()=>{y.fetchImages(),S.fetchDevices(),y.fetchPendingCount(),P.value===`shared`&&V(I.value)});let W=p(()=>y.images),G=n(!1),K=n(null);function Re(e){K.value=e,G.value=!0}let q=n(null);async function J(e,t){if(!q.value){q.value=e.id;try{await C.initEdit(e,t),_.push(`/upload`)}catch{D.show(`Could not load photo for editing`,`error`)}finally{q.value=null}}}function Y(e){if(e.cropOrientation)return e.cropOrientation;let t=e.cropParams;return!t?.natW||!t?.natH?null:t.natW>=t.natH?`landscape`:`portrait`}function X(e){let t=Y(e);if(!t)return null;for(let n of e.approvedDeviceIds){let e=S.devices.find(e=>e.id===n);if(e&&e.orientation!==t)return e}return null}async function ze(e,t){try{t.lockedImageId===e?await S.unlockImage(t.id):await S.lockImage(t.id,e)}catch{D.show(`Failed to update lock`,`error`)}}async function Be(e,t,n){try{await y.setApproval(e,t,n)}catch{D.show(`Failed to update frame approval`,`error`)}}let Z=n(!1),Q=n(null),$=n(!1);function Ve(e){Q.value=e,Z.value=!0}async function He(){if(Q.value){$.value=!0;try{await y.deleteImage(Q.value),Z.value=!1,D.show(`Photo deleted`,`success`)}catch{D.show(`Delete failed`,`error`)}finally{$.value=!1}}}return(e,t)=>(f(),h(`main`,re,[v(`div`,ie,[(f(),h(m,null,d(M,e=>v(`button`,{key:e.id,type:`button`,role:`tab`,"aria-selected":P.value===e.id,class:s([`library__tab`,{"library__tab--active":P.value===e.id}]),onClick:t=>P.value=e.id},g(e.label),11,ae)),64))]),r(y).loading?(f(),h(`div`,oe,`Loading…`)):P.value===`shared`?(f(),h(m,{key:2},[v(`div`,Te,[(f(),h(m,null,d(F,e=>v(`button`,{key:e.id,type:`button`,role:`tab`,"aria-selected":I.value===e.id,class:s([`library__subtab`,{"library__subtab--active":I.value===e.id}]),onClick:t=>H(e.id)},g(e.label),11,Ee)),64))]),R.value?(f(),h(`div`,De,`Loading…`)):L.value.length===0?(f(),h(`div`,Oe,[t[12]||=u(`<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-dedbaee5><circle cx="18" cy="5" r="3" data-v-dedbaee5></circle><circle cx="6" cy="12" r="3" data-v-dedbaee5></circle><circle cx="18" cy="19" r="3" data-v-dedbaee5></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" data-v-dedbaee5></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" data-v-dedbaee5></line></svg>`,1),v(`p`,ke,g(I.value===`pending`?`No pending photos`:I.value===`approved`?`No approved photos`:`No declined photos`),1),v(`p`,Ae,g(I.value===`pending`?`Photos shared with you will appear here.`:`Photos you've added to a frame will appear here.`),1)])):(f(),h(`div`,je,[(f(!0),h(m,null,d(L.value,e=>(f(),o(te,{key:e.id,item:e,onUpdated:Le},null,8,[`item`]))),128))])),B.value>1?(f(),h(`div`,Me,[v(`button`,{class:`library__page-btn`,disabled:z.value<=1,onClick:t[0]||=e=>U(z.value-1)},`← Prev`,8,Ne),v(`span`,Pe,g(z.value)+` / `+g(B.value),1),v(`button`,{class:`library__page-btn`,disabled:z.value>=B.value,onClick:t[1]||=e=>U(z.value+1)},`Next →`,8,Fe)])):c(``,!0)],64)):(f(),h(m,{key:1},[W.value.length===0?(f(),h(`div`,se,[...t[5]||=[u(`<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true" data-v-dedbaee5><rect x="3" y="3" width="18" height="18" rx="2" data-v-dedbaee5></rect><circle cx="8.5" cy="8.5" r="1.5" data-v-dedbaee5></circle><polyline points="21,15 16,10 5,21" data-v-dedbaee5></polyline></svg><p class="library__empty-title" data-v-dedbaee5>No photos yet</p><p class="library__empty-sub" data-v-dedbaee5>Tap &quot;+ Add Photo&quot; on the home screen to get started.</p>`,3)]])):(f(),h(`div`,ce,[(f(!0),h(m,null,d(W.value,e=>(f(),h(`div`,{key:e.id,class:`library__item`},[v(`div`,le,[v(`img`,{src:e.thumbnailUrl,alt:e.originalFilename,class:`library__img`,loading:`lazy`},null,8,ue),v(`div`,de,[X(e)?(f(),h(`button`,{key:0,class:`library__action-btn library__action-btn--warn`,type:`button`,"aria-label":`Crop orientation does not match ${X(e).name}; tap to re-crop`,title:`Cropped ${Y(e)}, but ${X(e).name} is set to ${X(e).orientation}.`,onClick:t=>J(e,X(e).id)},[...t[6]||=[v(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[v(`path`,{d:`M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),v(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),v(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})],-1)]],8,fe)):c(``,!0),v(`button`,{class:`library__action-btn`,type:`button`,"aria-label":`Edit ${e.originalFilename}`,disabled:q.value===e.id,onClick:t=>J(e)},[q.value===e.id?(f(),h(`svg`,he,[...t[8]||=[v(`circle`,{cx:`12`,cy:`12`,r:`10`},null,-1),v(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`12`},null,-1),v(`line`,{x1:`12`,y1:`16`,x2:`12.01`,y2:`16`},null,-1)]])):(f(),h(`svg`,me,[...t[7]||=[v(`path`,{d:`M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7`},null,-1),v(`path`,{d:`M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z`},null,-1)]]))],8,pe),v(`button`,{class:`library__action-btn`,type:`button`,"aria-label":`Share ${e.originalFilename}`,onClick:t=>Re(e.id)},[...t[9]||=[u(`<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-v-dedbaee5><circle cx="18" cy="5" r="3" data-v-dedbaee5></circle><circle cx="6" cy="12" r="3" data-v-dedbaee5></circle><circle cx="18" cy="19" r="3" data-v-dedbaee5></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" data-v-dedbaee5></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" data-v-dedbaee5></line></svg>`,1)]],8,ge),v(`button`,{class:`library__action-btn library__action-btn--danger`,type:`button`,"aria-label":`Delete photo`,onClick:t=>Ve(e.id)},[...t[10]||=[u(`<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-v-dedbaee5><polyline points="3 6 5 6 21 6" data-v-dedbaee5></polyline><path d="M19 6l-1 14H6L5 6" data-v-dedbaee5></path><path d="M10 11v6M14 11v6" data-v-dedbaee5></path><path d="M9 6V4h6v2" data-v-dedbaee5></path></svg>`,1)]],8,_e)])]),r(S).devices.length>0?(f(),h(`div`,ve,[(f(!0),h(m,null,d(r(S).devices,t=>(f(),h(`button`,{key:t.id,class:s([`library__approval-chip`,{"library__approval-chip--on":e.approvedDeviceIds.includes(t.id)}]),type:`button`,"aria-label":`${e.approvedDeviceIds.includes(t.id)?`Remove from`:`Add to`} ${t.name}`,onClick:n=>Be(e.id,t.id,!e.approvedDeviceIds.includes(t.id))},g(t.name),11,ye))),128))])):c(``,!0),r(S).devices.length>0?(f(),h(`div`,be,[(f(!0),h(m,null,d(r(S).devices.filter(t=>e.approvedDeviceIds.includes(t.id)),n=>(f(),h(`button`,{key:n.id,class:s([`library__lock-chip`,{"library__lock-chip--on":n.lockedImageId===e.id}]),type:`button`,"aria-label":`${n.lockedImageId===e.id?`Unlock from`:`Lock to`} ${n.name}`,onClick:t=>ze(e.id,n)},[(f(),h(`svg`,Se,[t[11]||=v(`rect`,{x:`3`,y:`11`,width:`18`,height:`11`,rx:`2`,ry:`2`},null,-1),n.lockedImageId===e.id?(f(),h(`path`,Ce)):(f(),h(`path`,we))])),l(` `+g(n.name),1)],10,xe))),128))])):c(``,!0)]))),128))]))],64)),K.value===null?c(``,!0):(f(),o(ne,{key:3,modelValue:G.value,"onUpdate:modelValue":t[2]||=e=>G.value=e,"image-id":K.value},null,8,[`modelValue`,`image-id`])),a(A,{modelValue:Z.value,"onUpdate:modelValue":t[4]||=e=>Z.value=e,label:`Delete photo`},{default:b(()=>[t[14]||=v(`h2`,{class:`library__sheet-title`},`Delete this photo?`,-1),t[15]||=v(`p`,{class:`library__sheet-sub`},`It will be removed from all frames.`,-1),v(`div`,Ie,[a(k,{variant:`secondary`,onClick:t[3]||=e=>Z.value=!1},{default:b(()=>[...t[13]||=[l(`Cancel`,-1)]]),_:1}),a(k,{variant:`destructive`,disabled:$.value,onClick:He},{default:b(()=>[l(g($.value?`Deleting…`:`Delete`),1)]),_:1},8,[`disabled`])])]),_:1},8,[`modelValue`])]))}}),[[`__scopeId`,`data-v-dedbaee5`]]);export{U as default};
\ No newline at end of file
diff --git a/public/build/assets/LibraryView-C18KukkR.css b/public/build/assets/LibraryView-C18KukkR.css
deleted file mode 100644
index d11ada1..0000000
--- a/public/build/assets/LibraryView-C18KukkR.css
+++ /dev/null
@@ -1 +0,0 @@
-.approve-card[data-v-6d3dd8b4]{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.approve-card__thumb[data-v-6d3dd8b4]{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-border);flex-shrink:0;width:80px;height:80px}.approve-card__body[data-v-6d3dd8b4]{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.approve-card__from[data-v-6d3dd8b4]{font-size:var(--text-sm)}.approve-card__date[data-v-6d3dd8b4]{font-size:var(--text-xs);color:var(--color-text-muted)}.approve-card__badge[data-v-6d3dd8b4]{font-size:var(--text-xs);text-transform:capitalize;border-radius:999px;padding:2px 8px;font-weight:600;display:inline-block}.approve-card__badge--approved[data-v-6d3dd8b4]{color:#1a7f4b;background:#d4edda}.approve-card__badge--declined[data-v-6d3dd8b4]{color:#d93025;background:#fde8e8}.approve-card__actions[data-v-6d3dd8b4]{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.share-sheet__title[data-v-24296e7b]{font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:700}.share-sheet__sub[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.share-sheet__field[data-v-24296e7b]{margin-bottom:var(--space-3)}.share-sheet__input[data-v-24296e7b]{width:100%;min-height:var(--touch-min);padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-family:inherit}.share-sheet__input[data-v-24296e7b]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.share-sheet__error[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-danger,#d93025);margin-bottom:var(--space-3)}.share-sheet__success[data-v-24296e7b]{font-size:var(--text-sm);color:var(--color-success,#1a7f4b);margin-bottom:var(--space-3)}.share-sheet__btn[data-v-24296e7b]{width:100%}.library[data-v-592ae183]{padding-bottom:calc(64px + var(--space-4))}.library__tabs[data-v-592ae183]{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:5;display:flex;position:sticky;top:0}.library__tab[data-v-592ae183]{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600}.library__tab--active[data-v-592ae183]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.library__loading[data-v-592ae183]{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.library__subtabs[data-v-592ae183]{border-bottom:1px solid var(--color-border);background:var(--color-bg);display:flex}.library__subtab[data-v-592ae183]{padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600}.library__subtab--active[data-v-592ae183]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.library__shared-list[data-v-592ae183]{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.library__pagination[data-v-592ae183]{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.library__page-btn[data-v-592ae183]{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;background:0 0;font-weight:600}.library__page-btn[data-v-592ae183]:disabled{opacity:.4;cursor:default}.library__page-info[data-v-592ae183]{font-size:var(--text-sm);color:var(--color-text-muted)}.library__empty[data-v-592ae183],.library__shared-empty[data-v-592ae183]{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.library__empty-title[data-v-592ae183]{font-size:var(--text-md);color:var(--color-text);font-weight:700}.library__empty-sub[data-v-592ae183]{font-size:var(--text-sm);max-width:280px;line-height:1.5}.library__grid[data-v-592ae183]{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.library__item[data-v-592ae183]{gap:var(--space-2);flex-direction:column;display:flex}.library__thumb[data-v-592ae183]{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-surface-2);position:relative;overflow:hidden}.library__img[data-v-592ae183]{object-fit:cover;width:100%;height:100%;display:block}.library__thumb-actions[data-v-592ae183]{top:var(--space-2);right:var(--space-2);gap:4px;display:flex;position:absolute}.library__action-btn[data-v-592ae183]{cursor:pointer;color:#fff;width:28px;height:28px;transition:background var(--duration-fast);background:#0000008c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.library__action-btn[data-v-592ae183]:disabled{opacity:.5;cursor:default}.library__action-btn[data-v-592ae183]:hover:not(:disabled){background:#000000bf}.library__action-btn--danger[data-v-592ae183]:hover:not(:disabled){background:#b40000cc}.library__action-btn--warn[data-v-592ae183]{background:var(--color-warning,#f59e0b)}.library__action-btn--warn[data-v-592ae183]:hover:not(:disabled){background:color-mix(in srgb, var(--color-warning,#f59e0b) 85%, black)}.library__approvals[data-v-592ae183]{gap:var(--space-1);flex-wrap:wrap;display:flex}.library__approval-chip[data-v-592ae183]{border:1.5px solid var(--color-border);font-size:var(--text-xs,11px);cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;padding:3px 10px;font-weight:600}.library__approval-chip--on[data-v-592ae183]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.library__locks[data-v-592ae183]{gap:var(--space-1);flex-wrap:wrap;display:flex}.library__lock-chip[data-v-592ae183]{border:1.5px dashed var(--color-border);font-size:var(--text-xs,11px);cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:600;display:flex}.library__lock-chip--on[data-v-592ae183]{background:var(--color-warning,#f59e0b);border-color:var(--color-warning,#f59e0b);color:#fff;border-style:solid}.library__sheet-title[data-v-592ae183]{font-size:var(--text-md);margin-bottom:var(--space-2);font-weight:700}.library__sheet-sub[data-v-592ae183]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.library__sheet-actions[data-v-592ae183]{gap:var(--space-3);display:flex}.library__sheet-actions[data-v-592ae183]>*{flex:1}
diff --git a/public/build/assets/SettingsView-BGXX7ONa.css b/public/build/assets/SettingsView-BGXX7ONa.css
new file mode 100644
index 0000000..dfd734d
--- /dev/null
+++ b/public/build/assets/SettingsView-BGXX7ONa.css
@@ -0,0 +1 @@
+.settings[data-v-76ec3881]{padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6));max-width:480px;margin:0 auto}.settings__title[data-v-76ec3881]{font-size:var(--text-xl);margin-bottom:var(--space-6);font-weight:700}.settings__section[data-v-76ec3881]{margin-bottom:var(--space-6)}.settings__section-title[data-v-76ec3881]{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-weight:700}.settings__row[data-v-76ec3881]{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-base);justify-content:space-between;align-items:center;display:flex}.settings__row-label[data-v-76ec3881]{color:var(--color-text-muted)}.settings__row-value[data-v-76ec3881]{font-weight:600}.settings__logout[data-v-76ec3881]{min-height:var(--touch-min);padding:var(--space-3) 0;color:var(--color-destructive);font-weight:600;font-size:var(--text-base);align-items:center;text-decoration:none;display:flex}.theme-grid[data-v-76ec3881]{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.theme-swatch[data-v-76ec3881]{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--swatch-bg);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast);min-height:var(--touch-min);border:2px solid #0000;flex-direction:column;display:flex;position:relative}.theme-swatch--active[data-v-76ec3881]{border-color:var(--swatch-primary)}.theme-swatch__preview[data-v-76ec3881]{border-radius:var(--radius-sm);background:var(--swatch-bg);border:1px solid color-mix(in srgb, var(--swatch-text) 15%, transparent);flex-direction:column;justify-content:center;gap:4px;width:100%;height:36px;padding:0 6px;display:flex}.theme-swatch__bar[data-v-76ec3881]{background:var(--swatch-primary);border-radius:3px;width:60%;height:6px;display:block}.theme-swatch__dot[data-v-76ec3881]{background:var(--swatch-text);opacity:.4;border-radius:2px;width:80%;height:4px;display:block}.theme-swatch__label[data-v-76ec3881]{font-size:var(--text-xs);color:var(--color-text);text-align:center;font-weight:600;line-height:1.2}.theme-swatch__check[data-v-76ec3881]{top:var(--space-1);right:var(--space-2);font-size:var(--text-sm);color:var(--swatch-primary);font-weight:700;position:absolute}
diff --git a/public/build/assets/SettingsView-CWIIisVW.css b/public/build/assets/SettingsView-CWIIisVW.css
deleted file mode 100644
index 7956b66..0000000
--- a/public/build/assets/SettingsView-CWIIisVW.css
+++ /dev/null
@@ -1 +0,0 @@
-.settings[data-v-1446e085]{padding:var(--space-4) var(--space-4) calc(64px + var(--space-6));max-width:480px;margin:0 auto}.settings__title[data-v-1446e085]{font-size:var(--text-xl);margin-bottom:var(--space-6);font-weight:700}.settings__section[data-v-1446e085]{margin-bottom:var(--space-6)}.settings__section-title[data-v-1446e085]{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-weight:700}.settings__row[data-v-1446e085]{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-base);justify-content:space-between;align-items:center;display:flex}.settings__row-label[data-v-1446e085]{color:var(--color-text-muted)}.settings__row-value[data-v-1446e085]{font-weight:600}.settings__logout[data-v-1446e085]{min-height:var(--touch-min);padding:var(--space-3) 0;color:var(--color-destructive);font-weight:600;font-size:var(--text-base);align-items:center;text-decoration:none;display:flex}.theme-grid[data-v-1446e085]{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.theme-swatch[data-v-1446e085]{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--swatch-bg);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast);min-height:var(--touch-min);border:2px solid #0000;flex-direction:column;display:flex;position:relative}.theme-swatch--active[data-v-1446e085]{border-color:var(--swatch-primary)}.theme-swatch__preview[data-v-1446e085]{border-radius:var(--radius-sm);background:var(--swatch-bg);border:1px solid color-mix(in srgb, var(--swatch-text) 15%, transparent);flex-direction:column;justify-content:center;gap:4px;width:100%;height:36px;padding:0 6px;display:flex}.theme-swatch__bar[data-v-1446e085]{background:var(--swatch-primary);border-radius:3px;width:60%;height:6px;display:block}.theme-swatch__dot[data-v-1446e085]{background:var(--swatch-text);opacity:.4;border-radius:2px;width:80%;height:4px;display:block}.theme-swatch__label[data-v-1446e085]{font-size:var(--text-xs);color:var(--color-text);text-align:center;font-weight:600;line-height:1.2}.theme-swatch__check[data-v-1446e085]{top:var(--space-1);right:var(--space-2);font-size:var(--text-sm);color:var(--swatch-primary);font-weight:700;position:absolute}
diff --git a/public/build/assets/SettingsView-DuiAU77B.js b/public/build/assets/SettingsView-CYdyGgyj.js
similarity index 90%
rename from public/build/assets/SettingsView-DuiAU77B.js
rename to public/build/assets/SettingsView-CYdyGgyj.js
index 5268791..19fb5dc 100644
--- a/public/build/assets/SettingsView-DuiAU77B.js
+++ b/public/build/assets/SettingsView-CYdyGgyj.js
@@ -1 +1 @@
-import{K as e,dt as t,f as n,ft as r,j as i,k as a,l as o,o as s,p as c,pt as l,t as u,u as d,v as f}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{n as p,r as m,t as h}from"./index-DCUs53vX.js";var g={class:`settings`},_={class:`settings__section`},v={class:`theme-grid`,role:`radiogroup`,"aria-label":`Choose theme`},y=[`aria-checked`,`aria-label`,`onClick`],b={class:`theme-swatch__label`},x={key:0,class:`theme-swatch__check`,"aria-hidden":`true`},S={class:`settings__section`},C={class:`settings__row`},w={class:`settings__row-value`},T=u(f({__name:`SettingsView`,setup(u){let f=m(),{saveTheme:T}=p(),E=o(()=>f.user?.theme??`warm-craft`);function D(e){T(e)}return(o,u)=>(a(),c(`main`,g,[u[5]||=d(`h1`,{class:`settings__title`},`Settings`,-1),d(`section`,_,[u[1]||=d(`h2`,{class:`settings__section-title`},`Theme`,-1),d(`div`,v,[(a(!0),c(s,null,i(e(h),e=>(a(),c(`button`,{key:e.id,type:`button`,role:`radio`,"aria-checked":E.value===e.id,"aria-label":e.label,class:t([`theme-swatch`,{"theme-swatch--active":E.value===e.id}]),style:r({"--swatch-bg":e.bg,"--swatch-primary":e.primary,"--swatch-text":e.text}),onClick:t=>D(e.id)},[u[0]||=d(`span`,{class:`theme-swatch__preview`,"aria-hidden":`true`},[d(`span`,{class:`theme-swatch__bar`}),d(`span`,{class:`theme-swatch__dot`})],-1),d(`span`,b,l(e.label),1),E.value===e.id?(a(),c(`span`,x,`✓`)):n(``,!0)],14,y))),128))])]),d(`section`,S,[u[3]||=d(`h2`,{class:`settings__section-title`},`Account`,-1),d(`div`,C,[u[2]||=d(`span`,{class:`settings__row-label`},`Signed in as`,-1),d(`span`,w,l(e(f).user?.email),1)]),u[4]||=d(`a`,{href:`/logout`,class:`settings__logout`},`Sign out`,-1)])]))}}),[[`__scopeId`,`data-v-1446e085`]]);export{T as default};
\ No newline at end of file
+import{K as e,dt as t,f as n,ft as r,j as i,k as a,l as o,o as s,p as c,pt as l,t as u,u as d,v as f}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{n as p,r as m,t as h}from"./index-D13oAsTG.js";var g={class:`settings`},_={class:`settings__section`},v={class:`theme-grid`,role:`radiogroup`,"aria-label":`Choose theme`},y=[`aria-checked`,`aria-label`,`onClick`],b={class:`theme-swatch__label`},x={key:0,class:`theme-swatch__check`,"aria-hidden":`true`},S={class:`settings__section`},C={class:`settings__row`},w={class:`settings__row-value`},T=u(f({__name:`SettingsView`,setup(u){let f=m(),{saveTheme:T}=p(),E=o(()=>f.user?.theme??`warm-craft`);function D(e){T(e)}return(o,u)=>(a(),c(`main`,g,[u[5]||=d(`h1`,{class:`settings__title`},`Settings`,-1),d(`section`,_,[u[1]||=d(`h2`,{class:`settings__section-title`},`Theme`,-1),d(`div`,v,[(a(!0),c(s,null,i(e(h),e=>(a(),c(`button`,{key:e.id,type:`button`,role:`radio`,"aria-checked":E.value===e.id,"aria-label":e.label,class:t([`theme-swatch`,{"theme-swatch--active":E.value===e.id}]),style:r({"--swatch-bg":e.bg,"--swatch-primary":e.primary,"--swatch-text":e.text}),onClick:t=>D(e.id)},[u[0]||=d(`span`,{class:`theme-swatch__preview`,"aria-hidden":`true`},[d(`span`,{class:`theme-swatch__bar`}),d(`span`,{class:`theme-swatch__dot`})],-1),d(`span`,b,l(e.label),1),E.value===e.id?(a(),c(`span`,x,`✓`)):n(``,!0)],14,y))),128))])]),d(`section`,S,[u[3]||=d(`h2`,{class:`settings__section-title`},`Account`,-1),d(`div`,C,[u[2]||=d(`span`,{class:`settings__row-label`},`Signed in as`,-1),d(`span`,w,l(e(f).user?.email),1)]),u[4]||=d(`a`,{href:`/logout`,class:`settings__logout`},`Sign out`,-1)])]))}}),[[`__scopeId`,`data-v-76ec3881`]]);export{T as default};
\ No newline at end of file
diff --git a/public/build/assets/UploadView-BdEsaB2u.css b/public/build/assets/UploadView-CH8tyGyv.css
similarity index 70%
rename from public/build/assets/UploadView-BdEsaB2u.css
rename to public/build/assets/UploadView-CH8tyGyv.css
index f7386c7..8a618e8 100644
--- a/public/build/assets/UploadView-BdEsaB2u.css
+++ b/public/build/assets/UploadView-CH8tyGyv.css
@@ -1 +1 @@
-.crop-editor[data-v-85d7731b]{touch-action:none;background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.crop-editor__canvas[data-v-85d7731b]{touch-action:none;cursor:grab;flex:1;min-height:0;display:block}.crop-editor__canvas[data-v-85d7731b]:active{cursor:grabbing}.crop-editor__top[data-v-85d7731b]{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.crop-editor__label[data-v-85d7731b]{color:#fff;font-size:var(--text-xs);letter-spacing:.04em;background:#0009;border-radius:999px;padding:4px 12px;font-weight:700}.crop-editor__orient[data-v-85d7731b]{pointer-events:auto;background:#0009;border-radius:999px;gap:4px;padding:4px;display:flex}.crop-editor__orient-btn[data-v-85d7731b]{color:#ffffffa6;cursor:pointer;width:36px;height:32px;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.crop-editor__orient-btn--active[data-v-85d7731b]{color:#000;background:#fff}.crop-editor__mismatch[data-v-85d7731b]{pointer-events:auto;background:var(--color-warning,#f59e0b);color:#fff;font-size:var(--text-xs);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-weight:600;line-height:1.3;display:flex}.crop-editor__mismatch svg[data-v-85d7731b]{flex-shrink:0}.crop-editor__actions[data-v-85d7731b]{padding:var(--space-4);justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.crop-editor__use-btn[data-v-85d7731b]{width:100%;max-width:320px}.sticker-tray__cats[data-v-7eada75b]{gap:var(--space-2);padding-bottom:var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.sticker-tray__cats[data-v-7eada75b]::-webkit-scrollbar{display:none}.sticker-tray__cat[data-v-7eada75b]{border:1.5px solid var(--color-border);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;padding:6px 14px;font-weight:600}.sticker-tray__cat--active[data-v-7eada75b]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.sticker-tray__grid[data-v-7eada75b]{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.sticker-tray__item[data-v-7eada75b]{padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.sticker-tray__item[data-v-7eada75b]:active{background:var(--color-surface-2)}.sticker-tray__emoji[data-v-7eada75b]{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:36px;line-height:1}.sticker-tray__label[data-v-7eada75b]{color:var(--color-text-muted);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.sticker-canvas[data-v-fb52db70]{background:#111;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.sticker-canvas[data-v-fb52db70] .konvajs-content{flex-shrink:0}.sticker-canvas__delete[data-v-fb52db70]{top:var(--space-3);right:var(--space-3);cursor:pointer;color:#fff;z-index:10;background:#c81e1ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute}.sticker-canvas__bar[data-v-fb52db70]{align-items:center;gap:var(--space-3);height:72px;padding:0 var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:absolute;bottom:0;left:0;right:0}.sticker-canvas__add-btn[data-v-fb52db70]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;font-weight:600;display:flex}.sticker-canvas__next-btn[data-v-fb52db70]{min-width:96px;margin-left:auto}.upload-view[data-v-e0d95da1]{z-index:100;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.upload-view__header[data-v-e0d95da1]{height:56px;padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex;position:relative}.upload-view__back[data-v-e0d95da1]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;display:flex}.upload-view__step-label[data-v-e0d95da1]{font-size:var(--text-base);color:var(--color-text);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.upload-view__skip[data-v-e0d95da1]{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2) 0;background:0 0;border:none;margin-left:auto;font-weight:600}.upload-view__stage[data-v-e0d95da1]{flex:1;min-height:0}.upload-view__done[data-v-e0d95da1]{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);text-align:center;flex-direction:column;flex:1;display:flex}.upload-view__done-icon[data-v-e0d95da1]{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:64px;line-height:1}.upload-view__done-title[data-v-e0d95da1]{font-size:var(--text-xl);font-weight:700}.upload-view__done-sub[data-v-e0d95da1]{font-size:var(--text-sm);color:var(--color-text-muted);max-width:260px;line-height:1.5}.upload-view__done-btn[data-v-e0d95da1]{width:100%;max-width:320px}
+.crop-editor[data-v-85d7731b]{touch-action:none;background:#000;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.crop-editor__canvas[data-v-85d7731b]{touch-action:none;cursor:grab;flex:1;min-height:0;display:block}.crop-editor__canvas[data-v-85d7731b]:active{cursor:grabbing}.crop-editor__top[data-v-85d7731b]{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.crop-editor__label[data-v-85d7731b]{color:#fff;font-size:var(--text-xs);letter-spacing:.04em;background:#0009;border-radius:999px;padding:4px 12px;font-weight:700}.crop-editor__orient[data-v-85d7731b]{pointer-events:auto;background:#0009;border-radius:999px;gap:4px;padding:4px;display:flex}.crop-editor__orient-btn[data-v-85d7731b]{color:#ffffffa6;cursor:pointer;width:36px;height:32px;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.crop-editor__orient-btn--active[data-v-85d7731b]{color:#000;background:#fff}.crop-editor__mismatch[data-v-85d7731b]{pointer-events:auto;background:var(--color-warning,#f59e0b);color:#fff;font-size:var(--text-xs);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-weight:600;line-height:1.3;display:flex}.crop-editor__mismatch svg[data-v-85d7731b]{flex-shrink:0}.crop-editor__actions[data-v-85d7731b]{padding:var(--space-4);justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.crop-editor__use-btn[data-v-85d7731b]{width:100%;max-width:320px}.sticker-tray__cats[data-v-7eada75b]{gap:var(--space-2);padding-bottom:var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.sticker-tray__cats[data-v-7eada75b]::-webkit-scrollbar{display:none}.sticker-tray__cat[data-v-7eada75b]{border:1.5px solid var(--color-border);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;color:var(--color-text-muted);transition:all var(--duration-fast);background:0 0;border-radius:999px;padding:6px 14px;font-weight:600}.sticker-tray__cat--active[data-v-7eada75b]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.sticker-tray__grid[data-v-7eada75b]{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.sticker-tray__item[data-v-7eada75b]{padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;display:flex}.sticker-tray__item[data-v-7eada75b]:active{background:var(--color-surface-2)}.sticker-tray__emoji[data-v-7eada75b]{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:36px;line-height:1}.sticker-tray__label[data-v-7eada75b]{color:var(--color-text-muted);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.sticker-canvas[data-v-fb52db70]{background:#111;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.sticker-canvas[data-v-fb52db70] .konvajs-content{flex-shrink:0}.sticker-canvas__delete[data-v-fb52db70]{top:var(--space-3);right:var(--space-3);cursor:pointer;color:#fff;z-index:10;background:#c81e1ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute}.sticker-canvas__bar[data-v-fb52db70]{align-items:center;gap:var(--space-3);height:72px;padding:0 var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:absolute;bottom:0;left:0;right:0}.sticker-canvas__add-btn[data-v-fb52db70]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;font-weight:600;display:flex}.sticker-canvas__next-btn[data-v-fb52db70]{min-width:96px;margin-left:auto}.upload-view[data-v-af5b9c38]{z-index:100;background:var(--color-bg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.upload-view__header[data-v-af5b9c38]{height:56px;padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex;position:relative}.upload-view__back[data-v-af5b9c38]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;display:flex}.upload-view__step-label[data-v-af5b9c38]{font-size:var(--text-base);color:var(--color-text);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.upload-view__skip[data-v-af5b9c38]{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2) 0;background:0 0;border:none;margin-left:auto;font-weight:600}.upload-view__stage[data-v-af5b9c38]{flex:1;min-height:0}.upload-view__done[data-v-af5b9c38]{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);text-align:center;flex-direction:column;flex:1;display:flex}.upload-view__done-icon[data-v-af5b9c38]{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:64px;line-height:1}.upload-view__done-title[data-v-af5b9c38]{font-size:var(--text-xl);font-weight:700}.upload-view__done-sub[data-v-af5b9c38]{font-size:var(--text-sm);color:var(--color-text-muted);max-width:260px;line-height:1.5}.upload-view__done-btn[data-v-af5b9c38]{width:100%;max-width:320px}
diff --git a/public/build/assets/UploadView-CPf-sdFJ.js b/public/build/assets/UploadView-lwth3Nb9.js
similarity index 98%
rename from public/build/assets/UploadView-CPf-sdFJ.js
rename to public/build/assets/UploadView-lwth3Nb9.js
index 50a3920..0c52279 100644
--- a/public/build/assets/UploadView-CPf-sdFJ.js
+++ b/public/build/assets/UploadView-lwth3Nb9.js
@@ -1 +1 @@
-import{E as e,H as t,K as n,N as r,R as i,T as a,_ as o,d as s,dt as c,f as l,g as u,j as d,k as f,l as p,o as m,p as h,pt as g,t as _,u as v,v as y,w as b,z as x}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{a as S,i as C,s as w}from"./index-DCUs53vX.js";import{i as T,n as E,r as D,t as O}from"./BaseBottomSheet-CzdI27OS.js";import{t as k}from"./DevicePicker-BjuU2ONb.js";var A={class:`crop-editor__top`},j={key:0,class:`crop-editor__label`},M={class:`crop-editor__orient`,role:`radiogroup`,"aria-label":`Crop orientation`},N=[`aria-checked`,`aria-label`,`onClick`],P={width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},ee={key:0,x:`2`,y:`6`,width:`20`,height:`12`,rx:`1.5`},te={key:1,x:`6`,y:`2`,width:`12`,height:`20`,rx:`1.5`},ne={key:1,class:`crop-editor__mismatch`,role:`status`},F={class:`crop-editor__actions`},I=_(y({__name:`CropEditor`,props:{src:{},orientation:{},deviceName:{},initialParams:{},initialOrientation:{}},emits:[`crop`],setup(n,{emit:r}){let s=n,_=r,y=[{value:`landscape`,label:`Landscape crop`},{value:`portrait`,label:`Portrait crop`}],b=t(s.initialOrientation??s.orientation),S=p(()=>b.value===`landscape`?{w:1600,h:960}:{w:960,h:1600}),C=p(()=>S.value.w/S.value.h),w=p(()=>b.value!==s.orientation),T=t(),D=t(),O=null,k=null,I=0,L=t(0),R=t(0),z=t(1),B={x:0,y:0,w:0,h:0},V=1;function re(e){b.value!==e&&(b.value=e,L.value=0,R.value=0,z.value=1,H())}function H(){let e=D.value,t=T.value;if(!e||!t)return;let n=t.getBoundingClientRect(),r=n.height-80,i=n.width;e.width=i,e.height=r,O=e.getContext(`2d`);let a=i-48,o=r-48,s,c;a/o>C.value?(c=o,s=c*C.value):(s=a,c=s/C.value),B={x:(i-s)/2,y:(r-c)/2,w:s,h:c},k&&U()}function U(){k&&(V=Math.max(B.w/k.naturalWidth,B.h/k.naturalHeight),s.initialParams?W(s.initialParams):(z.value=1,L.value=0,R.value=0,K()))}function W(e){if(!k)return;let t=B.w/e.natW;z.value=t/V,L.value=t*(k.naturalWidth/2-e.natX-e.natW/2),R.value=t*(k.naturalHeight/2-e.natY-e.natH/2);let[n,r]=G(L.value,R.value);L.value=n,R.value=r,K()}function G(e,t){if(!k)return[e,t];let n=V*z.value,r=k.naturalWidth*n,i=k.naturalHeight*n,a=(r-B.w)/2,o=(i-B.h)/2;return[Math.max(-a,Math.min(a,e)),Math.max(-o,Math.min(o,t))]}function K(){if(!O||!k||!D.value)return;let{width:e,height:t}=D.value,n=V*z.value,r=k.naturalWidth*n,i=k.naturalHeight*n,a=B.x+B.w/2+L.value,o=B.y+B.h/2+R.value,s=a-r/2,c=o-i/2;O.clearRect(0,0,e,t),O.drawImage(k,s,c,r,i),O.save(),O.fillStyle=`rgba(0,0,0,0.55)`,O.fillRect(0,0,e,t),O.globalCompositeOperation=`destination-out`,O.fillRect(B.x,B.y,B.w,B.h),O.restore(),O.strokeStyle=`#fff`,O.lineWidth=2,O.strokeRect(B.x,B.y,B.w,B.h),O.lineWidth=3,[[B.x,B.y,20,0,0,20],[B.x+B.w,B.y,-20,0,0,20],[B.x,B.y+B.h,20,0,0,-20],[B.x+B.w,B.y+B.h,-20,0,0,-20]].forEach(([e,t,n,r,i,a])=>{O.beginPath(),O.moveTo(e+n,t+r),O.lineTo(e,t),O.lineTo(e+i,t+a),O.stroke()})}let q=new Map,J=0;function Y(e){if(D.value?.setPointerCapture(e.pointerId),q.set(e.pointerId,{x:e.clientX,y:e.clientY}),q.size===2){let e=[...q.values()];J=Math.hypot(e[1].x-e[0].x,e[1].y-e[0].y)}}function X(e){if(!q.has(e.pointerId))return;let t=q.get(e.pointerId);if(q.set(e.pointerId,{x:e.clientX,y:e.clientY}),q.size===1){let n=e.clientX-t.x,r=e.clientY-t.y,[i,a]=G(L.value+n,R.value+r);L.value=i,R.value=a,Q();return}if(q.size===2){let e=[...q.values()],t=Math.hypot(e[1].x-e[0].x,e[1].y-e[0].y);if(J>0){let e=t/J;z.value=Math.max(1,z.value*e);let[n,r]=G(L.value,R.value);L.value=n,R.value=r,Q()}J=t}}function Z(e){q.delete(e.pointerId),J=0}function Q(){cancelAnimationFrame(I),I=requestAnimationFrame(K)}async function ie(){if(!k)return;let e=V*z.value,t=B.x+B.w/2+L.value,n=B.y+B.h/2+R.value,r=t-k.naturalWidth*e/2,i=n-k.naturalHeight*e/2,a=(B.x-r)/e,o=(B.y-i)/e,s=B.w/e,c=B.h/e,{w:l,h:u}=S.value,d=new OffscreenCanvas(l,u);d.getContext(`2d`).drawImage(k,a,o,s,c,0,0,l,u),_(`crop`,{blob:await d.convertToBlob({type:`image/jpeg`,quality:.92}),params:{natX:a,natY:o,natW:s,natH:c},orientation:b.value})}let $=new ResizeObserver(H);return e(()=>{T.value&&$.observe(T.value),H(),k=new Image,k.onload=()=>{H(),U()},k.src=s.src}),i(()=>s.src,e=>{k&&(k.onload=()=>U(),k.src=e)}),a(()=>{$.disconnect(),cancelAnimationFrame(I)}),(e,t)=>(f(),h(`div`,{class:`crop-editor`,ref_key:`containerRef`,ref:T},[v(`canvas`,{ref_key:`canvasRef`,ref:D,class:`crop-editor__canvas`,onPointerdown:Y,onPointermove:X,onPointerup:Z,onPointercancel:Z},null,544),v(`div`,A,[n.deviceName?(f(),h(`div`,j,g(n.deviceName),1)):l(``,!0),v(`div`,M,[(f(),h(m,null,d(y,e=>v(`button`,{key:e.value,type:`button`,role:`radio`,"aria-checked":b.value===e.value,"aria-label":e.label,class:c([`crop-editor__orient-btn`,{"crop-editor__orient-btn--active":b.value===e.value}]),onClick:t=>re(e.value)},[(f(),h(`svg`,P,[e.value===`landscape`?(f(),h(`rect`,ee)):(f(),h(`rect`,te))]))],10,N)),64))]),w.value?(f(),h(`div`,ne,[t[0]||=v(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[v(`path`,{d:`M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),v(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),v(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})],-1),v(`span`,null,`Frame is set to `+g(n.orientation)+`. Switch the frame in Settings to display this crop.`,1)])):l(``,!0)]),v(`div`,F,[o(E,{variant:`primary`,class:`crop-editor__use-btn`,onClick:ie},{default:x(()=>[...t[1]||=[u(` Use this crop `,-1)]]),_:1})])],512))}}),[[`__scopeId`,`data-v-85d7731b`]]),L=[{id:`seasonal`,label:`Seasonal`},{id:`holidays`,label:`Holidays`},{id:`fun`,label:`Fun`},{id:`family`,label:`Family`},{id:`nature`,label:`Nature`}],R=[{id:`sea-snow`,category:`seasonal`,label:`Snowflake`,emoji:`❄️`},{id:`sea-sun`,category:`seasonal`,label:`Sun`,emoji:`☀️`},{id:`sea-leaves`,category:`seasonal`,label:`Autumn`,emoji:`🍂`},{id:`sea-blossom`,category:`seasonal`,label:`Blossom`,emoji:`🌸`},{id:`sea-snowman`,category:`seasonal`,label:`Snowman`,emoji:`⛄`},{id:`hol-tree`,category:`holidays`,label:`Tree`,emoji:`🎄`},{id:`hol-gift`,category:`holidays`,label:`Gift`,emoji:`🎁`},{id:`hol-heart`,category:`holidays`,label:`Heart`,emoji:`❤️`},{id:`hol-party`,category:`holidays`,label:`Party`,emoji:`🎉`},{id:`hol-cake`,category:`holidays`,label:`Cake`,emoji:`🎂`},{id:`fun-star`,category:`fun`,label:`Star`,emoji:`⭐`},{id:`fun-rainbow`,category:`fun`,label:`Rainbow`,emoji:`🌈`},{id:`fun-balloon`,category:`fun`,label:`Balloon`,emoji:`🎈`},{id:`fun-sparkle`,category:`fun`,label:`Sparkles`,emoji:`✨`},{id:`fun-fire`,category:`fun`,label:`Fire`,emoji:`🔥`},{id:`fam-house`,category:`family`,label:`Home`,emoji:`🏠`},{id:`fam-paw`,category:`family`,label:`Paw`,emoji:`🐾`},{id:`fam-camera`,category:`family`,label:`Camera`,emoji:`📷`},{id:`fam-plane`,category:`family`,label:`Airplane`,emoji:`✈️`},{id:`fam-music`,category:`family`,label:`Music`,emoji:`🎵`},{id:`nat-tree`,category:`nature`,label:`Tree`,emoji:`🌲`},{id:`nat-flower`,category:`nature`,label:`Flower`,emoji:`🌺`},{id:`nat-bee`,category:`nature`,label:`Bee`,emoji:`🐝`},{id:`nat-fly`,category:`nature`,label:`Butterfly`,emoji:`🦋`},{id:`nat-moon`,category:`nature`,label:`Moon`,emoji:`🌙`}],z={class:`sticker-tray`},B={class:`sticker-tray__cats`,role:`tablist`},V=[`onClick`],re={class:`sticker-tray__grid`,role:`tabpanel`},H=[`aria-label`,`onClick`],U={class:`sticker-tray__emoji`,"aria-hidden":`true`},W={class:`sticker-tray__label`},G=_(y({__name:`StickerTray`,props:{modelValue:{type:Boolean}},emits:[`update:modelValue`,`pick`],setup(e){let r=t(`seasonal`),i=p(()=>R.filter(e=>e.category===r.value));return(t,a)=>(f(),s(O,{"model-value":e.modelValue,label:`Add sticker`,"onUpdate:modelValue":a[0]||=e=>t.$emit(`update:modelValue`,e)},{default:x(()=>[v(`div`,z,[v(`div`,B,[(f(!0),h(m,null,d(n(L),e=>(f(),h(`button`,{key:e.id,type:`button`,role:`tab`,class:c([`sticker-tray__cat`,{"sticker-tray__cat--active":r.value===e.id}]),onClick:t=>r.value=e.id},g(e.label),11,V))),128))]),v(`div`,re,[(f(!0),h(m,null,d(i.value,e=>(f(),h(`button`,{key:e.id,type:`button`,class:`sticker-tray__item`,"aria-label":e.label,onClick:n=>t.$emit(`pick`,e.id)},[v(`span`,U,g(e.emoji),1),v(`span`,W,g(e.label),1)],8,H))),128))])])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-7eada75b`]]),K={class:`sticker-canvas__bar`},q=52,J=_(y({__name:`StickerCanvas`,props:{croppedUrl:{},orientation:{},stickers:{}},emits:[`add-sticker`,`update-sticker`,`remove-sticker`,`done`],setup(n,{emit:c}){let g=n,_=c,y=t(),S=t(),C=t(),w=t(),T=t(!1),D=t(null),O=t(375),k=t(225),A=g.orientation===`landscape`?1600/960:960/1600;function j(){if(!y.value)return;let{width:e,height:t}=y.value.getBoundingClientRect(),n=t-72;e/n>A?(k.value=n,O.value=n*A):(O.value=e,k.value=e/A),P()}let M=new ResizeObserver(j);e(()=>{y.value&&M.observe(y.value),j(),Q()}),a(()=>{M.disconnect(),ie()});let N=t(null);function P(){let e=new Image;e.onload=()=>{N.value=e},e.src=g.croppedUrl}i(()=>g.croppedUrl,()=>P(),{immediate:!0});let ee=p(()=>({width:O.value,height:k.value})),te=p(()=>({image:N.value,x:0,y:0,width:O.value,height:k.value})),ne={enabledAnchors:[`top-left`,`top-right`,`bottom-left`,`bottom-right`],rotateEnabled:!0,borderStroke:`rgba(255,255,255,0.8)`,anchorFill:`#fff`,anchorSize:18,keepRatio:!0,boundBoxFunc:(e,t)=>t};function F(e){return{id:e.id,text:I(e.type),fontSize:q,fontFamily:`"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif`,x:e.x,y:e.y,scaleX:e.scale,scaleY:e.scale,rotation:e.rotation,draggable:!0,offsetX:q/2,offsetY:q/2}}function I(e){return R.find(t=>t.id===e)?.emoji??`⭐`}function L(e,t){t.cancelBubble=!0,D.value=e,b(()=>{let t=(w.value?.getNode())?.findOne(`#${e}`),n=C.value?.getNode();t&&n&&n.nodes([t])})}function z(e){e.target===e.target.getStage()&&(D.value=null,C.value?.getNode()?.nodes([]))}function B(){D.value&&(_(`remove-sticker`,D.value),D.value=null,C.value?.getNode()?.nodes([]))}function V(e,t){_(`update-sticker`,e,{x:t.target.x(),y:t.target.y()})}function re(e,t){_(`update-sticker`,e,{x:t.target.x(),y:t.target.y(),scale:t.target.scaleX(),rotation:t.target.rotation()})}function H(e){let t={id:`${e}-${Date.now()}`,type:e,x:O.value/2,y:k.value/2,scale:1,rotation:0};_(`add-sticker`,t),T.value=!1,b(()=>L(t.id,{cancelBubble:!1}))}let U=0,W=1;function J(e){let t=e[0].clientX-e[1].clientX,n=e[0].clientY-e[1].clientY;return Math.hypot(t,n)}function Y(e){e.touches.length!==2||!D.value||(U=J(e.touches),W=g.stickers.find(e=>e.id===D.value)?.scale??1)}function X(e){if(e.touches.length!==2||!D.value||U===0)return;e.preventDefault();let t=Math.max(.2,Math.min(6,W*(J(e.touches)/U)));_(`update-sticker`,D.value,{scale:t})}function Z(){U=0,W=1}function Q(){let e=y.value;e&&(e.addEventListener(`touchstart`,Y,{passive:!0}),e.addEventListener(`touchmove`,X,{passive:!1}),e.addEventListener(`touchend`,Z,{passive:!0}))}function ie(){let e=y.value;e&&(e.removeEventListener(`touchstart`,Y),e.removeEventListener(`touchmove`,X),e.removeEventListener(`touchend`,Z))}async function $(){D.value=null,C.value?.getNode()?.nodes([]),await b();let e=S.value?.getNode();if(!e)return;let t=(g.orientation===`landscape`?1600:960)/O.value,n=await e.toBlob({pixelRatio:t,mimeType:`image/jpeg`,quality:.92});n&&_(`done`,n)}return(e,t)=>{let i=r(`v-image`),a=r(`v-layer`),c=r(`v-text`),p=r(`v-transformer`),g=r(`v-stage`);return f(),h(`div`,{class:`sticker-canvas`,ref_key:`containerRef`,ref:y},[o(g,{ref_key:`stageRef`,ref:S,config:ee.value,onClick:z,onTap:z},{default:x(()=>[o(a,null,{default:x(()=>[o(i,{config:te.value},null,8,[`config`])]),_:1}),o(a,{ref_key:`stickerLayerRef`,ref:w},{default:x(()=>[(f(!0),h(m,null,d(n.stickers,e=>(f(),s(c,{key:e.id,config:F(e),onClick:t=>L(e.id,t),onTap:t=>L(e.id,t),onDragend:t=>V(e.id,t),onTransformend:t=>re(e.id,t)},null,8,[`config`,`onClick`,`onTap`,`onDragend`,`onTransformend`]))),128)),o(p,{ref_key:`transformerRef`,ref:C,config:ne},null,512)]),_:1},512)]),_:1},8,[`config`]),D.value?(f(),h(`button`,{key:0,class:`sticker-canvas__delete`,type:`button`,"aria-label":`Remove sticker`,onClick:B},[...t[2]||=[v(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[v(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),v(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]])):l(``,!0),v(`div`,K,[v(`button`,{class:`sticker-canvas__add-btn`,type:`button`,onClick:t[0]||=e=>T.value=!0},[...t[3]||=[v(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},[v(`circle`,{cx:`12`,cy:`12`,r:`10`}),v(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`16`}),v(`line`,{x1:`8`,y1:`12`,x2:`16`,y2:`12`})],-1),u(` Add sticker `,-1)]]),o(E,{variant:`primary`,class:`sticker-canvas__next-btn`,onClick:$},{default:x(()=>[...t[4]||=[u(`Next`,-1)]]),_:1})]),o(G,{modelValue:T.value,"onUpdate:modelValue":t[1]||=e=>T.value=e,onPick:H},null,8,[`modelValue`])],512)}}}),[[`__scopeId`,`data-v-fb52db70`]]),Y={class:`upload-view`},X={class:`upload-view__header`},Z=[`aria-label`],Q={key:0,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},ie={key:1,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},$={class:`upload-view__step-label`},ae={key:2,class:`upload-view__done`},oe={class:`upload-view__done-title`},se=_(y({__name:`UploadView`,setup(r){let i=w(),a=D(),c=T(),d=S(),m=C(),_=t(`crop`),y=t(!1),b=t(!1),O=null,A=p(()=>a.editingImageId!==null);e(async()=>{if(await c.fetchDevices(),!a.originalFile){i.replace(`/`);return}_.value=`crop`});let j=p(()=>a.contextDeviceId?c.devices.find(e=>e.id===a.contextDeviceId):c.devices[0]),M=p(()=>j.value?.orientation??`landscape`),N=p(()=>a.cropOrientation??M.value),P=p(()=>j.value?.name),ee=p(()=>_.value===`crop`?A.value?`Edit crop`:`Crop photo`:_.value===`stickers`?`Add stickers`:A.value?`Updated`:`Added`);function te({blob:e,params:t,orientation:n}){a.setCrop(e,t,n),_.value=`stickers`}function ne(){a.croppedBlob&&(O=a.croppedBlob,A.value?R():b.value=!0)}function F(e){O=e,A.value?R():b.value=!0}function L(){if(_.value===`crop`){a.cleanup(),i.replace(`/library`);return}_.value===`stickers`&&(_.value=`crop`)}async function R(){if(O){y.value=!0;try{let e=new File([O],`photo.jpg`,{type:`image/jpeg`});if(A.value){await d.reprocessImage(a.editingImageId,e,{cropParams:a.cropParams??void 0,stickerState:a.stickers,cropOrientation:a.cropOrientation??void 0}),b.value=!1,_.value=`done`;return}let t=await d.uploadImage(e,{original:a.originalFile??void 0,cropParams:a.cropParams??void 0,stickerState:a.stickers,cropOrientation:a.cropOrientation??void 0});await Promise.all(a.selectedDeviceIds.map(e=>d.setApproval(t.id,e,!0))),b.value=!1,_.value=`done`}catch(e){m.show(e instanceof Error?e.message:`Upload failed`,`error`)}finally{y.value=!1}}}function z(){a.cleanup(),i.replace(`/library`)}return(e,t)=>(f(),h(`div`,Y,[v(`header`,X,[_.value===`done`?l(``,!0):(f(),h(`button`,{key:0,class:`upload-view__back`,type:`button`,"aria-label":_.value===`crop`?`Cancel`:`Back`,onClick:L},[_.value===`crop`?(f(),h(`svg`,Q,[...t[2]||=[v(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`},null,-1),v(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`},null,-1)]])):(f(),h(`svg`,ie,[...t[3]||=[v(`polyline`,{points:`15 18 9 12 15 6`},null,-1)]]))],8,Z)),v(`span`,$,g(ee.value),1),_.value===`stickers`?(f(),h(`button`,{key:1,class:`upload-view__skip`,type:`button`,onClick:ne},`Skip`)):l(``,!0)]),_.value===`crop`&&n(a).originalUrl?(f(),s(I,{key:0,src:n(a).originalUrl,orientation:M.value,"device-name":P.value,"initial-params":n(a).cropParams,"initial-orientation":n(a).cropOrientation,class:`upload-view__stage`,onCrop:te},null,8,[`src`,`orientation`,`device-name`,`initial-params`,`initial-orientation`])):_.value===`stickers`&&n(a).croppedUrl?(f(),s(J,{key:1,"cropped-url":n(a).croppedUrl,orientation:N.value,stickers:n(a).stickers,class:`upload-view__stage`,onAddSticker:n(a).addSticker,onUpdateSticker:n(a).updateSticker,onRemoveSticker:n(a).removeSticker,onDone:F},null,8,[`cropped-url`,`orientation`,`stickers`,`onAddSticker`,`onUpdateSticker`,`onRemoveSticker`])):_.value===`done`?(f(),h(`div`,ae,[t[5]||=v(`div`,{class:`upload-view__done-icon`,"aria-hidden":`true`},`🎉`,-1),v(`p`,oe,g(A.value?`Photo updated!`:`Photo added!`),1),t[6]||=v(`p`,{class:`upload-view__done-sub`},`It'll appear on your frame at the next update.`,-1),o(E,{variant:`primary`,class:`upload-view__done-btn`,onClick:z},{default:x(()=>[...t[4]||=[u(`Done`,-1)]]),_:1})])):l(``,!0),A.value?l(``,!0):(f(),s(k,{key:3,modelValue:b.value,"onUpdate:modelValue":t[0]||=e=>b.value=e,devices:n(c).devices,selected:n(a).selectedDeviceIds,uploading:y.value,"onUpdate:selected":t[1]||=e=>n(a).selectedDeviceIds=e,onConfirm:R},null,8,[`modelValue`,`devices`,`selected`,`uploading`]))]))}}),[[`__scopeId`,`data-v-e0d95da1`]]);export{se as default};
\ No newline at end of file
+import{E as e,H as t,K as n,N as r,R as i,T as a,_ as o,d as s,dt as c,f as l,g as u,j as d,k as f,l as p,o as m,p as h,pt as g,t as _,u as v,v as y,w as b,z as x}from"./_plugin-vue_export-helper-DVo1OUMD.js";import{a as S,i as C,s as w}from"./index-D13oAsTG.js";import{i as T,n as E,r as D,t as O}from"./BaseBottomSheet-CO3Iefke.js";import{t as k}from"./DevicePicker-CfQ8y-l0.js";var A={class:`crop-editor__top`},j={key:0,class:`crop-editor__label`},M={class:`crop-editor__orient`,role:`radiogroup`,"aria-label":`Crop orientation`},N=[`aria-checked`,`aria-label`,`onClick`],P={width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},ee={key:0,x:`2`,y:`6`,width:`20`,height:`12`,rx:`1.5`},te={key:1,x:`6`,y:`2`,width:`12`,height:`20`,rx:`1.5`},ne={key:1,class:`crop-editor__mismatch`,role:`status`},F={class:`crop-editor__actions`},I=_(y({__name:`CropEditor`,props:{src:{},orientation:{},deviceName:{},initialParams:{},initialOrientation:{}},emits:[`crop`],setup(n,{emit:r}){let s=n,_=r,y=[{value:`landscape`,label:`Landscape crop`},{value:`portrait`,label:`Portrait crop`}],b=t(s.initialOrientation??s.orientation),S=p(()=>b.value===`landscape`?{w:1600,h:960}:{w:960,h:1600}),C=p(()=>S.value.w/S.value.h),w=p(()=>b.value!==s.orientation),T=t(),D=t(),O=null,k=null,I=0,L=t(0),R=t(0),z=t(1),B={x:0,y:0,w:0,h:0},V=1;function re(e){b.value!==e&&(b.value=e,L.value=0,R.value=0,z.value=1,H())}function H(){let e=D.value,t=T.value;if(!e||!t)return;let n=t.getBoundingClientRect(),r=n.height-80,i=n.width;e.width=i,e.height=r,O=e.getContext(`2d`);let a=i-48,o=r-48,s,c;a/o>C.value?(c=o,s=c*C.value):(s=a,c=s/C.value),B={x:(i-s)/2,y:(r-c)/2,w:s,h:c},k&&U()}function U(){k&&(V=Math.max(B.w/k.naturalWidth,B.h/k.naturalHeight),s.initialParams?W(s.initialParams):(z.value=1,L.value=0,R.value=0,K()))}function W(e){if(!k)return;let t=B.w/e.natW;z.value=t/V,L.value=t*(k.naturalWidth/2-e.natX-e.natW/2),R.value=t*(k.naturalHeight/2-e.natY-e.natH/2);let[n,r]=G(L.value,R.value);L.value=n,R.value=r,K()}function G(e,t){if(!k)return[e,t];let n=V*z.value,r=k.naturalWidth*n,i=k.naturalHeight*n,a=(r-B.w)/2,o=(i-B.h)/2;return[Math.max(-a,Math.min(a,e)),Math.max(-o,Math.min(o,t))]}function K(){if(!O||!k||!D.value)return;let{width:e,height:t}=D.value,n=V*z.value,r=k.naturalWidth*n,i=k.naturalHeight*n,a=B.x+B.w/2+L.value,o=B.y+B.h/2+R.value,s=a-r/2,c=o-i/2;O.clearRect(0,0,e,t),O.drawImage(k,s,c,r,i),O.save(),O.fillStyle=`rgba(0,0,0,0.55)`,O.fillRect(0,0,e,t),O.globalCompositeOperation=`destination-out`,O.fillRect(B.x,B.y,B.w,B.h),O.restore(),O.strokeStyle=`#fff`,O.lineWidth=2,O.strokeRect(B.x,B.y,B.w,B.h),O.lineWidth=3,[[B.x,B.y,20,0,0,20],[B.x+B.w,B.y,-20,0,0,20],[B.x,B.y+B.h,20,0,0,-20],[B.x+B.w,B.y+B.h,-20,0,0,-20]].forEach(([e,t,n,r,i,a])=>{O.beginPath(),O.moveTo(e+n,t+r),O.lineTo(e,t),O.lineTo(e+i,t+a),O.stroke()})}let q=new Map,J=0;function Y(e){if(D.value?.setPointerCapture(e.pointerId),q.set(e.pointerId,{x:e.clientX,y:e.clientY}),q.size===2){let e=[...q.values()];J=Math.hypot(e[1].x-e[0].x,e[1].y-e[0].y)}}function X(e){if(!q.has(e.pointerId))return;let t=q.get(e.pointerId);if(q.set(e.pointerId,{x:e.clientX,y:e.clientY}),q.size===1){let n=e.clientX-t.x,r=e.clientY-t.y,[i,a]=G(L.value+n,R.value+r);L.value=i,R.value=a,Q();return}if(q.size===2){let e=[...q.values()],t=Math.hypot(e[1].x-e[0].x,e[1].y-e[0].y);if(J>0){let e=t/J;z.value=Math.max(1,z.value*e);let[n,r]=G(L.value,R.value);L.value=n,R.value=r,Q()}J=t}}function Z(e){q.delete(e.pointerId),J=0}function Q(){cancelAnimationFrame(I),I=requestAnimationFrame(K)}async function ie(){if(!k)return;let e=V*z.value,t=B.x+B.w/2+L.value,n=B.y+B.h/2+R.value,r=t-k.naturalWidth*e/2,i=n-k.naturalHeight*e/2,a=(B.x-r)/e,o=(B.y-i)/e,s=B.w/e,c=B.h/e,{w:l,h:u}=S.value,d=new OffscreenCanvas(l,u);d.getContext(`2d`).drawImage(k,a,o,s,c,0,0,l,u),_(`crop`,{blob:await d.convertToBlob({type:`image/jpeg`,quality:.92}),params:{natX:a,natY:o,natW:s,natH:c},orientation:b.value})}let $=new ResizeObserver(H);return e(()=>{T.value&&$.observe(T.value),H(),k=new Image,k.onload=()=>{H(),U()},k.src=s.src}),i(()=>s.src,e=>{k&&(k.onload=()=>U(),k.src=e)}),a(()=>{$.disconnect(),cancelAnimationFrame(I)}),(e,t)=>(f(),h(`div`,{class:`crop-editor`,ref_key:`containerRef`,ref:T},[v(`canvas`,{ref_key:`canvasRef`,ref:D,class:`crop-editor__canvas`,onPointerdown:Y,onPointermove:X,onPointerup:Z,onPointercancel:Z},null,544),v(`div`,A,[n.deviceName?(f(),h(`div`,j,g(n.deviceName),1)):l(``,!0),v(`div`,M,[(f(),h(m,null,d(y,e=>v(`button`,{key:e.value,type:`button`,role:`radio`,"aria-checked":b.value===e.value,"aria-label":e.label,class:c([`crop-editor__orient-btn`,{"crop-editor__orient-btn--active":b.value===e.value}]),onClick:t=>re(e.value)},[(f(),h(`svg`,P,[e.value===`landscape`?(f(),h(`rect`,ee)):(f(),h(`rect`,te))]))],10,N)),64))]),w.value?(f(),h(`div`,ne,[t[0]||=v(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[v(`path`,{d:`M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z`}),v(`line`,{x1:`12`,y1:`9`,x2:`12`,y2:`13`}),v(`line`,{x1:`12`,y1:`17`,x2:`12.01`,y2:`17`})],-1),v(`span`,null,`Frame is set to `+g(n.orientation)+`. Switch the frame in Settings to display this crop.`,1)])):l(``,!0)]),v(`div`,F,[o(E,{variant:`primary`,class:`crop-editor__use-btn`,onClick:ie},{default:x(()=>[...t[1]||=[u(` Use this crop `,-1)]]),_:1})])],512))}}),[[`__scopeId`,`data-v-85d7731b`]]),L=[{id:`seasonal`,label:`Seasonal`},{id:`holidays`,label:`Holidays`},{id:`fun`,label:`Fun`},{id:`family`,label:`Family`},{id:`nature`,label:`Nature`}],R=[{id:`sea-snow`,category:`seasonal`,label:`Snowflake`,emoji:`❄️`},{id:`sea-sun`,category:`seasonal`,label:`Sun`,emoji:`☀️`},{id:`sea-leaves`,category:`seasonal`,label:`Autumn`,emoji:`🍂`},{id:`sea-blossom`,category:`seasonal`,label:`Blossom`,emoji:`🌸`},{id:`sea-snowman`,category:`seasonal`,label:`Snowman`,emoji:`⛄`},{id:`hol-tree`,category:`holidays`,label:`Tree`,emoji:`🎄`},{id:`hol-gift`,category:`holidays`,label:`Gift`,emoji:`🎁`},{id:`hol-heart`,category:`holidays`,label:`Heart`,emoji:`❤️`},{id:`hol-party`,category:`holidays`,label:`Party`,emoji:`🎉`},{id:`hol-cake`,category:`holidays`,label:`Cake`,emoji:`🎂`},{id:`fun-star`,category:`fun`,label:`Star`,emoji:`⭐`},{id:`fun-rainbow`,category:`fun`,label:`Rainbow`,emoji:`🌈`},{id:`fun-balloon`,category:`fun`,label:`Balloon`,emoji:`🎈`},{id:`fun-sparkle`,category:`fun`,label:`Sparkles`,emoji:`✨`},{id:`fun-fire`,category:`fun`,label:`Fire`,emoji:`🔥`},{id:`fam-house`,category:`family`,label:`Home`,emoji:`🏠`},{id:`fam-paw`,category:`family`,label:`Paw`,emoji:`🐾`},{id:`fam-camera`,category:`family`,label:`Camera`,emoji:`📷`},{id:`fam-plane`,category:`family`,label:`Airplane`,emoji:`✈️`},{id:`fam-music`,category:`family`,label:`Music`,emoji:`🎵`},{id:`nat-tree`,category:`nature`,label:`Tree`,emoji:`🌲`},{id:`nat-flower`,category:`nature`,label:`Flower`,emoji:`🌺`},{id:`nat-bee`,category:`nature`,label:`Bee`,emoji:`🐝`},{id:`nat-fly`,category:`nature`,label:`Butterfly`,emoji:`🦋`},{id:`nat-moon`,category:`nature`,label:`Moon`,emoji:`🌙`}],z={class:`sticker-tray`},B={class:`sticker-tray__cats`,role:`tablist`},V=[`onClick`],re={class:`sticker-tray__grid`,role:`tabpanel`},H=[`aria-label`,`onClick`],U={class:`sticker-tray__emoji`,"aria-hidden":`true`},W={class:`sticker-tray__label`},G=_(y({__name:`StickerTray`,props:{modelValue:{type:Boolean}},emits:[`update:modelValue`,`pick`],setup(e){let r=t(`seasonal`),i=p(()=>R.filter(e=>e.category===r.value));return(t,a)=>(f(),s(O,{"model-value":e.modelValue,label:`Add sticker`,"onUpdate:modelValue":a[0]||=e=>t.$emit(`update:modelValue`,e)},{default:x(()=>[v(`div`,z,[v(`div`,B,[(f(!0),h(m,null,d(n(L),e=>(f(),h(`button`,{key:e.id,type:`button`,role:`tab`,class:c([`sticker-tray__cat`,{"sticker-tray__cat--active":r.value===e.id}]),onClick:t=>r.value=e.id},g(e.label),11,V))),128))]),v(`div`,re,[(f(!0),h(m,null,d(i.value,e=>(f(),h(`button`,{key:e.id,type:`button`,class:`sticker-tray__item`,"aria-label":e.label,onClick:n=>t.$emit(`pick`,e.id)},[v(`span`,U,g(e.emoji),1),v(`span`,W,g(e.label),1)],8,H))),128))])])]),_:1},8,[`model-value`]))}}),[[`__scopeId`,`data-v-7eada75b`]]),K={class:`sticker-canvas__bar`},q=52,J=_(y({__name:`StickerCanvas`,props:{croppedUrl:{},orientation:{},stickers:{}},emits:[`add-sticker`,`update-sticker`,`remove-sticker`,`done`],setup(n,{emit:c}){let g=n,_=c,y=t(),S=t(),C=t(),w=t(),T=t(!1),D=t(null),O=t(375),k=t(225),A=g.orientation===`landscape`?1600/960:960/1600;function j(){if(!y.value)return;let{width:e,height:t}=y.value.getBoundingClientRect(),n=t-72;e/n>A?(k.value=n,O.value=n*A):(O.value=e,k.value=e/A),P()}let M=new ResizeObserver(j);e(()=>{y.value&&M.observe(y.value),j(),Q()}),a(()=>{M.disconnect(),ie()});let N=t(null);function P(){let e=new Image;e.onload=()=>{N.value=e},e.src=g.croppedUrl}i(()=>g.croppedUrl,()=>P(),{immediate:!0});let ee=p(()=>({width:O.value,height:k.value})),te=p(()=>({image:N.value,x:0,y:0,width:O.value,height:k.value})),ne={enabledAnchors:[`top-left`,`top-right`,`bottom-left`,`bottom-right`],rotateEnabled:!0,borderStroke:`rgba(255,255,255,0.8)`,anchorFill:`#fff`,anchorSize:18,keepRatio:!0,boundBoxFunc:(e,t)=>t};function F(e){return{id:e.id,text:I(e.type),fontSize:q,fontFamily:`"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif`,x:e.x,y:e.y,scaleX:e.scale,scaleY:e.scale,rotation:e.rotation,draggable:!0,offsetX:q/2,offsetY:q/2}}function I(e){return R.find(t=>t.id===e)?.emoji??`⭐`}function L(e,t){t.cancelBubble=!0,D.value=e,b(()=>{let t=(w.value?.getNode())?.findOne(`#${e}`),n=C.value?.getNode();t&&n&&n.nodes([t])})}function z(e){e.target===e.target.getStage()&&(D.value=null,C.value?.getNode()?.nodes([]))}function B(){D.value&&(_(`remove-sticker`,D.value),D.value=null,C.value?.getNode()?.nodes([]))}function V(e,t){_(`update-sticker`,e,{x:t.target.x(),y:t.target.y()})}function re(e,t){_(`update-sticker`,e,{x:t.target.x(),y:t.target.y(),scale:t.target.scaleX(),rotation:t.target.rotation()})}function H(e){let t={id:`${e}-${Date.now()}`,type:e,x:O.value/2,y:k.value/2,scale:1,rotation:0};_(`add-sticker`,t),T.value=!1,b(()=>L(t.id,{cancelBubble:!1}))}let U=0,W=1;function J(e){let t=e[0].clientX-e[1].clientX,n=e[0].clientY-e[1].clientY;return Math.hypot(t,n)}function Y(e){e.touches.length!==2||!D.value||(U=J(e.touches),W=g.stickers.find(e=>e.id===D.value)?.scale??1)}function X(e){if(e.touches.length!==2||!D.value||U===0)return;e.preventDefault();let t=Math.max(.2,Math.min(6,W*(J(e.touches)/U)));_(`update-sticker`,D.value,{scale:t})}function Z(){U=0,W=1}function Q(){let e=y.value;e&&(e.addEventListener(`touchstart`,Y,{passive:!0}),e.addEventListener(`touchmove`,X,{passive:!1}),e.addEventListener(`touchend`,Z,{passive:!0}))}function ie(){let e=y.value;e&&(e.removeEventListener(`touchstart`,Y),e.removeEventListener(`touchmove`,X),e.removeEventListener(`touchend`,Z))}async function $(){D.value=null,C.value?.getNode()?.nodes([]),await b();let e=S.value?.getNode();if(!e)return;let t=(g.orientation===`landscape`?1600:960)/O.value,n=await e.toBlob({pixelRatio:t,mimeType:`image/jpeg`,quality:.92});n&&_(`done`,n)}return(e,t)=>{let i=r(`v-image`),a=r(`v-layer`),c=r(`v-text`),p=r(`v-transformer`),g=r(`v-stage`);return f(),h(`div`,{class:`sticker-canvas`,ref_key:`containerRef`,ref:y},[o(g,{ref_key:`stageRef`,ref:S,config:ee.value,onClick:z,onTap:z},{default:x(()=>[o(a,null,{default:x(()=>[o(i,{config:te.value},null,8,[`config`])]),_:1}),o(a,{ref_key:`stickerLayerRef`,ref:w},{default:x(()=>[(f(!0),h(m,null,d(n.stickers,e=>(f(),s(c,{key:e.id,config:F(e),onClick:t=>L(e.id,t),onTap:t=>L(e.id,t),onDragend:t=>V(e.id,t),onTransformend:t=>re(e.id,t)},null,8,[`config`,`onClick`,`onTap`,`onDragend`,`onTransformend`]))),128)),o(p,{ref_key:`transformerRef`,ref:C,config:ne},null,512)]),_:1},512)]),_:1},8,[`config`]),D.value?(f(),h(`button`,{key:0,class:`sticker-canvas__delete`,type:`button`,"aria-label":`Remove sticker`,onClick:B},[...t[2]||=[v(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},[v(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),v(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})],-1)]])):l(``,!0),v(`div`,K,[v(`button`,{class:`sticker-canvas__add-btn`,type:`button`,onClick:t[0]||=e=>T.value=!0},[...t[3]||=[v(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"aria-hidden":`true`},[v(`circle`,{cx:`12`,cy:`12`,r:`10`}),v(`line`,{x1:`12`,y1:`8`,x2:`12`,y2:`16`}),v(`line`,{x1:`8`,y1:`12`,x2:`16`,y2:`12`})],-1),u(` Add sticker `,-1)]]),o(E,{variant:`primary`,class:`sticker-canvas__next-btn`,onClick:$},{default:x(()=>[...t[4]||=[u(`Next`,-1)]]),_:1})]),o(G,{modelValue:T.value,"onUpdate:modelValue":t[1]||=e=>T.value=e,onPick:H},null,8,[`modelValue`])],512)}}}),[[`__scopeId`,`data-v-fb52db70`]]),Y={class:`upload-view`},X={class:`upload-view__header`},Z=[`aria-label`],Q={key:0,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},ie={key:1,width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"aria-hidden":`true`},$={class:`upload-view__step-label`},ae={key:2,class:`upload-view__done`},oe={class:`upload-view__done-title`},se=_(y({__name:`UploadView`,setup(r){let i=w(),a=D(),c=T(),d=S(),m=C(),_=t(`crop`),y=t(!1),b=t(!1),O=null,A=p(()=>a.editingImageId!==null);e(async()=>{if(await c.fetchDevices(),!a.originalFile){i.replace(`/`);return}_.value=`crop`});let j=p(()=>a.contextDeviceId?c.devices.find(e=>e.id===a.contextDeviceId):c.devices[0]),M=p(()=>j.value?.orientation??`landscape`),N=p(()=>a.cropOrientation??M.value),P=p(()=>j.value?.name),ee=p(()=>_.value===`crop`?A.value?`Edit crop`:`Crop photo`:_.value===`stickers`?`Add stickers`:A.value?`Updated`:`Added`);function te({blob:e,params:t,orientation:n}){a.setCrop(e,t,n),_.value=`stickers`}function ne(){a.croppedBlob&&(O=a.croppedBlob,A.value?R():b.value=!0)}function F(e){O=e,A.value?R():b.value=!0}function L(){if(_.value===`crop`){a.cleanup(),i.replace(`/library`);return}_.value===`stickers`&&(_.value=`crop`)}async function R(){if(O){y.value=!0;try{let e=new File([O],`photo.jpg`,{type:`image/jpeg`});if(A.value){await d.reprocessImage(a.editingImageId,e,{cropParams:a.cropParams??void 0,stickerState:a.stickers,cropOrientation:a.cropOrientation??void 0}),b.value=!1,_.value=`done`;return}let t=await d.uploadImage(e,{original:a.originalFile??void 0,cropParams:a.cropParams??void 0,stickerState:a.stickers,cropOrientation:a.cropOrientation??void 0});await Promise.all(a.selectedDeviceIds.map(e=>d.setApproval(t.id,e,!0))),b.value=!1,_.value=`done`}catch(e){m.show(e instanceof Error?e.message:`Upload failed`,`error`)}finally{y.value=!1}}}function z(){a.cleanup(),i.replace(`/library`)}return(e,t)=>(f(),h(`div`,Y,[v(`header`,X,[_.value===`done`?l(``,!0):(f(),h(`button`,{key:0,class:`upload-view__back`,type:`button`,"aria-label":_.value===`crop`?`Cancel`:`Back`,onClick:L},[_.value===`crop`?(f(),h(`svg`,Q,[...t[2]||=[v(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`},null,-1),v(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`},null,-1)]])):(f(),h(`svg`,ie,[...t[3]||=[v(`polyline`,{points:`15 18 9 12 15 6`},null,-1)]]))],8,Z)),v(`span`,$,g(ee.value),1),_.value===`stickers`?(f(),h(`button`,{key:1,class:`upload-view__skip`,type:`button`,onClick:ne},`Skip`)):l(``,!0)]),_.value===`crop`&&n(a).originalUrl?(f(),s(I,{key:0,src:n(a).originalUrl,orientation:M.value,"device-name":P.value,"initial-params":n(a).cropParams,"initial-orientation":n(a).cropOrientation,class:`upload-view__stage`,onCrop:te},null,8,[`src`,`orientation`,`device-name`,`initial-params`,`initial-orientation`])):_.value===`stickers`&&n(a).croppedUrl?(f(),s(J,{key:1,"cropped-url":n(a).croppedUrl,orientation:N.value,stickers:n(a).stickers,class:`upload-view__stage`,onAddSticker:n(a).addSticker,onUpdateSticker:n(a).updateSticker,onRemoveSticker:n(a).removeSticker,onDone:F},null,8,[`cropped-url`,`orientation`,`stickers`,`onAddSticker`,`onUpdateSticker`,`onRemoveSticker`])):_.value===`done`?(f(),h(`div`,ae,[t[5]||=v(`div`,{class:`upload-view__done-icon`,"aria-hidden":`true`},`🎉`,-1),v(`p`,oe,g(A.value?`Photo updated!`:`Photo added!`),1),t[6]||=v(`p`,{class:`upload-view__done-sub`},`It'll appear on your frame at the next update.`,-1),o(E,{variant:`primary`,class:`upload-view__done-btn`,onClick:z},{default:x(()=>[...t[4]||=[u(`Done`,-1)]]),_:1})])):l(``,!0),A.value?l(``,!0):(f(),s(k,{key:3,modelValue:b.value,"onUpdate:modelValue":t[0]||=e=>b.value=e,devices:n(c).devices,selected:n(a).selectedDeviceIds,uploading:y.value,"onUpdate:selected":t[1]||=e=>n(a).selectedDeviceIds=e,onConfirm:R},null,8,[`modelValue`,`devices`,`selected`,`uploading`]))]))}}),[[`__scopeId`,`data-v-af5b9c38`]]);export{se as default};
\ No newline at end of file
diff --git a/public/build/assets/index-BlLBHR1q.css b/public/build/assets/index-BlLBHR1q.css
new file mode 100644
index 0000000..7f27741
--- /dev/null
+++ b/public/build/assets/index-BlLBHR1q.css
@@ -0,0 +1 @@
+:root{--font-family:"Nunito Variable", "Nunito", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--duration-fast:.15s;--duration-base:.25s;--ease-out:cubic-bezier(0, 0, .2, 1);--touch-min:44px;--bottom-nav-height:calc(64px + env(safe-area-inset-bottom))}[data-theme=warm-craft],:root{--color-bg:#fdf6ee;--color-surface:#fff9f2;--color-surface-2:#f5ead8;--color-border:#e8d9c4;--color-text:#3a2e22;--color-text-muted:#8a7060;--color-primary:#c97c3a;--color-primary-fg:#fff;--color-secondary:#e8d9c4;--color-secondary-fg:#3a2e22;--color-destructive:#c0392b;--color-destructive-fg:#fff;--color-focus-ring:#c97c3a}[data-theme=playful-pop]{--color-bg:#fff0fb;--color-surface:#fff8fe;--color-surface-2:#ffe4f7;--color-border:#f0c8ea;--color-text:#2d0a28;--color-text-muted:#7a4272;--color-primary:#d63aab;--color-primary-fg:#fff;--color-secondary:#ffe4f7;--color-secondary-fg:#2d0a28;--color-destructive:#e03030;--color-destructive-fg:#fff;--color-focus-ring:#d63aab}[data-theme=sage-cream]{--color-bg:#f6f8f3;--color-surface:#fafcf7;--color-surface-2:#e4ede0;--color-border:#ccd9c4;--color-text:#1e2b1a;--color-text-muted:#607050;--color-primary:#4e7c3a;--color-primary-fg:#fff;--color-secondary:#e4ede0;--color-secondary-fg:#1e2b1a;--color-destructive:#a83020;--color-destructive-fg:#fff;--color-focus-ring:#4e7c3a}[data-theme=dusty-mauve]{--color-bg:#f6f0f4;--color-surface:#fdf8fb;--color-surface-2:#ead8e8;--color-border:#d8c4d4;--color-text:#2a1828;--color-text-muted:#7a5874;--color-primary:#8e4a84;--color-primary-fg:#fff;--color-secondary:#ead8e8;--color-secondary-fg:#2a1828;--color-destructive:#b83030;--color-destructive-fg:#fff;--color-focus-ring:#8e4a84}[data-theme=ocean-dusk]{--color-bg:#eef3f8;--color-surface:#f4f8fc;--color-surface-2:#d4e4f0;--color-border:#b8d0e4;--color-text:#0e2030;--color-text-muted:#4a6880;--color-primary:#1a6ea8;--color-primary-fg:#fff;--color-secondary:#d4e4f0;--color-secondary-fg:#0e2030;--color-destructive:#b83020;--color-destructive-fg:#fff;--color-focus-ring:#1a6ea8}[data-theme=honey-slate]{--color-bg:#f2f2ee;--color-surface:#f8f8f4;--color-surface-2:#e4e0d4;--color-border:#d0cc bc;--color-text:#1c1c18;--color-text-muted:#6c6858;--color-primary:#c49a20;--color-primary-fg:#1c1c18;--color-secondary:#e4e0d4;--color-secondary-fg:#1c1c18;--color-destructive:#b03020;--color-destructive-fg:#fff;--color-focus-ring:#c49a20}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh}#app{min-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-nav[data-v-e670448a]{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=960px){.bottom-nav[data-v-e670448a]{display:none}}.bottom-nav__tab[data-v-e670448a]{height:64px;color:var(--color-text-muted);min-height:var(--touch-min);transition:color var(--duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__tab--active[data-v-e670448a]{color:var(--color-primary)}.bottom-nav__icon-wrap[data-v-e670448a]{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.bottom-nav__icon[data-v-e670448a]{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav__badge[data-v-e670448a]{background:var(--color-primary);min-width:16px;height:16px;color:var(--color-primary-fg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}.bottom-nav__label[data-v-e670448a]{font-size:var(--text-xs);font-weight:600}.toast-region[data-v-546af507]{bottom:calc(var(--bottom-nav-height,64px) + var(--space-4));z-index:200;width:min(100vw - var(--space-8), 420px);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast-list[data-v-546af507]{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.toast[data-v-546af507]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);pointer-events:auto;justify-content:space-between;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 16px #0000001f}.toast--info[data-v-546af507]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.toast--success[data-v-546af507]{color:#155724;background:#d4edda}.toast--error[data-v-546af507]{color:#721c24;background:#f8d7da}.toast__close[data-v-546af507]{cursor:pointer;font-size:var(--text-lg);padding:0 0 0 var(--space-3);color:inherit;min-height:var(--touch-min);min-width:var(--touch-min);background:0 0;border:none;justify-content:flex-end;align-items:center;line-height:1;display:flex}.toast-enter-active[data-v-546af507],.toast-leave-active[data-v-546af507]{transition:all var(--duration-base) var(--ease-out)}.toast-enter-from[data-v-546af507],.toast-leave-to[data-v-546af507]{opacity:0;transform:translateY(12px)}
diff --git a/public/build/assets/index-DCUs53vX.js b/public/build/assets/index-D13oAsTG.js
similarity index 97%
rename from public/build/assets/index-DCUs53vX.js
rename to public/build/assets/index-D13oAsTG.js
index 81cd5b1..57614b7 100644
--- a/public/build/assets/index-DCUs53vX.js
+++ b/public/build/assets/index-D13oAsTG.js
@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/HomeView-CGlR0dxG.js","assets/_plugin-vue_export-helper-DVo1OUMD.js","assets/BaseBottomSheet-CzdI27OS.js","assets/BaseBottomSheet-MPNarQ8K.css","assets/HomeView-B0-v2mFc.css","assets/LibraryView-B6wq42Vx.js","assets/DevicePicker-BjuU2ONb.js","assets/DevicePicker-B4xrdE2f.css","assets/LibraryView-C18KukkR.css","assets/UploadView-CPf-sdFJ.js","assets/UploadView-BdEsaB2u.css","assets/SettingsView-DuiAU77B.js","assets/SettingsView-CWIIisVW.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/HomeView-3fATGLq0.js","assets/_plugin-vue_export-helper-DVo1OUMD.js","assets/BaseBottomSheet-CO3Iefke.js","assets/BaseBottomSheet-DYtuubxf.css","assets/HomeView-B0-v2mFc.css","assets/LibraryView-BvFubSso.js","assets/DevicePicker-CfQ8y-l0.js","assets/DevicePicker-B4xrdE2f.css","assets/LibraryView-Bf9KbHdL.css","assets/UploadView-lwth3Nb9.js","assets/UploadView-CH8tyGyv.css","assets/SettingsView-CYdyGgyj.js","assets/SettingsView-BGXX7ONa.css"])))=>i.map(i=>d[i]);
 import{$ as e,A as t,D as n,E as r,F as i,G as a,H as o,I as s,J as c,K as l,L as u,N as d,O as f,Q as p,R as m,S as h,T as g,U as _,V as v,W as y,X as b,Y as x,Z as S,_ as C,a as w,at as ee,b as T,c as te,ct as E,d as ne,dt as re,et as D,f as O,g as ie,i as k,it as A,j,k as ae,l as M,lt as oe,m as se,mt as ce,n as le,nt as ue,o as de,ot as N,p as fe,pt as pe,q as me,r as he,rt as ge,st as _e,t as ve,tt as ye,u as be,ut as xe,v as Se,w as Ce,x as we,y as Te,z as Ee}from"./_plugin-vue_export-helper-DVo1OUMD.js";(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var De=void 0,Oe=typeof window<`u`&&window.trustedTypes;if(Oe)try{De=Oe.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ke=De?e=>De.createHTML(e):e=>e,Ae=`http://www.w3.org/2000/svg`,je=`http://www.w3.org/1998/Math/MathML`,Me=typeof document<`u`?document:null,Ne=Me&&Me.createElement(`template`),Pe={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?Me.createElementNS(Ae,e):t===`mathml`?Me.createElementNS(je,e):n?Me.createElement(e,{is:n}):Me.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>Me.createTextNode(e),createComment:e=>Me.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Me.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{Ne.innerHTML=ke(r===`svg`?`<svg>${e}</svg>`:r===`mathml`?`<math>${e}</math>`:e);let i=Ne.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Fe=`transition`,Ie=`animation`,Le=Symbol(`_vtc`),Re={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},ze=x({},w,Re),Be=(e=>(e.displayName=`Transition`,e.props=ze,e))((e,{slots:t})=>we(k,Ue(e),t)),Ve=(t,n=[])=>{e(t)?t.forEach(e=>e(...n)):t&&t(...n)},He=t=>t?e(t)?t.some(e=>e.length>1):t.length>1:!1;function Ue(e){let t={};for(let n in e)n in Re||(t[n]=e[n]);if(e.css===!1)return t;let{name:n=`v`,type:r,duration:i,enterFromClass:a=`${n}-enter-from`,enterActiveClass:o=`${n}-enter-active`,enterToClass:s=`${n}-enter-to`,appearFromClass:c=a,appearActiveClass:l=o,appearToClass:u=s,leaveFromClass:d=`${n}-leave-from`,leaveActiveClass:f=`${n}-leave-active`,leaveToClass:p=`${n}-leave-to`}=e,m=We(i),h=m&&m[0],g=m&&m[1],{onBeforeEnter:_,onEnter:v,onEnterCancelled:y,onLeave:b,onLeaveCancelled:S,onBeforeAppear:C=_,onAppear:w=v,onAppearCancelled:ee=y}=t,T=(e,t,n,r)=>{e._enterCancelled=r,qe(e,t?u:s),qe(e,t?l:o),n&&n()},te=(e,t)=>{e._isLeaving=!1,qe(e,d),qe(e,p),qe(e,f),t&&t()},E=e=>(t,n)=>{let i=e?w:v,o=()=>T(t,e,n);Ve(i,[t,o]),Je(()=>{qe(t,e?c:a),Ke(t,e?u:s),He(i)||Xe(t,r,h,o)})};return x(t,{onBeforeEnter(e){Ve(_,[e]),Ke(e,a),Ke(e,o)},onBeforeAppear(e){Ve(C,[e]),Ke(e,c),Ke(e,l)},onEnter:E(!1),onAppear:E(!0),onLeave(e,t){e._isLeaving=!0;let n=()=>te(e,t);Ke(e,d),e._enterCancelled?(Ke(e,f),et(e)):(et(e),Ke(e,f)),Je(()=>{e._isLeaving&&(qe(e,d),Ke(e,p),He(b)||Xe(e,r,g,n))}),Ve(b,[e,n])},onEnterCancelled(e){T(e,!1,void 0,!0),Ve(y,[e])},onAppearCancelled(e){T(e,!0,void 0,!0),Ve(ee,[e])},onLeaveCancelled(e){te(e),Ve(S,[e])}})}function We(e){if(e==null)return null;if(ue(e))return[Ge(e.enter),Ge(e.leave)];{let t=Ge(e);return[t,t]}}function Ge(e){return ce(e)}function Ke(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e[Le]||(e[Le]=new Set)).add(t)}function qe(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));let n=e[Le];n&&(n.delete(t),n.size||(e[Le]=void 0))}function Je(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}var Ye=0;function Xe(e,t,n,r){let i=e._endId=++Ye,a=()=>{i===e._endId&&r()};if(n!=null)return setTimeout(a,n);let{type:o,timeout:s,propCount:c}=Ze(e,t);if(!o)return r();let l=o+`end`,u=0,d=()=>{e.removeEventListener(l,f),a()},f=t=>{t.target===e&&++u>=c&&d()};setTimeout(()=>{u<c&&d()},s+1),e.addEventListener(l,f)}function Ze(e,t){let n=window.getComputedStyle(e),r=e=>(n[e]||``).split(`, `),i=r(`${Fe}Delay`),a=r(`${Fe}Duration`),o=Qe(i,a),s=r(`${Ie}Delay`),c=r(`${Ie}Duration`),l=Qe(s,c),u=null,d=0,f=0;t===Fe?o>0&&(u=Fe,d=o,f=a.length):t===Ie?l>0&&(u=Ie,d=l,f=c.length):(d=Math.max(o,l),u=d>0?o>l?Fe:Ie:null,f=u?u===Fe?a.length:c.length:0);let p=u===Fe&&/\b(?:transform|all)(?:,|$)/.test(r(`${Fe}Property`).toString());return{type:u,timeout:d,propCount:f,hasTransform:p}}function Qe(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>$e(t)+$e(e[n])))}function $e(e){return e===`auto`?0:Number(e.slice(0,-1).replace(`,`,`.`))*1e3}function et(e){return(e?e.ownerDocument:document).body.offsetHeight}function tt(e,t,n){let r=e[Le];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var nt=Symbol(`_vod`),rt=Symbol(`_vsh`),it=Symbol(``),at=/(?:^|;)\s*display\s*:/;function ot(e,t,n){let r=e.style,i=N(n),a=!1;if(n&&!i){if(t)if(N(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??ct(r,t,``)}else for(let e in t)n[e]??ct(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?ct(r,i,``):ft(e,i,!N(t)&&t?t[i]:void 0,o)||ct(r,i,o)}}else if(i){if(t!==n){let e=r[it];e&&(n+=`;`+e),r.cssText=n,a=at.test(n)}}else t&&e.removeAttribute(`style`);nt in e&&(e[nt]=a?r.display:``,e[rt]&&(r.display=`none`))}var st=/\s*!important$/;function ct(t,n,r){if(e(r))r.forEach(e=>ct(t,n,e));else if(r??=``,n.startsWith(`--`))t.setProperty(n,r);else{let e=dt(t,n);st.test(r)?t.setProperty(b(e),r.replace(st,``),`important`):t[e]=r}}var lt=[`Webkit`,`Moz`,`ms`],ut={};function dt(e,t){let n=ut[t];if(n)return n;let r=me(t);if(r!==`filter`&&r in e)return ut[t]=r;r=c(r);for(let n=0;n<lt.length;n++){let i=lt[n]+r;if(i in e)return ut[t]=i}return t}function ft(e,t,n,r){return e.tagName===`TEXTAREA`&&(t===`width`||t===`height`)&&N(r)&&n===r}var pt=`http://www.w3.org/1999/xlink`;function mt(e,t,n,r,i,a=ee(t)){r&&t.startsWith(`xlink:`)?n==null?e.removeAttributeNS(pt,t.slice(6,t.length)):e.setAttributeNS(pt,t,n):n==null||a&&!S(n)?e.removeAttribute(t):e.setAttribute(t,a?``:_e(n)?String(n):n)}function ht(e,t,n,r,i){if(t===`innerHTML`||t===`textContent`){n!=null&&(e[t]=t===`innerHTML`?ke(n):n);return}let a=e.tagName;if(t===`value`&&a!==`PROGRESS`&&!a.includes(`-`)){let r=a===`OPTION`?e.getAttribute(`value`)||``:e.value,i=n==null?e.type===`checkbox`?`on`:``:String(n);(r!==i||!(`_value`in e))&&(e.value=i),n??e.removeAttribute(t),e._value=n;return}let o=!1;if(n===``||n==null){let r=typeof e[t];r===`boolean`?n=S(n):n==null&&r===`string`?(n=``,o=!0):r===`number`&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function gt(e,t,n,r){e.addEventListener(t,n,r)}function _t(e,t,n,r){e.removeEventListener(t,n,r)}var vt=Symbol(`_vei`);function yt(e,t,n,r,i=null){let a=e[vt]||(e[vt]={}),o=a[t];if(r&&o)o.value=r;else{let[n,s]=xt(t);r?gt(e,n,a[t]=Tt(r,i),s):o&&(_t(e,n,o,s),a[t]=void 0)}}var bt=/(?:Once|Passive|Capture)$/;function xt(e){let t;if(bt.test(e)){t={};let n;for(;n=e.match(bt);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[e[2]===`:`?e.slice(3):b(e.slice(2)),t]}var St=0,Ct=Promise.resolve(),wt=()=>St||=(Ct.then(()=>St=0),Date.now());function Tt(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;te(Et(e,n.value),t,5,[e])};return n.value=e,n.attached=wt(),n}function Et(t,n){if(e(n)){let e=t.stopImmediatePropagation;return t.stopImmediatePropagation=()=>{e.call(t),t._stopped=!0},n.map(e=>t=>!t._stopped&&e&&e(t))}else return n}var Dt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Ot=(e,t,n,r,i,a)=>{let o=i===`svg`;t===`class`?tt(e,r,o):t===`style`?ot(e,n,r):ge(t)?ye(t)||yt(e,t,n,r,a):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):kt(e,t,r,o))?(ht(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&mt(e,t,r,o,a,t!==`value`)):e._isVueCE&&(At(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!N(r)))?ht(e,me(t),r,a,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),mt(e,t,r,o))};function kt(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&Dt(t)&&D(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return Dt(t)&&N(n)?!1:t in e}function At(e,t){let n=e._def.props;if(!n)return!1;let r=me(t);return Array.isArray(n)?n.some(e=>me(e)===r):Object.keys(n).some(e=>me(e)===r)}var jt=new WeakMap,Mt=new WeakMap,Nt=Symbol(`_moveCb`),Pt=Symbol(`_enterCb`),Ft=(e=>(delete e.props.mode,e))({name:`TransitionGroup`,props:x({},ze,{tag:String,moveClass:String}),setup(e,{slots:t}){let n=Te(),r=u(),o,c;return f(()=>{if(!o.length)return;let t=e.moveClass||`${e.name||`v`}-move`;if(!Bt(o[0].el,n.vnode.el,t)){o=[];return}o.forEach(It),o.forEach(Lt);let r=o.filter(Rt);et(n.vnode.el),r.forEach(e=>{let n=e.el,r=n.style;Ke(n,t),r.transform=r.webkitTransform=r.transitionDuration=``;let i=n[Nt]=e=>{e&&e.target!==n||(!e||e.propertyName.endsWith(`transform`))&&(n.removeEventListener(`transitionend`,i),n[Nt]=null,qe(n,t))};n.addEventListener(`transitionend`,i)}),o=[]}),()=>{let l=a(e),u=Ue(l),d=l.tag||de;if(o=[],c)for(let e=0;e<c.length;e++){let t=c[e];t.el&&t.el instanceof Element&&(o.push(t),s(t,i(t,u,r,n)),jt.set(t,zt(t.el)))}c=t.default?T(t.default()):[];for(let e=0;e<c.length;e++){let t=c[e];t.key!=null&&s(t,i(t,u,r,n))}return C(d,null,c)}}});function It(e){let t=e.el;t[Nt]&&t[Nt](),t[Pt]&&t[Pt]()}function Lt(e){Mt.set(e,zt(e.el))}function Rt(e){let t=jt.get(e),n=Mt.get(e),r=t.left-n.left,i=t.top-n.top;if(r||i){let t=e.el,n=t.style,a=t.getBoundingClientRect(),o=1,s=1;return t.offsetWidth&&(o=a.width/t.offsetWidth),t.offsetHeight&&(s=a.height/t.offsetHeight),(!Number.isFinite(o)||o===0)&&(o=1),(!Number.isFinite(s)||s===0)&&(s=1),Math.abs(o-1)<.01&&(o=1),Math.abs(s-1)<.01&&(s=1),n.transform=n.webkitTransform=`translate(${r/o}px,${i/s}px)`,n.transitionDuration=`0s`,e}}function zt(e){let t=e.getBoundingClientRect();return{left:t.left,top:t.top}}function Bt(e,t,n){let r=e.cloneNode(),i=e[Le];i&&i.forEach(e=>{e.split(/\s+/).forEach(e=>e&&r.classList.remove(e))}),n.split(/\s+/).forEach(e=>e&&r.classList.add(e)),r.style.display=`none`;let a=t.nodeType===1?t:t.parentNode;a.appendChild(r);let{hasTransform:o}=Ze(r);return a.removeChild(r),o}var Vt=t=>{let n=t.props[`onUpdate:modelValue`]||!1;return e(n)?e=>p(n,e):n};function Ht(e){e.target.composing=!0}function Ut(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var Wt=Symbol(`_assign`);function Gt(e,t,n){return t&&(e=e.trim()),n&&(e=xe(e)),e}var Kt={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[Wt]=Vt(i);let a=r||i.props&&i.props.type===`number`;gt(e,t?`change`:`input`,t=>{t.target.composing||e[Wt](Gt(e.value,n,a))}),(n||a)&&gt(e,`change`,()=>{e.value=Gt(e.value,n,a)}),t||(gt(e,`compositionstart`,Ht),gt(e,`compositionend`,Ut),gt(e,`change`,Ut))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[Wt]=Vt(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?xe(e.value):e.value,c=t??``;if(s===c)return;let l=e.getRootNode();(l instanceof Document||l instanceof ShadowRoot)&&l.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===c)||(e.value=c)}},qt={deep:!0,created(e,{value:t,modifiers:{number:n}},r){let i=A(t);gt(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?xe(Yt(e)):Yt(e));e[Wt](e.multiple?i?new Set(t):t:t[0]),e._assigning=!0,Ce(()=>{e._assigning=!1})}),e[Wt]=Vt(r)},mounted(e,{value:t}){Jt(e,t)},beforeUpdate(e,t,n){e[Wt]=Vt(n)},updated(e,{value:t}){e._assigning||Jt(e,t)}};function Jt(t,n){let r=t.multiple,i=e(n);if(!(r&&!i&&!A(n))){for(let e=0,a=t.options.length;e<a;e++){let a=t.options[e],o=Yt(a);if(r)if(i){let e=typeof o;e===`string`||e===`number`?a.selected=n.some(e=>String(e)===String(o)):a.selected=oe(n,o)>-1}else a.selected=n.has(o);else if(E(Yt(a),n)){t.selectedIndex!==e&&(t.selectedIndex=e);return}}!r&&t.selectedIndex!==-1&&(t.selectedIndex=-1)}}function Yt(e){return`_value`in e?e._value:e.value}var Xt=[`ctrl`,`shift`,`alt`,`meta`],Zt={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>`button`in e&&e.button!==0,middle:e=>`button`in e&&e.button!==1,right:e=>`button`in e&&e.button!==2,exact:(e,t)=>Xt.some(n=>e[`${n}Key`]&&!t.includes(n))},Qt=(e,t)=>{if(!e)return e;let n=e._withMods||={},r=t.join(`.`);return n[r]||(n[r]=((n,...r)=>{for(let e=0;e<t.length;e++){let r=Zt[t[e]];if(r&&r(n,t))return}return e(n,...r)}))},$t={esc:`escape`,space:` `,up:`arrow-up`,left:`arrow-left`,right:`arrow-right`,down:`arrow-down`,delete:`backspace`},en=(e,t)=>{let n=e._withKeys||={},r=t.join(`.`);return n[r]||(n[r]=(n=>{if(!(`key`in n))return;let r=b(n.key);if(t.some(e=>e===r||$t[e]===r))return e(n)}))},tn=x({patchProp:Ot},Pe),nn;function rn(){return nn||=se(tn)}var an=((...e)=>{let t=rn().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=sn(e);if(!r)return;let i=t._component;!D(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,on(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function on(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function sn(e){return N(e)?document.querySelector(e):e}var cn=Math.PI/180;function ln(){return typeof window<`u`&&({}.toString.call(window)===`[object Window]`||{}.toString.call(window)===`[object global]`)}var un=typeof global<`u`?global:typeof window<`u`?window:typeof WorkerGlobalScope<`u`?self:{},P={_global:un,version:`10.3.0`,isBrowser:ln(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle(e){return P.angleDeg?e*cn:e},enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,_renderBackend:`web`,legacyTextRendering:!1,pixelRatio:typeof window<`u`&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging(){return P.DD.isDragging},isTransforming(){return P.Transformer?.isTransforming()??!1},isDragReady(){return!!P.DD.node},releaseCanvasOnDestroy:!0,document:un.document,_injectGlobal(e){un.Konva!==void 0&&console.error(`Several Konva instances detected. It is not recommended to use multiple Konva instances in the same environment.`),un.Konva=e}},F=e=>{P[e.prototype.getClassName()]=e};P._injectGlobal(P);var dn=`Konva.js unsupported environment.
 
 Looks like you are trying to use Konva.js in Node.js environment. because "document" object is undefined.
@@ -13,4 +13,4 @@ or
 bash: npm install skia-canvas
 js: import "konva/skia-backend";
 `,fn=()=>{if(typeof document>`u`)throw Error(dn)},pn=class e{constructor(e=[1,0,0,1,0,0]){this.dirty=!1,this.m=e&&e.slice()||[1,0,0,1,0,0]}reset(){this.m[0]=1,this.m[1]=0,this.m[2]=0,this.m[3]=1,this.m[4]=0,this.m[5]=0}copy(){return new e(this.m)}copyInto(e){e.m[0]=this.m[0],e.m[1]=this.m[1],e.m[2]=this.m[2],e.m[3]=this.m[3],e.m[4]=this.m[4],e.m[5]=this.m[5]}point(e){let t=this.m;return{x:t[0]*e.x+t[2]*e.y+t[4],y:t[1]*e.x+t[3]*e.y+t[5]}}translate(e,t){return this.m[4]+=this.m[0]*e+this.m[2]*t,this.m[5]+=this.m[1]*e+this.m[3]*t,this}scale(e,t){return this.m[0]*=e,this.m[1]*=e,this.m[2]*=t,this.m[3]*=t,this}rotate(e){let t=Math.cos(e),n=Math.sin(e),r=this.m[0]*t+this.m[2]*n,i=this.m[1]*t+this.m[3]*n,a=this.m[0]*-n+this.m[2]*t,o=this.m[1]*-n+this.m[3]*t;return this.m[0]=r,this.m[1]=i,this.m[2]=a,this.m[3]=o,this}getTranslation(){return{x:this.m[4],y:this.m[5]}}skew(e,t){let n=this.m[0]+this.m[2]*t,r=this.m[1]+this.m[3]*t,i=this.m[2]+this.m[0]*e,a=this.m[3]+this.m[1]*e;return this.m[0]=n,this.m[1]=r,this.m[2]=i,this.m[3]=a,this}multiply(e){let t=this.m[0]*e.m[0]+this.m[2]*e.m[1],n=this.m[1]*e.m[0]+this.m[3]*e.m[1],r=this.m[0]*e.m[2]+this.m[2]*e.m[3],i=this.m[1]*e.m[2]+this.m[3]*e.m[3],a=this.m[0]*e.m[4]+this.m[2]*e.m[5]+this.m[4],o=this.m[1]*e.m[4]+this.m[3]*e.m[5]+this.m[5];return this.m[0]=t,this.m[1]=n,this.m[2]=r,this.m[3]=i,this.m[4]=a,this.m[5]=o,this}invert(){let e=1/(this.m[0]*this.m[3]-this.m[1]*this.m[2]),t=this.m[3]*e,n=-this.m[1]*e,r=-this.m[2]*e,i=this.m[0]*e,a=e*(this.m[2]*this.m[5]-this.m[3]*this.m[4]),o=e*(this.m[1]*this.m[4]-this.m[0]*this.m[5]);return this.m[0]=t,this.m[1]=n,this.m[2]=r,this.m[3]=i,this.m[4]=a,this.m[5]=o,this}getMatrix(){return this.m}decompose(){let e=this.m[0],t=this.m[1],n=this.m[2],r=this.m[3],i=this.m[4],a=this.m[5],o=e*r-t*n,s={x:i,y:a,rotation:0,scaleX:0,scaleY:0,skewX:0,skewY:0};if(e!=0||t!=0){let i=Math.sqrt(e*e+t*t);s.rotation=t>0?Math.acos(e/i):-Math.acos(e/i),s.scaleX=i,s.scaleY=o/i,s.skewX=(e*n+t*r)/o,s.skewY=0}else if(n!=0||r!=0){let i=Math.sqrt(n*n+r*r);s.rotation=Math.PI/2-(r>0?Math.acos(-n/i):-Math.acos(n/i)),s.scaleX=o/i,s.scaleY=i,s.skewX=0,s.skewY=(e*n+t*r)/o}return s.rotation=I._getRotation(s.rotation),s}},mn=`[object Array]`,hn=`[object Number]`,gn=`[object String]`,_n=`[object Boolean]`,vn=Math.PI/180,yn=180/Math.PI,bn=`#`,xn=``,Sn=`0`,Cn=`Konva warning: `,wn=`Konva error: `,Tn=`rgb(`,En={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,132,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,255,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,203],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[119,128,144],slategrey:[119,128,144],snow:[255,255,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],transparent:[255,255,255,0],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,5]},Dn=/rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/,On=[],kn=null,An=typeof requestAnimationFrame<`u`&&requestAnimationFrame||function(e){setTimeout(e,16)},I={_isElement(e){return!!(e&&e.nodeType==1)},_isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},_isPlainObject(e){return!!e&&e.constructor===Object},_isArray(e){return Object.prototype.toString.call(e)===mn},_isNumber(e){return Object.prototype.toString.call(e)===hn&&!isNaN(e)&&isFinite(e)},_isString(e){return Object.prototype.toString.call(e)===gn},_isBoolean(e){return Object.prototype.toString.call(e)===_n},isObject(e){return e instanceof Object},isValidSelector(e){if(typeof e!=`string`)return!1;let t=e[0];return t===`#`||t===`.`||t===t.toUpperCase()},_sign(e){return e===0||e>0?1:-1},requestAnimFrame(e){On.push(e),On.length===1&&An(function(){let e=On;On=[],e.forEach(function(e){e()})})},createCanvasElement(){fn();let e=document.createElement(`canvas`);try{e.style=e.style||{}}catch{}return e},createImageElement(){return fn(),document.createElement(`img`)},_isInDocument(e){for(;e=e.parentNode;)if(e==document)return!0;return!1},_urlToImage(e,t){let n=I.createImageElement();n.onload=function(){t(n)},n.src=e},_rgbToHex(e,t,n){return((1<<24)+(e<<16)+(t<<8)+n).toString(16).slice(1)},_hexToRgb(e){e=e.replace(bn,xn);let t=parseInt(e,16);return{r:t>>16&255,g:t>>8&255,b:t&255}},getRandomColor(){let e=(Math.random()*16777215<<0).toString(16);for(;e.length<6;)e=Sn+e;return bn+e},isCanvasFarblingActive(){if(kn!==null)return kn;if(typeof document>`u`)return kn=!1,!1;let e=this.createCanvasElement();e.width=10,e.height=10;let t=e.getContext(`2d`,{willReadFrequently:!0});t.clearRect(0,0,10,10),t.fillStyle=`#282828`,t.fillRect(0,0,10,10);let n=t.getImageData(0,0,10,10).data,r=!1;for(let e=0;e<100;e++)if(n[e*4]!==40||n[e*4+1]!==40||n[e*4+2]!==40||n[e*4+3]!==255){r=!0;break}return kn=r,this.releaseCanvas(e),kn},getHitColor(){let e=this.getRandomColor();return this.isCanvasFarblingActive()?this.getSnappedHexColor(e):e},getHitColorKey(e,t,n){return this.isCanvasFarblingActive()&&(e=Math.round(e/5)*5,t=Math.round(t/5)*5,n=Math.round(n/5)*5),bn+this._rgbToHex(e,t,n)},getSnappedHexColor(e){let t=this._hexToRgb(e);return bn+this._rgbToHex(Math.round(t.r/5)*5,Math.round(t.g/5)*5,Math.round(t.b/5)*5)},getRGB(e){let t;return e in En?(t=En[e],{r:t[0],g:t[1],b:t[2]}):e[0]===bn?this._hexToRgb(e.substring(1)):e.substr(0,4)===Tn?(t=Dn.exec(e.replace(/ /g,``)),{r:parseInt(t[1],10),g:parseInt(t[2],10),b:parseInt(t[3],10)}):{r:0,g:0,b:0}},colorToRGBA(e){return e||=`black`,I._namedColorToRBA(e)||I._hex3ColorToRGBA(e)||I._hex4ColorToRGBA(e)||I._hex6ColorToRGBA(e)||I._hex8ColorToRGBA(e)||I._rgbColorToRGBA(e)||I._rgbaColorToRGBA(e)||I._hslColorToRGBA(e)},_namedColorToRBA(e){let t=En[e.toLowerCase()];return t?{r:t[0],g:t[1],b:t[2],a:1}:null},_rgbColorToRGBA(e){if(e.indexOf(`rgb(`)===0){e=e.match(/rgb\(([^)]+)\)/)[1];let t=e.split(/ *, */).map(Number);return{r:t[0],g:t[1],b:t[2],a:1}}},_rgbaColorToRGBA(e){if(e.indexOf(`rgba(`)===0){e=e.match(/rgba\(([^)]+)\)/)[1];let t=e.split(/ *, */).map((e,t)=>e.slice(-1)===`%`?t===3?parseInt(e)/100:parseInt(e)/100*255:Number(e));return{r:t[0],g:t[1],b:t[2],a:t[3]}}},_hex8ColorToRGBA(e){if(e[0]===`#`&&e.length===9)return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16),a:parseInt(e.slice(7,9),16)/255}},_hex6ColorToRGBA(e){if(e[0]===`#`&&e.length===7)return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16),a:1}},_hex4ColorToRGBA(e){if(e[0]===`#`&&e.length===5)return{r:parseInt(e[1]+e[1],16),g:parseInt(e[2]+e[2],16),b:parseInt(e[3]+e[3],16),a:parseInt(e[4]+e[4],16)/255}},_hex3ColorToRGBA(e){if(e[0]===`#`&&e.length===4)return{r:parseInt(e[1]+e[1],16),g:parseInt(e[2]+e[2],16),b:parseInt(e[3]+e[3],16),a:1}},_hslColorToRGBA(e){if(/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.test(e)){let[t,...n]=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(e),r=Number(n[0])/360,i=Number(n[1])/100,a=Number(n[2])/100,o,s,c;if(i===0)return c=a*255,{r:Math.round(c),g:Math.round(c),b:Math.round(c),a:1};o=a<.5?a*(1+i):a+i-a*i;let l=2*a-o,u=[0,0,0];for(let e=0;e<3;e++)s=r+1/3*-(e-1),s<0&&s++,s>1&&s--,c=6*s<1?l+(o-l)*6*s:2*s<1?o:3*s<2?l+(o-l)*(2/3-s)*6:l,u[e]=c*255;return{r:Math.round(u[0]),g:Math.round(u[1]),b:Math.round(u[2]),a:1}}},haveIntersection(e,t){return!(t.x>e.x+e.width||t.x+t.width<e.x||t.y>e.y+e.height||t.y+t.height<e.y)},cloneObject(e){let t={};for(let n in e)this._isPlainObject(e[n])?t[n]=this.cloneObject(e[n]):this._isArray(e[n])?t[n]=this.cloneArray(e[n]):t[n]=e[n];return t},cloneArray(e){return e.slice(0)},degToRad(e){return e*vn},radToDeg(e){return e*yn},_degToRad(e){return I.warn(`Util._degToRad is removed. Please use public Util.degToRad instead.`),I.degToRad(e)},_radToDeg(e){return I.warn(`Util._radToDeg is removed. Please use public Util.radToDeg instead.`),I.radToDeg(e)},_getRotation(e){return P.angleDeg?I.radToDeg(e):e},_capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)},throw(e){throw Error(wn+e)},error(e){console.error(wn+e)},warn(e){P.showWarnings&&console.warn(Cn+e)},each(e,t){for(let n in e)t(n,e[n])},_inRange(e,t,n){return t<=e&&e<n},_getProjectionToSegment(e,t,n,r,i,a){let o,s,c,l=(e-n)*(e-n)+(t-r)*(t-r);if(l==0)o=e,s=t,c=(i-n)*(i-n)+(a-r)*(a-r);else{let u=((i-e)*(n-e)+(a-t)*(r-t))/l;u<0?(o=e,s=t,c=(e-i)*(e-i)+(t-a)*(t-a)):u>1?(o=n,s=r,c=(n-i)*(n-i)+(r-a)*(r-a)):(o=e+u*(n-e),s=t+u*(r-t),c=(o-i)*(o-i)+(s-a)*(s-a))}return[o,s,c]},_getProjectionToLine(e,t,n){let r=I.cloneObject(e),i=Number.MAX_VALUE;return t.forEach(function(a,o){if(!n&&o===t.length-1)return;let s=t[(o+1)%t.length],c=I._getProjectionToSegment(a.x,a.y,s.x,s.y,e.x,e.y),l=c[0],u=c[1],d=c[2];d<i&&(r.x=l,r.y=u,i=d)}),r},_prepareArrayForTween(e,t,n){let r=[],i=[];if(e.length>t.length){let n=t;t=e,e=n}for(let t=0;t<e.length;t+=2)r.push({x:e[t],y:e[t+1]});for(let e=0;e<t.length;e+=2)i.push({x:t[e],y:t[e+1]});let a=[];return i.forEach(function(e){let t=I._getProjectionToLine(e,r,n);a.push(t.x),a.push(t.y)}),a},_prepareToStringify(e){let t;e.visitedByCircularReferenceRemoval=!0;for(let n in e)if(e.hasOwnProperty(n)&&e[n]&&typeof e[n]==`object`){if(t=Object.getOwnPropertyDescriptor(e,n),e[n].visitedByCircularReferenceRemoval||I._isElement(e[n]))if(t.configurable)delete e[n];else return null;else if(I._prepareToStringify(e[n])===null)if(t.configurable)delete e[n];else return null}return delete e.visitedByCircularReferenceRemoval,e},_assign(e,t){for(let n in t)e[n]=t[n];return e},_getFirstPointerId(e){return e.touches?e.changedTouches[0].identifier:e.pointerId||999},releaseCanvas(...e){P.releaseCanvasOnDestroy&&e.forEach(e=>{e.width=0,e.height=0})},drawRoundedRectPath(e,t,n,r){let i=t<0?t:0,a=n<0?n:0;t=Math.abs(t),n=Math.abs(n);let o=0,s=0,c=0,l=0;typeof r==`number`?o=s=c=l=Math.min(r,t/2,n/2):(o=Math.min(r[0]||0,t/2,n/2),s=Math.min(r[1]||0,t/2,n/2),l=Math.min(r[2]||0,t/2,n/2),c=Math.min(r[3]||0,t/2,n/2)),e.moveTo(i+o,a),e.lineTo(i+t-s,a),e.arc(i+t-s,a+s,s,Math.PI*3/2,0,!1),e.lineTo(i+t,a+n-l),e.arc(i+t-l,a+n-l,l,0,Math.PI/2,!1),e.lineTo(i+c,a+n),e.arc(i+c,a+n-c,c,Math.PI/2,Math.PI,!1),e.lineTo(i,a+o),e.arc(i+o,a+o,o,Math.PI,Math.PI*3/2,!1)},drawRoundedPolygonPath(e,t,n,r,i){r=Math.abs(r);for(let a=0;a<n;a++){let o=t[(a-1+n)%n],s=t[a],c=t[(a+1)%n],l={x:s.x-o.x,y:s.y-o.y},u={x:c.x-s.x,y:c.y-s.y},d=Math.hypot(l.x,l.y),f=Math.hypot(u.x,u.y),p;p=typeof i==`number`?i:a<i.length?i[a]:0,p=r*Math.cos(Math.PI/n)*Math.min(1,p/r*2);let m={x:l.x/d,y:l.y/d},h={x:u.x/f,y:u.y/f},g={x:s.x-m.x*p,y:s.y-m.y*p},_={x:s.x+h.x*p,y:s.y+h.y*p};a===0?e.moveTo(g.x,g.y):e.lineTo(g.x,g.y),e.arcTo(s.x,s.y,_.x,_.y,p)}}};function jn(e){let t=[],n=e.length,r=I;for(let i=0;i<n;i++){let n=e[i];r._isNumber(n)?n=Math.round(n*1e3)/1e3:r._isString(n)||(n+=``),t.push(n)}return t}var Mn=`,`,Nn=`(`,Pn=`)`,Fn=`([`,In=`])`,Ln=`;`,Rn=`()`,zn=`=`,Bn=`arc.arcTo.beginPath.bezierCurveTo.clearRect.clip.closePath.createLinearGradient.createPattern.createRadialGradient.drawImage.ellipse.fill.fillText.getImageData.createImageData.lineTo.moveTo.putImageData.quadraticCurveTo.rect.roundRect.restore.rotate.save.scale.setLineDash.setTransform.stroke.strokeText.transform.translate`.split(`.`),Vn=[`fillStyle`,`strokeStyle`,`shadowColor`,`shadowBlur`,`shadowOffsetX`,`shadowOffsetY`,`letterSpacing`,`lineCap`,`lineDashOffset`,`lineJoin`,`lineWidth`,`miterLimit`,`direction`,`font`,`textAlign`,`textBaseline`,`globalAlpha`,`globalCompositeOperation`,`imageSmoothingEnabled`,`filter`],Hn=100,Un=null;function Wn(){if(Un!==null)return Un;try{let e=I.createCanvasElement().getContext(`2d`);return e?!!e&&`filter`in e:(Un=!1,!1)}catch{return Un=!1,!1}}var Gn=class{constructor(e){this.canvas=e,P.enableTrace&&(this.traceArr=[],this._enableTrace())}fillShape(e){e.fillEnabled()&&this._fill(e)}_fill(e){}strokeShape(e){e.hasStroke()&&this._stroke(e)}_stroke(e){}fillStrokeShape(e){e.attrs.fillAfterStrokeEnabled?(this.strokeShape(e),this.fillShape(e)):(this.fillShape(e),this.strokeShape(e))}getTrace(e,t){let n=this.traceArr,r=n.length,i=``,a,o,s,c;for(a=0;a<r;a++)o=n[a],s=o.method,s?(c=o.args,i+=s,e?i+=Rn:I._isArray(c[0])?i+=Fn+c.join(Mn)+In:(t&&(c=c.map(e=>typeof e==`number`?Math.floor(e):e)),i+=Nn+c.join(Mn)+Pn)):(i+=o.property,e||(i+=zn+o.val)),i+=Ln;return i}clearTrace(){this.traceArr=[]}_trace(e){let t=this.traceArr,n;t.push(e),n=t.length,n>=Hn&&t.shift()}reset(){let e=this.getCanvas().getPixelRatio();this.setTransform(1*e,0,0,1*e,0,0)}getCanvas(){return this.canvas}clear(e){let t=this.getCanvas();e?this.clearRect(e.x||0,e.y||0,e.width||0,e.height||0):this.clearRect(0,0,t.getWidth()/t.pixelRatio,t.getHeight()/t.pixelRatio)}_applyLineCap(e){let t=e.attrs.lineCap;t&&this.setAttr(`lineCap`,t)}_applyOpacity(e){let t=e.getAbsoluteOpacity();t!==1&&this.setAttr(`globalAlpha`,t)}_applyLineJoin(e){let t=e.attrs.lineJoin;t&&this.setAttr(`lineJoin`,t)}_applyMiterLimit(e){let t=e.attrs.miterLimit;t!=null&&this.setAttr(`miterLimit`,t)}setAttr(e,t){this._context[e]=t}arc(e,t,n,r,i,a){this._context.arc(e,t,n,r,i,a)}arcTo(e,t,n,r,i){this._context.arcTo(e,t,n,r,i)}beginPath(){this._context.beginPath()}bezierCurveTo(e,t,n,r,i,a){this._context.bezierCurveTo(e,t,n,r,i,a)}clearRect(e,t,n,r){this._context.clearRect(e,t,n,r)}clip(...e){this._context.clip.apply(this._context,e)}closePath(){this._context.closePath()}createImageData(e,t){let n=arguments;if(n.length===2)return this._context.createImageData(e,t);if(n.length===1)return this._context.createImageData(e)}createLinearGradient(e,t,n,r){return this._context.createLinearGradient(e,t,n,r)}createPattern(e,t){return this._context.createPattern(e,t)}createRadialGradient(e,t,n,r,i,a){return this._context.createRadialGradient(e,t,n,r,i,a)}drawImage(e,t,n,r,i,a,o,s,c){let l=arguments,u=this._context;l.length===3?u.drawImage(e,t,n):l.length===5?u.drawImage(e,t,n,r,i):l.length===9&&u.drawImage(e,t,n,r,i,a,o,s,c)}ellipse(e,t,n,r,i,a,o,s){this._context.ellipse(e,t,n,r,i,a,o,s)}isPointInPath(e,t,n,r){return n?this._context.isPointInPath(n,e,t,r):this._context.isPointInPath(e,t,r)}fill(...e){this._context.fill.apply(this._context,e)}fillRect(e,t,n,r){this._context.fillRect(e,t,n,r)}strokeRect(e,t,n,r){this._context.strokeRect(e,t,n,r)}fillText(e,t,n,r){r?this._context.fillText(e,t,n,r):this._context.fillText(e,t,n)}measureText(e){return this._context.measureText(e)}getImageData(e,t,n,r){return this._context.getImageData(e,t,n,r)}lineTo(e,t){this._context.lineTo(e,t)}moveTo(e,t){this._context.moveTo(e,t)}rect(e,t,n,r){this._context.rect(e,t,n,r)}roundRect(e,t,n,r,i){this._context.roundRect(e,t,n,r,i)}putImageData(e,t,n){this._context.putImageData(e,t,n)}quadraticCurveTo(e,t,n,r){this._context.quadraticCurveTo(e,t,n,r)}restore(){this._context.restore()}rotate(e){this._context.rotate(e)}save(){this._context.save()}scale(e,t){this._context.scale(e,t)}setLineDash(e){this._context.setLineDash?this._context.setLineDash(e):`mozDash`in this._context?this._context.mozDash=e:`webkitLineDash`in this._context&&(this._context.webkitLineDash=e)}getLineDash(){return this._context.getLineDash()}setTransform(e,t,n,r,i,a){this._context.setTransform(e,t,n,r,i,a)}stroke(e){e?this._context.stroke(e):this._context.stroke()}strokeText(e,t,n,r){this._context.strokeText(e,t,n,r)}transform(e,t,n,r,i,a){this._context.transform(e,t,n,r,i,a)}translate(e,t){this._context.translate(e,t)}_enableTrace(){let e=this,t=Bn.length,n=this.setAttr,r,i,a=function(t){let n=e[t],r;e[t]=function(){return i=jn(Array.prototype.slice.call(arguments,0)),r=n.apply(e,arguments),e._trace({method:t,args:i}),r}};for(r=0;r<t;r++)a(Bn[r]);e.setAttr=function(){n.apply(e,arguments);let t=arguments[0],r=arguments[1];(t===`shadowOffsetX`||t===`shadowOffsetY`||t===`shadowBlur`)&&(r/=this.canvas.getPixelRatio()),e._trace({property:t,val:r})}}_applyGlobalCompositeOperation(e){let t=e.attrs.globalCompositeOperation;!t||t===`source-over`||this.setAttr(`globalCompositeOperation`,t)}};Vn.forEach(function(e){Object.defineProperty(Gn.prototype,e,{get(){return this._context[e]},set(t){this._context[e]=t}})});var Kn=class extends Gn{constructor(e,{willReadFrequently:t=!1}={}){super(e),this._context=e._canvas.getContext(`2d`,{willReadFrequently:t})}_fillColor(e){let t=e.fill();this.setAttr(`fillStyle`,t),e._fillFunc(this)}_fillPattern(e){this.setAttr(`fillStyle`,e._getFillPattern()),e._fillFunc(this)}_fillLinearGradient(e){let t=e._getLinearGradient();t&&(this.setAttr(`fillStyle`,t),e._fillFunc(this))}_fillRadialGradient(e){let t=e._getRadialGradient();t&&(this.setAttr(`fillStyle`,t),e._fillFunc(this))}_fill(e){let t=e.fill(),n=e.getFillPriority();if(t&&n===`color`){this._fillColor(e);return}let r=e.getFillPatternImage();if(r&&n===`pattern`){this._fillPattern(e);return}let i=e.getFillLinearGradientColorStops();if(i&&n===`linear-gradient`){this._fillLinearGradient(e);return}let a=e.getFillRadialGradientColorStops();if(a&&n===`radial-gradient`){this._fillRadialGradient(e);return}t?this._fillColor(e):r?this._fillPattern(e):i?this._fillLinearGradient(e):a&&this._fillRadialGradient(e)}_strokeLinearGradient(e){let t=e.getStrokeLinearGradientStartPoint(),n=e.getStrokeLinearGradientEndPoint(),r=e.getStrokeLinearGradientColorStops(),i=this.createLinearGradient(t.x,t.y,n.x,n.y);if(r){for(let e=0;e<r.length;e+=2)i.addColorStop(r[e],r[e+1]);this.setAttr(`strokeStyle`,i)}}_stroke(e){let t=e.dash(),n=e.getStrokeScaleEnabled();if(e.hasStroke()){if(!n){this.save();let e=this.getCanvas().getPixelRatio();this.setTransform(e,0,0,e,0,0)}this._applyLineCap(e),t&&e.dashEnabled()&&(this.setLineDash(t),this.setAttr(`lineDashOffset`,e.dashOffset())),this.setAttr(`lineWidth`,e.strokeWidth()),e.getShadowForStrokeEnabled()||this.setAttr(`shadowColor`,`rgba(0,0,0,0)`),e.getStrokeLinearGradientColorStops()?this._strokeLinearGradient(e):this.setAttr(`strokeStyle`,e.stroke()),e._strokeFunc(this),n||this.restore()}}_applyShadow(e){let t=e.getShadowRGBA()??`black`,n=e.getShadowBlur()??5,r=e.getShadowOffset()??{x:0,y:0},i=e.getAbsoluteScale(),a=this.canvas.getPixelRatio(),o=i.x*a,s=i.y*a;this.setAttr(`shadowColor`,t),this.setAttr(`shadowBlur`,n*Math.min(Math.abs(o),Math.abs(s))),this.setAttr(`shadowOffsetX`,r.x*o),this.setAttr(`shadowOffsetY`,r.y*s)}},qn=class extends Gn{constructor(e){super(e),this._context=e._canvas.getContext(`2d`,{willReadFrequently:!0})}_fill(e){this.save(),this.setAttr(`fillStyle`,e.colorKey),e._fillFuncHit(this),this.restore()}strokeShape(e){e.hasHitStroke()&&this._stroke(e)}_stroke(e){if(e.hasHitStroke()){let t=e.getStrokeScaleEnabled();if(!t){this.save();let e=this.getCanvas().getPixelRatio();this.setTransform(e,0,0,e,0,0)}this._applyLineCap(e);let n=e.hitStrokeWidth(),r=n===`auto`?e.strokeWidth():n;this.setAttr(`lineWidth`,r),this.setAttr(`strokeStyle`,e.colorKey),e._strokeFuncHit(this),t||this.restore()}}},Jn;function Yn(){if(Jn)return Jn;let e=I.createCanvasElement(),t=e.getContext(`2d`);return Jn=(function(){return(P._global.devicePixelRatio||1)/(t.webkitBackingStorePixelRatio||t.mozBackingStorePixelRatio||t.msBackingStorePixelRatio||t.oBackingStorePixelRatio||t.backingStorePixelRatio||1)})(),I.releaseCanvas(e),Jn}var Xn=class{constructor(e){this.pixelRatio=1,this.width=0,this.height=0,this.isCache=!1;let t=(e||{}).pixelRatio||P.pixelRatio||Yn();this.pixelRatio=t,this._canvas=I.createCanvasElement(),this._canvas.style.padding=`0`,this._canvas.style.margin=`0`,this._canvas.style.border=`0`,this._canvas.style.background=`transparent`,this._canvas.style.position=`absolute`,this._canvas.style.top=`0`,this._canvas.style.left=`0`}getContext(){return this.context}getPixelRatio(){return this.pixelRatio}setPixelRatio(e){let t=this.pixelRatio;this.pixelRatio=e,this.setSize(this.getWidth()/t,this.getHeight()/t)}setWidth(e){this.width=this._canvas.width=e*this.pixelRatio,this._canvas.style.width=e+`px`;let t=this.pixelRatio;this.getContext()._context.scale(t,t)}setHeight(e){this.height=this._canvas.height=e*this.pixelRatio,this._canvas.style.height=e+`px`;let t=this.pixelRatio;this.getContext()._context.scale(t,t)}getWidth(){return this.width}getHeight(){return this.height}setSize(e,t){this.setWidth(e||0),this.setHeight(t||0)}toDataURL(e,t){try{return this._canvas.toDataURL(e,t)}catch{try{return this._canvas.toDataURL()}catch(e){return I.error(`Unable to get data URL. `+e.message+` For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html.`),``}}}},Zn=class extends Xn{constructor(e={width:0,height:0,willReadFrequently:!1}){super(e),this.context=new Kn(this,{willReadFrequently:e.willReadFrequently}),this.setSize(e.width,e.height)}},Qn=class extends Xn{constructor(e={width:0,height:0}){super(e),this.hitCanvas=!0,this.context=new qn(this),this.setSize(e.width,e.height)}},L={get isDragging(){let e=!1;return L._dragElements.forEach(t=>{t.dragStatus===`dragging`&&(e=!0)}),e},justDragged:!1,get node(){let e;return L._dragElements.forEach(t=>{e=t.node}),e},_dragElements:new Map,_drag(e){let t=[];L._dragElements.forEach((n,r)=>{let{node:i}=n,a=i.getStage();a.setPointersPositions(e),n.pointerId===void 0&&(n.pointerId=I._getFirstPointerId(e));let o=a._changedPointerPositions.find(e=>e.id===n.pointerId);if(o){if(n.dragStatus!==`dragging`){let t=i.dragDistance();if(Math.max(Math.abs(o.x-n.startPointerPos.x),Math.abs(o.y-n.startPointerPos.y))<t||(i.startDrag({evt:e}),!i.isDragging()))return}i._setDragPosition(e,n),t.push(i)}}),t.forEach(t=>{t.getStage()&&t.fire(`dragmove`,{type:`dragmove`,target:t,evt:e},!0)})},_endDragBefore(e){let t=[];L._dragElements.forEach(n=>{let{node:r}=n,i=r.getStage();if(e&&i.setPointersPositions(e),!i._changedPointerPositions.find(e=>e.id===n.pointerId))return;(n.dragStatus===`dragging`||n.dragStatus===`stopped`)&&(L.justDragged=!0,P._mouseListenClick=!1,P._touchListenClick=!1,P._pointerListenClick=!1,n.dragStatus=`stopped`);let a=n.node.getLayer()||n.node instanceof P.Stage&&n.node;a&&t.indexOf(a)===-1&&t.push(a)}),t.forEach(e=>{e.draw()})},_endDragAfter(e){L._dragElements.forEach((t,n)=>{t.dragStatus===`stopped`&&t.node.fire(`dragend`,{type:`dragend`,target:t.node,evt:e},!0),t.dragStatus!==`dragging`&&L._dragElements.delete(n)})}};P.isBrowser&&(window.addEventListener(`mouseup`,L._endDragBefore,!0),window.addEventListener(`touchend`,L._endDragBefore,!0),window.addEventListener(`touchcancel`,L._endDragBefore,!0),window.addEventListener(`mousemove`,L._drag),window.addEventListener(`touchmove`,L._drag),window.addEventListener(`mouseup`,L._endDragAfter,!1),window.addEventListener(`touchend`,L._endDragAfter,!1),window.addEventListener(`touchcancel`,L._endDragAfter,!1));function $n(e){return I._isString(e)?`"`+e+`"`:Object.prototype.toString.call(e)===`[object Number]`||I._isBoolean(e)?e:Object.prototype.toString.call(e)}function er(e){return e>255?255:e<0?0:Math.round(e)}function R(){if(P.isUnminified)return function(e,t){return I._isNumber(e)||I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a number.`),e}}function tr(e){if(P.isUnminified)return function(t,n){let r=I._isNumber(t),i=I._isArray(t)&&t.length==e;return!r&&!i&&I.warn($n(t)+` is a not valid value for "`+n+`" attribute. The value should be a number or Array<number>(`+e+`)`),t}}function nr(){if(P.isUnminified)return function(e,t){return I._isNumber(e)||e===`auto`||I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a number or "auto".`),e}}function rr(){if(P.isUnminified)return function(e,t){return I._isString(e)||I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a string.`),e}}function ir(){if(P.isUnminified)return function(e,t){let n=I._isString(e),r=Object.prototype.toString.call(e)===`[object CanvasGradient]`||e&&e.addColorStop;return n||r||I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a string or a native gradient.`),e}}function ar(){if(P.isUnminified)return function(e,t){let n=Int8Array?Object.getPrototypeOf(Int8Array):null;return n&&e instanceof n||(I._isArray(e)?e.forEach(function(e){I._isNumber(e)||I.warn(`"`+t+`" attribute has non numeric element `+e+`. Make sure that all elements are numbers.`)}):I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a array of numbers.`)),e}}function or(){if(P.isUnminified)return function(e,t){return e===!0||e===!1||I.warn($n(e)+` is a not valid value for "`+t+`" attribute. The value should be a boolean.`),e}}function sr(e){if(P.isUnminified)return function(t,n){return t==null||I.isObject(t)||I.warn($n(t)+` is a not valid value for "`+n+`" attribute. The value should be an object with properties `+e),t}}var cr=`get`,lr=`set`,z={addGetterSetter(e,t,n,r,i){z.addGetter(e,t,n),z.addSetter(e,t,r,i),z.addOverloadedGetterSetter(e,t)},addGetter(e,t,n){let r=cr+I._capitalize(t);e.prototype[r]=e.prototype[r]||function(){let e=this.attrs[t];return e===void 0?n:e}},addSetter(e,t,n,r){let i=lr+I._capitalize(t);e.prototype[i]||z.overWriteSetter(e,t,n,r)},overWriteSetter(e,t,n,r){let i=lr+I._capitalize(t);e.prototype[i]=function(e){return n&&e!=null&&(e=n.call(this,e,t)),this._setAttr(t,e),r&&r.call(this),this}},addComponentsGetterSetter(e,t,n,r,i){let a=n.length,o=I._capitalize,s=cr+o(t),c=lr+o(t);e.prototype[s]=function(){let e={};for(let r=0;r<a;r++){let i=n[r];e[i]=this.getAttr(t+o(i))}return e};let l=sr(n);e.prototype[c]=function(e){let a=this.attrs[t];r&&(e=r.call(this,e,t)),l&&l.call(this,e,t);for(let n in e)e.hasOwnProperty(n)&&this._setAttr(t+o(n),e[n]);return e||n.forEach(e=>{this._setAttr(t+o(e),void 0)}),this._fireChangeEvent(t,a,e),i&&i.call(this),this},z.addOverloadedGetterSetter(e,t)},addOverloadedGetterSetter(e,t){let n=I._capitalize(t),r=lr+n,i=cr+n;e.prototype[t]=function(){return arguments.length?(this[r](arguments[0]),this):this[i]()}},addDeprecatedGetterSetter(e,t,n,r){I.error(`Adding deprecated `+t);let i=cr+I._capitalize(t),a=t+` property is deprecated and will be removed soon. Look at Konva change log for more information.`;e.prototype[i]=function(){I.error(a);let e=this.attrs[t];return e===void 0?n:e},z.addSetter(e,t,r,function(){I.error(a)}),z.addOverloadedGetterSetter(e,t)},backCompat(e,t){I.each(t,function(t,n){let r=e.prototype[n],i=cr+I._capitalize(t),a=lr+I._capitalize(t);function o(){r.apply(this,arguments),I.error(`"`+t+`" method is deprecated and will be removed soon. Use ""`+n+`" instead.`)}e.prototype[t]=o,e.prototype[i]=o,e.prototype[a]=o})},afterSetFilter(){this._filterUpToDate=!1}};function ur(e){let t=/(\w+)\(([^)]+)\)/g,n;for(;(n=t.exec(e))!==null;){let[,e,t]=n;switch(e){case`blur`:{let e=parseFloat(t.replace(`px`,``));return function(t){this.blurRadius(e*.5);let n=P.Filters;n&&n.Blur&&n.Blur.call(this,t)}}case`brightness`:{let e=t.includes(`%`)?parseFloat(t)/100:parseFloat(t);return function(t){this.brightness(e);let n=P.Filters;n&&n.Brightness&&n.Brightness.call(this,t)}}case`contrast`:{let e=parseFloat(t);return function(t){let n=100*(Math.sqrt(e)-1);this.contrast(n);let r=P.Filters;r&&r.Contrast&&r.Contrast.call(this,t)}}case`grayscale`:return function(e){let t=P.Filters;t&&t.Grayscale&&t.Grayscale.call(this,e)};case`sepia`:return function(e){let t=P.Filters;t&&t.Sepia&&t.Sepia.call(this,e)};case`invert`:return function(e){let t=P.Filters;t&&t.Invert&&t.Invert.call(this,e)};default:I.warn(`CSS filter "${e}" is not supported in fallback mode. Consider using function filters for better compatibility.`);break}}return()=>{}}var dr=`absoluteOpacity`,fr=`allEventListeners`,pr=`absoluteTransform`,mr=`absoluteScale`,hr=`canvas`,gr=`Change`,_r=`children`,vr=`konva`,yr=`listening`,br=`mouseenter`,xr=`mouseleave`,Sr=`pointerenter`,Cr=`pointerleave`,wr=`touchenter`,Tr=`touchleave`,Er=`set`,Dr=`Shape`,Or=` `,kr=`stage`,Ar=`transform`,jr=`Stage`,Mr=`visible`,Nr=[`xChange.konva`,`yChange.konva`,`scaleXChange.konva`,`scaleYChange.konva`,`skewXChange.konva`,`skewYChange.konva`,`rotationChange.konva`,`offsetXChange.konva`,`offsetYChange.konva`,`transformsEnabledChange.konva`].join(Or),Pr=1,B=class e{constructor(e){this._id=Pr++,this.eventListeners={},this.attrs={},this.index=0,this._allEventListeners=null,this.parent=null,this._cache=new Map,this._attachedDepsListeners=new Map,this._lastPos=null,this._batchingTransformChange=!1,this._needClearTransformCache=!1,this._filterUpToDate=!1,this._isUnderCache=!1,this._dragEventId=null,this._shouldFireChangeEvents=!1,this.setAttrs(e),this._shouldFireChangeEvents=!0}hasChildren(){return!1}_clearCache(e){(e===Ar||e===pr)&&this._cache.get(e)?this._cache.get(e).dirty=!0:e?this._cache.delete(e):this._cache.clear()}_getCache(e,t){let n=this._cache.get(e);return(n===void 0||(e===Ar||e===pr)&&n.dirty===!0)&&(n=t.call(this),this._cache.set(e,n)),n}_calculate(e,t,n){if(!this._attachedDepsListeners.get(e)){let n=t.map(e=>e+`Change.konva`).join(Or);this.on(n,()=>{this._clearCache(e)}),this._attachedDepsListeners.set(e,!0)}return this._getCache(e,n)}_getCanvasCache(){return this._cache.get(hr)}_clearSelfAndDescendantCache(e){this._clearCache(e),e===pr&&this.fire(`absoluteTransformChange`)}clearCache(){if(this._cache.has(hr)){let{scene:e,filter:t,hit:n}=this._cache.get(hr);I.releaseCanvas(e._canvas,t._canvas,n._canvas),this._cache.delete(hr)}return this._clearSelfAndDescendantCache(),this._requestDraw(),this}cache(e){let t=e||{},n={};(t.x===void 0||t.y===void 0||t.width===void 0||t.height===void 0)&&(n=this.getClientRect({skipTransform:!0,relativeTo:this.getParent()||void 0}));let r=Math.ceil(t.width||n.width),i=Math.ceil(t.height||n.height),a=t.pixelRatio,o=t.x===void 0?Math.floor(n.x):t.x,s=t.y===void 0?Math.floor(n.y):t.y,c=t.offset||0,l=t.drawBorder||!1,u=t.hitCanvasPixelRatio||1;if(!r||!i){I.error(`Can not cache the node. Width or height of the node equals 0. Caching is skipped.`);return}let d=+(Math.abs(Math.round(n.x)-o)>.5),f=+(Math.abs(Math.round(n.y)-s)>.5);r+=c*2+d,i+=c*2+f,o-=c,s-=c;let p=new Zn({pixelRatio:a,width:r,height:i}),m=new Zn({pixelRatio:a,width:0,height:0,willReadFrequently:!0}),h=new Qn({pixelRatio:u,width:r,height:i}),g=p.getContext(),_=h.getContext(),v=new Zn({width:p.width/p.pixelRatio+Math.abs(o),height:p.height/p.pixelRatio+Math.abs(s),pixelRatio:p.pixelRatio}),y=v.getContext();return h.isCache=!0,p.isCache=!0,this._cache.delete(hr),this._filterUpToDate=!1,t.imageSmoothingEnabled===!1&&(p.getContext()._context.imageSmoothingEnabled=!1,m.getContext()._context.imageSmoothingEnabled=!1),g.save(),_.save(),y.save(),g.translate(-o,-s),_.translate(-o,-s),y.translate(-o,-s),v.x=o,v.y=s,this._isUnderCache=!0,this._clearSelfAndDescendantCache(dr),this._clearSelfAndDescendantCache(mr),this.drawScene(p,this,v),this.drawHit(h,this),this._isUnderCache=!1,g.restore(),_.restore(),l&&(g.save(),g.beginPath(),g.rect(0,0,r,i),g.closePath(),g.setAttr(`strokeStyle`,`red`),g.setAttr(`lineWidth`,5),g.stroke(),g.restore()),I.releaseCanvas(v._canvas),this._cache.set(hr,{scene:p,filter:m,hit:h,x:o,y:s}),this._requestDraw(),this}isCached(){return this._cache.has(hr)}getClientRect(e){throw Error(`abstract "getClientRect" method call`)}_transformedRect(e,t){let n=[{x:e.x,y:e.y},{x:e.x+e.width,y:e.y},{x:e.x+e.width,y:e.y+e.height},{x:e.x,y:e.y+e.height}],r=1/0,i=1/0,a=-1/0,o=-1/0,s=this.getAbsoluteTransform(t);return n.forEach(function(e){let t=s.point(e);r===void 0&&(r=a=t.x,i=o=t.y),r=Math.min(r,t.x),i=Math.min(i,t.y),a=Math.max(a,t.x),o=Math.max(o,t.y)}),{x:r,y:i,width:a-r,height:o-i}}_drawCachedSceneCanvas(e){e.save(),e._applyOpacity(this),e._applyGlobalCompositeOperation(this);let t=this._getCanvasCache();e.translate(t.x,t.y);let n=this._getCachedSceneCanvas(),r=n.pixelRatio;e.drawImage(n._canvas,0,0,n.width/r,n.height/r),e.restore()}_drawCachedHitCanvas(e){let t=this._getCanvasCache(),n=t.hit;e.save(),e.translate(t.x,t.y),e.drawImage(n._canvas,0,0,n.width/n.pixelRatio,n.height/n.pixelRatio),e.restore()}_getCachedSceneCanvas(){let e=this.filters(),t=this._getCanvasCache(),n=t.scene,r=t.filter,i=r.getContext(),a,o,s,c;if(!e||e.length===0)return n;if(this._filterUpToDate)return r;let l=!0;for(let t=0;t<e.length;t++)if(typeof e[t]==`string`&&Wn(),typeof e[t]!=`string`||!Wn()){l=!1;break}let u=n.pixelRatio;if(r.setSize(n.width/n.pixelRatio,n.height/n.pixelRatio),l){let t=e.join(` `);return i.save(),i.setAttr(`filter`,t),i.drawImage(n._canvas,0,0,n.getWidth()/u,n.getHeight()/u),i.restore(),this._filterUpToDate=!0,r}try{for(a=e.length,i.clear(),i.drawImage(n._canvas,0,0,n.getWidth()/u,n.getHeight()/u),o=i.getImageData(0,0,r.getWidth(),r.getHeight()),s=0;s<a;s++)c=e[s],typeof c==`string`&&(c=ur(c)),c.call(this,o),i.putImageData(o,0,0)}catch(e){I.error(`Unable to apply filter. `+e.message+` This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.`)}return this._filterUpToDate=!0,r}on(...e){let t=e[0],n=e[1];if(e[2],this._cache&&this._cache.delete(fr),e.length===3)return this._delegate.apply(this,e);let r=t.split(Or);for(let e=0;e<r.length;e++){let t=r[e].split(`.`),i=t[0],a=t[1]||``;this.eventListeners[i]||(this.eventListeners[i]=[]),this.eventListeners[i].push({name:a,handler:n})}return this}off(e,t){let n=(e||``).split(Or),r=n.length,i,a,o,s,c,l;if(this._cache&&this._cache.delete(fr),!e)for(a in this.eventListeners)this._off(a);for(i=0;i<r;i++)if(o=n[i],s=o.split(`.`),c=s[0],l=s[1],c)this.eventListeners[c]&&this._off(c,l,t);else for(a in this.eventListeners)this._off(a,l,t);return this}dispatchEvent(e){let t={target:this,type:e.type,evt:e};return this.fire(e.type,t),this}addEventListener(e,t){return this.on(e,function(e){t.call(this,e.evt)}),this}removeEventListener(e){return this.off(e),this}_delegate(e,t,n){let r=this;return this.on(e,function(e){let i=e.target.findAncestors(t,!0,r);for(let t=0;t<i.length;t++)e=I.cloneObject(e),e.currentTarget=i[t],n.call(i[t],e)}),this}remove(){return this.isDragging()&&this.stopDrag(),L._dragElements.delete(this._id),L._dragElements.forEach((e,t)=>{this.isAncestorOf(e.node)&&L._dragElements.delete(t)}),this._remove(),this}_clearCaches(){this._clearSelfAndDescendantCache(pr),this._clearSelfAndDescendantCache(dr),this._clearSelfAndDescendantCache(mr),this._clearSelfAndDescendantCache(kr),this._clearSelfAndDescendantCache(Mr),this._clearSelfAndDescendantCache(yr)}_remove(){this._clearCaches();let e=this.getParent();e&&e.children&&(e.children.splice(this.index,1),e._setChildrenIndices(),this.parent=null)}destroy(){return this.remove(),this.clearCache(),this}getAttr(e){let t=`get`+I._capitalize(e);return I._isFunction(this[t])?this[t]():this.attrs[e]}getAncestors(){let e=this.getParent(),t=[];for(;e;)t.push(e),e=e.getParent();return t}getAttrs(){return this.attrs||{}}setAttrs(e){return this._batchTransformChanges(()=>{let t,n;if(!e)return this;for(t in e)t!==_r&&(n=Er+I._capitalize(t),I._isFunction(this[n])?this[n](e[t]):this._setAttr(t,e[t]))}),this}isListening(){return this._getCache(yr,this._isListening)}_isListening(e){if(!this.listening())return!1;let t=this.getParent();return t&&t!==e&&this!==e?t._isListening(e):!0}isVisible(){return this._getCache(Mr,this._isVisible)}_isVisible(e){if(!this.visible())return!1;let t=this.getParent();return t&&t!==e&&this!==e?t._isVisible(e):!0}shouldDrawHit(e,t=!1){if(e)return this._isVisible(e)&&this._isListening(e);let n=this.getLayer(),r=!1;L._dragElements.forEach(e=>{e.dragStatus===`dragging`&&(e.node.nodeType===`Stage`||e.node.getLayer()===n)&&(r=!0)});let i=!t&&!P.hitOnDragEnabled&&(r||P.isTransforming());return this.isListening()&&this.isVisible()&&!i}show(){return this.visible(!0),this}hide(){return this.visible(!1),this}getZIndex(){return this.index||0}getAbsoluteZIndex(){let e=this.getDepth(),t=this,n=0,r,i,a,o;function s(c){for(r=[],i=c.length,a=0;a<i;a++)o=c[a],n++,o.nodeType!==Dr&&(r=r.concat(o.getChildren().slice())),o._id===t._id&&(a=i);r.length>0&&r[0].getDepth()<=e&&s(r)}let c=this.getStage();return t.nodeType!==jr&&c&&s(c.getChildren()),n}getDepth(){let e=0,t=this.parent;for(;t;)e++,t=t.parent;return e}_batchTransformChanges(e){this._batchingTransformChange=!0,e(),this._batchingTransformChange=!1,this._needClearTransformCache&&(this._clearCache(Ar),this._clearSelfAndDescendantCache(pr)),this._needClearTransformCache=!1}setPosition(e){return this._batchTransformChanges(()=>{this.x(e.x),this.y(e.y)}),this}getPosition(){return{x:this.x(),y:this.y()}}getRelativePointerPosition(){let e=this.getStage();if(!e)return null;let t=e.getPointerPosition();if(!t)return null;let n=this.getAbsoluteTransform().copy();return n.invert(),n.point(t)}getAbsolutePosition(e){let t=!1,n=this.parent;for(;n;){if(n.isCached()){t=!0;break}n=n.parent}t&&!e&&(e=!0);let r=this.getAbsoluteTransform(e).getMatrix(),i=new pn,a=this.offset();return i.m=r.slice(),i.translate(a.x,a.y),i.getTranslation()}setAbsolutePosition(e){let{x:t,y:n,...r}=this._clearTransform();this.attrs.x=t,this.attrs.y=n,this._clearCache(Ar);let i=this._getAbsoluteTransform().copy();return i.invert(),i.translate(e.x,e.y),e={x:this.attrs.x+i.getTranslation().x,y:this.attrs.y+i.getTranslation().y},this._setTransform(r),this.setPosition({x:e.x,y:e.y}),this._clearCache(Ar),this._clearSelfAndDescendantCache(pr),this}_setTransform(e){let t;for(t in e)this.attrs[t]=e[t]}_clearTransform(){let e={x:this.x(),y:this.y(),rotation:this.rotation(),scaleX:this.scaleX(),scaleY:this.scaleY(),offsetX:this.offsetX(),offsetY:this.offsetY(),skewX:this.skewX(),skewY:this.skewY()};return this.attrs.x=0,this.attrs.y=0,this.attrs.rotation=0,this.attrs.scaleX=1,this.attrs.scaleY=1,this.attrs.offsetX=0,this.attrs.offsetY=0,this.attrs.skewX=0,this.attrs.skewY=0,e}move(e){let t=e.x,n=e.y,r=this.x(),i=this.y();return t!==void 0&&(r+=t),n!==void 0&&(i+=n),this.setPosition({x:r,y:i}),this}_eachAncestorReverse(e,t){let n=[],r=this.getParent(),i,a;if(!(t&&t._id===this._id)){for(n.unshift(this);r&&(!t||r._id!==t._id);)n.unshift(r),r=r.parent;for(i=n.length,a=0;a<i;a++)e(n[a])}}rotate(e){return this.rotation(this.rotation()+e),this}moveToTop(){if(!this.parent)return I.warn(`Node has no parent. moveToTop function is ignored.`),!1;let e=this.index;return e<this.parent.getChildren().length-1?(this.parent.children.splice(e,1),this.parent.children.push(this),this.parent._setChildrenIndices(),!0):!1}moveUp(){if(!this.parent)return I.warn(`Node has no parent. moveUp function is ignored.`),!1;let e=this.index;return e<this.parent.getChildren().length-1?(this.parent.children.splice(e,1),this.parent.children.splice(e+1,0,this),this.parent._setChildrenIndices(),!0):!1}moveDown(){if(!this.parent)return I.warn(`Node has no parent. moveDown function is ignored.`),!1;let e=this.index;return e>0?(this.parent.children.splice(e,1),this.parent.children.splice(e-1,0,this),this.parent._setChildrenIndices(),!0):!1}moveToBottom(){if(!this.parent)return I.warn(`Node has no parent. moveToBottom function is ignored.`),!1;let e=this.index;return e>0?(this.parent.children.splice(e,1),this.parent.children.unshift(this),this.parent._setChildrenIndices(),!0):!1}setZIndex(e){if(!this.parent)return I.warn(`Node has no parent. zIndex parameter is ignored.`),this;(e<0||e>=this.parent.children.length)&&I.warn(`Unexpected value `+e+` for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to `+(this.parent.children.length-1)+`.`);let t=this.index;return this.parent.children.splice(t,1),this.parent.children.splice(e,0,this),this.parent._setChildrenIndices(),this}getAbsoluteOpacity(){return this._getCache(dr,this._getAbsoluteOpacity)}_getAbsoluteOpacity(){let e=this.opacity(),t=this.getParent();return t&&!t._isUnderCache&&(e*=t.getAbsoluteOpacity()),e}moveTo(e){return this.getParent()!==e&&(this._remove(),e.add(this)),this}toObject(){let e=this.getAttrs(),t,n,r,i,a,o={attrs:{},className:this.getClassName()};for(t in e)n=e[t],a=I.isObject(n)&&!I._isPlainObject(n)&&!I._isArray(n),!a&&(r=typeof this[t]==`function`&&this[t],delete e[t],i=r?r.call(this):null,e[t]=n,i!==n&&(o.attrs[t]=n));return I._prepareToStringify(o)}toJSON(){return JSON.stringify(this.toObject())}getParent(){return this.parent}findAncestors(e,t,n){let r=[];t&&this._isMatch(e)&&r.push(this);let i=this.parent;for(;i;){if(i===n)return r;i._isMatch(e)&&r.push(i),i=i.parent}return r}isAncestorOf(e){return!1}findAncestor(e,t,n){return this.findAncestors(e,t,n)[0]}_isMatch(e){if(!e)return!1;if(typeof e==`function`)return e(this);let t=e.replace(/ /g,``).split(`,`),n=t.length,r,i;for(r=0;r<n;r++)if(i=t[r],I.isValidSelector(i)||(I.warn(`Selector "`+i+`" is invalid. Allowed selectors examples are "#foo", ".bar" or "Group".`),I.warn(`If you have a custom shape with such className, please change it to start with upper letter like "Triangle".`),I.warn(`Konva is awesome, right?`)),i.charAt(0)===`#`){if(this.id()===i.slice(1))return!0}else if(i.charAt(0)===`.`){if(this.hasName(i.slice(1)))return!0}else if(this.className===i||this.nodeType===i)return!0;return!1}getLayer(){let e=this.getParent();return e?e.getLayer():null}getStage(){return this._getCache(kr,this._getStage)}_getStage(){let e=this.getParent();return e?e.getStage():null}fire(e,t={},n){return t.target=t.target||this,n?this._fireAndBubble(e,t):this._fire(e,t),this}getAbsoluteTransform(e){return e?this._getAbsoluteTransform(e):this._getCache(pr,this._getAbsoluteTransform)}_getAbsoluteTransform(e){let t;if(e)return t=new pn,this._eachAncestorReverse(function(e){let n=e.transformsEnabled();n===`all`?t.multiply(e.getTransform()):n===`position`&&t.translate(e.x()-e.offsetX(),e.y()-e.offsetY())},e),t;{t=this._cache.get(pr)||new pn,this.parent?this.parent.getAbsoluteTransform().copyInto(t):t.reset();let e=this.transformsEnabled();if(e===`all`)t.multiply(this.getTransform());else if(e===`position`){let e=this.attrs.x||0,n=this.attrs.y||0,r=this.attrs.offsetX||0,i=this.attrs.offsetY||0;t.translate(e-r,n-i)}return t.dirty=!1,t}}getAbsoluteScale(e){let t=this;for(;t;)t._isUnderCache&&(e=t),t=t.getParent();let n=this.getAbsoluteTransform(e).decompose();return{x:n.scaleX,y:n.scaleY}}getAbsoluteRotation(){return this.getAbsoluteTransform().decompose().rotation}getTransform(){return this._getCache(Ar,this._getTransform)}_getTransform(){let e=this._cache.get(Ar)||new pn;e.reset();let t=this.x(),n=this.y(),r=P.getAngle(this.rotation()),i=this.attrs.scaleX??1,a=this.attrs.scaleY??1,o=this.attrs.skewX||0,s=this.attrs.skewY||0,c=this.attrs.offsetX||0,l=this.attrs.offsetY||0;return(t!==0||n!==0)&&e.translate(t,n),r!==0&&e.rotate(r),(o!==0||s!==0)&&e.skew(o,s),(i!==1||a!==1)&&e.scale(i,a),(c!==0||l!==0)&&e.translate(-1*c,-1*l),e.dirty=!1,e}clone(e){let t=I.cloneObject(this.attrs),n,r,i,a,o;for(n in e)t[n]=e[n];let s=new this.constructor(t);for(n in this.eventListeners)for(r=this.eventListeners[n],i=r.length,a=0;a<i;a++)o=r[a],o.name.indexOf(vr)<0&&(s.eventListeners[n]||(s.eventListeners[n]=[]),s.eventListeners[n].push(o));return s}_toKonvaCanvas(e){e||={};let t=this.getClientRect(),n=this.getStage(),r=e.x===void 0?Math.floor(t.x):e.x,i=e.y===void 0?Math.floor(t.y):e.y,a=e.pixelRatio||1,o=new Zn({width:e.width||Math.ceil(t.width)||(n?n.width():0),height:e.height||Math.ceil(t.height)||(n?n.height():0),pixelRatio:a}),s=o.getContext(),c=new Zn({width:o.width/o.pixelRatio+Math.abs(r),height:o.height/o.pixelRatio+Math.abs(i),pixelRatio:o.pixelRatio});return e.imageSmoothingEnabled===!1&&(s._context.imageSmoothingEnabled=!1),s.save(),(r||i)&&s.translate(-1*r,-1*i),this.drawScene(o,void 0,c),s.restore(),o}toCanvas(e){return this._toKonvaCanvas(e)._canvas}toDataURL(e){e||={};let t=e.mimeType||null,n=e.quality||null,r=this._toKonvaCanvas(e).toDataURL(t,n);return e.callback&&e.callback(r),r}toImage(e){return new Promise((t,n)=>{try{let n=e?.callback;n&&delete e.callback,I._urlToImage(this.toDataURL(e),function(e){t(e),n?.(e)})}catch(e){n(e)}})}toBlob(e){return new Promise((t,n)=>{try{let n=e?.callback;n&&delete e.callback,this.toCanvas(e).toBlob(e=>{t(e),n?.(e)},e?.mimeType,e?.quality)}catch(e){n(e)}})}setSize(e){return this.width(e.width),this.height(e.height),this}getSize(){return{width:this.width(),height:this.height()}}getClassName(){return this.className||this.nodeType}getType(){return this.nodeType}getDragDistance(){return this.attrs.dragDistance===void 0?this.parent?this.parent.getDragDistance():P.dragDistance:this.attrs.dragDistance}_off(e,t,n){let r=this.eventListeners[e],i,a,o;for(i=0;i<r.length;i++)if(a=r[i].name,o=r[i].handler,(a!==`konva`||t===`konva`)&&(!t||a===t)&&(!n||n===o)){if(r.splice(i,1),r.length===0){delete this.eventListeners[e];break}i--}}_fireChangeEvent(e,t,n){this._fire(e+gr,{oldVal:t,newVal:n})}addName(e){if(!this.hasName(e)){let t=this.name(),n=t?t+` `+e:e;this.name(n)}return this}hasName(e){if(!e)return!1;let t=this.name();return t?(t||``).split(/\s/g).indexOf(e)!==-1:!1}removeName(e){let t=(this.name()||``).split(/\s/g),n=t.indexOf(e);return n!==-1&&(t.splice(n,1),this.name(t.join(` `))),this}setAttr(e,t){let n=this[Er+I._capitalize(e)];return I._isFunction(n)?n.call(this,t):this._setAttr(e,t),this}_requestDraw(){P.autoDrawEnabled&&(this.getLayer()||this.getStage())?.batchDraw()}_setAttr(e,t){let n=this.attrs[e];n===t&&!I.isObject(t)||(t==null?delete this.attrs[e]:this.attrs[e]=t,this._shouldFireChangeEvents&&this._fireChangeEvent(e,n,t),this._requestDraw())}_setComponentAttr(e,t,n){let r;n!==void 0&&(r=this.attrs[e],r||(this.attrs[e]=this.getAttr(e)),this.attrs[e][t]=n,this._fireChangeEvent(e,r,n))}_fireAndBubble(e,t,n){t&&this.nodeType===Dr&&(t.target=this);let r=[br,xr,Sr,Cr,wr,Tr];if(!(r.indexOf(e)!==-1&&(n&&(this===n||this.isAncestorOf&&this.isAncestorOf(n))||this.nodeType===`Stage`&&!n))){this._fire(e,t);let i=r.indexOf(e)!==-1&&n&&n.isAncestorOf&&n.isAncestorOf(this)&&!n.isAncestorOf(this.parent);(t&&!t.cancelBubble||!t)&&this.parent&&this.parent.isListening()&&!i&&(n&&n.parent?this._fireAndBubble.call(this.parent,e,t,n):this._fireAndBubble.call(this.parent,e,t))}}_getProtoListeners(t){let{nodeType:n}=this,r=e.protoListenerMap.get(n)||{},i=r?.[t];if(i===void 0){i=[];let a=Object.getPrototypeOf(this);for(;a;){let e=a.eventListeners?.[t]??[];i.push(...e),a=Object.getPrototypeOf(a)}r[t]=i,e.protoListenerMap.set(n,r)}return i}_fire(e,t){t||={},t.currentTarget=this,t.type=e;let n=this._getProtoListeners(e);if(n){let e=n.slice();for(let n=0;n<e.length;n++)e[n].handler.call(this,t)}let r=this.eventListeners[e];if(r){let n=r.slice(),i=n.length;for(let e=0;e<n.length;e++)n[e].handler.call(this,t);let a=this.eventListeners[e];if(a)for(let e=i;e<a.length;e++)a[e].handler.call(this,t)}}draw(){return this.drawScene(),this.drawHit(),this}_createDragElement(e){let t=e?e.pointerId:void 0,n=this.getStage(),r=this.getAbsolutePosition();if(!n)return;let i=n._getPointerById(t)||n._changedPointerPositions[0]||r;L._dragElements.set(this._id,{node:this,startPointerPos:i,offset:{x:i.x-r.x,y:i.y-r.y},dragStatus:`ready`,pointerId:t,startEvent:e})}startDrag(e,t=!0){L._dragElements.has(this._id)||this._createDragElement(e);let n=L._dragElements.get(this._id);n.dragStatus=`dragging`,this.fire(`dragstart`,{type:`dragstart`,target:this,evt:n.startEvent&&n.startEvent.evt||e&&e.evt},t)}_setDragPosition(e,t){let n=this.getStage()._getPointerById(t.pointerId);if(!n)return;let r={x:n.x-t.offset.x,y:n.y-t.offset.y},i=this.dragBoundFunc();if(i!==void 0){let t=i.call(this,r,e);t?r=t:I.warn(`dragBoundFunc did not return any value. That is unexpected behavior. You must return new absolute position from dragBoundFunc.`)}(!this._lastPos||this._lastPos.x!==r.x||this._lastPos.y!==r.y)&&(this.setAbsolutePosition(r),this._requestDraw()),this._lastPos=r}stopDrag(e){let t=L._dragElements.get(this._id);t&&(t.dragStatus=`stopped`),L._endDragBefore(e),L._endDragAfter(e)}setDraggable(e){this._setAttr(`draggable`,e),this._dragChange()}isDragging(){let e=L._dragElements.get(this._id);return e?e.dragStatus===`dragging`:!1}_listenDrag(){this._dragCleanup(),this.on(`mousedown.konva touchstart.konva`,function(e){if(!(e.evt.button===void 0||P.dragButtons.indexOf(e.evt.button)>=0)||this.isDragging())return;let t=!1;L._dragElements.forEach(e=>{this.isAncestorOf(e.node)&&(t=!0)}),t||this._createDragElement(e)})}_dragChange(){if(this.attrs.draggable)this._listenDrag();else{if(this._dragCleanup(),!this.getStage())return;let e=L._dragElements.get(this._id),t=e&&e.dragStatus===`dragging`,n=e&&e.dragStatus===`ready`;t?this.stopDrag():n&&L._dragElements.delete(this._id)}}_dragCleanup(){this.off(`mousedown.konva`),this.off(`touchstart.konva`)}isClientRectOnScreen(e={x:0,y:0}){let t=this.getStage();if(!t)return!1;let n={x:-e.x,y:-e.y,width:t.width()+2*e.x,height:t.height()+2*e.y};return I.haveIntersection(n,this.getClientRect())}static create(e,t){return I._isString(e)&&(e=JSON.parse(e)),this._createNode(e,t)}static _createNode(t,n){let r=e.prototype.getClassName.call(t),i=t.children,a,o,s;n&&(t.attrs.container=n),P[r]||(I.warn(`Can not find a node with class name "`+r+`". Fallback to "Shape".`),r=`Shape`);let c=P[r];if(a=new c(t.attrs),i)for(o=i.length,s=0;s<o;s++)a.add(e._createNode(i[s]));return a}};B.protoListenerMap=new Map,B.prototype.nodeType=`Node`,B.prototype._attrsAffectingSize=[],B.prototype.eventListeners={},B.prototype.on(Nr,function(){if(this._batchingTransformChange){this._needClearTransformCache=!0;return}this._clearCache(Ar),this._clearSelfAndDescendantCache(pr)}),B.prototype.on(`visibleChange.konva`,function(){this._clearSelfAndDescendantCache(Mr)}),B.prototype.on(`listeningChange.konva`,function(){this._clearSelfAndDescendantCache(yr)}),B.prototype.on(`opacityChange.konva`,function(){this._clearSelfAndDescendantCache(dr)});var V=z.addGetterSetter;V(B,`zIndex`),V(B,`absolutePosition`),V(B,`position`),V(B,`x`,0,R()),V(B,`y`,0,R()),V(B,`globalCompositeOperation`,`source-over`,rr()),V(B,`opacity`,1,R()),V(B,`name`,``,rr()),V(B,`id`,``,rr()),V(B,`rotation`,0,R()),z.addComponentsGetterSetter(B,`scale`,[`x`,`y`]),V(B,`scaleX`,1,R()),V(B,`scaleY`,1,R()),z.addComponentsGetterSetter(B,`skew`,[`x`,`y`]),V(B,`skewX`,0,R()),V(B,`skewY`,0,R()),z.addComponentsGetterSetter(B,`offset`,[`x`,`y`]),V(B,`offsetX`,0,R()),V(B,`offsetY`,0,R()),V(B,`dragDistance`,void 0,R()),V(B,`width`,0,R()),V(B,`height`,0,R()),V(B,`listening`,!0,or()),V(B,`preventDefault`,!0,or()),V(B,`filters`,void 0,function(e){return this._filterUpToDate=!1,e}),V(B,`visible`,!0,or()),V(B,`transformsEnabled`,`all`,rr()),V(B,`size`),V(B,`dragBoundFunc`),V(B,`draggable`,!1,or()),z.backCompat(B,{rotateDeg:`rotate`,setRotationDeg:`setRotation`,getRotationDeg:`getRotation`});var H=class extends B{constructor(){super(...arguments),this.children=[]}getChildren(e){let t=this.children||[];return e?t.filter(e):t}hasChildren(){return this.getChildren().length>0}removeChildren(){return this.getChildren().forEach(e=>{e.parent=null,e.index=0,e.remove()}),this.children=[],this._requestDraw(),this}destroyChildren(){return this.getChildren().forEach(e=>{e.parent=null,e.index=0,e.destroy()}),this.children=[],this._requestDraw(),this}add(...e){if(e.length===0)return this;if(e.length>1){for(let t=0;t<e.length;t++)this.add(e[t]);return this}let t=e[0];return t.getParent()?(t.moveTo(this),this):(this._validateAdd(t),t.index=this.getChildren().length,t.parent=this,t._clearCaches(),this.getChildren().push(t),this._fire(`add`,{child:t}),this._requestDraw(),this)}destroy(){return this.hasChildren()&&this.destroyChildren(),super.destroy(),this}find(e){return this._generalFind(e,!1)}findOne(e){let t=this._generalFind(e,!0);return t.length>0?t[0]:void 0}_generalFind(e,t){let n=[];return this._descendants(r=>{let i=r._isMatch(e);return i&&n.push(r),!!(i&&t)}),n}_descendants(e){let t=!1,n=this.getChildren();for(let r of n)if(t=e(r),t||r.hasChildren()&&(t=r._descendants(e),t))return!0;return!1}toObject(){let e=B.prototype.toObject.call(this);return e.children=[],this.getChildren().forEach(t=>{e.children.push(t.toObject())}),e}isAncestorOf(e){let t=e.getParent();for(;t;){if(t._id===this._id)return!0;t=t.getParent()}return!1}clone(e){let t=B.prototype.clone.call(this,e);return this.getChildren().forEach(function(e){t.add(e.clone())}),t}getAllIntersections(e){let t=[];return this.find(`Shape`).forEach(n=>{n.isVisible()&&n.intersects(e)&&t.push(n)}),t}_clearSelfAndDescendantCache(e){var t;super._clearSelfAndDescendantCache(e),!this.isCached()&&((t=this.children)==null||t.forEach(function(t){t._clearSelfAndDescendantCache(e)}))}_setChildrenIndices(){var e;(e=this.children)==null||e.forEach(function(e,t){e.index=t}),this._requestDraw()}drawScene(e,t,n){let r=this.getLayer(),i=e||r&&r.getCanvas(),a=i&&i.getContext(),o=this._getCanvasCache(),s=o&&o.scene,c=i&&i.isCache;if(!this.isVisible()&&!c)return this;if(s){a.save();let e=this.getAbsoluteTransform(t).getMatrix();a.transform(e[0],e[1],e[2],e[3],e[4],e[5]),this._drawCachedSceneCanvas(a),a.restore()}else this._drawChildren(`drawScene`,i,t,n);return this}drawHit(e,t){if(!this.shouldDrawHit(t))return this;let n=this.getLayer(),r=e||n&&n.hitCanvas,i=r&&r.getContext(),a=this._getCanvasCache();if(a&&a.hit){i.save();let e=this.getAbsoluteTransform(t).getMatrix();i.transform(e[0],e[1],e[2],e[3],e[4],e[5]),this._drawCachedHitCanvas(i),i.restore()}else this._drawChildren(`drawHit`,r,t);return this}_drawChildren(e,t,n,r){var i;let a=t&&t.getContext(),o=this.clipWidth(),s=this.clipHeight(),c=this.clipFunc(),l=typeof o==`number`&&typeof s==`number`||c,u=n===this;if(l){a.save();let e=this.getAbsoluteTransform(n),t=e.getMatrix();a.transform(t[0],t[1],t[2],t[3],t[4],t[5]),a.beginPath();let r;if(c)r=c.call(this,a,this);else{let e=this.clipX(),t=this.clipY();a.rect(e||0,t||0,o,s)}a.clip.apply(a,r),t=e.copy().invert().getMatrix(),a.transform(t[0],t[1],t[2],t[3],t[4],t[5])}let d=!u&&this.globalCompositeOperation()!==`source-over`&&e===`drawScene`;d&&(a.save(),a._applyGlobalCompositeOperation(this)),(i=this.children)==null||i.forEach(function(i){i[e](t,n,r)}),d&&a.restore(),l&&a.restore()}getClientRect(e={}){var t;let n=e.skipTransform,r=e.relativeTo,i,a,o,s,c={x:1/0,y:1/0,width:0,height:0},l=this;(t=this.children)==null||t.forEach(function(t){if(!t.visible())return;let n=t.getClientRect({relativeTo:l,skipShadow:e.skipShadow,skipStroke:e.skipStroke});n.width===0&&n.height===0||(i===void 0?(i=n.x,a=n.y,o=n.x+n.width,s=n.y+n.height):(i=Math.min(i,n.x),a=Math.min(a,n.y),o=Math.max(o,n.x+n.width),s=Math.max(s,n.y+n.height)))});let u=this.find(`Shape`),d=!1;for(let e=0;e<u.length;e++)if(u[e]._isVisible(this)){d=!0;break}return c=d&&i!==void 0?{x:i,y:a,width:o-i,height:s-a}:{x:0,y:0,width:0,height:0},n?c:this._transformedRect(c,r)}};z.addComponentsGetterSetter(H,`clip`,[`x`,`y`,`width`,`height`]),z.addGetterSetter(H,`clipX`,void 0,R()),z.addGetterSetter(H,`clipY`,void 0,R()),z.addGetterSetter(H,`clipWidth`,void 0,R()),z.addGetterSetter(H,`clipHeight`,void 0,R()),z.addGetterSetter(H,`clipFunc`);var Fr=new Map,Ir=P._global.PointerEvent!==void 0;function Lr(e){return Fr.get(e)}function Rr(e){return{evt:e,pointerId:e.pointerId}}function zr(e,t){return Fr.get(e)===t}function Br(e,t){Vr(e),t.getStage()&&(Fr.set(e,t),Ir&&t._fire(`gotpointercapture`,Rr(new PointerEvent(`gotpointercapture`))))}function Vr(e,t){let n=Fr.get(e);if(!n)return;let r=n.getStage();r&&r.content,Fr.delete(e),Ir&&n._fire(`lostpointercapture`,Rr(new PointerEvent(`lostpointercapture`)))}var Hr=`Stage`,Ur=`string`,Wr=`px`,Gr=`mouseout`,Kr=`mouseleave`,qr=`mouseover`,Jr=`mouseenter`,Yr=`mousemove`,Xr=`mousedown`,Zr=`mouseup`,Qr=`pointermove`,$r=`pointerdown`,ei=`pointerup`,ti=`pointercancel`,ni=`lostpointercapture`,ri=`pointerout`,ii=`pointerleave`,ai=`pointerover`,oi=`pointerenter`,si=`contextmenu`,ci=`touchstart`,li=`touchend`,ui=`touchmove`,di=`touchcancel`,fi=`wheel`,pi=5,mi=[[Jr,`_pointerenter`],[Xr,`_pointerdown`],[Yr,`_pointermove`],[Zr,`_pointerup`],[Kr,`_pointerleave`],[ci,`_pointerdown`],[ui,`_pointermove`],[li,`_pointerup`],[di,`_pointercancel`],[qr,`_pointerover`],[fi,`_wheel`],[si,`_contextmenu`],[$r,`_pointerdown`],[Qr,`_pointermove`],[ei,`_pointerup`],[ti,`_pointercancel`],[ii,`_pointerleave`],[ni,`_lostpointercapture`]],hi={mouse:{[ri]:Gr,[ii]:Kr,[ai]:qr,[oi]:Jr,[Qr]:Yr,[$r]:Xr,[ei]:Zr,[ti]:`mousecancel`,pointerclick:`click`,pointerdblclick:`dblclick`},touch:{[ri]:`touchout`,[ii]:`touchleave`,[ai]:`touchover`,[oi]:`touchenter`,[Qr]:ui,[$r]:ci,[ei]:li,[ti]:di,pointerclick:`tap`,pointerdblclick:`dbltap`},pointer:{[ri]:ri,[ii]:ii,[ai]:ai,[oi]:oi,[Qr]:Qr,[$r]:$r,[ei]:ei,[ti]:ti,pointerclick:`pointerclick`,pointerdblclick:`pointerdblclick`}},gi=e=>e.indexOf(`pointer`)>=0?`pointer`:e.indexOf(`touch`)>=0?`touch`:`mouse`,_i=e=>{let t=gi(e);if(t===`pointer`)return P.pointerEventsEnabled&&hi.pointer;if(t===`touch`)return hi.touch;if(t===`mouse`)return hi.mouse};function vi(e={}){return(e.clipFunc||e.clipWidth||e.clipHeight)&&I.warn(`Stage does not support clipping. Please use clip for Layers or Groups.`),e}var yi=`Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);`,bi=[],xi=class extends H{constructor(e){super(vi(e)),this._pointerPositions=[],this._changedPointerPositions=[],this._buildDOM(),this._bindContentEvents(),bi.push(this),this.on(`widthChange.konva heightChange.konva`,this._resizeDOM),this.on(`visibleChange.konva`,this._checkVisibility),this.on(`clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva`,()=>{vi(this.attrs)}),this._checkVisibility()}_validateAdd(e){let t=e.getType()===`Layer`,n=e.getType()===`FastLayer`;t||n||I.throw(`You may only add layers to the stage.`)}_checkVisibility(){if(!this.content)return;let e=this.visible()?``:`none`;this.content.style.display=e}setContainer(e){if(typeof e===Ur){let t;if(e.charAt(0)===`.`){let t=e.slice(1);e=document.getElementsByClassName(t)[0]}else t=e.charAt(0)===`#`?e.slice(1):e,e=document.getElementById(t);if(!e)throw`Can not find container in document with id `+t}return this._setAttr(`container`,e),this.content&&(this.content.parentElement&&this.content.parentElement.removeChild(this.content),e.appendChild(this.content)),this}shouldDrawHit(){return!0}clear(){let e=this.children,t=e.length;for(let n=0;n<t;n++)e[n].clear();return this}clone(e){return e||={},e.container=typeof document<`u`&&document.createElement(`div`),H.prototype.clone.call(this,e)}destroy(){super.destroy();let e=this.content;e&&I._isInDocument(e)&&this.container().removeChild(e);let t=bi.indexOf(this);return t>-1&&bi.splice(t,1),I.releaseCanvas(this.bufferCanvas._canvas,this.bufferHitCanvas._canvas),this}getPointerPosition(){let e=this._pointerPositions[0]||this._changedPointerPositions[0];return e?{x:e.x,y:e.y}:(I.warn(yi),null)}_getPointerById(e){return this._pointerPositions.find(t=>t.id===e)}getPointersPositions(){return this._pointerPositions}getStage(){return this}getContent(){return this.content}_toKonvaCanvas(e){e={...e},e.x=e.x||0,e.y=e.y||0,e.width=e.width||this.width(),e.height=e.height||this.height();let t=new Zn({width:e.width,height:e.height,pixelRatio:e.pixelRatio||1}),n=t.getContext()._context,r=this.children;return(e.x||e.y)&&n.translate(-1*e.x,-1*e.y),r.forEach(function(t){if(!t.isVisible())return;let r=t._toKonvaCanvas(e);n.drawImage(r._canvas,e.x,e.y,r.getWidth()/r.getPixelRatio(),r.getHeight()/r.getPixelRatio())}),t}getIntersection(e){if(!e)return null;let t=this.children,n=t.length-1;for(let r=n;r>=0;r--){let n=t[r].getIntersection(e);if(n)return n}return null}_resizeDOM(){let e=this.width(),t=this.height();this.content&&(this.content.style.width=e+Wr,this.content.style.height=t+Wr),this.bufferCanvas.setSize(e,t),this.bufferHitCanvas.setSize(e,t),this.children.forEach(n=>{n.setSize({width:e,height:t}),n.draw()})}add(e,...t){if(arguments.length>1){for(let e=0;e<arguments.length;e++)this.add(arguments[e]);return this}super.add(e);let n=this.children.length;return n>pi&&I.warn(`The stage has `+n+` layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group.`),e.setSize({width:this.width(),height:this.height()}),e.draw(),P.isBrowser&&this.content.appendChild(e.canvas._canvas),this}getParent(){return null}getLayer(){return null}hasPointerCapture(e){return zr(e,this)}setPointerCapture(e){Br(e,this)}releaseCapture(e){Vr(e,this)}getLayers(){return this.children}_bindContentEvents(){P.isBrowser&&mi.forEach(([e,t])=>{this.content.addEventListener(e,e=>{this[t](e)},{passive:!1})})}_pointerenter(e){this.setPointersPositions(e);let t=_i(e.type);t&&this._fire(t.pointerenter,{evt:e,target:this,currentTarget:this})}_pointerover(e){this.setPointersPositions(e);let t=_i(e.type);t&&this._fire(t.pointerover,{evt:e,target:this,currentTarget:this})}_getTargetShape(e){let t=this[e+`targetShape`];return t&&!t.getStage()&&(t=null),t}_pointerleave(e){let t=_i(e.type),n=gi(e.type);if(!t)return;this.setPointersPositions(e);let r=this._getTargetShape(n),i=!(P.isDragging()||P.isTransforming())||P.hitOnDragEnabled;r&&i?(r._fireAndBubble(t.pointerout,{evt:e}),r._fireAndBubble(t.pointerleave,{evt:e}),this._fire(t.pointerleave,{evt:e,target:this,currentTarget:this}),this[n+`targetShape`]=null):i&&(this._fire(t.pointerleave,{evt:e,target:this,currentTarget:this}),this._fire(t.pointerout,{evt:e,target:this,currentTarget:this})),this.pointerPos=null,this._pointerPositions=[]}_pointerdown(e){let t=_i(e.type),n=gi(e.type);if(!t)return;this.setPointersPositions(e);let r=!1;this._changedPointerPositions.forEach(i=>{let a=this.getIntersection(i);if(L.justDragged=!1,P[`_`+n+`ListenClick`]=!0,!a||!a.isListening()){this[n+`ClickStartShape`]=void 0;return}P.capturePointerEventsEnabled&&a.setPointerCapture(i.id),this[n+`ClickStartShape`]=a,a._fireAndBubble(t.pointerdown,{evt:e,pointerId:i.id}),r=!0;let o=e.type.indexOf(`touch`)>=0;a.preventDefault()&&e.cancelable&&o&&e.preventDefault()}),r||this._fire(t.pointerdown,{evt:e,target:this,currentTarget:this,pointerId:this._pointerPositions[0].id})}_pointermove(e){let t=_i(e.type),n=gi(e.type);if(!t)return;let r=e.type.indexOf(`touch`)>=0||e.pointerType===`touch`;if(P.isDragging()&&L.node.preventDefault()&&e.cancelable&&r&&e.preventDefault(),this.setPointersPositions(e),!(!(P.isDragging()||P.isTransforming())||P.hitOnDragEnabled))return;let i={},a=!1,o=this._getTargetShape(n);this._changedPointerPositions.forEach(r=>{let s=Lr(r.id)||this.getIntersection(r),c=r.id,l={evt:e,pointerId:c},u=o!==s;if(u&&o&&(o._fireAndBubble(t.pointerout,{...l},s),o._fireAndBubble(t.pointerleave,{...l},s)),s){if(i[s._id])return;i[s._id]=!0}s&&s.isListening()?(a=!0,u&&(s._fireAndBubble(t.pointerover,{...l},o),s._fireAndBubble(t.pointerenter,{...l},o),this[n+`targetShape`]=s),s._fireAndBubble(t.pointermove,{...l})):o&&(this._fire(t.pointerover,{evt:e,target:this,currentTarget:this,pointerId:c}),this[n+`targetShape`]=null)}),a||this._fire(t.pointermove,{evt:e,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id})}_pointerup(e){let t=_i(e.type),n=gi(e.type);if(!t)return;this.setPointersPositions(e);let r=this[n+`ClickStartShape`],i=this[n+`ClickEndShape`],a={},o=!1;this._changedPointerPositions.forEach(s=>{let c=Lr(s.id)||this.getIntersection(s);if(c){if(c.releaseCapture(s.id),a[c._id])return;a[c._id]=!0}let l=s.id,u={evt:e,pointerId:l},d=!1;P[`_`+n+`InDblClickWindow`]?(d=!0,clearTimeout(this[n+`DblTimeout`])):L.justDragged||(P[`_`+n+`InDblClickWindow`]=!0,clearTimeout(this[n+`DblTimeout`])),this[n+`DblTimeout`]=setTimeout(function(){P[`_`+n+`InDblClickWindow`]=!1},P.dblClickWindow),c&&c.isListening()?(o=!0,this[n+`ClickEndShape`]=c,c._fireAndBubble(t.pointerup,{...u}),P[`_`+n+`ListenClick`]&&r&&r===c&&(c._fireAndBubble(t.pointerclick,{...u}),d&&i&&i===c&&c._fireAndBubble(t.pointerdblclick,{...u}))):(this[n+`ClickEndShape`]=null,o||=(this._fire(t.pointerup,{evt:e,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),!0),P[`_`+n+`ListenClick`]&&this._fire(t.pointerclick,{evt:e,target:this,currentTarget:this,pointerId:l}),d&&this._fire(t.pointerdblclick,{evt:e,target:this,currentTarget:this,pointerId:l}))}),o||this._fire(t.pointerup,{evt:e,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),P[`_`+n+`ListenClick`]=!1,e.cancelable&&n!==`touch`&&n!==`pointer`&&e.preventDefault()}_contextmenu(e){this.setPointersPositions(e);let t=this.getIntersection(this.getPointerPosition());t&&t.isListening()?t._fireAndBubble(si,{evt:e}):this._fire(si,{evt:e,target:this,currentTarget:this})}_wheel(e){this.setPointersPositions(e);let t=this.getIntersection(this.getPointerPosition());t&&t.isListening()?t._fireAndBubble(fi,{evt:e}):this._fire(fi,{evt:e,target:this,currentTarget:this})}_pointercancel(e){this.setPointersPositions(e);let t=Lr(e.pointerId)||this.getIntersection(this.getPointerPosition());t&&t._fireAndBubble(ei,Rr(e)),Vr(e.pointerId)}_lostpointercapture(e){Vr(e.pointerId)}setPointersPositions(e){let t=this._getContentPosition(),n=null,r=null;e||=window.event,e.touches===void 0?(n=(e.clientX-t.left)/t.scaleX,r=(e.clientY-t.top)/t.scaleY,this.pointerPos={x:n,y:r},this._pointerPositions=[{x:n,y:r,id:I._getFirstPointerId(e)}],this._changedPointerPositions=[{x:n,y:r,id:I._getFirstPointerId(e)}]):(this._pointerPositions=[],this._changedPointerPositions=[],Array.prototype.forEach.call(e.touches,e=>{this._pointerPositions.push({id:e.identifier,x:(e.clientX-t.left)/t.scaleX,y:(e.clientY-t.top)/t.scaleY})}),Array.prototype.forEach.call(e.changedTouches||e.touches,e=>{this._changedPointerPositions.push({id:e.identifier,x:(e.clientX-t.left)/t.scaleX,y:(e.clientY-t.top)/t.scaleY})}))}_setPointerPosition(e){I.warn(`Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.`),this.setPointersPositions(e)}_getContentPosition(){if(!this.content||!this.content.getBoundingClientRect)return{top:0,left:0,scaleX:1,scaleY:1};let e=this.content.getBoundingClientRect();return{top:e.top,left:e.left,scaleX:e.width/this.content.clientWidth||1,scaleY:e.height/this.content.clientHeight||1}}_buildDOM(){if(this.bufferCanvas=new Zn({width:this.width(),height:this.height()}),this.bufferHitCanvas=new Qn({pixelRatio:1,width:this.width(),height:this.height()}),!P.isBrowser)return;let e=this.container();if(!e)throw`Stage has no container. A container is required.`;e.innerHTML=``,this.content=document.createElement(`div`),this.content.style.position=`relative`,this.content.style.userSelect=`none`,this.content.className=`konvajs-content`,this.content.setAttribute(`role`,`presentation`),e.appendChild(this.content),this._resizeDOM()}cache(){return I.warn(`Cache function is not allowed for stage. You may use cache only for layers, groups and shapes.`),this}clearCache(){return this}batchDraw(){return this.getChildren().forEach(function(e){e.batchDraw()}),this}};xi.prototype.nodeType=Hr,F(xi),z.addGetterSetter(xi,`container`),P.isBrowser&&document.addEventListener(`visibilitychange`,()=>{bi.forEach(e=>{e.batchDraw()})});var Si=`hasShadow`,Ci=`shadowRGBA`,wi=`patternImage`,Ti=`linearGradient`,Ei=`radialGradient`,Di;function Oi(){return Di||(Di=I.createCanvasElement().getContext(`2d`),Di)}var ki={};function Ai(e){let t=this.attrs.fillRule;t?e.fill(t):e.fill()}function ji(e){e.stroke()}function Mi(e){let t=this.attrs.fillRule;t?e.fill(t):e.fill()}function Ni(e){e.stroke()}function Pi(){this._clearCache(Si)}function Fi(){this._clearCache(Ci)}function Ii(){this._clearCache(wi)}function Li(){this._clearCache(Ti)}function Ri(){this._clearCache(Ei)}var U=class extends B{constructor(e){super(e);let t,n=0;for(;t=I.getHitColor(),!(t&&!(t in ki));)if(n++,n>=1e4){I.warn(`Failed to find a unique color key for a shape. Konva may work incorrectly. Most likely your browser is using canvas farbling. Consider disabling it.`),t=I.getRandomColor();break}this.colorKey=t,ki[t]=this}getContext(){return I.warn(`shape.getContext() method is deprecated. Please do not use it.`),this.getLayer().getContext()}getCanvas(){return I.warn(`shape.getCanvas() method is deprecated. Please do not use it.`),this.getLayer().getCanvas()}getSceneFunc(){return this.attrs.sceneFunc||this._sceneFunc}getHitFunc(){return this.attrs.hitFunc||this._hitFunc}hasShadow(){return this._getCache(Si,this._hasShadow)}_hasShadow(){return this.shadowEnabled()&&this.shadowOpacity()!==0&&!!(this.shadowColor()||this.shadowBlur()||this.shadowOffsetX()||this.shadowOffsetY())}_getFillPattern(){return this._getCache(wi,this.__getFillPattern)}__getFillPattern(){if(this.fillPatternImage()){let e=Oi().createPattern(this.fillPatternImage(),this.fillPatternRepeat()||`repeat`);if(e&&e.setTransform){let t=new pn;t.translate(this.fillPatternX(),this.fillPatternY()),t.rotate(P.getAngle(this.fillPatternRotation())),t.scale(this.fillPatternScaleX(),this.fillPatternScaleY()),t.translate(-1*this.fillPatternOffsetX(),-1*this.fillPatternOffsetY());let n=t.getMatrix(),r=typeof DOMMatrix>`u`?{a:n[0],b:n[1],c:n[2],d:n[3],e:n[4],f:n[5]}:new DOMMatrix(n);e.setTransform(r)}return e}}_getLinearGradient(){return this._getCache(Ti,this.__getLinearGradient)}__getLinearGradient(){let e=this.fillLinearGradientColorStops();if(e){let t=Oi(),n=this.fillLinearGradientStartPoint(),r=this.fillLinearGradientEndPoint(),i=t.createLinearGradient(n.x,n.y,r.x,r.y);for(let t=0;t<e.length;t+=2)i.addColorStop(e[t],e[t+1]);return i}}_getRadialGradient(){return this._getCache(Ei,this.__getRadialGradient)}__getRadialGradient(){let e=this.fillRadialGradientColorStops();if(e){let t=Oi(),n=this.fillRadialGradientStartPoint(),r=this.fillRadialGradientEndPoint(),i=t.createRadialGradient(n.x,n.y,this.fillRadialGradientStartRadius(),r.x,r.y,this.fillRadialGradientEndRadius());for(let t=0;t<e.length;t+=2)i.addColorStop(e[t],e[t+1]);return i}}getShadowRGBA(){return this._getCache(Ci,this._getShadowRGBA)}_getShadowRGBA(){if(!this.hasShadow())return;let e=I.colorToRGBA(this.shadowColor());if(e)return`rgba(`+e.r+`,`+e.g+`,`+e.b+`,`+e.a*(this.shadowOpacity()||1)+`)`}hasFill(){return this._calculate(`hasFill`,[`fillEnabled`,`fill`,`fillPatternImage`,`fillLinearGradientColorStops`,`fillRadialGradientColorStops`],()=>this.fillEnabled()&&!!(this.fill()||this.fillPatternImage()||this.fillLinearGradientColorStops()||this.fillRadialGradientColorStops()))}hasStroke(){return this._calculate(`hasStroke`,[`strokeEnabled`,`strokeWidth`,`stroke`,`strokeLinearGradientColorStops`],()=>this.strokeEnabled()&&this.strokeWidth()&&!!(this.stroke()||this.strokeLinearGradientColorStops()))}hasHitStroke(){let e=this.hitStrokeWidth();return e===`auto`?this.hasStroke():this.strokeEnabled()&&!!e}intersects(e){let t=this.getStage();if(!t)return!1;let n=t.bufferHitCanvas;return n.getContext().clear(),this.drawHit(n,void 0,!0),n.context.getImageData(Math.round(e.x),Math.round(e.y),1,1).data[3]>0}destroy(){return B.prototype.destroy.call(this),delete ki[this.colorKey],delete this.colorKey,this}_useBufferCanvas(e){if(!(this.attrs.perfectDrawEnabled??!0))return!1;let t=e||this.hasFill(),n=this.hasStroke(),r=this.getAbsoluteOpacity()!==1;if(t&&n&&r)return!0;let i=this.hasShadow(),a=this.shadowForStrokeEnabled();return!!(t&&n&&i&&a)}setStrokeHitEnabled(e){I.warn(`strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead.`),e?this.hitStrokeWidth(`auto`):this.hitStrokeWidth(0)}getStrokeHitEnabled(){return this.hitStrokeWidth()!==0}getSelfRect(){let e=this.size();return{x:this._centroid?-e.width/2:0,y:this._centroid?-e.height/2:0,width:e.width,height:e.height}}getClientRect(e={}){let t=!1,n=this.getParent();for(;n;){if(n.isCached()){t=!0;break}n=n.getParent()}let r=e.skipTransform,i=e.relativeTo||t&&this.getStage()||void 0,a=this.getSelfRect(),o=!e.skipStroke&&this.hasStroke()&&this.strokeWidth()||0,s=a.width+o,c=a.height+o,l=!e.skipShadow&&this.hasShadow(),u=l?this.shadowOffsetX():0,d=l?this.shadowOffsetY():0,f=s+Math.abs(u),p=c+Math.abs(d),m=l&&this.shadowBlur()||0,h={width:f+m*2,height:p+m*2,x:-(o/2+m)+Math.min(u,0)+a.x,y:-(o/2+m)+Math.min(d,0)+a.y};return r?h:this._transformedRect(h,i)}drawScene(e,t,n){let r=this.getLayer(),i=(e||r.getCanvas()).getContext(),a=this._getCanvasCache(),o=this.getSceneFunc(),s=this.hasShadow(),c,l=t===this;if(!this.isVisible()&&!l)return this;if(a){i.save();let e=this.getAbsoluteTransform(t).getMatrix();return i.transform(e[0],e[1],e[2],e[3],e[4],e[5]),this._drawCachedSceneCanvas(i),i.restore(),this}if(!o)return this;if(i.save(),this._useBufferCanvas()){c=this.getStage();let e=n||c.bufferCanvas,r=e.getContext();n?(r.save(),r.setTransform(1,0,0,1,0,0),r.clearRect(0,0,e.width,e.height),r.restore()):r.clear(),r.save(),r._applyLineJoin(this),r._applyMiterLimit(this);let a=this.getAbsoluteTransform(t).getMatrix();r.transform(a[0],a[1],a[2],a[3],a[4],a[5]),o.call(this,r,this),r.restore();let u=e.pixelRatio;s&&i._applyShadow(this),l||(i._applyOpacity(this),i._applyGlobalCompositeOperation(this)),i.drawImage(e._canvas,e.x||0,e.y||0,e.width/u,e.height/u)}else{if(i._applyLineJoin(this),i._applyMiterLimit(this),!l){let e=this.getAbsoluteTransform(t).getMatrix();i.transform(e[0],e[1],e[2],e[3],e[4],e[5]),i._applyOpacity(this),i._applyGlobalCompositeOperation(this)}s&&i._applyShadow(this),o.call(this,i,this)}return i.restore(),this}drawHit(e,t,n=!1){if(!this.shouldDrawHit(t,n))return this;let r=this.getLayer(),i=e||r.hitCanvas,a=i&&i.getContext(),o=this.hitFunc()||this.sceneFunc(),s=this._getCanvasCache(),c=s&&s.hit;if(this.colorKey||I.warn(`Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()`),c){a.save();let e=this.getAbsoluteTransform(t).getMatrix();return a.transform(e[0],e[1],e[2],e[3],e[4],e[5]),this._drawCachedHitCanvas(a),a.restore(),this}if(!o)return this;if(a.save(),a._applyLineJoin(this),a._applyMiterLimit(this),this!==t){let e=this.getAbsoluteTransform(t).getMatrix();a.transform(e[0],e[1],e[2],e[3],e[4],e[5])}return o.call(this,a,this),a.restore(),this}drawHitFromCache(e=0){let t=this._getCanvasCache(),n=this._getCachedSceneCanvas(),r=t.hit,i=r.getContext(),a=r.getWidth(),o=r.getHeight();i.clear(),i.drawImage(n._canvas,0,0,a,o);try{let t=i.getImageData(0,0,a,o),n=t.data,r=n.length,s=I._hexToRgb(this.colorKey);for(let t=0;t<r;t+=4)n[t+3]>e?(n[t]=s.r,n[t+1]=s.g,n[t+2]=s.b,n[t+3]=255):n[t+3]=0;i.putImageData(t,0,0)}catch(e){I.error(`Unable to draw hit graph from cached scene canvas. `+e.message)}return this}hasPointerCapture(e){return zr(e,this)}setPointerCapture(e){Br(e,this)}releaseCapture(e){Vr(e,this)}};U.prototype._fillFunc=Ai,U.prototype._strokeFunc=ji,U.prototype._fillFuncHit=Mi,U.prototype._strokeFuncHit=Ni,U.prototype._centroid=!1,U.prototype.nodeType=`Shape`,F(U),U.prototype.eventListeners={},U.prototype.on(`shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva`,Pi),U.prototype.on(`shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva`,Fi),U.prototype.on(`fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva`,Ii),U.prototype.on(`fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva`,Li),U.prototype.on(`fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva`,Ri),z.addGetterSetter(U,`stroke`,void 0,ir()),z.addGetterSetter(U,`strokeWidth`,2,R()),z.addGetterSetter(U,`fillAfterStrokeEnabled`,!1),z.addGetterSetter(U,`hitStrokeWidth`,`auto`,nr()),z.addGetterSetter(U,`strokeHitEnabled`,!0,or()),z.addGetterSetter(U,`perfectDrawEnabled`,!0,or()),z.addGetterSetter(U,`shadowForStrokeEnabled`,!0,or()),z.addGetterSetter(U,`lineJoin`),z.addGetterSetter(U,`lineCap`),z.addGetterSetter(U,`miterLimit`),z.addGetterSetter(U,`sceneFunc`),z.addGetterSetter(U,`hitFunc`),z.addGetterSetter(U,`dash`),z.addGetterSetter(U,`dashOffset`,0,R()),z.addGetterSetter(U,`shadowColor`,void 0,rr()),z.addGetterSetter(U,`shadowBlur`,0,R()),z.addGetterSetter(U,`shadowOpacity`,1,R()),z.addComponentsGetterSetter(U,`shadowOffset`,[`x`,`y`]),z.addGetterSetter(U,`shadowOffsetX`,0,R()),z.addGetterSetter(U,`shadowOffsetY`,0,R()),z.addGetterSetter(U,`fillPatternImage`),z.addGetterSetter(U,`fill`,void 0,ir()),z.addGetterSetter(U,`fillPatternX`,0,R()),z.addGetterSetter(U,`fillPatternY`,0,R()),z.addGetterSetter(U,`fillLinearGradientColorStops`),z.addGetterSetter(U,`strokeLinearGradientColorStops`),z.addGetterSetter(U,`fillRadialGradientStartRadius`,0),z.addGetterSetter(U,`fillRadialGradientEndRadius`,0),z.addGetterSetter(U,`fillRadialGradientColorStops`),z.addGetterSetter(U,`fillPatternRepeat`,`repeat`),z.addGetterSetter(U,`fillEnabled`,!0),z.addGetterSetter(U,`strokeEnabled`,!0),z.addGetterSetter(U,`shadowEnabled`,!0),z.addGetterSetter(U,`dashEnabled`,!0),z.addGetterSetter(U,`strokeScaleEnabled`,!0),z.addGetterSetter(U,`fillPriority`,`color`),z.addComponentsGetterSetter(U,`fillPatternOffset`,[`x`,`y`]),z.addGetterSetter(U,`fillPatternOffsetX`,0,R()),z.addGetterSetter(U,`fillPatternOffsetY`,0,R()),z.addComponentsGetterSetter(U,`fillPatternScale`,[`x`,`y`]),z.addGetterSetter(U,`fillPatternScaleX`,1,R()),z.addGetterSetter(U,`fillPatternScaleY`,1,R()),z.addComponentsGetterSetter(U,`fillLinearGradientStartPoint`,[`x`,`y`]),z.addComponentsGetterSetter(U,`strokeLinearGradientStartPoint`,[`x`,`y`]),z.addGetterSetter(U,`fillLinearGradientStartPointX`,0),z.addGetterSetter(U,`strokeLinearGradientStartPointX`,0),z.addGetterSetter(U,`fillLinearGradientStartPointY`,0),z.addGetterSetter(U,`strokeLinearGradientStartPointY`,0),z.addComponentsGetterSetter(U,`fillLinearGradientEndPoint`,[`x`,`y`]),z.addComponentsGetterSetter(U,`strokeLinearGradientEndPoint`,[`x`,`y`]),z.addGetterSetter(U,`fillLinearGradientEndPointX`,0),z.addGetterSetter(U,`strokeLinearGradientEndPointX`,0),z.addGetterSetter(U,`fillLinearGradientEndPointY`,0),z.addGetterSetter(U,`strokeLinearGradientEndPointY`,0),z.addComponentsGetterSetter(U,`fillRadialGradientStartPoint`,[`x`,`y`]),z.addGetterSetter(U,`fillRadialGradientStartPointX`,0),z.addGetterSetter(U,`fillRadialGradientStartPointY`,0),z.addComponentsGetterSetter(U,`fillRadialGradientEndPoint`,[`x`,`y`]),z.addGetterSetter(U,`fillRadialGradientEndPointX`,0),z.addGetterSetter(U,`fillRadialGradientEndPointY`,0),z.addGetterSetter(U,`fillPatternRotation`,0),z.addGetterSetter(U,`fillRule`,void 0,rr()),z.backCompat(U,{dashArray:`dash`,getDashArray:`getDash`,setDashArray:`getDash`,drawFunc:`sceneFunc`,getDrawFunc:`getSceneFunc`,setDrawFunc:`setSceneFunc`,drawHitFunc:`hitFunc`,getDrawHitFunc:`getHitFunc`,setDrawHitFunc:`setHitFunc`});var zi=`beforeDraw`,Bi=`draw`,Vi=[{x:0,y:0},{x:-1,y:-1},{x:1,y:-1},{x:1,y:1},{x:-1,y:1}],Hi=Vi.length,Ui=class extends H{constructor(e){super(e),this.canvas=new Zn,this.hitCanvas=new Qn({pixelRatio:1}),this._waitingForDraw=!1,this.on(`visibleChange.konva`,this._checkVisibility),this._checkVisibility(),this.on(`imageSmoothingEnabledChange.konva`,this._setSmoothEnabled),this._setSmoothEnabled()}createPNGStream(){return this.canvas._canvas.createPNGStream()}getCanvas(){return this.canvas}getNativeCanvasElement(){return this.canvas._canvas}getHitCanvas(){return this.hitCanvas}getContext(){return this.getCanvas().getContext()}clear(e){return this.getContext().clear(e),this.getHitCanvas().getContext().clear(e),this}setZIndex(e){super.setZIndex(e);let t=this.getStage();return t&&t.content&&(t.content.removeChild(this.getNativeCanvasElement()),e<t.children.length-1?t.content.insertBefore(this.getNativeCanvasElement(),t.children[e+1].getCanvas()._canvas):t.content.appendChild(this.getNativeCanvasElement())),this}moveToTop(){B.prototype.moveToTop.call(this);let e=this.getStage();return e&&e.content&&(e.content.removeChild(this.getNativeCanvasElement()),e.content.appendChild(this.getNativeCanvasElement())),!0}moveUp(){if(!B.prototype.moveUp.call(this))return!1;let e=this.getStage();return!e||!e.content?!1:(e.content.removeChild(this.getNativeCanvasElement()),this.index<e.children.length-1?e.content.insertBefore(this.getNativeCanvasElement(),e.children[this.index+1].getCanvas()._canvas):e.content.appendChild(this.getNativeCanvasElement()),!0)}moveDown(){if(B.prototype.moveDown.call(this)){let e=this.getStage();if(e){let t=e.children;e.content&&(e.content.removeChild(this.getNativeCanvasElement()),e.content.insertBefore(this.getNativeCanvasElement(),t[this.index+1].getCanvas()._canvas))}return!0}return!1}moveToBottom(){if(B.prototype.moveToBottom.call(this)){let e=this.getStage();if(e){let t=e.children;e.content&&(e.content.removeChild(this.getNativeCanvasElement()),e.content.insertBefore(this.getNativeCanvasElement(),t[1].getCanvas()._canvas))}return!0}return!1}getLayer(){return this}remove(){let e=this.getNativeCanvasElement();return B.prototype.remove.call(this),e&&e.parentNode&&I._isInDocument(e)&&e.parentNode.removeChild(e),this}getStage(){return this.parent}setSize({width:e,height:t}){return this.canvas.setSize(e,t),this.hitCanvas.setSize(e,t),this._setSmoothEnabled(),this}_validateAdd(e){let t=e.getType();t!==`Group`&&t!==`Shape`&&I.throw(`You may only add groups and shapes to a layer.`)}_toKonvaCanvas(e){return e={...e},e.width=e.width||this.getWidth(),e.height=e.height||this.getHeight(),e.x=e.x===void 0?this.x():e.x,e.y=e.y===void 0?this.y():e.y,B.prototype._toKonvaCanvas.call(this,e)}_checkVisibility(){this.visible()?this.canvas._canvas.style.display=`block`:this.canvas._canvas.style.display=`none`}_setSmoothEnabled(){this.getContext()._context.imageSmoothingEnabled=this.imageSmoothingEnabled()}getWidth(){if(this.parent)return this.parent.width()}setWidth(){I.warn(`Can not change width of layer. Use "stage.width(value)" function instead.`)}getHeight(){if(this.parent)return this.parent.height()}setHeight(){I.warn(`Can not change height of layer. Use "stage.height(value)" function instead.`)}batchDraw(){return this._waitingForDraw||(this._waitingForDraw=!0,I.requestAnimFrame(()=>{this.draw(),this._waitingForDraw=!1})),this}getIntersection(e){if(!this.isListening()||!this.isVisible())return null;let t=1,n=!1;for(;;){for(let r=0;r<Hi;r++){let i=Vi[r],a=this._getIntersection({x:e.x+i.x*t,y:e.y+i.y*t}),o=a.shape;if(o)return o;if(n=!!a.antialiased,!a.antialiased)break}if(n)t+=1;else return null}}_getIntersection(e){let t=this.hitCanvas.pixelRatio,n=this.hitCanvas.context.getImageData(Math.round(e.x*t),Math.round(e.y*t),1,1).data,r=n[3];if(r===255){let e=ki[I.getHitColorKey(n[0],n[1],n[2])];return e?{shape:e}:{antialiased:!0}}else if(r>0)return{antialiased:!0};return{}}drawScene(e,t,n){let r=this.getLayer(),i=e||r&&r.getCanvas();return this._fire(zi,{node:this}),this.clearBeforeDraw()&&i.getContext().clear(),H.prototype.drawScene.call(this,i,t,n),this._fire(Bi,{node:this}),this}drawHit(e,t){let n=this.getLayer(),r=e||n&&n.hitCanvas;return n&&n.clearBeforeDraw()&&n.getHitCanvas().getContext().clear(),H.prototype.drawHit.call(this,r,t),this}enableHitGraph(){return this.hitGraphEnabled(!0),this}disableHitGraph(){return this.hitGraphEnabled(!1),this}setHitGraphEnabled(e){I.warn(`hitGraphEnabled method is deprecated. Please use layer.listening() instead.`),this.listening(e)}getHitGraphEnabled(e){return I.warn(`hitGraphEnabled method is deprecated. Please use layer.listening() instead.`),this.listening()}toggleHitCanvas(){if(!this.parent||!this.parent.content)return;let e=this.parent;this.hitCanvas._canvas.parentNode?e.content.removeChild(this.hitCanvas._canvas):e.content.appendChild(this.hitCanvas._canvas)}destroy(){return I.releaseCanvas(this.getNativeCanvasElement(),this.getHitCanvas()._canvas),super.destroy()}};Ui.prototype.nodeType=`Layer`,F(Ui),z.addGetterSetter(Ui,`imageSmoothingEnabled`,!0),z.addGetterSetter(Ui,`clearBeforeDraw`,!0),z.addGetterSetter(Ui,`hitGraphEnabled`,!0,or());var Wi=class extends Ui{constructor(e){super(e),this.listening(!1),I.warn(`Konva.Fast layer is deprecated. Please use "new Konva.Layer({ listening: false })" instead.`)}};Wi.prototype.nodeType=`FastLayer`,F(Wi);var Gi=class extends H{_validateAdd(e){let t=e.getType();t!==`Group`&&t!==`Shape`&&I.throw(`You may only add groups and shapes to groups.`)}};Gi.prototype.nodeType=`Group`,F(Gi);var Ki=(function(){return un.performance&&un.performance.now?function(){return un.performance.now()}:function(){return new Date().getTime()}})(),qi=class e{constructor(t,n){this.id=e.animIdCounter++,this.frame={time:0,timeDiff:0,lastTime:Ki(),frameRate:0},this.func=t,this.setLayers(n)}setLayers(e){let t=[];return e&&(t=Array.isArray(e)?e:[e]),this.layers=t,this}getLayers(){return this.layers}addLayer(e){let t=this.layers,n=t.length;for(let r=0;r<n;r++)if(t[r]._id===e._id)return!1;return this.layers.push(e),!0}isRunning(){let t=e.animations,n=t.length;for(let e=0;e<n;e++)if(t[e].id===this.id)return!0;return!1}start(){return this.stop(),this.frame.timeDiff=0,this.frame.lastTime=Ki(),e._addAnimation(this),this}stop(){return e._removeAnimation(this),this}_updateFrameObject(e){this.frame.timeDiff=e-this.frame.lastTime,this.frame.lastTime=e,this.frame.time+=this.frame.timeDiff,this.frame.frameRate=1e3/this.frame.timeDiff}static _addAnimation(e){this.animations.push(e),this._handleAnimation()}static _removeAnimation(e){let t=e.id,n=this.animations,r=n.length;for(let e=0;e<r;e++)if(n[e].id===t){this.animations.splice(e,1);break}}static _runFrames(){let e={},t=this.animations;for(let n=0;n<t.length;n++){let r=t[n],i=r.layers,a=r.func;r._updateFrameObject(Ki());let o=i.length,s;if(s=a?a.call(r,r.frame)!==!1:!0,s)for(let t=0;t<o;t++){let n=i[t];n._id!==void 0&&(e[n._id]=n)}}for(let t in e)e.hasOwnProperty(t)&&e[t].batchDraw()}static _animationLoop(){let t=e;t.animations.length?(t._runFrames(),I.requestAnimFrame(t._animationLoop)):t.animRunning=!1}static _handleAnimation(){this.animRunning||(this.animRunning=!0,I.requestAnimFrame(this._animationLoop))}};qi.animations=[],qi.animIdCounter=0,qi.animRunning=!1;var Ji={node:1,duration:1,easing:1,onFinish:1,yoyo:1},Yi=1,Xi=2,Zi=3,Qi=[`fill`,`stroke`,`shadowColor`],$i=0,ea=class{constructor(e,t,n,r,i,a,o){this.prop=e,this.propFunc=t,this.begin=r,this._pos=r,this.duration=a,this._change=0,this.prevPos=0,this.yoyo=o,this._time=0,this._position=0,this._startTime=0,this._finish=0,this.func=n,this._change=i-this.begin,this.pause()}fire(e){let t=this[e];t&&t()}setTime(e){e>this.duration?this.yoyo?(this._time=this.duration,this.reverse()):this.finish():e<0?this.yoyo?(this._time=0,this.play()):this.reset():(this._time=e,this.update())}getTime(){return this._time}setPosition(e){this.prevPos=this._pos,this.propFunc(e),this._pos=e}getPosition(e){return e===void 0&&(e=this._time),this.func(e,this.begin,this._change,this.duration)}play(){this.state=Xi,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire(`onPlay`)}reverse(){this.state=Zi,this._time=this.duration-this._time,this._startTime=this.getTimer()-this._time,this.onEnterFrame(),this.fire(`onReverse`)}seek(e){this.pause(),this._time=e,this.update(),this.fire(`onSeek`)}reset(){this.pause(),this._time=0,this.update(),this.fire(`onReset`)}finish(){this.pause(),this._time=this.duration,this.update(),this.fire(`onFinish`)}update(){this.setPosition(this.getPosition(this._time)),this.fire(`onUpdate`)}onEnterFrame(){let e=this.getTimer()-this._startTime;this.state===Xi?this.setTime(e):this.state===Zi&&this.setTime(this.duration-e)}pause(){this.state=Yi,this.fire(`onPause`)}getTimer(){return new Date().getTime()}},ta=class e{constructor(t){let n=this,r=t.node,i=r._id,a=t.easing||na.Linear,o=!!t.yoyo,s,c;s=t.duration===void 0?.3:t.duration===0?.001:t.duration,this.node=r,this._id=$i++;let l=r.getLayer()||(r instanceof P.Stage?r.getLayers():null);for(c in l||I.error("Tween constructor have `node` that is not in a layer. Please add node into layer first."),this.anim=new qi(function(){n.tween.onEnterFrame()},l),this.tween=new ea(c,function(e){n._tweenFunc(e)},a,0,1,s*1e3,o),this._addListeners(),e.attrs[i]||(e.attrs[i]={}),e.attrs[i][this._id]||(e.attrs[i][this._id]={}),e.tweens[i]||(e.tweens[i]={}),t)Ji[c]===void 0&&this._addAttr(c,t[c]);this.reset(),this.onFinish=t.onFinish,this.onReset=t.onReset,this.onUpdate=t.onUpdate}_addAttr(t,n){let r=this.node,i=r._id,a,o,s,c,l,u=e.tweens[i][t];u&&delete e.attrs[i][u][t];let d=r.getAttr(t);if(I._isArray(n))if(a=[],o=Math.max(n.length,d.length),t===`points`&&n.length!==d.length&&(n.length>d.length?(c=d,d=I._prepareArrayForTween(d,n,r.closed())):(s=n,n=I._prepareArrayForTween(n,d,r.closed()))),t.indexOf(`fill`)===0)for(let e=0;e<o;e++)if(e%2==0)a.push(n[e]-d[e]);else{let t=I.colorToRGBA(d[e]);l=I.colorToRGBA(n[e]),d[e]=t,a.push({r:l.r-t.r,g:l.g-t.g,b:l.b-t.b,a:l.a-t.a})}else for(let e=0;e<o;e++)a.push(n[e]-d[e]);else Qi.indexOf(t)===-1?a=n-d:(d=I.colorToRGBA(d),l=I.colorToRGBA(n),a={r:l.r-d.r,g:l.g-d.g,b:l.b-d.b,a:l.a-d.a});e.attrs[i][this._id][t]={start:d,diff:a,end:n,trueEnd:s,trueStart:c},e.tweens[i][t]=this._id}_tweenFunc(t){let n=this.node,r=e.attrs[n._id][this._id],i,a,o,s,c,l,u,d;for(i in r){if(a=r[i],o=a.start,s=a.diff,d=a.end,I._isArray(o))if(c=[],u=Math.max(o.length,d.length),i.indexOf(`fill`)===0)for(l=0;l<u;l++)l%2==0?c.push((o[l]||0)+s[l]*t):c.push(`rgba(`+Math.round(o[l].r+s[l].r*t)+`,`+Math.round(o[l].g+s[l].g*t)+`,`+Math.round(o[l].b+s[l].b*t)+`,`+(o[l].a+s[l].a*t)+`)`);else for(l=0;l<u;l++)c.push((o[l]||0)+s[l]*t);else c=Qi.indexOf(i)===-1?o+s*t:`rgba(`+Math.round(o.r+s.r*t)+`,`+Math.round(o.g+s.g*t)+`,`+Math.round(o.b+s.b*t)+`,`+(o.a+s.a*t)+`)`;n.setAttr(i,c)}}_addListeners(){this.tween.onPlay=()=>{this.anim.start()},this.tween.onReverse=()=>{this.anim.start()},this.tween.onPause=()=>{this.anim.stop()},this.tween.onFinish=()=>{let t=this.node,n=e.attrs[t._id][this._id];n.points&&n.points.trueEnd&&t.setAttr(`points`,n.points.trueEnd),this.onFinish&&this.onFinish.call(this)},this.tween.onReset=()=>{let t=this.node,n=e.attrs[t._id][this._id];n.points&&n.points.trueStart&&t.points(n.points.trueStart),this.onReset&&this.onReset()},this.tween.onUpdate=()=>{this.onUpdate&&this.onUpdate.call(this)}}play(){return this.tween.play(),this}reverse(){return this.tween.reverse(),this}reset(){return this.tween.reset(),this}seek(e){return this.tween.seek(e*1e3),this}pause(){return this.tween.pause(),this}finish(){return this.tween.finish(),this}destroy(){let t=this.node._id,n=this._id,r=e.tweens[t];this.pause(),this.anim&&this.anim.stop();for(let n in r)delete e.tweens[t][n];delete e.attrs[t][n],e.tweens[t]&&(Object.keys(e.tweens[t]).length===0&&delete e.tweens[t],Object.keys(e.attrs[t]).length===0&&delete e.attrs[t])}};ta.attrs={},ta.tweens={},B.prototype.to=function(e){let t=e.onFinish;e.node=this,e.onFinish=function(){this.destroy(),t&&t()},new ta(e).play()};var na={BackEaseIn(e,t,n,r){let i=1.70158;return n*(e/=r)*e*((i+1)*e-i)+t},BackEaseOut(e,t,n,r){let i=1.70158;return n*((e=e/r-1)*e*((i+1)*e+i)+1)+t},BackEaseInOut(e,t,n,r){let i=1.70158;return(e/=r/2)<1?n/2*(e*e*(((i*=1.525)+1)*e-i))+t:n/2*((e-=2)*e*(((i*=1.525)+1)*e+i)+2)+t},ElasticEaseIn(e,t,n,r,i,a){let o=0;return e===0?t:(e/=r)===1?t+n:(a||=r*.3,!i||i<Math.abs(n)?(i=n,o=a/4):o=a/(2*Math.PI)*Math.asin(n/i),-(i*2**(10*--e)*Math.sin((e*r-o)*(2*Math.PI)/a))+t)},ElasticEaseOut(e,t,n,r,i,a){let o=0;return e===0?t:(e/=r)===1?t+n:(a||=r*.3,!i||i<Math.abs(n)?(i=n,o=a/4):o=a/(2*Math.PI)*Math.asin(n/i),i*2**(-10*e)*Math.sin((e*r-o)*(2*Math.PI)/a)+n+t)},ElasticEaseInOut(e,t,n,r,i,a){let o=0;return e===0?t:(e/=r/2)==2?t+n:(a||=.3*1.5*r,!i||i<Math.abs(n)?(i=n,o=a/4):o=a/(2*Math.PI)*Math.asin(n/i),e<1?-.5*(i*2**(10*--e)*Math.sin((e*r-o)*(2*Math.PI)/a))+t:i*2**(-10*--e)*Math.sin((e*r-o)*(2*Math.PI)/a)*.5+n+t)},BounceEaseOut(e,t,n,r){return(e/=r)<1/2.75?n*(7.5625*e*e)+t:e<2/2.75?n*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?n*(7.5625*(e-=2.25/2.75)*e+.9375)+t:n*(7.5625*(e-=2.625/2.75)*e+.984375)+t},BounceEaseIn(e,t,n,r){return n-na.BounceEaseOut(r-e,0,n,r)+t},BounceEaseInOut(e,t,n,r){return e<r/2?na.BounceEaseIn(e*2,0,n,r)*.5+t:na.BounceEaseOut(e*2-r,0,n,r)*.5+n*.5+t},EaseIn(e,t,n,r){return n*(e/=r)*e+t},EaseOut(e,t,n,r){return-n*(e/=r)*(e-2)+t},EaseInOut(e,t,n,r){return(e/=r/2)<1?n/2*e*e+t:-n/2*(--e*(e-2)-1)+t},StrongEaseIn(e,t,n,r){return n*(e/=r)*e*e*e*e+t},StrongEaseOut(e,t,n,r){return n*((e=e/r-1)*e*e*e*e+1)+t},StrongEaseInOut(e,t,n,r){return(e/=r/2)<1?n/2*e*e*e*e*e+t:n/2*((e-=2)*e*e*e*e+2)+t},Linear(e,t,n,r){return n*e/r+t}},ra=I._assign(P,{Util:I,Transform:pn,Node:B,Container:H,Stage:xi,stages:bi,Layer:Ui,FastLayer:Wi,Group:Gi,DD:L,Shape:U,shapes:ki,Animation:qi,Tween:ta,Easings:na,Context:Gn,Canvas:Xn}),ia=class extends U{_sceneFunc(e){let t=P.getAngle(this.angle()),n=this.clockwise();e.beginPath(),e.arc(0,0,this.outerRadius(),0,t,n),e.arc(0,0,this.innerRadius(),t,0,!n),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.outerRadius()*2}getHeight(){return this.outerRadius()*2}setWidth(e){this.outerRadius(e/2)}setHeight(e){this.outerRadius(e/2)}getSelfRect(){let e=this.innerRadius(),t=this.outerRadius(),n=this.clockwise(),r=P.getAngle(n?360-this.angle():this.angle()),i=Math.cos(Math.min(r,Math.PI)),a=Math.sin(Math.min(Math.max(Math.PI,r),3*Math.PI/2)),o=Math.sin(Math.min(r,Math.PI/2)),s=i*(i>0?e:t),c=1*t,l=a*(a>0?e:t),u=o*(o>0?t:e);return{x:s,y:n?-1*u:l,width:c-s,height:u-l}}};ia.prototype._centroid=!0,ia.prototype.className=`Arc`,ia.prototype._attrsAffectingSize=[`innerRadius`,`outerRadius`,`angle`,`clockwise`],F(ia),z.addGetterSetter(ia,`innerRadius`,0,R()),z.addGetterSetter(ia,`outerRadius`,0,R()),z.addGetterSetter(ia,`angle`,0,R()),z.addGetterSetter(ia,`clockwise`,!1,or());function aa(e,t,n,r,i,a,o){let s=Math.sqrt((n-e)**2+(r-t)**2),c=Math.sqrt((i-n)**2+(a-r)**2),l=o*s/(s+c),u=o*c/(s+c);return[n-l*(i-e),r-l*(a-t),n+u*(i-e),r+u*(a-t)]}function oa(e,t){let n=e.length,r=[];for(let i=2;i<n-2;i+=2){let n=aa(e[i-2],e[i-1],e[i],e[i+1],e[i+2],e[i+3],t);isNaN(n[0])||(r.push(n[0]),r.push(n[1]),r.push(e[i]),r.push(e[i+1]),r.push(n[2]),r.push(n[3]))}return r}function sa(e){let t=[[e[0],e[2],e[4],e[6]],[e[1],e[3],e[5],e[7]]],n=[];for(let e of t){let t=-3*e[0]+9*e[1]-9*e[2]+3*e[3];if(t!==0){let r=6*e[0]-12*e[1]+6*e[2],i=-3*e[0]+3*e[1],a=r*r-4*t*i;if(a>=0){let e=Math.sqrt(a);n.push((-r+e)/(2*t)),n.push((-r-e)/(2*t))}}}return n.filter(e=>e>0&&e<1).flatMap(e=>t.map(t=>{let n=1-e;return n*n*n*t[0]+3*n*n*e*t[1]+3*n*e*e*t[2]+e*e*e*t[3]}))}var ca=class extends U{constructor(e){super(e),this.on(`pointsChange.konva tensionChange.konva closedChange.konva bezierChange.konva`,function(){this._clearCache(`tensionPoints`)})}_sceneFunc(e){let t=this.points(),n=t.length,r=this.tension(),i=this.closed(),a=this.bezier();if(!n)return;let o=0;if(e.beginPath(),e.moveTo(t[0],t[1]),r!==0&&n>4){let r=this.getTensionPoints(),a=r.length;for(o=i?0:4,i||e.quadraticCurveTo(r[0],r[1],r[2],r[3]);o<a-2;)e.bezierCurveTo(r[o++],r[o++],r[o++],r[o++],r[o++],r[o++]);i||e.quadraticCurveTo(r[a-2],r[a-1],t[n-2],t[n-1])}else if(a)for(o=2;o<n;)e.bezierCurveTo(t[o++],t[o++],t[o++],t[o++],t[o++],t[o++]);else for(o=2;o<n;o+=2)e.lineTo(t[o],t[o+1]);i?(e.closePath(),e.fillStrokeShape(this)):e.strokeShape(this)}getTensionPoints(){return this._getCache(`tensionPoints`,this._getTensionPoints)}_getTensionPoints(){return this.closed()?this._getTensionPointsClosed():oa(this.points(),this.tension())}_getTensionPointsClosed(){let e=this.points(),t=e.length,n=this.tension(),r=aa(e[t-2],e[t-1],e[0],e[1],e[2],e[3],n),i=aa(e[t-4],e[t-3],e[t-2],e[t-1],e[0],e[1],n),a=oa(e,n);return[r[2],r[3]].concat(a,[i[0],i[1],e[t-2],e[t-1],i[2],i[3],r[0],r[1],e[0],e[1]])}getWidth(){return this.getSelfRect().width}getHeight(){return this.getSelfRect().height}getSelfRect(){let e=this.points();if(e.length<4)return{x:e[0]||0,y:e[1]||0,width:0,height:0};e=this.tension()===0?this.bezier()?[e[0],e[1],...sa(this.points()),e[e.length-2],e[e.length-1]]:this.points():[e[0],e[1],...this._getTensionPoints(),e[e.length-2],e[e.length-1]];let t=e[0],n=e[0],r=e[1],i=e[1],a,o;for(let s=0;s<e.length/2;s++)a=e[s*2],o=e[s*2+1],t=Math.min(t,a),n=Math.max(n,a),r=Math.min(r,o),i=Math.max(i,o);return{x:t,y:r,width:n-t,height:i-r}}};ca.prototype.className=`Line`,ca.prototype._attrsAffectingSize=[`points`,`bezier`,`tension`],F(ca),z.addGetterSetter(ca,`closed`,!1),z.addGetterSetter(ca,`bezier`,!1),z.addGetterSetter(ca,`tension`,0,R()),z.addGetterSetter(ca,`points`,[],ar());var la=[[],[],[-.5773502691896257,.5773502691896257],[0,-.7745966692414834,.7745966692414834],[-.33998104358485626,.33998104358485626,-.8611363115940526,.8611363115940526],[0,-.5384693101056831,.5384693101056831,-.906179845938664,.906179845938664],[.6612093864662645,-.6612093864662645,-.2386191860831969,.2386191860831969,-.932469514203152,.932469514203152],[0,.4058451513773972,-.4058451513773972,-.7415311855993945,.7415311855993945,-.9491079123427585,.9491079123427585],[-.1834346424956498,.1834346424956498,-.525532409916329,.525532409916329,-.7966664774136267,.7966664774136267,-.9602898564975363,.9602898564975363],[0,-.8360311073266358,.8360311073266358,-.9681602395076261,.9681602395076261,-.3242534234038089,.3242534234038089,-.6133714327005904,.6133714327005904],[-.14887433898163122,.14887433898163122,-.4333953941292472,.4333953941292472,-.6794095682990244,.6794095682990244,-.8650633666889845,.8650633666889845,-.9739065285171717,.9739065285171717],[0,-.26954315595234496,.26954315595234496,-.5190961292068118,.5190961292068118,-.7301520055740494,.7301520055740494,-.8870625997680953,.8870625997680953,-.978228658146057,.978228658146057],[-.1252334085114689,.1252334085114689,-.3678314989981802,.3678314989981802,-.5873179542866175,.5873179542866175,-.7699026741943047,.7699026741943047,-.9041172563704749,.9041172563704749,-.9815606342467192,.9815606342467192],[0,-.2304583159551348,.2304583159551348,-.44849275103644687,.44849275103644687,-.6423493394403402,.6423493394403402,-.8015780907333099,.8015780907333099,-.9175983992229779,.9175983992229779,-.9841830547185881,.9841830547185881],[-.10805494870734367,.10805494870734367,-.31911236892788974,.31911236892788974,-.5152486363581541,.5152486363581541,-.6872929048116855,.6872929048116855,-.827201315069765,.827201315069765,-.9284348836635735,.9284348836635735,-.9862838086968123,.9862838086968123],[0,-.20119409399743451,.20119409399743451,-.3941513470775634,.3941513470775634,-.5709721726085388,.5709721726085388,-.7244177313601701,.7244177313601701,-.8482065834104272,.8482065834104272,-.937273392400706,.937273392400706,-.9879925180204854,.9879925180204854],[-.09501250983763744,.09501250983763744,-.2816035507792589,.2816035507792589,-.45801677765722737,.45801677765722737,-.6178762444026438,.6178762444026438,-.755404408355003,.755404408355003,-.8656312023878318,.8656312023878318,-.9445750230732326,.9445750230732326,-.9894009349916499,.9894009349916499],[0,-.17848418149584785,.17848418149584785,-.3512317634538763,.3512317634538763,-.5126905370864769,.5126905370864769,-.6576711592166907,.6576711592166907,-.7815140038968014,.7815140038968014,-.8802391537269859,.8802391537269859,-.9506755217687678,.9506755217687678,-.9905754753144174,.9905754753144174],[-.0847750130417353,.0847750130417353,-.2518862256915055,.2518862256915055,-.41175116146284263,.41175116146284263,-.5597708310739475,.5597708310739475,-.6916870430603532,.6916870430603532,-.8037049589725231,.8037049589725231,-.8926024664975557,.8926024664975557,-.9558239495713977,.9558239495713977,-.9915651684209309,.9915651684209309],[0,-.16035864564022537,.16035864564022537,-.31656409996362983,.31656409996362983,-.46457074137596094,.46457074137596094,-.600545304661681,.600545304661681,-.7209661773352294,.7209661773352294,-.8227146565371428,.8227146565371428,-.9031559036148179,.9031559036148179,-.96020815213483,.96020815213483,-.9924068438435844,.9924068438435844],[-.07652652113349734,.07652652113349734,-.22778585114164507,.22778585114164507,-.37370608871541955,.37370608871541955,-.5108670019508271,.5108670019508271,-.636053680726515,.636053680726515,-.7463319064601508,.7463319064601508,-.8391169718222188,.8391169718222188,-.912234428251326,.912234428251326,-.9639719272779138,.9639719272779138,-.9931285991850949,.9931285991850949],[0,-.1455618541608951,.1455618541608951,-.2880213168024011,.2880213168024011,-.4243421202074388,.4243421202074388,-.5516188358872198,.5516188358872198,-.6671388041974123,.6671388041974123,-.7684399634756779,.7684399634756779,-.8533633645833173,.8533633645833173,-.9200993341504008,.9200993341504008,-.9672268385663063,.9672268385663063,-.9937521706203895,.9937521706203895],[-.06973927331972223,.06973927331972223,-.20786042668822127,.20786042668822127,-.34193582089208424,.34193582089208424,-.469355837986757,.469355837986757,-.5876404035069116,.5876404035069116,-.6944872631866827,.6944872631866827,-.7878168059792081,.7878168059792081,-.8658125777203002,.8658125777203002,-.926956772187174,.926956772187174,-.9700604978354287,.9700604978354287,-.9942945854823992,.9942945854823992],[0,-.1332568242984661,.1332568242984661,-.26413568097034495,.26413568097034495,-.3903010380302908,.3903010380302908,-.5095014778460075,.5095014778460075,-.6196098757636461,.6196098757636461,-.7186613631319502,.7186613631319502,-.8048884016188399,.8048884016188399,-.8767523582704416,.8767523582704416,-.9329710868260161,.9329710868260161,-.9725424712181152,.9725424712181152,-.9947693349975522,.9947693349975522],[-.06405689286260563,.06405689286260563,-.1911188674736163,.1911188674736163,-.3150426796961634,.3150426796961634,-.4337935076260451,.4337935076260451,-.5454214713888396,.5454214713888396,-.6480936519369755,.6480936519369755,-.7401241915785544,.7401241915785544,-.820001985973903,.820001985973903,-.8864155270044011,.8864155270044011,-.9382745520027328,.9382745520027328,-.9747285559713095,.9747285559713095,-.9951872199970213,.9951872199970213]],ua=[[],[],[1,1],[.8888888888888888,.5555555555555556,.5555555555555556],[.6521451548625461,.6521451548625461,.34785484513745385,.34785484513745385],[.5688888888888889,.47862867049936647,.47862867049936647,.23692688505618908,.23692688505618908],[.3607615730481386,.3607615730481386,.46791393457269104,.46791393457269104,.17132449237917036,.17132449237917036],[.4179591836734694,.3818300505051189,.3818300505051189,.27970539148927664,.27970539148927664,.1294849661688697,.1294849661688697],[.362683783378362,.362683783378362,.31370664587788727,.31370664587788727,.22238103445337448,.22238103445337448,.10122853629037626,.10122853629037626],[.3302393550012598,.1806481606948574,.1806481606948574,.08127438836157441,.08127438836157441,.31234707704000286,.31234707704000286,.26061069640293544,.26061069640293544],[.29552422471475287,.29552422471475287,.26926671930999635,.26926671930999635,.21908636251598204,.21908636251598204,.1494513491505806,.1494513491505806,.06667134430868814,.06667134430868814],[.2729250867779006,.26280454451024665,.26280454451024665,.23319376459199048,.23319376459199048,.18629021092773426,.18629021092773426,.1255803694649046,.1255803694649046,.05566856711617366,.05566856711617366],[.24914704581340277,.24914704581340277,.2334925365383548,.2334925365383548,.20316742672306592,.20316742672306592,.16007832854334622,.16007832854334622,.10693932599531843,.10693932599531843,.04717533638651183,.04717533638651183],[.2325515532308739,.22628318026289723,.22628318026289723,.2078160475368885,.2078160475368885,.17814598076194574,.17814598076194574,.13887351021978725,.13887351021978725,.09212149983772845,.09212149983772845,.04048400476531588,.04048400476531588],[.2152638534631578,.2152638534631578,.2051984637212956,.2051984637212956,.18553839747793782,.18553839747793782,.15720316715819355,.15720316715819355,.12151857068790319,.12151857068790319,.08015808715976021,.08015808715976021,.03511946033175186,.03511946033175186],[.2025782419255613,.19843148532711158,.19843148532711158,.1861610000155622,.1861610000155622,.16626920581699392,.16626920581699392,.13957067792615432,.13957067792615432,.10715922046717194,.10715922046717194,.07036604748810812,.07036604748810812,.03075324199611727,.03075324199611727],[.1894506104550685,.1894506104550685,.18260341504492358,.18260341504492358,.16915651939500254,.16915651939500254,.14959598881657674,.14959598881657674,.12462897125553388,.12462897125553388,.09515851168249279,.09515851168249279,.062253523938647894,.062253523938647894,.027152459411754096,.027152459411754096],[.17944647035620653,.17656270536699264,.17656270536699264,.16800410215645004,.16800410215645004,.15404576107681028,.15404576107681028,.13513636846852548,.13513636846852548,.11188384719340397,.11188384719340397,.08503614831717918,.08503614831717918,.0554595293739872,.0554595293739872,.02414830286854793,.02414830286854793],[.1691423829631436,.1691423829631436,.16427648374583273,.16427648374583273,.15468467512626524,.15468467512626524,.14064291467065065,.14064291467065065,.12255520671147846,.12255520671147846,.10094204410628717,.10094204410628717,.07642573025488905,.07642573025488905,.0497145488949698,.0497145488949698,.02161601352648331,.02161601352648331],[.1610544498487837,.15896884339395434,.15896884339395434,.15276604206585967,.15276604206585967,.1426067021736066,.1426067021736066,.12875396253933621,.12875396253933621,.11156664554733399,.11156664554733399,.09149002162245,.09149002162245,.06904454273764123,.06904454273764123,.0448142267656996,.0448142267656996,.019461788229726478,.019461788229726478],[.15275338713072584,.15275338713072584,.14917298647260374,.14917298647260374,.14209610931838204,.14209610931838204,.13168863844917664,.13168863844917664,.11819453196151841,.11819453196151841,.10193011981724044,.10193011981724044,.08327674157670475,.08327674157670475,.06267204833410907,.06267204833410907,.04060142980038694,.04060142980038694,.017614007139152118,.017614007139152118],[.14608113364969041,.14452440398997005,.14452440398997005,.13988739479107315,.13988739479107315,.13226893863333747,.13226893863333747,.12183141605372853,.12183141605372853,.10879729916714838,.10879729916714838,.09344442345603386,.09344442345603386,.0761001136283793,.0761001136283793,.057134425426857205,.057134425426857205,.036953789770852494,.036953789770852494,.016017228257774335,.016017228257774335],[.13925187285563198,.13925187285563198,.13654149834601517,.13654149834601517,.13117350478706238,.13117350478706238,.12325237681051242,.12325237681051242,.11293229608053922,.11293229608053922,.10041414444288096,.10041414444288096,.08594160621706773,.08594160621706773,.06979646842452049,.06979646842452049,.052293335152683286,.052293335152683286,.03377490158481415,.03377490158481415,.0146279952982722,.0146279952982722],[.13365457218610619,.1324620394046966,.1324620394046966,.12890572218808216,.12890572218808216,.12304908430672953,.12304908430672953,.11499664022241136,.11499664022241136,.10489209146454141,.10489209146454141,.09291576606003515,.09291576606003515,.07928141177671895,.07928141177671895,.06423242140852585,.06423242140852585,.04803767173108467,.04803767173108467,.030988005856979445,.030988005856979445,.013411859487141771,.013411859487141771],[.12793819534675216,.12793819534675216,.1258374563468283,.1258374563468283,.12167047292780339,.12167047292780339,.1155056680537256,.1155056680537256,.10744427011596563,.10744427011596563,.09761865210411388,.09761865210411388,.08619016153195327,.08619016153195327,.0733464814110803,.0733464814110803,.05929858491543678,.05929858491543678,.04427743881741981,.04427743881741981,.028531388628933663,.028531388628933663,.0123412297999872,.0123412297999872]],da=[[1],[1,1],[1,2,1],[1,3,3,1]],fa=(e,t,n)=>{let r,i,a=n/2;r=0;for(let n=0;n<20;n++)i=a*la[20][n]+a,r+=ua[20][n]*ma(e,t,i);return a*r},pa=(e,t,n)=>{n===void 0&&(n=1);let r=e[0]-2*e[1]+e[2],i=t[0]-2*t[1]+t[2],a=2*e[1]-2*e[0],o=2*t[1]-2*t[0],s=4*(r*r+i*i),c=4*(r*a+i*o),l=a*a+o*o;if(s===0)return n*Math.sqrt((e[2]-e[0])**2+(t[2]-t[0])**2);let u=c/(2*s),d=l/s,f=n+u,p=d-u*u,m=f*f+p>0?Math.sqrt(f*f+p):0,h=u*u+p>0?Math.sqrt(u*u+p):0,g=u+Math.sqrt(u*u+p)===0?0:p*Math.log(Math.abs((f+m)/(u+h)));return Math.sqrt(s)/2*(f*m-u*h+g)};function ma(e,t,n){let r=ha(1,n,e),i=ha(1,n,t),a=r*r+i*i;return Math.sqrt(a)}var ha=(e,t,n)=>{let r=n.length-1,i,a;if(r===0)return 0;if(e===0){a=0;for(let e=0;e<=r;e++)a+=da[r][e]*(1-t)**(r-e)*t**+e*n[e];return a}else{i=Array(r);for(let e=0;e<r;e++)i[e]=r*(n[e+1]-n[e]);return ha(e-1,t,i)}},ga=(e,t,n)=>{let r=1,i=e/t,a=(e-n(i))/t,o=0;for(;r>.001;){let s=n(i+a),c=Math.abs(e-s)/t;if(c<r)r=c,i+=a;else{let o=n(i-a),s=Math.abs(e-o)/t;s<r?(r=s,i-=a):a/=2}if(o++,o>500)break}return i},W=class e extends U{constructor(e){super(e),this.dataArray=[],this.pathLength=0,this._readDataAttribute(),this.on(`dataChange.konva`,function(){this._readDataAttribute()})}_readDataAttribute(){this.dataArray=e.parsePathData(this.data()),this.pathLength=e.getPathLength(this.dataArray)}_sceneFunc(e){let t=this.dataArray;e.beginPath();let n=!1;for(let r=0;r<t.length;r++){let i=t[r].command,a=t[r].points;switch(i){case`L`:e.lineTo(a[0],a[1]);break;case`M`:e.moveTo(a[0],a[1]);break;case`C`:e.bezierCurveTo(a[0],a[1],a[2],a[3],a[4],a[5]);break;case`Q`:e.quadraticCurveTo(a[0],a[1],a[2],a[3]);break;case`A`:let t=a[0],r=a[1],i=a[2],o=a[3],s=a[4],c=a[5],l=a[6],u=a[7],d=i>o?i:o,f=i>o?1:i/o,p=i>o?o/i:1;e.translate(t,r),e.rotate(l),e.scale(f,p),e.arc(0,0,d,s,s+c,1-u),e.scale(1/f,1/p),e.rotate(-l),e.translate(-t,-r);break;case`z`:n=!0,e.closePath();break}}!n&&!this.hasFill()?e.strokeShape(this):e.fillStrokeShape(this)}getSelfRect(){let t=[];this.dataArray.forEach(function(n){if(n.command===`A`){let r=n.points[4],i=n.points[5],a=n.points[4]+i,o=Math.PI/180;if(Math.abs(r-a)<o&&(o=Math.abs(r-a)),i<0)for(let i=r-o;i>a;i-=o){let r=e.getPointOnEllipticalArc(n.points[0],n.points[1],n.points[2],n.points[3],i,0);t.push(r.x,r.y)}else for(let i=r+o;i<a;i+=o){let r=e.getPointOnEllipticalArc(n.points[0],n.points[1],n.points[2],n.points[3],i,0);t.push(r.x,r.y)}}else if(n.command===`C`)for(let r=0;r<=1;r+=.01){let i=e.getPointOnCubicBezier(r,n.start.x,n.start.y,n.points[0],n.points[1],n.points[2],n.points[3],n.points[4],n.points[5]);t.push(i.x,i.y)}else t=t.concat(n.points)});let n=t[0],r=t[0],i=t[1],a=t[1],o,s;for(let e=0;e<t.length/2;e++)o=t[e*2],s=t[e*2+1],isNaN(o)||(n=Math.min(n,o),r=Math.max(r,o)),isNaN(s)||(i=Math.min(i,s),a=Math.max(a,s));return{x:n,y:i,width:r-n,height:a-i}}getLength(){return this.pathLength}getPointAtLength(t){return e.getPointAtLengthOfDataArray(t,this.dataArray)}static getLineLength(e,t,n,r){return Math.sqrt((n-e)*(n-e)+(r-t)*(r-t))}static getPathLength(e){let t=0;for(let n=0;n<e.length;++n)t+=e[n].pathLength;return t}static getPointAtLengthOfDataArray(t,n){let r,i=0,a=n.length;if(!a)return null;for(;i<a&&t>n[i].pathLength;)t-=n[i].pathLength,++i;if(i===a)return r=n[i-1].points.slice(-2),{x:r[0],y:r[1]};if(t<.01)return n[i].command===`M`?(r=n[i].points.slice(0,2),{x:r[0],y:r[1]}):{x:n[i].start.x,y:n[i].start.y};let o=n[i],s=o.points;switch(o.command){case`L`:return e.getPointOnLine(t,o.start.x,o.start.y,s[0],s[1]);case`C`:return e.getPointOnCubicBezier(ga(t,e.getPathLength(n),e=>fa([o.start.x,s[0],s[2],s[4]],[o.start.y,s[1],s[3],s[5]],e)),o.start.x,o.start.y,s[0],s[1],s[2],s[3],s[4],s[5]);case`Q`:return e.getPointOnQuadraticBezier(ga(t,e.getPathLength(n),e=>pa([o.start.x,s[0],s[2]],[o.start.y,s[1],s[3]],e)),o.start.x,o.start.y,s[0],s[1],s[2],s[3]);case`A`:let r=s[0],i=s[1],a=s[2],c=s[3],l=s[5],u=s[6],d=s[4];return d+=l*t/o.pathLength,e.getPointOnEllipticalArc(r,i,a,c,d,u)}return null}static getPointOnLine(e,t,n,r,i,a,o){a??=t,o??=n;let s=this.getLineLength(t,n,r,i);if(s<1e-10)return{x:t,y:n};if(r===t)return{x:a,y:o+(i>n?e:-e)};let c=(i-n)/(r-t),l=Math.sqrt(e*e/(1+c*c))*(r<t?-1:1),u=c*l;if(Math.abs(o-n-c*(a-t))<1e-10)return{x:a+l,y:o+u};let d=((a-t)*(r-t)+(o-n)*(i-n))/(s*s),f=t+d*(r-t),p=n+d*(i-n),m=this.getLineLength(a,o,f,p),h=Math.sqrt(e*e-m*m),g=Math.sqrt(h*h/(1+c*c))*(r<t?-1:1),_=c*g;return{x:f+g,y:p+_}}static getPointOnCubicBezier(e,t,n,r,i,a,o,s,c){function l(e){return e*e*e}function u(e){return 3*e*e*(1-e)}function d(e){return 3*e*(1-e)*(1-e)}function f(e){return(1-e)*(1-e)*(1-e)}return{x:s*l(e)+a*u(e)+r*d(e)+t*f(e),y:c*l(e)+o*u(e)+i*d(e)+n*f(e)}}static getPointOnQuadraticBezier(e,t,n,r,i,a,o){function s(e){return e*e}function c(e){return 2*e*(1-e)}function l(e){return(1-e)*(1-e)}return{x:a*s(e)+r*c(e)+t*l(e),y:o*s(e)+i*c(e)+n*l(e)}}static getPointOnEllipticalArc(e,t,n,r,i,a){let o=Math.cos(a),s=Math.sin(a),c={x:n*Math.cos(i),y:r*Math.sin(i)};return{x:e+(c.x*o-c.y*s),y:t+(c.x*s+c.y*o)}}static parsePathData(e){if(!e)return[];let t=e,n=[`m`,`M`,`l`,`L`,`v`,`V`,`h`,`H`,`z`,`Z`,`c`,`C`,`q`,`Q`,`t`,`T`,`s`,`S`,`a`,`A`];t=t.replace(RegExp(` `,`g`),`,`);for(let e=0;e<n.length;e++)t=t.replace(new RegExp(n[e],`g`),`|`+n[e]);let r=t.split(`|`),i=[],a=[],o=0,s=0,c=/([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi,l;for(let e=1;e<r.length;e++){let t=r[e],n=t.charAt(0);for(t=t.slice(1),a.length=0;l=c.exec(t);)a.push(l[0]);let u=[],d=n===`A`||n===`a`?0:-1;for(let e=0,t=a.length;e<t;e++){let t=a[e];if(t===`00`){u.push(0,0),d>=0&&(d+=2,d>=7&&(d-=7));continue}if(d>=0){if(d===3){if(/^[01]{2}\d+(?:\.\d+)?$/.test(t)){u.push(parseInt(t[0],10)),u.push(parseInt(t[1],10)),u.push(parseFloat(t.slice(2))),d+=3,d>=7&&(d-=7);continue}if(t===`11`||t===`10`||t===`01`){u.push(parseInt(t[0],10)),u.push(parseInt(t[1],10)),d+=2,d>=7&&(d-=7);continue}if(t===`0`||t===`1`){u.push(parseInt(t,10)),d+=1,d>=7&&(d-=7);continue}}else if(d===4){if(/^[01]\d+(?:\.\d+)?$/.test(t)){u.push(parseInt(t[0],10)),u.push(parseFloat(t.slice(1))),d+=2,d>=7&&(d-=7);continue}if(t===`0`||t===`1`){u.push(parseInt(t,10)),d+=1,d>=7&&(d-=7);continue}}let e=parseFloat(t);isNaN(e)?u.push(0):u.push(e),d+=1,d>=7&&(d-=7)}else{let e=parseFloat(t);isNaN(e)?u.push(0):u.push(e)}}for(;u.length>0&&!isNaN(u[0]);){let e=``,t=[],r=o,a=s,c,l,d,f,p,m,h,g,_,v;switch(n){case`l`:o+=u.shift(),s+=u.shift(),e=`L`,t.push(o,s);break;case`L`:o=u.shift(),s=u.shift(),t.push(o,s);break;case`m`:let r=u.shift(),a=u.shift();if(o+=r,s+=a,e=`M`,i.length>2&&i[i.length-1].command===`z`){for(let e=i.length-2;e>=0;e--)if(i[e].command===`M`){o=i[e].points[0]+r,s=i[e].points[1]+a;break}}t.push(o,s),n=`l`;break;case`M`:o=u.shift(),s=u.shift(),e=`M`,t.push(o,s),n=`L`;break;case`h`:o+=u.shift(),e=`L`,t.push(o,s);break;case`H`:o=u.shift(),e=`L`,t.push(o,s);break;case`v`:s+=u.shift(),e=`L`,t.push(o,s);break;case`V`:s=u.shift(),e=`L`,t.push(o,s);break;case`C`:t.push(u.shift(),u.shift(),u.shift(),u.shift()),o=u.shift(),s=u.shift(),t.push(o,s);break;case`c`:t.push(o+u.shift(),s+u.shift(),o+u.shift(),s+u.shift()),o+=u.shift(),s+=u.shift(),e=`C`,t.push(o,s);break;case`S`:l=o,d=s,c=i[i.length-1],c.command===`C`&&(l=o+(o-c.points[2]),d=s+(s-c.points[3])),t.push(l,d,u.shift(),u.shift()),o=u.shift(),s=u.shift(),e=`C`,t.push(o,s);break;case`s`:l=o,d=s,c=i[i.length-1],c.command===`C`&&(l=o+(o-c.points[2]),d=s+(s-c.points[3])),t.push(l,d,o+u.shift(),s+u.shift()),o+=u.shift(),s+=u.shift(),e=`C`,t.push(o,s);break;case`Q`:t.push(u.shift(),u.shift()),o=u.shift(),s=u.shift(),t.push(o,s);break;case`q`:t.push(o+u.shift(),s+u.shift()),o+=u.shift(),s+=u.shift(),e=`Q`,t.push(o,s);break;case`T`:l=o,d=s,c=i[i.length-1],c.command===`Q`&&(l=o+(o-c.points[0]),d=s+(s-c.points[1])),o=u.shift(),s=u.shift(),e=`Q`,t.push(l,d,o,s);break;case`t`:l=o,d=s,c=i[i.length-1],c.command===`Q`&&(l=o+(o-c.points[0]),d=s+(s-c.points[1])),o+=u.shift(),s+=u.shift(),e=`Q`,t.push(l,d,o,s);break;case`A`:f=u.shift(),p=u.shift(),m=u.shift(),h=u.shift(),g=u.shift(),_=o,v=s,o=u.shift(),s=u.shift(),e=`A`,t=this.convertEndpointToCenterParameterization(_,v,o,s,h,g,f,p,m);break;case`a`:f=u.shift(),p=u.shift(),m=u.shift(),h=u.shift(),g=u.shift(),_=o,v=s,o+=u.shift(),s+=u.shift(),e=`A`,t=this.convertEndpointToCenterParameterization(_,v,o,s,h,g,f,p,m);break}i.push({command:e||n,points:t,start:{x:r,y:a},pathLength:this.calcLength(r,a,e||n,t)})}(n===`z`||n===`Z`)&&i.push({command:`z`,points:[],start:void 0,pathLength:0})}return i}static calcLength(t,n,r,i){let a,o,s,c,l=e;switch(r){case`L`:return l.getLineLength(t,n,i[0],i[1]);case`C`:return fa([t,i[0],i[2],i[4]],[n,i[1],i[3],i[5]],1);case`Q`:return pa([t,i[0],i[2]],[n,i[1],i[3]],1);case`A`:a=0;let e=i[4],r=i[5],u=i[4]+r,d=Math.PI/180;if(Math.abs(e-u)<d&&(d=Math.abs(e-u)),o=l.getPointOnEllipticalArc(i[0],i[1],i[2],i[3],e,0),r<0)for(c=e-d;c>u;c-=d)s=l.getPointOnEllipticalArc(i[0],i[1],i[2],i[3],c,0),a+=l.getLineLength(o.x,o.y,s.x,s.y),o=s;else for(c=e+d;c<u;c+=d)s=l.getPointOnEllipticalArc(i[0],i[1],i[2],i[3],c,0),a+=l.getLineLength(o.x,o.y,s.x,s.y),o=s;return s=l.getPointOnEllipticalArc(i[0],i[1],i[2],i[3],u,0),a+=l.getLineLength(o.x,o.y,s.x,s.y),a}return 0}static convertEndpointToCenterParameterization(e,t,n,r,i,a,o,s,c){let l=Math.PI/180*c,u=Math.cos(l)*(e-n)/2+Math.sin(l)*(t-r)/2,d=-1*Math.sin(l)*(e-n)/2+Math.cos(l)*(t-r)/2,f=u*u/(o*o)+d*d/(s*s);f>1&&(o*=Math.sqrt(f),s*=Math.sqrt(f));let p=Math.sqrt((o*o*(s*s)-o*o*(d*d)-s*s*(u*u))/(o*o*(d*d)+s*s*(u*u)));i===a&&(p*=-1),isNaN(p)&&(p=0);let m=p*o*d/s,h=p*-s*u/o,g=(e+n)/2+Math.cos(l)*m-Math.sin(l)*h,_=(t+r)/2+Math.sin(l)*m+Math.cos(l)*h,v=function(e){return Math.sqrt(e[0]*e[0]+e[1]*e[1])},y=function(e,t){return(e[0]*t[0]+e[1]*t[1])/(v(e)*v(t))},b=function(e,t){return(e[0]*t[1]<e[1]*t[0]?-1:1)*Math.acos(y(e,t))},x=b([1,0],[(u-m)/o,(d-h)/s]),S=[(u-m)/o,(d-h)/s],C=[(-1*u-m)/o,(-1*d-h)/s],w=b(S,C);return y(S,C)<=-1&&(w=Math.PI),y(S,C)>=1&&(w=0),a===0&&w>0&&(w-=2*Math.PI),a===1&&w<0&&(w+=2*Math.PI),[g,_,o,s,x,w,l,a]}};W.prototype.className=`Path`,W.prototype._attrsAffectingSize=[`data`],F(W),z.addGetterSetter(W,`data`);var _a=class extends ca{_sceneFunc(e){super._sceneFunc(e);let t=Math.PI*2,n=this.points(),r=n,i=this.tension()!==0&&n.length>4;i&&(r=this.getTensionPoints());let a=this.pointerLength(),o=n.length,s,c;if(i){let e=[r[r.length-4],r[r.length-3],r[r.length-2],r[r.length-1],n[o-2],n[o-1]],t=W.calcLength(r[r.length-4],r[r.length-3],`C`,e),i=W.getPointOnQuadraticBezier(Math.min(1,1-a/t),e[0],e[1],e[2],e[3],e[4],e[5]);s=n[o-2]-i.x,c=n[o-1]-i.y}else s=n[o-2]-n[o-4],c=n[o-1]-n[o-3];let l=(Math.atan2(c,s)+t)%t,u=this.pointerWidth();this.pointerAtEnding()&&(e.save(),e.beginPath(),e.translate(n[o-2],n[o-1]),e.rotate(l),e.moveTo(0,0),e.lineTo(-a,u/2),e.lineTo(-a,-u/2),e.closePath(),e.restore(),this.__fillStroke(e)),this.pointerAtBeginning()&&(e.save(),e.beginPath(),e.translate(n[0],n[1]),i?(s=(r[0]+r[2])/2-n[0],c=(r[1]+r[3])/2-n[1]):(s=n[2]-n[0],c=n[3]-n[1]),e.rotate((Math.atan2(-c,-s)+t)%t),e.moveTo(0,0),e.lineTo(-a,u/2),e.lineTo(-a,-u/2),e.closePath(),e.restore(),this.__fillStroke(e))}__fillStroke(e){let t=this.dashEnabled();t&&(this.attrs.dashEnabled=!1,e.setLineDash([])),e.fillStrokeShape(this),t&&(this.attrs.dashEnabled=!0)}getSelfRect(){let e=super.getSelfRect(),t=this.pointerWidth()/2;return{x:e.x,y:e.y-t,width:e.width,height:e.height+t*2}}};_a.prototype.className=`Arrow`,F(_a),z.addGetterSetter(_a,`pointerLength`,10,R()),z.addGetterSetter(_a,`pointerWidth`,10,R()),z.addGetterSetter(_a,`pointerAtBeginning`,!1),z.addGetterSetter(_a,`pointerAtEnding`,!0);var va=class extends U{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.attrs.radius||0,0,Math.PI*2,!1),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.radius()*2}getHeight(){return this.radius()*2}setWidth(e){this.radius()!==e/2&&this.radius(e/2)}setHeight(e){this.radius()!==e/2&&this.radius(e/2)}};va.prototype._centroid=!0,va.prototype.className=`Circle`,va.prototype._attrsAffectingSize=[`radius`],F(va),z.addGetterSetter(va,`radius`,0,R());var ya=class extends U{_sceneFunc(e){let t=this.radiusX(),n=this.radiusY();e.beginPath(),e.save(),t!==n&&e.scale(1,n/t),e.arc(0,0,t,0,Math.PI*2,!1),e.restore(),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.radiusX()*2}getHeight(){return this.radiusY()*2}setWidth(e){this.radiusX(e/2)}setHeight(e){this.radiusY(e/2)}};ya.prototype.className=`Ellipse`,ya.prototype._centroid=!0,ya.prototype._attrsAffectingSize=[`radiusX`,`radiusY`],F(ya),z.addComponentsGetterSetter(ya,`radius`,[`x`,`y`]),z.addGetterSetter(ya,`radiusX`,0,R()),z.addGetterSetter(ya,`radiusY`,0,R());var ba=class e extends U{constructor(e){super(e),this._loadListener=()=>{this._requestDraw()},this.on(`imageChange.konva`,e=>{this._removeImageLoad(e.oldVal),this._setImageLoad()}),this._setImageLoad()}_setImageLoad(){let e=this.image();e&&e.complete||e&&e.readyState===4||e&&e.addEventListener&&e.addEventListener(`load`,this._loadListener)}_removeImageLoad(e){e&&e.removeEventListener&&e.removeEventListener(`load`,this._loadListener)}destroy(){return this._removeImageLoad(this.image()),super.destroy(),this}_useBufferCanvas(){let e=!!this.cornerRadius(),t=this.hasShadow();return e&&t?!0:super._useBufferCanvas(!0)}_sceneFunc(e){let t=this.getWidth(),n=this.getHeight(),r=this.cornerRadius(),i=this.attrs.image,a;if(i){let e=this.attrs.cropWidth,r=this.attrs.cropHeight;a=e&&r?[i,this.cropX(),this.cropY(),e,r,0,0,t,n]:[i,0,0,t,n]}(this.hasFill()||this.hasStroke()||r)&&(e.beginPath(),r?I.drawRoundedRectPath(e,t,n,r):e.rect(0,0,t,n),e.closePath(),e.fillStrokeShape(this)),i&&(r&&e.clip(),e.drawImage.apply(e,a))}_hitFunc(e){let t=this.width(),n=this.height(),r=this.cornerRadius();e.beginPath(),r?I.drawRoundedRectPath(e,t,n,r):e.rect(0,0,t,n),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.attrs.width??this.image()?.width??0}getHeight(){return this.attrs.height??this.image()?.height??0}static fromURL(t,n,r=null){let i=I.createImageElement();i.onload=function(){n(new e({image:i}))},i.onerror=r,i.crossOrigin=`Anonymous`,i.src=t}};ba.prototype.className=`Image`,ba.prototype._attrsAffectingSize=[`image`],F(ba),z.addGetterSetter(ba,`cornerRadius`,0,tr(4)),z.addGetterSetter(ba,`image`),z.addComponentsGetterSetter(ba,`crop`,[`x`,`y`,`width`,`height`]),z.addGetterSetter(ba,`cropX`,0,R()),z.addGetterSetter(ba,`cropY`,0,R()),z.addGetterSetter(ba,`cropWidth`,0,R()),z.addGetterSetter(ba,`cropHeight`,0,R());var xa=[`fontFamily`,`fontSize`,`fontStyle`,`padding`,`lineHeight`,`text`,`width`,`height`,`pointerDirection`,`pointerWidth`,`pointerHeight`],Sa=`Change.konva`,Ca=`none`,wa=`up`,Ta=`right`,Ea=`down`,Da=`left`,Oa=xa.length,ka=class extends Gi{constructor(e){super(e),this.on(`add.konva`,function(e){this._addListeners(e.child),this._sync()})}getText(){return this.find(`Text`)[0]}getTag(){return this.find(`Tag`)[0]}_addListeners(e){let t=this,n,r=function(){t._sync()};for(n=0;n<Oa;n++)e.on(xa[n]+Sa,r)}getWidth(){return this.getText().width()}getHeight(){return this.getText().height()}_sync(){let e=this.getText(),t=this.getTag(),n,r,i,a,o,s,c;if(e&&t){switch(n=e.width(),r=e.height(),i=t.pointerDirection(),a=t.pointerWidth(),c=t.pointerHeight(),o=0,s=0,i){case wa:o=n/2,s=-1*c;break;case Ta:o=n+a,s=r/2;break;case Ea:o=n/2,s=r+c;break;case Da:o=-1*a,s=r/2;break}t.setAttrs({x:-1*o,y:-1*s,width:n,height:r}),e.setAttrs({x:-1*o,y:-1*s})}}};ka.prototype.className=`Label`,F(ka);var Aa=class extends U{_sceneFunc(e){let t=this.width(),n=this.height(),r=this.pointerDirection(),i=this.pointerWidth(),a=this.pointerHeight(),o=this.cornerRadius(),s=0,c=0,l=0,u=0;typeof o==`number`?s=c=l=u=Math.min(o,t/2,n/2):(s=Math.min(o[0]||0,t/2,n/2),c=Math.min(o[1]||0,t/2,n/2),u=Math.min(o[2]||0,t/2,n/2),l=Math.min(o[3]||0,t/2,n/2)),e.beginPath(),e.moveTo(s,0),r===wa&&(e.lineTo((t-i)/2,0),e.lineTo(t/2,-1*a),e.lineTo((t+i)/2,0)),e.lineTo(t-c,0),e.arc(t-c,c,c,Math.PI*3/2,0,!1),r===Ta&&(e.lineTo(t,(n-a)/2),e.lineTo(t+i,n/2),e.lineTo(t,(n+a)/2)),e.lineTo(t,n-u),e.arc(t-u,n-u,u,0,Math.PI/2,!1),r===Ea&&(e.lineTo((t+i)/2,n),e.lineTo(t/2,n+a),e.lineTo((t-i)/2,n)),e.lineTo(l,n),e.arc(l,n-l,l,Math.PI/2,Math.PI,!1),r===Da&&(e.lineTo(0,(n+a)/2),e.lineTo(-1*i,n/2),e.lineTo(0,(n-a)/2)),e.lineTo(0,s),e.arc(s,s,s,Math.PI,Math.PI*3/2,!1),e.closePath(),e.fillStrokeShape(this)}getSelfRect(){let e=0,t=0,n=this.pointerWidth(),r=this.pointerHeight(),i=this.pointerDirection(),a=this.width(),o=this.height();return i===wa?(t-=r,o+=r):i===Ea?o+=r:i===Da?(e-=n*1.5,a+=n):i===Ta&&(a+=n*1.5),{x:e,y:t,width:a,height:o}}};Aa.prototype.className=`Tag`,F(Aa),z.addGetterSetter(Aa,`pointerDirection`,Ca),z.addGetterSetter(Aa,`pointerWidth`,0,R()),z.addGetterSetter(Aa,`pointerHeight`,0,R()),z.addGetterSetter(Aa,`cornerRadius`,0,tr(4));var ja=class extends U{_sceneFunc(e){let t=this.cornerRadius(),n=this.width(),r=this.height();e.beginPath(),t?I.drawRoundedRectPath(e,n,r,t):e.rect(0,0,n,r),e.closePath(),e.fillStrokeShape(this)}};ja.prototype.className=`Rect`,F(ja),z.addGetterSetter(ja,`cornerRadius`,0,tr(4));var Ma=class extends U{_sceneFunc(e){let t=this._getPoints(),n=this.radius(),r=this.sides(),i=this.cornerRadius();if(e.beginPath(),i)I.drawRoundedPolygonPath(e,t,r,n,i);else{e.moveTo(t[0].x,t[0].y);for(let n=1;n<t.length;n++)e.lineTo(t[n].x,t[n].y)}e.closePath(),e.fillStrokeShape(this)}_getPoints(){let e=this.attrs.sides,t=this.attrs.radius||0,n=[];for(let r=0;r<e;r++)n.push({x:t*Math.sin(r*2*Math.PI/e),y:-1*t*Math.cos(r*2*Math.PI/e)});return n}getSelfRect(){let e=this._getPoints(),t=e[0].x,n=e[0].x,r=e[0].y,i=e[0].y;return e.forEach(e=>{t=Math.min(t,e.x),n=Math.max(n,e.x),r=Math.min(r,e.y),i=Math.max(i,e.y)}),{x:t,y:r,width:n-t,height:i-r}}getWidth(){return this.radius()*2}getHeight(){return this.radius()*2}setWidth(e){this.radius(e/2)}setHeight(e){this.radius(e/2)}};Ma.prototype.className=`RegularPolygon`,Ma.prototype._centroid=!0,Ma.prototype._attrsAffectingSize=[`radius`],F(Ma),z.addGetterSetter(Ma,`radius`,0,R()),z.addGetterSetter(Ma,`sides`,0,R()),z.addGetterSetter(Ma,`cornerRadius`,0,tr(4));var Na=Math.PI*2,Pa=class extends U{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.innerRadius(),0,Na,!1),e.moveTo(this.outerRadius(),0),e.arc(0,0,this.outerRadius(),Na,0,!0),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.outerRadius()*2}getHeight(){return this.outerRadius()*2}setWidth(e){this.outerRadius(e/2)}setHeight(e){this.outerRadius(e/2)}};Pa.prototype.className=`Ring`,Pa.prototype._centroid=!0,Pa.prototype._attrsAffectingSize=[`innerRadius`,`outerRadius`],F(Pa),z.addGetterSetter(Pa,`innerRadius`,0,R()),z.addGetterSetter(Pa,`outerRadius`,0,R());var Fa=class extends U{constructor(e){super(e),this._updated=!0,this.anim=new qi(()=>{let e=this._updated;return this._updated=!1,e}),this.on(`animationChange.konva`,function(){this.frameIndex(0)}),this.on(`frameIndexChange.konva`,function(){this._updated=!0}),this.on(`frameRateChange.konva`,function(){this.anim.isRunning()&&(clearInterval(this.interval),this._setInterval())})}_sceneFunc(e){let t=this.animation(),n=this.frameIndex(),r=n*4,i=this.animations()[t],a=this.frameOffsets(),o=i[r+0],s=i[r+1],c=i[r+2],l=i[r+3],u=this.image();if((this.hasFill()||this.hasStroke())&&(e.beginPath(),e.rect(0,0,c,l),e.closePath(),e.fillStrokeShape(this)),u)if(a){let r=a[t],i=n*2;e.drawImage(u,o,s,c,l,r[i+0],r[i+1],c,l)}else e.drawImage(u,o,s,c,l,0,0,c,l)}_hitFunc(e){let t=this.animation(),n=this.frameIndex(),r=n*4,i=this.animations()[t],a=this.frameOffsets(),o=i[r+2],s=i[r+3];if(e.beginPath(),a){let r=a[t],i=n*2;e.rect(r[i+0],r[i+1],o,s)}else e.rect(0,0,o,s);e.closePath(),e.fillShape(this)}_useBufferCanvas(){return super._useBufferCanvas(!0)}_setInterval(){let e=this;this.interval=setInterval(function(){e._updateIndex()},1e3/this.frameRate())}start(){if(this.isRunning())return;let e=this.getLayer();this.anim.setLayers(e),this._setInterval(),this.anim.start()}stop(){this.anim.stop(),clearInterval(this.interval)}isRunning(){return this.anim.isRunning()}_updateIndex(){let e=this.frameIndex(),t=this.animation();e<this.animations()[t].length/4-1?this.frameIndex(e+1):this.frameIndex(0)}};Fa.prototype.className=`Sprite`,F(Fa),z.addGetterSetter(Fa,`animation`),z.addGetterSetter(Fa,`animations`),z.addGetterSetter(Fa,`frameOffsets`),z.addGetterSetter(Fa,`image`),z.addGetterSetter(Fa,`frameIndex`,0,R()),z.addGetterSetter(Fa,`frameRate`,17,R()),z.backCompat(Fa,{index:`frameIndex`,getIndex:`getFrameIndex`,setIndex:`setFrameIndex`});var Ia=class extends U{_sceneFunc(e){let t=this.innerRadius(),n=this.outerRadius(),r=this.numPoints();e.beginPath(),e.moveTo(0,0-n);for(let i=1;i<r*2;i++){let a=i%2==0?n:t,o=a*Math.sin(i*Math.PI/r),s=-1*a*Math.cos(i*Math.PI/r);e.lineTo(o,s)}e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.outerRadius()*2}getHeight(){return this.outerRadius()*2}setWidth(e){this.outerRadius(e/2)}setHeight(e){this.outerRadius(e/2)}};Ia.prototype.className=`Star`,Ia.prototype._centroid=!0,Ia.prototype._attrsAffectingSize=[`innerRadius`,`outerRadius`],F(Ia),z.addGetterSetter(Ia,`numPoints`,5,R()),z.addGetterSetter(Ia,`innerRadius`,0,R()),z.addGetterSetter(Ia,`outerRadius`,0,R());function La(e){return[...e].reduce((e,t,n,r)=>{if(/\p{Emoji}/u.test(t)){let i=r[n+1];i&&/\p{Emoji_Modifier}|\u200D/u.test(i)?(e.push(t+i),r[n+1]=``):e.push(t)}else /\p{Regional_Indicator}{2}/u.test(t+(r[n+1]||``))?e.push(t+r[n+1]):n>0&&/\p{Mn}|\p{Me}|\p{Mc}/u.test(t)?e[e.length-1]+=t:t&&e.push(t);return e},[])}var Ra=`auto`,za=`center`,Ba=`inherit`,Va=`justify`,Ha=`Change.konva`,Ua=`2d`,Wa=`-`,Ga=`left`,Ka=`text`,qa=`Text`,Ja=`top`,Ya=`bottom`,Xa=`middle`,Za=`normal`,Qa=`px `,$a=` `,eo=`right`,to=`rtl`,no=`word`,ro=`char`,io=`none`,ao=`…`,oo=[`direction`,`fontFamily`,`fontSize`,`fontStyle`,`fontVariant`,`padding`,`align`,`verticalAlign`,`lineHeight`,`text`,`width`,`height`,`wrap`,`ellipsis`,`letterSpacing`],so=oo.length,co=null;function lo(){if(co!==null)return co;co=!1;try{let e=document.createElement(`canvas`);e.width=10,e.height=10;let t=e.getContext(Ua);if(t){t.globalAlpha=0,t.shadowColor=`black`,t.shadowBlur=5,t.shadowOffsetX=5,t.shadowOffsetY=5,t.fillStyle=`black`,t.font=`10px Arial`,t.fillText(`X`,0,10);let e=t.getImageData(0,0,10,10).data;for(let t=3;t<e.length;t+=4)if(e[t]>0){co=!0;break}}}catch{}return co}function uo(e){return e.split(`,`).map(e=>{e=e.trim();let t=e.indexOf(` `)>=0,n=e.indexOf(`"`)>=0||e.indexOf(`'`)>=0;return t&&!n&&(e=`"${e}"`),e}).join(`, `)}var fo;function po(){return fo||(fo=I.createCanvasElement().getContext(Ua),fo)}function mo(e){e.fillText(this._partialText,this._partialTextX,this._partialTextY)}function ho(e){e.setAttr(`miterLimit`,2),e.strokeText(this._partialText,this._partialTextX,this._partialTextY)}function go(e){return e||={},!e.fillLinearGradientColorStops&&!e.fillRadialGradientColorStops&&!e.fillPatternImage&&(e.fill=e.fill||`black`),e}var G=class extends U{constructor(e){super(go(e)),this._partialTextX=0,this._partialTextY=0;for(let e=0;e<so;e++)this.on(oo[e]+Ha,this._setTextData);this._setTextData()}_sceneFunc(e){let t=this.textArr,n=t.length;if(!this.text())return;let r=this.padding(),i=this.fontSize(),a=this.lineHeight()*i,o=this.verticalAlign(),s=this.direction(),c=0,l=this.align(),u=this.getWidth(),d=this.letterSpacing(),f=this.charRenderFunc(),p=this.fill(),m=this.textDecoration(),h=this.underlineOffset(),g=m.indexOf(`underline`)!==-1,_=m.indexOf(`line-through`)!==-1,v;s=s===Ba?e.direction:s;let y=a/2,b=Xa;if(!P.legacyTextRendering){let e=this.measureSize(`M`);b=`alphabetic`,y=((e.fontBoundingBoxAscent??e.actualBoundingBoxAscent)-(e.fontBoundingBoxDescent??e.actualBoundingBoxDescent))/2+a/2}for(s===to&&e.setAttr(`direction`,s),e.setAttr(`font`,this._getContextFont()),e.setAttr(`textBaseline`,b),e.setAttr(`textAlign`,Ga),o===Xa?c=(this.getHeight()-n*a-r*2)/2:o===Ya&&(c=this.getHeight()-n*a-r*2),e.translate(r,c+r),v=0;v<n;v++){let o=0,c=t[v],m=c.text,b=c.width,x=c.lastInParagraph;if(e.save(),l===eo?o+=u-b-r*2:l===za&&(o+=(u-b-r*2)/2),g){e.save(),e.beginPath();let t=h??(P.legacyTextRendering?Math.round(i/2):Math.round(i/4)),n=o,a=y+0+t;e.moveTo(n,a);let s=l===Va&&!x?u-r*2:b;e.lineTo(n+Math.round(s),a),e.lineWidth=i/15,e.strokeStyle=this._getLinearGradient()||p,e.stroke(),e.restore()}let S=o;if(s!==to&&(d!==0||l===Va||f)){let n=m.split(` `).length-1,i=La(m);for(let a=0;a<i.length;a++){let s=i[a];if(s===` `&&!x&&l===Va&&(o+=(u-r*2-b)/n),this._partialTextX=o,this._partialTextY=y+0,this._partialText=s,f){e.save();let n=t.slice(0,v).reduce((e,t)=>e+La(t.text).length,0);f({char:s,index:a+n,x:o,y:y+0,lineIndex:v,column:a,isLastInLine:x,width:this.measureSize(s).width,context:e})}e.fillStrokeShape(this),f&&e.restore(),o+=this.measureSize(s).width+d}}else d!==0&&e.setAttr(`letterSpacing`,`${d}px`),this._partialTextX=o,this._partialTextY=y+0,this._partialText=m,e.fillStrokeShape(this);if(_){e.save(),e.beginPath();let t=P.legacyTextRendering?0:-Math.round(i/4),n=S;e.moveTo(n,y+0+t);let a=l===Va&&!x?u-r*2:b;e.lineTo(n+Math.round(a),y+0+t),e.lineWidth=i/15,e.strokeStyle=this._getLinearGradient()||p,e.stroke(),e.restore()}e.restore(),n>1&&(y+=a)}}_hitFunc(e){let t=this.getWidth(),n=this.getHeight();e.beginPath(),e.rect(0,0,t,n),e.closePath(),e.fillStrokeShape(this)}setText(e){let t=I._isString(e)?e:e==null?``:e+``;return this._setAttr(Ka,t),this}getWidth(){return this.attrs.width===Ra||this.attrs.width===void 0?this.getTextWidth()+this.padding()*2:this.attrs.width}getHeight(){return this.attrs.height===Ra||this.attrs.height===void 0?this.fontSize()*this.textArr.length*this.lineHeight()+this.padding()*2:this.attrs.height}getTextWidth(){return this.textWidth}getTextHeight(){return I.warn(`text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height.`),this.textHeight}measureSize(e){let t=po(),n=this.fontSize(),r;t.save(),t.font=this._getContextFont(),r=t.measureText(e),t.restore();let i=n/100;return{actualBoundingBoxAscent:r.actualBoundingBoxAscent??71.58203125*i,actualBoundingBoxDescent:r.actualBoundingBoxDescent??0,actualBoundingBoxLeft:r.actualBoundingBoxLeft??-7.421875*i,actualBoundingBoxRight:r.actualBoundingBoxRight??75.732421875*i,alphabeticBaseline:r.alphabeticBaseline??0,emHeightAscent:r.emHeightAscent??100*i,emHeightDescent:r.emHeightDescent??-20*i,fontBoundingBoxAscent:r.fontBoundingBoxAscent??91*i,fontBoundingBoxDescent:r.fontBoundingBoxDescent??21*i,hangingBaseline:r.hangingBaseline??72.80000305175781*i,ideographicBaseline:r.ideographicBaseline??-21*i,width:r.width,height:n}}_getContextFont(){return this.fontStyle()+$a+this.fontVariant()+$a+(this.fontSize()+Qa)+uo(this.fontFamily())}_addTextLine(e){this.align()===Va&&(e=e.trim());let t=this._getTextWidth(e);return this.textArr.push({text:e,width:t,lastInParagraph:!1})}_getTextWidth(e){let t=this.letterSpacing(),n=e.length;return po().measureText(e).width+t*n}_setTextData(){let e=this.text().split(`
-`),t=+this.fontSize(),n=0,r=this.lineHeight()*t,i=this.attrs.width,a=this.attrs.height,o=i!==Ra&&i!==void 0,s=a!==Ra&&a!==void 0,c=this.padding(),l=i-c*2,u=a-c*2,d=0,f=this.wrap(),p=f!==ro&&f!==io,m=this.ellipsis();this.textArr=[],po().font=this._getContextFont();let h=m?this._getTextWidth(ao):0;for(let t=0,i=e.length;t<i;++t){let a=e[t],c=this._getTextWidth(a);if(o&&c>l)for(;a.length>0;){let e=0,t=La(a).length,i=``,o=0;for(;e<t;){let n=e+t>>>1,c=La(a).slice(0,n+1).join(``),f=this._getTextWidth(c);(m&&s&&d+r>u?f+h:f)<=l?(e=n+1,i=c,o=f):t=n}if(i){if(p){let t=La(a),n=La(i),r=t[n.length],s=r===$a||r===Wa,c;if(s&&o<=l)c=n.length;else{let e=n.lastIndexOf($a),t=n.lastIndexOf(Wa);c=Math.max(e,t)+1}c>0&&(e=c,i=t.slice(0,e).join(``),o=this._getTextWidth(i))}if(i=i.trimRight(),this._addTextLine(i),n=Math.max(n,o),d+=r,this._shouldHandleEllipsis(d)){this._tryToAddEllipsisToLastLine();break}if(a=La(a).slice(e).join(``).trimLeft(),a.length>0&&(c=this._getTextWidth(a),c<=l)){this._addTextLine(a),d+=r,n=Math.max(n,c);break}}else break}else this._addTextLine(a),d+=r,n=Math.max(n,c),this._shouldHandleEllipsis(d)&&t<i-1&&this._tryToAddEllipsisToLastLine();if(this.textArr[this.textArr.length-1]&&(this.textArr[this.textArr.length-1].lastInParagraph=!0),s&&d+r>u)break}this.textHeight=t,this.textWidth=n}_shouldHandleEllipsis(e){let t=+this.fontSize(),n=this.lineHeight()*t,r=this.attrs.height,i=r!==Ra&&r!==void 0,a=r-this.padding()*2;return this.wrap()===io||i&&e+n>a}_tryToAddEllipsisToLastLine(){let e=this.attrs.width,t=e!==Ra&&e!==void 0,n=e-this.padding()*2,r=this.ellipsis(),i=this.textArr[this.textArr.length-1];!i||!r||(t&&(this._getTextWidth(i.text+ao)<n||(i.text=i.text.slice(0,i.text.length-3))),this.textArr.splice(this.textArr.length-1,1),this._addTextLine(i.text+ao))}getStrokeScaleEnabled(){return!0}_useBufferCanvas(){let e=this.textDecoration().indexOf(`underline`)!==-1||this.textDecoration().indexOf(`line-through`)!==-1,t=this.hasShadow();return e&&t||t&&this.getAbsoluteOpacity()!==1&&lo()?!0:super._useBufferCanvas()}};G.prototype._fillFunc=mo,G.prototype._strokeFunc=ho,G.prototype.className=qa,G.prototype._attrsAffectingSize=[`text`,`fontSize`,`padding`,`wrap`,`lineHeight`,`letterSpacing`],F(G),z.overWriteSetter(G,`width`,nr()),z.overWriteSetter(G,`height`,nr()),z.addGetterSetter(G,`direction`,Ba),z.addGetterSetter(G,`fontFamily`,`Arial`),z.addGetterSetter(G,`fontSize`,12,R()),z.addGetterSetter(G,`fontStyle`,Za),z.addGetterSetter(G,`fontVariant`,Za),z.addGetterSetter(G,`padding`,0,R()),z.addGetterSetter(G,`align`,Ga),z.addGetterSetter(G,`verticalAlign`,Ja),z.addGetterSetter(G,`lineHeight`,1,R()),z.addGetterSetter(G,`wrap`,no),z.addGetterSetter(G,`ellipsis`,!1,or()),z.addGetterSetter(G,`letterSpacing`,0,R()),z.addGetterSetter(G,`text`,``,rr()),z.addGetterSetter(G,`textDecoration`,``),z.addGetterSetter(G,`underlineOffset`,void 0,R()),z.addGetterSetter(G,`charRenderFunc`,void 0);var _o=``,vo=`normal`;function yo(e){e.fillText(this.partialText,0,0)}function bo(e){e.strokeText(this.partialText,0,0)}var K=class extends U{constructor(e){super(e),this.dummyCanvas=I.createCanvasElement(),this.dataArray=[],this._readDataAttribute(),this.on(`dataChange.konva`,function(){this._readDataAttribute(),this._setTextData()}),this.on(`textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva directionChange.konva`,this._setTextData),this._setTextData()}_getTextPathLength(){return W.getPathLength(this.dataArray)}_getPointAtLength(e){return!this.attrs.data||e>this.pathLength?null:W.getPointAtLengthOfDataArray(e,this.dataArray)}_readDataAttribute(){this.dataArray=W.parsePathData(this.attrs.data),this.pathLength=this._getTextPathLength()}_sceneFunc(e){e.setAttr(`font`,this._getContextFont()),e.setAttr(`textBaseline`,this.textBaseline()),e.setAttr(`textAlign`,`left`),e.save();let t=this.textDecoration(),n=this.fill(),r=this.fontSize(),i=this.glyphInfo,a=t.indexOf(`underline`)!==-1,o=t.indexOf(`line-through`)!==-1;a&&e.beginPath();for(let t=0;t<i.length;t++){e.save();let n=i[t].p0;e.translate(n.x,n.y),e.rotate(i[t].rotation),this.partialText=i[t].text,e.fillStrokeShape(this),a&&(t===0&&e.moveTo(0,r/2+1),e.lineTo(i[t].width,r/2+1)),e.restore()}if(a&&(e.strokeStyle=n,e.lineWidth=r/20,e.stroke()),o){e.beginPath();for(let t=0;t<i.length;t++){e.save();let n=i[t].p0;e.translate(n.x,n.y),e.rotate(i[t].rotation),t===0&&e.moveTo(0,0),e.lineTo(i[t].width,0),e.restore()}e.strokeStyle=n,e.lineWidth=r/20,e.stroke()}e.restore()}_hitFunc(e){e.beginPath();let t=this.glyphInfo;if(t.length>=1){let n=t[0].p0;e.moveTo(n.x,n.y)}for(let n=0;n<t.length;n++){let r=t[n].p1;e.lineTo(r.x,r.y)}e.setAttr(`lineWidth`,this.fontSize()),e.setAttr(`strokeStyle`,this.colorKey),e.stroke()}getTextWidth(){return this.textWidth}getTextHeight(){return I.warn(`text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height.`),this.textHeight}setText(e){return G.prototype.setText.call(this,e)}_getContextFont(){return G.prototype._getContextFont.call(this)}_getTextSize(e){let t=this.dummyCanvas.getContext(`2d`);t.save(),t.font=this._getContextFont();let n=t.measureText(e);return t.restore(),{width:n.width,height:parseInt(`${this.fontSize()}`,10)}}_setTextData(){let e=La(this.text());this.direction()===`rtl`&&e.reverse();let t=[],n=0;for(let r=0;r<e.length;r++)t.push({char:e[r],width:this._getTextSize(e[r]).width}),n+=t[r].width;let{width:r,height:i}=this._getTextSize(this.attrs.text);if(this.textWidth=n,this.textHeight=i,this.glyphInfo=[],!this.attrs.data)return null;let a=this.letterSpacing(),o=this.align(),s=this.kerningFunc(),c=Math.max(0,n-r),l=Math.max(this.textWidth+((this.attrs.text||``).length-1)*a,0),u=0;o===`center`&&(u=Math.max(0,this.pathLength/2-l/2)),o===`right`&&(u=Math.max(0,this.pathLength-l));let d=u;for(let n=0;n<t.length;n++){let r=this._getPointAtLength(d);if(!r)return;let i=t[n].char,u=t[n].width+a;if(i===` `&&o===`justify`){let e=this.text().split(` `).length-1;u+=(this.pathLength-l)/e}let f=d+u,p=this._getPointAtLength(f>this.pathLength&&f-this.pathLength<=c?this.pathLength:f);if(!p)return;let m=W.getLineLength(r.x,r.y,p.x,p.y),h=0;if(s)try{h=s(t[n-1].char,i)*this.fontSize()}catch{h=0}r.x+=h,p.x+=h,this.textWidth+=h;let g=W.getPointOnLine(h+m/2,r.x,r.y,p.x,p.y),_=Math.atan2(p.y-r.y,p.x-r.x);this.glyphInfo.push({transposeX:g.x,transposeY:g.y,text:e[n],rotation:_,p0:r,p1:p,width:m}),d+=u}}getSelfRect(){if(!this.glyphInfo.length)return{x:0,y:0,width:0,height:0};let e=[];this.glyphInfo.forEach(function(t){e.push(t.p0.x),e.push(t.p0.y),e.push(t.p1.x),e.push(t.p1.y)});let t=e[0]||0,n=e[0]||0,r=e[1]||0,i=e[1]||0,a,o;for(let s=0;s<e.length/2;s++)a=e[s*2],o=e[s*2+1],t=Math.min(t,a),n=Math.max(n,a),r=Math.min(r,o),i=Math.max(i,o);let s=this.fontSize();return{x:t-s/2,y:r-s/2,width:n-t+s,height:i-r+s}}destroy(){return I.releaseCanvas(this.dummyCanvas),super.destroy()}};K.prototype._fillFunc=yo,K.prototype._strokeFunc=bo,K.prototype._fillFuncHit=yo,K.prototype._strokeFuncHit=bo,K.prototype.className=`TextPath`,K.prototype._attrsAffectingSize=[`text`,`fontSize`,`data`],F(K),z.addGetterSetter(K,`data`),z.addGetterSetter(K,`fontFamily`,`Arial`),z.addGetterSetter(K,`fontSize`,12,R()),z.addGetterSetter(K,`fontStyle`,vo),z.addGetterSetter(K,`align`,`left`),z.addGetterSetter(K,`letterSpacing`,0,R()),z.addGetterSetter(K,`textBaseline`,`middle`),z.addGetterSetter(K,`fontVariant`,vo),z.addGetterSetter(K,`text`,_o),z.addGetterSetter(K,`textDecoration`,``),z.addGetterSetter(K,`kerningFunc`,void 0),z.addGetterSetter(K,`direction`,`inherit`);var xo=`tr-konva`,So=[`resizeEnabledChange`,`rotateAnchorOffsetChange`,`rotateAnchorAngleChange`,`rotateEnabledChange`,`enabledAnchorsChange`,`anchorSizeChange`,`borderEnabledChange`,`borderStrokeChange`,`borderStrokeWidthChange`,`borderDashChange`,`anchorStrokeChange`,`anchorStrokeWidthChange`,`anchorFillChange`,`anchorCornerRadiusChange`,`ignoreStrokeChange`,`anchorStyleFuncChange`].map(e=>e+`.${xo}`).join(` `),Co=`nodesRect`,wo=[`widthChange`,`heightChange`,`scaleXChange`,`scaleYChange`,`skewXChange`,`skewYChange`,`rotationChange`,`offsetXChange`,`offsetYChange`,`transformsEnabledChange`,`strokeWidthChange`,`draggableChange`],To={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135},Eo=`ontouchstart`in P._global;function Do(e,t,n){if(e===`rotater`)return n;t+=I.degToRad(To[e]||0);let r=(I.radToDeg(t)%360+360)%360;return I._inRange(r,337.5,360)||I._inRange(r,0,22.5)?`ns-resize`:I._inRange(r,22.5,67.5)?`nesw-resize`:I._inRange(r,67.5,112.5)?`ew-resize`:I._inRange(r,112.5,157.5)?`nwse-resize`:I._inRange(r,157.5,202.5)?`ns-resize`:I._inRange(r,202.5,247.5)?`nesw-resize`:I._inRange(r,247.5,292.5)?`ew-resize`:I._inRange(r,292.5,337.5)?`nwse-resize`:(I.error(`Transformer has unknown angle for cursor detection: `+r),`pointer`)}var Oo=[`top-left`,`top-center`,`top-right`,`middle-right`,`middle-left`,`bottom-left`,`bottom-center`,`bottom-right`],ko=1e8;function Ao(e){return{x:e.x+e.width/2*Math.cos(e.rotation)+e.height/2*Math.sin(-e.rotation),y:e.y+e.height/2*Math.cos(e.rotation)+e.width/2*Math.sin(e.rotation)}}function jo(e,t,n){let r=n.x+(e.x-n.x)*Math.cos(t)-(e.y-n.y)*Math.sin(t),i=n.y+(e.x-n.x)*Math.sin(t)+(e.y-n.y)*Math.cos(t);return{...e,rotation:e.rotation+t,x:r,y:i}}function Mo(e,t){return jo(e,t,Ao(e))}function No(e,t,n){let r=t;for(let i=0;i<e.length;i++){let a=P.getAngle(e[i]),o=Math.abs(a-t)%(Math.PI*2);Math.min(o,Math.PI*2-o)<n&&(r=a)}return r}var Po=0,q=class extends Gi{constructor(e){super(e),this._movingAnchorName=null,this._transforming=!1,this._elementsCreated=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(So,this.update),this.getNode()&&this.update()}attachTo(e){return this.setNode(e),this}setNode(e){return I.warn(`tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead.`),this.setNodes([e])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return xo+this._id}setNodes(e=[]){this._nodes&&this._nodes.length&&this.detach();let t=e.filter(e=>e.isAncestorOf(this)?(I.error(`Konva.Transformer cannot be an a child of the node you are trying to attach`),!1):!0);return this._nodes=e=t,e.length===1&&this.useSingleNodeRotation()?this.rotation(e[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(e=>{let t=()=>{this.nodes().length===1&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),!this._transforming&&!this.isDragging()&&this.update()};if(e._attrsAffectingSize.length){let n=e._attrsAffectingSize.map(e=>e+`Change.`+this._getEventNamespace()).join(` `);e.on(n,t)}e.on(wo.map(e=>e+`.${this._getEventNamespace()}`).join(` `),t),e.on(`absoluteTransformChange.${this._getEventNamespace()}`,t),this._proxyDrag(e)}),this._resetTransformCache(),this.findOne(`.top-left`)&&this.update(),this}_proxyDrag(e){let t;e.on(`dragstart.${this._getEventNamespace()}`,n=>{t=e.getAbsolutePosition(),!this.isDragging()&&e!==this.findOne(`.back`)&&this.startDrag(n,!1)}),e.on(`dragmove.${this._getEventNamespace()}`,n=>{if(!t)return;let r=e.getAbsolutePosition(),i=r.x-t.x,a=r.y-t.y;this.nodes().forEach(t=>{if(t===e||t.isDragging())return;let r=t.getAbsolutePosition();t.setAbsolutePosition({x:r.x+i,y:r.y+a}),t.startDrag(n)}),t=null})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(e=>{e.off(`.`+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(Co),this._clearCache(`transform`),this._clearSelfAndDescendantCache(`absoluteTransform`)}_getNodeRect(){return this._getCache(Co,this.__getNodeRect)}__getNodeShape(e,t=this.rotation(),n){let r=e.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),i=e.getAbsoluteScale(n),a=e.getAbsolutePosition(n),o=r.x*i.x-e.offsetX()*i.x,s=r.y*i.y-e.offsetY()*i.y,c=(P.getAngle(e.getAbsoluteRotation())+Math.PI*2)%(Math.PI*2);return jo({x:a.x+o*Math.cos(c)+s*Math.sin(-c),y:a.y+s*Math.cos(c)+o*Math.sin(c),width:r.width*i.x,height:r.height*i.y,rotation:c},-P.getAngle(t),{x:0,y:0})}__getNodeRect(){if(!this.getNode())return{x:-ko,y:-ko,width:0,height:0,rotation:0};let e=[];this.nodes().map(t=>{let n=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),r=[{x:n.x,y:n.y},{x:n.x+n.width,y:n.y},{x:n.x+n.width,y:n.y+n.height},{x:n.x,y:n.y+n.height}],i=t.getAbsoluteTransform();r.forEach(function(t){let n=i.point(t);e.push(n)})});let t=new pn;t.rotate(-P.getAngle(this.rotation()));let n=1/0,r=1/0,i=-1/0,a=-1/0;e.forEach(function(e){let o=t.point(e);n===void 0&&(n=i=o.x,r=a=o.y),n=Math.min(n,o.x),r=Math.min(r,o.y),i=Math.max(i,o.x),a=Math.max(a,o.y)}),t.invert();let o=t.point({x:n,y:r});return{x:o.x,y:o.y,width:i-n,height:a-r,rotation:P.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),Oo.forEach(e=>{this._createAnchor(e)}),this._createAnchor(`rotater`),this._elementsCreated=!0}_createAnchor(e){let t=new ja({stroke:`rgb(0, 161, 255)`,fill:`white`,strokeWidth:1,name:e+` _anchor`,dragDistance:0,draggable:!0,hitStrokeWidth:Eo?10:`auto`}),n=this;t.on(`mousedown touchstart`,function(e){n._handleMouseDown(e)}),t.on(`dragstart`,e=>{t.stopDrag(),e.cancelBubble=!0}),t.on(`dragend`,e=>{e.cancelBubble=!0}),t.on(`mouseenter`,()=>{let n=Do(e,P.getAngle(this.rotation()),this.rotateAnchorCursor());t.getStage().content&&(t.getStage().content.style.cursor=n),this._cursorChange=!0}),t.on(`mouseout`,()=>{t.getStage().content&&(t.getStage().content.style.cursor=``),this._cursorChange=!1}),this.add(t)}_createBack(){let e=new U({name:`back`,width:0,height:0,sceneFunc(e,t){let n=t.getParent(),r=n.padding(),i=t.width(),a=t.height();if(e.beginPath(),e.rect(-r,-r,i+r*2,a+r*2),n.rotateEnabled()&&n.rotateLineVisible()){let t=n.rotateAnchorAngle(),r=n.rotateAnchorOffset(),o=I.degToRad(t),s=Math.sin(o),c=-Math.cos(o),l=i/2,u=a/2,d=1/0;c<0?d=Math.min(d,-u/c):c>0&&(d=Math.min(d,(a-u)/c)),s<0?d=Math.min(d,-l/s):s>0&&(d=Math.min(d,(i-l)/s));let f=l+s*d,p=u+c*d,m=I._sign(a),h=f+s*r*m,g=p+c*r*m;e.moveTo(f,p),e.lineTo(h,g)}e.fillStrokeShape(t)},hitFunc:(e,t)=>{if(!this.shouldOverdrawWholeArea())return;let n=this.padding();e.beginPath(),e.rect(-n,-n,t.width()+n*2,t.height()+n*2),e.fillStrokeShape(t)}});this.add(e),this._proxyDrag(e),e.on(`dragstart`,e=>{e.cancelBubble=!0}),e.on(`dragmove`,e=>{e.cancelBubble=!0}),e.on(`dragend`,e=>{e.cancelBubble=!0}),this.on(`dragmove`,e=>{this.update()})}_handleMouseDown(e){if(this._transforming)return;this._movingAnchorName=e.target.name().split(` `)[0];let t=this._getNodeRect(),n=t.width,r=t.height,i=Math.sqrt(n**2+r**2);this.sin=Math.abs(r/i),this.cos=Math.abs(n/i),typeof window<`u`&&(window.addEventListener(`mousemove`,this._handleMouseMove),window.addEventListener(`touchmove`,this._handleMouseMove),window.addEventListener(`mouseup`,this._handleMouseUp,!0),window.addEventListener(`touchend`,this._handleMouseUp,!0)),this._transforming=!0;let a=e.target.getAbsolutePosition(),o=e.target.getStage().getPointerPosition();this._anchorDragOffset={x:o.x-a.x,y:o.y-a.y},Po++,this._fire(`transformstart`,{evt:e.evt,target:this.getNode()}),this._nodes.forEach(t=>{t._fire(`transformstart`,{evt:e.evt,target:t})})}_handleMouseMove(e){let t,n,r,i=this.findOne(`.`+this._movingAnchorName),a=i.getStage();a.setPointersPositions(e);let o=a.getPointerPosition(),s={x:o.x-this._anchorDragOffset.x,y:o.y-this._anchorDragOffset.y},c=i.getAbsolutePosition();this.anchorDragBoundFunc()&&(s=this.anchorDragBoundFunc()(c,s,e)),i.setAbsolutePosition(s);let l=i.getAbsolutePosition();if(c.x===l.x&&c.y===l.y)return;if(this._movingAnchorName===`rotater`){let r=this._getNodeRect();t=i.x()-r.width/2,n=-i.y()+r.height/2;let a=P.getAngle(this.rotateAnchorAngle()),o=Math.atan2(-n,t)+Math.PI/2-a;r.height<0&&(o-=Math.PI);let s=P.getAngle(this.rotation())+o,c=P.getAngle(this.rotationSnapTolerance()),l=Mo(r,No(this.rotationSnaps(),s,c)-r.rotation);this._fitNodesInto(l,e);return}let u=this.shiftBehavior(),d;d=u===`inverted`?this.keepRatio()&&!e.shiftKey:u===`none`?this.keepRatio():this.keepRatio()||e.shiftKey;let f=this.centeredScaling()||e.altKey;if(this._movingAnchorName===`top-left`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.bottom-right`).x(),y:this.findOne(`.bottom-right`).y()};r=Math.sqrt((e.x-i.x())**2+(e.y-i.y())**2);let a=this.findOne(`.top-left`).x()>e.x?-1:1,o=this.findOne(`.top-left`).y()>e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.top-left`).x(e.x-t),this.findOne(`.top-left`).y(e.y-n)}}else if(this._movingAnchorName===`top-center`)this.findOne(`.top-left`).y(i.y());else if(this._movingAnchorName===`top-right`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.bottom-left`).x(),y:this.findOne(`.bottom-left`).y()};r=Math.sqrt((i.x()-e.x)**2+(e.y-i.y())**2);let a=this.findOne(`.top-right`).x()<e.x?-1:1,o=this.findOne(`.top-right`).y()>e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.top-right`).x(e.x+t),this.findOne(`.top-right`).y(e.y-n)}var p=i.position();this.findOne(`.top-left`).y(p.y),this.findOne(`.bottom-right`).x(p.x)}else if(this._movingAnchorName===`middle-left`)this.findOne(`.top-left`).x(i.x());else if(this._movingAnchorName===`middle-right`)this.findOne(`.bottom-right`).x(i.x());else if(this._movingAnchorName===`bottom-left`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.top-right`).x(),y:this.findOne(`.top-right`).y()};r=Math.sqrt((e.x-i.x())**2+(i.y()-e.y)**2);let a=e.x<i.x()?-1:1,o=i.y()<e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,i.x(e.x-t),i.y(e.y+n)}p=i.position(),this.findOne(`.top-left`).x(p.x),this.findOne(`.bottom-right`).y(p.y)}else if(this._movingAnchorName===`bottom-center`)this.findOne(`.bottom-right`).y(i.y());else if(this._movingAnchorName===`bottom-right`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.top-left`).x(),y:this.findOne(`.top-left`).y()};r=Math.sqrt((i.x()-e.x)**2+(i.y()-e.y)**2);let a=this.findOne(`.bottom-right`).x()<e.x?-1:1,o=this.findOne(`.bottom-right`).y()<e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.bottom-right`).x(e.x+t),this.findOne(`.bottom-right`).y(e.y+n)}}else console.error(Error(`Wrong position argument of selection resizer: `+this._movingAnchorName));if(f=this.centeredScaling()||e.altKey,f){let e=this.findOne(`.top-left`),t=this.findOne(`.bottom-right`),n=e.x(),r=e.y(),i=this.getWidth()-t.x(),a=this.getHeight()-t.y();t.move({x:-n,y:-r}),e.move({x:i,y:a})}let m=this.findOne(`.top-left`).getAbsolutePosition();t=m.x,n=m.y;let h=this.findOne(`.bottom-right`).x()-this.findOne(`.top-left`).x(),g=this.findOne(`.bottom-right`).y()-this.findOne(`.top-left`).y();this._fitNodesInto({x:t,y:n,width:h,height:g,rotation:P.getAngle(this.rotation())},e)}_handleMouseUp(e){this._removeEvents(e)}getAbsoluteTransform(){return this.getTransform()}_removeEvents(e){var t;if(this._transforming){this._transforming=!1,typeof window<`u`&&(window.removeEventListener(`mousemove`,this._handleMouseMove),window.removeEventListener(`touchmove`,this._handleMouseMove),window.removeEventListener(`mouseup`,this._handleMouseUp,!0),window.removeEventListener(`touchend`,this._handleMouseUp,!0));let n=this.getNode();Po--,this._fire(`transformend`,{evt:e,target:n}),(t=this.getLayer())==null||t.batchDraw(),n&&this._nodes.forEach(t=>{var n;t._fire(`transformend`,{evt:e,target:t}),(n=t.getLayer())==null||n.batchDraw()}),this._movingAnchorName=null}}_fitNodesInto(e,t){let n=this._getNodeRect();if(I._inRange(e.width,-this.padding()*2-1,1)){this.update();return}if(I._inRange(e.height,-this.padding()*2-1,1)){this.update();return}let r=new pn;if(r.rotate(P.getAngle(this.rotation())),this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf(`left`)>=0){let t=r.point({x:-this.padding()*2,y:0});e.x+=t.x,e.y+=t.y,e.width+=this.padding()*2,this._movingAnchorName=this._movingAnchorName.replace(`left`,`right`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y}else if(this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf(`right`)>=0){let t=r.point({x:this.padding()*2,y:0});this._movingAnchorName=this._movingAnchorName.replace(`right`,`left`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.width+=this.padding()*2}if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf(`top`)>=0){let t=r.point({x:0,y:-this.padding()*2});e.x+=t.x,e.y+=t.y,this._movingAnchorName=this._movingAnchorName.replace(`top`,`bottom`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=this.padding()*2}else if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf(`bottom`)>=0){let t=r.point({x:0,y:this.padding()*2});this._movingAnchorName=this._movingAnchorName.replace(`bottom`,`top`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=this.padding()*2}if(this.boundBoxFunc()){let t=this.boundBoxFunc()(n,e);t?e=t:I.warn(`boundBoxFunc returned falsy. You should return new bound rect from it!`)}let i=1e7,a=new pn;a.translate(n.x,n.y),a.rotate(n.rotation),a.scale(n.width/i,n.height/i);let o=new pn,s=e.width/i,c=e.height/i;this.flipEnabled()===!1?(o.translate(e.x,e.y),o.rotate(e.rotation),o.translate(e.width<0?e.width:0,e.height<0?e.height:0),o.scale(Math.abs(s),Math.abs(c))):(o.translate(e.x,e.y),o.rotate(e.rotation),o.scale(s,c));let l=o.multiply(a.invert());this._nodes.forEach(e=>{var t;if(!e.getStage())return;let n=e.getParent().getAbsoluteTransform(),r=e.getTransform().copy();r.translate(e.offsetX(),e.offsetY());let i=new pn;i.multiply(n.copy().invert()).multiply(l).multiply(n).multiply(r);let a=i.decompose();e.setAttrs(a),(t=e.getLayer())==null||t.batchDraw()}),this.rotation(I._getRotation(e.rotation)),this._nodes.forEach(e=>{this._fire(`transform`,{evt:t,target:e}),e._fire(`transform`,{evt:t,target:e})}),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(e,t){this.findOne(e).setAttrs(t)}update(){var e;let t=this._getNodeRect();this.rotation(I._getRotation(t.rotation));let n=t.width,r=t.height,i=this.enabledAnchors(),a=this.resizeEnabled(),o=this.padding(),s=this.anchorSize(),c=this.find(`._anchor`);c.forEach(e=>{e.setAttrs({width:s,height:s,offsetX:s/2,offsetY:s/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(`.top-left`,{x:0,y:0,offsetX:s/2+o,offsetY:s/2+o,visible:a&&i.indexOf(`top-left`)>=0}),this._batchChangeChild(`.top-center`,{x:n/2,y:0,offsetY:s/2+o,visible:a&&i.indexOf(`top-center`)>=0}),this._batchChangeChild(`.top-right`,{x:n,y:0,offsetX:s/2-o,offsetY:s/2+o,visible:a&&i.indexOf(`top-right`)>=0}),this._batchChangeChild(`.middle-left`,{x:0,y:r/2,offsetX:s/2+o,visible:a&&i.indexOf(`middle-left`)>=0}),this._batchChangeChild(`.middle-right`,{x:n,y:r/2,offsetX:s/2-o,visible:a&&i.indexOf(`middle-right`)>=0}),this._batchChangeChild(`.bottom-left`,{x:0,y:r,offsetX:s/2+o,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-left`)>=0}),this._batchChangeChild(`.bottom-center`,{x:n/2,y:r,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-center`)>=0}),this._batchChangeChild(`.bottom-right`,{x:n,y:r,offsetX:s/2-o,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-right`)>=0});let l=this.rotateAnchorAngle(),u=this.rotateAnchorOffset(),d=I.degToRad(l),f=Math.sin(d),p=-Math.cos(d),m=n/2,h=r/2,g=1/0;p<0?g=Math.min(g,-h/p):p>0&&(g=Math.min(g,(r-h)/p)),f<0?g=Math.min(g,-m/f):f>0&&(g=Math.min(g,(n-m)/f));let _=m+f*g,v=h+p*g,y=I._sign(r);this._batchChangeChild(`.rotater`,{x:_+f*u*y,y:v+p*u*y-o*p,visible:this.rotateEnabled()}),this._batchChangeChild(`.back`,{width:n,height:r,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),draggable:this.nodes().some(e=>e.draggable()),x:0,y:0});let b=this.anchorStyleFunc();b&&c.forEach(e=>{b(e)}),(e=this.getLayer())==null||e.batchDraw()}isTransforming(){return this._transforming}stopTransform(){if(this._transforming){this._removeEvents();let e=this.findOne(`.`+this._movingAnchorName);e&&e.stopDrag()}}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=``),Gi.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}add(...e){return this._elementsCreated?(I.error(`You cannot add external nodes to the Transformer. Use tr.nodes([node]) instead.`),this):super.add(...e)}toObject(){return B.prototype.toObject.call(this)}clone(e){return B.prototype.clone.call(this,e)}getClientRect(){return this.nodes().length>0?super.getClientRect():{x:0,y:0,width:0,height:0}}};q.isTransforming=()=>Po>0;function Fo(e){return e instanceof Array||I.warn(`enabledAnchors value should be an array`),e instanceof Array&&e.forEach(function(e){Oo.indexOf(e)===-1&&I.warn(`Unknown anchor name: `+e+`. Available names are: `+Oo.join(`, `))}),e||[]}q.prototype.className=`Transformer`,F(q),z.addGetterSetter(q,`enabledAnchors`,Oo,Fo),z.addGetterSetter(q,`flipEnabled`,!0,or()),z.addGetterSetter(q,`resizeEnabled`,!0),z.addGetterSetter(q,`anchorSize`,10,R()),z.addGetterSetter(q,`rotateEnabled`,!0),z.addGetterSetter(q,`rotateLineVisible`,!0),z.addGetterSetter(q,`rotationSnaps`,[]),z.addGetterSetter(q,`rotateAnchorOffset`,50,R()),z.addGetterSetter(q,`rotateAnchorAngle`,0,R()),z.addGetterSetter(q,`rotateAnchorCursor`,`crosshair`),z.addGetterSetter(q,`rotationSnapTolerance`,5,R()),z.addGetterSetter(q,`borderEnabled`,!0),z.addGetterSetter(q,`anchorStroke`,`rgb(0, 161, 255)`),z.addGetterSetter(q,`anchorStrokeWidth`,1,R()),z.addGetterSetter(q,`anchorFill`,`white`),z.addGetterSetter(q,`anchorCornerRadius`,0,R()),z.addGetterSetter(q,`borderStroke`,`rgb(0, 161, 255)`),z.addGetterSetter(q,`borderStrokeWidth`,1,R()),z.addGetterSetter(q,`borderDash`),z.addGetterSetter(q,`keepRatio`,!0),z.addGetterSetter(q,`shiftBehavior`,`default`),z.addGetterSetter(q,`centeredScaling`,!1),z.addGetterSetter(q,`ignoreStroke`,!1),z.addGetterSetter(q,`padding`,0,R()),z.addGetterSetter(q,`nodes`),z.addGetterSetter(q,`node`),z.addGetterSetter(q,`boundBoxFunc`),z.addGetterSetter(q,`anchorDragBoundFunc`),z.addGetterSetter(q,`anchorStyleFunc`),z.addGetterSetter(q,`shouldOverdrawWholeArea`,!1),z.addGetterSetter(q,`useSingleNodeRotation`,!0),z.backCompat(q,{lineEnabled:`borderEnabled`,rotateHandlerOffset:`rotateAnchorOffset`,enabledHandlers:`enabledAnchors`});var Io=class extends U{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.radius(),0,P.getAngle(this.angle()),this.clockwise()),e.lineTo(0,0),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.radius()*2}getHeight(){return this.radius()*2}setWidth(e){this.radius(e/2)}setHeight(e){this.radius(e/2)}};Io.prototype.className=`Wedge`,Io.prototype._centroid=!0,Io.prototype._attrsAffectingSize=[`radius`],F(Io),z.addGetterSetter(Io,`radius`,0,R()),z.addGetterSetter(Io,`angle`,0,R()),z.addGetterSetter(Io,`clockwise`,!1),z.backCompat(Io,{angleDeg:`angle`,getAngleDeg:`getAngle`,setAngleDeg:`setAngle`});function Lo(){this.r=0,this.g=0,this.b=0,this.a=0,this.next=null}var Ro=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],zo=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];function Bo(e,t){let n=e.data,r=e.width,i=e.height,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,ee=t+t+1,T=r-1,te=i-1,E=t+1,ne=E*(E+1)/2,re=new Lo,D=Ro[t],O=zo[t],ie=null,k=re,A=null,j=null;for(let e=1;e<ee;e++)k=k.next=new Lo,e===E&&(ie=k);k.next=re,s=o=0;for(let e=0;e<i;e++){g=_=v=y=c=l=u=d=0,f=E*(b=n[o]),p=E*(x=n[o+1]),m=E*(S=n[o+2]),h=E*(C=n[o+3]),c+=ne*b,l+=ne*x,u+=ne*S,d+=ne*C,k=re;for(let e=0;e<E;e++)k.r=b,k.g=x,k.b=S,k.a=C,k=k.next;for(let e=1;e<E;e++)a=o+((T<e?T:e)<<2),c+=(k.r=b=n[a])*(w=E-e),l+=(k.g=x=n[a+1])*w,u+=(k.b=S=n[a+2])*w,d+=(k.a=C=n[a+3])*w,g+=b,_+=x,v+=S,y+=C,k=k.next;A=re,j=ie;for(let e=0;e<r;e++)n[o+3]=C=d*D>>O,C===0?n[o]=n[o+1]=n[o+2]=0:(C=255/C,n[o]=(c*D>>O)*C,n[o+1]=(l*D>>O)*C,n[o+2]=(u*D>>O)*C),c-=f,l-=p,u-=m,d-=h,f-=A.r,p-=A.g,m-=A.b,h-=A.a,a=s+((a=e+t+1)<T?a:T)<<2,g+=A.r=n[a],_+=A.g=n[a+1],v+=A.b=n[a+2],y+=A.a=n[a+3],c+=g,l+=_,u+=v,d+=y,A=A.next,f+=b=j.r,p+=x=j.g,m+=S=j.b,h+=C=j.a,g-=b,_-=x,v-=S,y-=C,j=j.next,o+=4;s+=r}for(let e=0;e<r;e++){_=v=y=g=l=u=d=c=0,o=e<<2,f=E*(b=n[o]),p=E*(x=n[o+1]),m=E*(S=n[o+2]),h=E*(C=n[o+3]),c+=ne*b,l+=ne*x,u+=ne*S,d+=ne*C,k=re;for(let e=0;e<E;e++)k.r=b,k.g=x,k.b=S,k.a=C,k=k.next;let s=r;for(let i=1;i<=t;i++)o=s+e<<2,c+=(k.r=b=n[o])*(w=E-i),l+=(k.g=x=n[o+1])*w,u+=(k.b=S=n[o+2])*w,d+=(k.a=C=n[o+3])*w,g+=b,_+=x,v+=S,y+=C,k=k.next,i<te&&(s+=r);o=e,A=re,j=ie;for(let t=0;t<i;t++)a=o<<2,n[a+3]=C=d*D>>O,C>0?(C=255/C,n[a]=(c*D>>O)*C,n[a+1]=(l*D>>O)*C,n[a+2]=(u*D>>O)*C):n[a]=n[a+1]=n[a+2]=0,c-=f,l-=p,u-=m,d-=h,f-=A.r,p-=A.g,m-=A.b,h-=A.a,a=e+((a=t+E)<te?a:te)*r<<2,c+=g+=A.r=n[a],l+=_+=A.g=n[a+1],u+=v+=A.b=n[a+2],d+=y+=A.a=n[a+3],A=A.next,f+=b=j.r,p+=x=j.g,m+=S=j.b,h+=C=j.a,g-=b,_-=x,v-=S,y-=C,j=j.next,o+=r}}var Vo=function(e){let t=Math.round(this.blurRadius());t>0&&Bo(e,t)};z.addGetterSetter(B,`blurRadius`,0,R(),z.afterSetFilter);var Ho=function(e){let t=this.brightness()*255,n=e.data,r=n.length;for(let e=0;e<r;e+=4)n[e]+=t,n[e+1]+=t,n[e+2]+=t};z.addGetterSetter(B,`brightness`,0,R(),z.afterSetFilter);var Uo=function(e){let t=this.brightness(),n=e.data,r=n.length;for(let e=0;e<r;e+=4)n[e]=Math.min(255,n[e]*t),n[e+1]=Math.min(255,n[e+1]*t),n[e+2]=Math.min(255,n[e+2]*t)},Wo=function(e){let t=((this.contrast()+100)/100)**2,n=e.data,r=n.length,i=150,a=150,o=150;for(let e=0;e<r;e+=4)i=n[e],a=n[e+1],o=n[e+2],i/=255,i-=.5,i*=t,i+=.5,i*=255,a/=255,a-=.5,a*=t,a+=.5,a*=255,o/=255,o-=.5,o*=t,o+=.5,o*=255,i=i<0?0:i>255?255:i,a=a<0?0:a>255?255:a,o=o<0?0:o>255?255:o,n[e]=i,n[e+1]=a,n[e+2]=o};z.addGetterSetter(B,`contrast`,0,R(),z.afterSetFilter);var Go=function(e){let t=e.data,n=e.width,r=e.height,i=Math.min(1,Math.max(0,this.embossStrength?.call(this)??.5)),a=Math.min(1,Math.max(0,this.embossWhiteLevel?.call(this)??.5)),o={"top-left":315,top:270,"top-right":225,right:180,"bottom-right":135,bottom:90,"bottom-left":45,left:0}[this.embossDirection?.call(this)??`top-left`]??315,s=!!(this.embossBlend?.call(this)??!1),c=i*10,l=a*255,u=o*Math.PI/180,d=Math.cos(u),f=Math.sin(u),p=128/1020*c,m=new Uint8ClampedArray(t),h=new Float32Array(n*r);for(let e=0,n=0;n<t.length;n+=4,e++)h[e]=.2126*m[n]+.7152*m[n+1]+.0722*m[n+2];let g=[-1,0,1,-2,0,2,-1,0,1],_=[-1,-2,-1,0,0,0,1,2,1],v=[-n-1,-n,-n+1,-1,0,1,n-1,n,n+1],y=e=>e<0?0:e>255?255:e;for(let e=1;e<r-1;e++)for(let r=1;r<n-1;r++){let i=e*n+r,a=0,o=0;a+=h[i+v[0]]*g[0],o+=h[i+v[0]]*_[0],a+=h[i+v[1]]*g[1],o+=h[i+v[1]]*_[1],a+=h[i+v[2]]*g[2],o+=h[i+v[2]]*_[2],a+=h[i+v[3]]*g[3],o+=h[i+v[3]]*_[3],a+=h[i+v[5]]*g[5],o+=h[i+v[5]]*_[5],a+=h[i+v[6]]*g[6],o+=h[i+v[6]]*_[6],a+=h[i+v[7]]*g[7],o+=h[i+v[7]]*_[7],a+=h[i+v[8]]*g[8],o+=h[i+v[8]]*_[8];let c=y(l+(d*a+f*o)*p),u=i*4;if(s){let e=c-l;t[u]=y(m[u]+e),t[u+1]=y(m[u+1]+e),t[u+2]=y(m[u+2]+e),t[u+3]=m[u+3]}else t[u]=t[u+1]=t[u+2]=c,t[u+3]=m[u+3]}for(let e=0;e<n;e++){let i=e*4,a=((r-1)*n+e)*4;t[i]=m[i],t[i+1]=m[i+1],t[i+2]=m[i+2],t[i+3]=m[i+3],t[a]=m[a],t[a+1]=m[a+1],t[a+2]=m[a+2],t[a+3]=m[a+3]}for(let e=1;e<r-1;e++){let r=e*n*4,i=(e*n+(n-1))*4;t[r]=m[r],t[r+1]=m[r+1],t[r+2]=m[r+2],t[r+3]=m[r+3],t[i]=m[i],t[i+1]=m[i+1],t[i+2]=m[i+2],t[i+3]=m[i+3]}return e};z.addGetterSetter(B,`embossStrength`,.5,R(),z.afterSetFilter),z.addGetterSetter(B,`embossWhiteLevel`,.5,R(),z.afterSetFilter),z.addGetterSetter(B,`embossDirection`,`top-left`,void 0,z.afterSetFilter),z.addGetterSetter(B,`embossBlend`,!1,void 0,z.afterSetFilter);function Ko(e,t,n,r,i){let a=n-t,o=i-r;if(a===0)return r+o/2;if(o===0)return r;let s=(e-t)/a;return s=o*s+r,s}var qo=function(e){let t=e.data,n=t.length,r=t[0],i=r,a,o=t[1],s=o,c,l=t[2],u=l,d,f=this.enhance();if(f===0)return;for(let e=0;e<n;e+=4)a=t[e+0],a<r?r=a:a>i&&(i=a),c=t[e+1],c<o?o=c:c>s&&(s=c),d=t[e+2],d<l?l=d:d>u&&(u=d);i===r&&(i=255,r=0),s===o&&(s=255,o=0),u===l&&(u=255,l=0);let p,m,h,g,_,v;if(f>0)p=i+f*(255-i),m=r-f*(r-0),h=s+f*(255-s),g=o-f*(o-0),_=u+f*(255-u),v=l-f*(l-0);else{let e=(i+r)*.5;p=i+f*(i-e),m=r+f*(r-e);let t=(s+o)*.5;h=s+f*(s-t),g=o+f*(o-t);let n=(u+l)*.5;_=u+f*(u-n),v=l+f*(l-n)}for(let e=0;e<n;e+=4)t[e+0]=Ko(t[e+0],r,i,m,p),t[e+1]=Ko(t[e+1],o,s,g,h),t[e+2]=Ko(t[e+2],l,u,v,_)};z.addGetterSetter(B,`enhance`,0,R(),z.afterSetFilter);var Jo=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4){let n=.34*t[e]+.5*t[e+1]+.16*t[e+2];t[e]=n,t[e+1]=n,t[e+2]=n}};z.addGetterSetter(B,`hue`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`saturation`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`luminance`,0,R(),z.afterSetFilter);var Yo=function(e){let t=e.data,n=t.length,r=2**this.saturation(),i=Math.abs(this.hue()+360)%360,a=this.luminance()*127,o=1*r*Math.cos(i*Math.PI/180),s=1*r*Math.sin(i*Math.PI/180),c=.299*1+.701*o+.167*s,l=.587*1-.587*o+.33*s,u=.114*1-.114*o-.497*s,d=.299*1-.299*o-.328*s,f=.587*1+.413*o+.035*s,p=.114*1-.114*o+.293*s,m=.299*1-.3*o+1.25*s,h=.587*1-.586*o-1.05*s,g=.114*1+.886*o-.2*s,_,v,y,b;for(let e=0;e<n;e+=4)_=t[e+0],v=t[e+1],y=t[e+2],b=t[e+3],t[e+0]=c*_+l*v+u*y+a,t[e+1]=d*_+f*v+p*y+a,t[e+2]=m*_+h*v+g*y+a,t[e+3]=b},Xo=function(e){let t=e.data,n=t.length,r=2**this.value(),i=2**this.saturation(),a=Math.abs(this.hue()+360)%360,o=r*i*Math.cos(a*Math.PI/180),s=r*i*Math.sin(a*Math.PI/180),c=.299*r+.701*o+.167*s,l=.587*r-.587*o+.33*s,u=.114*r-.114*o-.497*s,d=.299*r-.299*o-.328*s,f=.587*r+.413*o+.035*s,p=.114*r-.114*o+.293*s,m=.299*r-.3*o+1.25*s,h=.587*r-.586*o-1.05*s,g=.114*r+.886*o-.2*s;for(let e=0;e<n;e+=4){let n=t[e+0],r=t[e+1],i=t[e+2],a=t[e+3];t[e+0]=c*n+l*r+u*i,t[e+1]=d*n+f*r+p*i,t[e+2]=m*n+h*r+g*i,t[e+3]=a}};z.addGetterSetter(B,`hue`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`saturation`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`value`,0,R(),z.afterSetFilter);var Zo=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4)t[e]=255-t[e],t[e+1]=255-t[e+1],t[e+2]=255-t[e+2]},Qo=function(e,t,n){let r=e.data,i=t.data,a=e.width,o=e.height,s=n.polarCenterX||a/2,c=n.polarCenterY||o/2,l=Math.sqrt(s*s+c*c),u=a-s,d=o-c,f=Math.sqrt(u*u+d*d);l=f>l?f:l;let p=o,m=a,h=360/m*Math.PI/180;for(let e=0;e<m;e+=1){let t=Math.sin(e*h),n=Math.cos(e*h);for(let o=0;o<p;o+=1){u=Math.floor(s+l*o/p*n),d=Math.floor(c+l*o/p*t);let f=(d*a+u)*4,m=r[f+0],h=r[f+1],g=r[f+2],_=r[f+3];f=(e+o*a)*4,i[f+0]=m,i[f+1]=h,i[f+2]=g,i[f+3]=_}}},$o=function(e,t,n){let r=e.data,i=t.data,a=e.width,o=e.height,s=n.polarCenterX||a/2,c=n.polarCenterY||o/2,l=Math.sqrt(s*s+c*c),u=a-s,d=o-c,f=Math.sqrt(u*u+d*d);l=f>l?f:l;let p=o,m=a,h=n.polarRotation||0,g,_;for(u=0;u<a;u+=1)for(d=0;d<o;d+=1){let e=u-s,t=d-c,n=Math.sqrt(e*e+t*t)*p/l,o=(Math.atan2(t,e)*180/Math.PI+360+h)%360;o=o*m/360,g=Math.floor(o),_=Math.floor(n);let f=(_*a+g)*4,v=r[f+0],y=r[f+1],b=r[f+2],x=r[f+3];f=(d*a+u)*4,i[f+0]=v,i[f+1]=y,i[f+2]=b,i[f+3]=x}},es=function(e){let t=e.width,n=e.height,r,i,a,o,s,c,l,u,d,f,p=Math.round(this.kaleidoscopePower()),m=Math.round(this.kaleidoscopeAngle()),h=Math.floor(m%360*t/360);if(p<1)return;let g=I.createCanvasElement();g.width=t,g.height=n;let _=g.getContext(`2d`).getImageData(0,0,t,n);I.releaseCanvas(g),Qo(e,_,{polarCenterX:t/2,polarCenterY:n/2});let v=t/2**p;for(;v<=8;)v*=2,--p;v=Math.ceil(v);let y=v,b=0,x=y,S=1;for(h+v>t&&(b=y,x=0,S=-1),i=0;i<n;i+=1)for(r=b;r!==x;r+=S)a=Math.round(r+h)%t,d=(t*i+a)*4,s=_.data[d+0],c=_.data[d+1],l=_.data[d+2],u=_.data[d+3],f=(t*i+r)*4,_.data[f+0]=s,_.data[f+1]=c,_.data[f+2]=l,_.data[f+3]=u;for(i=0;i<n;i+=1)for(y=Math.floor(v),o=0;o<p;o+=1){for(r=0;r<y+1;r+=1)d=(t*i+r)*4,s=_.data[d+0],c=_.data[d+1],l=_.data[d+2],u=_.data[d+3],f=(t*i+y*2-r-1)*4,_.data[f+0]=s,_.data[f+1]=c,_.data[f+2]=l,_.data[f+3]=u;y*=2}$o(_,e,{polarRotation:0})};z.addGetterSetter(B,`kaleidoscopePower`,2,R(),z.afterSetFilter),z.addGetterSetter(B,`kaleidoscopeAngle`,0,R(),z.afterSetFilter);function ts(e,t,n){let r=(n*e.width+t)*4,i=[];return i.push(e.data[r++],e.data[r++],e.data[r++],e.data[r++]),i}function ns(e,t){return Math.sqrt((e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2)}function rs(e){let t=[0,0,0];for(let n=0;n<e.length;n++)t[0]+=e[n][0],t[1]+=e[n][1],t[2]+=e[n][2];return t[0]/=e.length,t[1]/=e.length,t[2]/=e.length,t}function is(e,t){let n=ts(e,0,0),r=ts(e,e.width-1,0),i=ts(e,0,e.height-1),a=ts(e,e.width-1,e.height-1),o=t||10;if(ns(n,r)<o&&ns(r,a)<o&&ns(a,i)<o&&ns(i,n)<o){let t=rs([r,n,a,i]),s=[];for(let n=0;n<e.width*e.height;n++)s[n]=ns(t,[e.data[n*4],e.data[n*4+1],e.data[n*4+2]])<o?0:255;return s}}function as(e,t){for(let n=0;n<e.width*e.height;n++)e.data[4*n+3]=t[n]}function os(e,t,n){let r=[1,1,1,1,0,1,1,1,1],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u===2040?255:0}return o}function ss(e,t,n){let r=[1,1,1,1,1,1,1,1,1],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u>=1020?255:0}return o}function cs(e,t,n){let r=[1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u}return o}var ls=function(e){let t=is(e,this.threshold());return t&&(t=os(t,e.width,e.height),t=ss(t,e.width,e.height),t=cs(t,e.width,e.height),as(e,t)),e};z.addGetterSetter(B,`threshold`,0,R(),z.afterSetFilter);var us=function(e){let t=this.noise()*255,n=e.data,r=n.length,i=t/2;for(let e=0;e<r;e+=4)n[e+0]+=i-2*i*Math.random(),n[e+1]+=i-2*i*Math.random(),n[e+2]+=i-2*i*Math.random()};z.addGetterSetter(B,`noise`,.2,R(),z.afterSetFilter);var ds=function(e){let t=Math.ceil(this.pixelSize()),n=e.width,r=e.height,i=Math.ceil(n/t),a=Math.ceil(r/t),o=e.data;if(t<=0){I.error(`pixelSize value can not be <= 0`);return}for(let e=0;e<i;e+=1)for(let i=0;i<a;i+=1){let a=0,s=0,c=0,l=0,u=e*t,d=u+t,f=i*t,p=f+t,m=0;for(let e=u;e<d;e+=1)if(!(e>=n))for(let t=f;t<p;t+=1){if(t>=r)continue;let i=(n*t+e)*4;a+=o[i+0],s+=o[i+1],c+=o[i+2],l+=o[i+3],m+=1}a/=m,s/=m,c/=m,l/=m;for(let e=u;e<d;e+=1)if(!(e>=n))for(let t=f;t<p;t+=1){if(t>=r)continue;let i=(n*t+e)*4;o[i+0]=a,o[i+1]=s,o[i+2]=c,o[i+3]=l}}};z.addGetterSetter(B,`pixelSize`,8,R(),z.afterSetFilter);var fs=function(e){let t=Math.round(this.levels()*254)+1,n=e.data,r=n.length,i=255/t;for(let e=0;e<r;e+=1)n[e]=Math.floor(n[e]/i)*i};z.addGetterSetter(B,`levels`,.5,R(),z.afterSetFilter);var ps=function(e){let t=e.data,n=t.length,r=this.red(),i=this.green(),a=this.blue();for(let e=0;e<n;e+=4){let n=(.34*t[e]+.5*t[e+1]+.16*t[e+2])/255;t[e]=n*r,t[e+1]=n*i,t[e+2]=n*a,t[e+3]=t[e+3]}};z.addGetterSetter(B,`red`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`green`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`blue`,0,er,z.afterSetFilter);var ms=function(e){let t=e.data,n=t.length,r=this.red(),i=this.green(),a=this.blue(),o=this.alpha();for(let e=0;e<n;e+=4){let n=1-o;t[e]=r*o+t[e]*n,t[e+1]=i*o+t[e+1]*n,t[e+2]=a*o+t[e+2]*n}};z.addGetterSetter(B,`red`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`green`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`blue`,0,er,z.afterSetFilter),z.addGetterSetter(B,`alpha`,1,function(e){return this._filterUpToDate=!1,e>1?1:e<0?0:e});var hs=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4){let n=t[e+0],r=t[e+1],i=t[e+2];t[e+0]=Math.min(255,n*.393+r*.769+i*.189),t[e+1]=Math.min(255,n*.349+r*.686+i*.168),t[e+2]=Math.min(255,n*.272+r*.534+i*.131)}},gs=function(e){let t=e.data;for(let e=0;e<t.length;e+=4){let n=t[e],r=t[e+1],i=t[e+2];.2126*n+.7152*r+.0722*i>=128&&(t[e]=255-n,t[e+1]=255-r,t[e+2]=255-i)}return e},_s=function(e){let t=this.threshold()*255,n=e.data,r=n.length;for(let e=0;e<r;e+=1)n[e]=n[e]<t?0:255};z.addGetterSetter(B,`threshold`,.5,R(),z.afterSetFilter);var vs=ra.Util._assign(ra,{Arc:ia,Arrow:_a,Circle:va,Ellipse:ya,Image:ba,Label:ka,Tag:Aa,Line:ca,Path:W,Rect:ja,RegularPolygon:Ma,Ring:Pa,Sprite:Fa,Star:Ia,Text:G,TextPath:K,Transformer:q,Wedge:Io,Filters:{Blur:Vo,Brightness:Uo,Brighten:Ho,Contrast:Wo,Emboss:Go,Enhance:qo,Grayscale:Jo,HSL:Yo,HSV:Xo,Invert:Zo,Kaleidoscope:es,Mask:ls,Noise:us,Pixelate:ds,Posterize:fs,RGB:ps,RGBA:ms,Sepia:hs,Solarize:gs,Threshold:_s}});function ys(e){if(!vs.autoDrawEnabled){let t=e.getLayer()||e.getStage();t&&t.batchDraw()}}var bs={key:!0,style:!0,elm:!0,isRootInsert:!0},xs=`.vue-konva-event`;function Ss(e,t,n,r){let i=e.__konvaNode,a={},o=!1;for(let e in n){if(bs.hasOwnProperty(e))continue;let r=e.slice(0,2)===`on`,a=n[e]!==t[e];if(r&&a){let t=e.slice(2).toLowerCase();t.slice(0,7)===`content`&&(t=`content`+t.slice(7,1).toUpperCase()+t.slice(8)),i?.off(t+xs,n[e])}!t.hasOwnProperty(e)&&i?.setAttr(e,void 0)}for(let e in t){if(bs.hasOwnProperty(e))continue;let s=e.slice(0,2)===`on`,c=n[e]!==t[e];if(s&&c){let n=e.slice(2).toLowerCase();n.slice(0,7)===`content`&&(n=`content`+n.slice(7,1).toUpperCase()+n.slice(8)),t[e]&&(i?.off(n+xs),i?.on(n+xs,t[e]))}!s&&(t[e]!==n[e]||r&&t[e]!==i?.getAttr(e))&&(o=!0,a[e]=t[e])}o&&i&&(i.setAttrs(a),ys(i))}var Cs=`.vue-konva-vmodel`,ws=`onUpdate:`;function Ts(e,t){e.off(Cs);let n=t.vnode.props||{};for(let t in n)if(t.startsWith(ws)){let r=t.slice(9),i=n[t];e.on(`${r}Change${Cs}`,()=>{i(e.getAttr(r))})}}var Es=`V`;function Ds(e){function t(e){return e?.__konvaNode?e:e?.parent?t(e.parent):(console.error(`vue-konva error: Can not find parent node`),null)}return t(e.parent)}function Os(e){return e.component?e.component.__konvaNode||Os(e.component.subTree):null}function ks(e){let{el:t,component:n}=e,r=Os(e);if(t?.tagName&&n&&!r){let e=t.tagName.toLowerCase();return console.error(`vue-konva error: You are trying to render "${e}" inside your component tree. Looks like it is not a Konva node. You can render only Konva components inside the Stage.`),null}return r}function As(e){let t=e=>!!e&&typeof e==`object`&&`component`in e,n=e=>Array.isArray(e),r=e=>t(e)?[e,...r(e.children)]:n(e)?e.flatMap(r):[];return r(e.children)}function js(e,t){let n=As(e),r=[];n.forEach(e=>{let t=ks(e);t&&r.push(t)});let i=!1;r.forEach((e,t)=>{e.getZIndex()!==t&&(e.setZIndex(t),i=!0)}),i&&ys(t)}var Ms=vs.default?.Stage||vs.Stage,Ns=Se({name:`Stage`,props:{config:{type:Object,default:function(){return{}}},__useStrictMode:{type:Boolean}},inheritAttrs:!1,setup(e,{attrs:t,slots:n,expose:i}){let a=Te();if(!a)return;let s=v({}),c=o(null),l=new Ms({width:e.config.width,height:e.config.height,container:document.createElement(`div`)});a.__konvaNode=l,p();function u(){return a?.__konvaNode}function d(){return a?.__konvaNode}function p(){if(!a)return;let n=s||{},r={...t,...e.config};Ss(a,r,n,e.__useStrictMode),Object.assign(s,r)}return r(()=>{c.value&&l.container(c.value),p(),Ts(l,a)}),f(()=>{p(),js(a.subTree,l),Ts(l,a)}),g(()=>{l.destroy()}),m(()=>e.config,p,{deep:!0}),i({getStage:d,getNode:u}),()=>we(`div`,{ref:c,id:t?.id,accesskey:t?.accesskey,class:t?.class,role:t?.role,style:t?.style,tabindex:t?.tabindex,title:t?.title},n.default?.())}}),Ps=`.vue-konva-event`,Fs={Group:!0,Layer:!0,FastLayer:!0,Label:!0};function J(e,t){return Se({name:e,props:{config:{type:Object,default:function(){return{}}},__useStrictMode:{type:Boolean}},setup(i,{attrs:a,slots:o,expose:s}){let c=Te();if(!c)return;let l=v({}),u=new t;c.__konvaNode=u,c.vnode.__konvaNode=u,h();function d(){return c?.__konvaNode}function p(){return c?.__konvaNode}function h(){if(!c)return;let e={};for(let t in c?.vnode.props)t.slice(0,2)===`on`&&(e[t]=c.vnode.props[t]);let t=l||{},n={...a,...i.config,...e};Ss(c,n,t,i.__useStrictMode),Object.assign(l,n)}r(()=>{let e=Ds(c)?.__konvaNode;e&&`add`in e&&e.add(u),ys(u),Ts(u,c)}),n(()=>{ys(u),u.destroy(),u.off(Ps),u.off(Cs)}),f(()=>{h(),js(c.subTree,u),Ts(u,c)}),m(()=>i.config,h,{deep:!0}),s({getStage:p,getNode:d});let g=Fs.hasOwnProperty(e);return()=>g?o.default?.():null}})}var Y=vs.default||vs,Is=J(`Arc`,Y.Arc),Ls=J(`Arrow`,Y.Arrow),Rs=J(`Circle`,Y.Circle),zs=J(`Ellipse`,Y.Ellipse),Bs=J(`FastLayer`,Y.FastLayer),Vs=J(`Group`,Y.Group),Hs=J(`Image`,Y.Image),Us=J(`Label`,Y.Label),Ws=J(`Layer`,Y.Layer),Gs=J(`Line`,Y.Line),Ks=J(`Path`,Y.Path),qs=J(`Rect`,Y.Rect),Js=J(`RegularPolygon`,Y.RegularPolygon),Ys=J(`Ring`,Y.Ring),Xs=J(`Shape`,Y.Shape),Zs=J(`Sprite`,Y.Sprite),Qs=J(`Star`,Y.Star),$s=J(`Tag`,Y.Tag),ec=J(`Text`,Y.Text),tc=J(`TextPath`,Y.TextPath),nc=J(`Transformer`,Y.Transformer),rc=J(`Wedge`,Y.Wedge),ic=Object.freeze(Object.defineProperty({__proto__:null,Arc:Is,Arrow:Ls,Circle:Rs,Ellipse:zs,FastLayer:Bs,Group:Vs,Image:Hs,Label:Us,Layer:Ws,Line:Gs,Path:Ks,Rect:qs,RegularPolygon:Js,Ring:Ys,Shape:Xs,Sprite:Zs,Star:Qs,Tag:$s,Text:ec,TextPath:tc,Transformer:nc,Wedge:rc},Symbol.toStringTag,{value:`Module`})),ac={install:(e,t)=>{let n=t?.prefix||Es,r=t?.customNodes?Object.entries(t.customNodes).map(([e,t])=>J(e,t)):[];[Ns,...Object.values(ic),...r].forEach(t=>{e.component(`${n}${t.name}`,t)})}},oc=typeof document<`u`;function sc(e){return typeof e==`object`||`displayName`in e||`props`in e||`__vccOpts`in e}function cc(e){return e.__esModule||e[Symbol.toStringTag]===`Module`||e.default&&sc(e.default)}var X=Object.assign;function lc(e,t){let n={};for(let r in t){let i=t[r];n[r]=dc(i)?i.map(e):e(i)}return n}var uc=()=>{},dc=Array.isArray;function fc(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}var pc=/#/g,mc=/&/g,hc=/\//g,gc=/=/g,_c=/\?/g,vc=/\+/g,yc=/%5B/g,bc=/%5D/g,xc=/%5E/g,Sc=/%60/g,Cc=/%7B/g,wc=/%7C/g,Tc=/%7D/g,Ec=/%20/g;function Dc(e){return e==null?``:encodeURI(``+e).replace(wc,`|`).replace(yc,`[`).replace(bc,`]`)}function Oc(e){return Dc(e).replace(Cc,`{`).replace(Tc,`}`).replace(xc,`^`)}function kc(e){return Dc(e).replace(vc,`%2B`).replace(Ec,`+`).replace(pc,`%23`).replace(mc,`%26`).replace(Sc,"`").replace(Cc,`{`).replace(Tc,`}`).replace(xc,`^`)}function Ac(e){return kc(e).replace(gc,`%3D`)}function jc(e){return Dc(e).replace(pc,`%23`).replace(_c,`%3F`)}function Mc(e){return jc(e).replace(hc,`%2F`)}function Nc(e){if(e==null)return null;try{return decodeURIComponent(``+e)}catch{}return``+e}var Pc=/\/$/,Fc=e=>e.replace(Pc,``);function Ic(e,t,n=`/`){let r,i={},a=``,o=``,s=t.indexOf(`#`),c=t.indexOf(`?`);return c=s>=0&&c>s?-1:c,c>=0&&(r=t.slice(0,c),a=t.slice(c,s>0?s:t.length),i=e(a.slice(1))),s>=0&&(r||=t.slice(0,s),o=t.slice(s,t.length)),r=Wc(r??t,n),{fullPath:r+a+o,path:r,query:i,hash:Nc(o)}}function Lc(e,t){let n=t.query?e(t.query):``;return t.path+(n&&`?`)+n+(t.hash||``)}function Rc(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||`/`}function zc(e,t,n){let r=t.matched.length-1,i=n.matched.length-1;return r>-1&&r===i&&Bc(t.matched[r],n.matched[i])&&Vc(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function Bc(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Vc(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n in e)if(!Hc(e[n],t[n]))return!1;return!0}function Hc(e,t){return dc(e)?Uc(e,t):dc(t)?Uc(t,e):e?.valueOf()===t?.valueOf()}function Uc(e,t){return dc(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):e.length===1&&e[0]===t}function Wc(e,t){if(e.startsWith(`/`))return e;if(!e)return t;let n=t.split(`/`),r=e.split(`/`),i=r[r.length-1];(i===`..`||i===`.`)&&r.push(``);let a=n.length-1,o,s;for(o=0;o<r.length;o++)if(s=r[o],s!==`.`)if(s===`..`)a>1&&a--;else break;return n.slice(0,a).join(`/`)+`/`+r.slice(o).join(`/`)}var Gc={path:`/`,name:void 0,params:{},query:{},hash:``,fullPath:`/`,matched:[],meta:{},redirectedFrom:void 0},Kc=function(e){return e.pop=`pop`,e.push=`push`,e}({}),qc=function(e){return e.back=`back`,e.forward=`forward`,e.unknown=``,e}({});function Jc(e){if(!e)if(oc){let t=document.querySelector(`base`);e=t&&t.getAttribute(`href`)||`/`,e=e.replace(/^\w+:\/\/[^\/]+/,``)}else e=`/`;return e[0]!==`/`&&e[0]!==`#`&&(e=`/`+e),Fc(e)}var Yc=/^[^#]+#/;function Xc(e,t){return e.replace(Yc,`#`)+t}function Zc(e,t){let n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}var Qc=()=>({left:window.scrollX,top:window.scrollY});function $c(e){let t;if(`el`in e){let n=e.el,r=typeof n==`string`&&n.startsWith(`#`),i=typeof n==`string`?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!i)return;t=Zc(i,e)}else t=e;`scrollBehavior`in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left==null?window.scrollX:t.left,t.top==null?window.scrollY:t.top)}function el(e,t){return(history.state?history.state.position-t:-1)+e}var tl=new Map;function nl(e,t){tl.set(e,t)}function rl(e){let t=tl.get(e);return tl.delete(e),t}function il(e){return typeof e==`string`||e&&typeof e==`object`}function al(e){return typeof e==`string`||typeof e==`symbol`}var Z=function(e){return e[e.MATCHER_NOT_FOUND=1]=`MATCHER_NOT_FOUND`,e[e.NAVIGATION_GUARD_REDIRECT=2]=`NAVIGATION_GUARD_REDIRECT`,e[e.NAVIGATION_ABORTED=4]=`NAVIGATION_ABORTED`,e[e.NAVIGATION_CANCELLED=8]=`NAVIGATION_CANCELLED`,e[e.NAVIGATION_DUPLICATED=16]=`NAVIGATION_DUPLICATED`,e}({}),ol=Symbol(``);Z.MATCHER_NOT_FOUND,Z.NAVIGATION_GUARD_REDIRECT,Z.NAVIGATION_ABORTED,Z.NAVIGATION_CANCELLED,Z.NAVIGATION_DUPLICATED;function sl(e,t){return X(Error(),{type:e,[ol]:!0},t)}function cl(e,t){return e instanceof Error&&ol in e&&(t==null||!!(e.type&t))}function ll(e){let t={};if(e===``||e===`?`)return t;let n=(e[0]===`?`?e.slice(1):e).split(`&`);for(let e=0;e<n.length;++e){let r=n[e].replace(vc,` `),i=r.indexOf(`=`),a=Nc(i<0?r:r.slice(0,i)),o=i<0?null:Nc(r.slice(i+1));if(a in t){let e=t[a];dc(e)||(e=t[a]=[e]),e.push(o)}else t[a]=o}return t}function ul(e){let t=``;for(let n in e){let r=e[n];if(n=Ac(n),r==null){r!==void 0&&(t+=(t.length?`&`:``)+n);continue}(dc(r)?r.map(e=>e&&kc(e)):[r&&kc(r)]).forEach(e=>{e!==void 0&&(t+=(t.length?`&`:``)+n,e!=null&&(t+=`=`+e))})}return t}function dl(e){let t={};for(let n in e){let r=e[n];r!==void 0&&(t[n]=dc(r)?r.map(e=>e==null?null:``+e):r==null?r:``+r)}return t}var fl=Symbol(``),pl=Symbol(``),ml=Symbol(``),hl=Symbol(``),gl=Symbol(``);function _l(){let e=[];function t(t){return e.push(t),()=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function vl(e,t,n,r,i,a=e=>e()){let o=r&&(r.enterCallbacks[i]=r.enterCallbacks[i]||[]);return()=>new Promise((s,c)=>{let l=e=>{e===!1?c(sl(Z.NAVIGATION_ABORTED,{from:n,to:t})):e instanceof Error?c(e):il(e)?c(sl(Z.NAVIGATION_GUARD_REDIRECT,{from:t,to:e})):(o&&r.enterCallbacks[i]===o&&typeof e==`function`&&o.push(e),s())},u=a(()=>e.call(r&&r.instances[i],t,n,l)),d=Promise.resolve(u);e.length<3&&(d=d.then(l)),d.catch(e=>c(e))})}function yl(e,t,n,r,i=e=>e()){let a=[];for(let o of e)for(let e in o.components){let s=o.components[e];if(!(t!==`beforeRouteEnter`&&!o.instances[e]))if(sc(s)){let c=(s.__vccOpts||s)[t];c&&a.push(vl(c,n,r,o,e,i))}else{let c=s();a.push(()=>c.then(a=>{if(!a)throw Error(`Couldn't resolve component "${e}" at "${o.path}"`);let s=cc(a)?a.default:a;o.mods[e]=a,o.components[e]=s;let c=(s.__vccOpts||s)[t];return c&&vl(c,n,r,o,e,i)()}))}}return a}function bl(e,t){let n=[],r=[],i=[],a=Math.max(t.matched.length,e.matched.length);for(let o=0;o<a;o++){let a=t.matched[o];a&&(e.matched.find(e=>Bc(e,a))?r.push(a):n.push(a));let s=e.matched[o];s&&(t.matched.find(e=>Bc(e,s))||i.push(s))}return[n,r,i]}var xl=()=>location.protocol+`//`+location.host;function Sl(e,t){let{pathname:n,search:r,hash:i}=t,a=e.indexOf(`#`);if(a>-1){let t=i.includes(e.slice(a))?e.slice(a).length:1,n=i.slice(t);return n[0]!==`/`&&(n=`/`+n),Rc(n,``)}return Rc(n,e)+r+i}function Cl(e,t,n,r){let i=[],a=[],o=null,s=({state:a})=>{let s=Sl(e,location),c=n.value,l=t.value,u=0;if(a){if(n.value=s,t.value=a,o&&o===c){o=null;return}u=l?a.position-l.position:0}else r(s);i.forEach(e=>{e(n.value,c,{delta:u,type:Kc.pop,direction:u?u>0?qc.forward:qc.back:qc.unknown})})};function c(){o=n.value}function l(e){i.push(e);let t=()=>{let t=i.indexOf(e);t>-1&&i.splice(t,1)};return a.push(t),t}function u(){if(document.visibilityState===`hidden`){let{history:e}=window;if(!e.state)return;e.replaceState(X({},e.state,{scroll:Qc()}),``)}}function d(){for(let e of a)e();a=[],window.removeEventListener(`popstate`,s),window.removeEventListener(`pagehide`,u),document.removeEventListener(`visibilitychange`,u)}return window.addEventListener(`popstate`,s),window.addEventListener(`pagehide`,u),document.addEventListener(`visibilitychange`,u),{pauseListeners:c,listen:l,destroy:d}}function wl(e,t,n,r=!1,i=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:i?Qc():null}}function Tl(e){let{history:t,location:n}=window,r={value:Sl(e,n)},i={value:t.state};i.value||a(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function a(r,a,o){let s=e.indexOf(`#`),c=s>-1?(n.host&&document.querySelector(`base`)?e:e.slice(s))+r:xl()+e+r;try{t[o?`replaceState`:`pushState`](a,``,c),i.value=a}catch(e){console.error(e),n[o?`replace`:`assign`](c)}}function o(e,n){a(e,X({},t.state,wl(i.value.back,e,i.value.forward,!0),n,{position:i.value.position}),!0),r.value=e}function s(e,n){let o=X({},i.value,t.state,{forward:e,scroll:Qc()});a(o.current,o,!0),a(e,X({},wl(r.value,e,null),{position:o.position+1},n),!1),r.value=e}return{location:r,state:i,push:s,replace:o}}function El(e){e=Jc(e);let t=Tl(e),n=Cl(e,t.state,t.location,t.replace);function r(e,t=!0){t||n.pauseListeners(),history.go(e)}let i=X({location:``,base:e,go:r,createHref:Xc.bind(null,e)},t,n);return Object.defineProperty(i,`location`,{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(i,`state`,{enumerable:!0,get:()=>t.state.value}),i}var Dl=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.Group=2]=`Group`,e}({}),Q=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.ParamRegExp=2]=`ParamRegExp`,e[e.ParamRegExpEnd=3]=`ParamRegExpEnd`,e[e.EscapeNext=4]=`EscapeNext`,e}(Q||{}),Ol={type:Dl.Static,value:``},kl=/[a-zA-Z0-9_]/;function Al(e){if(!e)return[[]];if(e===`/`)return[[Ol]];if(!e.startsWith(`/`))throw Error(`Invalid path "${e}"`);function t(e){throw Error(`ERR (${n})/"${l}": ${e}`)}let n=Q.Static,r=n,i=[],a;function o(){a&&i.push(a),a=[]}let s=0,c,l=``,u=``;function d(){l&&=(n===Q.Static?a.push({type:Dl.Static,value:l}):n===Q.Param||n===Q.ParamRegExp||n===Q.ParamRegExpEnd?(a.length>1&&(c===`*`||c===`+`)&&t(`A repeatable param (${l}) must be alone in its segment. eg: '/:ids+.`),a.push({type:Dl.Param,value:l,regexp:u,repeatable:c===`*`||c===`+`,optional:c===`*`||c===`?`})):t(`Invalid state to consume buffer`),``)}function f(){l+=c}for(;s<e.length;){if(c=e[s++],c===`\\`&&n!==Q.ParamRegExp){r=n,n=Q.EscapeNext;continue}switch(n){case Q.Static:c===`/`?(l&&d(),o()):c===`:`?(d(),n=Q.Param):f();break;case Q.EscapeNext:f(),n=r;break;case Q.Param:c===`(`?n=Q.ParamRegExp:kl.test(c)?f():(d(),n=Q.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--);break;case Q.ParamRegExp:c===`)`?u[u.length-1]==`\\`?u=u.slice(0,-1)+c:n=Q.ParamRegExpEnd:u+=c;break;case Q.ParamRegExpEnd:d(),n=Q.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--,u=``;break;default:t(`Unknown state`);break}}return n===Q.ParamRegExp&&t(`Unfinished custom RegExp for param "${l}"`),d(),o(),i}var jl=`[^/]+?`,Ml={sensitive:!1,strict:!1,start:!0,end:!0},$=function(e){return e[e._multiplier=10]=`_multiplier`,e[e.Root=90]=`Root`,e[e.Segment=40]=`Segment`,e[e.SubSegment=30]=`SubSegment`,e[e.Static=40]=`Static`,e[e.Dynamic=20]=`Dynamic`,e[e.BonusCustomRegExp=10]=`BonusCustomRegExp`,e[e.BonusWildcard=-50]=`BonusWildcard`,e[e.BonusRepeatable=-20]=`BonusRepeatable`,e[e.BonusOptional=-8]=`BonusOptional`,e[e.BonusStrict=.7000000000000001]=`BonusStrict`,e[e.BonusCaseSensitive=.25]=`BonusCaseSensitive`,e}($||{}),Nl=/[.+*?^${}()[\]/\\]/g;function Pl(e,t){let n=X({},Ml,t),r=[],i=n.start?`^`:``,a=[];for(let t of e){let e=t.length?[]:[$.Root];n.strict&&!t.length&&(i+=`/`);for(let r=0;r<t.length;r++){let o=t[r],s=$.Segment+(n.sensitive?$.BonusCaseSensitive:0);if(o.type===Dl.Static)r||(i+=`/`),i+=o.value.replace(Nl,`\\$&`),s+=$.Static;else if(o.type===Dl.Param){let{value:e,repeatable:n,optional:c,regexp:l}=o;a.push({name:e,repeatable:n,optional:c});let u=l||jl;if(u!==jl){s+=$.BonusCustomRegExp;try{`${u}`}catch(t){throw Error(`Invalid custom RegExp for param "${e}" (${u}): `+t.message)}}let d=n?`((?:${u})(?:/(?:${u}))*)`:`(${u})`;r||(d=c&&t.length<2?`(?:/${d})`:`/`+d),c&&(d+=`?`),i+=d,s+=$.Dynamic,c&&(s+=$.BonusOptional),n&&(s+=$.BonusRepeatable),u===`.*`&&(s+=$.BonusWildcard)}e.push(s)}r.push(e)}if(n.strict&&n.end){let e=r.length-1;r[e][r[e].length-1]+=$.BonusStrict}n.strict||(i+=`/?`),n.end?i+=`$`:n.strict&&!i.endsWith(`/`)&&(i+=`(?:/|$)`);let o=new RegExp(i,n.sensitive?``:`i`);function s(e){let t=e.match(o),n={};if(!t)return null;for(let e=1;e<t.length;e++){let r=t[e]||``,i=a[e-1];n[i.name]=r&&i.repeatable?r.split(`/`):r}return n}function c(t){let n=``,r=!1;for(let i of e){(!r||!n.endsWith(`/`))&&(n+=`/`),r=!1;for(let e of i)if(e.type===Dl.Static)n+=e.value;else if(e.type===Dl.Param){let{value:a,repeatable:o,optional:s}=e,c=a in t?t[a]:``;if(dc(c)&&!o)throw Error(`Provided param "${a}" is an array but it is not repeatable (* or + modifiers)`);let l=dc(c)?c.join(`/`):c;if(!l)if(s)i.length<2&&(n.endsWith(`/`)?n=n.slice(0,-1):r=!0);else throw Error(`Missing required param "${a}"`);n+=l}}return n||`/`}return{re:o,score:r,keys:a,parse:s,stringify:c}}function Fl(e,t){let n=0;for(;n<e.length&&n<t.length;){let r=t[n]-e[n];if(r)return r;n++}return e.length<t.length?e.length===1&&e[0]===$.Static+$.Segment?-1:1:e.length>t.length?t.length===1&&t[0]===$.Static+$.Segment?1:-1:0}function Il(e,t){let n=0,r=e.score,i=t.score;for(;n<r.length&&n<i.length;){let e=Fl(r[n],i[n]);if(e)return e;n++}if(Math.abs(i.length-r.length)===1){if(Ll(r))return 1;if(Ll(i))return-1}return i.length-r.length}function Ll(e){let t=e[e.length-1];return e.length>0&&t[t.length-1]<0}var Rl={strict:!1,end:!0,sensitive:!1};function zl(e,t,n){let r=X(Pl(Al(e.path),n),{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function Bl(e,t){let n=[],r=new Map;t=fc(Rl,t);function i(e){return r.get(e)}function a(e,n,r){let i=!r,s=Hl(e);s.aliasOf=r&&r.record;let l=fc(t,e),u=[s];if(`alias`in e){let t=typeof e.alias==`string`?[e.alias]:e.alias;for(let e of t)u.push(Hl(X({},s,{components:r?r.record.components:s.components,path:e,aliasOf:r?r.record:s})))}let d,f;for(let t of u){let{path:u}=t;if(n&&u[0]!==`/`){let e=n.record.path,r=e[e.length-1]===`/`?``:`/`;t.path=n.record.path+(u&&r+u)}if(d=zl(t,n,l),r?r.alias.push(d):(f||=d,f!==d&&f.alias.push(d),i&&e.name&&!Wl(d)&&o(e.name)),Jl(d)&&c(d),s.children){let e=s.children;for(let t=0;t<e.length;t++)a(e[t],d,r&&r.children[t])}r||=d}return f?()=>{o(f)}:uc}function o(e){if(al(e)){let t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(o),t.alias.forEach(o))}else{let t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(o),e.alias.forEach(o))}}function s(){return n}function c(e){let t=Kl(e,n);n.splice(t,0,e),e.record.name&&!Wl(e)&&r.set(e.record.name,e)}function l(e,t){let i,a={},o,s;if(`name`in e&&e.name){if(i=r.get(e.name),!i)throw sl(Z.MATCHER_NOT_FOUND,{location:e});s=i.record.name,a=X(Vl(t.params,i.keys.filter(e=>!e.optional).concat(i.parent?i.parent.keys.filter(e=>e.optional):[]).map(e=>e.name)),e.params&&Vl(e.params,i.keys.map(e=>e.name))),o=i.stringify(a)}else if(e.path!=null)o=e.path,i=n.find(e=>e.re.test(o)),i&&(a=i.parse(o),s=i.record.name);else{if(i=t.name?r.get(t.name):n.find(e=>e.re.test(t.path)),!i)throw sl(Z.MATCHER_NOT_FOUND,{location:e,currentLocation:t});s=i.record.name,a=X({},t.params,e.params),o=i.stringify(a)}let c=[],l=i;for(;l;)c.unshift(l.record),l=l.parent;return{name:s,path:o,params:a,matched:c,meta:Gl(c)}}e.forEach(e=>a(e));function u(){n.length=0,r.clear()}return{addRoute:a,resolve:l,removeRoute:o,clearRoutes:u,getRoutes:s,getRecordMatcher:i}}function Vl(e,t){let n={};for(let r of t)r in e&&(n[r]=e[r]);return n}function Hl(e){let t={path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:e.aliasOf,beforeEnter:e.beforeEnter,props:Ul(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:`components`in e?e.components||null:e.component&&{default:e.component}};return Object.defineProperty(t,`mods`,{value:{}}),t}function Ul(e){let t={},n=e.props||!1;if(`component`in e)t.default=n;else for(let r in e.components)t[r]=typeof n==`object`?n[r]:n;return t}function Wl(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function Gl(e){return e.reduce((e,t)=>X(e,t.meta),{})}function Kl(e,t){let n=0,r=t.length;for(;n!==r;){let i=n+r>>1;Il(e,t[i])<0?r=i:n=i+1}let i=ql(e);return i&&(r=t.lastIndexOf(i,r-1)),r}function ql(e){let t=e;for(;t=t.parent;)if(Jl(t)&&Il(e,t)===0)return t}function Jl({record:e}){return!!(e.name||e.components&&Object.keys(e.components).length||e.redirect)}function Yl(e){let t=h(ml),n=h(hl),r=M(()=>{let n=l(e.to);return t.resolve(n)}),i=M(()=>{let{matched:e}=r.value,{length:t}=e,i=e[t-1],a=n.matched;if(!i||!a.length)return-1;let o=a.findIndex(Bc.bind(null,i));if(o>-1)return o;let s=eu(e[t-2]);return t>1&&eu(i)===s&&a[a.length-1].path!==s?a.findIndex(Bc.bind(null,e[t-2])):o}),a=M(()=>i.value>-1&&$l(n.params,r.value.params)),o=M(()=>i.value>-1&&i.value===n.matched.length-1&&Vc(n.params,r.value.params));function s(n={}){if(Ql(n)){let n=t[l(e.replace)?`replace`:`push`](l(e.to)).catch(uc);return e.viewTransition&&typeof document<`u`&&`startViewTransition`in document&&document.startViewTransition(()=>n),n}return Promise.resolve()}return{route:r,href:M(()=>r.value.href),isActive:a,isExactActive:o,navigate:s}}function Xl(e){return e.length===1?e[0]:e}var Zl=Se({name:`RouterLink`,compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:`page`},viewTransition:Boolean},useLink:Yl,setup(e,{slots:t}){let n=v(Yl(e)),{options:r}=h(ml),i=M(()=>({[tu(e.activeClass,r.linkActiveClass,`router-link-active`)]:n.isActive,[tu(e.exactActiveClass,r.linkExactActiveClass,`router-link-exact-active`)]:n.isExactActive}));return()=>{let r=t.default&&Xl(t.default(n));return e.custom?r:we(`a`,{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:i.value},r)}}});function Ql(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){let t=e.currentTarget.getAttribute(`target`);if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function $l(e,t){for(let n in t){let r=t[n],i=e[n];if(typeof r==`string`){if(r!==i)return!1}else if(!dc(i)||i.length!==r.length||r.some((e,t)=>e.valueOf()!==i[t].valueOf()))return!1}return!0}function eu(e){return e?e.aliasOf?e.aliasOf.path:e.path:``}var tu=(e,t,n)=>e??t??n,nu=Se({name:`RouterView`,inheritAttrs:!1,props:{name:{type:String,default:`default`},route:Object},compatConfig:{MODE:3},setup(e,{attrs:n,slots:r}){let i=h(gl),a=M(()=>e.route||i.value),s=h(pl,0),c=M(()=>{let e=l(s),{matched:t}=a.value,n;for(;(n=t[e])&&!n.components;)e++;return e}),u=M(()=>a.value.matched[c.value]);t(pl,M(()=>c.value+1)),t(fl,u),t(gl,a);let d=o();return m(()=>[d.value,u.value,e.name],([e,t,n],[r,i,a])=>{t&&(t.instances[n]=e,i&&i!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=i.leaveGuards),t.updateGuards.size||(t.updateGuards=i.updateGuards))),e&&t&&(!i||!Bc(t,i)||!r)&&(t.enterCallbacks[n]||[]).forEach(t=>t(e))},{flush:`post`}),()=>{let t=a.value,i=e.name,o=u.value,s=o&&o.components[i];if(!s)return ru(r.default,{Component:s,route:t});let c=o.props[i],l=we(s,X({},c?c===!0?t.params:typeof c==`function`?c(t):c:null,n,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(o.instances[i]=null)},ref:d}));return ru(r.default,{Component:l,route:t})||l}}});function ru(e,t){if(!e)return null;let n=e(t);return n.length===1?n[0]:n}var iu=nu;function au(e){let t=Bl(e.routes,e),n=e.parseQuery||ll,r=e.stringifyQuery||ul,i=e.history,a=_l(),o=_l(),s=_l(),c=y(Gc),u=Gc;oc&&e.scrollBehavior&&`scrollRestoration`in history&&(history.scrollRestoration=`manual`);let d=lc.bind(null,e=>``+e),f=lc.bind(null,Mc),p=lc.bind(null,Nc);function m(e,n){let r,i;return al(e)?(r=t.getRecordMatcher(e),i=n):i=e,t.addRoute(i,r)}function h(e){let n=t.getRecordMatcher(e);n&&t.removeRoute(n)}function g(){return t.getRoutes().map(e=>e.record)}function v(e){return!!t.getRecordMatcher(e)}function b(e,a){if(a=X({},a||c.value),typeof e==`string`){let r=Ic(n,e,a.path),o=t.resolve({path:r.path},a),s=i.createHref(r.fullPath);return X(r,o,{params:p(o.params),hash:Nc(r.hash),redirectedFrom:void 0,href:s})}let o;if(e.path!=null)o=X({},e,{path:Ic(n,e.path,a.path).path});else{let t=X({},e.params);for(let e in t)t[e]??delete t[e];o=X({},e,{params:f(t)}),a.params=f(a.params)}let s=t.resolve(o,a),l=e.hash||``;s.params=d(p(s.params));let u=Lc(r,X({},e,{hash:Oc(l),path:s.path})),m=i.createHref(u);return X({fullPath:u,hash:l,query:r===ul?dl(e.query):e.query||{}},s,{redirectedFrom:void 0,href:m})}function x(e){return typeof e==`string`?Ic(n,e,c.value.path):X({},e)}function S(e,t){if(u!==e)return sl(Z.NAVIGATION_CANCELLED,{from:t,to:e})}function C(e){return T(e)}function w(e){return C(X(x(e),{replace:!0}))}function ee(e,t){let n=e.matched[e.matched.length-1];if(n&&n.redirect){let{redirect:r}=n,i=typeof r==`function`?r(e,t):r;return typeof i==`string`&&(i=i.includes(`?`)||i.includes(`#`)?i=x(i):{path:i},i.params={}),X({query:e.query,hash:e.hash,params:i.path==null?e.params:{}},i)}}function T(e,t){let n=u=b(e),i=c.value,a=e.state,o=e.force,s=e.replace===!0,l=ee(n,i);if(l)return T(X(x(l),{state:typeof l==`object`?X({},a,l.state):a,force:o,replace:s}),t||n);let d=n;d.redirectedFrom=t;let f;return!o&&zc(r,i,n)&&(f=sl(Z.NAVIGATION_DUPLICATED,{to:d,from:i}),se(i,i,!0,!1)),(f?Promise.resolve(f):ne(d,i)).catch(e=>cl(e)?cl(e,Z.NAVIGATION_GUARD_REDIRECT)?e:oe(e):ae(e,d,i)).then(e=>{if(e){if(cl(e,Z.NAVIGATION_GUARD_REDIRECT))return T(X({replace:s},x(e.to),{state:typeof e.to==`object`?X({},a,e.to.state):a,force:o}),t||d)}else e=D(d,i,!0,s,a);return re(d,i,e),e})}function te(e,t){let n=S(e,t);return n?Promise.reject(n):Promise.resolve()}function E(e){let t=ue.values().next().value;return t&&typeof t.runWithContext==`function`?t.runWithContext(e):e()}function ne(e,t){let n,[r,i,s]=bl(e,t);n=yl(r.reverse(),`beforeRouteLeave`,e,t);for(let i of r)i.leaveGuards.forEach(r=>{n.push(vl(r,e,t))});let c=te.bind(null,e,t);return n.push(c),N(n).then(()=>{n=[];for(let r of a.list())n.push(vl(r,e,t));return n.push(c),N(n)}).then(()=>{n=yl(i,`beforeRouteUpdate`,e,t);for(let r of i)r.updateGuards.forEach(r=>{n.push(vl(r,e,t))});return n.push(c),N(n)}).then(()=>{n=[];for(let r of s)if(r.beforeEnter)if(dc(r.beforeEnter))for(let i of r.beforeEnter)n.push(vl(i,e,t));else n.push(vl(r.beforeEnter,e,t));return n.push(c),N(n)}).then(()=>(e.matched.forEach(e=>e.enterCallbacks={}),n=yl(s,`beforeRouteEnter`,e,t,E),n.push(c),N(n))).then(()=>{n=[];for(let r of o.list())n.push(vl(r,e,t));return n.push(c),N(n)}).catch(e=>cl(e,Z.NAVIGATION_CANCELLED)?e:Promise.reject(e))}function re(e,t,n){s.list().forEach(r=>E(()=>r(e,t,n)))}function D(e,t,n,r,a){let o=S(e,t);if(o)return o;let s=t===Gc,l=oc?history.state:{};n&&(r||s?i.replace(e.fullPath,X({scroll:s&&l&&l.scroll},a)):i.push(e.fullPath,a)),c.value=e,se(e,t,n,s),oe()}let O;function ie(){O||=i.listen((e,t,n)=>{if(!de.listening)return;let r=b(e),a=ee(r,de.currentRoute.value);if(a){T(X(a,{replace:!0,force:!0}),r).catch(uc);return}u=r;let o=c.value;oc&&nl(el(o.fullPath,n.delta),Qc()),ne(r,o).catch(e=>cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_CANCELLED)?e:cl(e,Z.NAVIGATION_GUARD_REDIRECT)?(T(X(x(e.to),{force:!0}),r).then(e=>{cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_DUPLICATED)&&!n.delta&&n.type===Kc.pop&&i.go(-1,!1)}).catch(uc),Promise.reject()):(n.delta&&i.go(-n.delta,!1),ae(e,r,o))).then(e=>{e||=D(r,o,!1),e&&(n.delta&&!cl(e,Z.NAVIGATION_CANCELLED)?i.go(-n.delta,!1):n.type===Kc.pop&&cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_DUPLICATED)&&i.go(-1,!1)),re(r,o,e)}).catch(uc)})}let k=_l(),A=_l(),j;function ae(e,t,n){oe(e);let r=A.list();return r.length?r.forEach(r=>r(e,t,n)):console.error(e),Promise.reject(e)}function M(){return j&&c.value!==Gc?Promise.resolve():new Promise((e,t)=>{k.add([e,t])})}function oe(e){return j||(j=!e,ie(),k.list().forEach(([t,n])=>e?n(e):t()),k.reset()),e}function se(t,n,r,i){let{scrollBehavior:a}=e;if(!oc||!a)return Promise.resolve();let o=!r&&rl(el(t.fullPath,0))||(i||!r)&&history.state&&history.state.scroll||null;return Ce().then(()=>a(t,n,o)).then(e=>e&&$c(e)).catch(e=>ae(e,t,n))}let ce=e=>i.go(e),le,ue=new Set,de={currentRoute:c,listening:!0,addRoute:m,removeRoute:h,clearRoutes:t.clearRoutes,hasRoute:v,getRoutes:g,resolve:b,options:e,push:C,replace:w,go:ce,back:()=>ce(-1),forward:()=>ce(1),beforeEach:a.add,beforeResolve:o.add,afterEach:s.add,onError:A.add,isReady:M,install(e){e.component(`RouterLink`,Zl),e.component(`RouterView`,iu),e.config.globalProperties.$router=de,Object.defineProperty(e.config.globalProperties,`$route`,{enumerable:!0,get:()=>l(c)}),oc&&!le&&c.value===Gc&&(le=!0,C(i.location).catch(e=>{}));let t={};for(let e in Gc)Object.defineProperty(t,e,{get:()=>c.value[e],enumerable:!0});e.provide(ml,de),e.provide(hl,_(t)),e.provide(gl,c);let n=e.unmount;ue.add(e),e.unmount=function(){ue.delete(e),ue.size<1&&(u=Gc,O&&O(),O=null,c.value=Gc,le=!1,j=!1),n()}}};function N(e){return e.reduce((e,t)=>e.then(()=>E(t)),Promise.resolve())}return de}function ou(){return h(ml)}function su(e){return h(hl)}var cu=he(`images`,()=>{let e=o([]),t=o(!1),n=o(null),r=o(0);async function i(){t.value=!0,n.value=null;try{let t=await fetch(`/api/images`);if(!t.ok)throw Error(`Failed to load images`);e.value=await t.json()}catch(e){n.value=e instanceof Error?e.message:`Unknown error`}finally{t.value=!1}}async function a(t,n){let r=new FormData;r.append(`file`,t),n?.original&&r.append(`original`,n.original),n?.cropParams&&r.append(`cropParams`,JSON.stringify(n.cropParams)),n?.stickerState&&r.append(`stickerState`,JSON.stringify(n.stickerState)),n?.cropOrientation&&r.append(`cropOrientation`,n.cropOrientation);let i=await fetch(`/api/images`,{method:`POST`,body:r});if(!i.ok){let e=await i.json().catch(()=>({}));throw Error(e.error??`Upload failed`)}let a=await i.json();return e.value.unshift(a),a}async function s(t,n,r){let i=new FormData;i.append(`file`,n),r?.cropParams&&i.append(`cropParams`,JSON.stringify(r.cropParams)),r?.stickerState&&i.append(`stickerState`,JSON.stringify(r.stickerState)),r?.cropOrientation&&i.append(`cropOrientation`,r.cropOrientation);let a=await fetch(`/api/images/${t}/reprocess`,{method:`POST`,body:i});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(e.error??`Reprocess failed`)}let o=await a.json(),s=e.value.findIndex(e=>e.id===t);return s!==-1&&(e.value[s]=o),o}async function c(t){if(!(await fetch(`/api/images/${t}`,{method:`DELETE`})).ok)throw Error(`Delete failed`);e.value=e.value.filter(e=>e.id!==t)}async function l(t,n,r){let i=r?`POST`:`DELETE`,a=await fetch(`/api/images/${t}/approve/${n}`,{method:i});if(!a.ok)throw Error(`Failed to update approval`);let o=await a.json(),s=e.value.findIndex(e=>e.id===t);s!==-1&&(e.value[s]=o)}async function u(e,t=1,n=20){let r=new URLSearchParams({page:String(t),limit:String(n)});e&&r.set(`status`,e);let i=await fetch(`/api/shared-images?${r}`);if(!i.ok)throw Error(`Failed to load shared images`);return i.json()}async function d(){let e=await fetch(`/api/shared-images/pending-count`);e.ok&&(r.value=(await e.json()).count)}async function f(e,t){let n=await fetch(`/api/shared-images/${e}/approve`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({deviceIds:t})});if(!n.ok)throw Error(`Failed to approve`);return r.value>0&&r.value--,n.json()}async function p(e){let t=await fetch(`/api/shared-images/${e}/decline`,{method:`POST`});if(!t.ok)throw Error(`Failed to decline`);return r.value>0&&r.value--,t.json()}async function m(e,t){let n=await fetch(`/api/images/${e}/share`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({recipientEmail:t})});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??`Failed to share`)}}return{images:e,loading:t,error:n,pendingCount:r,fetchImages:i,uploadImage:a,reprocessImage:s,deleteImage:c,setApproval:l,fetchSharedImages:u,fetchPendingCount:d,approveShared:f,declineShared:p,shareImage:m}}),lu={class:`bottom-nav`,"aria-label":`Main navigation`},uu={class:`bottom-nav__icon-wrap`,"aria-hidden":`true`},du=[`innerHTML`],fu={key:0,class:`bottom-nav__badge`},pu={class:`bottom-nav__label`},mu=ve(Se({__name:`BottomNav`,setup(e){let t=su(),n=cu(),r=[{name:`home`,label:`Home`,to:`/`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9,22 9,12 15,12 15,22"/></svg>`},{name:`library`,label:`Library`,to:`/library`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>`},{name:`shared`,label:`Shared`,to:`/library?tab=shared`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>`},{name:`settings`,label:`Settings`,to:`/settings`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>`}];function i(e){let n=e.split(`?`)[0];return n===`/`?t.path===`/`:t.path.startsWith(n)}return(e,t)=>{let a=d(`RouterLink`);return ae(),fe(`nav`,lu,[(ae(),fe(de,null,j(r,e=>C(a,{key:e.name,to:e.to,class:re([`bottom-nav__tab`,{"bottom-nav__tab--active":i(e.to)}]),"aria-label":e.label,"aria-current":i(e.to)?`page`:void 0},{default:Ee(()=>[be(`span`,uu,[be(`span`,{class:`bottom-nav__icon`,innerHTML:e.icon},null,8,du),e.name===`shared`&&l(n).pendingCount>0?(ae(),fe(`span`,fu,pe(l(n).pendingCount>9?`9+`:l(n).pendingCount),1)):O(``,!0)]),be(`span`,pu,pe(e.label),1)]),_:2},1032,[`to`,`class`,`aria-label`,`aria-current`])),64))])}}}),[[`__scopeId`,`data-v-d02ff871`]]),hu=0,gu=he(`toast`,()=>{let e=o([]);function t(t,r=`info`){let i=++hu;e.value.push({id:i,message:t,type:r}),setTimeout(()=>n(i),2500)}function n(t){let n=e.value.findIndex(e=>e.id===t);n!==-1&&e.value.splice(n,1)}return{toasts:e,show:t,dismiss:n}}),_u={class:`toast-region`,"aria-live":`polite`,"aria-atomic":`false`},vu=[`onClick`],yu=ve(Se({__name:`BaseToast`,setup(e){let t=gu();return(e,n)=>(ae(),fe(`div`,_u,[C(Ft,{name:`toast`,tag:`ul`,class:`toast-list`},{default:Ee(()=>[(ae(!0),fe(de,null,j(l(t).toasts,e=>(ae(),fe(`li`,{key:e.id,class:re([`toast`,`toast--${e.type}`]),role:`status`},[ie(pe(e.message)+` `,1),be(`button`,{class:`toast__close`,"aria-label":`Dismiss`,onClick:n=>l(t).dismiss(e.id)},` × `,8,vu)],2))),128))]),_:1})]))}}),[[`__scopeId`,`data-v-546af507`]]),bu=he(`auth`,()=>{let e=o(window.__PF_USER__??null),t=M(()=>e.value!==null);function n(t){e.value=t}return{user:e,isAuthenticated:t,setUser:n}}),xu=[{id:`warm-craft`,label:`Warm Craft`,primary:`#c97c3a`,bg:`#fdf6ee`,text:`#3a2e22`},{id:`playful-pop`,label:`Playful Pop`,primary:`#d63aab`,bg:`#fff0fb`,text:`#2d0a28`},{id:`sage-cream`,label:`Sage & Cream`,primary:`#4e7c3a`,bg:`#f6f8f3`,text:`#1e2b1a`},{id:`dusty-mauve`,label:`Dusty Mauve`,primary:`#8e4a84`,bg:`#f6f0f4`,text:`#2a1828`},{id:`ocean-dusk`,label:`Ocean Dusk`,primary:`#1a6ea8`,bg:`#eef3f8`,text:`#0e2030`},{id:`honey-slate`,label:`Honey & Slate`,primary:`#c49a20`,bg:`#f2f2ee`,text:`#1c1c18`}];function Su(){let e=bu(),t=gu();function n(t){document.documentElement.dataset.theme=t,e.user&&(e.user.theme=t)}async function r(e){n(e);try{if(!(await fetch(`/api/user/theme`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({theme:e})})).ok)throw Error(`Failed to save theme`)}catch{t.show(`Could not save theme — try again`,`error`)}}return{THEMES:xu,applyTheme:n,saveTheme:r}}var Cu=Se({__name:`App`,setup(e){let t=su(),n=bu(),{applyTheme:i}=Su();return r(()=>{let e=document.documentElement.dataset.theme;e&&n.user?n.user.theme=e:n.user?.theme&&i(n.user.theme)}),(e,n)=>{let r=d(`RouterView`);return ae(),fe(de,null,[C(r),l(t).meta.hideNav?O(``,!0):(ae(),ne(mu,{key:0})),C(yu)],64)}}}),wu=`modulepreload`,Tu=function(e){return`/build/`+e},Eu={},Du=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=Tu(t,n),t in Eu)return;Eu[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:wu,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},Ou=au({history:El(),routes:[{path:`/`,name:`home`,component:()=>Du(()=>import(`./HomeView-CGlR0dxG.js`),__vite__mapDeps([0,1,2,3,4])),meta:{requiresAuth:!0}},{path:`/library`,name:`library`,component:()=>Du(()=>import(`./LibraryView-B6wq42Vx.js`),__vite__mapDeps([5,1,2,3,6,7,8])),meta:{requiresAuth:!0}},{path:`/upload`,name:`upload`,component:()=>Du(()=>import(`./UploadView-CPf-sdFJ.js`),__vite__mapDeps([9,1,2,3,6,7,10])),meta:{requiresAuth:!0,hideNav:!0}},{path:`/settings`,name:`settings`,component:()=>Du(()=>import(`./SettingsView-DuiAU77B.js`),__vite__mapDeps([11,1,12])),meta:{requiresAuth:!0}},{path:`/shared`,redirect:`/library?tab=shared`},{path:`/:pathMatch(.*)*`,redirect:`/`}]});Ou.beforeEach(e=>{let t=bu();if(e.meta.requiresAuth&&!t.isAuthenticated)return window.location.href=`/login`,!1});var ku=an(Cu);ku.use(le()),ku.use(Ou),ku.use(ac),ku.mount(`#app`);export{cu as a,Be as c,en as d,Qt as f,gu as i,qt as l,Su as n,su as o,bu as r,ou as s,xu as t,Kt as u};
\ No newline at end of file
+`),t=+this.fontSize(),n=0,r=this.lineHeight()*t,i=this.attrs.width,a=this.attrs.height,o=i!==Ra&&i!==void 0,s=a!==Ra&&a!==void 0,c=this.padding(),l=i-c*2,u=a-c*2,d=0,f=this.wrap(),p=f!==ro&&f!==io,m=this.ellipsis();this.textArr=[],po().font=this._getContextFont();let h=m?this._getTextWidth(ao):0;for(let t=0,i=e.length;t<i;++t){let a=e[t],c=this._getTextWidth(a);if(o&&c>l)for(;a.length>0;){let e=0,t=La(a).length,i=``,o=0;for(;e<t;){let n=e+t>>>1,c=La(a).slice(0,n+1).join(``),f=this._getTextWidth(c);(m&&s&&d+r>u?f+h:f)<=l?(e=n+1,i=c,o=f):t=n}if(i){if(p){let t=La(a),n=La(i),r=t[n.length],s=r===$a||r===Wa,c;if(s&&o<=l)c=n.length;else{let e=n.lastIndexOf($a),t=n.lastIndexOf(Wa);c=Math.max(e,t)+1}c>0&&(e=c,i=t.slice(0,e).join(``),o=this._getTextWidth(i))}if(i=i.trimRight(),this._addTextLine(i),n=Math.max(n,o),d+=r,this._shouldHandleEllipsis(d)){this._tryToAddEllipsisToLastLine();break}if(a=La(a).slice(e).join(``).trimLeft(),a.length>0&&(c=this._getTextWidth(a),c<=l)){this._addTextLine(a),d+=r,n=Math.max(n,c);break}}else break}else this._addTextLine(a),d+=r,n=Math.max(n,c),this._shouldHandleEllipsis(d)&&t<i-1&&this._tryToAddEllipsisToLastLine();if(this.textArr[this.textArr.length-1]&&(this.textArr[this.textArr.length-1].lastInParagraph=!0),s&&d+r>u)break}this.textHeight=t,this.textWidth=n}_shouldHandleEllipsis(e){let t=+this.fontSize(),n=this.lineHeight()*t,r=this.attrs.height,i=r!==Ra&&r!==void 0,a=r-this.padding()*2;return this.wrap()===io||i&&e+n>a}_tryToAddEllipsisToLastLine(){let e=this.attrs.width,t=e!==Ra&&e!==void 0,n=e-this.padding()*2,r=this.ellipsis(),i=this.textArr[this.textArr.length-1];!i||!r||(t&&(this._getTextWidth(i.text+ao)<n||(i.text=i.text.slice(0,i.text.length-3))),this.textArr.splice(this.textArr.length-1,1),this._addTextLine(i.text+ao))}getStrokeScaleEnabled(){return!0}_useBufferCanvas(){let e=this.textDecoration().indexOf(`underline`)!==-1||this.textDecoration().indexOf(`line-through`)!==-1,t=this.hasShadow();return e&&t||t&&this.getAbsoluteOpacity()!==1&&lo()?!0:super._useBufferCanvas()}};G.prototype._fillFunc=mo,G.prototype._strokeFunc=ho,G.prototype.className=qa,G.prototype._attrsAffectingSize=[`text`,`fontSize`,`padding`,`wrap`,`lineHeight`,`letterSpacing`],F(G),z.overWriteSetter(G,`width`,nr()),z.overWriteSetter(G,`height`,nr()),z.addGetterSetter(G,`direction`,Ba),z.addGetterSetter(G,`fontFamily`,`Arial`),z.addGetterSetter(G,`fontSize`,12,R()),z.addGetterSetter(G,`fontStyle`,Za),z.addGetterSetter(G,`fontVariant`,Za),z.addGetterSetter(G,`padding`,0,R()),z.addGetterSetter(G,`align`,Ga),z.addGetterSetter(G,`verticalAlign`,Ja),z.addGetterSetter(G,`lineHeight`,1,R()),z.addGetterSetter(G,`wrap`,no),z.addGetterSetter(G,`ellipsis`,!1,or()),z.addGetterSetter(G,`letterSpacing`,0,R()),z.addGetterSetter(G,`text`,``,rr()),z.addGetterSetter(G,`textDecoration`,``),z.addGetterSetter(G,`underlineOffset`,void 0,R()),z.addGetterSetter(G,`charRenderFunc`,void 0);var _o=``,vo=`normal`;function yo(e){e.fillText(this.partialText,0,0)}function bo(e){e.strokeText(this.partialText,0,0)}var K=class extends U{constructor(e){super(e),this.dummyCanvas=I.createCanvasElement(),this.dataArray=[],this._readDataAttribute(),this.on(`dataChange.konva`,function(){this._readDataAttribute(),this._setTextData()}),this.on(`textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva directionChange.konva`,this._setTextData),this._setTextData()}_getTextPathLength(){return W.getPathLength(this.dataArray)}_getPointAtLength(e){return!this.attrs.data||e>this.pathLength?null:W.getPointAtLengthOfDataArray(e,this.dataArray)}_readDataAttribute(){this.dataArray=W.parsePathData(this.attrs.data),this.pathLength=this._getTextPathLength()}_sceneFunc(e){e.setAttr(`font`,this._getContextFont()),e.setAttr(`textBaseline`,this.textBaseline()),e.setAttr(`textAlign`,`left`),e.save();let t=this.textDecoration(),n=this.fill(),r=this.fontSize(),i=this.glyphInfo,a=t.indexOf(`underline`)!==-1,o=t.indexOf(`line-through`)!==-1;a&&e.beginPath();for(let t=0;t<i.length;t++){e.save();let n=i[t].p0;e.translate(n.x,n.y),e.rotate(i[t].rotation),this.partialText=i[t].text,e.fillStrokeShape(this),a&&(t===0&&e.moveTo(0,r/2+1),e.lineTo(i[t].width,r/2+1)),e.restore()}if(a&&(e.strokeStyle=n,e.lineWidth=r/20,e.stroke()),o){e.beginPath();for(let t=0;t<i.length;t++){e.save();let n=i[t].p0;e.translate(n.x,n.y),e.rotate(i[t].rotation),t===0&&e.moveTo(0,0),e.lineTo(i[t].width,0),e.restore()}e.strokeStyle=n,e.lineWidth=r/20,e.stroke()}e.restore()}_hitFunc(e){e.beginPath();let t=this.glyphInfo;if(t.length>=1){let n=t[0].p0;e.moveTo(n.x,n.y)}for(let n=0;n<t.length;n++){let r=t[n].p1;e.lineTo(r.x,r.y)}e.setAttr(`lineWidth`,this.fontSize()),e.setAttr(`strokeStyle`,this.colorKey),e.stroke()}getTextWidth(){return this.textWidth}getTextHeight(){return I.warn(`text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height.`),this.textHeight}setText(e){return G.prototype.setText.call(this,e)}_getContextFont(){return G.prototype._getContextFont.call(this)}_getTextSize(e){let t=this.dummyCanvas.getContext(`2d`);t.save(),t.font=this._getContextFont();let n=t.measureText(e);return t.restore(),{width:n.width,height:parseInt(`${this.fontSize()}`,10)}}_setTextData(){let e=La(this.text());this.direction()===`rtl`&&e.reverse();let t=[],n=0;for(let r=0;r<e.length;r++)t.push({char:e[r],width:this._getTextSize(e[r]).width}),n+=t[r].width;let{width:r,height:i}=this._getTextSize(this.attrs.text);if(this.textWidth=n,this.textHeight=i,this.glyphInfo=[],!this.attrs.data)return null;let a=this.letterSpacing(),o=this.align(),s=this.kerningFunc(),c=Math.max(0,n-r),l=Math.max(this.textWidth+((this.attrs.text||``).length-1)*a,0),u=0;o===`center`&&(u=Math.max(0,this.pathLength/2-l/2)),o===`right`&&(u=Math.max(0,this.pathLength-l));let d=u;for(let n=0;n<t.length;n++){let r=this._getPointAtLength(d);if(!r)return;let i=t[n].char,u=t[n].width+a;if(i===` `&&o===`justify`){let e=this.text().split(` `).length-1;u+=(this.pathLength-l)/e}let f=d+u,p=this._getPointAtLength(f>this.pathLength&&f-this.pathLength<=c?this.pathLength:f);if(!p)return;let m=W.getLineLength(r.x,r.y,p.x,p.y),h=0;if(s)try{h=s(t[n-1].char,i)*this.fontSize()}catch{h=0}r.x+=h,p.x+=h,this.textWidth+=h;let g=W.getPointOnLine(h+m/2,r.x,r.y,p.x,p.y),_=Math.atan2(p.y-r.y,p.x-r.x);this.glyphInfo.push({transposeX:g.x,transposeY:g.y,text:e[n],rotation:_,p0:r,p1:p,width:m}),d+=u}}getSelfRect(){if(!this.glyphInfo.length)return{x:0,y:0,width:0,height:0};let e=[];this.glyphInfo.forEach(function(t){e.push(t.p0.x),e.push(t.p0.y),e.push(t.p1.x),e.push(t.p1.y)});let t=e[0]||0,n=e[0]||0,r=e[1]||0,i=e[1]||0,a,o;for(let s=0;s<e.length/2;s++)a=e[s*2],o=e[s*2+1],t=Math.min(t,a),n=Math.max(n,a),r=Math.min(r,o),i=Math.max(i,o);let s=this.fontSize();return{x:t-s/2,y:r-s/2,width:n-t+s,height:i-r+s}}destroy(){return I.releaseCanvas(this.dummyCanvas),super.destroy()}};K.prototype._fillFunc=yo,K.prototype._strokeFunc=bo,K.prototype._fillFuncHit=yo,K.prototype._strokeFuncHit=bo,K.prototype.className=`TextPath`,K.prototype._attrsAffectingSize=[`text`,`fontSize`,`data`],F(K),z.addGetterSetter(K,`data`),z.addGetterSetter(K,`fontFamily`,`Arial`),z.addGetterSetter(K,`fontSize`,12,R()),z.addGetterSetter(K,`fontStyle`,vo),z.addGetterSetter(K,`align`,`left`),z.addGetterSetter(K,`letterSpacing`,0,R()),z.addGetterSetter(K,`textBaseline`,`middle`),z.addGetterSetter(K,`fontVariant`,vo),z.addGetterSetter(K,`text`,_o),z.addGetterSetter(K,`textDecoration`,``),z.addGetterSetter(K,`kerningFunc`,void 0),z.addGetterSetter(K,`direction`,`inherit`);var xo=`tr-konva`,So=[`resizeEnabledChange`,`rotateAnchorOffsetChange`,`rotateAnchorAngleChange`,`rotateEnabledChange`,`enabledAnchorsChange`,`anchorSizeChange`,`borderEnabledChange`,`borderStrokeChange`,`borderStrokeWidthChange`,`borderDashChange`,`anchorStrokeChange`,`anchorStrokeWidthChange`,`anchorFillChange`,`anchorCornerRadiusChange`,`ignoreStrokeChange`,`anchorStyleFuncChange`].map(e=>e+`.${xo}`).join(` `),Co=`nodesRect`,wo=[`widthChange`,`heightChange`,`scaleXChange`,`scaleYChange`,`skewXChange`,`skewYChange`,`rotationChange`,`offsetXChange`,`offsetYChange`,`transformsEnabledChange`,`strokeWidthChange`,`draggableChange`],To={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135},Eo=`ontouchstart`in P._global;function Do(e,t,n){if(e===`rotater`)return n;t+=I.degToRad(To[e]||0);let r=(I.radToDeg(t)%360+360)%360;return I._inRange(r,337.5,360)||I._inRange(r,0,22.5)?`ns-resize`:I._inRange(r,22.5,67.5)?`nesw-resize`:I._inRange(r,67.5,112.5)?`ew-resize`:I._inRange(r,112.5,157.5)?`nwse-resize`:I._inRange(r,157.5,202.5)?`ns-resize`:I._inRange(r,202.5,247.5)?`nesw-resize`:I._inRange(r,247.5,292.5)?`ew-resize`:I._inRange(r,292.5,337.5)?`nwse-resize`:(I.error(`Transformer has unknown angle for cursor detection: `+r),`pointer`)}var Oo=[`top-left`,`top-center`,`top-right`,`middle-right`,`middle-left`,`bottom-left`,`bottom-center`,`bottom-right`],ko=1e8;function Ao(e){return{x:e.x+e.width/2*Math.cos(e.rotation)+e.height/2*Math.sin(-e.rotation),y:e.y+e.height/2*Math.cos(e.rotation)+e.width/2*Math.sin(e.rotation)}}function jo(e,t,n){let r=n.x+(e.x-n.x)*Math.cos(t)-(e.y-n.y)*Math.sin(t),i=n.y+(e.x-n.x)*Math.sin(t)+(e.y-n.y)*Math.cos(t);return{...e,rotation:e.rotation+t,x:r,y:i}}function Mo(e,t){return jo(e,t,Ao(e))}function No(e,t,n){let r=t;for(let i=0;i<e.length;i++){let a=P.getAngle(e[i]),o=Math.abs(a-t)%(Math.PI*2);Math.min(o,Math.PI*2-o)<n&&(r=a)}return r}var Po=0,q=class extends Gi{constructor(e){super(e),this._movingAnchorName=null,this._transforming=!1,this._elementsCreated=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(So,this.update),this.getNode()&&this.update()}attachTo(e){return this.setNode(e),this}setNode(e){return I.warn(`tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead.`),this.setNodes([e])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return xo+this._id}setNodes(e=[]){this._nodes&&this._nodes.length&&this.detach();let t=e.filter(e=>e.isAncestorOf(this)?(I.error(`Konva.Transformer cannot be an a child of the node you are trying to attach`),!1):!0);return this._nodes=e=t,e.length===1&&this.useSingleNodeRotation()?this.rotation(e[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(e=>{let t=()=>{this.nodes().length===1&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),!this._transforming&&!this.isDragging()&&this.update()};if(e._attrsAffectingSize.length){let n=e._attrsAffectingSize.map(e=>e+`Change.`+this._getEventNamespace()).join(` `);e.on(n,t)}e.on(wo.map(e=>e+`.${this._getEventNamespace()}`).join(` `),t),e.on(`absoluteTransformChange.${this._getEventNamespace()}`,t),this._proxyDrag(e)}),this._resetTransformCache(),this.findOne(`.top-left`)&&this.update(),this}_proxyDrag(e){let t;e.on(`dragstart.${this._getEventNamespace()}`,n=>{t=e.getAbsolutePosition(),!this.isDragging()&&e!==this.findOne(`.back`)&&this.startDrag(n,!1)}),e.on(`dragmove.${this._getEventNamespace()}`,n=>{if(!t)return;let r=e.getAbsolutePosition(),i=r.x-t.x,a=r.y-t.y;this.nodes().forEach(t=>{if(t===e||t.isDragging())return;let r=t.getAbsolutePosition();t.setAbsolutePosition({x:r.x+i,y:r.y+a}),t.startDrag(n)}),t=null})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(e=>{e.off(`.`+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(Co),this._clearCache(`transform`),this._clearSelfAndDescendantCache(`absoluteTransform`)}_getNodeRect(){return this._getCache(Co,this.__getNodeRect)}__getNodeShape(e,t=this.rotation(),n){let r=e.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),i=e.getAbsoluteScale(n),a=e.getAbsolutePosition(n),o=r.x*i.x-e.offsetX()*i.x,s=r.y*i.y-e.offsetY()*i.y,c=(P.getAngle(e.getAbsoluteRotation())+Math.PI*2)%(Math.PI*2);return jo({x:a.x+o*Math.cos(c)+s*Math.sin(-c),y:a.y+s*Math.cos(c)+o*Math.sin(c),width:r.width*i.x,height:r.height*i.y,rotation:c},-P.getAngle(t),{x:0,y:0})}__getNodeRect(){if(!this.getNode())return{x:-ko,y:-ko,width:0,height:0,rotation:0};let e=[];this.nodes().map(t=>{let n=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),r=[{x:n.x,y:n.y},{x:n.x+n.width,y:n.y},{x:n.x+n.width,y:n.y+n.height},{x:n.x,y:n.y+n.height}],i=t.getAbsoluteTransform();r.forEach(function(t){let n=i.point(t);e.push(n)})});let t=new pn;t.rotate(-P.getAngle(this.rotation()));let n=1/0,r=1/0,i=-1/0,a=-1/0;e.forEach(function(e){let o=t.point(e);n===void 0&&(n=i=o.x,r=a=o.y),n=Math.min(n,o.x),r=Math.min(r,o.y),i=Math.max(i,o.x),a=Math.max(a,o.y)}),t.invert();let o=t.point({x:n,y:r});return{x:o.x,y:o.y,width:i-n,height:a-r,rotation:P.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),Oo.forEach(e=>{this._createAnchor(e)}),this._createAnchor(`rotater`),this._elementsCreated=!0}_createAnchor(e){let t=new ja({stroke:`rgb(0, 161, 255)`,fill:`white`,strokeWidth:1,name:e+` _anchor`,dragDistance:0,draggable:!0,hitStrokeWidth:Eo?10:`auto`}),n=this;t.on(`mousedown touchstart`,function(e){n._handleMouseDown(e)}),t.on(`dragstart`,e=>{t.stopDrag(),e.cancelBubble=!0}),t.on(`dragend`,e=>{e.cancelBubble=!0}),t.on(`mouseenter`,()=>{let n=Do(e,P.getAngle(this.rotation()),this.rotateAnchorCursor());t.getStage().content&&(t.getStage().content.style.cursor=n),this._cursorChange=!0}),t.on(`mouseout`,()=>{t.getStage().content&&(t.getStage().content.style.cursor=``),this._cursorChange=!1}),this.add(t)}_createBack(){let e=new U({name:`back`,width:0,height:0,sceneFunc(e,t){let n=t.getParent(),r=n.padding(),i=t.width(),a=t.height();if(e.beginPath(),e.rect(-r,-r,i+r*2,a+r*2),n.rotateEnabled()&&n.rotateLineVisible()){let t=n.rotateAnchorAngle(),r=n.rotateAnchorOffset(),o=I.degToRad(t),s=Math.sin(o),c=-Math.cos(o),l=i/2,u=a/2,d=1/0;c<0?d=Math.min(d,-u/c):c>0&&(d=Math.min(d,(a-u)/c)),s<0?d=Math.min(d,-l/s):s>0&&(d=Math.min(d,(i-l)/s));let f=l+s*d,p=u+c*d,m=I._sign(a),h=f+s*r*m,g=p+c*r*m;e.moveTo(f,p),e.lineTo(h,g)}e.fillStrokeShape(t)},hitFunc:(e,t)=>{if(!this.shouldOverdrawWholeArea())return;let n=this.padding();e.beginPath(),e.rect(-n,-n,t.width()+n*2,t.height()+n*2),e.fillStrokeShape(t)}});this.add(e),this._proxyDrag(e),e.on(`dragstart`,e=>{e.cancelBubble=!0}),e.on(`dragmove`,e=>{e.cancelBubble=!0}),e.on(`dragend`,e=>{e.cancelBubble=!0}),this.on(`dragmove`,e=>{this.update()})}_handleMouseDown(e){if(this._transforming)return;this._movingAnchorName=e.target.name().split(` `)[0];let t=this._getNodeRect(),n=t.width,r=t.height,i=Math.sqrt(n**2+r**2);this.sin=Math.abs(r/i),this.cos=Math.abs(n/i),typeof window<`u`&&(window.addEventListener(`mousemove`,this._handleMouseMove),window.addEventListener(`touchmove`,this._handleMouseMove),window.addEventListener(`mouseup`,this._handleMouseUp,!0),window.addEventListener(`touchend`,this._handleMouseUp,!0)),this._transforming=!0;let a=e.target.getAbsolutePosition(),o=e.target.getStage().getPointerPosition();this._anchorDragOffset={x:o.x-a.x,y:o.y-a.y},Po++,this._fire(`transformstart`,{evt:e.evt,target:this.getNode()}),this._nodes.forEach(t=>{t._fire(`transformstart`,{evt:e.evt,target:t})})}_handleMouseMove(e){let t,n,r,i=this.findOne(`.`+this._movingAnchorName),a=i.getStage();a.setPointersPositions(e);let o=a.getPointerPosition(),s={x:o.x-this._anchorDragOffset.x,y:o.y-this._anchorDragOffset.y},c=i.getAbsolutePosition();this.anchorDragBoundFunc()&&(s=this.anchorDragBoundFunc()(c,s,e)),i.setAbsolutePosition(s);let l=i.getAbsolutePosition();if(c.x===l.x&&c.y===l.y)return;if(this._movingAnchorName===`rotater`){let r=this._getNodeRect();t=i.x()-r.width/2,n=-i.y()+r.height/2;let a=P.getAngle(this.rotateAnchorAngle()),o=Math.atan2(-n,t)+Math.PI/2-a;r.height<0&&(o-=Math.PI);let s=P.getAngle(this.rotation())+o,c=P.getAngle(this.rotationSnapTolerance()),l=Mo(r,No(this.rotationSnaps(),s,c)-r.rotation);this._fitNodesInto(l,e);return}let u=this.shiftBehavior(),d;d=u===`inverted`?this.keepRatio()&&!e.shiftKey:u===`none`?this.keepRatio():this.keepRatio()||e.shiftKey;let f=this.centeredScaling()||e.altKey;if(this._movingAnchorName===`top-left`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.bottom-right`).x(),y:this.findOne(`.bottom-right`).y()};r=Math.sqrt((e.x-i.x())**2+(e.y-i.y())**2);let a=this.findOne(`.top-left`).x()>e.x?-1:1,o=this.findOne(`.top-left`).y()>e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.top-left`).x(e.x-t),this.findOne(`.top-left`).y(e.y-n)}}else if(this._movingAnchorName===`top-center`)this.findOne(`.top-left`).y(i.y());else if(this._movingAnchorName===`top-right`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.bottom-left`).x(),y:this.findOne(`.bottom-left`).y()};r=Math.sqrt((i.x()-e.x)**2+(e.y-i.y())**2);let a=this.findOne(`.top-right`).x()<e.x?-1:1,o=this.findOne(`.top-right`).y()>e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.top-right`).x(e.x+t),this.findOne(`.top-right`).y(e.y-n)}var p=i.position();this.findOne(`.top-left`).y(p.y),this.findOne(`.bottom-right`).x(p.x)}else if(this._movingAnchorName===`middle-left`)this.findOne(`.top-left`).x(i.x());else if(this._movingAnchorName===`middle-right`)this.findOne(`.bottom-right`).x(i.x());else if(this._movingAnchorName===`bottom-left`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.top-right`).x(),y:this.findOne(`.top-right`).y()};r=Math.sqrt((e.x-i.x())**2+(i.y()-e.y)**2);let a=e.x<i.x()?-1:1,o=i.y()<e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,i.x(e.x-t),i.y(e.y+n)}p=i.position(),this.findOne(`.top-left`).x(p.x),this.findOne(`.bottom-right`).y(p.y)}else if(this._movingAnchorName===`bottom-center`)this.findOne(`.bottom-right`).y(i.y());else if(this._movingAnchorName===`bottom-right`){if(d){let e=f?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(`.top-left`).x(),y:this.findOne(`.top-left`).y()};r=Math.sqrt((i.x()-e.x)**2+(i.y()-e.y)**2);let a=this.findOne(`.bottom-right`).x()<e.x?-1:1,o=this.findOne(`.bottom-right`).y()<e.y?-1:1;t=r*this.cos*a,n=r*this.sin*o,this.findOne(`.bottom-right`).x(e.x+t),this.findOne(`.bottom-right`).y(e.y+n)}}else console.error(Error(`Wrong position argument of selection resizer: `+this._movingAnchorName));if(f=this.centeredScaling()||e.altKey,f){let e=this.findOne(`.top-left`),t=this.findOne(`.bottom-right`),n=e.x(),r=e.y(),i=this.getWidth()-t.x(),a=this.getHeight()-t.y();t.move({x:-n,y:-r}),e.move({x:i,y:a})}let m=this.findOne(`.top-left`).getAbsolutePosition();t=m.x,n=m.y;let h=this.findOne(`.bottom-right`).x()-this.findOne(`.top-left`).x(),g=this.findOne(`.bottom-right`).y()-this.findOne(`.top-left`).y();this._fitNodesInto({x:t,y:n,width:h,height:g,rotation:P.getAngle(this.rotation())},e)}_handleMouseUp(e){this._removeEvents(e)}getAbsoluteTransform(){return this.getTransform()}_removeEvents(e){var t;if(this._transforming){this._transforming=!1,typeof window<`u`&&(window.removeEventListener(`mousemove`,this._handleMouseMove),window.removeEventListener(`touchmove`,this._handleMouseMove),window.removeEventListener(`mouseup`,this._handleMouseUp,!0),window.removeEventListener(`touchend`,this._handleMouseUp,!0));let n=this.getNode();Po--,this._fire(`transformend`,{evt:e,target:n}),(t=this.getLayer())==null||t.batchDraw(),n&&this._nodes.forEach(t=>{var n;t._fire(`transformend`,{evt:e,target:t}),(n=t.getLayer())==null||n.batchDraw()}),this._movingAnchorName=null}}_fitNodesInto(e,t){let n=this._getNodeRect();if(I._inRange(e.width,-this.padding()*2-1,1)){this.update();return}if(I._inRange(e.height,-this.padding()*2-1,1)){this.update();return}let r=new pn;if(r.rotate(P.getAngle(this.rotation())),this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf(`left`)>=0){let t=r.point({x:-this.padding()*2,y:0});e.x+=t.x,e.y+=t.y,e.width+=this.padding()*2,this._movingAnchorName=this._movingAnchorName.replace(`left`,`right`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y}else if(this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf(`right`)>=0){let t=r.point({x:this.padding()*2,y:0});this._movingAnchorName=this._movingAnchorName.replace(`right`,`left`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.width+=this.padding()*2}if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf(`top`)>=0){let t=r.point({x:0,y:-this.padding()*2});e.x+=t.x,e.y+=t.y,this._movingAnchorName=this._movingAnchorName.replace(`top`,`bottom`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=this.padding()*2}else if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf(`bottom`)>=0){let t=r.point({x:0,y:this.padding()*2});this._movingAnchorName=this._movingAnchorName.replace(`bottom`,`top`),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=this.padding()*2}if(this.boundBoxFunc()){let t=this.boundBoxFunc()(n,e);t?e=t:I.warn(`boundBoxFunc returned falsy. You should return new bound rect from it!`)}let i=1e7,a=new pn;a.translate(n.x,n.y),a.rotate(n.rotation),a.scale(n.width/i,n.height/i);let o=new pn,s=e.width/i,c=e.height/i;this.flipEnabled()===!1?(o.translate(e.x,e.y),o.rotate(e.rotation),o.translate(e.width<0?e.width:0,e.height<0?e.height:0),o.scale(Math.abs(s),Math.abs(c))):(o.translate(e.x,e.y),o.rotate(e.rotation),o.scale(s,c));let l=o.multiply(a.invert());this._nodes.forEach(e=>{var t;if(!e.getStage())return;let n=e.getParent().getAbsoluteTransform(),r=e.getTransform().copy();r.translate(e.offsetX(),e.offsetY());let i=new pn;i.multiply(n.copy().invert()).multiply(l).multiply(n).multiply(r);let a=i.decompose();e.setAttrs(a),(t=e.getLayer())==null||t.batchDraw()}),this.rotation(I._getRotation(e.rotation)),this._nodes.forEach(e=>{this._fire(`transform`,{evt:t,target:e}),e._fire(`transform`,{evt:t,target:e})}),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(e,t){this.findOne(e).setAttrs(t)}update(){var e;let t=this._getNodeRect();this.rotation(I._getRotation(t.rotation));let n=t.width,r=t.height,i=this.enabledAnchors(),a=this.resizeEnabled(),o=this.padding(),s=this.anchorSize(),c=this.find(`._anchor`);c.forEach(e=>{e.setAttrs({width:s,height:s,offsetX:s/2,offsetY:s/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(`.top-left`,{x:0,y:0,offsetX:s/2+o,offsetY:s/2+o,visible:a&&i.indexOf(`top-left`)>=0}),this._batchChangeChild(`.top-center`,{x:n/2,y:0,offsetY:s/2+o,visible:a&&i.indexOf(`top-center`)>=0}),this._batchChangeChild(`.top-right`,{x:n,y:0,offsetX:s/2-o,offsetY:s/2+o,visible:a&&i.indexOf(`top-right`)>=0}),this._batchChangeChild(`.middle-left`,{x:0,y:r/2,offsetX:s/2+o,visible:a&&i.indexOf(`middle-left`)>=0}),this._batchChangeChild(`.middle-right`,{x:n,y:r/2,offsetX:s/2-o,visible:a&&i.indexOf(`middle-right`)>=0}),this._batchChangeChild(`.bottom-left`,{x:0,y:r,offsetX:s/2+o,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-left`)>=0}),this._batchChangeChild(`.bottom-center`,{x:n/2,y:r,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-center`)>=0}),this._batchChangeChild(`.bottom-right`,{x:n,y:r,offsetX:s/2-o,offsetY:s/2-o,visible:a&&i.indexOf(`bottom-right`)>=0});let l=this.rotateAnchorAngle(),u=this.rotateAnchorOffset(),d=I.degToRad(l),f=Math.sin(d),p=-Math.cos(d),m=n/2,h=r/2,g=1/0;p<0?g=Math.min(g,-h/p):p>0&&(g=Math.min(g,(r-h)/p)),f<0?g=Math.min(g,-m/f):f>0&&(g=Math.min(g,(n-m)/f));let _=m+f*g,v=h+p*g,y=I._sign(r);this._batchChangeChild(`.rotater`,{x:_+f*u*y,y:v+p*u*y-o*p,visible:this.rotateEnabled()}),this._batchChangeChild(`.back`,{width:n,height:r,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),draggable:this.nodes().some(e=>e.draggable()),x:0,y:0});let b=this.anchorStyleFunc();b&&c.forEach(e=>{b(e)}),(e=this.getLayer())==null||e.batchDraw()}isTransforming(){return this._transforming}stopTransform(){if(this._transforming){this._removeEvents();let e=this.findOne(`.`+this._movingAnchorName);e&&e.stopDrag()}}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=``),Gi.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}add(...e){return this._elementsCreated?(I.error(`You cannot add external nodes to the Transformer. Use tr.nodes([node]) instead.`),this):super.add(...e)}toObject(){return B.prototype.toObject.call(this)}clone(e){return B.prototype.clone.call(this,e)}getClientRect(){return this.nodes().length>0?super.getClientRect():{x:0,y:0,width:0,height:0}}};q.isTransforming=()=>Po>0;function Fo(e){return e instanceof Array||I.warn(`enabledAnchors value should be an array`),e instanceof Array&&e.forEach(function(e){Oo.indexOf(e)===-1&&I.warn(`Unknown anchor name: `+e+`. Available names are: `+Oo.join(`, `))}),e||[]}q.prototype.className=`Transformer`,F(q),z.addGetterSetter(q,`enabledAnchors`,Oo,Fo),z.addGetterSetter(q,`flipEnabled`,!0,or()),z.addGetterSetter(q,`resizeEnabled`,!0),z.addGetterSetter(q,`anchorSize`,10,R()),z.addGetterSetter(q,`rotateEnabled`,!0),z.addGetterSetter(q,`rotateLineVisible`,!0),z.addGetterSetter(q,`rotationSnaps`,[]),z.addGetterSetter(q,`rotateAnchorOffset`,50,R()),z.addGetterSetter(q,`rotateAnchorAngle`,0,R()),z.addGetterSetter(q,`rotateAnchorCursor`,`crosshair`),z.addGetterSetter(q,`rotationSnapTolerance`,5,R()),z.addGetterSetter(q,`borderEnabled`,!0),z.addGetterSetter(q,`anchorStroke`,`rgb(0, 161, 255)`),z.addGetterSetter(q,`anchorStrokeWidth`,1,R()),z.addGetterSetter(q,`anchorFill`,`white`),z.addGetterSetter(q,`anchorCornerRadius`,0,R()),z.addGetterSetter(q,`borderStroke`,`rgb(0, 161, 255)`),z.addGetterSetter(q,`borderStrokeWidth`,1,R()),z.addGetterSetter(q,`borderDash`),z.addGetterSetter(q,`keepRatio`,!0),z.addGetterSetter(q,`shiftBehavior`,`default`),z.addGetterSetter(q,`centeredScaling`,!1),z.addGetterSetter(q,`ignoreStroke`,!1),z.addGetterSetter(q,`padding`,0,R()),z.addGetterSetter(q,`nodes`),z.addGetterSetter(q,`node`),z.addGetterSetter(q,`boundBoxFunc`),z.addGetterSetter(q,`anchorDragBoundFunc`),z.addGetterSetter(q,`anchorStyleFunc`),z.addGetterSetter(q,`shouldOverdrawWholeArea`,!1),z.addGetterSetter(q,`useSingleNodeRotation`,!0),z.backCompat(q,{lineEnabled:`borderEnabled`,rotateHandlerOffset:`rotateAnchorOffset`,enabledHandlers:`enabledAnchors`});var Io=class extends U{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.radius(),0,P.getAngle(this.angle()),this.clockwise()),e.lineTo(0,0),e.closePath(),e.fillStrokeShape(this)}getWidth(){return this.radius()*2}getHeight(){return this.radius()*2}setWidth(e){this.radius(e/2)}setHeight(e){this.radius(e/2)}};Io.prototype.className=`Wedge`,Io.prototype._centroid=!0,Io.prototype._attrsAffectingSize=[`radius`],F(Io),z.addGetterSetter(Io,`radius`,0,R()),z.addGetterSetter(Io,`angle`,0,R()),z.addGetterSetter(Io,`clockwise`,!1),z.backCompat(Io,{angleDeg:`angle`,getAngleDeg:`getAngle`,setAngleDeg:`setAngle`});function Lo(){this.r=0,this.g=0,this.b=0,this.a=0,this.next=null}var Ro=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],zo=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];function Bo(e,t){let n=e.data,r=e.width,i=e.height,a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,ee=t+t+1,T=r-1,te=i-1,E=t+1,ne=E*(E+1)/2,re=new Lo,D=Ro[t],O=zo[t],ie=null,k=re,A=null,j=null;for(let e=1;e<ee;e++)k=k.next=new Lo,e===E&&(ie=k);k.next=re,s=o=0;for(let e=0;e<i;e++){g=_=v=y=c=l=u=d=0,f=E*(b=n[o]),p=E*(x=n[o+1]),m=E*(S=n[o+2]),h=E*(C=n[o+3]),c+=ne*b,l+=ne*x,u+=ne*S,d+=ne*C,k=re;for(let e=0;e<E;e++)k.r=b,k.g=x,k.b=S,k.a=C,k=k.next;for(let e=1;e<E;e++)a=o+((T<e?T:e)<<2),c+=(k.r=b=n[a])*(w=E-e),l+=(k.g=x=n[a+1])*w,u+=(k.b=S=n[a+2])*w,d+=(k.a=C=n[a+3])*w,g+=b,_+=x,v+=S,y+=C,k=k.next;A=re,j=ie;for(let e=0;e<r;e++)n[o+3]=C=d*D>>O,C===0?n[o]=n[o+1]=n[o+2]=0:(C=255/C,n[o]=(c*D>>O)*C,n[o+1]=(l*D>>O)*C,n[o+2]=(u*D>>O)*C),c-=f,l-=p,u-=m,d-=h,f-=A.r,p-=A.g,m-=A.b,h-=A.a,a=s+((a=e+t+1)<T?a:T)<<2,g+=A.r=n[a],_+=A.g=n[a+1],v+=A.b=n[a+2],y+=A.a=n[a+3],c+=g,l+=_,u+=v,d+=y,A=A.next,f+=b=j.r,p+=x=j.g,m+=S=j.b,h+=C=j.a,g-=b,_-=x,v-=S,y-=C,j=j.next,o+=4;s+=r}for(let e=0;e<r;e++){_=v=y=g=l=u=d=c=0,o=e<<2,f=E*(b=n[o]),p=E*(x=n[o+1]),m=E*(S=n[o+2]),h=E*(C=n[o+3]),c+=ne*b,l+=ne*x,u+=ne*S,d+=ne*C,k=re;for(let e=0;e<E;e++)k.r=b,k.g=x,k.b=S,k.a=C,k=k.next;let s=r;for(let i=1;i<=t;i++)o=s+e<<2,c+=(k.r=b=n[o])*(w=E-i),l+=(k.g=x=n[o+1])*w,u+=(k.b=S=n[o+2])*w,d+=(k.a=C=n[o+3])*w,g+=b,_+=x,v+=S,y+=C,k=k.next,i<te&&(s+=r);o=e,A=re,j=ie;for(let t=0;t<i;t++)a=o<<2,n[a+3]=C=d*D>>O,C>0?(C=255/C,n[a]=(c*D>>O)*C,n[a+1]=(l*D>>O)*C,n[a+2]=(u*D>>O)*C):n[a]=n[a+1]=n[a+2]=0,c-=f,l-=p,u-=m,d-=h,f-=A.r,p-=A.g,m-=A.b,h-=A.a,a=e+((a=t+E)<te?a:te)*r<<2,c+=g+=A.r=n[a],l+=_+=A.g=n[a+1],u+=v+=A.b=n[a+2],d+=y+=A.a=n[a+3],A=A.next,f+=b=j.r,p+=x=j.g,m+=S=j.b,h+=C=j.a,g-=b,_-=x,v-=S,y-=C,j=j.next,o+=r}}var Vo=function(e){let t=Math.round(this.blurRadius());t>0&&Bo(e,t)};z.addGetterSetter(B,`blurRadius`,0,R(),z.afterSetFilter);var Ho=function(e){let t=this.brightness()*255,n=e.data,r=n.length;for(let e=0;e<r;e+=4)n[e]+=t,n[e+1]+=t,n[e+2]+=t};z.addGetterSetter(B,`brightness`,0,R(),z.afterSetFilter);var Uo=function(e){let t=this.brightness(),n=e.data,r=n.length;for(let e=0;e<r;e+=4)n[e]=Math.min(255,n[e]*t),n[e+1]=Math.min(255,n[e+1]*t),n[e+2]=Math.min(255,n[e+2]*t)},Wo=function(e){let t=((this.contrast()+100)/100)**2,n=e.data,r=n.length,i=150,a=150,o=150;for(let e=0;e<r;e+=4)i=n[e],a=n[e+1],o=n[e+2],i/=255,i-=.5,i*=t,i+=.5,i*=255,a/=255,a-=.5,a*=t,a+=.5,a*=255,o/=255,o-=.5,o*=t,o+=.5,o*=255,i=i<0?0:i>255?255:i,a=a<0?0:a>255?255:a,o=o<0?0:o>255?255:o,n[e]=i,n[e+1]=a,n[e+2]=o};z.addGetterSetter(B,`contrast`,0,R(),z.afterSetFilter);var Go=function(e){let t=e.data,n=e.width,r=e.height,i=Math.min(1,Math.max(0,this.embossStrength?.call(this)??.5)),a=Math.min(1,Math.max(0,this.embossWhiteLevel?.call(this)??.5)),o={"top-left":315,top:270,"top-right":225,right:180,"bottom-right":135,bottom:90,"bottom-left":45,left:0}[this.embossDirection?.call(this)??`top-left`]??315,s=!!(this.embossBlend?.call(this)??!1),c=i*10,l=a*255,u=o*Math.PI/180,d=Math.cos(u),f=Math.sin(u),p=128/1020*c,m=new Uint8ClampedArray(t),h=new Float32Array(n*r);for(let e=0,n=0;n<t.length;n+=4,e++)h[e]=.2126*m[n]+.7152*m[n+1]+.0722*m[n+2];let g=[-1,0,1,-2,0,2,-1,0,1],_=[-1,-2,-1,0,0,0,1,2,1],v=[-n-1,-n,-n+1,-1,0,1,n-1,n,n+1],y=e=>e<0?0:e>255?255:e;for(let e=1;e<r-1;e++)for(let r=1;r<n-1;r++){let i=e*n+r,a=0,o=0;a+=h[i+v[0]]*g[0],o+=h[i+v[0]]*_[0],a+=h[i+v[1]]*g[1],o+=h[i+v[1]]*_[1],a+=h[i+v[2]]*g[2],o+=h[i+v[2]]*_[2],a+=h[i+v[3]]*g[3],o+=h[i+v[3]]*_[3],a+=h[i+v[5]]*g[5],o+=h[i+v[5]]*_[5],a+=h[i+v[6]]*g[6],o+=h[i+v[6]]*_[6],a+=h[i+v[7]]*g[7],o+=h[i+v[7]]*_[7],a+=h[i+v[8]]*g[8],o+=h[i+v[8]]*_[8];let c=y(l+(d*a+f*o)*p),u=i*4;if(s){let e=c-l;t[u]=y(m[u]+e),t[u+1]=y(m[u+1]+e),t[u+2]=y(m[u+2]+e),t[u+3]=m[u+3]}else t[u]=t[u+1]=t[u+2]=c,t[u+3]=m[u+3]}for(let e=0;e<n;e++){let i=e*4,a=((r-1)*n+e)*4;t[i]=m[i],t[i+1]=m[i+1],t[i+2]=m[i+2],t[i+3]=m[i+3],t[a]=m[a],t[a+1]=m[a+1],t[a+2]=m[a+2],t[a+3]=m[a+3]}for(let e=1;e<r-1;e++){let r=e*n*4,i=(e*n+(n-1))*4;t[r]=m[r],t[r+1]=m[r+1],t[r+2]=m[r+2],t[r+3]=m[r+3],t[i]=m[i],t[i+1]=m[i+1],t[i+2]=m[i+2],t[i+3]=m[i+3]}return e};z.addGetterSetter(B,`embossStrength`,.5,R(),z.afterSetFilter),z.addGetterSetter(B,`embossWhiteLevel`,.5,R(),z.afterSetFilter),z.addGetterSetter(B,`embossDirection`,`top-left`,void 0,z.afterSetFilter),z.addGetterSetter(B,`embossBlend`,!1,void 0,z.afterSetFilter);function Ko(e,t,n,r,i){let a=n-t,o=i-r;if(a===0)return r+o/2;if(o===0)return r;let s=(e-t)/a;return s=o*s+r,s}var qo=function(e){let t=e.data,n=t.length,r=t[0],i=r,a,o=t[1],s=o,c,l=t[2],u=l,d,f=this.enhance();if(f===0)return;for(let e=0;e<n;e+=4)a=t[e+0],a<r?r=a:a>i&&(i=a),c=t[e+1],c<o?o=c:c>s&&(s=c),d=t[e+2],d<l?l=d:d>u&&(u=d);i===r&&(i=255,r=0),s===o&&(s=255,o=0),u===l&&(u=255,l=0);let p,m,h,g,_,v;if(f>0)p=i+f*(255-i),m=r-f*(r-0),h=s+f*(255-s),g=o-f*(o-0),_=u+f*(255-u),v=l-f*(l-0);else{let e=(i+r)*.5;p=i+f*(i-e),m=r+f*(r-e);let t=(s+o)*.5;h=s+f*(s-t),g=o+f*(o-t);let n=(u+l)*.5;_=u+f*(u-n),v=l+f*(l-n)}for(let e=0;e<n;e+=4)t[e+0]=Ko(t[e+0],r,i,m,p),t[e+1]=Ko(t[e+1],o,s,g,h),t[e+2]=Ko(t[e+2],l,u,v,_)};z.addGetterSetter(B,`enhance`,0,R(),z.afterSetFilter);var Jo=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4){let n=.34*t[e]+.5*t[e+1]+.16*t[e+2];t[e]=n,t[e+1]=n,t[e+2]=n}};z.addGetterSetter(B,`hue`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`saturation`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`luminance`,0,R(),z.afterSetFilter);var Yo=function(e){let t=e.data,n=t.length,r=2**this.saturation(),i=Math.abs(this.hue()+360)%360,a=this.luminance()*127,o=1*r*Math.cos(i*Math.PI/180),s=1*r*Math.sin(i*Math.PI/180),c=.299*1+.701*o+.167*s,l=.587*1-.587*o+.33*s,u=.114*1-.114*o-.497*s,d=.299*1-.299*o-.328*s,f=.587*1+.413*o+.035*s,p=.114*1-.114*o+.293*s,m=.299*1-.3*o+1.25*s,h=.587*1-.586*o-1.05*s,g=.114*1+.886*o-.2*s,_,v,y,b;for(let e=0;e<n;e+=4)_=t[e+0],v=t[e+1],y=t[e+2],b=t[e+3],t[e+0]=c*_+l*v+u*y+a,t[e+1]=d*_+f*v+p*y+a,t[e+2]=m*_+h*v+g*y+a,t[e+3]=b},Xo=function(e){let t=e.data,n=t.length,r=2**this.value(),i=2**this.saturation(),a=Math.abs(this.hue()+360)%360,o=r*i*Math.cos(a*Math.PI/180),s=r*i*Math.sin(a*Math.PI/180),c=.299*r+.701*o+.167*s,l=.587*r-.587*o+.33*s,u=.114*r-.114*o-.497*s,d=.299*r-.299*o-.328*s,f=.587*r+.413*o+.035*s,p=.114*r-.114*o+.293*s,m=.299*r-.3*o+1.25*s,h=.587*r-.586*o-1.05*s,g=.114*r+.886*o-.2*s;for(let e=0;e<n;e+=4){let n=t[e+0],r=t[e+1],i=t[e+2],a=t[e+3];t[e+0]=c*n+l*r+u*i,t[e+1]=d*n+f*r+p*i,t[e+2]=m*n+h*r+g*i,t[e+3]=a}};z.addGetterSetter(B,`hue`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`saturation`,0,R(),z.afterSetFilter),z.addGetterSetter(B,`value`,0,R(),z.afterSetFilter);var Zo=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4)t[e]=255-t[e],t[e+1]=255-t[e+1],t[e+2]=255-t[e+2]},Qo=function(e,t,n){let r=e.data,i=t.data,a=e.width,o=e.height,s=n.polarCenterX||a/2,c=n.polarCenterY||o/2,l=Math.sqrt(s*s+c*c),u=a-s,d=o-c,f=Math.sqrt(u*u+d*d);l=f>l?f:l;let p=o,m=a,h=360/m*Math.PI/180;for(let e=0;e<m;e+=1){let t=Math.sin(e*h),n=Math.cos(e*h);for(let o=0;o<p;o+=1){u=Math.floor(s+l*o/p*n),d=Math.floor(c+l*o/p*t);let f=(d*a+u)*4,m=r[f+0],h=r[f+1],g=r[f+2],_=r[f+3];f=(e+o*a)*4,i[f+0]=m,i[f+1]=h,i[f+2]=g,i[f+3]=_}}},$o=function(e,t,n){let r=e.data,i=t.data,a=e.width,o=e.height,s=n.polarCenterX||a/2,c=n.polarCenterY||o/2,l=Math.sqrt(s*s+c*c),u=a-s,d=o-c,f=Math.sqrt(u*u+d*d);l=f>l?f:l;let p=o,m=a,h=n.polarRotation||0,g,_;for(u=0;u<a;u+=1)for(d=0;d<o;d+=1){let e=u-s,t=d-c,n=Math.sqrt(e*e+t*t)*p/l,o=(Math.atan2(t,e)*180/Math.PI+360+h)%360;o=o*m/360,g=Math.floor(o),_=Math.floor(n);let f=(_*a+g)*4,v=r[f+0],y=r[f+1],b=r[f+2],x=r[f+3];f=(d*a+u)*4,i[f+0]=v,i[f+1]=y,i[f+2]=b,i[f+3]=x}},es=function(e){let t=e.width,n=e.height,r,i,a,o,s,c,l,u,d,f,p=Math.round(this.kaleidoscopePower()),m=Math.round(this.kaleidoscopeAngle()),h=Math.floor(m%360*t/360);if(p<1)return;let g=I.createCanvasElement();g.width=t,g.height=n;let _=g.getContext(`2d`).getImageData(0,0,t,n);I.releaseCanvas(g),Qo(e,_,{polarCenterX:t/2,polarCenterY:n/2});let v=t/2**p;for(;v<=8;)v*=2,--p;v=Math.ceil(v);let y=v,b=0,x=y,S=1;for(h+v>t&&(b=y,x=0,S=-1),i=0;i<n;i+=1)for(r=b;r!==x;r+=S)a=Math.round(r+h)%t,d=(t*i+a)*4,s=_.data[d+0],c=_.data[d+1],l=_.data[d+2],u=_.data[d+3],f=(t*i+r)*4,_.data[f+0]=s,_.data[f+1]=c,_.data[f+2]=l,_.data[f+3]=u;for(i=0;i<n;i+=1)for(y=Math.floor(v),o=0;o<p;o+=1){for(r=0;r<y+1;r+=1)d=(t*i+r)*4,s=_.data[d+0],c=_.data[d+1],l=_.data[d+2],u=_.data[d+3],f=(t*i+y*2-r-1)*4,_.data[f+0]=s,_.data[f+1]=c,_.data[f+2]=l,_.data[f+3]=u;y*=2}$o(_,e,{polarRotation:0})};z.addGetterSetter(B,`kaleidoscopePower`,2,R(),z.afterSetFilter),z.addGetterSetter(B,`kaleidoscopeAngle`,0,R(),z.afterSetFilter);function ts(e,t,n){let r=(n*e.width+t)*4,i=[];return i.push(e.data[r++],e.data[r++],e.data[r++],e.data[r++]),i}function ns(e,t){return Math.sqrt((e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2)}function rs(e){let t=[0,0,0];for(let n=0;n<e.length;n++)t[0]+=e[n][0],t[1]+=e[n][1],t[2]+=e[n][2];return t[0]/=e.length,t[1]/=e.length,t[2]/=e.length,t}function is(e,t){let n=ts(e,0,0),r=ts(e,e.width-1,0),i=ts(e,0,e.height-1),a=ts(e,e.width-1,e.height-1),o=t||10;if(ns(n,r)<o&&ns(r,a)<o&&ns(a,i)<o&&ns(i,n)<o){let t=rs([r,n,a,i]),s=[];for(let n=0;n<e.width*e.height;n++)s[n]=ns(t,[e.data[n*4],e.data[n*4+1],e.data[n*4+2]])<o?0:255;return s}}function as(e,t){for(let n=0;n<e.width*e.height;n++)e.data[4*n+3]=t[n]}function os(e,t,n){let r=[1,1,1,1,0,1,1,1,1],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u===2040?255:0}return o}function ss(e,t,n){let r=[1,1,1,1,1,1,1,1,1],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u>=1020?255:0}return o}function cs(e,t,n){let r=[1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9,1/9],i=Math.round(Math.sqrt(r.length)),a=Math.floor(i/2),o=[];for(let s=0;s<n;s++)for(let c=0;c<t;c++){let l=s*t+c,u=0;for(let o=0;o<i;o++)for(let l=0;l<i;l++){let d=s+o-a,f=c+l-a;if(d>=0&&d<n&&f>=0&&f<t){let n=d*t+f,a=r[o*i+l];u+=e[n]*a}}o[l]=u}return o}var ls=function(e){let t=is(e,this.threshold());return t&&(t=os(t,e.width,e.height),t=ss(t,e.width,e.height),t=cs(t,e.width,e.height),as(e,t)),e};z.addGetterSetter(B,`threshold`,0,R(),z.afterSetFilter);var us=function(e){let t=this.noise()*255,n=e.data,r=n.length,i=t/2;for(let e=0;e<r;e+=4)n[e+0]+=i-2*i*Math.random(),n[e+1]+=i-2*i*Math.random(),n[e+2]+=i-2*i*Math.random()};z.addGetterSetter(B,`noise`,.2,R(),z.afterSetFilter);var ds=function(e){let t=Math.ceil(this.pixelSize()),n=e.width,r=e.height,i=Math.ceil(n/t),a=Math.ceil(r/t),o=e.data;if(t<=0){I.error(`pixelSize value can not be <= 0`);return}for(let e=0;e<i;e+=1)for(let i=0;i<a;i+=1){let a=0,s=0,c=0,l=0,u=e*t,d=u+t,f=i*t,p=f+t,m=0;for(let e=u;e<d;e+=1)if(!(e>=n))for(let t=f;t<p;t+=1){if(t>=r)continue;let i=(n*t+e)*4;a+=o[i+0],s+=o[i+1],c+=o[i+2],l+=o[i+3],m+=1}a/=m,s/=m,c/=m,l/=m;for(let e=u;e<d;e+=1)if(!(e>=n))for(let t=f;t<p;t+=1){if(t>=r)continue;let i=(n*t+e)*4;o[i+0]=a,o[i+1]=s,o[i+2]=c,o[i+3]=l}}};z.addGetterSetter(B,`pixelSize`,8,R(),z.afterSetFilter);var fs=function(e){let t=Math.round(this.levels()*254)+1,n=e.data,r=n.length,i=255/t;for(let e=0;e<r;e+=1)n[e]=Math.floor(n[e]/i)*i};z.addGetterSetter(B,`levels`,.5,R(),z.afterSetFilter);var ps=function(e){let t=e.data,n=t.length,r=this.red(),i=this.green(),a=this.blue();for(let e=0;e<n;e+=4){let n=(.34*t[e]+.5*t[e+1]+.16*t[e+2])/255;t[e]=n*r,t[e+1]=n*i,t[e+2]=n*a,t[e+3]=t[e+3]}};z.addGetterSetter(B,`red`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`green`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`blue`,0,er,z.afterSetFilter);var ms=function(e){let t=e.data,n=t.length,r=this.red(),i=this.green(),a=this.blue(),o=this.alpha();for(let e=0;e<n;e+=4){let n=1-o;t[e]=r*o+t[e]*n,t[e+1]=i*o+t[e+1]*n,t[e+2]=a*o+t[e+2]*n}};z.addGetterSetter(B,`red`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`green`,0,function(e){return this._filterUpToDate=!1,e>255?255:e<0?0:Math.round(e)}),z.addGetterSetter(B,`blue`,0,er,z.afterSetFilter),z.addGetterSetter(B,`alpha`,1,function(e){return this._filterUpToDate=!1,e>1?1:e<0?0:e});var hs=function(e){let t=e.data,n=t.length;for(let e=0;e<n;e+=4){let n=t[e+0],r=t[e+1],i=t[e+2];t[e+0]=Math.min(255,n*.393+r*.769+i*.189),t[e+1]=Math.min(255,n*.349+r*.686+i*.168),t[e+2]=Math.min(255,n*.272+r*.534+i*.131)}},gs=function(e){let t=e.data;for(let e=0;e<t.length;e+=4){let n=t[e],r=t[e+1],i=t[e+2];.2126*n+.7152*r+.0722*i>=128&&(t[e]=255-n,t[e+1]=255-r,t[e+2]=255-i)}return e},_s=function(e){let t=this.threshold()*255,n=e.data,r=n.length;for(let e=0;e<r;e+=1)n[e]=n[e]<t?0:255};z.addGetterSetter(B,`threshold`,.5,R(),z.afterSetFilter);var vs=ra.Util._assign(ra,{Arc:ia,Arrow:_a,Circle:va,Ellipse:ya,Image:ba,Label:ka,Tag:Aa,Line:ca,Path:W,Rect:ja,RegularPolygon:Ma,Ring:Pa,Sprite:Fa,Star:Ia,Text:G,TextPath:K,Transformer:q,Wedge:Io,Filters:{Blur:Vo,Brightness:Uo,Brighten:Ho,Contrast:Wo,Emboss:Go,Enhance:qo,Grayscale:Jo,HSL:Yo,HSV:Xo,Invert:Zo,Kaleidoscope:es,Mask:ls,Noise:us,Pixelate:ds,Posterize:fs,RGB:ps,RGBA:ms,Sepia:hs,Solarize:gs,Threshold:_s}});function ys(e){if(!vs.autoDrawEnabled){let t=e.getLayer()||e.getStage();t&&t.batchDraw()}}var bs={key:!0,style:!0,elm:!0,isRootInsert:!0},xs=`.vue-konva-event`;function Ss(e,t,n,r){let i=e.__konvaNode,a={},o=!1;for(let e in n){if(bs.hasOwnProperty(e))continue;let r=e.slice(0,2)===`on`,a=n[e]!==t[e];if(r&&a){let t=e.slice(2).toLowerCase();t.slice(0,7)===`content`&&(t=`content`+t.slice(7,1).toUpperCase()+t.slice(8)),i?.off(t+xs,n[e])}!t.hasOwnProperty(e)&&i?.setAttr(e,void 0)}for(let e in t){if(bs.hasOwnProperty(e))continue;let s=e.slice(0,2)===`on`,c=n[e]!==t[e];if(s&&c){let n=e.slice(2).toLowerCase();n.slice(0,7)===`content`&&(n=`content`+n.slice(7,1).toUpperCase()+n.slice(8)),t[e]&&(i?.off(n+xs),i?.on(n+xs,t[e]))}!s&&(t[e]!==n[e]||r&&t[e]!==i?.getAttr(e))&&(o=!0,a[e]=t[e])}o&&i&&(i.setAttrs(a),ys(i))}var Cs=`.vue-konva-vmodel`,ws=`onUpdate:`;function Ts(e,t){e.off(Cs);let n=t.vnode.props||{};for(let t in n)if(t.startsWith(ws)){let r=t.slice(9),i=n[t];e.on(`${r}Change${Cs}`,()=>{i(e.getAttr(r))})}}var Es=`V`;function Ds(e){function t(e){return e?.__konvaNode?e:e?.parent?t(e.parent):(console.error(`vue-konva error: Can not find parent node`),null)}return t(e.parent)}function Os(e){return e.component?e.component.__konvaNode||Os(e.component.subTree):null}function ks(e){let{el:t,component:n}=e,r=Os(e);if(t?.tagName&&n&&!r){let e=t.tagName.toLowerCase();return console.error(`vue-konva error: You are trying to render "${e}" inside your component tree. Looks like it is not a Konva node. You can render only Konva components inside the Stage.`),null}return r}function As(e){let t=e=>!!e&&typeof e==`object`&&`component`in e,n=e=>Array.isArray(e),r=e=>t(e)?[e,...r(e.children)]:n(e)?e.flatMap(r):[];return r(e.children)}function js(e,t){let n=As(e),r=[];n.forEach(e=>{let t=ks(e);t&&r.push(t)});let i=!1;r.forEach((e,t)=>{e.getZIndex()!==t&&(e.setZIndex(t),i=!0)}),i&&ys(t)}var Ms=vs.default?.Stage||vs.Stage,Ns=Se({name:`Stage`,props:{config:{type:Object,default:function(){return{}}},__useStrictMode:{type:Boolean}},inheritAttrs:!1,setup(e,{attrs:t,slots:n,expose:i}){let a=Te();if(!a)return;let s=v({}),c=o(null),l=new Ms({width:e.config.width,height:e.config.height,container:document.createElement(`div`)});a.__konvaNode=l,p();function u(){return a?.__konvaNode}function d(){return a?.__konvaNode}function p(){if(!a)return;let n=s||{},r={...t,...e.config};Ss(a,r,n,e.__useStrictMode),Object.assign(s,r)}return r(()=>{c.value&&l.container(c.value),p(),Ts(l,a)}),f(()=>{p(),js(a.subTree,l),Ts(l,a)}),g(()=>{l.destroy()}),m(()=>e.config,p,{deep:!0}),i({getStage:d,getNode:u}),()=>we(`div`,{ref:c,id:t?.id,accesskey:t?.accesskey,class:t?.class,role:t?.role,style:t?.style,tabindex:t?.tabindex,title:t?.title},n.default?.())}}),Ps=`.vue-konva-event`,Fs={Group:!0,Layer:!0,FastLayer:!0,Label:!0};function J(e,t){return Se({name:e,props:{config:{type:Object,default:function(){return{}}},__useStrictMode:{type:Boolean}},setup(i,{attrs:a,slots:o,expose:s}){let c=Te();if(!c)return;let l=v({}),u=new t;c.__konvaNode=u,c.vnode.__konvaNode=u,h();function d(){return c?.__konvaNode}function p(){return c?.__konvaNode}function h(){if(!c)return;let e={};for(let t in c?.vnode.props)t.slice(0,2)===`on`&&(e[t]=c.vnode.props[t]);let t=l||{},n={...a,...i.config,...e};Ss(c,n,t,i.__useStrictMode),Object.assign(l,n)}r(()=>{let e=Ds(c)?.__konvaNode;e&&`add`in e&&e.add(u),ys(u),Ts(u,c)}),n(()=>{ys(u),u.destroy(),u.off(Ps),u.off(Cs)}),f(()=>{h(),js(c.subTree,u),Ts(u,c)}),m(()=>i.config,h,{deep:!0}),s({getStage:p,getNode:d});let g=Fs.hasOwnProperty(e);return()=>g?o.default?.():null}})}var Y=vs.default||vs,Is=J(`Arc`,Y.Arc),Ls=J(`Arrow`,Y.Arrow),Rs=J(`Circle`,Y.Circle),zs=J(`Ellipse`,Y.Ellipse),Bs=J(`FastLayer`,Y.FastLayer),Vs=J(`Group`,Y.Group),Hs=J(`Image`,Y.Image),Us=J(`Label`,Y.Label),Ws=J(`Layer`,Y.Layer),Gs=J(`Line`,Y.Line),Ks=J(`Path`,Y.Path),qs=J(`Rect`,Y.Rect),Js=J(`RegularPolygon`,Y.RegularPolygon),Ys=J(`Ring`,Y.Ring),Xs=J(`Shape`,Y.Shape),Zs=J(`Sprite`,Y.Sprite),Qs=J(`Star`,Y.Star),$s=J(`Tag`,Y.Tag),ec=J(`Text`,Y.Text),tc=J(`TextPath`,Y.TextPath),nc=J(`Transformer`,Y.Transformer),rc=J(`Wedge`,Y.Wedge),ic=Object.freeze(Object.defineProperty({__proto__:null,Arc:Is,Arrow:Ls,Circle:Rs,Ellipse:zs,FastLayer:Bs,Group:Vs,Image:Hs,Label:Us,Layer:Ws,Line:Gs,Path:Ks,Rect:qs,RegularPolygon:Js,Ring:Ys,Shape:Xs,Sprite:Zs,Star:Qs,Tag:$s,Text:ec,TextPath:tc,Transformer:nc,Wedge:rc},Symbol.toStringTag,{value:`Module`})),ac={install:(e,t)=>{let n=t?.prefix||Es,r=t?.customNodes?Object.entries(t.customNodes).map(([e,t])=>J(e,t)):[];[Ns,...Object.values(ic),...r].forEach(t=>{e.component(`${n}${t.name}`,t)})}},oc=typeof document<`u`;function sc(e){return typeof e==`object`||`displayName`in e||`props`in e||`__vccOpts`in e}function cc(e){return e.__esModule||e[Symbol.toStringTag]===`Module`||e.default&&sc(e.default)}var X=Object.assign;function lc(e,t){let n={};for(let r in t){let i=t[r];n[r]=dc(i)?i.map(e):e(i)}return n}var uc=()=>{},dc=Array.isArray;function fc(e,t){let n={};for(let r in e)n[r]=r in t?t[r]:e[r];return n}var pc=/#/g,mc=/&/g,hc=/\//g,gc=/=/g,_c=/\?/g,vc=/\+/g,yc=/%5B/g,bc=/%5D/g,xc=/%5E/g,Sc=/%60/g,Cc=/%7B/g,wc=/%7C/g,Tc=/%7D/g,Ec=/%20/g;function Dc(e){return e==null?``:encodeURI(``+e).replace(wc,`|`).replace(yc,`[`).replace(bc,`]`)}function Oc(e){return Dc(e).replace(Cc,`{`).replace(Tc,`}`).replace(xc,`^`)}function kc(e){return Dc(e).replace(vc,`%2B`).replace(Ec,`+`).replace(pc,`%23`).replace(mc,`%26`).replace(Sc,"`").replace(Cc,`{`).replace(Tc,`}`).replace(xc,`^`)}function Ac(e){return kc(e).replace(gc,`%3D`)}function jc(e){return Dc(e).replace(pc,`%23`).replace(_c,`%3F`)}function Mc(e){return jc(e).replace(hc,`%2F`)}function Nc(e){if(e==null)return null;try{return decodeURIComponent(``+e)}catch{}return``+e}var Pc=/\/$/,Fc=e=>e.replace(Pc,``);function Ic(e,t,n=`/`){let r,i={},a=``,o=``,s=t.indexOf(`#`),c=t.indexOf(`?`);return c=s>=0&&c>s?-1:c,c>=0&&(r=t.slice(0,c),a=t.slice(c,s>0?s:t.length),i=e(a.slice(1))),s>=0&&(r||=t.slice(0,s),o=t.slice(s,t.length)),r=Wc(r??t,n),{fullPath:r+a+o,path:r,query:i,hash:Nc(o)}}function Lc(e,t){let n=t.query?e(t.query):``;return t.path+(n&&`?`)+n+(t.hash||``)}function Rc(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||`/`}function zc(e,t,n){let r=t.matched.length-1,i=n.matched.length-1;return r>-1&&r===i&&Bc(t.matched[r],n.matched[i])&&Vc(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function Bc(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Vc(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(var n in e)if(!Hc(e[n],t[n]))return!1;return!0}function Hc(e,t){return dc(e)?Uc(e,t):dc(t)?Uc(t,e):e?.valueOf()===t?.valueOf()}function Uc(e,t){return dc(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):e.length===1&&e[0]===t}function Wc(e,t){if(e.startsWith(`/`))return e;if(!e)return t;let n=t.split(`/`),r=e.split(`/`),i=r[r.length-1];(i===`..`||i===`.`)&&r.push(``);let a=n.length-1,o,s;for(o=0;o<r.length;o++)if(s=r[o],s!==`.`)if(s===`..`)a>1&&a--;else break;return n.slice(0,a).join(`/`)+`/`+r.slice(o).join(`/`)}var Gc={path:`/`,name:void 0,params:{},query:{},hash:``,fullPath:`/`,matched:[],meta:{},redirectedFrom:void 0},Kc=function(e){return e.pop=`pop`,e.push=`push`,e}({}),qc=function(e){return e.back=`back`,e.forward=`forward`,e.unknown=``,e}({});function Jc(e){if(!e)if(oc){let t=document.querySelector(`base`);e=t&&t.getAttribute(`href`)||`/`,e=e.replace(/^\w+:\/\/[^\/]+/,``)}else e=`/`;return e[0]!==`/`&&e[0]!==`#`&&(e=`/`+e),Fc(e)}var Yc=/^[^#]+#/;function Xc(e,t){return e.replace(Yc,`#`)+t}function Zc(e,t){let n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}var Qc=()=>({left:window.scrollX,top:window.scrollY});function $c(e){let t;if(`el`in e){let n=e.el,r=typeof n==`string`&&n.startsWith(`#`),i=typeof n==`string`?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!i)return;t=Zc(i,e)}else t=e;`scrollBehavior`in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left==null?window.scrollX:t.left,t.top==null?window.scrollY:t.top)}function el(e,t){return(history.state?history.state.position-t:-1)+e}var tl=new Map;function nl(e,t){tl.set(e,t)}function rl(e){let t=tl.get(e);return tl.delete(e),t}function il(e){return typeof e==`string`||e&&typeof e==`object`}function al(e){return typeof e==`string`||typeof e==`symbol`}var Z=function(e){return e[e.MATCHER_NOT_FOUND=1]=`MATCHER_NOT_FOUND`,e[e.NAVIGATION_GUARD_REDIRECT=2]=`NAVIGATION_GUARD_REDIRECT`,e[e.NAVIGATION_ABORTED=4]=`NAVIGATION_ABORTED`,e[e.NAVIGATION_CANCELLED=8]=`NAVIGATION_CANCELLED`,e[e.NAVIGATION_DUPLICATED=16]=`NAVIGATION_DUPLICATED`,e}({}),ol=Symbol(``);Z.MATCHER_NOT_FOUND,Z.NAVIGATION_GUARD_REDIRECT,Z.NAVIGATION_ABORTED,Z.NAVIGATION_CANCELLED,Z.NAVIGATION_DUPLICATED;function sl(e,t){return X(Error(),{type:e,[ol]:!0},t)}function cl(e,t){return e instanceof Error&&ol in e&&(t==null||!!(e.type&t))}function ll(e){let t={};if(e===``||e===`?`)return t;let n=(e[0]===`?`?e.slice(1):e).split(`&`);for(let e=0;e<n.length;++e){let r=n[e].replace(vc,` `),i=r.indexOf(`=`),a=Nc(i<0?r:r.slice(0,i)),o=i<0?null:Nc(r.slice(i+1));if(a in t){let e=t[a];dc(e)||(e=t[a]=[e]),e.push(o)}else t[a]=o}return t}function ul(e){let t=``;for(let n in e){let r=e[n];if(n=Ac(n),r==null){r!==void 0&&(t+=(t.length?`&`:``)+n);continue}(dc(r)?r.map(e=>e&&kc(e)):[r&&kc(r)]).forEach(e=>{e!==void 0&&(t+=(t.length?`&`:``)+n,e!=null&&(t+=`=`+e))})}return t}function dl(e){let t={};for(let n in e){let r=e[n];r!==void 0&&(t[n]=dc(r)?r.map(e=>e==null?null:``+e):r==null?r:``+r)}return t}var fl=Symbol(``),pl=Symbol(``),ml=Symbol(``),hl=Symbol(``),gl=Symbol(``);function _l(){let e=[];function t(t){return e.push(t),()=>{let n=e.indexOf(t);n>-1&&e.splice(n,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function vl(e,t,n,r,i,a=e=>e()){let o=r&&(r.enterCallbacks[i]=r.enterCallbacks[i]||[]);return()=>new Promise((s,c)=>{let l=e=>{e===!1?c(sl(Z.NAVIGATION_ABORTED,{from:n,to:t})):e instanceof Error?c(e):il(e)?c(sl(Z.NAVIGATION_GUARD_REDIRECT,{from:t,to:e})):(o&&r.enterCallbacks[i]===o&&typeof e==`function`&&o.push(e),s())},u=a(()=>e.call(r&&r.instances[i],t,n,l)),d=Promise.resolve(u);e.length<3&&(d=d.then(l)),d.catch(e=>c(e))})}function yl(e,t,n,r,i=e=>e()){let a=[];for(let o of e)for(let e in o.components){let s=o.components[e];if(!(t!==`beforeRouteEnter`&&!o.instances[e]))if(sc(s)){let c=(s.__vccOpts||s)[t];c&&a.push(vl(c,n,r,o,e,i))}else{let c=s();a.push(()=>c.then(a=>{if(!a)throw Error(`Couldn't resolve component "${e}" at "${o.path}"`);let s=cc(a)?a.default:a;o.mods[e]=a,o.components[e]=s;let c=(s.__vccOpts||s)[t];return c&&vl(c,n,r,o,e,i)()}))}}return a}function bl(e,t){let n=[],r=[],i=[],a=Math.max(t.matched.length,e.matched.length);for(let o=0;o<a;o++){let a=t.matched[o];a&&(e.matched.find(e=>Bc(e,a))?r.push(a):n.push(a));let s=e.matched[o];s&&(t.matched.find(e=>Bc(e,s))||i.push(s))}return[n,r,i]}var xl=()=>location.protocol+`//`+location.host;function Sl(e,t){let{pathname:n,search:r,hash:i}=t,a=e.indexOf(`#`);if(a>-1){let t=i.includes(e.slice(a))?e.slice(a).length:1,n=i.slice(t);return n[0]!==`/`&&(n=`/`+n),Rc(n,``)}return Rc(n,e)+r+i}function Cl(e,t,n,r){let i=[],a=[],o=null,s=({state:a})=>{let s=Sl(e,location),c=n.value,l=t.value,u=0;if(a){if(n.value=s,t.value=a,o&&o===c){o=null;return}u=l?a.position-l.position:0}else r(s);i.forEach(e=>{e(n.value,c,{delta:u,type:Kc.pop,direction:u?u>0?qc.forward:qc.back:qc.unknown})})};function c(){o=n.value}function l(e){i.push(e);let t=()=>{let t=i.indexOf(e);t>-1&&i.splice(t,1)};return a.push(t),t}function u(){if(document.visibilityState===`hidden`){let{history:e}=window;if(!e.state)return;e.replaceState(X({},e.state,{scroll:Qc()}),``)}}function d(){for(let e of a)e();a=[],window.removeEventListener(`popstate`,s),window.removeEventListener(`pagehide`,u),document.removeEventListener(`visibilitychange`,u)}return window.addEventListener(`popstate`,s),window.addEventListener(`pagehide`,u),document.addEventListener(`visibilitychange`,u),{pauseListeners:c,listen:l,destroy:d}}function wl(e,t,n,r=!1,i=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:i?Qc():null}}function Tl(e){let{history:t,location:n}=window,r={value:Sl(e,n)},i={value:t.state};i.value||a(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function a(r,a,o){let s=e.indexOf(`#`),c=s>-1?(n.host&&document.querySelector(`base`)?e:e.slice(s))+r:xl()+e+r;try{t[o?`replaceState`:`pushState`](a,``,c),i.value=a}catch(e){console.error(e),n[o?`replace`:`assign`](c)}}function o(e,n){a(e,X({},t.state,wl(i.value.back,e,i.value.forward,!0),n,{position:i.value.position}),!0),r.value=e}function s(e,n){let o=X({},i.value,t.state,{forward:e,scroll:Qc()});a(o.current,o,!0),a(e,X({},wl(r.value,e,null),{position:o.position+1},n),!1),r.value=e}return{location:r,state:i,push:s,replace:o}}function El(e){e=Jc(e);let t=Tl(e),n=Cl(e,t.state,t.location,t.replace);function r(e,t=!0){t||n.pauseListeners(),history.go(e)}let i=X({location:``,base:e,go:r,createHref:Xc.bind(null,e)},t,n);return Object.defineProperty(i,`location`,{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(i,`state`,{enumerable:!0,get:()=>t.state.value}),i}var Dl=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.Group=2]=`Group`,e}({}),Q=function(e){return e[e.Static=0]=`Static`,e[e.Param=1]=`Param`,e[e.ParamRegExp=2]=`ParamRegExp`,e[e.ParamRegExpEnd=3]=`ParamRegExpEnd`,e[e.EscapeNext=4]=`EscapeNext`,e}(Q||{}),Ol={type:Dl.Static,value:``},kl=/[a-zA-Z0-9_]/;function Al(e){if(!e)return[[]];if(e===`/`)return[[Ol]];if(!e.startsWith(`/`))throw Error(`Invalid path "${e}"`);function t(e){throw Error(`ERR (${n})/"${l}": ${e}`)}let n=Q.Static,r=n,i=[],a;function o(){a&&i.push(a),a=[]}let s=0,c,l=``,u=``;function d(){l&&=(n===Q.Static?a.push({type:Dl.Static,value:l}):n===Q.Param||n===Q.ParamRegExp||n===Q.ParamRegExpEnd?(a.length>1&&(c===`*`||c===`+`)&&t(`A repeatable param (${l}) must be alone in its segment. eg: '/:ids+.`),a.push({type:Dl.Param,value:l,regexp:u,repeatable:c===`*`||c===`+`,optional:c===`*`||c===`?`})):t(`Invalid state to consume buffer`),``)}function f(){l+=c}for(;s<e.length;){if(c=e[s++],c===`\\`&&n!==Q.ParamRegExp){r=n,n=Q.EscapeNext;continue}switch(n){case Q.Static:c===`/`?(l&&d(),o()):c===`:`?(d(),n=Q.Param):f();break;case Q.EscapeNext:f(),n=r;break;case Q.Param:c===`(`?n=Q.ParamRegExp:kl.test(c)?f():(d(),n=Q.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--);break;case Q.ParamRegExp:c===`)`?u[u.length-1]==`\\`?u=u.slice(0,-1)+c:n=Q.ParamRegExpEnd:u+=c;break;case Q.ParamRegExpEnd:d(),n=Q.Static,c!==`*`&&c!==`?`&&c!==`+`&&s--,u=``;break;default:t(`Unknown state`);break}}return n===Q.ParamRegExp&&t(`Unfinished custom RegExp for param "${l}"`),d(),o(),i}var jl=`[^/]+?`,Ml={sensitive:!1,strict:!1,start:!0,end:!0},$=function(e){return e[e._multiplier=10]=`_multiplier`,e[e.Root=90]=`Root`,e[e.Segment=40]=`Segment`,e[e.SubSegment=30]=`SubSegment`,e[e.Static=40]=`Static`,e[e.Dynamic=20]=`Dynamic`,e[e.BonusCustomRegExp=10]=`BonusCustomRegExp`,e[e.BonusWildcard=-50]=`BonusWildcard`,e[e.BonusRepeatable=-20]=`BonusRepeatable`,e[e.BonusOptional=-8]=`BonusOptional`,e[e.BonusStrict=.7000000000000001]=`BonusStrict`,e[e.BonusCaseSensitive=.25]=`BonusCaseSensitive`,e}($||{}),Nl=/[.+*?^${}()[\]/\\]/g;function Pl(e,t){let n=X({},Ml,t),r=[],i=n.start?`^`:``,a=[];for(let t of e){let e=t.length?[]:[$.Root];n.strict&&!t.length&&(i+=`/`);for(let r=0;r<t.length;r++){let o=t[r],s=$.Segment+(n.sensitive?$.BonusCaseSensitive:0);if(o.type===Dl.Static)r||(i+=`/`),i+=o.value.replace(Nl,`\\$&`),s+=$.Static;else if(o.type===Dl.Param){let{value:e,repeatable:n,optional:c,regexp:l}=o;a.push({name:e,repeatable:n,optional:c});let u=l||jl;if(u!==jl){s+=$.BonusCustomRegExp;try{`${u}`}catch(t){throw Error(`Invalid custom RegExp for param "${e}" (${u}): `+t.message)}}let d=n?`((?:${u})(?:/(?:${u}))*)`:`(${u})`;r||(d=c&&t.length<2?`(?:/${d})`:`/`+d),c&&(d+=`?`),i+=d,s+=$.Dynamic,c&&(s+=$.BonusOptional),n&&(s+=$.BonusRepeatable),u===`.*`&&(s+=$.BonusWildcard)}e.push(s)}r.push(e)}if(n.strict&&n.end){let e=r.length-1;r[e][r[e].length-1]+=$.BonusStrict}n.strict||(i+=`/?`),n.end?i+=`$`:n.strict&&!i.endsWith(`/`)&&(i+=`(?:/|$)`);let o=new RegExp(i,n.sensitive?``:`i`);function s(e){let t=e.match(o),n={};if(!t)return null;for(let e=1;e<t.length;e++){let r=t[e]||``,i=a[e-1];n[i.name]=r&&i.repeatable?r.split(`/`):r}return n}function c(t){let n=``,r=!1;for(let i of e){(!r||!n.endsWith(`/`))&&(n+=`/`),r=!1;for(let e of i)if(e.type===Dl.Static)n+=e.value;else if(e.type===Dl.Param){let{value:a,repeatable:o,optional:s}=e,c=a in t?t[a]:``;if(dc(c)&&!o)throw Error(`Provided param "${a}" is an array but it is not repeatable (* or + modifiers)`);let l=dc(c)?c.join(`/`):c;if(!l)if(s)i.length<2&&(n.endsWith(`/`)?n=n.slice(0,-1):r=!0);else throw Error(`Missing required param "${a}"`);n+=l}}return n||`/`}return{re:o,score:r,keys:a,parse:s,stringify:c}}function Fl(e,t){let n=0;for(;n<e.length&&n<t.length;){let r=t[n]-e[n];if(r)return r;n++}return e.length<t.length?e.length===1&&e[0]===$.Static+$.Segment?-1:1:e.length>t.length?t.length===1&&t[0]===$.Static+$.Segment?1:-1:0}function Il(e,t){let n=0,r=e.score,i=t.score;for(;n<r.length&&n<i.length;){let e=Fl(r[n],i[n]);if(e)return e;n++}if(Math.abs(i.length-r.length)===1){if(Ll(r))return 1;if(Ll(i))return-1}return i.length-r.length}function Ll(e){let t=e[e.length-1];return e.length>0&&t[t.length-1]<0}var Rl={strict:!1,end:!0,sensitive:!1};function zl(e,t,n){let r=X(Pl(Al(e.path),n),{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function Bl(e,t){let n=[],r=new Map;t=fc(Rl,t);function i(e){return r.get(e)}function a(e,n,r){let i=!r,s=Hl(e);s.aliasOf=r&&r.record;let l=fc(t,e),u=[s];if(`alias`in e){let t=typeof e.alias==`string`?[e.alias]:e.alias;for(let e of t)u.push(Hl(X({},s,{components:r?r.record.components:s.components,path:e,aliasOf:r?r.record:s})))}let d,f;for(let t of u){let{path:u}=t;if(n&&u[0]!==`/`){let e=n.record.path,r=e[e.length-1]===`/`?``:`/`;t.path=n.record.path+(u&&r+u)}if(d=zl(t,n,l),r?r.alias.push(d):(f||=d,f!==d&&f.alias.push(d),i&&e.name&&!Wl(d)&&o(e.name)),Jl(d)&&c(d),s.children){let e=s.children;for(let t=0;t<e.length;t++)a(e[t],d,r&&r.children[t])}r||=d}return f?()=>{o(f)}:uc}function o(e){if(al(e)){let t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(o),t.alias.forEach(o))}else{let t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(o),e.alias.forEach(o))}}function s(){return n}function c(e){let t=Kl(e,n);n.splice(t,0,e),e.record.name&&!Wl(e)&&r.set(e.record.name,e)}function l(e,t){let i,a={},o,s;if(`name`in e&&e.name){if(i=r.get(e.name),!i)throw sl(Z.MATCHER_NOT_FOUND,{location:e});s=i.record.name,a=X(Vl(t.params,i.keys.filter(e=>!e.optional).concat(i.parent?i.parent.keys.filter(e=>e.optional):[]).map(e=>e.name)),e.params&&Vl(e.params,i.keys.map(e=>e.name))),o=i.stringify(a)}else if(e.path!=null)o=e.path,i=n.find(e=>e.re.test(o)),i&&(a=i.parse(o),s=i.record.name);else{if(i=t.name?r.get(t.name):n.find(e=>e.re.test(t.path)),!i)throw sl(Z.MATCHER_NOT_FOUND,{location:e,currentLocation:t});s=i.record.name,a=X({},t.params,e.params),o=i.stringify(a)}let c=[],l=i;for(;l;)c.unshift(l.record),l=l.parent;return{name:s,path:o,params:a,matched:c,meta:Gl(c)}}e.forEach(e=>a(e));function u(){n.length=0,r.clear()}return{addRoute:a,resolve:l,removeRoute:o,clearRoutes:u,getRoutes:s,getRecordMatcher:i}}function Vl(e,t){let n={};for(let r of t)r in e&&(n[r]=e[r]);return n}function Hl(e){let t={path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:e.aliasOf,beforeEnter:e.beforeEnter,props:Ul(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:`components`in e?e.components||null:e.component&&{default:e.component}};return Object.defineProperty(t,`mods`,{value:{}}),t}function Ul(e){let t={},n=e.props||!1;if(`component`in e)t.default=n;else for(let r in e.components)t[r]=typeof n==`object`?n[r]:n;return t}function Wl(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function Gl(e){return e.reduce((e,t)=>X(e,t.meta),{})}function Kl(e,t){let n=0,r=t.length;for(;n!==r;){let i=n+r>>1;Il(e,t[i])<0?r=i:n=i+1}let i=ql(e);return i&&(r=t.lastIndexOf(i,r-1)),r}function ql(e){let t=e;for(;t=t.parent;)if(Jl(t)&&Il(e,t)===0)return t}function Jl({record:e}){return!!(e.name||e.components&&Object.keys(e.components).length||e.redirect)}function Yl(e){let t=h(ml),n=h(hl),r=M(()=>{let n=l(e.to);return t.resolve(n)}),i=M(()=>{let{matched:e}=r.value,{length:t}=e,i=e[t-1],a=n.matched;if(!i||!a.length)return-1;let o=a.findIndex(Bc.bind(null,i));if(o>-1)return o;let s=eu(e[t-2]);return t>1&&eu(i)===s&&a[a.length-1].path!==s?a.findIndex(Bc.bind(null,e[t-2])):o}),a=M(()=>i.value>-1&&$l(n.params,r.value.params)),o=M(()=>i.value>-1&&i.value===n.matched.length-1&&Vc(n.params,r.value.params));function s(n={}){if(Ql(n)){let n=t[l(e.replace)?`replace`:`push`](l(e.to)).catch(uc);return e.viewTransition&&typeof document<`u`&&`startViewTransition`in document&&document.startViewTransition(()=>n),n}return Promise.resolve()}return{route:r,href:M(()=>r.value.href),isActive:a,isExactActive:o,navigate:s}}function Xl(e){return e.length===1?e[0]:e}var Zl=Se({name:`RouterLink`,compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:`page`},viewTransition:Boolean},useLink:Yl,setup(e,{slots:t}){let n=v(Yl(e)),{options:r}=h(ml),i=M(()=>({[tu(e.activeClass,r.linkActiveClass,`router-link-active`)]:n.isActive,[tu(e.exactActiveClass,r.linkExactActiveClass,`router-link-exact-active`)]:n.isExactActive}));return()=>{let r=t.default&&Xl(t.default(n));return e.custom?r:we(`a`,{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:i.value},r)}}});function Ql(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){let t=e.currentTarget.getAttribute(`target`);if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function $l(e,t){for(let n in t){let r=t[n],i=e[n];if(typeof r==`string`){if(r!==i)return!1}else if(!dc(i)||i.length!==r.length||r.some((e,t)=>e.valueOf()!==i[t].valueOf()))return!1}return!0}function eu(e){return e?e.aliasOf?e.aliasOf.path:e.path:``}var tu=(e,t,n)=>e??t??n,nu=Se({name:`RouterView`,inheritAttrs:!1,props:{name:{type:String,default:`default`},route:Object},compatConfig:{MODE:3},setup(e,{attrs:n,slots:r}){let i=h(gl),a=M(()=>e.route||i.value),s=h(pl,0),c=M(()=>{let e=l(s),{matched:t}=a.value,n;for(;(n=t[e])&&!n.components;)e++;return e}),u=M(()=>a.value.matched[c.value]);t(pl,M(()=>c.value+1)),t(fl,u),t(gl,a);let d=o();return m(()=>[d.value,u.value,e.name],([e,t,n],[r,i,a])=>{t&&(t.instances[n]=e,i&&i!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=i.leaveGuards),t.updateGuards.size||(t.updateGuards=i.updateGuards))),e&&t&&(!i||!Bc(t,i)||!r)&&(t.enterCallbacks[n]||[]).forEach(t=>t(e))},{flush:`post`}),()=>{let t=a.value,i=e.name,o=u.value,s=o&&o.components[i];if(!s)return ru(r.default,{Component:s,route:t});let c=o.props[i],l=we(s,X({},c?c===!0?t.params:typeof c==`function`?c(t):c:null,n,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(o.instances[i]=null)},ref:d}));return ru(r.default,{Component:l,route:t})||l}}});function ru(e,t){if(!e)return null;let n=e(t);return n.length===1?n[0]:n}var iu=nu;function au(e){let t=Bl(e.routes,e),n=e.parseQuery||ll,r=e.stringifyQuery||ul,i=e.history,a=_l(),o=_l(),s=_l(),c=y(Gc),u=Gc;oc&&e.scrollBehavior&&`scrollRestoration`in history&&(history.scrollRestoration=`manual`);let d=lc.bind(null,e=>``+e),f=lc.bind(null,Mc),p=lc.bind(null,Nc);function m(e,n){let r,i;return al(e)?(r=t.getRecordMatcher(e),i=n):i=e,t.addRoute(i,r)}function h(e){let n=t.getRecordMatcher(e);n&&t.removeRoute(n)}function g(){return t.getRoutes().map(e=>e.record)}function v(e){return!!t.getRecordMatcher(e)}function b(e,a){if(a=X({},a||c.value),typeof e==`string`){let r=Ic(n,e,a.path),o=t.resolve({path:r.path},a),s=i.createHref(r.fullPath);return X(r,o,{params:p(o.params),hash:Nc(r.hash),redirectedFrom:void 0,href:s})}let o;if(e.path!=null)o=X({},e,{path:Ic(n,e.path,a.path).path});else{let t=X({},e.params);for(let e in t)t[e]??delete t[e];o=X({},e,{params:f(t)}),a.params=f(a.params)}let s=t.resolve(o,a),l=e.hash||``;s.params=d(p(s.params));let u=Lc(r,X({},e,{hash:Oc(l),path:s.path})),m=i.createHref(u);return X({fullPath:u,hash:l,query:r===ul?dl(e.query):e.query||{}},s,{redirectedFrom:void 0,href:m})}function x(e){return typeof e==`string`?Ic(n,e,c.value.path):X({},e)}function S(e,t){if(u!==e)return sl(Z.NAVIGATION_CANCELLED,{from:t,to:e})}function C(e){return T(e)}function w(e){return C(X(x(e),{replace:!0}))}function ee(e,t){let n=e.matched[e.matched.length-1];if(n&&n.redirect){let{redirect:r}=n,i=typeof r==`function`?r(e,t):r;return typeof i==`string`&&(i=i.includes(`?`)||i.includes(`#`)?i=x(i):{path:i},i.params={}),X({query:e.query,hash:e.hash,params:i.path==null?e.params:{}},i)}}function T(e,t){let n=u=b(e),i=c.value,a=e.state,o=e.force,s=e.replace===!0,l=ee(n,i);if(l)return T(X(x(l),{state:typeof l==`object`?X({},a,l.state):a,force:o,replace:s}),t||n);let d=n;d.redirectedFrom=t;let f;return!o&&zc(r,i,n)&&(f=sl(Z.NAVIGATION_DUPLICATED,{to:d,from:i}),se(i,i,!0,!1)),(f?Promise.resolve(f):ne(d,i)).catch(e=>cl(e)?cl(e,Z.NAVIGATION_GUARD_REDIRECT)?e:oe(e):ae(e,d,i)).then(e=>{if(e){if(cl(e,Z.NAVIGATION_GUARD_REDIRECT))return T(X({replace:s},x(e.to),{state:typeof e.to==`object`?X({},a,e.to.state):a,force:o}),t||d)}else e=D(d,i,!0,s,a);return re(d,i,e),e})}function te(e,t){let n=S(e,t);return n?Promise.reject(n):Promise.resolve()}function E(e){let t=ue.values().next().value;return t&&typeof t.runWithContext==`function`?t.runWithContext(e):e()}function ne(e,t){let n,[r,i,s]=bl(e,t);n=yl(r.reverse(),`beforeRouteLeave`,e,t);for(let i of r)i.leaveGuards.forEach(r=>{n.push(vl(r,e,t))});let c=te.bind(null,e,t);return n.push(c),N(n).then(()=>{n=[];for(let r of a.list())n.push(vl(r,e,t));return n.push(c),N(n)}).then(()=>{n=yl(i,`beforeRouteUpdate`,e,t);for(let r of i)r.updateGuards.forEach(r=>{n.push(vl(r,e,t))});return n.push(c),N(n)}).then(()=>{n=[];for(let r of s)if(r.beforeEnter)if(dc(r.beforeEnter))for(let i of r.beforeEnter)n.push(vl(i,e,t));else n.push(vl(r.beforeEnter,e,t));return n.push(c),N(n)}).then(()=>(e.matched.forEach(e=>e.enterCallbacks={}),n=yl(s,`beforeRouteEnter`,e,t,E),n.push(c),N(n))).then(()=>{n=[];for(let r of o.list())n.push(vl(r,e,t));return n.push(c),N(n)}).catch(e=>cl(e,Z.NAVIGATION_CANCELLED)?e:Promise.reject(e))}function re(e,t,n){s.list().forEach(r=>E(()=>r(e,t,n)))}function D(e,t,n,r,a){let o=S(e,t);if(o)return o;let s=t===Gc,l=oc?history.state:{};n&&(r||s?i.replace(e.fullPath,X({scroll:s&&l&&l.scroll},a)):i.push(e.fullPath,a)),c.value=e,se(e,t,n,s),oe()}let O;function ie(){O||=i.listen((e,t,n)=>{if(!de.listening)return;let r=b(e),a=ee(r,de.currentRoute.value);if(a){T(X(a,{replace:!0,force:!0}),r).catch(uc);return}u=r;let o=c.value;oc&&nl(el(o.fullPath,n.delta),Qc()),ne(r,o).catch(e=>cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_CANCELLED)?e:cl(e,Z.NAVIGATION_GUARD_REDIRECT)?(T(X(x(e.to),{force:!0}),r).then(e=>{cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_DUPLICATED)&&!n.delta&&n.type===Kc.pop&&i.go(-1,!1)}).catch(uc),Promise.reject()):(n.delta&&i.go(-n.delta,!1),ae(e,r,o))).then(e=>{e||=D(r,o,!1),e&&(n.delta&&!cl(e,Z.NAVIGATION_CANCELLED)?i.go(-n.delta,!1):n.type===Kc.pop&&cl(e,Z.NAVIGATION_ABORTED|Z.NAVIGATION_DUPLICATED)&&i.go(-1,!1)),re(r,o,e)}).catch(uc)})}let k=_l(),A=_l(),j;function ae(e,t,n){oe(e);let r=A.list();return r.length?r.forEach(r=>r(e,t,n)):console.error(e),Promise.reject(e)}function M(){return j&&c.value!==Gc?Promise.resolve():new Promise((e,t)=>{k.add([e,t])})}function oe(e){return j||(j=!e,ie(),k.list().forEach(([t,n])=>e?n(e):t()),k.reset()),e}function se(t,n,r,i){let{scrollBehavior:a}=e;if(!oc||!a)return Promise.resolve();let o=!r&&rl(el(t.fullPath,0))||(i||!r)&&history.state&&history.state.scroll||null;return Ce().then(()=>a(t,n,o)).then(e=>e&&$c(e)).catch(e=>ae(e,t,n))}let ce=e=>i.go(e),le,ue=new Set,de={currentRoute:c,listening:!0,addRoute:m,removeRoute:h,clearRoutes:t.clearRoutes,hasRoute:v,getRoutes:g,resolve:b,options:e,push:C,replace:w,go:ce,back:()=>ce(-1),forward:()=>ce(1),beforeEach:a.add,beforeResolve:o.add,afterEach:s.add,onError:A.add,isReady:M,install(e){e.component(`RouterLink`,Zl),e.component(`RouterView`,iu),e.config.globalProperties.$router=de,Object.defineProperty(e.config.globalProperties,`$route`,{enumerable:!0,get:()=>l(c)}),oc&&!le&&c.value===Gc&&(le=!0,C(i.location).catch(e=>{}));let t={};for(let e in Gc)Object.defineProperty(t,e,{get:()=>c.value[e],enumerable:!0});e.provide(ml,de),e.provide(hl,_(t)),e.provide(gl,c);let n=e.unmount;ue.add(e),e.unmount=function(){ue.delete(e),ue.size<1&&(u=Gc,O&&O(),O=null,c.value=Gc,le=!1,j=!1),n()}}};function N(e){return e.reduce((e,t)=>e.then(()=>E(t)),Promise.resolve())}return de}function ou(){return h(ml)}function su(e){return h(hl)}var cu=he(`images`,()=>{let e=o([]),t=o(!1),n=o(null),r=o(0);async function i(){t.value=!0,n.value=null;try{let t=await fetch(`/api/images`);if(!t.ok)throw Error(`Failed to load images`);e.value=await t.json()}catch(e){n.value=e instanceof Error?e.message:`Unknown error`}finally{t.value=!1}}async function a(t,n){let r=new FormData;r.append(`file`,t),n?.original&&r.append(`original`,n.original),n?.cropParams&&r.append(`cropParams`,JSON.stringify(n.cropParams)),n?.stickerState&&r.append(`stickerState`,JSON.stringify(n.stickerState)),n?.cropOrientation&&r.append(`cropOrientation`,n.cropOrientation);let i=await fetch(`/api/images`,{method:`POST`,body:r});if(!i.ok){let e=await i.json().catch(()=>({}));throw Error(e.error??`Upload failed`)}let a=await i.json();return e.value.unshift(a),a}async function s(t,n,r){let i=new FormData;i.append(`file`,n),r?.cropParams&&i.append(`cropParams`,JSON.stringify(r.cropParams)),r?.stickerState&&i.append(`stickerState`,JSON.stringify(r.stickerState)),r?.cropOrientation&&i.append(`cropOrientation`,r.cropOrientation);let a=await fetch(`/api/images/${t}/reprocess`,{method:`POST`,body:i});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(e.error??`Reprocess failed`)}let o=await a.json(),s=e.value.findIndex(e=>e.id===t);return s!==-1&&(e.value[s]=o),o}async function c(t){if(!(await fetch(`/api/images/${t}`,{method:`DELETE`})).ok)throw Error(`Delete failed`);e.value=e.value.filter(e=>e.id!==t)}async function l(t,n,r){let i=r?`POST`:`DELETE`,a=await fetch(`/api/images/${t}/approve/${n}`,{method:i});if(!a.ok)throw Error(`Failed to update approval`);let o=await a.json(),s=e.value.findIndex(e=>e.id===t);s!==-1&&(e.value[s]=o)}async function u(e,t=1,n=20){let r=new URLSearchParams({page:String(t),limit:String(n)});e&&r.set(`status`,e);let i=await fetch(`/api/shared-images?${r}`);if(!i.ok)throw Error(`Failed to load shared images`);return i.json()}async function d(){let e=await fetch(`/api/shared-images/pending-count`);e.ok&&(r.value=(await e.json()).count)}async function f(e,t){let n=await fetch(`/api/shared-images/${e}/approve`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({deviceIds:t})});if(!n.ok)throw Error(`Failed to approve`);return r.value>0&&r.value--,n.json()}async function p(e){let t=await fetch(`/api/shared-images/${e}/decline`,{method:`POST`});if(!t.ok)throw Error(`Failed to decline`);return r.value>0&&r.value--,t.json()}async function m(e,t){let n=await fetch(`/api/images/${e}/share`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({recipientEmail:t})});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??`Failed to share`)}}return{images:e,loading:t,error:n,pendingCount:r,fetchImages:i,uploadImage:a,reprocessImage:s,deleteImage:c,setApproval:l,fetchSharedImages:u,fetchPendingCount:d,approveShared:f,declineShared:p,shareImage:m}}),lu={class:`bottom-nav`,"aria-label":`Main navigation`},uu={class:`bottom-nav__icon-wrap`,"aria-hidden":`true`},du=[`innerHTML`],fu={key:0,class:`bottom-nav__badge`},pu={class:`bottom-nav__label`},mu=ve(Se({__name:`BottomNav`,setup(e){let t=su(),n=cu(),r=[{name:`home`,label:`Home`,to:`/`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9,22 9,12 15,12 15,22"/></svg>`,isActive:e=>e.path===`/`},{name:`library`,label:`Library`,to:`/library`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>`,isActive:e=>e.path.startsWith(`/library`)},{name:`settings`,label:`Settings`,to:`/settings`,icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>`,isActive:e=>e.path.startsWith(`/settings`)}];return(e,i)=>{let a=d(`RouterLink`);return ae(),fe(`nav`,lu,[(ae(),fe(de,null,j(r,e=>C(a,{key:e.name,to:e.to,class:re([`bottom-nav__tab`,{"bottom-nav__tab--active":e.isActive(l(t))}]),"aria-label":e.label,"aria-current":e.isActive(l(t))?`page`:void 0},{default:Ee(()=>[be(`span`,uu,[be(`span`,{class:`bottom-nav__icon`,innerHTML:e.icon},null,8,du),e.name===`library`&&l(n).pendingCount>0?(ae(),fe(`span`,fu,pe(l(n).pendingCount>9?`9+`:l(n).pendingCount),1)):O(``,!0)]),be(`span`,pu,pe(e.label),1)]),_:2},1032,[`to`,`class`,`aria-label`,`aria-current`])),64))])}}}),[[`__scopeId`,`data-v-e670448a`]]),hu=0,gu=he(`toast`,()=>{let e=o([]);function t(t,r=`info`){let i=++hu;e.value.push({id:i,message:t,type:r}),setTimeout(()=>n(i),2500)}function n(t){let n=e.value.findIndex(e=>e.id===t);n!==-1&&e.value.splice(n,1)}return{toasts:e,show:t,dismiss:n}}),_u={class:`toast-region`,"aria-live":`polite`,"aria-atomic":`false`},vu=[`onClick`],yu=ve(Se({__name:`BaseToast`,setup(e){let t=gu();return(e,n)=>(ae(),fe(`div`,_u,[C(Ft,{name:`toast`,tag:`ul`,class:`toast-list`},{default:Ee(()=>[(ae(!0),fe(de,null,j(l(t).toasts,e=>(ae(),fe(`li`,{key:e.id,class:re([`toast`,`toast--${e.type}`]),role:`status`},[ie(pe(e.message)+` `,1),be(`button`,{class:`toast__close`,"aria-label":`Dismiss`,onClick:n=>l(t).dismiss(e.id)},` × `,8,vu)],2))),128))]),_:1})]))}}),[[`__scopeId`,`data-v-546af507`]]),bu=he(`auth`,()=>{let e=o(window.__PF_USER__??null),t=M(()=>e.value!==null);function n(t){e.value=t}return{user:e,isAuthenticated:t,setUser:n}}),xu=[{id:`warm-craft`,label:`Warm Craft`,primary:`#c97c3a`,bg:`#fdf6ee`,text:`#3a2e22`},{id:`playful-pop`,label:`Playful Pop`,primary:`#d63aab`,bg:`#fff0fb`,text:`#2d0a28`},{id:`sage-cream`,label:`Sage & Cream`,primary:`#4e7c3a`,bg:`#f6f8f3`,text:`#1e2b1a`},{id:`dusty-mauve`,label:`Dusty Mauve`,primary:`#8e4a84`,bg:`#f6f0f4`,text:`#2a1828`},{id:`ocean-dusk`,label:`Ocean Dusk`,primary:`#1a6ea8`,bg:`#eef3f8`,text:`#0e2030`},{id:`honey-slate`,label:`Honey & Slate`,primary:`#c49a20`,bg:`#f2f2ee`,text:`#1c1c18`}];function Su(){let e=bu(),t=gu();function n(t){document.documentElement.dataset.theme=t,e.user&&(e.user.theme=t);let n=xu.find(e=>e.id===t);if(n){let e=document.querySelector(`meta[name="theme-color"]`);e&&e.setAttribute(`content`,n.bg)}}async function r(e){n(e);try{if(!(await fetch(`/api/user/theme`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({theme:e})})).ok)throw Error(`Failed to save theme`)}catch{t.show(`Could not save theme — try again`,`error`)}}return{THEMES:xu,applyTheme:n,saveTheme:r}}var Cu=Se({__name:`App`,setup(e){let t=su(),n=bu(),{applyTheme:i}=Su();return r(()=>{let e=document.documentElement.dataset.theme||n.user?.theme;e&&i(e)}),(e,n)=>{let r=d(`RouterView`);return ae(),fe(de,null,[C(r),l(t).meta.hideNav?O(``,!0):(ae(),ne(mu,{key:0})),C(yu)],64)}}}),wu=`modulepreload`,Tu=function(e){return`/build/`+e},Eu={},Du=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=Tu(t,n),t in Eu)return;Eu[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:wu,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})},Ou=au({history:El(),routes:[{path:`/`,name:`home`,component:()=>Du(()=>import(`./HomeView-3fATGLq0.js`),__vite__mapDeps([0,1,2,3,4])),meta:{requiresAuth:!0}},{path:`/library`,name:`library`,component:()=>Du(()=>import(`./LibraryView-BvFubSso.js`),__vite__mapDeps([5,1,2,3,6,7,8])),meta:{requiresAuth:!0}},{path:`/upload`,name:`upload`,component:()=>Du(()=>import(`./UploadView-lwth3Nb9.js`),__vite__mapDeps([9,1,2,3,6,7,10])),meta:{requiresAuth:!0,hideNav:!0}},{path:`/settings`,name:`settings`,component:()=>Du(()=>import(`./SettingsView-CYdyGgyj.js`),__vite__mapDeps([11,1,12])),meta:{requiresAuth:!0}},{path:`/shared`,redirect:`/library?tab=shared`},{path:`/:pathMatch(.*)*`,redirect:`/`}]});Ou.beforeEach(e=>{let t=bu();if(e.meta.requiresAuth&&!t.isAuthenticated)return window.location.href=`/login`,!1});var ku=an(Cu);ku.use(le()),ku.use(Ou),ku.use(ac),ku.mount(`#app`);export{cu as a,Be as c,en as d,Qt as f,gu as i,qt as l,Su as n,su as o,bu as r,ou as s,xu as t,Kt as u};
\ No newline at end of file
diff --git a/public/build/assets/index-DlN2hqev.css b/public/build/assets/index-DlN2hqev.css
deleted file mode 100644
index 4670d67..0000000
--- a/public/build/assets/index-DlN2hqev.css
+++ /dev/null
@@ -1 +0,0 @@
-:root{--font-family:"Nunito Variable", "Nunito", sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--duration-fast:.15s;--duration-base:.25s;--ease-out:cubic-bezier(0, 0, .2, 1);--touch-min:44px}[data-theme=warm-craft],:root{--color-bg:#fdf6ee;--color-surface:#fff9f2;--color-surface-2:#f5ead8;--color-border:#e8d9c4;--color-text:#3a2e22;--color-text-muted:#8a7060;--color-primary:#c97c3a;--color-primary-fg:#fff;--color-secondary:#e8d9c4;--color-secondary-fg:#3a2e22;--color-destructive:#c0392b;--color-destructive-fg:#fff;--color-focus-ring:#c97c3a}[data-theme=playful-pop]{--color-bg:#fff0fb;--color-surface:#fff8fe;--color-surface-2:#ffe4f7;--color-border:#f0c8ea;--color-text:#2d0a28;--color-text-muted:#7a4272;--color-primary:#d63aab;--color-primary-fg:#fff;--color-secondary:#ffe4f7;--color-secondary-fg:#2d0a28;--color-destructive:#e03030;--color-destructive-fg:#fff;--color-focus-ring:#d63aab}[data-theme=sage-cream]{--color-bg:#f6f8f3;--color-surface:#fafcf7;--color-surface-2:#e4ede0;--color-border:#ccd9c4;--color-text:#1e2b1a;--color-text-muted:#607050;--color-primary:#4e7c3a;--color-primary-fg:#fff;--color-secondary:#e4ede0;--color-secondary-fg:#1e2b1a;--color-destructive:#a83020;--color-destructive-fg:#fff;--color-focus-ring:#4e7c3a}[data-theme=dusty-mauve]{--color-bg:#f6f0f4;--color-surface:#fdf8fb;--color-surface-2:#ead8e8;--color-border:#d8c4d4;--color-text:#2a1828;--color-text-muted:#7a5874;--color-primary:#8e4a84;--color-primary-fg:#fff;--color-secondary:#ead8e8;--color-secondary-fg:#2a1828;--color-destructive:#b83030;--color-destructive-fg:#fff;--color-focus-ring:#8e4a84}[data-theme=ocean-dusk]{--color-bg:#eef3f8;--color-surface:#f4f8fc;--color-surface-2:#d4e4f0;--color-border:#b8d0e4;--color-text:#0e2030;--color-text-muted:#4a6880;--color-primary:#1a6ea8;--color-primary-fg:#fff;--color-secondary:#d4e4f0;--color-secondary-fg:#0e2030;--color-destructive:#b83020;--color-destructive-fg:#fff;--color-focus-ring:#1a6ea8}[data-theme=honey-slate]{--color-bg:#f2f2ee;--color-surface:#f8f8f4;--color-surface-2:#e4e0d4;--color-border:#d0cc bc;--color-text:#1c1c18;--color-text-muted:#6c6858;--color-primary:#c49a20;--color-primary-fg:#1c1c18;--color-secondary:#e4e0d4;--color-secondary-fg:#1c1c18;--color-destructive:#b03020;--color-destructive-fg:#fff;--color-focus-ring:#c49a20}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh}#app{flex-direction:column;min-height:100dvh;display:flex}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom-nav[data-v-d02ff871]{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=960px){.bottom-nav[data-v-d02ff871]{display:none}}.bottom-nav__tab[data-v-d02ff871]{color:var(--color-text-muted);min-height:var(--touch-min);transition:color var(--duration-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__tab--active[data-v-d02ff871]{color:var(--color-primary)}.bottom-nav__icon-wrap[data-v-d02ff871]{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.bottom-nav__icon[data-v-d02ff871]{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav__badge[data-v-d02ff871]{background:var(--color-primary);min-width:16px;height:16px;color:var(--color-primary-fg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-6px}.bottom-nav__label[data-v-d02ff871]{font-size:var(--text-xs);font-weight:600}.toast-region[data-v-546af507]{bottom:calc(var(--bottom-nav-height,64px) + var(--space-4));z-index:200;width:min(100vw - var(--space-8), 420px);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.toast-list[data-v-546af507]{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.toast[data-v-546af507]{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);pointer-events:auto;justify-content:space-between;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 16px #0000001f}.toast--info[data-v-546af507]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.toast--success[data-v-546af507]{color:#155724;background:#d4edda}.toast--error[data-v-546af507]{color:#721c24;background:#f8d7da}.toast__close[data-v-546af507]{cursor:pointer;font-size:var(--text-lg);padding:0 0 0 var(--space-3);color:inherit;min-height:var(--touch-min);min-width:var(--touch-min);background:0 0;border:none;justify-content:flex-end;align-items:center;line-height:1;display:flex}.toast-enter-active[data-v-546af507],.toast-leave-active[data-v-546af507]{transition:all var(--duration-base) var(--ease-out)}.toast-enter-from[data-v-546af507],.toast-leave-to[data-v-546af507]{opacity:0;transform:translateY(12px)}
diff --git a/public/build/icons/apple-touch-icon.png b/public/build/icons/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..313b1d61b5eb3e71f2b101d85282bef191c5d1cd
GIT binary patch
literal 1119
zcmeAS@N?(olHy`uVBq!ia0vp^TR@nD4M^IaWiw)6U{UjQaSW-r_4e+`BHl!ahKF`@
zBQ#RevX`!yA-t2P+I7Pwg+r`Qm|_|VlT-IJ#x$h{B*}$s>#!7iwM2IcEBE1-c6aOR
z|JsDE(h-@v|Ng&o<wYWU|6NL&=qRvL+2MjhhJXo&lw<P(M=-OA4aiKCa0}kO;OA!c
zJ5#64oHN(^SyYwgpRa*}-Mha!c1PS%Y!chF;qV?!kz(_!mG`q}UT|8rE^}`8OpnV}
z;>HsfojdBYWJR%|u;#0nGcH|Vp>NYCbEx`%)I2;T&m_ZevX}efm34)``{x$63zt8C
zwe!ikm0#TNhx$M7T)cehC8P57bJu_QuKoFAg^_U8qZ4QP=ZpL+y}#{e<@<MW`vso+
zCaz?jIqT#mrO%6>+N&)~yS29{WMiI>&s?KNi`FWb>zQpUGuc(tBR}sPm$sY5<M!p7
ztIhRIKc$=RcFvv|64tlr^|2odC;Qp&sNSx3eP5Z0`NFkQE|HesWNj9vE4{str51GI
znDNG@vJVlK3TGG8&S;v-yhes&*SxuhPYP$YgM<&vc4EnW?r`D1`2yBnu<Wf4w+mIv
zcIR`gl>thhYFv<g({heYV_Al>ls0>WrN9=!-UYlFYh(gU|NASdZQ<+%YBX=X(8l@p
zb{Wu`n+s%ZCYEKmCO>7+W^W2BncQ{#`~P3rRkOcatyof)p?!S)JslpozsqdToj*0P
zV>|a%TOR4w+@~2jPuLGvTbR8QD`B>FFZZwc`0#`LG~V4Txeoj{cej7FH+fyoxoh6M
z-JvD#?=C(jw<zhapJTM8R?pABkB`YOOS;Pk<T1UxQ2AT$xWV$r?dqK|#~-hWuvW{E
zKK|fSzyGA_9n-G&a7JC67}oD}A*_#a+2`fyopIMM=Tv?zb9{YM+Qsqz$Eo`7R`%6Y
z&il6d`1AD0`m1J+(!$5KEcm+Sc^-@GXBYQ<`*Mz#>g_%8OM5%ltqy}_tas-!-d#7R
z`5v=&`y$r2PtToF%&>iJ`HpYxi)ZG1!nZ067O}2Pw=GwAF=P49+!XI^i~g??y)OAx
z?uUP~!NSwC_Ez3LX})S+_{7J&f0F&wOv3m;37Dl9nt;*MGALQI@Pd=I;{~8P2vZQG
z1;kVaC;up+FCT4B`^gDQwTXRs@@9_a*$eO9FQ}b)VaA2B%%HvNmp19`F6)Ro6IwpC
z{BNh)wOSe9w+8EUB3`%J?1-z++^F$;_L=#%57q^BZpvO$=%G=`<u4j?HE`agqYBSb
zn%WGs+ckZ)?mp3smr3$VdMaS*TRLg`%Ot_##ra&WzIS7v<nF6D@@Kb~-LHS)c1q%(
zHar#Fudz$A_^t4*En-DC797=mw861E`bc7P+qFHKEWjL!=6)95`Y*Cyu7COd?_BI!
QV8OxQ>FVdQ&MBb@0N%q2EC2ui

literal 0
HcmV?d00001

diff --git a/public/build/icons/icon-192.png b/public/build/icons/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b2df89a7ca8d668a38df34b1281b4c3ec62993e
GIT binary patch
literal 1096
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zf+;VBz<4aSW-r_4dxrtk6Iawg<&!
zNvcx4x1y|$YHsBCq4X$%Ri&_k!SkiC#W%i>t|}9pj%unUrDo3&<u*L-=Te~b{m$m^
zvG>`VT2B<d|N4HbSXU@3&~PXSSYq|OKYE7kogIq~8dMhU6JucYPitHuYB#YtK)XhX
zePP%S7e1$;KQ8x}vs?Y2<V_H<pSar*$mc^Riq^PH^YYN#5*qLMQP`5jO~Gk(vCq@>
zd~>bdFXJkGe{AWsy7zH^d_NYfV>d7Sbf<s5dGE<pA@=tl|D8RZeKYfyUti~26ox(J
zS@C=Ox|FM|n{G3T{BJ04IrFaktn7m6>;E75Xso5;rM{!qv|De&Sw4fhoMUU`PyE<8
z^VPvSThHxRep)1Pgvar^)q94=?#ox7IxTO`0;Ji?*G<34SY`CzysqW{#fNgU4)Q(t
zs{Vqb<im-~ZvANq9Xna7|8~kUh&w!BFcE4H<mhn_FkldB;A04!o?y-3reMI-$j4yC
z5Ycpy1L!A-2Mitz6U!NN8I%PgnjF~~ybYi-8I%7@aLYQdJ1|(StY<s`Qhb5&03XbR
zW@(@mPgEnAfaVEuFtIr>{d>P9&i2pi^((i_76e!wXb|~x>ac11l6zVL(;i$}WAm!E
zW81s(b<-Z4*;{v~ZpF4Y#pm1>@a(O;vwuP_SEH)M>PPjL{%`1gSNd*hJ@2iRzusOx
z=X^a!PMCprLGz>f?<TVa%w`{BabQx)W;w9)`^T%b`)5R&N3EGP(UwVp@vp|e^qXy)
zByZ|6OndNc3BUKv_TtjVdW;ts)-W?Y*i!xbSAC4$6YJ@#uJT&5I{baj#B|}Gkig@w
z|Nrb+^ZxIan6>NfD>A&bH;HoC=et0VVeK^u6$ZBj3m7?!=Iwe}##>wYaCd3LeOn_d
zhkGFT=4Gx940G215@+b1=6XYj$Erc~w2%%%)EdDP94uB1;?MZ^@#U_+R$CqUr2I9*
z0_H8x58a71pRo2{>DrZi|8ED$He6s~V5A;wn8a+bwf-va0%nJaj5GFF#9KS<+BVJV
z%^qfn=A_rZ{!MmP__SBO-SNrqxMGH?o$MTqkKUL6Rn=#n_}={K1SiFSKe1QuZkXP5
zBFHbZrSAId{hV&>7g#%f{Mvqrv85rX>pn+|;EI+hPSK@Py?#ZA)EhDiFnO(59P;V-
z;vd}+O|1<vua~`V-Dyz0qj2k!PYKH${~ccVWAkf<U5u8tJ&}8kH7)qCd(u@4B@Qn8
k5(XBhgUqnp%5Y%+Z@$WG=A+^ca-kqWPgg&ebxsLQ035}?Z~y=R

literal 0
HcmV?d00001

diff --git a/public/build/icons/icon-512-maskable.png b/public/build/icons/icon-512-maskable.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb7cb5a74c1df289b50b2cea3622d57a8a1579b2
GIT binary patch
literal 3289
zcmb7Ge^^vy7Jl!Yi!%(#3=n95FhHUuE@)<xBHUEe7HUa+BF&buGBtM#(REM)E{Kg=
zDejixuLNyVA5A1R15CO212t4gO-EK`Gy_bGQD7VxX6~K~DDAV`Q~fb>?{~iQo$s9Y
zd*AP#zb8IFxxd<94WR$CQzlLYSbAll>PL^Z^z)s-Lq*R{d}dmD-R&y}(gKeKiPxs@
z4ov*PvAj0Umod(AANOvWf(=bx;AMpaOYxSM*TC4Epq#`L`w`#pPi^jWQS{!v*mQJ<
zcTUM-<JOFFhhvY=#-vi?e#ckRrq`B!|7}Szge@COIOu3k22cS!y-^}sK%h4czcTeZ
z-TOBAP0{<@<(%|~a|fTOzEHIz4m0+SH1AWbYg#$^NZm+%6O)$%F-N0QaqxTx&*+fa
zq*%c)!m?mqr9xmQUgcr2D77prR%!&T7M@wi;{#of8%(i6=6Md92w|S!4$o{jcDf@d
z0q5X@Ko@MUFqRNbbZt;4BPd$9QRW@Rq}mnc0xtxOgyRWTJmO|3oP_l4Xuilo<0E9g
z3`+=GlI;PF2DSx^WiumY{Q=PtFkf^NOdK2sU`>UgaDa?(;&PZ<$jrcT2v#i&Qja+s
zdL<`l2B9$rbP7V9LM%)C3-nz~YD_5$A=K9wSx$vzV-y47)%L1SXYKm&Zrj;_mW;zW
zWtr`ll*gRwlKXAABt0@9x~}7;EayR~tFgRzxVqMUb&s>d<adk{cT2^YBbf2uJl!v?
zkX;MCooTrGeu5i8n8mAB3(dQc<}XE7*ouevHGO?MAb57`oRb~?B1aI`ezR#!lIq6L
zTNO&3DMj+k7F|CCdf`wsY$N=ysf%`|tpBoo$6e`r<;Y7l`z!3`@oSOykGtkKmi+a~
zhweA-eOk376ojMgsq1NOwIT8IZ>`xJyV?<Btp1w-OKrjR?~Io_6vvv4U%i#}YDj4H
zU3JmX?ABnMS#w>XJDDQEHjWb_8Nr!9dWlju`ko7GaVqk&jP;)-U$t@U>_0Kyb;^Yq
z8qpUtQ?!(6HVw9V@)5-@MhjBh_%t_d<=N`Dr_*t4ap#k!E}3xd?QCID&AK&}Tfs9#
z`b6N-!();2%0b)KxNcQkD`Qos+k(Lq0lI$4^hYP?T}sCOBpF)7KU55e94aK*WvDD3
zHH7GNWw(qH*<@@kW8`^6F;PTkAK6(1kU&2lgvp{?l}&$?pywS=IdcOCVkHc$zyRTp
z2a{yGJQyh3<-tIr08+aY#3rCNqJ`YZ;g1%zPH&VY-586B7K%w5%Slw0DX1L1#OP@7
zpoY&ED{0x#J!Bd4GxM22RGQeKffun3l*C7(FQ598oa&iutdQ}gJEMpz2D?zv6W~$c
zPFasLP3hvVGOE*Kdy*zA-7EaquNB($lp1kYPD-0MOb}<vsk|2fcku5Jiab@&>mBqp
zH*kFcm|kxkmA5!usT)Og>Y$F6hBFxSv+_1CA-oCN-UxF|MvQMIFlF>8DD7A4*@C<V
zDvaZE8Y>2)NHJ4Jum`eH-H^EfBjkd8Af*0S_;yWK{q1pC-?6!vGVl0a?qR!GN;}XY
zoesOc**JZmjJx(uZH3Rc(Mt<b+Mc0MY0=hg9do=n9fS`wuF1~5YGQ=fVqH8Ro`2Ul
z_NHrZaGp3gM1aoRu^Uq^J3r|PZ8*E7#+SirM`iYn!sk>vK&`hg2P+sZWA%F}#&4YR
zqBvT_Gl}P~NnbvxUs3da<V(suH|pK!X4s_+hp=o_*u|<*V8m0GQ5!eGBz-Z#lB?oT
zgcH}TQk8!~K>UDBUwJ-SGZq%>@$wMBH1I-xFNt5VZaA{@3zfcQ3>cxckZTKctvo($
zIIG1JlxNzr=X=d~Z%1d>LciR95vc=RFQp_P3cBheH;tyG?W*lH>o@}|XY!QHT;6`9
zsW@)M!%TbGoZ(zIc?AY}cHd6AF&1otacAe}kI}IRN9r5tF$uL-H}9SAHO7x=zceS}
z!Gcj8^ILOLq$?ZQ<`>%^NdhOd2G@<58<Eozqr$&2`{_G|n$Sg^t(SI%&)KwJyQp#9
zKCVYFkA2)#nC09y!p*!heA{!~{7JwEFzio}?nR8BT6po#Pd@GZXt_v~AVETyr*=hF
zxXx{4FOz>lFW)Q|D{3@#4c%H2oM0>tPqT)H{gA?@P*sk_>LOQt{dBG{Y%S(yiJQQR
z#z7@R#IRCUINCP3{$;Lk2&urZv>3Thv?!WARH$DF2m4=gdL#2xu~d`q7gAl*ZhEuJ
z{GlJqSh|$W{dIWfIFq3mb&B+3V1+YeQuUaor@1{4$j2n78Mn7+N}eM0?|;H~(RDZX
zrw(K&*dno|bTFFxFA|1f$_dxWArZMXzH-q4@{QC;Ny!&VuiCn`c_5}?Uwy^YPXeXa
zLq>K+-|lk|CpetL{3;t&<i2)Q0Tcn3yUvC}vt(Us$*uP<$XNbD=Rm3e&FbjEJjk+V
z(_fkTo$h^`{HExA?sQH(Wk;+2pY0dQ>cy?Egx(Op)x8glz7RdORX01Y9}Rr~m~iv+
zhel^^fqqT`%1>qhwz&Jiyk1@EA!ZGw+?lBSkFM5EJ1C?`H=CE0Ib%=Lw}lR+-NPXH
z!0rw6J&u38Yo!2vastjr2~JPO63-Y4C%~Qtb3Mn$Og*&w&R{0cb;gIWRI`RynmG&e
zaV?}_rY}}TY7A1^s(rI6!`7cEXgW7Y5g=CPyYma$8{*x}+cpM=V=LpQNVSF`k1nIa
z?{86qR-PBzbfM}^TlS<8(6?=P;c!J#6(<&W3#@PJhu>C&Xwev#L$y5YkFC_?4e3sq
zzrv98U=2}NW_Dwlm;t?}rzPq}O6XLGu1G|4R8vm_b&vqygvU8ChRlIfO;5X34r>Vv
zu>%m~4@YU{Or)oyxn2d0S9h;Ai!Dj<K=d@&<}rfFLv%&Jx|%T;BwY;1fA`DTYp-<o
zo2k|fNVlUzQbQ90+Z9i0TcVO#YL$GT83J3f4|R+P><UNF3^ac#!$1v{o1n#gEP@$b
zKk7tP2%%1NGFC7!#jv~<daD<5sd<g0+@p|M>p`DWP-FT_I{F{N^)aY-N=G={r^bC<
n3uOCMR`cZaJ2WG_);ZvWJ^0dj{>2w)C7z9Yeq!->L+*b7>L$!a

literal 0
HcmV?d00001

diff --git a/public/build/icons/icon-512.png b/public/build/icons/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e1248f147e4a6fa75e58878d664247068b5e8ca
GIT binary patch
literal 3221
zcmb_fd010d7C-Ohkp+kesK_co8Fdge3WByO527L}N?k^A5W;+|qPBpbqScTq)r<&(
z%BaP{Xtb_%fqq(-YUR0%iULN|LfPFA0TCfC5J=`ESe?&5=KGwl`QzPp@44sv&i1?S
zCM|q=h}hcM8UVzhlPAmspz)OkAs+|*s=J*4wvnL|f@ZI(cvgKbE^<yEew|ZgpUI)J
zfGKS7gUmEVOyTfg`(blD<y3z-tM3hVVP3=534(S+DhJm;$eyYYX%a-?^NPZyUVmHE
z{M)V*Wl^<r_lqtWa(`<IG>z~5`fCLGBYzW0Pctu$4)d`+Mu+EgJnri|5x6Y^X)gwB
z*TOm$IGsSsXF%Z&F)YaSlzH-vJ1ezJ)>H2$ZzzVEG~x@9tr`sZd<bwQ{-|6hkTUZh
z3At85ezXmo*$K^+PKQFPSO`n<)Kc;;s`-f!;vB&6b<`5O03qv@$@qaLkaR~uf-fj*
z`#}{0<t8iW=MG6MB;2Ot5(fIYKvEDSY^CJxIOzvT!I1D7B_GZJu&|{b<N>&B2ki<-
zcmeVd%W|t;LRM#u0Y@Wb4=tq0eF^EvI!OW8TfqzyWcxY;XkS9zQ+H?|6ana(JUPoB
z4esq(TVz@od8vHYnvSq^SYChPb?qr((98XK^GYu0HRl`-{aPV-zR$4p$+vTZOJ<76
z9!bIw!<?&f87LcguSUdZm&8QVU!FAvbWw)yR_~*(>#5Z*UaC!U{lEFz>Tz+;E+_kF
z_}m?nNfXHK_`91A;d26tb-@8sCrP}1NtOKL_D)l?&9_x5IDJgD{A}9pfu#kao+PG=
zL=cw<hVLQ#bi>Pn92e~~)yUG^HXkC|c`l)_%s@@58eWzcbxKOJL#L^s(XL)7OY9Cz
zzCSA2naxu9-Z<Z8ug!7fjE6BJBU^iMF$c=p(^GzwaM^~2&TG#jHXaqTSK3Wy+tXWy
zk$r~6>(4$G0{CHm_%+mMCh3WT>Y2N?^}^4_v}B4QjXRBSx7ZFq2pLOTs*X5NoN@jy
zjhkVw%1T#eq~64*6c5kSTM<7`fJW>AVBqSq`i{BYG<b}rhlCm=1SzG1Lx{jLn*oj)
zLk}qwA=?NR^ru98IKx;IPX;myEDs(3IRHU&d|oHidJYDN#dk45vZ9}a&thm;WR|Bz
z&Wf?xRBM-{$6E431n@J1=}^TP`n=TzuMc!lI;hZ&4N@#J`}F7D0PE{e6@8KMLSW(;
zp2gc(vjHu_;kq)>mFn}@7J%Zq1Z2t>#74n&4vnNZNr7fda1)07Zuzqk04Wry;n22$
z<~NHVHY*u6wb`44?~uUup5PHg2pi3hY!jTk_$fMpyU~))^Eqtu)8lq?ytsxCTHhLK
zNFnZt#W{L#NHdV6y7su~2V=az?SJh?H%QAWfffy00`mhWYnX~jwRlLDV95%nlHYBA
zxEtZkUi|#fjbxptftV{sK-tA(N1eywI>T&p5R)<2g_f4Vrpg3TB37SSSyxc0uFJ4u
zC~eb%B71I^`&Re7?WXt^`~IB=t$0%KgofC<=)6H+>SqKtr4oRXqxB)(CVM^tI`{9q
zgm!yZ%<-lQ<2s%-y-;f^W3=iiczD%u?a{O>?b$z8UM@NuQPz(_@?R`yx-~>71K^t`
z)$EQi?>e3fy1l#o6HQ%}F2B@-dSK?{Z`zM<kP#r(<dmT1$*;=OvV=CLCWLnET3j|6
zwOESno#Nm1+Krhmq^>+Jqj;Kv6$&0IMDm(#mWF#VxvMJXYbmf*H;HIa&Wo6PC}SYW
z$_44gFh!$I!7aN+38ApQfMKgU0}4(Gds|0bemEmS@I$>2m5v6Wl4DGDAvRIybN~bG
z4BAZxb<txt%vbARW2dLf_~?lBQ-Zlx<6s}g8MxNuaoF|%&31@-HKn5K-kk$YsP$sk
z=Zb}Q2F&hHYhI6w@#txOE68YH-jQ?A<mkgKj9)d)21{jBP_s1ZGx`2fx*_paK7&ob
z3fSuhO)d@|k5*JRi!;Z?y;skApnk1)KWBC3wu|dM8X=KeUQlj$s=hhEZ<$-Xo*&|V
zLTYYAF`=PlTTT4x&iEr%<&EOZSjy}K_HcOCK(aTNlJ9wx(zG;P_h>~mO2;noFjIpY
zPt)X<kJ5czF!s;IX{J5KWK|GPc8>STUJ7d$QfovRmn@yc79TKmT^(?yBz!%Z)2}4m
zjD`8qa;kaoTP9??B6FWMj~;tRty*L^bHVfYHR@W!#tke8M;MFM+^%40W={i;Okl#d
zUFem6PzG;~(&e*0WayN({R_BVsXe5?R)L00q-|o9pnR4T+ElYuf1%b`2aTqQY-P*p
z@&RXRWIeIwOU&F{=cWt{>N)EOma4X-Na1jCg=WBcUU-)8r(D!~yQ8!J^;F=K+GK-y
z%2!9x-VMi&?4Hjkr`7&7bzEfbPyF|^XAyyUcZ?u0&2D}4fEL~w`sm@KvED0uG}eD9
z{6A5?MgE9j$tMeP-R3do3|p|t?IQfDEf@rQ535oZgLQj<Al-9*uc^*^R9~W+1D1-g
z;23%(kN)8Zw6z?xtKY%r!fcf8_fSYf=}^)=3mRrVQrnk@*=|`>n=vxa&wTK*-&y5H
zTf_D=V-8h)7ruJ_&#m>__*}7AslE$!g9Q1*t)cIx6x+Img4m?M4FBDJ5cf40l)=6`
zw3#`k8yauEV^=J^x_e^;k?@pnPJ29vEQMGe*rtfd$;S#>8GTc}*$=4k-p&-K3jrzL
zTc~XCJ=Hp@v$6D&?h8h1vvu?L<EGPW@O>V8b2yJy8in|60Id~pRkuM%L3V%>2E4@&
zV)3k8gl@AtEYh{16&CSO5syd#?_wx|P#$prNb+3FlQE!7@wA0tfci<LDDo7;e1M|#
zePZ+WF<a#pZ3$}N^z4>5e_}m=6tydFOcZdgQixm&%_f@U;Bj~X>J|c*Qp=<#2#!p(
zQ5*qf>r$xlgz_>g2(W=y?d9G#gsvhyu$>{m4qkmlam5Vj{-l5Ua>&GsZwkdq@$M?Q
zW=C>*apRBTMGQ^YfRF}$0T4M}>OP$CKy%@pgdyuT14#hKHjLws`*9nMRBU6P@ZzAG
R=06}1I&u1h<H5?*{{YVupnw1X

literal 0
HcmV?d00001

diff --git a/public/build/index.html b/public/build/index.html
index 2448c4b..67a72f3 100644
--- a/public/build/index.html
+++ b/public/build/index.html
@@ -2,12 +2,21 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <title>pictureFrame</title>
+
     <link rel="icon" type="image/svg+xml" href="/build/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
-    <script type="module" crossorigin src="/build/assets/index-DCUs53vX.js"></script>
+    <link rel="manifest" href="/build/manifest.webmanifest" />
+    <link rel="apple-touch-icon" href="/build/icons/apple-touch-icon.png" />
+
+    <meta name="theme-color" content="#fdf6ee" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="pictureFrame" />
+    <script type="module" crossorigin src="/build/assets/index-D13oAsTG.js"></script>
     <link rel="modulepreload" crossorigin href="/build/assets/_plugin-vue_export-helper-DVo1OUMD.js">
-    <link rel="stylesheet" crossorigin href="/build/assets/index-DlN2hqev.css">
+    <link rel="stylesheet" crossorigin href="/build/assets/index-BlLBHR1q.css">
   </head>
   <body>
     <div id="app"></div>
diff --git a/public/build/manifest.webmanifest b/public/build/manifest.webmanifest
new file mode 100644
index 0000000..65eb837
--- /dev/null
+++ b/public/build/manifest.webmanifest
@@ -0,0 +1,32 @@
+{
+  "name": "pictureFrame",
+  "short_name": "pictureFrame",
+  "description": "Manage photos for your e-ink picture frames.",
+  "id": "/",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait",
+  "background_color": "#fdf6ee",
+  "theme_color": "#fdf6ee",
+  "icons": [
+    {
+      "src": "/build/icons/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/build/icons/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/build/icons/icon-512-maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}