=auth refactored via rest, referral system set up for Jane, some javascript...

Jake Vanderwerf

2025-12-21 3aada9949d51024a92a8b5c6cb70d12f9c3cac16

=auth refactored via rest, referral system set up for Jane, some javascript consolidation

 JVBase.php

@@ -2,13 +2,17 @@
namespace JVBase;

use JVBase\integrations\BlueSky;
use JVBase\managers\EmailManager;
use JVBase\managers\ErrorHandler;
use JVBase\managers\LoginManager;
use JVBase\managers\MagicLinkManager;
use JVBase\managers\OperationQueue;
use JVBase\managers\DashboardManager;
use JVBase\managers\ReferralManager;
use JVBase\managers\RoleManager;
use JVBase\managers\SchemaManager;
//use JVBase\managers\SchemaManager;
use JVBase\managers\SEO\SchemaOutputManager;
use JVBase\managers\SEO\SEOAdminPage;
use JVBase\managers\AdminPages;
use JVBase\managers\NotificationManager;
use JVBase\managers\UserTermsManager;
@@ -22,6 +26,7 @@
use JVBase\rest\routes\BioRoutes;
use JVBase\rest\routes\SettingsRoutes;
use JVBase\rest\routes\ShopRoutes;
use JVBase\rest\routes\SEORoutes;
use JVBase\rest\routes\QueueRoutes;
use JVBase\rest\routes\ErrorRoutes;
use JVBase\rest\routes\FormRoutes;
@@ -82,15 +87,27 @@
//            'dash'          => new DashboardManager(),
            'roles'         => new RoleManager(),
//            'forms'         => new FormManager(),
            'schema'        => new SchemaManager(),
            'schema'        => new SchemaOutputManager(),
            'admin'         => new AdminPages(),
            'seoAdmin'      => new SEOAdminPage(),
//          'uploads'       => new UploadManager(),
            'userTerms'     => new UserTermsManager(),
            'email'         => new EmailManager(),
        ];

        $this->routes = [
            'login'         => new LoginRoutes(),
            'integrations'  => new IntegrationsRoutes(),
            'seo'           => new SEORoutes(),
            'queue'         => new QueueRoutes(),
            'settings'      => new SettingsRoutes(),
            'upload'        => new UploadRoutes(),
            'forms'         => new FormRoutes()
        ];

        if (Features::forSite()->has('magicLink')) {
            $this->routes['magicLink'] = new MagicLinkRoutes();
            $this->managers['magicLink'] = new MagicLinkManager();
        }
        if (Features::forSite()->has('referrals')) {
            $this->managers['referral'] = new ReferralManager();
@@ -105,10 +122,6 @@
            $this->routes['square'] = new IntegrationsSquareRoutes();
        }

        $this->routes = [
            'login'         => new LoginRoutes(),
            'integrations'  => new IntegrationsRoutes(),
        ];
        if (Features::forSite()->has('feed_block')) {
            $this->routes['feed'] = new FeedRoutes();
        }
@@ -120,9 +133,7 @@
            $this->routes['term'] = new TermRoutes();
        }

        $this->routes['queue']  = new QueueRoutes();
        $this->routes['settings']= new SettingsRoutes();
        $this->routes['upload'] = new UploadRoutes();

        if (jvbSiteHasDashboard()) {
            $this->routes['error']  = new ErrorRoutes();
            $this->routes['admin']  = new AdminRoutes();
@@ -131,7 +142,6 @@
            $this->routes['shop']   = new ShopRoutes();
            $this->routes['options']= new OptionsRoutes();
        }
        $this->routes['forms']= new FormRoutes();

        if (jvbSiteHasFavourites()) {
            $this->routes['favourites'] = new FavouritesRoutes();
@@ -226,10 +236,14 @@
    {
        return $this->managers['admin'];
    }
    public function seoAdmin()
    {
        return $this->managers['seoAdmin'];
    }

    public function getFields($type):array
    {
        $content = JVB_CONTENT[$type]??JVB_TAXONOMY[$type]??JVB_USER[$type]??null;
        $content = JVB_CONTENT[$type]??JVB_TAXONOMY[$type]??JVB_USER[$type]??[];
        return $content['fields']??[];
    }
    public function getContent($type):mixed
@@ -272,9 +286,19 @@
        $this->routes[$slug] = $class;
    }

    public function referrals():ReferralManager
    public function email():EmailManager
    {
        return $this->managers['referral'];
        return $this->managers['email'];
    }

    public function referrals():ReferralManager|false
    {
        return $this->managers['referral']??false;
    }

    public function magicLink():MagicLinkManager|false
    {
        return $this->managers['magicLink']??false;
    }

    public function additionalActions():void

 SystemReport.php

@@ -1650,13 +1650,13 @@
    {
        $admin_email = get_option('admin_email');

        jvbMail($admin_email, $subject, $content);
        JVB()->email()->sendEmail($admin_email, $subject, $content);

        // Also send to any additional configured recipients
        $additional_recipients = get_option('jvb_report_recipients', []);
        if (!empty($additional_recipients)) {
            foreach ($additional_recipients as $recipient) {
                jvbMail($recipient, $subject, $content);
                JVB()->email()->sendEmail($recipient, $subject, $content);
            }
        }
    }
@@ -1962,7 +1962,7 @@

        // Send to admin only
        $admin_email = get_option('admin_email');
        return jvbMail($admin_email, $subject, $content);
        return JVB()->email()->sendEmail($admin_email, $subject, $content);
    }

    //List report:

 activate.php

@@ -2,6 +2,7 @@

use JVBase\integrations\Umami;
use JVBase\managers\ReferralManager;
use JVBase\managers\SEO\SEOAdminPage;
use JVBase\utility\Features;

if (!defined('ABSPATH')) {
@@ -278,4 +279,5 @@
    if (Features::forSite()->has('referrals')){
        ReferralManager::addSubpage();
    }
    SEOAdminPage::addSubpage();
}

 assets/css/admin/seo-admin.css

New file
@@ -0,0 +1,260 @@
/**
 * JVBase SEO Admin Styles
 */

.jvb-seo-admin {
    max-width: 1200px;
}

/* Tabs */
.jvb-seo-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #c3c4c7;
    margin-bottom: 20px;
}

.jvb-seo-tabs .tab-btn {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-bottom: none;
    background: #f0f0f1;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
}

.jvb-seo-tabs .tab-btn:hover {
    background: #fff;
}

.jvb-seo-tabs .tab-btn.active {
    background: #fff;
    border-color: #c3c4c7;
    font-weight: 600;
}

/* Tab content */
.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

/* Forms */
.jvb-seo-form,
.jvb-seo-fieldset {
    background: #fff;
    border: 1px solid #c3c4c7;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.jvb-seo-form h2,
.jvb-seo-content-type h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.form-field {
    margin-bottom: 15px;
}

.form-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.form-field input.regular-text,
.form-field input.large-text,
.form-field textarea,
.form-field select {
    width: 100%;
    max-width: 600px;
}

.form-field input.small-text {
    width: 80px;
}

.form-field .description {
    display: block;
    color: #646970;
    font-size: 12px;
    margin-top: 4px;
}

.form-field textarea {
    min-height: 80px;
}

/* Fieldsets */
.jvb-seo-fieldset fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.jvb-seo-fieldset fieldset legend {
    font-weight: 600;
    padding: 0 10px;
}

/* Content type sections */
.jvb-seo-content-type {
    margin-bottom: 30px;
}

.jvb-seo-content-type h3 {
    cursor: pointer;
    padding: 15px;
    background: #f6f7f7;
    border: 1px solid #c3c4c7;
    margin: 0;
    border-radius: 4px;
}

.jvb-seo-content-type h3:hover {
    background: #f0f0f1;
}

.jvb-seo-content-type .jvb-seo-fieldset {
    border-top: none;
    border-radius: 0 0 4px 4px;
}

/* Schema fields */
.schema-fields {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
}

.schema-field-mapping {
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px;
    margin-bottom: 10px;
}

/* Form actions */
.form-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/* Repeater fields */
.repeater-field .repeater-row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.repeater-field .repeater-row input {
    flex: 1;
}

.repeater-field .remove-row {
    color: #b32d2e;
    border-color: #b32d2e;
    line-height: 1;
    padding: 4px 10px;
}

.repeater-field .add-row {
    margin-top: 5px;
}

/* Image field */
.image-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.image-field .image-preview img {
    max-height: 50px;
    border-radius: 4px;
}

/* Variable reference */
.jvb-seo-variable-ref {
    background: #f0f6fc;
    border: 1px solid #72aee6;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
}

.jvb-seo-variable-ref h3 {
    margin-top: 0;
    color: #135e96;
}

.jvb-seo-variable-ref .variable-list code {
    background: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
}

/* Notices */
.jvb-seo-admin .notice {
    margin: 15px 0;
}

/* Template fields - visual indicator */
.template-field {
    font-family: monospace;
    background: #fff;
}

.template-field:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
}

/* Responsive */
@media (max-width: 782px) {
    .jvb-seo-tabs {
        flex-wrap: wrap;
    }

    .jvb-seo-tabs .tab-btn {
        flex: 1 1 auto;
        text-align: center;
    }

    .form-field input.regular-text,
    .form-field input.large-text,
    .form-field textarea,
    .form-field select {
        max-width: 100%;
    }
}

/* Dashboard integration */
.jvb-dash .jvb-seo-admin {
    padding: 0;
}

.jvb-dash .jvb-seo-tabs {
    background: transparent;
}

.jvb-dash .jvb-seo-form,
.jvb-dash .jvb-seo-fieldset {
    background: var(--jvb-bg, #fff);
    border-color: var(--jvb-border, #c3c4c7);
}

 assets/css/copy-hours.min.css

@@ -1 +1 @@
.group-fields{position:relative}.hours-copy-btn:hover{background-color:var(--action-50);transform:scale(1.05)}.hours-copy-btn:active{transform:scale(.95)}.hours-copy-btn .icon{--w:0.875rem}.copy-hours-content h3{margin:0 0 1rem 0;color:var(--contrast);font-size:var(--large)}.copy-hours-source{background-color:var(--base-100);padding:1rem;border-radius:var(--innerRadius);margin-bottom:1.5rem;border:1px solid var(--base-200)}.copy-hours-source h4{margin:0 0 .5rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--small);font-weight:600}.source-info{--gap:.25rem}.source-day{font-weight:600;color:var(--contrast);text-transform:capitalize}.source-hours{--gap:1rem;font-weight:500;color:var(--contrast)}.source-hours.closed{color:var(--contrast-200);font-style:italic}.copy-hours-targets{margin-bottom:2rem}.copy-hours-targets h4{margin:0 0 1rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--small);font-weight:600}.day-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.feedback{position:fixed;top:2rem;right:2rem;background-color:var(--action-50);color:var(--action-contrast);padding:1rem 1.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);z-index:10000;opacity:0;transform:translateX(100px);transition:all var(--transition-base);display:flex;align-items:center;gap:.5rem}.feedback.show{opacity:1;transform:translateX(0)}.feedback .icon{--w:1.25rem}
.group-fields{position:relative}.hours-copy-btn:hover{background-color:var(--action-50);transform:scale(1.05)}.hours-copy-btn:active{transform:scale(.95)}.hours-copy-btn .icon{--w:0.875rem}.copy-hours-content h3{margin:0 0 1rem 0;color:var(--contrast);font-size:var(--txt-large)}.copy-hours-source{background-color:var(--base-100);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid var(--base-200)}.copy-hours-source h4{margin:0 0 .5rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--txt-small);font-weight:600}.source-info{--gap:.25rem}.source-day{font-weight:600;color:var(--contrast);text-transform:capitalize}.source-hours{--gap:1rem;font-weight:500;color:var(--contrast)}.source-hours.closed{color:var(--contrast-200);font-style:italic}.copy-hours-targets{margin-bottom:2rem}.copy-hours-targets h4{margin:0 0 1rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--txt-small);font-weight:600}.day-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.feedback{position:fixed;top:2rem;right:2rem;background-color:var(--action-50);color:var(--action-contrast);padding:1rem 1.5rem;border-radius:var(--radius);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:10000;opacity:0;transform:translateX(100px);transition:all var(--trans-base);display:flex;align-items:center;gap:.5rem}.feedback.show{opacity:1;transform:translateX(0)}.feedback .icon{--w:1.25rem}

 assets/css/dash.min.css

@@ -1 +1 @@
:target{outline:0!important;padding:0!important}.dashboard>header{justify-content:flex-end}.dashboard>header img{width:var(--height)}.dashboard h1:first-of-type{margin-top:4rem!important}main>footer{max-width:100%!important;position:fixed;z-index:var(--z-top);bottom:0;left:0;right:0;width:100%;margin:4rem 0 0 0!important;height:var(--height);padding:0!important;background-color:var(--base);box-shadow:var(--shadow)}main>*{max-width:min(768px,90vw)!important;margin:0 auto!important}main h1{margin:0!important;font-size:var(--large)}.item-grid .item{position:relative}img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.replace{margin-bottom:var(--offHeight)!important}.item-grid{margin-bottom:4rem}.item-grid:has(.select-item:checked) .item{padding:.75rem;opacity:.8;filter:var(--filter)}.item-grid .item:has(.select-item:checked){padding:.5rem;filter:none;opacity:1;background-color:var(--action-0)}.grid-view .item>input[type=checkbox]:not(.label-button)+label{padding-left:0;margin:0}.grid-view .item>input[type=checkbox]+label::before{transform:unset;top:.5rem;left:.5rem}.grid-view .item>input[type=checkbox]+label::after{top:.5rem;left:.75rem;transform:translateY(20%) rotate(45deg)}.grid-view .item .item-actions{position:absolute;bottom:0;right:0}.list-view h3,.list-view p{margin:0!important}@media (min-width:768px){.grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-view .item .item-actions{bottom:unset;top:0}}.bulk-controls{margin:1rem 0}.bulk-controls .selected-count{font-weight:400;font-size:var(--small);text-transform:none;font-style:italic;display:flex;gap:.25rem;margin-left:2rem}.selected-count::before{content:'{'}.selected-count::after{content:'}'}.bulk-edit-form .selected{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.selected label{padding:.5rem;opacity:.6;filter:var(--filter);border:2px solid transparent;transition:filter var(--transition-base),opacity var(--transition-base),border var(--transition-base),padding var(--transition-base)}.selected label:has(:checked){border-color:var(--action-0);padding:0;opacity:1;filter:none;transition:filter var(--transition-base),opacity var(--transition-base),border var(--transition-base),padding var(--transition-base)}form.table img,form.table label.select-item{width:6rem;height:6rem}form.table .item-grid.preview{margin:0}.timeline-point.is-dragging{opacity:.4;position:relative}.timeline-point.drop-above{position:relative}.timeline-point.drop-above::before{content:'';position:absolute;top:-4px;left:0;right:0;height:8px;background:var(--primary-color,#06c);border-radius:4px;z-index:10;animation:pulse .6s ease-in-out infinite}.timeline-point.drop-below{position:relative}.timeline-point.drop-below::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:8px;background:var(--primary-color,#06c);border-radius:4px;z-index:10;animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.timeline-point.drop-above{margin-top:8px;transition:margin-top .2s ease}.timeline-point.drop-below{margin-bottom:8px;transition:margin-bottom .2s ease}.drag-handle{cursor:grab;padding:.5rem;background:0 0;border:none;opacity:.6;transition:opacity .2s ease}.drag-handle:hover{opacity:1}.drag-handle:active,.is-dragging .drag-handle{cursor:grabbing}.drag-preview .drag-handle{pointer-events:none}.all-filters{margin:2rem 0;padding:1rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details.uploader+.items-list .all-filters{border-top:none}.all-filters .filters{width:100%}.controls .radio-options,.filters.row.start{--align:center;--justify:flex-start;--gap:.5rem}.all-filters span.label{text-transform:uppercase;font-size:var(--small);font-weight:900;width:15vw;display:inline-flex;align-items:center;padding-right:2rem}.controls .icon{--w:1.4rem}.all-filters .btn+label,.all-filters button{height:fit-content;padding:.5rem!important;min-width:0;min-height:0}.all-filters .btn+label:focus,.all-filters .btn+label:hover,.all-filters button:focus,.all-filters button:hover{background-color:transparent;color:var(--action-0);border-color:var(--action-0)}.search-container:not(.open) .clear-search,.search-container:not(.open) input[type=search]{transform:scaleX(0);transform-origin:left;width:0;padding:0;transition:transform var(--transition-base),width var(--transition-base),padding var(--transition-base)}.search-container button{padding:.5rem}.search-container .icon{--w:1.5rem}.search-container.open .clear-search,.search-container.open input[type=search]{transform:scaleX(1);transform-origin:left;transition:transform var(--transition-base),width var(--transition-base),padding var(--transition-base)}.all-filters>.search,.search-container,input[type=search]{width:100%}form.table textarea{width:250px;padding:.5rem}.multi-select summary{--gap:2rem;padding-right:2.5rem}dialog.bulk-edit[open],dialog.create[open],dialog.edit[open]{height:85vh;top:5vh}.tab-content h2{display:none}.group-fields.hours .group-fields,.group-fields.hours .group-fields .field{display:flex;justify-content:space-between;align-items:center}.group-fields.hours .group-fields{padding:1rem .5rem;gap:1rem}.group-fields.hours .group-fields:nth-of-type(2n+1){background-color:var(--base)}.group-fields.hours .group-fields .field{margin:0}.group-fields.hours .true-false{flex:1}.group-fields.hours .time{position:relative}.group-fields.hours .time label{margin:0;font-size:var(--small);position:absolute;top:-1rem;left:0;color:var(--contrast-200)}.today_hours{width:min(500px,90vw)}.today_hours .group-fields{width:100%;padding:0;display:flex;justify-content:center;gap:.5rem}@media (min-width:768px){.today_hours .group-fields{padding:2rem}}.today_hours .field{margin:0}.dash .true-false{margin:0}.dash [type=submit]{width:90%}.dashboard.dash h2{text-transform:none;font-size:var(--large)}.dashboard.dash .replace>ul{display:flex;list-style:none;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.dashboard.settings nav.tabs{--height:3.5rem;--x:var(--offHeight);position:fixed;bottom:var(--height);left:var(--x);right:var(--x);z-index:99;width:calc(100% - var(--x) - var(--x));background-color:var(--base)}nav.integrations,nav.integrations a,nav.integrations li,nav.integrations ul{height:auto}.replace{overflow:hidden}body.dash form#options{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.item-grid.integrations{grid-template-columns:repeat(2,1fr);gap:2rem}.integration{background:var(--base);border:2px solid var(--base-200);border-radius:var(--outerRadius);padding:1rem;position:relative;transition:all var(--transition-base);box-shadow:var(--shadow)}.integration.connected{border-color:var(--success)}.integration.disconnected,.integration.error{border-color:var(--error)}.integration.hasChanges{border-color:var(--warning)}.integration .header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--base-200)}.integration h3{letter-spacing:1px;font-size:var(--medium);margin:0}.integration .meta{margin-bottom:1rem;text-align:right;color:var(--contrast-200);font-size:var(--small)}.integration .setup{font-size:var(--small);font-weight:700;text-transform:uppercase}.integration .setup .indicator{font-size:var(--medium)}.integration .connected .indicator,.integration .setup .connected{color:var(--success)}.integration .disconnected .indicator,.integration .setup .disconnected{color:var(--error)}.integration.hasChanges .disconnected{color:var(--warning)}.connection-status.connected{background-color:var(--successBack);color:var(--successText)}.connection-status.disconnected{background-color:var(--errorBack);color:var(--errorText)}.integration code{display:inline-block;width:90%;margin:0 .5rem;user-select:all;padding:.75rem;border:2px solid var(--base);background-color:var(--base-200);word-break:break-all}.integration details+details{margin-top:1rem}.integration .actions{margin-top:1rem}.hint{line-height:1.2;font-style:italic;font-size:var(--small)}.hasChanges button[data-action=save_credentials]{border-color:var(--warning);animation:pulse-color 1s infinite;animation-delay:1s}.flash{animation:flash .5s}.flash.connected{--b:var(--success)}.flash.disconnected{--b:var(--error)}.flash.syncing{--b:var(--success)}.flash.error,.flash.hasChanges{--b:var(--warning)}@keyframes flash{0%,100%{border-color:inherit}50%{border-color:var(--b)}}.location.field{width:80vw}.location.field>p{text-align:center}.location.field>p+p{margin:0 .5rem 0 0}.location.field .location-map{height:20vh}.location.field .location-links{padding:.5rem 0;display:flex;justify-content:space-evenly}.field.upload [data-upload-id],.item-grid .item{touch-action:none}.empty-state{grid-column:1/-1;padding:1rem 10vw;margin:0 10vw;border-radius:var(--outerRadius);background-color:var(--base-100)}.jvb-oauth-connect{position:relative;transition:opacity .2s}.jvb-oauth-connect.loading{opacity:.6;pointer-events:none}.jvb-oauth-connect.loading::after{content:'';position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #ccc;border-top-color:#0073aa;border-radius:50%;animation:oauth-spin .8s linear infinite}@keyframes oauth-spin{to{transform:translateY(-50%) rotate(360deg)}}.integration-status-message{padding:12px 16px;margin:16px 0;border-radius:4px;display:none;font-size:14px;line-height:1.5}.integration-status-message.success{display:block;background:#d4edda;color:#155724;border-left:4px solid #28a745}.integration-status-message.error{display:block;background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.integration-status-message.info{display:block;background:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.connection-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500}.connection-status.connected{background:#d4edda;color:#155724}.connection-status.disconnected{background:#f8d7da;color:#721c24}.status-indicator{font-size:10px;line-height:1}.connection-status.connected .status-indicator{color:#28a745}.connection-status.disconnected .status-indicator{color:#dc3545}.referral-dashboard{max-width:1200px;margin:0 auto}.referral-header{text-align:center;margin-bottom:30px}.referral-code-card{background:var(--base-100);padding:30px;border-radius:8px;text-align:center;margin-bottom:30px}.code-display{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.code-display .code{font-size:32px;font-weight:700;letter-spacing:2px;color:var(--action-0);user-select:all}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:8px;border:1px solid #ddd;text-align:center}.stat-card.highlight{background:#d4edda;border-color:#c3e6cb}.stat-card h4{margin:0 0 10px 0;color:#666;font-size:14px;font-weight:600;text-transform:uppercase}.stat-number{font-size:36px;font-weight:700;color:#2271b1}.referrals-list-card{background:#fff;padding:25px;border-radius:8px;border:1px solid #ddd}.referrals-table{width:100%;border-collapse:collapse;margin-top:15px}.referrals-table td,.referrals-table th{padding:12px;text-align:left;border-bottom:1px solid #eee}.referrals-table th{background:#f5f5f5;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.consulted{background:#d1ecf1;color:#0c5460}.status-badge.treated{background:#d4edda;color:#155724}
:target{outline:0!important;padding:0!important}.dashboard>header{justify-content:flex-end}.dashboard>header img{width:var(--btn)}.dashboard h1:first-of-type{margin-top:4rem!important}nav.dashboard-nav,nav.dashboard-nav ul{--dir:row}nav.dashboard-nav ul{touch-action:pan-x;overflow:auto hidden}main>footer{padding:0}main>*{max-width:min(768px,90vw)!important;margin:0 auto!important}main h1{margin:0!important;font-size:var(--txt-large)}.item-grid .item{position:relative}img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.replace{margin-bottom:var(--btn_)!important}.item-grid{margin-bottom:4rem}.item-grid:has(.select-item:checked) .item{padding:.75rem;opacity:.8;filter:var(--filter)}.item-grid .item:has(.select-item:checked){padding:.5rem;filter:none;opacity:1;background-color:var(--action-0)}.grid-view .item>input[type=checkbox]:not(.label-button)+label{padding-left:0;margin:0}.grid-view .item>input[type=checkbox]+label::before{transform:unset;top:.5rem;left:.5rem}.grid-view .item>input[type=checkbox]+label::after{top:.5rem;left:.75rem;transform:translateY(20%) rotate(45deg)}.grid-view .item .item-actions{position:absolute;bottom:0;right:0}.list-view h3,.list-view p{margin:0!important}@media (min-width:768px){.grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-view .item .item-actions{bottom:unset;top:0}}.bulk-controls{margin:1rem 0}.bulk-controls .selected-count{font-weight:400;font-size:var(--txt-small);text-transform:none;font-style:italic;display:flex;gap:.25rem;margin-left:2rem}.selected-count::before{content:'{'}.selected-count::after{content:'}'}.bulk-edit-form .selected{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.selected label{padding:.5rem;opacity:.6;filter:var(--filter);border:2px solid transparent;transition:filter var(--trans-base),opacity var(--trans-base),border var(--trans-base),padding var(--trans-base)}.selected label:has(:checked){border-color:var(--action-0);padding:0;opacity:1;filter:none;transition:filter var(--trans-base),opacity var(--trans-base),border var(--trans-base),padding var(--trans-base)}form.table img,form.table label.select-item{width:6rem;height:6rem}form.table .item-grid.preview{margin:0}td p{width:max-content}.timeline-point.is-dragging{opacity:.4;position:relative}.timeline-point.drop-above{position:relative}.timeline-point.drop-above::before{content:'';position:absolute;top:-4px;left:0;right:0;height:8px;background:var(--primary-color,#06c);border-radius:4px;z-index:10;animation:pulse .6s ease-in-out infinite}.timeline-point.drop-below{position:relative}.timeline-point.drop-below::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:8px;background:var(--primary-color,#06c);border-radius:4px;z-index:10;animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.timeline-point.drop-above{margin-top:8px;transition:margin-top .2s ease}.timeline-point.drop-below{margin-bottom:8px;transition:margin-bottom .2s ease}.drag-handle{cursor:grab;padding:.5rem;background:0 0;border:none;opacity:.6;transition:opacity .2s ease}.drag-handle:hover{opacity:1}.drag-handle:active,.is-dragging .drag-handle{cursor:grabbing}.drag-preview .drag-handle{pointer-events:none}.all-filters{margin:2rem 0;padding:1rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details.uploader+.items-list .all-filters{border-top:none}.all-filters .filters{width:100%}.controls .radio-options,.filters.row.start{--align:center;--justify:flex-start;--gap:.5rem}.all-filters span.label{text-transform:uppercase;font-size:var(--txt-small);font-weight:900;width:15vw;display:inline-flex;align-items:center;padding-right:2rem}.controls .icon{--w:1.4rem}.all-filters .btn+label,.all-filters button{height:var(--chipchip);padding:.5rem!important;min-width:0;min-height:var(--chipchip);width:var(--chipchip)}.all-filters .btn+label:focus,.all-filters .btn+label:hover,.all-filters button:focus,.all-filters button:hover{background-color:transparent;color:var(--action-0);border-color:var(--action-0)}.search-container:not(.open) .clear-search,.search-container:not(.open) input[type=search]{transform:scaleX(0);transform-origin:left;width:0;padding:0;transition:transform var(--trans-base),width var(--trans-base),padding var(--trans-base)}.search-container button{padding:.5rem}.search-container .icon{--w:1.5rem}.search-container.open .clear-search,.search-container.open input[type=search]{transform:scaleX(1);transform-origin:left;transition:transform var(--trans-base),width var(--trans-base),padding var(--trans-base)}.all-filters>.search,.search-container,input[type=search]{width:100%}form.table textarea{width:250px;padding:.5rem}.multi-select summary{--gap:2rem;padding-right:2.5rem}dialog.bulk-edit[open],dialog.create[open],dialog.edit[open]{height:85vh;top:5vh}.tab-content h2{display:none}.group-fields.hours .group-fields,.group-fields.hours .group-fields .field{display:flex;justify-content:space-between;align-items:center}.group-fields.hours .group-fields{padding:1rem .5rem;gap:1rem}.group-fields.hours .group-fields:nth-of-type(2n+1){background-color:var(--base)}.group-fields.hours .group-fields .field{margin:0}.group-fields.hours .true-false{flex:1}.group-fields.hours .time{position:relative}.group-fields.hours .time label{margin:0;font-size:var(--txt-small);position:absolute;top:-1rem;left:0;color:var(--contrast-200)}.today_hours{width:min(500px,90vw)}.today_hours .group-fields{width:100%;padding:0;display:flex;justify-content:center;gap:.5rem}@media (min-width:768px){.today_hours .group-fields{padding:2rem}}.today_hours .field{margin:0}.dash .true-false{margin:0}.dash [type=submit]{width:90%}.dashboard.dash h2{text-transform:none;font-size:var(--txt-large)}.dashboard.dash .replace>ul{display:flex;list-style:none;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.dashboard.settings nav.tabs{--height:3.5rem;--x:var(--btn_);position:fixed;bottom:var(--btn);left:var(--x);right:var(--x);z-index:99;width:calc(100% - var(--x) - var(--x));background-color:var(--base)}.jvb-seo-admin nav.tabs{position:sticky;padding-bottom:0;bottom:unset;left:0;right:0;top:var(--btn)}.jvb-seo-admin nav.tabs button{border:none;margin:0 .125rem;background-color:var(--base-200);box-shadow:var(--shdw-none)}.jvb-seo-admin nav.tabs button.active{background-color:var(--base);color:var(--action-0)}nav.integrations,nav.integrations a,nav.integrations li,nav.integrations ul{height:auto}.replace{overflow:hidden}body.dash form#options{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.item-grid.integrations{grid-template-columns:repeat(2,1fr);gap:2rem}.integration{background:var(--base);border:2px solid var(--base-200);border-radius:var(--radius-outer);padding:1rem;position:relative;transition:all var(--trans-base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.integration.connected{border-color:var(--success)}.integration.disconnected,.integration.error{border-color:var(--error)}.integration.hasChanges{border-color:var(--warning)}.integration .header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--base-200)}.integration h3{letter-spacing:1px;font-size:var(--txt-medium);margin:0}.integration .meta{margin-bottom:1rem;text-align:right;color:var(--contrast-200);font-size:var(--txt-small)}.integration .setup{font-size:var(--txt-small);font-weight:700;text-transform:uppercase}.integration .setup .indicator{font-size:var(--txt-medium)}.integration .connected .indicator,.integration .setup .connected{color:var(--success)}.integration .disconnected .indicator,.integration .setup .disconnected{color:var(--error)}.integration.hasChanges .disconnected{color:var(--warning)}.connection-status.connected{background-color:var(--successBack);color:var(--successText)}.connection-status.disconnected{background-color:var(--errorBack);color:var(--errorText)}.integration code{display:inline-block;width:90%;margin:0 .5rem;user-select:all;padding:.75rem;border:2px solid var(--base);background-color:var(--base-200);word-break:break-all}.integration details+details{margin-top:1rem}.integration .actions{margin-top:1rem}.hasChanges button[data-action=save_credentials]{border-color:var(--warning);animation:pulse-color 1s infinite;animation-delay:1s}.flash{animation:flash .5s}.flash.connected{--b:var(--success)}.flash.disconnected{--b:var(--error)}.flash.syncing{--b:var(--success)}.flash.error,.flash.hasChanges{--b:var(--warning)}@keyframes flash{0%,100%{border-color:inherit}50%{border-color:var(--b)}}.location.field{width:80vw}.location.field>p{text-align:center}.location.field>p+p{margin:0 .5rem 0 0}.location.field .location-map{height:20vh}.location.field .location-links{padding:.5rem 0;display:flex;justify-content:space-evenly}.field.upload [data-upload-id],.item-grid .item{touch-action:none}.empty-state{grid-column:1/-1;padding:1rem 10vw;margin:0 10vw;border-radius:var(--radius-outer);background-color:var(--base-100)}.jvb-oauth-connect{position:relative;transition:opacity .2s}.jvb-oauth-connect.loading{opacity:.6;pointer-events:none}.jvb-oauth-connect.loading::after{content:'';position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #ccc;border-top-color:#0073aa;border-radius:50%;animation:oauth-spin .8s linear infinite}@keyframes oauth-spin{to{transform:translateY(-50%) rotate(360deg)}}.integration-status-message{padding:12px 16px;margin:16px 0;border-radius:4px;display:none;font-size:14px;line-height:1.5}.integration-status-message.success{display:block;background:#d4edda;color:#155724;border-left:4px solid #28a745}.integration-status-message.error{display:block;background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.integration-status-message.info{display:block;background:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.connection-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500}.connection-status.connected{background:#d4edda;color:#155724}.connection-status.disconnected{background:#f8d7da;color:#721c24}.status-indicator{font-size:10px;line-height:1}.connection-status.connected .status-indicator{color:#28a745}.connection-status.disconnected .status-indicator{color:#dc3545}.referral-dashboard{max-width:var(--wide)}.card{background-color:var(--base-100);padding:30px;border-radius:var(--radius-outer);text-align:center;margin-bottom:2rem}.dashboard-page.referral{text-align:center}.referral-dashboard .empty-state{padding:3rem 7vw}.referral-dashboard .empty-state h3{margin-top:0}.referral-dashboard .empty-state h3 .icon:first-of-type{margin-right:1rem}.referral-dashboard .empty-state h3 .icon:last-of-type{margin-left:1rem}.item-grid.stats .card{border:1px solid var(--base);display:flex;justify-content:flex-end;align-items:center;flex-direction:column}.item-grid.stats .card.highlight{box-shadow:var(--contrast-rgb) var(--shadow);background-color:var(--action-200);color:var(--action-contrast);grid-column:1/-1;margin:0 4rem 30px;aspect-ratio:unset}.card h4{font-size:var(--medium);color:var(--contrast-200);font-weight:var(--fw-b-bold);margin:0 0 .5rem}.card span{color:var(--action-0);font-weight:var(--fw-b-bold);font-size:var(--txt-xx-large)}.card.highlight span{color:var(--action-contrast)}nav.sidebar{--wrap:nowrap;position:fixed;top:var(--btn);bottom:0;left:0;z-index:var(--z-4);height:calc(100% - var(--btn));background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);width:var(--btn);transition:var(--trans-size);overflow:hidden auto}nav.sidebar .icon{--w:var(--chip_);width:var(--btn);transition:var(--trans-size),margin var(--trans-base)}nav.sidebar.open{width:fit-content;max-width:100%}nav.sidebar.open .icon{--w:var(--chip);margin:.75rem;width:var(--w)}nav.sidebar ul{height:max-content;width:100%;--gap:0}nav.sidebar .title{display:block}nav.sidebar .toggle{width:var(--btn);height:var(--chipchip);box-shadow:none;background-color:transparent;min-height:0}nav.sidebar .toggle:focus,nav.sidebar .toggle:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.sidebar .toggle.main{position:fixed;left:unset;bottom:0;right:0;width:var(--btn);height:var(--btn);z-index:var(--z-8);box-shadow:rgba(var(--base-rgb),var(--rgb-medium)) var(--shdw)}nav.sidebar .title{white-space:nowrap}nav.sidebar li{--justify:center;flex-wrap:nowrap;overflow:hidden;align-items:flex-start}nav.sidebar.open li>div{width:100%;padding-right:var(--btn)}nav.sidebar.open li.has-submenu>div{padding-right:0}nav.sidebar.open li.has-submenu>ul{padding-left:var(--chip)}nav.sidebar .a{color:var(--contrast-200)}nav.sidebar .a,nav.sidebar a{height:var(--chipchip);display:flex;justify-content:center;align-items:center;transition:none;padding-left:0}nav.sidebar.open .a,nav.sidebar.open a{width:100%;justify-content:flex-start}nav.sidebar .has-submenu ul{max-height:0;height:0;overflow:hidden;transition:var(--trans-size)}nav.sidebar .has-submenu.open>ul{height:100%;max-height:fit-content}header .title,header .title a{height:var(--btn);margin:0;display:block}header .title{margin-left:var(--btn)}header .title a{width:var(--btn)}

 assets/css/feed.min.css

@@ -1 +1 @@
.feed-block{max-width:var(--full);margin:0 auto}.feed-block>:not(.feed-grid,h2){max-width:var(--alignWide);margin:1rem var(--mr) 1rem var(--ml)}.feed-block>h2{max-width:var(--maxWidth)}.feed-block[data-loading=true]{opacity:.7}.feed-block:empty::before{content:"Looks like there's nothing here yet.";display:block;text-align:center;padding:2rem}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:2rem}@media (min-width:768px){.feed-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.feed-empty-state{grid-column:2/span 2!important}}@media (min-width:1200px){.feed-grid{grid-template-columns:repeat(6,1fr)}.feed-empty-state{grid-column:2/span 4!important}}.feed-item{position:relative;border-radius:.5rem;overflow:hidden;background:var(--base-50);box-shadow:0 2px 4px rgba(0,0,0,.1);opacity:0;transition:opacity var(--transition-base) var(--delay);height:fit-content;padding:0}.feed-item[data-loaded]{opacity:1}.feed-item[data-loaded]+.feed-item[data-loaded]{--delay:var(--delay) + var(--increase)}.feed-item.artist{grid-column:span 2}.feed-item.highlighted{animation:highlight 2s ease-out}.feed-image{display:block;aspect-ratio:1;overflow:hidden;width:100%;height:100%}.artist-tattoos img,.feed-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--timing) var(--function)}.artist-tattoos a:hover img,.feed-image:hover img{transform:scale(1.05)}.item-info{padding:.25rem 1rem}.item-info h3{margin:0!important;font-size:1.1rem;font-family:var(--body);font-weight:var(--bWeight);text-align:center}.item-info span{text-transform:uppercase;display:flex;align-items:center}.item-info .icon{margin-right:1em}.taxonomy-lists{margin:.5rem 0}.taxonomy-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.taxonomy-group ul{list-style:none;margin:0;padding:0}.item-labels{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.label{display:flex;align-items:center;gap:.25rem;font-size:.9rem}.label a{color:inherit;text-decoration:none}.label a:hover{color:var(--pink-0)}.favourite-button{position:absolute;top:.5rem;right:.5rem;z-index:10;background:var(--overlay-medium);border-radius:50%;box-shadow:var(--subtle);border:none;cursor:pointer;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);transition:all var(--transition-base)}.favourite-button:hover{transform:scale(1.1);color:var(--pink-0);background:var(--base);box-shadow:0 4px 8px rgba(0,0,0,.15)}.favourite-button.favourited{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}.feed-filters{margin:2rem auto;position:relative}.feed-filters .feed-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%}.feed-filters details summary{justify-content:flex-start;padding:2rem .5rem .5rem}.feed-filters details[open] summary{background-color:var(--base-50)}.feed-filters summary:after{position:absolute;right:.5rem;top:.5rem}.feed-filters .filter-toggle,.feed-filters .type-filter>label,.radio-group-label>label{display:flex;justify-content:center;align-items:center;padding:.35rem;white-space:nowrap;width:fit-content;height:fit-content;cursor:pointer;border:1px solid var(--base-200);border-radius:4px;font-size:.875rem;transition:border-color var(--transition-base);margin-bottom:.5rem}.filter-toggle .icon{margin-right:.5rem}.type-filter:hover{color:var(--pink-0);border-color:var(--pink-0);transition:var(--transition-color)}.feed-filters .type-filter>label{flex-direction:column}.type-filter.favourites-toggle{margin-left:auto}.type-filter.favourites-toggle label{position:relative}.type-filter.favourites-toggle label .label{top:100%;right:0}input[hidden]+label{display:none}.feed-filters svg{width:25px;height:25px}.order-options{position:relative;display:flex;justify-content:space-between}.order-options .order-by{display:flex}.order-options .order-by .radio-group-label,.order-options .order-direction{display:flex;padding-top:1.5rem;position:relative}.order-options .order-by>.label{margin-right:2rem}.radio-group-label{display:flex;gap:.5rem}.feed-filters .radio-group-label label .label{top:.5rem;right:.5rem}.feed-filters .order-options label svg{width:20px;height:20px}.feed-filters input:checked+label,.feed-filters label:hover,.radio-group-label input:checked+label{background-color:var(--white);border-color:var(--pink);color:var(--pink)}.feed-filters label .label{position:absolute;visibility:hidden;top:.5rem;right:4rem;opacity:0;transition:transform var(--timing) var(--function);transition-property:max-width,transform}.feed-filters input:checked+label .label{visibility:visible;opacity:1}.feed-filters .filters{padding:1rem;margin-top:1rem;background-color:transparent}.has-filters.filters{background-color:var(--base-50)}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem;position:relative}.feed-overlay{display:none;opacity:0;visibility:hidden}.loading .feed-overlay{position:fixed;top:0;left:0;right:0;bottom:0;margin:0!important;max-width:none!important;width:100%;height:100%;background:var(--overlay-medium);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.feed-overlay-content{background:var(--base);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;width:min(400px,60vw)}.loading .loading-icon-container{position:relative;margin-bottom:1.5rem;animation:dance 1s ease-in-out infinite;transition:opacity .2s ease;will-change:transform,opacity}.loading .loading-message .icon{width:3em;height:3em}.loading .loading-message .icon svg{width:100%;height:100%;margin-right:1rem;animation:dance 2s ease-in-out infinite;transition:color .3s ease}.loading .loading-message{will-change:opacity;font-size:1rem;color:#666;text-align:center;min-height:24px;transition:opacity .2s ease;margin-bottom:1rem}.loading .loading-dots{color:var(--pink-0);width:4px;aspect-ratio:1;border-radius:50%;box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0 0 0;transform:translateX(-38px) scale(.666);animation:bubble .5s infinite alternate linear}.feed-empty-state{grid-column-start:1;grid-column-end:2;text-align:center;padding:2rem;background:var(--base);border-radius:1rem;margin:0 auto;max-width:600px}.feed-empty-state h3{text-align:center;font-family:var(--heading);font-size:clamp(1.5rem,3vw,2.5rem);margin:0 0 2rem 0;color:var(--pink-0)}.feed-empty-state p{font-family:var(--body);margin:1rem 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.4}.feed-empty-state p:last-child{color:var(--pink-0);margin-top:2rem}@keyframes highlight{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px var(--pink-0)}}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes bubble{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}100%{box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.artist-tattoos{display:grid;grid-template-columns:repeat(3,1fr);gap:.25em}.artist-tattoos a:has(img){overflow:hidden;background-color:var(--base-100)}.artist-tattoos a:not(.feed-image) img{width:100%;height:100%;object-fit:cover}.artist-tattoos a::after,.artist-tattoos a::before{display:none}.artist-tattoos .feed-image{grid-row:span 2;grid-column:span 2}.feed-item summary .handle{position:absolute;bottom:0;left:0;right:0;background-color:var(--overlay-light);backdrop-filter:blur(5px);border-radius:var(--innerRadius);z-index:1;padding:.25rem .25rem .25rem 1.1rem}.feed-item:hover summary .handle,.feed-item[open] summary .handle{background-color:var(--overlay-pink-medium);backdrop-filter:blur(5px)}.feed-item summary:after{z-index:11;position:absolute;bottom:.35rem;right:.7rem;width:1.5rem;height:1.5rem;cursor:pointer}.loading .feed-overlay h2{width:fit-content;margin:1rem auto!important;color:transparent;-webkit-text-stroke:1px var(--contrast);--g:conic-gradient(var(--pink-0) 0 0) no-repeat text;background:var(--g) 0,var(--g) 1ch,var(--g) 2ch,var(--g) 3ch,var(--g) 4ch,var(--g) 5ch,var(--g) 6ch;animation:l17-0 1s linear infinite alternate,l17-1 2s linear infinite}@keyframes l17-0{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes l17-1{0%,50%{background-position-y:100%,0}50.01%,to{background-position-y:0,100%}}.loading .loading-message{display:flex;justify-content:center;align-items:center;overflow:hidden}.loading .dots-wrapper{display:flex;justify-content:center;align-items:center}.loading .loading-message p{opacity:1;transform:scaleY(1);transform-origin:bottom;transition:opacity var(--transition-base),transform var(--transition-base)}.loading .changing .loading-message p{opacity:0;transform:scaleY(0);transform-origin:top}.loading .feed-overlay::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--shimmer));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%,50%{transform:translateX(100%)}}@media (max-width:768px){.feed-filters .feed-controls{flex-direction:column;gap:1rem}.feed-empty-state{grid-column-end:none;padding:2rem 1rem;margin:1rem}.feed-filters details summary{gap:.5rem;justify-content:flex-start}}[hidden],[hidden]+label{display:none}.feed-loader{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto 0!important}.load-more{opacity:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--base-200);color:var(--contrast-200);border:none;border-radius:4px;font-size:var(--medium);cursor:pointer;transition:all var(--transition-base)}.load-more[hidden]{opacity:0;transition:all var(--transition-base)}.load-more:hover{background:var(--pink-0);transform:translateY(-2px)}.load-more:focus-visible{outline:2px solid var(--pink-0);outline-offset:2px}.feed-filters:not(:has(details)){display:flex;flex-direction:column;position:relative}.feed-filters:not(:has(details)) .favourites-toggle{position:absolute;top:1.5rem;left:-3.5rem;z-index:10}@media (min-width:768px){.feed-filters:not(:has(details)) .favourites-toggle{right:0;left:auto}}.icon.colour{background:#ff0080;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.feed-item:focus,.feed-item:focus-visible,[role=button]:focus,[role=button]:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:2px solid #ff0080!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(255,0,128,.2)!important}:focus:not(:focus-visible){outline:0!important;box-shadow:none!important}.skip-to-content{background:#ff0080;color:#fff;height:auto;left:50%;padding:8px;position:absolute;transform:translateY(-100%) translateX(-50%);transition:transform .3s;width:auto;z-index:100}.skip-to-content:focus{transform:translateY(0) translateX(-50%)}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}@media (forced-colors:active){.feed-item{border:1px solid CanvasText}[role=button],button{border:1px solid ButtonText}.favourite-button.favourited{background-color:Highlight;color:HighlightText}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.feed-overlay-content,.gallery-modal,.loading-dots{animation:none!important;transition:none!important}.feed-item{transition:none!important}}.feed-item[tabindex="0"]{cursor:pointer;position:relative}.feed-item[tabindex="0"]::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:2px solid transparent;transition:border-color .2s ease}.feed-item[tabindex="0"]:focus::after{border-color:#ff0080}.feed-item.highlighted{box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1);animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,100%{box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}50%{box-shadow:0 0 0 8px #ff0080,0 12px 24px rgba(0,0,0,.15)}}.error-state{padding:2rem;border:1px solid #ff0080;border-radius:.5rem;margin:2rem 0;text-align:center}.error-state h3{color:#ff0080;margin-top:0}.error-state button{margin-top:1rem}.error-feedback-modal{padding:2rem;border:2px solid #ff0080;border-radius:.5rem;max-width:500px;width:100%}.error-feedback-modal h2{margin-top:0;color:#ff0080}.error-feedback-modal textarea{width:100%;min-height:100px;margin:1rem 0;padding:.5rem;border:1px solid #ccc;border-radius:.25rem}.error-feedback-modal .actions{display:flex;justify-content:flex-end;gap:1rem}.error-feedback-modal button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:.25rem;background:#f5f5f5;cursor:pointer}.error-feedback-modal button.primary{background:#ff0080;color:#fff;border-color:#ff0080}dialog::backdrop{background-color:rgba(0,0,0,.5)}dialog.filter-dropdown{max-height:80vh;overflow:auto}dialog.filter-dropdown .cancel{position:sticky;top:0;z-index:1}.term-divider{position:relative;text-align:center;margin:1rem 0;border-bottom:1px solid var(--base-200)}.term-divider span{background:var(--base);padding:0 1rem;color:var(--contrast);font-size:.9rem;position:relative;top:.5em}.common-term{background:var(--base-50);border-radius:var(--innerRadius)}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--contrast-100);font-size:.9rem}.loading-indicator svg{animation:spin 1s linear infinite}.pagination-info{text-align:center;padding:.5rem;font-size:.9rem;color:var(--contrast-100);border-top:1px solid var(--base-100)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.term-breadcrumb{margin-bottom:1rem;padding:.5rem;background:var(--base-50);border-radius:4px}.back-to-parent{display:flex;align-items:center;gap:.5rem;border:none;background:0 0;color:var(--contrast);cursor:pointer;padding:.5rem;border-radius:4px;font-size:var(--small)}.back-to-parent:hover{background:var(--base-100)}.term-row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem 0}.toggle-children{border:none;background:0 0;padding:.25rem;cursor:pointer;color:var(--contrast);display:flex;align-items:center;justify-content:center;margin-left:auto;border-radius:4px}.toggle-children:hover{background:var(--base-50)}.loading-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.loading-indicator .loading{width:16px;height:16px;border:2px solid var(--base-100);border-top-color:var(--contrast);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.term-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:var(--base-50);border-radius:4px}.term-breadcrumb .path{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.term-breadcrumb button{border:none;background:0 0;padding:.25rem .5rem;border-radius:4px;cursor:pointer;color:var(--contrast);font-size:var(--small)}.term-breadcrumb button:hover{background:var(--base-100)}.path-separator{color:var(--contrast-50)}.path-level{white-space:nowrap}.create-term-section{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--base-100)}.suggestion-prompt{font-size:var(--small);color:var(--contrast-50);margin-bottom:1rem}.create-term-form{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;align-items:center;gap:.5rem}.name-row{position:relative}.name-row input{width:100%;padding:.5rem;border:2px solid var(--base-100);border-radius:4px;background:var(--base);color:var(--contrast)}.name-row input:focus{border-color:var(--pink-0);outline:0}.parent-row{font-size:var(--small)}.parent-row label{display:flex;align-items:center;gap:.5rem;cursor:pointer}dialog[open].gallery-modal{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--base);display:flex;align-items:center;justify-content:center}.gallery-content{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.gallery-favourite .favourite-button{top:unset;bottom:1rem;right:1rem}.gallery-image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery-close:hover{color:#ff0080}.gallery-nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease;display:flex;justify-content:center;align-items:center}.gallery-nav:hover{background-color:var(--overlay-heavy)}.gallery-nav:hover{color:#ff0080}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery-content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery-content details:hover,.gallery-content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}
.feed-block{max-width:var(--full);margin:0 auto}.feed-block>:not(.feed-grid,h2){max-width:var(--alignWide);margin:1rem var(--mr) 1rem var(--ml)}.feed-block>h2{max-width:var(--content)}.feed-block[data-loading=true]{opacity:.7}.feed-block:empty::before{content:"Looks like there's nothing here yet.";display:block;text-align:center;padding:2rem}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:2rem}@media (min-width:768px){.feed-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.feed-empty-state{grid-column:2/span 2!important}}@media (min-width:1200px){.feed-grid{grid-template-columns:repeat(6,1fr)}.feed-empty-state{grid-column:2/span 4!important}}.feed-item{position:relative;border-radius:.5rem;overflow:hidden;background:var(--base-50);box-shadow:0 2px 4px rgba(0,0,0,.1);opacity:0;transition:opacity var(--transition-base) var(--delay);height:fit-content;padding:0}.feed-item[data-loaded]{opacity:1}.feed-item[data-loaded]+.feed-item[data-loaded]{--delay:var(--delay) + var(--increase)}.feed-item.artist{grid-column:span 2}.feed-item.highlighted{animation:highlight 2s ease-out}.feed-image{display:block;aspect-ratio:1;overflow:hidden;width:100%;height:100%}.artist-tattoos img,.feed-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--timing) var(--function)}.artist-tattoos a:hover img,.feed-image:hover img{transform:scale(1.05)}.item-info{padding:.25rem 1rem}.item-info h3{margin:0!important;font-size:1.1rem;font-family:var(--body);font-weight:var(--bWeight);text-align:center}.item-info span{text-transform:uppercase;display:flex;align-items:center}.item-info .icon{margin-right:1em}.taxonomy-lists{margin:.5rem 0}.taxonomy-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.taxonomy-group ul{list-style:none;margin:0;padding:0}.item-labels{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.label{display:flex;align-items:center;gap:.25rem;font-size:.9rem}.label a{color:inherit;text-decoration:none}.label a:hover{color:var(--pink-0)}.favourite-button{position:absolute;top:.5rem;right:.5rem;z-index:10;background:var(--overlay-medium);border-radius:50%;box-shadow:var(--subtle);border:none;cursor:pointer;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);transition:all var(--transition-base)}.favourite-button:hover{transform:scale(1.1);color:var(--pink-0);background:var(--base);box-shadow:0 4px 8px rgba(0,0,0,.15)}.favourite-button.favourited{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}.feed-filters{margin:2rem auto;position:relative}.feed-filters .feed-controls{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%}.feed-filters details summary{justify-content:flex-start;padding:2rem .5rem .5rem}.feed-filters details[open] summary{background-color:var(--base-50)}.feed-filters summary:after{position:absolute;right:.5rem;top:.5rem}.feed-filters .filter-toggle,.feed-filters .type-filter>label,.radio-group-label>label{display:flex;justify-content:center;align-items:center;padding:.35rem;white-space:nowrap;width:fit-content;height:fit-content;cursor:pointer;border:1px solid var(--base-200);border-radius:4px;font-size:.875rem;transition:border-color var(--transition-base);margin-bottom:.5rem}.filter-toggle .icon{margin-right:.5rem}.type-filter:hover{color:var(--pink-0);border-color:var(--pink-0);transition:var(--transition-color)}.feed-filters .type-filter>label{flex-direction:column}.type-filter.favourites-toggle{margin-left:auto}.type-filter.favourites-toggle label{position:relative}.type-filter.favourites-toggle label .label{top:100%;right:0}input[hidden]+label{display:none}.feed-filters svg{width:25px;height:25px}.order-options{position:relative;display:flex;justify-content:space-between}.order-options .order-by{display:flex}.order-options .order-by .radio-group-label,.order-options .order-direction{display:flex;padding-top:1.5rem;position:relative}.order-options .order-by>.label{margin-right:2rem}.radio-group-label{display:flex;gap:.5rem}.feed-filters .radio-group-label label .label{top:.5rem;right:.5rem}.feed-filters .order-options label svg{width:20px;height:20px}.feed-filters input:checked+label,.feed-filters label:hover,.radio-group-label input:checked+label{background-color:var(--white);border-color:var(--pink);color:var(--pink)}.feed-filters label .label{position:absolute;visibility:hidden;top:.5rem;right:4rem;opacity:0;transition:transform var(--timing) var(--function);transition-property:max-width,transform}.feed-filters input:checked+label .label{visibility:visible;opacity:1}.feed-filters .filters{padding:1rem;margin-top:1rem;background-color:transparent}.has-filters.filters{background-color:var(--base-50)}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem;position:relative}.feed-overlay{display:none;opacity:0;visibility:hidden}.loading .feed-overlay{position:fixed;top:0;left:0;right:0;bottom:0;margin:0!important;max-width:none!important;width:100%;height:100%;background:var(--overlay-medium);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.feed-overlay-content{background:var(--base);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;width:min(400px,60vw)}.loading .loading-icon-container{position:relative;margin-bottom:1.5rem;animation:dance 1s ease-in-out infinite;transition:opacity .2s ease;will-change:transform,opacity}.loading .loading-message .icon{width:3em;height:3em}.loading .loading-message .icon svg{width:100%;height:100%;margin-right:1rem;animation:dance 2s ease-in-out infinite;transition:color .3s ease}.loading .loading-message{will-change:opacity;font-size:1rem;color:#666;text-align:center;min-height:24px;transition:opacity .2s ease;margin-bottom:1rem}.loading .loading-dots{color:var(--pink-0);width:4px;aspect-ratio:1;border-radius:50%;box-shadow:19px 0 0 7px,38px 0 0 3px,57px 0 0 0;transform:translateX(-38px) scale(.666);animation:bubble .5s infinite alternate linear}.feed-empty-state{grid-column-start:1;grid-column-end:2;text-align:center;padding:2rem;background:var(--base);border-radius:1rem;margin:0 auto;max-width:600px}.feed-empty-state h3{text-align:center;font-family:var(--heading);font-size:clamp(1.5rem,3vw,2.5rem);margin:0 0 2rem 0;color:var(--pink-0)}.feed-empty-state p{font-family:var(--body);margin:1rem 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.4}.feed-empty-state p:last-child{color:var(--pink-0);margin-top:2rem}@keyframes highlight{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px var(--pink-0)}}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes bubble{50%{box-shadow:19px 0 0 3px,38px 0 0 7px,57px 0 0 3px}100%{box-shadow:19px 0 0 0,38px 0 0 3px,57px 0 0 7px}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.artist-tattoos{display:grid;grid-template-columns:repeat(3,1fr);gap:.25em}.artist-tattoos a:has(img){overflow:hidden;background-color:var(--base-100)}.artist-tattoos a:not(.feed-image) img{width:100%;height:100%;object-fit:cover}.artist-tattoos a::after,.artist-tattoos a::before{display:none}.artist-tattoos .feed-image{grid-row:span 2;grid-column:span 2}.feed-item summary .handle{position:absolute;bottom:0;left:0;right:0;background-color:var(--overlay-light);backdrop-filter:blur(5px);border-radius:var(--innerRadius);z-index:1;padding:.25rem .25rem .25rem 1.1rem}.feed-item:hover summary .handle,.feed-item[open] summary .handle{background-color:var(--overlay-pink-medium);backdrop-filter:blur(5px)}.feed-item summary:after{z-index:11;position:absolute;bottom:.35rem;right:.7rem;width:1.5rem;height:1.5rem;cursor:pointer}.loading .feed-overlay h2{width:fit-content;margin:1rem auto!important;color:transparent;-webkit-text-stroke:1px var(--contrast);--g:conic-gradient(var(--pink-0) 0 0) no-repeat text;background:var(--g) 0,var(--g) 1ch,var(--g) 2ch,var(--g) 3ch,var(--g) 4ch,var(--g) 5ch,var(--g) 6ch;animation:l17-0 1s linear infinite alternate,l17-1 2s linear infinite}@keyframes l17-0{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes l17-1{0%,50%{background-position-y:100%,0}50.01%,to{background-position-y:0,100%}}.loading .loading-message{display:flex;justify-content:center;align-items:center;overflow:hidden}.loading .dots-wrapper{display:flex;justify-content:center;align-items:center}.loading .loading-message p{opacity:1;transform:scaleY(1);transform-origin:bottom;transition:opacity var(--transition-base),transform var(--transition-base)}.loading .changing .loading-message p{opacity:0;transform:scaleY(0);transform-origin:top}.loading .feed-overlay::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--shimmer));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%,50%{transform:translateX(100%)}}@media (max-width:768px){.feed-filters .feed-controls{flex-direction:column;gap:1rem}.feed-empty-state{grid-column-end:none;padding:2rem 1rem;margin:1rem}.feed-filters details summary{gap:.5rem;justify-content:flex-start}}[hidden],[hidden]+label{display:none}.feed-loader{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto 0!important}.load-more{opacity:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--base-200);color:var(--contrast-200);border:none;border-radius:4px;font-size:var(--medium);cursor:pointer;transition:all var(--transition-base)}.load-more[hidden]{opacity:0;transition:all var(--transition-base)}.load-more:hover{background:var(--pink-0);transform:translateY(-2px)}.load-more:focus-visible{outline:2px solid var(--pink-0);outline-offset:2px}.feed-filters:not(:has(details)){display:flex;flex-direction:column;position:relative}.feed-filters:not(:has(details)) .favourites-toggle{position:absolute;top:1.5rem;left:-3.5rem;z-index:10}@media (min-width:768px){.feed-filters:not(:has(details)) .favourites-toggle{right:0;left:auto}}.icon.colour{background:#ff0080;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.feed-item:focus,.feed-item:focus-visible,[role=button]:focus,[role=button]:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:2px solid #ff0080!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(255,0,128,.2)!important}:focus:not(:focus-visible){outline:0!important;box-shadow:none!important}.skip-to-content{background:#ff0080;color:#fff;height:auto;left:50%;padding:8px;position:absolute;transform:translateY(-100%) translateX(-50%);transition:transform .3s;width:auto;z-index:100}.skip-to-content:focus{transform:translateY(0) translateX(-50%)}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}@media (forced-colors:active){.feed-item{border:1px solid CanvasText}[role=button],button{border:1px solid ButtonText}.favourite-button.favourited{background-color:Highlight;color:HighlightText}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.feed-overlay-content,.gallery-modal,.loading-dots{animation:none!important;transition:none!important}.feed-item{transition:none!important}}.feed-item[tabindex="0"]{cursor:pointer;position:relative}.feed-item[tabindex="0"]::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:2px solid transparent;transition:border-color .2s ease}.feed-item[tabindex="0"]:focus::after{border-color:#ff0080}.feed-item.highlighted{box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1);animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,100%{box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}50%{box-shadow:0 0 0 8px #ff0080,0 12px 24px rgba(0,0,0,.15)}}.error-state{padding:2rem;border:1px solid #ff0080;border-radius:.5rem;margin:2rem 0;text-align:center}.error-state h3{color:#ff0080;margin-top:0}.error-state button{margin-top:1rem}.error-feedback-modal{padding:2rem;border:2px solid #ff0080;border-radius:.5rem;max-width:500px;width:100%}.error-feedback-modal h2{margin-top:0;color:#ff0080}.error-feedback-modal textarea{width:100%;min-height:100px;margin:1rem 0;padding:.5rem;border:1px solid #ccc;border-radius:.25rem}.error-feedback-modal .actions{display:flex;justify-content:flex-end;gap:1rem}.error-feedback-modal button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:.25rem;background:#f5f5f5;cursor:pointer}.error-feedback-modal button.primary{background:#ff0080;color:#fff;border-color:#ff0080}dialog::backdrop{background-color:rgba(0,0,0,.5)}dialog.filter-dropdown{max-height:80vh;overflow:auto}dialog.filter-dropdown .cancel{position:sticky;top:0;z-index:1}.term-divider{position:relative;text-align:center;margin:1rem 0;border-bottom:1px solid var(--base-200)}.term-divider span{background:var(--base);padding:0 1rem;color:var(--contrast);font-size:.9rem;position:relative;top:.5em}.common-term{background:var(--base-50);border-radius:var(--innerRadius)}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--contrast-100);font-size:.9rem}.loading-indicator svg{animation:spin 1s linear infinite}.pagination-info{text-align:center;padding:.5rem;font-size:.9rem;color:var(--contrast-100);border-top:1px solid var(--base-100)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.term-breadcrumb{margin-bottom:1rem;padding:.5rem;background:var(--base-50);border-radius:4px}.back-to-parent{display:flex;align-items:center;gap:.5rem;border:none;background:0 0;color:var(--contrast);cursor:pointer;padding:.5rem;border-radius:4px;font-size:var(--small)}.back-to-parent:hover{background:var(--base-100)}.term-row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem 0}.toggle-children{border:none;background:0 0;padding:.25rem;cursor:pointer;color:var(--contrast);display:flex;align-items:center;justify-content:center;margin-left:auto;border-radius:4px}.toggle-children:hover{background:var(--base-50)}.loading-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.loading-indicator .loading{width:16px;height:16px;border:2px solid var(--base-100);border-top-color:var(--contrast);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.term-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:var(--base-50);border-radius:4px}.term-breadcrumb .path{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.term-breadcrumb button{border:none;background:0 0;padding:.25rem .5rem;border-radius:4px;cursor:pointer;color:var(--contrast);font-size:var(--small)}.term-breadcrumb button:hover{background:var(--base-100)}.path-separator{color:var(--contrast-50)}.path-level{white-space:nowrap}.create-term-section{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--base-100)}.suggestion-prompt{font-size:var(--small);color:var(--contrast-50);margin-bottom:1rem}.create-term-form{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;align-items:center;gap:.5rem}.name-row{position:relative}.name-row input{width:100%;padding:.5rem;border:2px solid var(--base-100);border-radius:4px;background:var(--base);color:var(--contrast)}.name-row input:focus{border-color:var(--pink-0);outline:0}.parent-row{font-size:var(--small)}.parent-row label{display:flex;align-items:center;gap:.5rem;cursor:pointer}dialog[open].gallery-modal{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--base);display:flex;align-items:center;justify-content:center}.gallery-content{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.gallery-favourite .favourite-button{top:unset;bottom:1rem;right:1rem}.gallery-image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery-close:hover{color:#ff0080}.gallery-nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease;display:flex;justify-content:center;align-items:center}.gallery-nav:hover{background-color:var(--overlay-heavy)}.gallery-nav:hover{color:#ff0080}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery-content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery-content details:hover,.gallery-content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}

 assets/css/forms.min.css

@@ -1 +1 @@
details.uploader .file-upload-container{margin:1rem 0;max-width:100%}@media (min-width:768px){details.uploader .file-upload-container{margin:1rem var(--mr) 1rem var(--ml);max-width:var(--maxWidth)}}.file-upload-wrapper{border:2px dashed var(--action-0);border-radius:4px;padding:2rem;text-align:center;transition:all .3s ease;background:rgba(var(--action-rgb),var(--rgb-subtle));position:relative;cursor:pointer}.file-upload-wrapper h2{margin:0!important;font-size:var(--large)}.dragover,.file-upload-wrapper:hover{background:rgba(var(--action-rgb),var(--rgb-subtle-hover));border-color:var(--action-0)!important}.file-upload-wrapper input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-text{color:var(--contrast);margin:0;font-family:var(--body)}.file-upload-text strong{color:var(--action-0);text-decoration:underline}.field.upload:has(.upload-item) .file-upload-container{display:none}.field.upload{position:relative}.field.upload:not(.uploading) .progress{display:none}.field.upload .actions{position:absolute;top:0;right:0}.item-grid.group{margin-bottom:0}.item-grid.group,.item-grid.preview,.item-grid.restore{grid-template-columns:repeat(3,1fr)}.item-grid.group .item,.item-grid.preview .item,.item-grid.restore .item{display:block}.item-grid.group button,.item-grid.preview button,.item-grid.restore button{padding:.25rem .5rem}.item-grid.group button .icon,.item-grid.preview button .icon,.item-grid.restore button .icon{--w:1.1em}.item-grid.group .item .preview>input[type=checkbox]:not(.label-button)+label,.item-grid.preview .item .preview>input[type=checkbox]:not(.label-button)+label,.item-grid.restore .item .preview>input[type=checkbox]:not(.label-button)+label{padding-left:0;margin:0}.item-grid.group .item .preview>input[type=checkbox]+label:before,.item-grid.preview .item .preview>input[type=checkbox]+label:before,.item-grid.restore .item .preview>input[type=checkbox]+label:before{transform:unset;top:.5rem;left:.5rem}.item-grid.group .item .preview>input[type=checkbox]+label::after,.item-grid.preview .item .preview>input[type=checkbox]+label::after,.item-grid.restore .item .preview>input[type=checkbox]+label::after{top:.5rem;left:.75rem;transform:translateY(20%) rotate(45deg)}.item-grid.group .item .item-actions,.item-grid.preview .item .item-actions,.item-grid.restore .item .item-actions{position:absolute;top:0;right:0}.item-grid.group summary,.item-grid.preview summary,.item-grid.restore summary{padding:.5rem}.item-grid.group:has([type=checkbox]:checked),.item-grid.preview:has([type=checkbox]:checked),.item-grid.restore:has([type=checkbox]:checked){padding:1rem;background-color:rgba(var(--contrast-rgb),var(--rgb-subtle))}.item-grid.group:has([type=checkbox]:checked) .item,.item-grid.preview:has([type=checkbox]:checked) .item,.item-grid.restore:has([type=checkbox]:checked) .item{padding:.75rem;opacity:.8}.item-grid.group:has([type=checkbox]:checked) .item img,.item-grid.preview:has([type=checkbox]:checked) .item img,.item-grid.restore:has([type=checkbox]:checked) .item img{filter:var(--filter)}.item-grid.group:has([type=checkbox]:checked) details,.item-grid.preview:has([type=checkbox]:checked) details,.item-grid.restore:has([type=checkbox]:checked) details{display:none}.item-grid.group .item:has([type=checkbox]:checked),.item-grid.preview .item:has([type=checkbox]:checked),.item-grid.restore .item:has([type=checkbox]:checked){padding:.5rem;background-color:rgba(var(--action-rgb),var(--rgb-medium));opacity:1}.item-grid.preview summary span{display:none}.item-grid.group .item:has([type=checkbox]:checked) img,.item-grid.preview .item:has([type=checkbox]:checked) img,.item-grid.restore .item:has([type=checkbox]:checked) img{filter:none}[type=radio].featured+label .icon-star-fi,[type=radio].featured:checked+label .icon-star{display:none}[type=radio].featured+label .icon-star,[type=radio].featured:checked+label .icon-star-fi{display:inline-block}.restore.restore.item,.upload.upload.item{border-radius:var(--innerRadius);aspect-ratio:unset;overflow:hidden;background:var(--base);border:1px solid var(--base-200)}.restore-item [for=select-item],.upload.item [for=select-item]{aspect-ratio:1}.upload.item:has(details[open]){grid-column:1/-1}.restore.item img,.upload.item img{transition:transform var(--transition-base)}.restore.item:hover img,.upload.item:hover img{transform:scale(1.02);transition:transform var(--transition-base)}.upload-group{background-image:var(--dashed-action);padding:5px;border-radius:var(--innerRadius);background-color:rgba(var(--action-rgb),var(--rgb-subtle))}.upload-group .selected .field{margin:0}.upload-group .group-actions button{aspect-ratio:unset}.submit-uploads{position:fixed;bottom:var(--offHeight);right:var(--offHeight);z-index:var(--z-6);height:var(--height);box-shadow:var(--shadow);border-radius:var(--innerRadius);animation:pulse-color 5s infinite;animation-delay:1s;background-color:var(--action-0);color:var(--action-contrast)}.submit-uploads:hover{background-color:var(--base-200);color:var(--contrast-200)}.empty-group{order:-1;grid-column:1/-1;padding:20px;background-image:var(--dashed-action);border-radius:var(--innerRadius);margin:10px 0;cursor:pointer;transition:all var(--transition-base);text-align:center;background-color:rgba(var(--action-rgb),var(--rgb-subtle))}.group-display:not([hidden])~.file-upload-container{display:none}.dragging,.upload.item.dragging{opacity:.7;transform:scale(.95) rotate(3deg);z-index:var(--z-top);box-shadow:0 8px 25px rgba(0,0,0,.3)}.dragover{background:rgba(var(--action-rgb),var(--rgb-light))!important;border-color:var(--action-0)!important;transform:scale(1.05);animation:drop-pulse .8s infinite ease-in-out}.drag-preview{position:fixed;z-index:var(--zz-top);width:fit-content;overflow:visible;pointer-events:none;opacity:.9;transform:scale(1.05);transition:transform .2s ease}.drag-preview .drag-items{width:max-content;height:max-content;position:relative}.drag-preview .drag-items .drag-item{width:120px;height:120px;position:absolute;top:0;left:0;background:var(--base);border-radius:var(--outerRadius);box-shadow:var(--shadow)}.drag-preview .drag-items .drag-item:nth-child(1){transform:rotate(-3deg);z-index:3}.drag-preview .drag-items .drag-item:nth-child(2){left:8px;top:-4px;transform:rotate(4deg);z-index:2;transition-delay:30ms}.drag-preview .drag-items .drag-item:nth-child(3){left:-6px;top:-8px;transform:rotate(-5deg);z-index:1;transition-delay:60ms}.drag-preview .drag-items .drag-item:nth-child(4){left:12px;top:-12px;transform:rotate(3deg);z-index:0;transition-delay:90ms}.drag-preview .drag-items .drag-item:nth-child(n+5){left:-10px;top:-16px;transform:rotate(-4deg);z-index:0;opacity:.8}.drag-preview .drag-items img,.drag-preview .drag-items video{width:100%;height:100%;object-fit:cover;display:block}.drag-preview .drag-count{position:absolute;top:-8px;right:-8px;background:var(--base-200);color:var(--contrast);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--shadow);z-index:var(--z-3)}.item.dragging{opacity:.5;transform:scale(.95);filter:grayscale(50%);transition:opacity .2s ease,transform .2s ease,filter .2s ease}@keyframes drop-pulse{0%,100%{background-color:rgba(var(--action-rgb),var(--rgb-light));transform:scale(1.02)}50%{background-color:var(rgba(var(--action-rgb),var(--rgb-medium)));transform:scale(1.04)}}.group-actions{display:flex;gap:.25rem}@media (max-width:767px){body:not(.uploading):has(.group-display:not([hidden])){overflow:hidden}body:not(.uploading):has(.group-display:not([hidden])) .qtoggle{z-index:var(--z-1)}.group-display.group-display{position:fixed;top:var(--height);bottom:var(--height);left:0;right:0;max-height:var(--maxHeight);overflow:hidden;z-index:var(--z-6);width:calc(100% - 1rem);height:calc(100% - 1rem);padding:0 0 3rem;--justify:flex-start;--align:flex-start;--gap:0}.group-display::before{content:'';display:block;z-index:-1;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;position:absolute;background-color:rgba(var(--base-rgb),var(--rgb-heavy));filter:blur(5px)}.group-display .preview-wrap,.group-display .sidebar{height:50%;overflow:hidden auto;position:relative;padding:.5rem}.group-display .preview-wrap{top:0}.group-display .preview-wrap .selected{display:flex;justify-content:space-between;align-items:center}.group-display .sidebar{bottom:0;flex-wrap:nowrap;overflow:hidden auto;background-color:var(--contrast-200);color:var(--base)}.group-display .sidebar>.hint{color:var(--contrast)}.group-display .sidebar .header{display:none}.group-display .preview-actions{top:0;flex-shrink:0}.group-display .preview-wrap>.hint,.group-display .sidebar>.hint{bottom:0;margin:0;text-align:center}.group-display .preview-actions,.group-display .preview-wrap>.hint,.group-display .sidebar>.hint{position:absolute;left:0;right:0;background-color:rgba(var(--base-rgb),var(--rgb-heavy));z-index:var(--z-3);box-shadow:var(--shadow)}.group-display .item-grid{height:100%;overflow:hidden auto;grid-template-columns:repeat(3,1fr);padding:2rem 0}.group-display .sidebar>.item-grid{grid-template-columns:repeat(1,1fr);gap:1rem;padding:0}.group-display .sidebar .empty-group{order:0;position:sticky;height:fit-content;top:0;z-index:var(--z-3);background-color:rgba(var(--action-rgb),var(--rgb-heavy))}.group-display .sidebar .upload-group{order:1}.group-display .sidebar .empty-group p{margin:0}.group-display .field,.group-display .field label{margin:0;padding:0}.group-display .sidebar h4{margin:.25rem}.group-display .item{width:100%;height:max-content}.submit-uploads{bottom:var(--height);left:0;right:0;width:100%;height:3rem}body.uploading .group-display.group-display{position:relative;top:unset;bottom:unset;right:unset;left:unset}}@media (min-width:768px){.group-display.group-display{--wrap:nowrap;--dir:row;--gap:1rem;--align:flex-start}.group-display .preview-wrap,.group-display .sidebar{--justify:flex-start;max-height:calc(100vh - var(--doubleHeight));overflow:hidden auto}.group-display .preview-wrap,.group-display .sidebar{width:50%}.preview-actions,.preview-wrap .hint{position:sticky;z-index:var(--z-3);box-shadow:var(--shadow);background-color:var(--base);width:100%}.preview-actions{top:0;left:0;right:0}.preview-actions .field{margin:0}.preview-wrap .hint,.sidebar>.hint{bottom:-1rem;padding-bottom:1rem;margin:0;left:0;right:0;text-align:center}}.restore-uploads{position:fixed;top:var(--offHeight);bottom:var(--offHeight);left:1rem;right:1rem;border-radius:var(--outerRadius);padding:1rem;z-index:var(--z-top);box-shadow:var(--shadow);background-color:var(--base-200);overflow:hidden auto}dialog nav.tabs{position:sticky;top:0;background-color:var(--base-50);z-index:var(--z-6);box-shadow:var(--shadow-down);margin-bottom:2rem}.editor-container .ql-toolbar{display:flex;background-color:var(--base-50);justify-content:flex-start;flex-wrap:wrap;padding:.25rem;gap:.5rem 1rem;border-top-left-radius:var(--innerRadius);border-top-right-radius:var(--innerRadius);border-bottom:4px solid var(--base-50)}.ql-toolbar .ql-formats{display:flex;gap:.25rem}.editor-container .ql-container{--padding:1rem;background-color:var(--base);border-bottom-left-radius:var(--innerRadius);border-bottom-right-radius:var(--innerRadius);height:fit-content;padding:2px;border:1px solid var(--base-200)}.editor-container .ql-container .ql-editor{padding:var(--padding);width:100%;height:100%}.ql-editor img{max-width:50%;height:auto}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-hidden{display:none}.ql-tooltip{position:absolute;transform:translateY(10px);background-color:var(--base-100);border:1px solid var(--base);box-shadow:0 0 5px var(--overlay-heavy);color:var(--contrast);padding:5px 12px;white-space:nowrap}[data-type=single] .item-grid{display:flex}.repeater-row details summary::after{margin-left:0}.repeater-row details summary button{margin-left:auto}/*!* Group actions buttons - more visible *!*//*!* Group item grid - distinct from preview grid *!*//*!* Group count hint *!*//*!* ============================================================================*//*!* Base drag preview *!*//*!* Single item drag preview *!*//*!* Multi-item drag preview container *!*//*!* Items being dragged - reduce opacity on originals *!*//*!* Count badge on multi-item preview *!*//*!* ============================================================================*//*!* Ensure progress bar is visible when needed *!*//*!* Progress bar track *!*//*!* Progress bar fill *!*//*!* Progress details - styled for row layout with text and count *!*//*!* Individual item progress - overlay style *!*//*!* Item progress icon and status text *!*//*!* ============================================================================*//*!* Hide uploader when we have uploads *!*//*!* Show group display when we have uploads *!*//*!* ============================================================================*//*!* Selected items - more obvious *!*//*!* Selection checkbox - always visible on hover or when checked *!*//*!* Selection controls - more prominent *!*//*!* ============================================================================*//*!* Smooth dragover animation *!*//*!* ============================================================================*//*!* ============================================================================*//*!* Notification container - fixed overlay *!*//*!* Content card *!*//*!* Message section *!*//*!* Scrollable field list *!*//*!* Item grid for restore preview *!*//*!* Restore item *!*//*!* Checked state *!*//*!* Preview section *!*//*!* Item info *!*//*!* Checkbox controls *!*//*!* Actions section *!*//*!* Selection controls *!*//*!* Action buttons *!*//*!* Restore button - primary action *!*//*!* Scrap cache button - destructive action *!*//*!* Dismiss button - secondary action *!*//*!* Mobile responsive *!*//*!* Animation *!*//*!* Scrollbar styling for restore field list *!*/form{--step-size:2.5rem}.form-progress{padding:0 1rem}.form-progress .progress{background:var(--base-100);border-radius:var(--innerRadius);padding:1rem}.form-progress .bar{height:6px;background:var(--base-200);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.form-progress .fill{height:100%;background:linear-gradient(90deg,var(--action-0),var(--action-200));width:0%;transition:width .4s ease;border-radius:3px}.form-progress .step-text{font-size:var(--small);font-weight:600;color:var(--contrast-200)}form nav.tabs{position:relative;top:0;left:0;right:0;padding:1rem 0;gap:0;z-index:0}form nav.tabs button{position:relative;background:0 0;border:none;padding:.5rem 1rem .5rem 3rem;z-index:1}form nav.tabs .step-number{width:2.5rem;height:100%;border-radius:50% 0 0 50%;position:absolute;left:0;top:0;background:var(--base-200);color:var(--contrast-50);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--small);border:3px solid var(--base)}form nav.tabs button.pending .step-number{background:var(--base-100);color:var(--contrast-200)}form nav.tabs button.active .step-number,form nav.tabs button.current .step-number{background:var(--action-0);color:var(--action-contrast);border-color:var(--action-200)}form nav.tabs button.completed .step-number{background:var(--successBack);color:var(--successBack);border-color:var(--successText)}form nav.tabs button.completed .step-number::before{content:'✓';font-size:1.2rem;color:var(--successText);position:absolute}form nav.tabs button.completed h2{color:var(--contrast-200)}.step-navigation{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--base-200);gap:1rem}.step-navigation .prev-step{background:var(--base-100)}.step-navigation .next-step,.step-navigation button[type=submit]{margin-left:auto}.field input.error,.field select.error,.field textarea.error{border-color:var(--errorBack)}.error-message{color:var(--errorText);font-size:var(--small);margin-top:.25rem;display:block}@media (max-width:768px){form nav.tabs button{min-width:80px;font-size:var(--small)}form nav.tabs button h2{font-size:var(--small)}form{--step-size:2rem}}.field-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.field-input-wrapper input,.field-input-wrapper select,.field-input-wrapper textarea{flex:1}.validation-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;animation:scaleIn .3s ease;--w:1.25rem}.validation-icon.error{color:var(--error)}.validation-icon.success{color:var(--success)}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.validation-message{color:var(--error-0);font-size:var(--small);margin-top:.25rem;display:block;animation:slideDown .2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--error);background-color:var(--errorBack)}.field.has-error input:focus,.field.has-error select:focus,.field.has-error textarea:focus{outline-color:var(--error);box-shadow:0 0 0 3px rgba(var(--error-rgb),.2)}.field.has-success input,.field.has-success select,.field.has-success textarea{border-color:var(--success)}.field label .required{color:var(--error);margin-left:.25rem}.form-summary{padding:2rem;border-radius:8px;margin-top:2rem;border:2px dashed var(--contrast-200)}.form-summary .message{margin-bottom:2rem}.form-summary .result+.result{position:relative;margin-top:1.5rem;padding-top:1.5rem}.form-summary .result+.result::before{position:absolute;top:0;left:16.5%;content:'';width:67%;height:1px;border-bottom:1px solid var(--base-200)}.form-summary h2{margin:1rem 0}.form-summary h4{background-color:var(--base-100);padding:.5rem 2rem;position:relative;left:-2rem;color:var(--contrast-200);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.form-summary p{color:var(--text);margin:0}.group-summary,.repeater-summary{background:var(--base-100);padding:1rem;border-radius:4px;margin-top:.5rem}.repeater-row{margin-bottom:1rem}.repeater-row:last-child{margin-bottom:0}.ql-toolbar button{--height:fit-content;padding:.5rem}.success-message{color:var(--success,#16a34a);background-color:var(--success-bg,#f0fdf4);border:1px solid var(--success,#16a34a);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-message .success-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.success-box{background-color:var(--success-bg,#f0fdf4);border:2px solid var(--success,#16a34a);padding:1.5rem;border-radius:var(--outerRadius);margin-bottom:1rem;text-align:center}.success-box h3{color:var(--success,#16a34a);margin-bottom:.5rem}.success-box p{margin:.5rem 0}.form-success{opacity:.9}.form-success .field:not(.form-success-message):not(.success-box){display:none}.form-success button[type=submit]{opacity:.6;pointer-events:none}.field-error input,.field-error select,.field-error textarea{border-color:var(--error,#dc2626)}.error-message{color:var(--error,#dc2626);font-size:var(--small);margin-top:.25rem;display:block}.form-error{background-color:var(--error-bg,#fee);border:1px solid var(--error,#dc2626);padding:.75rem;border-radius:var(--radius);margin-bottom:1rem}.has-success input,.has-success select,.has-success textarea{border-color:var(--success,#16a34a)}.form-error{display:flex;align-items:center;gap:.5rem}.form-error .error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.autocomplete-dropdown{width:100%;background-color:var(--base-100);padding:.5rem;box-shadow:var(--shadow)}
input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]),textarea{font-family:var(--body);font-size:var(--txt-medium);color:var(--contrast);padding:var(--p-y) var(--p-x);border-radius:var(--radius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px}input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]):focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}@media (min-width:768px){:root{--p-y:1rem}}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--radius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--txt-small);padding:.5rem 1rem;width:100%}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:.5rem}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer}.search-container .clear-search{opacity:0;cursor:default}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=url]{background:var(--linkIcon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.integration .label,label{text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.field{margin:2rem 0;position:relative}.field:has(.has-tooltip) label{margin-left:2rem}legend{padding:0 1rem}.date-wrapper{position:relative;display:inline-block}input[type=date]{padding:8px 36px 8px 8px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}input[type=date]+.icon{--w:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}input:is([type=time],[type=datetime-local],[type=date]){padding:.5rem;border:1px solid var(--contrast-200);border-radius:4px;font-size:14px;min-width:180px;background:var(--base);color:var(--contrast);cursor:pointer}.date-wrapper input[type=date]:focus,.datetime-wrapper input[type=datetime-local]:focus,.field-input-wrapper input:is([type=time],[type=datetime-local],[type=date]):focus,.time-wrapper input[type=time]:focus{border-color:var(--action-0);box-shadow:0 0 0 2px rgba(var(--action-rgb),.1)}.date-wrapper .icon,.datetime-wrapper .icon,.field-input-wrapper .icon,.time-wrapper .icon{width:18px;height:18px;background-color:var(--contrast);opacity:.7}.selected-items{--justify:flex-start;--gap:.5rem;margin-bottom:.5rem}.selected-item{padding:.25rem .5rem;margin:.125em;background:var(--base-100);border-radius:.25rem;font-size:var(--txt-medium);border:1px solid var(--base-200);position:relative}.remove-item{background:0 0;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:var(--radius);width:1.5em;height:1.5em}.remove-item .close{width:.5em;height:.5em}.remove-item:hover{color:var(--action-0);background:#fee}.clear-filters{margin-left:auto;border:1px solid var(--base-200)}[type=checkbox],[type=radio],input.ch{position:absolute;opacity:0;left:-200vw}[type=checkbox]+label,[type=radio]+label,input.ch+label{position:relative;cursor:pointer}[type=checkbox]+label:hover,[type=radio]+label:hover{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before,input.ch+label::after,input.ch+label::before{content:'';position:absolute;top:50%}[type=checkbox]+label::after,[type=radio]+label::after,input.ch+label::after{left:5px;transform:translateY(-70%) rotate(45deg);width:5px;height:10px;border:solid var(--light-0);border-width:0 2px 2px 0;display:none}[type=checkbox]+label::before,[type=radio]+label::before,input.ch+label::before{left:0;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--contrast-200);background-color:var(--base);border-radius:var(--radius)}[type=checkbox]:hover+label::before,[type=radio]:hover+label::before,input.ch:hover+label::before{border-color:var(--action-200)}[type=checkbox]:checked+label::before,[type=radio]:checked+label::before,input.ch:checked+label::before{background-color:var(--action-0);border-color:var(--action-100)}[type=radio]:checked+label::before{border-radius:50%}[type=checkbox]:checked+label::after,input.ch:checked+label::after{display:block;left:5px;top:50%;transform:translateY(-70%) rotate(45deg);width:.35rem;height:.66rem;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]:disabled+label,[type=radio]:disabled+label,input.ch:disabled+label{cursor:not-allowed;background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label:hover,[type=radio]:disabled+label:hover,input.ch:disabled+label:hover{background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label::before,[type=radio]:disabled+label::before,input.ch:disabled+label::before{border-color:var(--base-200)}[type=checkbox]:not(.btn)+label,[type=radio]:not(.btn)+label,input.ch+label{flex:1;padding-left:2rem;transform-origin:top center;will-change:transform}.btn+label::after,.btn+label::before{display:none}.btn+label{--w:1.2em;border:1px solid var(--base-200);border-radius:var(--radius);min-width:2rem;min-height:2rem;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;color:var(--contrast-200);opacity:.8}.radio-options.status label{padding:0 .5rem}.btn:checked+label{border-color:var(--contrast);color:var(--contrast);opacity:1}.btn+label:hover{color:var(--action-50);border-color:var(--action-50)}.btn[hidden]+label,input[hidden]+label{display:none!important}.checkbox-options{--gap:.5rem 2rem}.checkbox-options label{flex:unset!important}.radio-options{--gap:.125rem .5rem}.radio-options input:not(.ch)+label::before{display:none!important}.radio-options input:not(.ch)+label{flex:unset!important;padding:.25rem!important;border-radius:4px;border:1px solid var(--base-100);color:var(--contrast-200);font-weight:400;text-align:center}.radio-options input:not(.ch)+label:hover,.radio-options input:not(.ch):checked+label{border-color:var(--action-0);color:var(--action-0)}.quantity{margin:0;display:inline-flex;width:fit-content;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;position:relative}.quantity:focus-within{border-color:var(--action-0)}.quantity label{margin:0;font-size:var(--txt-small)}.quantity button{background:var(--base);padding:0;width:38px;height:38px;z-index:0;position:relative;border:1px solid var(--base-200);color:var(--contrast-200)}.quantity button:hover:not(:disabled){color:var(--action-0);border-color:var(--action-0);background-color:var(--base)}.quantity button:active:not(:disabled){background-color:var(--action-0);color:var(--light-0);transform:scale(.95)}.quantity button:disabled{opacity:.5;cursor:not-allowed}.quantity input[type=number]{z-index:1;border:1px solid var(--base-200);background:var(--base);text-align:center;font-size:1.1rem;width:60px;height:48px;margin:0;padding:0!important;appearance:textfield}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity input[type=number]:focus{background-color:var(--base-50)}.quantity button.increase{left:-2px;border-radius:0 4px 4px 0}.quantity button.decrease{right:-2px;border-radius:4px 0 0 4px}.items-container{margin:0;padding:0;width:100%}.create-new-term{margin-top:1rem;width:100%}.create-new-term .field,.create-new-term[open] summary{margin-bottom:1rem}.create-new-term .field{max-width:100%}#jvb-selector>.wrap{--wrap:nowrap;--justify:flex-start}#jvb-selector .items-wrap{width:100%}#jvb-selector .items-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(1fr,100%))}.tab-content[hidden]{display:block!important;transform:scaleY(0);height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);height:auto}nav.tabs h2{margin:0!important;line-height:1;font-size:var(--txt-medium);display:flex;color:var(--contrast);white-space:nowrap;gap:1rem}nav.tabs .active h2{color:var(--action-contrast)}nav.tabs button{padding:.75rem 1.5rem;border-radius:0;position:relative;border:2px solid var(--action-0)}nav.tabs>button:first-of-type{border-top-left-radius:var(--radius)}nav.tabs>button:last-of-type{border-top-right-radius:var(--radius)}.tabs>button:focus,.tabs>button:hover{background-color:var(--base-200)}.tabs>button::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--action-50);transition:width .3s}.tabs>button.active::after,.tabs>button:hover::after{width:100%}.tabs>button.active::after{background-color:var(--action-200)}.tabs>button.active{background-color:var(--action-0);color:var(--action-contrast)}.tabs>button.active:focus,.tabs>button.active:hover{background-color:var(--action-100)}.tab-content h2{display:none}details.uploader .file-upload-container{margin:1rem 0;max-width:100%}@media (min-width:768px){details.uploader .file-upload-container{margin:1rem var(--mr) 1rem var(--ml);max-width:var(--content)}}.file-upload-wrapper{border:2px dashed var(--action-0);border-radius:4px;padding:2rem;text-align:center;transition:all .3s ease;background:rgba(var(--action-rgb),var(--op-1));position:relative;cursor:pointer}.file-upload-wrapper h2{margin:0!important;font-size:var(--txt-large)}.dragover,.file-upload-wrapper:hover{background:rgba(var(--action-rgb),var(--op-2));border-color:var(--action-0)!important}.file-upload-wrapper input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-text{color:var(--contrast);margin:0;font-family:var(--body)}.file-upload-text strong{color:var(--action-0);text-decoration:underline}.field.upload:has(.upload-item) .file-upload-container{display:none}.field.upload{position:relative}.field.upload:not(.uploading) .progress{display:none}.field.upload .actions{position:absolute;top:0;right:0}.item-grid.group{margin-bottom:0}.item-grid.group,.item-grid.preview,.item-grid.restore{grid-template-columns:repeat(3,1fr)}.item-grid.group .item,.item-grid.preview .item,.item-grid.restore .item{display:block}.item-grid.group button,.item-grid.preview button,.item-grid.restore button{padding:.25rem .5rem}.item-grid.group button .icon,.item-grid.preview button .icon,.item-grid.restore button .icon{--w:1.1em}.item-grid.group .item .preview>input[type=checkbox]:not(.label-button)+label,.item-grid.preview .item .preview>input[type=checkbox]:not(.label-button)+label,.item-grid.restore .item .preview>input[type=checkbox]:not(.label-button)+label{padding-left:0;margin:0}.item-grid.group .item .preview>input[type=checkbox]+label:before,.item-grid.preview .item .preview>input[type=checkbox]+label:before,.item-grid.restore .item .preview>input[type=checkbox]+label:before{transform:unset;top:.5rem;left:.5rem}.item-grid.group .item .preview>input[type=checkbox]+label::after,.item-grid.preview .item .preview>input[type=checkbox]+label::after,.item-grid.restore .item .preview>input[type=checkbox]+label::after{top:.5rem;left:.75rem;transform:translateY(20%) rotate(45deg)}.item-grid.group .item .item-actions,.item-grid.preview .item .item-actions,.item-grid.restore .item .item-actions{position:absolute;top:0;right:0}.item-grid.group summary,.item-grid.preview summary,.item-grid.restore summary{padding:.5rem}.item-grid.group:has([type=checkbox]:checked),.item-grid.preview:has([type=checkbox]:checked),.item-grid.restore:has([type=checkbox]:checked){padding:1rem;background-color:rgba(var(--contrast-rgb),var(--op-1))}.item-grid.group:has([type=checkbox]:checked) .item,.item-grid.preview:has([type=checkbox]:checked) .item,.item-grid.restore:has([type=checkbox]:checked) .item{padding:.75rem;opacity:.8}.item-grid.group:has([type=checkbox]:checked) .item img,.item-grid.preview:has([type=checkbox]:checked) .item img,.item-grid.restore:has([type=checkbox]:checked) .item img{filter:var(--filter)}.item-grid.group:has([type=checkbox]:checked) details,.item-grid.preview:has([type=checkbox]:checked) details,.item-grid.restore:has([type=checkbox]:checked) details{display:none}.item-grid.group .item:has([type=checkbox]:checked),.item-grid.preview .item:has([type=checkbox]:checked),.item-grid.restore .item:has([type=checkbox]:checked){padding:.5rem;background-color:rgba(var(--action-rgb),var(--op-4));opacity:1}.item-grid.preview summary span{display:none}.item-grid.group .item:has([type=checkbox]:checked) img,.item-grid.preview .item:has([type=checkbox]:checked) img,.item-grid.restore .item:has([type=checkbox]:checked) img{filter:none}[type=radio].featured+label .icon-star-fi,[type=radio].featured:checked+label .icon-star{display:none}[type=radio].featured+label .icon-star,[type=radio].featured:checked+label .icon-star-fi{display:inline-block}.restore.restore.item,.upload.upload.item{border-radius:var(--radius);aspect-ratio:unset;overflow:hidden;background:var(--base);border:1px solid var(--base-200)}.restore-item [for=select-item],.upload.item [for=select-item]{aspect-ratio:1}.upload.item:has(details[open]){grid-column:1/-1}.restore.item img,.upload.item img{transition:transform var(--trans-base)}.restore.item:hover img,.upload.item:hover img{transform:scale(1.02);transition:transform var(--trans-base)}.upload-group{background-image:var(--dashed-action);padding:5px;border-radius:var(--radius);background-color:rgba(var(--action-rgb),var(--op-1))}.upload-group .selected .field{margin:0}.upload-group .group-actions button{aspect-ratio:unset}.submit-uploads{position:fixed;bottom:var(--btn_);right:var(--btn_);z-index:var(--z-6);height:var(--btn);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);border-radius:var(--radius);animation:pulse-color 5s infinite;animation-delay:1s;background-color:var(--action-0);color:var(--action-contrast)}.submit-uploads:hover{background-color:var(--base-200);color:var(--contrast-200)}.empty-group{order:-1;grid-column:1/-1;padding:20px;background-image:var(--dashed-action);border-radius:var(--radius);margin:10px 0;cursor:pointer;transition:all var(--trans-base);text-align:center;background-color:rgba(var(--action-rgb),var(--op-1))}.group-display:not([hidden])~.file-upload-container{display:none}.dragging,.upload.item.dragging{opacity:.7;transform:scale(.95) rotate(3deg);z-index:var(--z-7);box-shadow:0 8px 25px rgba(0,0,0,.3)}.dragover{background:rgba(var(--action-rgb),var(--op-3))!important;border-color:var(--action-0)!important;transform:scale(1.05);animation:drop-pulse .8s infinite ease-in-out}.drag-preview{position:fixed;z-index:var(--z-9);width:fit-content;overflow:visible;pointer-events:none;opacity:.9;transform:scale(1.05);transition:transform .2s ease}.drag-preview .drag-items{width:max-content;height:max-content;position:relative}.drag-preview .drag-items .drag-item{width:120px;height:120px;position:absolute;top:0;left:0;background:var(--base);border-radius:var(--radius-outer);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.drag-preview .drag-items .drag-item:nth-child(1){transform:rotate(-3deg);z-index:3}.drag-preview .drag-items .drag-item:nth-child(2){left:8px;top:-4px;transform:rotate(4deg);z-index:2;transition-delay:30ms}.drag-preview .drag-items .drag-item:nth-child(3){left:-6px;top:-8px;transform:rotate(-5deg);z-index:1;transition-delay:60ms}.drag-preview .drag-items .drag-item:nth-child(4){left:12px;top:-12px;transform:rotate(3deg);z-index:0;transition-delay:90ms}.drag-preview .drag-items .drag-item:nth-child(n+5){left:-10px;top:-16px;transform:rotate(-4deg);z-index:0;opacity:.8}.drag-preview .drag-items img,.drag-preview .drag-items video{width:100%;height:100%;object-fit:cover;display:block}.drag-preview .drag-count{position:absolute;top:-8px;right:-8px;background:var(--base-200);color:var(--contrast);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-3)}.item.dragging{opacity:.5;transform:scale(.95);filter:grayscale(50%);transition:opacity .2s ease,transform .2s ease,filter .2s ease}@keyframes drop-pulse{0%,100%{background-color:rgba(var(--action-rgb),var(--op-3));transform:scale(1.02)}50%{background-color:var(rgba(var(--action-rgb),var(--op-4)));transform:scale(1.04)}}.group-actions{display:flex;gap:.25rem}@media (max-width:767px){body:not(.uploading):has(.group-display:not([hidden])){overflow:hidden}body:not(.uploading):has(.group-display:not([hidden])) .qtoggle{z-index:var(--z-1)}.group-display.group-display{position:fixed;top:var(--btn);bottom:var(--btn);left:0;right:0;max-height:var(--maxHeight);overflow:hidden;z-index:var(--z-6);width:calc(100% - 1rem);height:calc(100% - 1rem);padding:0 0 3rem;--justify:flex-start;--align:flex-start;--gap:0}.group-display::before{content:'';display:block;z-index:-1;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;position:absolute;background-color:rgba(var(--base-rgb),var(--op-6));filter:blur(5px)}.group-display .preview-wrap,.group-display .sidebar{height:50%;overflow:hidden auto;position:relative;padding:.5rem}.group-display .preview-wrap{top:0}.group-display .preview-wrap .selected{display:flex;justify-content:space-between;align-items:center}.group-display .sidebar{bottom:0;flex-wrap:nowrap;overflow:hidden auto;background-color:var(--contrast-200);color:var(--base)}.group-display .sidebar>.hint{color:var(--contrast)}.group-display .sidebar .header{display:none}.group-display .preview-actions{top:0;flex-shrink:0}.group-display .preview-wrap>.hint,.group-display .sidebar>.hint{bottom:0;margin:0;text-align:center}.group-display .preview-actions,.group-display .preview-wrap>.hint,.group-display .sidebar>.hint{position:absolute;left:0;right:0;background-color:rgba(var(--base-rgb),var(--op-6));z-index:var(--z-3);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.group-display .item-grid{height:100%;overflow:hidden auto;grid-template-columns:repeat(3,1fr);padding:2rem 0}.group-display .sidebar>.item-grid{grid-template-columns:repeat(1,1fr);gap:1rem;padding:0}.group-display .sidebar .empty-group{order:0;position:sticky;height:fit-content;top:0;z-index:var(--z-3);background-color:rgba(var(--action-rgb),var(--op-6))}.group-display .sidebar .upload-group{order:1}.group-display .sidebar .empty-group p{margin:0}.group-display .field,.group-display .field label{margin:0;padding:0}.group-display .sidebar h4{margin:.25rem}.group-display .item{width:100%;height:max-content}.submit-uploads{bottom:var(--btn);left:0;right:0;width:100%;height:3rem}body.uploading .group-display.group-display{position:relative;top:unset;bottom:unset;right:unset;left:unset}}@media (min-width:768px){.group-display.group-display{--wrap:nowrap;--dir:row;--gap:1rem;--align:flex-start}.group-display .preview-wrap,.group-display .sidebar{--justify:flex-start;max-height:calc(100vh - var(--btnbtn));overflow:hidden auto}.group-display .preview-wrap,.group-display .sidebar{width:50%}.preview-actions,.preview-wrap .hint{position:sticky;z-index:var(--z-3);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);background-color:var(--base);width:100%}.preview-actions{top:0;left:0;right:0}.preview-actions .field{margin:0}.preview-wrap .hint,.sidebar>.hint{bottom:-1rem;padding-bottom:1rem;margin:0;left:0;right:0;text-align:center}}.restore-uploads{position:fixed;top:var(--btn_);bottom:var(--btn_);left:1rem;right:1rem;border-radius:var(--radius-outer);padding:1rem;z-index:var(--z-7);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);background-color:var(--base-200);overflow:hidden auto}dialog nav.tabs{position:sticky;top:0;background-color:var(--base-50);z-index:var(--z-6);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-down);margin-bottom:2rem}.editor-container .ql-toolbar{display:flex;background-color:var(--base-50);justify-content:flex-start;flex-wrap:wrap;padding:.25rem;gap:.5rem 1rem;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:4px solid var(--base-50)}.ql-toolbar .ql-formats{display:flex;gap:.25rem}.editor-container .ql-container{--padding:1rem;background-color:var(--base);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);height:fit-content;padding:2px;border:1px solid var(--base-200)}.editor-container .ql-container .ql-editor{padding:var(--padding);width:100%;height:100%}.ql-editor img{max-width:50%;height:auto}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-hidden{display:none}.ql-tooltip{position:absolute;transform:translateY(10px);background-color:var(--base-100);border:1px solid var(--base);box-shadow:0 0 5px rgba(var(--base-rgb),var(--op-6));color:var(--contrast);padding:5px 12px;white-space:nowrap}[data-type=single] .item-grid{display:flex}.repeater-row details summary::after{margin-left:0}.repeater-row details summary button{margin-left:auto}/*!* Group actions buttons - more visible *!*//*!* Group item grid - distinct from preview grid *!*//*!* Group count hint *!*//*!* ============================================================================*//*!* Base drag preview *!*//*!* Single item drag preview *!*//*!* Multi-item drag preview container *!*//*!* Items being dragged - reduce opacity on originals *!*//*!* Count badge on multi-item preview *!*//*!* ============================================================================*//*!* Ensure progress bar is visible when needed *!*//*!* Progress bar track *!*//*!* Progress bar fill *!*//*!* Progress details - styled for row layout with text and count *!*//*!* Individual item progress - overlay style *!*//*!* Item progress icon and status text *!*//*!* ============================================================================*//*!* Hide uploader when we have uploads *!*//*!* Show group display when we have uploads *!*//*!* ============================================================================*//*!* Selected items - more obvious *!*//*!* Selection checkbox - always visible on hover or when checked *!*//*!* Selection controls - more prominent *!*//*!* ============================================================================*//*!* Smooth dragover animation *!*//*!* ============================================================================*//*!* ============================================================================*//*!* Notification container - fixed overlay *!*//*!* Content card *!*//*!* Message section *!*//*!* Scrollable field list *!*//*!* Item grid for restore preview *!*//*!* Restore item *!*//*!* Checked state *!*//*!* Preview section *!*//*!* Item info *!*//*!* Checkbox controls *!*//*!* Actions section *!*//*!* Selection controls *!*//*!* Action buttons *!*//*!* Restore button - primary action *!*//*!* Scrap cache button - destructive action *!*//*!* Dismiss button - secondary action *!*//*!* Mobile responsive *!*//*!* Animation *!*//*!* Scrollbar styling for restore field list *!*/form{--step-size:2.5rem}.form-progress{padding:0 1rem}.form-progress .progress{background:var(--base-100);border-radius:var(--radius);padding:1rem}.form-progress .bar{height:6px;background:var(--base-200);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.form-progress .fill{height:100%;background:linear-gradient(90deg,var(--action-0),var(--action-200));width:0%;transition:width .4s ease;border-radius:3px}.form-progress .step-text{font-size:var(--txt-small);font-weight:600;color:var(--contrast-200)}form nav.tabs{position:relative;top:0;left:0;right:0;padding:1rem 0;gap:0;z-index:0}form nav.tabs button{position:relative;background:0 0;border:none;padding:.5rem 1rem .5rem 3rem;z-index:1}form nav.tabs .step-number{width:2.5rem;height:100%;border-radius:50% 0 0 50%;position:absolute;left:0;top:0;background:var(--base-200);color:var(--contrast-50);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--txt-small);border:3px solid var(--base)}form nav.tabs button.pending .step-number{background:var(--base-100);color:var(--contrast-200)}form nav.tabs button.active .step-number,form nav.tabs button.current .step-number{background:var(--action-0);color:var(--action-contrast);border-color:var(--action-200)}form nav.tabs button.completed .step-number{background:var(--successBack);color:var(--successBack);border-color:var(--successText)}form nav.tabs button.completed .step-number::before{content:'✓';font-size:1.2rem;color:var(--successText);position:absolute}form nav.tabs button.completed h2{color:var(--contrast-200)}.step-navigation{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--base-200);gap:1rem}.step-navigation .prev-step{background:var(--base-100)}.step-navigation .next-step,.step-navigation button[type=submit]{margin-left:auto}.field input.error,.field select.error,.field textarea.error{border-color:var(--errorBack)}.error-message{color:var(--errorText);font-size:var(--txt-small);margin-top:.25rem;display:block}@media (max-width:768px){form nav.tabs button{min-width:80px;font-size:var(--txt-small)}form nav.tabs button h2{font-size:var(--txt-small)}form{--step-size:2rem}}.field-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.field-input-wrapper input,.field-input-wrapper select,.field-input-wrapper textarea{flex:1}.validation-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;animation:scaleIn .3s ease;--w:1.25rem}.validation-icon.error{color:var(--error)}.validation-icon.success{color:var(--success)}@keyframes scaleIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.validation-message{color:var(--error-0);font-size:var(--txt-small);margin-top:.25rem;display:block;animation:slideDown .2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--error);background-color:var(--errorBack)}.field.has-error input:focus,.field.has-error select:focus,.field.has-error textarea:focus{outline-color:var(--error);box-shadow:0 0 0 3px rgba(var(--error-rgb),.2)}.field.has-success input,.field.has-success select,.field.has-success textarea{border-color:var(--success)}.field label .required{color:var(--error);margin-left:.25rem}.form-summary{padding:2rem;border-radius:8px;margin-top:2rem;border:2px dashed var(--contrast-200)}.form-summary .message{margin-bottom:2rem}.form-summary .result+.result{position:relative;margin-top:1.5rem;padding-top:1.5rem}.form-summary .result+.result::before{position:absolute;top:0;left:16.5%;content:'';width:67%;height:1px;border-bottom:1px solid var(--base-200)}.form-summary h2{margin:1rem 0}.form-summary h4{background-color:var(--base-100);padding:.5rem 2rem;position:relative;left:-2rem;color:var(--contrast-200);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.form-summary p{color:var(--text);margin:0}.group-summary,.repeater-summary{background:var(--base-100);padding:1rem;border-radius:4px;margin-top:.5rem}.repeater-row{margin-bottom:1rem}.repeater-row:last-child{margin-bottom:0}.ql-toolbar button{--height:fit-content;padding:.5rem}.success-message{color:var(--success,#16a34a);background-color:var(--success-bg,#f0fdf4);border:1px solid var(--success,#16a34a);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-message .success-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.success-box{background-color:var(--success-bg,#f0fdf4);border:2px solid var(--success,#16a34a);padding:1.5rem;border-radius:var(--radius-outer);margin-bottom:1rem;text-align:center}.success-box h3{color:var(--success,#16a34a);margin-bottom:.5rem}.success-box p{margin:.5rem 0}.form-success{opacity:.9}.form-success .field:not(.form-success-message):not(.success-box){display:none}.form-success button[type=submit]{opacity:.6;pointer-events:none}.field-error input,.field-error select,.field-error textarea{border-color:var(--error,#dc2626)}.error-message{color:var(--error,#dc2626);font-size:var(--txt-small);margin-top:.25rem;display:block}.form-error{background-color:var(--error-bg,#fee);border:1px solid var(--error,#dc2626);padding:.75rem;border-radius:var(--radius);margin-bottom:1rem}.has-success input,.has-success select,.has-success textarea{border-color:var(--success,#16a34a)}.form-error{display:flex;align-items:center;gap:.5rem}.form-error .error-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.autocomplete-dropdown{width:100%;background-color:var(--base-100);padding:.5rem;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.invite details{margin-bottom:1.5rem}.field.tag-list .tag-input-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap}.field.tag-list .tag-input-row .field{flex:1;min-width:150px;margin:0}.field.tag-list .tag-input-row .add-tag-item{flex-shrink:0;white-space:nowrap;margin-top:calc(var(--txt-medium) + 1rem)}.field.tag-list .tag-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:2rem}.field.tag-list .tag-item{background:var(--base-200);padding:.4rem .75rem;border-radius:4px;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;line-height:1.2}.field.tag-list .tag-item:hover{background:var(--base-100)}.field.tag-list .tag-label{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field.tag-list .remove-tag{min-height:0;padding:.25rem;color:var(--contrast);transition:transform .2s;box-shadow:none}.field.tag-list .remove-tag:hover{transform:scale(1.2)}@media (max-width:768px){.field.tag-list .tag-input-row{flex-direction:column;align-items:stretch}.field.tag-list .tag-input-row .field{min-width:100%}}

 assets/css/nav.min.css

@@ -1 +1 @@
nav{--py:.25rem;--px:1rem;max-width:100%;font-family:var(--heading)}nav,nav a,nav li,nav ol,nav ul{height:var(--height);display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir)}ul.socials{--w:1.2em;--height:fit-content;gap:.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;overflow:auto hidden;touch-action:pan-x;list-style:none}nav:not(:has(>ul)),nav>ul{--justify:flex-start;--align:center;--wrap:nowrap;--w:1em;--dir:row;position:relative;overflow:auto hidden;touch-action:pan-x}nav a{padding:0 var(--px);white-space:nowrap;text-transform:uppercase}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav a:hover:visited{background-color:var(--action-0);color:var(--action-contrast);transition:background-color var(--transition-base),color var(--transition-base)}nav ol,nav ul{list-style:none;margin:0;padding:0}.has-submenu button:hover,nav a:hover{background-color:var(--action-0);color:var(--action-contrast)}.has-submenu button{height:var(--height);width:var(--height);padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}.toggle .icon{transform:rotate(0);transition:transform var(--timing) var(--function);transition-property:transform,background-color,color}.has-submenu.open>button:not(.notifications,.quick-help) .icon,.has-submenu:hover>button:not(.notifications,.quick-help) .icon{transform:rotate(900deg)}ul.submenu{--dir:column;--wrap:nowrap;--gap:0;position:absolute;top:100%;left:0;max-height:0;transform:scaleY(0);transform-origin:top;width:max-content;min-width:100%;background-color:var(--overlay-light);border:2px solid var(--overlay-light);transition:all var(--timing) var(--function);box-shadow:var(--shadow-none)}.always ul.submenu{position:relative;top:0;left:0}.submenu li{background-color:var(--overlay-heavy);border:1px solid var(--base-50)}.submenu li:hover{--c:var(--action-rgb);background-color:var(--overlay-heavy)}.submenu a:hover{background-color:transparent}.wp-site-blocks>header ul.submenu{right:0;left:auto}.has-submenu.open>ul.submenu,.has-submenu:hover>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:var(--shadow)}nav.fixed.bottom,nav.on-this-page{--dir:row;--gap:0;width:calc(100% - var(--height));left:0;bottom:0;position:fixed;box-shadow:var(--shadow);z-index:var(--zz-top)}nav.fixed.bottom ul{width:100%;--justify:space-between;background-color:var(--base);padding:0 .25rem}nav.fixed a,nav.fixed li{--justify:center;width:100%}nav.fixed.bottom a,nav.fixed.bottom a:visited{color:var(--contrast);font-size:var(--small);padding:0}@media (min-width:768px){nav.fixed.bottom a,nav.fixed.bottom a:visited{font-size:var(--medium)}}nav.fixed.bottom a:focus,nav.fixed.bottom a:focus:visited,nav.fixed.bottom a:hover,nav.fixed.bottom a:hover:visited{color:var(--action-contrast)}.fixed.bottom li{flex:1}nav.always a{padding:0;--justify:center}nav.always .socials{width:100%}nav.always .socials li{width:100%}nav.always li{gap:0;--justify:flex-start}nav.always>ul>li>a{width:80%}nav.always .submenu{width:80%;min-width:80%;box-shadow:none!important;border:2px solid var(--action-0);background-color:rgba(var(--contrast-rgb),var(--rgb-subtle))}nav.always .submenu li{background-color:var(--overlay-light)}nav.always .has-submenu>a,nav.fixed .has-submenu>a{width:80%}.has-submenu>button{width:20%}nav#breadcrumbs{--height:1.5em;--w:20px;width:fit-content;max-width:var(--full);position:absolute;background-color:var(--overlay-medium);font-size:var(--small);padding:.125em;overflow:visible;--gap:0}nav#breadcrumbs li+li::before{content:'/';color:var(--contrast-200)}nav#breadcrumbs li:last-of-type{margin-right:.5em}nav#breadcrumbs a,nav#breadcrumbs span{padding:0 .125rem;white-space:nowrap;height:2em;color:var(--contrast);text-transform:none;width:max-content}nav#breadcrumbs span{display:flex;align-items:center;padding-left:.5em}nav#breadcrumbs a:focus,nav#breadcrumbs a:focus:visited,nav#breadcrumbs a:hover,nav#breadcrumbs a:hover:visited{background-color:transparent;color:var(--action-0)}nav#breadcrumbs a:has(.icon){width:2rem}nav.always{z-index:var(--z-above);position:fixed;width:var(--height);bottom:0;right:0}nav.always.open{width:100vw;height:100vh;padding-bottom:var(--offHeight);background-color:var(--overlay-heavy);backdrop-filter:blur(5px);justify-content:flex-end;flex-direction:column;z-index:var(--z-above)}nav.always>ul{--dir:column;--wrap:nowrap;--justify:flex-start;--align:center;--gap:0;position:relative;right:-300vw;padding:1rem 0 0;width:100vw;height:fit-content;max-height:100%;overflow:hidden auto;transition:right var(--transition-base)}nav.always.open>ul{right:0;transition:right var(--transition-base)}nav.always li{max-inline-size:none;width:100%;height:fit-content;--dir:row;--wrap:wrap}nav.always a{--py:1rem;width:100%;min-height:var(--height)}nav.always>button{position:fixed;bottom:0;right:0;width:var(--height);height:var(--height);border-radius:0;background-color:var(--base);color:var(--contrast);transition:width var(--timing) var(--function);transition-property:width,background-color;box-shadow:var(--shadow)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{--c:var(--action-rgb);z-index:1000000;width:100%;background-color:var(--overlay-heavy);color:var(--contrast);backdrop-filter:blur(5px)}nav.always.open>button:focus,nav.always.open>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button .icon-list,nav.always>button .icon-x{transform:scale(0);height:0;width:0;position:absolute}nav.always.open>button .icon-x,nav.always>button .icon-list{transform:scale(1);height:32px;width:32px}nav.always .has-submenu.open>.submenu,nav.always .has-submenu:hover>.submenu{height:max-content}nav.always .has-submenu:hover>a,nav.always .submenu>li>a:focus,nav.always .submenu>li>a:hover{background-color:var(--action-0);color:var(--action-contrast)}@media (min-width:768px){nav.always>ul{padding:var(--height) 0 0}}nav.on-this-page{--justify:space-between;max-width:none;z-index:var(--z-6);margin:0;padding:0 .5rem;background-color:var(--overlay-medium);color:var(--base-200)}body:has(nav.fixed) nav.on-this-page{bottom:var(--offHeight)}.on-this-page ul{--justify:flex-start;gap:0;width:100%}.on-this-page li:not(.has){padding:0}nav.letters li{width:100%;max-width:calc(7.69% - 2px)}.on-this-page .active a{--c:var(--action-rgb);background-color:var(--overlay-heavy);color:var(--action-contrast)}@media (min-width:768px){nav.letters li{max-width:none;width:fit-content}nav.letters a,nav.letters li:not(.has){padding:.25rem .66rem}}nav.index{--justify:flex-start;--px:0;background-color:var(--overlay-heavy)}.index ul{--justify:flex-start;width:fit-content}.index li{flex-shrink:0;transform:scaleX(0);transform-origin:right;max-width:0;overflow:hidden;transition:transform var(--timing) var(--function)}.index li.active{transform:scaleX(1);transform-origin:left;width:100%;flex-shrink:1;max-width:fit-content}@media (min-width:768px){.index li.adj{transform:scaleX(1);transform-origin:left;width:100%;flex-shrink:1;max-width:fit-content}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index .active a:hover,.index a:hover{background-color:var(--action-0);color:var(--action-contrast)}.index label{display:flex;color:var(--contrast);align-items:center;margin:0}.index label button{margin-left:1em}.index.open{--dir:column-reverse;height:calc(100% - 8rem);z-index:var(--z-above);width:100%;background-color:var(--overlay-heavy);backdrop-filter:blur(5px);align-items:flex-end}.index.open label{max-width:90%;margin-top:1rem;margin-right:2rem}.index.open .toggle .icon{transform:rotate(45deg)}.index.open ul{--dir:column;--justify:flex-end;height:100%;max-width:100%;width:100%}.index.open li{background-color:transparent;max-width:100%!important;width:100%;height:var(--height);transform:scaleX(1);flex-shrink:1;overflow:visible}.index.open a{--justify:flex-end;background-color:transparent;padding:0 2rem 0 0}.condensed{--dir:row;--wrap:wrap;--height:1.2em;--py:.25rem;--px:.25rem;height:fit-content}.condensed>ul{--wrap:wrap;height:fit-content}.condensed ul{--justify:center;--gap:0}.condensed li{width:fit-content}.condensed li+li::before{content:'·';display:block;padding:0 .25em}nav.condensed a{text-transform:none;white-space:nowrap;border-bottom:2px solid transparent}.condensed a:focus,.condensed a:focus:visited,.condensed a:hover,.condensed a:hover:visited{border-color:var(--action-0)}.dashboard-nav{width:100%;--dir:row;--justify:flex-start;--wrap:nowrap}.wp-site-blocks>header,body>header{--dir:row;position:sticky;top:0;left:0;right:0;height:var(--height);width:100vw;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;background-color:var(--base);z-index:var(--zz-top);box-shadow:var(--shadow);border-bottom:1px solid var(--action-0)}.wp-site-blocks>header img{width:var(--height)}body>header{justify-content:space-between}header .title{--w:5em;margin:0;position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;max-inline-size:none}.current-hours{position:sticky;top:var(--height);bottom:unset;width:unset;z-index:100;background-color:var(--action-0);color:var(--action-contrast);box-shadow:var(--shadow);padding:.25rem 1rem;display:flex;justify-content:space-between}.current-hours p{margin:0;display:flex;flex-wrap:wrap;flex:1}.current-hours p+p{justify-content:flex-end}.current-hours a{color:var(--action-contrast)}.current-hours a:hover{color:var(--action-200)}.current-hours b{margin-right:.25rem}.find-us{display:flex;align-items:center;gap:0 .5rem}.find-us a{display:flex;padding:.25rem 1rem;border:1px solid var(--action-contrast);border-radius:var(--innerRadius)}.find-us a:hover{background-color:var(--base);color:var(--contrast);border-color:var(--contrast)}nav.menu{--justify:flex-start}nav.menu a{padding:.5rem .66rem}nav.tabs{--gap:0;--wrap:nowrap;padding-bottom:2px;z-index:var(--z-6);position:fixed;bottom:var(--height);left:var(--doubleHeight);right:var(--doubleHeight)}nav.term-navigation:has([hidden]){display:none}ul.socials a{padding:.5rem}ul.socials a .icon{margin:0}nav.share{height:max-content;margin:1rem 0;--align:center}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--small)}nav.share .icon{margin-right:0}nav.share .button{position:relative;transition:top var(--transition-base),box-shadow var(--transition-base);top:0;box-shadow:var(--shadow-none)}nav.share .button:hover{top:-4px;box-shadow:var(--shadow-down)}
nav,nav ol,nav ul{--padding:0 1rem;--wrap:nowrap;display:flex;flex-direction:var(--dir,row);justify-content:var(--justify,flex-start);align-items:var(--align,center);gap:var(--gap,0);flex-wrap:var(--wrap,nowrap);height:var(--btn,3rem);max-width:100%;font-family:var(--heading);padding:0;margin:0}nav li{display:flex;align-items:center;height:max(var(--btn),max-content);width:100%;max-inline-size:none}nav a,nav button{display:flex;text-decoration:none;align-items:center;justify-content:center;height:var(--btn);width:100%;white-space:nowrap;text-transform:uppercase;transition:var(--trans-color)}nav a{height:var(--btn);padding:var(--padding)}nav button{justify-content:center;aspect-ratio:1;padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav button:focus{background-color:var(--action-0);color:var(--action-contrast)}.toggle .icon{transform:rotate(0);transition:transform var(--trans-base)}.has-submenu.open>button .icon{transform:rotate(900deg)}.has-submenu{position:relative}ul.submenu{--dir:column;height:max-content;position:absolute;top:100%;left:0;max-height:0;transform:scaleY(0);transform-origin:top;width:max(100%,max-content);background-color:rgba(var(--base-rgb),var(--op-3));border:2px solid rgba(var(--base-rgb),var(--op-3));transition:all var(--trans-t) var(--trans-fn);box-shadow:var(--shdw-none);overflow:hidden}.submenu li{background-color:rgba(var(--base-rgb),var(--op-6));border:1px solid var(--base-50)}.open>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}nav a:focus:not(:focus-visible){outline:0}nav a:focus-visible{outline:2px solid var(--action-0);outline-offset:2px}nav.always{--dir:column;--wrap:nowrap;position:fixed;bottom:0;right:0;width:var(--btn);z-index:var(--z-10)}nav.always.open{--justify:flex-end;width:100vw;height:100vh;padding-bottom:var(--btn_);background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px)}nav.always>ul{--dir:column;--align:center;--justify:flex-start;--gap:0;height:100%;position:relative;right:-300vw;width:100vw;max-height:100%;padding:1rem 0 0;overflow:hidden auto;transition:right var(--trans-base)}nav.always.open>ul{right:0}nav.always li{flex-wrap:wrap;background-color:rgba(var(--base-rgb),var(--op-6))}nav.always a{padding:1rem;max-width:calc(100% - var(--btn));text-align:center}nav.always .has-submenu{display:flex}nav.always .has-submenu>a{flex:1}nav.always .has-submenu>button{flex:0 0 var(--btn)}nav.always .submenu{position:relative;padding-right:4rem;height:max-content;top:0;width:100%;border:2px solid var(--action-0);background-color:rgba(var(--contrast-rgb),var(--op-1))}nav.always .submenu li{background-color:rgba(var(--base-rgb),var(--op-3))}nav.always>button{position:fixed;bottom:0;right:0;width:var(--btn);height:var(--btn);background-color:var(--base);color:var(--contrast);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);transition:width var(--trans-base)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{width:100%;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:1000000}nav.always.open>button .icon-list,nav.always>button .icon-x{display:none}nav.always.open>button .icon-x,nav.always>button .icon-list{display:block;width:32px;height:32px}@media (min-width:768px){nav.always>ul{padding-top:var(--btn)}}nav#breadcrumbs{height:max-content;--wrap:wrap;--gap:0;width:max-content;max-width:var(--full);position:absolute;background-color:rgba(var(--base-rgb),var(--op-4));font-size:var(--txt-x-small);padding:.125em;z-index:var(--z-7)}#breadcrumbs ol{height:max-content}#breadcrumbs li{width:max-content}#breadcrumbs a{height:var(--chip)}#breadcrumbs li::after{content:'/';color:var(--contrast-200);padding:0 .25rem}#breadcrumbs li:last-of-type::after{display:none}#breadcrumbs :is(a,span){padding:0 .125rem;color:var(--contrast);text-transform:none}#breadcrumbs a:focus{background-color:transparent;color:var(--action-0)}nav.fixed.bottom{position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}nav.fixed.bottom ul{--justify:space-between;width:100%;background-color:var(--base);padding:0 .25rem}nav.fixed.bottom li{flex:1;justify-content:center}nav.fixed.bottom a{color:var(--contrast);font-size:var(--txt-x-small)}@media (min-width:768px){nav.fixed.bottom a{font-size:var(--txt-medium)}}nav.on-this-page{--justify:space-between;position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));max-width:none;padding:0 .5rem;background-color:rgba(var(--base-rgb),var(--op-4));color:var(--base-200);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-6)}body:has(nav.fixed) nav.on-this-page{bottom:var(--btn_)}.on-this-page ul{width:100%}.on-this-page .active a{background-color:rgba(var(--base-rgb),var(--op-6));color:var(--action-contrast)}nav.letters li{flex:1;max-width:calc(7.69% - 2px)}@media (min-width:768px){nav.letters li{flex:0 1 auto;max-width:none}nav.letters a{padding:.25rem .66rem}}nav.index{--justify:flex-start;--padding:0;background-color:rgba(var(--base-rgb),var(--op-6))}.index ul{width:max-content}.index li{flex-shrink:0;transform:scaleX(0);transform-origin:right;max-width:0;overflow:hidden;transition:transform var(--trans-base)}.index li.active,.index li.adj{transform:scaleX(1);transform-origin:left;width:100%;flex-shrink:1;max-width:fit-content}@media (max-width:767px){.index li.adj{transform:scaleX(0);max-width:0}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index.open{--dir:column-reverse;height:var(--maxHeight);width:100%;align-items:flex-end;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:var(--z-10)}.index.open ul{--dir:column;--justify:flex-end;height:100%;width:100%}.index.open li{width:100%;height:var(--btn);max-width:100%!important;transform:scaleX(1);overflow:visible}.index.open a{justify-content:flex-end;padding:0 2rem 0 0;background-color:transparent}nav.condensed{height:max-content;--wrap:wrap;--gap:0 .25rem}nav.condensed ul{min-height:var(--chip_);height:max-content;--justify:center;--wrap:wrap}.condensed li{width:max-content;min-height:var(--chip)}.condensed li+li::before{content:'·';padding:0 .25em}.condensed a{height:max-content;min-height:var(--chip);font-size:var(--txt-x-small);padding:0 .25rem;text-transform:none;border-bottom:2px solid transparent}.condensed a:focus{border-color:var(--action-0)}ul.socials{--dir:row;height:max-content;--gap:.5rem;--justify:stretch;--wrap:nowrap;overflow:auto hidden;touch-action:pan-x}.always ul.socials,.always ul.socials a,.always ul.socials li{width:100%}ul.socials a{padding:.5rem;max-width:none}ul.socials .icon{margin:0}nav.tabs{position:fixed;bottom:var(--btn);left:var(--btnbtn);right:var(--btnbtn);padding-bottom:2px;z-index:var(--z-6);touch-action:pan-x pan-y;--wrap:nowrap;overflow:auto hidden}nav.tabs button{aspect-ratio:unset}nav.tabs button.active{cursor:default}nav.tabs button.active:hover{background-color:var(--base-100);color:var(--contrast)}nav.tabs button h2{--wrap:nowrap;margin:0;font-size:var(--txt-x-small)}.tab-content nav.tabs button{height:var(--chip_);padding:.25rem .75rem;min-height:0}.tab-content.active{padding:1rem 0}.tab-content h2{margin:0 0 .5rem}.tab-content nav.tabs{height:max-content;background-color:var(--base);--gap:0}.tab-content .tab-content nav.tabs{background-color:var(--base-100)}.tab-content .tab-content .tab-content nav.tabs{background-color:var(--base-200)}.tab-content nav.tabs button.active h2{color:var(--action-0)}nav.menu a{padding:.5rem .66rem}nav.share{height:max-content;margin:1rem 0}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--txt-x-small)}:where(body>header,.wp-site-blocks>header){--dir:row;--justify:space-between;position:sticky;top:0;left:0;right:0;height:var(--btn);width:100vw;display:flex;align-items:center;padding:0 .5rem;background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}.wp-site-blocks>header img{width:var(--btn)}nav.term-navigation:has([hidden]){display:none}.dashboard-nav{--justify:flex-start;width:100%}nav.filters{--dir:row;--justify:flex-start;overflow:auto hidden}nav.filters .filter{width:auto;padding:.25rem .75rem}

 assets/css/style.min.css

@@ -1 +1 @@
:root{--narrow:min(500px, 50vw);--maxWidth:min(768px, 65vw);--alignWide:min(1024px, 90vw);--alignMed:min(962px, 82.5vw);--full:100vw;--mr:auto;--ml:auto;--mt:1rem;--mb:1rem;--setMargin:var(--mt) var(--mr) var(--mb) var(--ml);--insetMargin:var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);--height:4rem;--doubleHeight:8rem;--offHeight:5rem;--maxHeight:calc(100vh - var(--height) - var(--height));--gap:.5rem;--wrap:wrap;--justify:center;--align:center;--dir:row;--w:1.2em;--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Aleo',var(--font-base);--body:'Josefin Slab',var(--font-base);--hWeight:900;--hlight:400;--bWeight:400;--bBold:700;--bLight:200;--enormous:calc(26vh - 4rem);--xxxlarge:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--xxlarge:clamp(2rem, 1.286rem + 1.905vw, 3rem);--xlarge:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--xmedium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--small:clamp(.95rem, .879rem + .19vw, 1.05rem);--extra-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--light-0:#fafafa;--light-50:#fcfbfb;--light-100:#f1eded;--light-200:#e6dfdf;--dark-0:#100404;--dark-50:#201212;--dark-100:#322423;--dark-200:#443635;--action-0:#B7332E;--action-50:#a32d29;--action-100:#8e2824;--action-200:#7a221f;--secondary-0:#E8A737;--secondary-50:#e59d20;--secondary-100:#d48f18;--secondary-200:#bd7f16;--success:#4CAF50;--warning:#E8A737;--error:#B7332E;--action-contrast:var(--light-0);--secondary-contrast:var(--light-0);--light-rgb:250,250,250;--dark-rgb:16,4,4;--action-rgb:183,51,46;--secondary-rgb:232,167,55;--rgba-subtle:rgba(var(--c),.5);--rgba-subtle-hover:rgba(var(--c),.1);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--c:var(--light-rgb);--base-rgb:var(--light-rgb);--contrast-rgb:var(--dark-rgb);--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-top:999;--zz-top:999999;--rgb-light:.25;--rgb-medium:.66;--rgb-heavy:.85;--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .66);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--dark-rgb),0) 0%,rgba(var(--dark-rgb),.05) 50%,rgba(var(--dark-rgb),0) 100%;--shadow:rgba(var(--dark-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--dark-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--dark-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--dark-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--dark-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--dark-rgb), .45) 10px 0 20px -20px;--shadow-none:transparent 0px 0px 0px;--innerRadius:4px;--outerPadding:1rem;--outerRadius:calc(var(--innerRadius) + var(--outerPadding));--function:cubic-bezier(.47,.24,.07,.47);--timing:.25s;--transition-base:var(--timing) var(--function);--transition-color:background-color var(--transition-base),color var(--transition-base),border var(--transition-base);--transition-transform:transform var(--transition-base);--transition-size:width var(--transition-base),height var(--transition-base),max-width var(--transition-base),max-height var(--transition-base);--offScreen:-200vw;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');--swipeRight:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIsMTQwdjM2YzAsMjQuNjYtOC4wOCw0MS4xLTguNDIsNDEuNzlhNCw0LDAsMSwxLTcuMTYtMy41OGMuMDctLjE1LDcuNTgtMTUuNTUsNy41OC0zOC4yMVYxNDBhMTYsMTYsMCwwLDAtMzIsMHY0YTQsNCwwLDAsMS04LDBWMTI0YTE2LDE2LDAsMCwwLTMyLDB2MTJhNCw0LDAsMCwxLTgsMFY2OGExNiwxNiwwLDAsMC0zMiwwVjE3NmE0LDQsMCwwLDEtNy4zOSwyLjExbC0xOC42OC0zMGEuNzUuNzUsMCwwLDEtLjA3LS4xMiwxNiwxNiwwLDAsMC0yNy43MiwxNmwyOS4zMSw1MGE0LDQsMCwwLDEtNi45LDRMMzEuMjIsMTY4YTI0LDI0LDAsMCwxLDQxLjUyLTI0LjA5TDg0LDE2MlY2OGEyNCwyNCwwLDAsMSw0OCwwdjM4LjEzYTI0LDI0LDAsMCwxLDM5Ljk0LDE2LjA2QTI0LDI0LDAsMCwxLDIxMiwxNDBabTM4LjgzLTg2LjgzLTMyLTMyYTQsNCwwLDAsMC01LjY2LDUuNjZMMjM4LjM0LDUySDE3NmE0LDQsMCwwLDAsMCw4aDYyLjM0TDIxMy4xNyw4NS4xN2E0LDQsMCwwLDAsNS42Niw1LjY2bDMyLTMyQTQsNCwwLDAsMCwyNTAuODMsNTMuMTdaIj48L3BhdGg+PC9zdmc+');--scrollbar-width:8px;--scrollbar-track-color:var(--base-100);--scrollbar-thumb-color:var(--action-0);--scrollbar-thumb-hover-color:var(--action-50);--scrollbar-thumb-border:2px solid var(--base-50);--scrollbar-border-radius:4px;--can-scroll:0}body:has(#theme-switcher:checked){--action-50:#cb3933;--action-100:#d14c47;--action-200:#d6605c;--secondary-50:#ebb14e;--secondary-100:#edbb65;--secondary-200:#f0c57c;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--c:var(--dark-rgb);--base-rgb:var(--dark-rgb);--contrast-rgb:var(--light-rgb);--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .5);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--c),0) 0%,rgba(var(--c),.05) 50%,rgba(var(--c),0) 100%;--shadow:rgba(var(--light-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--light-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--light-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--light-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--light-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--light-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--light-rgb), .45) 10px 0 20px -20px;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>')}@font-face{font-display:swap;font-family:Aleo;font-style:normal;font-weight:400;src:url(fonts/aleo-v15-latin-regular.woff2) format('woff2'),url(fonts/aleo-v15-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:italic;font-weight:400;src:url(fonts/aleo-v15-latin-italic.woff2) format('woff2'),url(fonts/aleo-v15-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:normal;font-weight:900;src:url(fonts/aleo-v15-latin-900.woff2) format('woff2'),url(fonts/aleo-v15-latin-900.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:italic;font-weight:900;src:url(fonts/aleo-v15-latin-900italic.woff2) format('woff2'),url(fonts/aleo-v15-latin-900italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:200;src:url(fonts/josefin-slab-v28-latin-200.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-200.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:200;src:url(fonts/josefin-slab-v28-latin-200italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-200italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:400;src:url(fonts/josefin-slab-v28-latin-regular.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:400;src:url(fonts/josefin-slab-v28-latin-italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:700;src:url(fonts/josefin-slab-v28-latin-700.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-700.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:700;src:url(fonts/josefin-slab-v28-latin-700italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-700italic.ttf) format('truetype')}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);border:var(--scrollbar-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}body{background-color:var(--base-50);color:var(--contrast);max-width:100vw;overflow-x:hidden;margin:0;font-family:var(--body);font-weight:var(--bWeight);font-size:var(--medium);line-height:1.4;position:relative}body b,body strong{font-weight:var(--bBold)}:target{scroll-snap-margin-top:max(6rem,20vh);scroll-margin-top:max(6rem,20vh);outline:double var(--action-0);border-radius:var(--outerRadius);padding:var(--outerPadding)}body.menu_item :target h2{background-color:var(--action-0);color:var(--action-contrast)}body,body *{transition:background-color var(--transition-base);transition-property:background-color,border}body.loading,body:has(aside.expanded),body:has(dialog[open]),body:has(nav.open){overflow:hidden}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-50{width:100%}.width-25{width:50%}.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.buttons li.width-50,.width-50{width:calc(50% - .3em)}.width-25{width:calc(25% - .3em)}.width-75{width:calc(75% - .3em)}}.col,.row:not(.icon){display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir)}.col{--dir:column}.row:not(.icon){--dir:row}.col.rev{--dir:column-reverse}.row.rev{--dir:row-reverse}.nowrap{--wrap:nowrap}.col.a-start,.row.start{--justify:flex-start}.col.a-end,.row.end{--justify:flex-end}.col.btw,.row.btw{--justify:space-between}.col.even,.row.even{--justify:space-evenly}.col.start,.row.a-start{--align:flex-start}.col.end,.row.a-end{--align:flex-end}.abs{position:absolute}:has(>.abs){position:relative}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--transition-transform),var(--transition-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--transition-transform),var(--transition-size)}.theme-switcher{position:absolute;opacity:0;width:0;height:0}#theme-switch{z-index:99;position:absolute;display:flex;align-items:center;justify-content:center}#theme-switch,.toggle-switch{--wrap:nowrap;cursor:pointer}#theme-switch,.toggle-switch input[type=checkbox]{--h:2rem;width:calc(var(--h) * 2);height:var(--h);margin:0 2rem 0 0;left:0;appearance:none;background:var(--base-200);border:1px solid var(--base-50);border-radius:var(--h);cursor:pointer;transition:all .3s ease;opacity:1}.toggle-switch input[type=checkbox]{position:relative}.toggle-switch{position:relative}@media (max-width:600px){#theme-switch{left:1rem}.wp-site-blocks>header{padding:0!important}}#theme-switch .icon{--w:1em;position:relative;top:0;margin:0 .25em;color:var(--contrast-200);z-index:2;transform:translateX(0)}#theme-switcher:checked~.moon,#theme-switcher:not(:checked)~.sun-dim{--w:1.5em;color:var(--contrast)}#theme-switcher:checked~.sun-dim,#theme-switcher:not(:checked)~.moon{top:-.17rem}#theme-switcher:not(:checked)~.sun-dim{color:var(--secondary-0);transform:translate(-2px,2px)}#theme-switcher:checked~.moon{transform:translate(4px,4px)}#theme-switch span,.toggle-switch input[type=checkbox]::before{--m:2px;content:"";position:absolute;top:var(--m);left:var(--m);width:calc(var(--h) - (var(--m) * 2));height:calc(var(--h) - var(--m) * 2);border:1px solid rgba(var(--contrast-rgb),.2);border-bottom:3px solid var(--contrast-200);background:var(--base-50);border-radius:50%;z-index:1;transform:rotate(360deg);transition:transform var(--transition-base),left var(--transition-base),top var(--transition-base),height var(--transition-base)}#theme-switch input:checked~span,.toggle-switch input[type=checkbox]:checked::before{left:calc(100% - (var(--h) - var(--m)));transform:rotate(-180deg);transition:transform var(--transition-base),left var(--transition-base)}.toggle-switch input[type=checkbox]:checked{background:var(--action-0)}.theme-switch:focus-visible+label{outline:2px solid var(--action-0);outline-offset:2px}#theme-switch .icon{transition:transform var(--transition-base),width var(--transition-base),height var(--transition-base),top var(--transition-base),color var(--transition-base)}#theme-switcher:checked~.icon.light,#theme-switcher:not(:checked)~.icon.dark{transform:rotate(360deg);color:var(--contrast-200)}#theme-switcher:checked~.icon.dark,#theme-switcher:not(:checked)~.icon.light{transform:rotate(-360deg);color:var(--contrast)}#theme-switch:hover span{background-color:var(--base-100)}#theme-switch:hover .icon{color:var(--action-50)}#theme-switch:active span{transform:scale(.97)}html{scroll-behavior:smooth}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{min-height:60vh}main>*{width:100%;max-width:var(--maxWidth);margin:var(--setMargin)}main>.align-wide{max-width:var(--alignWide)}main>.align-full{--ml:0;--mr:0;max-width:var(--full)}main>section{--mt:6rem}main>:first-child{margin-top:0}footer{padding:1rem 1rem var(--offHeight);background-color:var(--base-200);color:var(--contrast-200);text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-top)}footer p,footer p+p{margin:.5rem auto}@media (min-width:768px){footer{padding:1rem 2rem var(--offHeight)}}.grid-view,.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-view .item,.item-grid .item{border-radius:var(--outerRadius);aspect-ratio:1;display:flex;filter:none;transition:filter var(--transition-base),padding var(--transition-base),background-color var(--transition-base)}.grid-view img,.item-grid img{border-radius:var(--innerRadius)}.item-grid.list-view{display:flex;flex-direction:column;gap:2rem;--gap:2rem}.item-grid.list-view .item .col{--gap:.5rem}.item-grid.list-view img{width:20%}@media (min-width:768px){.grid-view,.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{text-decoration:double;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--contrast)}h1,h2,h3,h4,h5,h6{--mt:1.5em;--mb:.875em;font-family:var(--heading);text-transform:uppercase;font-weight:var(--hWeight);line-height:1.3;margin:var(--mt) var(--mr) var(--mb) var(--ml)}h1.inline,h2.inline,h3.inline,h4.inline,h5.inline,h6.inline{font-size:1.2rem;font-weight:600;display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}h1.inline+*,h2.inline+*,h3.inline+*,h4.inline+*,h5.inline+*,h6.inline+*{display:inline-block;margin:.5rem 0}h1.inline+.term-list,h2.inline+.term-list,h3.inline+.term-list,h4.inline+.term-list,h5.inline+.term-list,h6.inline+.term-list{display:inline-flex;margin:.5rem 0}h1{font-size:var(--xxxlarge);font-weight:var(--hWeight);line-height:1;margin:0 var(--mr) .25em var(--ml)}h1:first-of-type{margin-top:20vh}h1 small{display:block;font-size:var(--small);font-weight:var(--bWeight);line-height:1;font-family:var(--body)}h2{font-size:var(--xxlarge)}h3{font-size:var(--xlarge)}h4{font-weight:400;font-size:var(--large)}h5,h6{font-weight:400;font-size:var(--medium)}p{line-height:1.6}p+p{margin-top:2.5rem}a{color:var(--action-0);text-decoration:none}ul a{display:inline-flex;text-decoration:none}a:visited{color:var(--action-100)}a:hover{color:var(--action-50);text-decoration:underline}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem var(--mr) 1rem var(--ml);width:100%;padding:0}.buttons.fit{width:fit-content;margin:1rem 2rem}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons{margin:3rem auto;max-width:90%}@media (min-width:768px){.buttons{max-width:var(--maxWidth);margin:3rem var(--mr) 3rem var(--ml)}}[type=submit],a.button,a.wp-block-button__link,button{--justify:center;--align:center;--dir:row;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:var(--base-100);color:var(--contrast-50);border:1px solid var(--base-200);border-radius:var(--innerRadius);padding:.25rem 1rem;font:inherit;cursor:pointer;outline:inherit;display:inline-flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);transition:color var(--transition-base);transition-property:color,border,background-color;position:relative}.buttons a:hover,[type=submit]:focus,[type=submit]:hover,a.button:focus,a.button:hover,a.wp-block-button__link:focus,a.wp-block-button__link:hover,button:focus,button:hover{background-color:var(--action-0);color:var(--action-contrast)}[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,a.button:disabled,a.button:disabled:focus,a.button:disabled:hover,a.wp-block-button__link:disabled,a.wp-block-button__link:disabled:focus,a.wp-block-button__link:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;background-color:var(--base-200)!important;color:var(--contrast-200)!important}details .icon{--w:1.5em}button.favourite.favourited,button.voted svg{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}button.filter-toggle{border:1px solid var(--base-200);background-color:transparent;white-space:nowrap;font-size:1rem;padding:.35em;--w:1.2em}.filter-toggle:hover{border-color:var(--action-50);color:var(--action-50)}.filter-toggle:focus{background-color:var(--action-50);color:var(--action-contrast)}.toggle.notifications.has .bell,.toggle.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted,button.favourite.favourited .heart,button.favourite:not(.favourited) .heart-fill{display:none}.toggle.notifications.has .bell-ringing,.toggle.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote,button.favourite.favourited .heart-fill,button.favourite:not(.favourited) .heart{display:block}.icon{width:var(--w);height:var(--w);display:inline-flex;transition:var(--transition-size),var(--transition-color)}.icon svg{width:100%;height:100%}.icon.small,nav ul .icon{--w:24px}.icon.colour{background:#b7332e;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.icon.logo-basic svg path{transition:fill var(--timing) var(--function)}.icon.logo-basic svg path#innerCircle,.icon.logo-basic svg path#outerSkull{fill:var(--base)}a .icon.logo-basic:hover svg path{fill:var(--base)}a .icon.logo-basic:hover svg path#innerCircle,a .icon.logo-basic:hover svg path#outerSkull{fill:var(--action-0)}.icon.grab{cursor:grab}main a .icon{margin-right:.5em}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color{position:relative}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color::before{content:'';display:block;width:60%;height:60%;border-radius:50%;background-color:var(--dark-200);position:absolute;left:18%;top:22%;z-index:-1}path#refresh{transform-origin:center;transform-box:fill-box;animation:spin 1s var(--function) infinite}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}:focus,:focus-visible,input[type=checkbox]+label:focus,input[type=checkbox]+label:focus-visible,input[type=radio]+label:focus,input[type=radio]+label:focus-visible{outline:2px solid var(--action-0)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-rgb),var(--rgb-light))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}details{padding:.25rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details[open]{background-color:var(--base-50)}details summary{--wrap:nowrap;list-style:none;text-transform:uppercase;cursor:pointer;border:0;transition:background-color var(--transition-base);transition-property:background-color,border;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:var(--base-100);border-color:var(--base-100);color:var(--contrast);transition:background-color var(--transition-base);transition-property:background-color,border,color}details[open]>summary{background-color:var(--base-50)}details summary::after{content:"";background-color:var(--contrast-100);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--details);mask-image:var(--details);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:background-color var(--transition-base);transition-property:background-color,transform}details summary:hover::after,details[open]>summary::after{background-color:var(--contrast)}details[open]>summary::after{transform:rotate(-540deg);transition:background-color var(--transition-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--timing) allow-discrete,opacity var(--timing),block-size var(--timing)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=textarea],input[type=url],textarea{--p-x:1.5rem;font-family:var(--body);font-size:var(--medium);color:var(--contrast);padding:1rem var(--p-x);border-radius:var(--innerRadius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px;transition:background-color var(--transition-base);transition-property:background-color,border}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=url]:focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--innerRadius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--small);padding:.5rem 1rem;width:100%;transition:var(--transition-color)}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:.5rem}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer;transition:opacity var(--transition-base)}.search-container .clear-search{opacity:0;cursor:default;transition:opacity var(--transition-base)}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}label{text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.selected-items{--justify:flex-start;--gap:.5rem;margin-bottom:.5rem}.selected-item{padding:.25rem .5rem;margin:.125em;background:var(--base-100);border-radius:.25rem;font-size:var(--medium);border:1px solid var(--base-200);position:relative}.remove-item{background:0 0;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:var(--innerRadius);width:1.5em;height:1.5em}.remove-item .close{width:.5em;height:.5em}.remove-item:hover{color:var(--action-0);background:#fee}.clear-filters{margin-left:auto;border:1px solid var(--base-200)}[type=checkbox],[type=radio],input.ch{position:absolute;opacity:0;left:-200vw}[type=checkbox]+label,[type=radio]+label,input.ch+label{position:relative;cursor:pointer}[type=checkbox]+label:hover,[type=radio]+label:hover{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before,input.ch+label::after,input.ch+label::before{content:'';position:absolute;top:50%}[type=checkbox]+label::after,[type=radio]+label::after,input.ch+label::after{left:5px;transform:translateY(-70%) rotate(45deg);width:5px;height:10px;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]+label::before,[type=radio]+label::before,input.ch+label::before{left:0;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--contrast-200);background-color:var(--base);border-radius:var(--innerRadius);transition:background-color var(--transition-base),border-color var(--transition-base)}[type=checkbox]:hover+label::before,[type=radio]:hover+label::before,input.ch:hover+label::before{border-color:var(--action-200)}[type=checkbox]:checked+label::before,[type=radio]:checked+label::before,input.ch:checked+label::before{background-color:var(--action-0);border-color:var(--action-100)}[type=radio]:checked+label::before{border-radius:50%}[type=checkbox]:checked+label::after input.ch:checked+label::after{left:5px;top:50%;transform:translateY(-70%) rotate(45deg);width:.35rem;height:.66rem;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]:disabled+label,[type=radio]:disabled+label,input.ch:disabled+label{cursor:not-allowed;background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label:hover,[type=radio]:disabled+label:hover,input.ch:disabled+label:hover{background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label::before,[type=radio]:disabled+label::before,input.ch:disabled+label::before{border-color:var(--base-200)}[type=checkbox]:not(.btn)+label,[type=radio]:not(.btn)+label,input.ch+label{flex:1;padding-left:2rem;transform-origin:top center;transition:transform .3s ease;will-change:transform}.btn+label::after,.btn+label::before{display:none}.btn+label{--w:1.2em;border:1px solid var(--base-200);border-radius:var(--innerRadius);min-width:2rem;min-height:2rem;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;color:var(--contrast-200);opacity:.8}.radio-options.status label{padding:0 .5rem}.btn:checked+label{border-color:var(--contrast);color:var(--contrast);opacity:1}.btn+label:hover{color:var(--action-50);border-color:var(--action-50)}.btn[hidden]+label{display:none}.date-wrapper{position:relative;display:inline-block}input[type=date]{padding:8px 36px 8px 8px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}input[type=date]+.icon{--w:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}input[type=url]{background:var(--linkIcon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.field{margin:2rem 0}.toggle-text input{display:none}.toggle-text input+label{font-weight:400;color:var(--contrast)!important;text-transform:none;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-text label::after,.toggle-text label::before{display:none}.toggle-text label{padding-left:0!important}.toggle-text input+label .text{position:relative;margin:0 .5rem;font-weight:700;width:fit-content;padding:2px 4px;border:1px solid var(--action-50);border-radius:4px;color:var(--action-50)!important}table .toggle-text input+label .text{color:var(--contrast)!important;border-color:var(--contrast)}.toggle-text:hover .text,table .toggle-text:hover .text{background-color:var(--action-50);color:var(--light-0)!important;border-color:var(--action-50)}.toggle-text input+label .off,.toggle-text input+label .on{-webkit-transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out,-webkit-transform .125s ease-out}.toggle-text input+label .off{opacity:1;max-width:100%;-webkit-transform:none;transform:none}.toggle-text input+label .on{opacity:0;max-width:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.toggle-text input:checked+label .off{opacity:0;max-width:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.toggle-text input:checked+label .on{max-width:100%;opacity:1;-webkit-transform:none;transform:none}.items-container{margin:0;padding:0;width:100%}.create-new-term{margin-top:1rem;width:100%}.create-new-term .field,.create-new-term[open] summary{margin-bottom:1rem}.create-new-term .field{max-width:100%}#jvb-selector>.wrap{--gap:nowrap}.quantity{margin:0}.quantity label{margin:0;font-size:var(--small)}.quantity{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;position:relative}.quantity:focus-within{border-color:var(--action-0)}.quantity button{background:var(--base);padding:0;width:38px;height:38px;z-index:0;position:relative;border:1px solid var(--base-200);color:var(--contrast-200)}.quantity button:hover:not(:disabled){color:var(--action-0);border-color:var(--action-0);background-color:var(--base)}.quantity button:active:not(:disabled){background-color:var(--action-0);color:var(--light-0);transform:scale(.95)}.quantity button:disabled{opacity:.5;cursor:not-allowed}.quantity input[type=number]{z-index:1;border:1px solid var(--base-200);background:var(--base);text-align:center;font-size:1.1rem;width:60px;height:48px;margin:0;padding:0!important;appearance:textfield}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity input[type=number]:focus{background-color:var(--base-50)}.quantity button.increase{left:-2px;border-radius:0 4px 4px 0}.quantity button.decrease{right:-2px;border-radius:4px 0 0 4px}.term-list{--justify:flex-start;--align:center;--wrap:nowrap;--gap:.5rem;--w:1em;margin:0;padding:0;height:var(--height);display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);position:relative;overflow:auto hidden;touch-action:pan-x;text-transform:lowercase}dialog::backdrop{backdrop-filter:blur(5px);background-color:var(--overlay-medium)}dialog[open]{z-index:999;--padding:0;top:0;width:min(500px,95vw);border-radius:1rem;height:fit-content;max-height:90vh;overflow:hidden;padding:var(--padding);background-color:var(--base-50);color:var(--contrast);border:1px solid var(--base-200);box-shadow:var(--shadow)}dialog>.wrap,dialog>form{overflow:hidden auto;max-height:100%;margin:1.5rem 0 0 1.5rem;padding-right:1.2rem;width:calc(100% - 1.5rem - 1.2rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--large)}dialog:has(.m-actions){padding-bottom:var(--height)}.m-actions{--w:1.5em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:var(--z-6);background-color:var(--action-100);box-shadow:var(--shadow-up)}.m-actions button{width:100%;height:3rem;border-radius:0;color:var(--action-contrast);background-color:var(--action-50);border:2px solid var(--action-50)}.m-actions button:focus,.m-actions button:hover{background-color:var(--base);color:var(--contrast)}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}dialog[open].gallery{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--overlay-heavy)}.gallery .content{position:relative;max-width:100%;max-height:100%;padding:2rem}.gallery .favourite button.favourite{top:unset;bottom:1rem;right:1rem}.gallery .image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery .cancel{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery .cancel:hover{color:var(--action-0)}.gallery .nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease}.gallery .nav:hover{background-color:var(--overlay-heavy)}.gallery .nav:hover{color:var(--action-0)}.gallery .prev{left:1rem}.gallery .next{right:1rem}.gallery .counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery .content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery .content details:hover,.gallery .content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}.gallery .content details[open] summary{background-color:transparent}table{white-space:nowrap;width:100%;display:block;margin:0 0 2rem;border-radius:4px;height:var(--maxHeight);overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:var(--base);text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:var(--base-200)}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:var(--overlay-heavy);box-shadow:var(--shadow)}thead tr{border-bottom:1px solid var(--contrast-200)}tfoot tr{border-top:1px solid var(--contrast-200)}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:var(--base-100);border-color:var(--action-50)}[data-stuck]{background-color:var(--overlay-medium);position:sticky;left:-1rem;z-index:15;box-shadow:var(--subtleRight)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:var(--base)}blockquote{padding:var(--outerPadding);border-radius:var(--outerRadius);background-color:var(--base-50)}cite{width:90%;margin:1rem auto}.hide-tooltip.hide-tooltip.hide-tooltip+[role=tooltip],[role=tooltip]{visibility:hidden;position:absolute;bottom:2rem;left:1rem;width:max-content;height:fit-content;max-width:50vw;padding:.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);background:var(--action-0);color:var(--action-contrast)}body.menu_item [role=tooltip]{left:auto;right:100%;top:-200%;z-index:var(--z-4)}[role=tooltip] p{margin:0}[role=tooltip] p+p{margin-top:.5rem}.field:has([aria-describedby]:focus) [role=tooltip],[aria-describedby]:focus~.has-tooltip[role=tooltip],[aria-describedby]:hover~.has-tooltip [role=tooltip]{visibility:visible;display:block}.has-tooltip{display:inline-flex;justify-content:flex-end;position:relative;--w:1.5rem}.tt-toggle{cursor:pointer;display:flex;border-radius:50%;background-color:transparent}.tt-toggle:focus,.tt-toggle:hover{background-color:var(--action-0);color:var(--action-contrast)}.tt-toggle:focus+[role=tooltip],.tt-toggle:hover+[role=tooltip]{visibility:visible}dialog[open]#jvb-selector{height:70vh;top:15vh;display:flex}#jvb-selector>.wrap{flex:1}dialog.loading{opacity:0;transition:opacity var(--transition-base)}dialog.loading[open]{opacity:1;transition:opacity var(--transition-base);width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--outerRadius);background-color:var(--overlay-medium);padding:2rem;box-shadow:var(--shadow);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--function) infinite}.loading[open] .icon{color:var(--action-0)}dialog.loading[open] svg{animation:dance 2s ease-in-out infinite;transition:color .3s ease}dialog.loading[open] h3{color:var(--contrast);margin:2rem 1rem auto!important;font-size:var(--large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--action-50);border-radius:50%;animation:spin 1s var(--function) infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes letterOutline{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes letterInside{0%,50%{background-position-y:100%,0}100%,50.01%{background-position-y:0,100%}}.tab-content[hidden]{display:block!important;transform:scaleY(0);height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);height:auto}nav.tabs h2{margin:0!important;line-height:1;font-size:var(--medium);display:flex;color:var(--contrast);white-space:nowrap;gap:1rem}nav.tabs .active h2{color:var(--action-contrast)}nav.tabs button{padding:.75rem 1.5rem;border-radius:0;border:none;position:relative}.tabs>button:focus,.tabs>button:hover{background-color:var(--base-200)}.tabs>button::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--action-50);transition:width .3s}.tabs>button.active::after,.tabs>button:hover::after{width:100%}.tabs>button.active::after{background-color:var(--action-200)}.tabs>button.active{background-color:var(--action-0);color:var(--action-contrast)}.tabs>button.active:focus,.tabs>button.active:hover{background-color:var(--action-100)}.tab-content h2{display:none}.toggle-details{gap:2px}body.menu_item #top{z-index:var(--z-4);position:relative}section .toggle-details{position:absolute;right:0;top:5rem}[data-toggle=all]{position:fixed;bottom:calc(var(--offHeight) + var(--height) + .5rem);right:0;z-index:var(--z-4);background-color:var(--action-0);color:var(--action-contrast)}[data-toggle]{z-index:var(--z-1)}body:has(#queue[hidden]) [data-toggle=all]{left:1rem}dialog:not([open]).col,dialog:not([open]).row{display:none}@media (min-width:768px){section .toggle-details{right:-10%}}.typeText::after{content:'|';display:inline-block;margin-left:0;animation:blink .75s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}aside#cart,aside#queue{position:fixed;top:var(--doubleHeight);bottom:var(--offHeight);width:min(500px,calc(100vw - 2rem));background-color:var(--base);z-index:var(--z-5);box-shadow:var(--shadow);padding-bottom:var(--height);overflow:visible}.create-item,.qtoggle,.toggle-cart{z-index:var(--z-6);position:fixed;bottom:var(--offHeight);width:var(--height);height:var(--height);background-color:var(--overlay-medium);color:var(--contrast);transition:width var(--transition-base),background-color var(--transition-base),color var(--transition-base),left var(--transition-base);box-shadow:var(--shadow)}.create-item:focus,.create-item:hover,.qtoggle:focus,.qtoggle:hover,.toggle-cart:focus,.toggle-cart:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.create-item:disabled,.create-item:disabled:focus,.create-item:disabled:hover,.qtoggle:disabled,.qtoggle:disabled:focus,.qtoggle:disabled:hover,.toggle-cart:disabled,.toggle-cart:disabled:focus,.toggle-cart:disabled:hover{opacity:.5;background-color:var(--overlay-light);color:var(--contrast)}.create-item,.toggle-cart{right:0;border-radius:4px 4px 4px var(--outerRadius)}body:has(#cart.expanded) .toggle-cart{width:min(500px,calc(100vw - 2rem))}body:has(#cart.expanded) .toggle-cart .icon{display:none}aside#cart{overflow:hidden;right:var(--offScreen);border-radius:var(--outerRadius) 0 0 var(--outerRadius);transition:right var(--transition-base);padding-bottom:6rem}aside#cart.expanded{right:0;transition:right var(--transition-base)}#cart form{max-height:100%;overflow:hidden auto}#cart nav.tabs{z-index:var(--z-6);top:0}#cart table{height:auto}#cart th{padding:0 1.5rem}#cart table th:first-of-type{width:100%}#cart nav.tabs{position:sticky;box-shadow:var(--shadow)}#cart button[data-tab]{flex:1;border-radius:0}#cart form>:not(.tabs){max-width:90%;margin:0 auto}#cart form .empty p{margin:.5rem 0!important}#cart .cart-total.cart-total{--gap:0 1rem;padding-right:1rem;position:absolute;bottom:var(--height);width:100%;max-width:100%;background-color:var(--overlay-heavy);z-index:var(--z-6);box-shadow:var(--shadow-up)}.cart-total p{--gap:2rem;max-width:100%;margin:0}.cart-total p span{width:6rem;display:inline-block;text-align:right}.cart-total p+p{font-weight:700}.cart-items .total{font-weight:700}#cart .restored{background-color:rgba(var(--action-rgb),var(--rgb-light));border-radius:var(--outerRadius);padding:1rem}.restored h3{font-size:var(--medium);margin:0}.restored p{margin:0}.restored .row{--gap:0;--wrap:nowrap;--w:1em}.toasts{position:fixed;top:4rem;right:-350px;z-index:1000;width:350px}.toast{background-color:var(--overlay-heavy);border-left:4px solid var(--action-0);padding:1rem;box-shadow:var(--shadow);left:0;position:relative;opacity:0;transition:left .3s,opacity .3s}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--warning)}.toast.show{left:calc(-350px - 1rem);opacity:1}.toast.hiding{left:0;opacity:0}.toast-content p{margin:0}.close-toast{background:0 0;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .2s;color:inherit}.close-toast:hover{opacity:1}aside#queue{left:var(--offScreen);border-radius:0 var(--outerRadius) var(--outerRadius) 0;transition:left var(--transition-base);--wrap:nowrap;--align:stretch}aside#queue.expanded{left:0;overflow:hidden auto}.qtoggle{left:0;border-radius:4px 4px var(--outerRadius) 4px}body:has(#queue.expanded) .qtoggle{left:var(--height);width:min(calc(500px - var(--height)),calc(100vw - 2rem - var(--height)))}.qtoggle.saving svg{color:var(--action-0);animation:spin .87s var(--function) infinite}#queue .status-actions{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-2)}#queue .status-actions .popup{position:absolute;z-index:-1;width:max-content;max-width:300px;background-color:var(--action-50);color:var(--action-contrast);border-radius:var(--innerRadius);padding:.25em .75em;top:1rem;left:-100vw;transition:left var(--transition-base)}aside#queue .popup::before{content:'';width:10px;height:10px;transform:rotate(-45deg);background-color:var(--action-50);z-index:-1;left:-5px;position:absolute;top:calc(50% - 5px)}.expanded#queue .status-actions .popup.showing{left:calc(100% + 1em)}#queue .status-actions .popup.showing{left:calc(200vw + var(--offHeight));max-width:75vw}#queue .item .status,.filter .count,.qtoggle .count,.qtoggle .indicator,.refresh .countdown{z-index:var(--z-3);--offset:0;position:absolute;top:var(--offset);background-color:var(--overlay-light)}.expanded+.qtoggle .count,.expanded+.qtoggle .indicator{--offset:.25rem}.qtoggle .indicator{right:var(--offset);width:.75rem;height:.75rem;border-radius:50%}aside#queue.synced+.qtoggle .indicator{background-color:var(--success)}aside#queue.pending+.qtoggle .indicator{background-color:var(--warning);animation:pulse 2s infinite}aside#queue.pending:not(.expanded)+.qtoggle svg{color:var(--error);animation:spin 1s var(--function) infinite}.qtoggle .count{--align:center;--justify:center;left:var(--offset);min-width:1.25rem;height:1.25rem;padding:0 4px;color:var(--contrast);border-radius:var(--innerRadius);font-size:var(--extra-small)}#queue:has(.empty-queue)+.qtoggle .count{display:none}aside#queue .header{padding:15px;border-bottom:1px solid var(--base-200);flex-shrink:0}.qitems{flex:1;overflow:hidden auto;padding:.5rem 2rem;--gap:.5rem}aside#queue h3{margin:0 0 12px 0;font-size:16px;color:var(--contrast)}#queue .filters .filter{background-color:transparent;white-space:nowrap;font-size:var(--small)}#queue .filters .filter.active{background:var(--base-200);border-color:transparent}#queue .filter:focus,#queue .filter:hover{background-color:var(--action-0);color:var(--action-contrast)}.filter .count{--offset:-8px;right:var(--offset);background:var(--base-200);color:var(--contrast-200);border-radius:10px;min-width:18px;height:18px;font-size:10px}.filter .count:empty{display:none}.empty-queue{height:100px;color:var(--contrast-200);font-size:var(--small);font-style:italic}.refresh .countdown:not(.counting),aside#queue:has(.empty-queue) .refresh .count{display:none}#queue .item{padding:15px;background:var(--base-100);border-radius:var(--innerRadius);transition:all .2s ease;box-shadow:var(--shadow-none)}#queue .item:hover{box-shadow:var(--shadow)}#queue .item .header{position:relative}#queue .item .type{font-size:var(--small)}#queue .item .status{--w:1em;--gap:0;--justify:center;--align:center;--offset:-1.2rem;aspect-ratio:1;right:var(--offset);border-radius:50%;color:var(--contrast-200);background-color:var(--base-50);border:1px solid var(--base-200);width:1.25em;height:1.25em}#queue .item .status.pending{background:var(--base-100);color:var(--contrast-200)}#queue .item .status.processing{background:var(--base-200);color:var(--contrast-100);animation:pulse-color 2s infinite}#queue .item .status.completed{background:var(--base-50);color:var(--base-200)}#queue .item .status.completed:hover{color:var(--contrast-200)}#queue .item .status.failed{background:var(--base);color:var(--error)}#queue .item button{font-size:16px;padding:0;line-height:1;opacity:.5;transition:opacity .2s}#queue .item button:hover{opacity:1}#queue .item .info{margin-top:8px;font-size:var(--small)}#queue .item .info .time{--gap:7px;font-size:10px}#queue .item .actions{margin-top:12px;--gap:8px}#queue .item .actions button{padding:6px 12px;font-size:12px;background:var(--base-200);border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--contrast)}#queue .item .actions .retry{background-color:var(--secondary-200);color:var(--secondary-contrast)}#queue .item .actions button:hover{opacity:.9}.queue-actions{padding:15px;border-top:1px solid var(--base-200);flex-shrink:0}.queue-actions button{padding:8px 12px;font-size:var(--small);transition:all .2s}.status-actions>.refresh{position:relative;font-size:var(--small)}.refresh .countdown{--justify:center;--align:center;--offset:0;right:var(--offset);margin:0 3px;border-radius:50%;border:1px solid var(--base-200)}.refreshNow{width:var(--height);height:var(--height)}.refreshNow:hover{background:var(--base-200);color:var(--contrast-200)}.icon.refresh{--w:18px}#queue.pending.expanded .refreshNow svg{animation:spin 1.5s var(--function) infinite}#queue,.item-grid{counter-reset:delay-counter}.item{counter-increment:delay-counter}.item .progress .fill::after{--delay:calc(counter(delay-counter) * .1s)}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:var(--base-200);position:relative}.progress .fill{height:100%;background:var(--action-0);border-radius:6px;width:0;transition:width .3s ease}.progress .details{margin-top:5px;font-size:var(--small);color:var(--contrast);text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--secondary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes detect-scroll{from,to{--can-scroll:1}}.menu-items .menu-item{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}.menu-items .menu-item:not(.variable) label{display:none}.menu-items .menu-item .field{margin:0;--wrap:nowrap}.menu-items .menu-item .has-tooltip{position:absolute;right:-2.5rem}.menu-items .menu-item+.menu-item{border-top:1px solid var(--base-200);margin-top:2rem;padding-top:1rem}.menu-items .menu-item .header{grid-column:1/-1}.menu-items .menu-item .description{grid-column:1/3}.menu-items .menu-item .info{grid-column:3/3}.menu-items .menu-item h3{font-size:var(--medium);font-weight:400;margin:0 0 .5rem 0!important}.menu-items .menu-item .info{--gap:1rem}.price>span{vertical-align:super;font-size:12px}body.menu_item section h2{display:inline-block;max-width:var(--maxWidth);width:max-content;background-color:var(--base-50);color:var(--action-0);position:relative;z-index:5;padding:0 1rem;margin:var(--mt) auto var(--mb) auto}.menu-section{position:relative}.menu-section hr{position:absolute;width:100%;left:-5%;top:3.5rem;border:none;background-color:var(--action-100);height:2px}details.menu-item summary.row{flex-direction:column;align-items:flex-start}details.menu-item summary .row{width:100%}.menu_item h1:first-of-type{margin-top:10vh!important}@media (min-width:768px){.menu-section hr{width:120%;left:-10%;top:4.25rem}.menu_item section{max-width:var(--maxWidth)}}/*!** Forms **!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.date_start,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!*    margin-bottom: 0;*!*//*!*}*!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!*    width: 49%;*!*//*!*    display: inline-block;*!*//*!*    margin-top: 1rem;*!*//*!*}*!*//*!* Style for disabled state *!*//*!** Shop Page **!*//*!** Bio Sections **!*//*!*!* Status notification *!*//*!*.status-notification {*!*//*!*    position: fixed;*!*//*!*    bottom: 20px;*!*//*!*    left: 80px; !* Position to the right of the panel *!*!*//*!*    width: 300px;*!*//*!*    max-width: calc(100vw - 100px);*!*//*!*    border-radius: 8px;*!*//*!*    padding: 15px;*!*//*!*    background: #323232;*!*//*!*    color: white;*!*//*!*    transform: translateY(20px);*!*//*!*    opacity: 0;*!*//*!*    transition: transform .3s, opacity .3s;*!*//*!*    z-index: 10000;*!*//*!*    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);*!*//*!*    pointer-events: none;*!*//*!*}*!*//*!*.status-notification.active {*!*//*!*    transform: translateY(0);*!*//*!*    opacity: 1;*!*//*!*    pointer-events: auto;*!*//*!*}*!*//*!*.status-notification .title {*!*//*!*    font-weight: 600;*!*//*!*    margin-bottom: 5px;*!*//*!*    font-size: 15px;*!*//*!*}*!*//*!*.status-notification .message {*!*//*!*    margin-bottom: 10px;*!*//*!*    font-size: 14px;*!*//*!*}*!*//*!*.status-notification .actions {*!*//*!*    display: flex;*!*//*!*    justify-content: flex-end;*!*//*!*}*!*//*!*.status-notification .actions button {*!*//*!*    padding: 6px 12px;*!*//*!*    background: rgba(255, 255, 255, .2);*!*//*!*    border: none;*!*//*!*    border-radius: 4px;*!*//*!*    color: white;*!*//*!*    cursor: pointer;*!*//*!*    font-size: 13px;*!*//*!*    transition: background .2s;*!*//*!*}*!*//*!*.status-notification .actions button:hover {*!*//*!*    background: rgba(255, 255, 255, .3);*!*//*!*}*!*//*!* Progress containers in notifications *!*//*!* Collapsed state - just show the toggle button *!*//*!***//*!***//*!*.new-term-toggle:disabled + .loader,*!*//*!*.loading .loader {*!*//*!*    width: 50px;*!*//*!*    aspect-ratio: 1;*!*//*!*    display: grid;*!*//*!*    border: 4px solid #0000;*!*//*!*    border-radius: 50%;*!*//*!*    border-right-color: var(--action-0);*!*//*!*    animation: l15 1s infinite linear;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::before,*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::before,*!*//*!*.loading .loader::after {*!*//*!*    content: "";*!*//*!*    grid-area: 1/1;*!*//*!*    margin: 2px;*!*//*!*    border: inherit;*!*//*!*    border-radius: 50%;*!*//*!*    animation: l15 2s infinite;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::after {*!*//*!*    margin: 8px;*!*//*!*    animation-duration: 3s;*!*//*!*}*!*//*!*@keyframes l15{*!*//*!*    100%{transform: rotate(1turn)}*!*//*!*}*!*//*!* High contrast mode support *!*//*!** TODO: Verify **!*//*!* Icon styling in form fields *!*//*!* Required field asterisk *!*//*!* Invalid field styling *!*//*!* Frontend Display *!*//*!* Set and Checkbox Field Display *!*//*!* Radio and Select Field Display *!*//*!* True/False Field Display *!*//*!* Group Field Styling *!*//*!* Responsive Design *!*/
:root{--narrow:min(500px, 50vw);--maxWidth:min(768px, 65vw);--alignWide:min(1024px, 90vw);--alignMed:min(962px, 82.5vw);--full:100vw;--mr:auto;--ml:auto;--mt:1rem;--mb:1rem;--setMargin:var(--mt) var(--mr) var(--mb) var(--ml);--insetMargin:var(--mt) calc((var(--content) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);--height:4rem;--doubleHeight:8rem;--offHeight:5rem;--maxHeight:calc(100vh - var(--height) - var(--height));--gap:.5rem;--wrap:wrap;--justify:center;--align:center;--dir:row;--w:1.2em;--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Aleo',var(--font-base);--body:'Josefin Slab',var(--font-base);--hWeight:900;--hlight:400;--bWeight:400;--bBold:700;--bLight:200;--enormous:calc(26vh - 4rem);--xxxlarge:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--xxlarge:clamp(2rem, 1.286rem + 1.905vw, 3rem);--xlarge:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--xmedium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--small:clamp(.95rem, .879rem + .19vw, 1.05rem);--extra-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--light-0:#fafafa;--light-50:#fcfbfb;--light-100:#f1eded;--light-200:#e6dfdf;--dark-0:#100404;--dark-50:#201212;--dark-100:#322423;--dark-200:#443635;--action-0:#B7332E;--action-50:#a32d29;--action-100:#8e2824;--action-200:#7a221f;--secondary-0:#E8A737;--secondary-50:#e59d20;--secondary-100:#d48f18;--secondary-200:#bd7f16;--success:#4CAF50;--warning:#E8A737;--error:#B7332E;--action-contrast:var(--light-0);--secondary-contrast:var(--light-0);--light-rgb:250,250,250;--dark-rgb:16,4,4;--action-rgb:183,51,46;--secondary-rgb:232,167,55;--rgba-subtle:rgba(var(--c),.5);--rgba-subtle-hover:rgba(var(--c),.1);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--c:var(--light-rgb);--base-rgb:var(--light-rgb);--contrast-rgb:var(--dark-rgb);--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-top:999;--zz-top:999999;--rgb-light:.25;--rgb-medium:.66;--rgb-heavy:.85;--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .66);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--dark-rgb),0) 0%,rgba(var(--dark-rgb),.05) 50%,rgba(var(--dark-rgb),0) 100%;--shadow:rgba(var(--dark-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--dark-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--dark-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--dark-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--dark-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--dark-rgb), .45) 10px 0 20px -20px;--shadow-none:transparent 0px 0px 0px;--innerRadius:4px;--outerPadding:1rem;--outerRadius:calc(var(--innerRadius) + var(--outerPadding));--function:cubic-bezier(.47,.24,.07,.47);--timing:.25s;--transition-base:var(--timing) var(--function);--transition-color:background-color var(--transition-base),color var(--transition-base),border var(--transition-base);--transition-transform:transform var(--transition-base);--transition-size:width var(--transition-base),height var(--transition-base),max-width var(--transition-base),max-height var(--transition-base);--offScreen:-200vw;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23151515" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23151515" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>');--swipeRight:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIsMTQwdjM2YzAsMjQuNjYtOC4wOCw0MS4xLTguNDIsNDEuNzlhNCw0LDAsMSwxLTcuMTYtMy41OGMuMDctLjE1LDcuNTgtMTUuNTUsNy41OC0zOC4yMVYxNDBhMTYsMTYsMCwwLDAtMzIsMHY0YTQsNCwwLDAsMS04LDBWMTI0YTE2LDE2LDAsMCwwLTMyLDB2MTJhNCw0LDAsMCwxLTgsMFY2OGExNiwxNiwwLDAsMC0zMiwwVjE3NmE0LDQsMCwwLDEtNy4zOSwyLjExbC0xOC42OC0zMGEuNzUuNzUsMCwwLDEtLjA3LS4xMiwxNiwxNiwwLDAsMC0yNy43MiwxNmwyOS4zMSw1MGE0LDQsMCwwLDEtNi45LDRMMzEuMjIsMTY4YTI0LDI0LDAsMCwxLDQxLjUyLTI0LjA5TDg0LDE2MlY2OGEyNCwyNCwwLDAsMSw0OCwwdjM4LjEzYTI0LDI0LDAsMCwxLDM5Ljk0LDE2LjA2QTI0LDI0LDAsMCwxLDIxMiwxNDBabTM4LjgzLTg2LjgzLTMyLTMyYTQsNCwwLDAsMC01LjY2LDUuNjZMMjM4LjM0LDUySDE3NmE0LDQsMCwwLDAsMCw4aDYyLjM0TDIxMy4xNyw4NS4xN2E0LDQsMCwwLDAsNS42Niw1LjY2bDMyLTMyQTQsNCwwLDAsMCwyNTAuODMsNTMuMTdaIj48L3BhdGg+PC9zdmc+');--scrollbar-width:8px;--scrollbar-track-color:var(--base-100);--scrollbar-thumb-color:var(--action-0);--scrollbar-thumb-hover-color:var(--action-50);--scrollbar-thumb-border:2px solid var(--base-50);--scrollbar-border-radius:4px;--can-scroll:0}body:has(#theme-switcher:checked){--action-50:#cb3933;--action-100:#d14c47;--action-200:#d6605c;--secondary-50:#ebb14e;--secondary-100:#edbb65;--secondary-200:#f0c57c;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--c:var(--dark-rgb);--base-rgb:var(--dark-rgb);--contrast-rgb:var(--light-rgb);--overlay-light:rgba(var(--c), .25);--overlay-medium:rgba(var(--c), .5);--overlay-heavy:rgba(var(--c), .85);--shimmer:rgba(var(--c),0) 0%,rgba(var(--c),.05) 50%,rgba(var(--c),0) 100%;--shadow:rgba(var(--light-rgb),.45) 0px 0px 4px;--shadow-down:rgba(var(--light-rgb),.45) 0 6px 5px -5px;--shadow-right:rgba(var(--light-rgb),.45) 6px 0 5px -5px;--shadow-left:rgba(var(--light-rgb), .45) -6px 0 5px -5px;--shadow-up:rgba(var(--light-rgb), .45) 0 -6px 5px -5px;--subtle:rgba(var(--light-rgb), .45) 0px 25px 20px -20px;--subtleRight:rgba(var(--light-rgb), .45) 10px 0 20px -20px;--minus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z"></path></svg>');--plus:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z"></path></svg>');--close:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4ZM162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--chevron:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-110.83a4,4,0,0,1,0,5.66l-40,40a4,4,0,0,1-5.66,0l-40-40a4,4,0,0,1,5.66-5.66L128,146.34l37.17-37.17A4,4,0,0,1,170.83,109.17Z"></path></svg>');--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z"></path></svg>');--shop:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M28.15,95A3.81,3.81,0,0,0,28,96v16a36,36,0,0,0,16,29.92V216a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V141.92A36,36,0,0,0,228,112V96a3.81,3.81,0,0,0-.17-1.08L213.5,44.7A12,12,0,0,0,202,36H54A12,12,0,0,0,42.5,44.7Zm22-48.08A4,4,0,0,1,54,44H202a4,4,0,0,1,3.84,2.9L218.7,92H37.3ZM100,100h56v12a28,28,0,0,1-56,0ZM36,112V100H92v12a28,28,0,0,1-41.37,24.59,4,4,0,0,0-1.31-.76A28,28,0,0,1,36,112ZM204,212H52V145.94a36,36,0,0,0,44-17.48,36,36,0,0,0,64,0,36,36,0,0,0,44,17.48Zm2.68-76.17a3.94,3.94,0,0,0-1.3.76A28,28,0,0,1,164,112V100h56v12A28,28,0,0,1,206.68,135.83Z"></path></svg>');--style:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M224,92H170.61l9.33-51.28a4,4,0,1,0-7.88-1.44L162.48,92H106.61l9.33-51.28a4,4,0,1,0-7.88-1.44L98.48,92H48a4,4,0,0,0,0,8H97L86.84,156H32a4,4,0,0,0,0,8H85.39l-9.33,51.28a4,4,0,0,0,3.22,4.65A3.65,3.65,0,0,0,80,220a4,4,0,0,0,3.94-3.29L93.52,164h55.87l-9.33,51.28a4,4,0,0,0,3.22,4.65,3.65,3.65,0,0,0,.72.07,4,4,0,0,0,3.94-3.29L157.52,164H208a4,4,0,0,0,0-8H159l10.19-56H224a4,4,0,0,0,0-8Zm-73.16,64H95l10.19-56H161Z"></path></svg>');--map:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M128,68a36,36,0,1,0,36,36A36,36,0,0,0,128,68Zm0,64a28,28,0,1,1,28-28A28,28,0,0,1,128,132Zm0-112a84.09,84.09,0,0,0-84,84c0,30.42,14.17,62.79,41,93.62a250,250,0,0,0,40.73,37.66,4,4,0,0,0,4.58,0A250,250,0,0,0,171,197.62c26.81-30.83,41-63.2,41-93.62A84.09,84.09,0,0,0,128,20Zm37.1,172.23A254.62,254.62,0,0,1,128,227a254.62,254.62,0,0,1-37.1-34.81C73.15,171.8,52,139.9,52,104a76,76,0,0,1,152,0C204,139.9,182.85,171.8,165.1,192.23Z"></path></svg>');--theme:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M241.72,113a11.88,11.88,0,0,0-9.73-5H212V88a12,12,0,0,0-12-12H129.33l-28.8-21.6a12.05,12.05,0,0,0-7.2-2.4H40A12,12,0,0,0,28,64V208a4,4,0,0,0,4,4H211.09a4,4,0,0,0,3.79-2.74l28.49-85.47A11.86,11.86,0,0,0,241.72,113ZM40,60H93.33a4,4,0,0,1,2.4.8L125.6,83.2a4,4,0,0,0,2.4.8h72a4,4,0,0,1,4,4v20H69.76a12,12,0,0,0-11.38,8.21L36,183.35V64A4,4,0,0,1,40,60Zm195.78,61.26L208.2,204H37.55L66,118.74A4,4,0,0,1,69.76,116H232a4,4,0,0,1,3.79,5.26Z"></path></svg>');--arrow-up:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,192a4,4,0,0,1-4,4H88a4,4,0,0,1-4-4V57.66L42.83,98.83a4,4,0,0,1-5.66-5.66l48-48a4,4,0,0,1,5.66,0l48,48a4,4,0,0,1-5.66,5.66L92,57.66V188H232A4,4,0,0,1,236,192Z"></path></svg>');--colour:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75Zm9.85,105.59a57.6,57.6,0,0,1-46.56,46.55A8.75,8.75,0,0,1,136,200a8,8,0,0,1-1.32-15.89c16.57-2.79,30.63-16.85,33.44-33.45a8,8,0,0,1,15.78,2.68Z"></path></svg>');--linkIcon:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23F9F9F9" viewBox="0 0 256 256"><path d="M236,88.12a50.44,50.44,0,0,1-14.81,34.31l-34.75,34.74A50.33,50.33,0,0,1,150.62,172h-.05A50.63,50.63,0,0,1,100,120a4,4,0,0,1,4-3.89h.11a4,4,0,0,1,3.89,4.11A42.64,42.64,0,0,0,150.58,164h0a42.32,42.32,0,0,0,30.14-12.49l34.75-34.74a42.63,42.63,0,1,0-60.29-60.28l-11,11a4,4,0,0,1-5.66-5.65l11-11A50.64,50.64,0,0,1,236,88.12ZM111.78,188.49l-11,11A42.33,42.33,0,0,1,70.6,212h0a42.63,42.63,0,0,1-30.11-72.77l34.75-34.74A42.63,42.63,0,0,1,148,135.82a4,4,0,0,0,8,.23A50.64,50.64,0,0,0,69.55,98.83L34.8,133.57A50.63,50.63,0,0,0,70.56,220h0a50.33,50.33,0,0,0,35.81-14.83l11-11a4,4,0,1,0-5.65-5.66Z"></path></svg>')}@font-face{font-display:swap;font-family:Aleo;font-style:normal;font-weight:400;src:url(fonts/aleo-v15-latin-regular.woff2) format('woff2'),url(fonts/aleo-v15-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:italic;font-weight:400;src:url(fonts/aleo-v15-latin-italic.woff2) format('woff2'),url(fonts/aleo-v15-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:normal;font-weight:900;src:url(fonts/aleo-v15-latin-900.woff2) format('woff2'),url(fonts/aleo-v15-latin-900.ttf) format('truetype')}@font-face{font-display:swap;font-family:Aleo;font-style:italic;font-weight:900;src:url(fonts/aleo-v15-latin-900italic.woff2) format('woff2'),url(fonts/aleo-v15-latin-900italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:200;src:url(fonts/josefin-slab-v28-latin-200.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-200.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:200;src:url(fonts/josefin-slab-v28-latin-200italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-200italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:400;src:url(fonts/josefin-slab-v28-latin-regular.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:400;src:url(fonts/josefin-slab-v28-latin-italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:normal;font-weight:700;src:url(fonts/josefin-slab-v28-latin-700.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-700.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Josefin Slab';font-style:italic;font-weight:700;src:url(fonts/josefin-slab-v28-latin-700italic.woff2) format('woff2'),url(fonts/josefin-slab-v28-latin-700italic.ttf) format('truetype')}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);border:var(--scrollbar-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}body{background-color:var(--base-50);color:var(--contrast);max-width:100vw;overflow-x:hidden;margin:0;font-family:var(--body);font-weight:var(--bWeight);font-size:var(--medium);line-height:1.4;position:relative}body b,body strong{font-weight:var(--bBold)}:target{scroll-snap-margin-top:max(6rem,20vh);scroll-margin-top:max(6rem,20vh);outline:double var(--action-0);border-radius:var(--outerRadius);padding:var(--outerPadding)}body.menu_item :target h2{background-color:var(--action-0);color:var(--action-contrast)}body,body *{transition:background-color var(--transition-base);transition-property:background-color,border}body.loading,body:has(aside.expanded),body:has(dialog[open]),body:has(nav.open){overflow:hidden}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-50{width:100%}.width-25{width:50%}.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.buttons li.width-50,.width-50{width:calc(50% - .3em)}.width-25{width:calc(25% - .3em)}.width-75{width:calc(75% - .3em)}}.col,.row:not(.icon){display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir)}.col{--dir:column}.row:not(.icon){--dir:row}.col.rev{--dir:column-reverse}.row.rev{--dir:row-reverse}.nowrap{--wrap:nowrap}.col.a-start,.row.start{--justify:flex-start}.col.a-end,.row.end{--justify:flex-end}.col.btw,.row.btw{--justify:space-between}.col.even,.row.even{--justify:space-evenly}.col.start,.row.a-start{--align:flex-start}.col.end,.row.a-end{--align:flex-end}.abs{position:absolute}:has(>.abs){position:relative}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--transition-transform),var(--transition-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--transition-transform),var(--transition-size)}.theme-switcher{position:absolute;opacity:0;width:0;height:0}#theme-switch{z-index:99;position:absolute;display:flex;align-items:center;justify-content:center}#theme-switch,.toggle-switch{--wrap:nowrap;cursor:pointer}#theme-switch,.toggle-switch input[type=checkbox]{--h:2rem;width:calc(var(--h) * 2);height:var(--h);margin:0 2rem 0 0;left:0;appearance:none;background:var(--base-200);border:1px solid var(--base-50);border-radius:var(--h);cursor:pointer;transition:all .3s ease;opacity:1}.toggle-switch input[type=checkbox]{position:relative}.toggle-switch{position:relative}@media (max-width:600px){#theme-switch{left:1rem}.wp-site-blocks>header{padding:0!important}}#theme-switch .icon{--w:1em;position:relative;top:0;margin:0 .25em;color:var(--contrast-200);z-index:2;transform:translateX(0)}#theme-switcher:checked~.moon,#theme-switcher:not(:checked)~.sun-dim{--w:1.5em;color:var(--contrast)}#theme-switcher:checked~.sun-dim,#theme-switcher:not(:checked)~.moon{top:-.17rem}#theme-switcher:not(:checked)~.sun-dim{color:var(--secondary-0);transform:translate(-2px,2px)}#theme-switcher:checked~.moon{transform:translate(4px,4px)}#theme-switch span,.toggle-switch input[type=checkbox]::before{--m:2px;content:"";position:absolute;top:var(--m);left:var(--m);width:calc(var(--h) - (var(--m) * 2));height:calc(var(--h) - var(--m) * 2);border:1px solid rgba(var(--contrast-rgb),.2);border-bottom:3px solid var(--contrast-200);background:var(--base-50);border-radius:50%;z-index:1;transform:rotate(360deg);transition:transform var(--transition-base),left var(--transition-base),top var(--transition-base),height var(--transition-base)}#theme-switch input:checked~span,.toggle-switch input[type=checkbox]:checked::before{left:calc(100% - (var(--h) - var(--m)));transform:rotate(-180deg);transition:transform var(--transition-base),left var(--transition-base)}.toggle-switch input[type=checkbox]:checked{background:var(--action-0)}.theme-switch:focus-visible+label{outline:2px solid var(--action-0);outline-offset:2px}#theme-switch .icon{transition:transform var(--transition-base),width var(--transition-base),height var(--transition-base),top var(--transition-base),color var(--transition-base)}#theme-switcher:checked~.icon.light,#theme-switcher:not(:checked)~.icon.dark{transform:rotate(360deg);color:var(--contrast-200)}#theme-switcher:checked~.icon.dark,#theme-switcher:not(:checked)~.icon.light{transform:rotate(-360deg);color:var(--contrast)}#theme-switch:hover span{background-color:var(--base-100)}#theme-switch:hover .icon{color:var(--action-50)}#theme-switch:active span{transform:scale(.97)}html{scroll-behavior:smooth}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{min-height:60vh}main>*{width:100%;max-width:var(--content);margin:var(--setMargin)}main>.align-wide{max-width:var(--alignWide)}main>.align-full{--ml:0;--mr:0;max-width:var(--full)}main>section{--mt:6rem}main>:first-child{margin-top:0}footer{padding:1rem 1rem var(--offHeight);background-color:var(--base-200);color:var(--contrast-200);text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-top)}footer p,footer p+p{margin:.5rem auto}@media (min-width:768px){footer{padding:1rem 2rem var(--offHeight)}}.grid-view,.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-view .item,.item-grid .item{border-radius:var(--outerRadius);aspect-ratio:1;display:flex;filter:none;transition:filter var(--transition-base),padding var(--transition-base),background-color var(--transition-base)}.grid-view img,.item-grid img{border-radius:var(--innerRadius)}.item-grid.list-view{display:flex;flex-direction:column;gap:2rem;--gap:2rem}.item-grid.list-view .item .col{--gap:.5rem}.item-grid.list-view img{width:20%}@media (min-width:768px){.grid-view,.item-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}h1 b,h1 strong,h2 b,h2 strong,h3 b,h3 strong,h4 b,h4 strong,h5 b,h5 strong,h6 b,h6 strong{text-decoration:double;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--contrast)}h1,h2,h3,h4,h5,h6{--mt:1.5em;--mb:.875em;font-family:var(--heading);text-transform:uppercase;font-weight:var(--hWeight);line-height:1.3;margin:var(--mt) var(--mr) var(--mb) var(--ml)}h1.inline,h2.inline,h3.inline,h4.inline,h5.inline,h6.inline{font-size:1.2rem;font-weight:600;display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}h1.inline+*,h2.inline+*,h3.inline+*,h4.inline+*,h5.inline+*,h6.inline+*{display:inline-block;margin:.5rem 0}h1.inline+.term-list,h2.inline+.term-list,h3.inline+.term-list,h4.inline+.term-list,h5.inline+.term-list,h6.inline+.term-list{display:inline-flex;margin:.5rem 0}h1{font-size:var(--xxxlarge);font-weight:var(--hWeight);line-height:1;margin:0 var(--mr) .25em var(--ml)}h1:first-of-type{margin-top:20vh}h1 small{display:block;font-size:var(--small);font-weight:var(--bWeight);line-height:1;font-family:var(--body)}h2{font-size:var(--xxlarge)}h3{font-size:var(--xlarge)}h4{font-weight:400;font-size:var(--large)}h5,h6{font-weight:400;font-size:var(--medium)}p{line-height:1.6}p+p{margin-top:2.5rem}a{color:var(--action-0);text-decoration:none}ul a{display:inline-flex;text-decoration:none}a:visited{color:var(--action-100)}a:hover{color:var(--action-50);text-decoration:underline}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem var(--mr) 1rem var(--ml);width:100%;padding:0}.buttons.fit{width:fit-content;margin:1rem 2rem}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons{margin:3rem auto;max-width:90%}@media (min-width:768px){.buttons{max-width:var(--content);margin:3rem var(--mr) 3rem var(--ml)}}[type=submit],a.button,a.wp-block-button__link,button{--justify:center;--align:center;--dir:row;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:var(--base-100);color:var(--contrast-50);border:1px solid var(--base-200);border-radius:var(--innerRadius);padding:.25rem 1rem;font:inherit;cursor:pointer;outline:inherit;display:inline-flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);transition:color var(--transition-base);transition-property:color,border,background-color;position:relative}.buttons a:hover,[type=submit]:focus,[type=submit]:hover,a.button:focus,a.button:hover,a.wp-block-button__link:focus,a.wp-block-button__link:hover,button:focus,button:hover{background-color:var(--action-0);color:var(--action-contrast)}[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,a.button:disabled,a.button:disabled:focus,a.button:disabled:hover,a.wp-block-button__link:disabled,a.wp-block-button__link:disabled:focus,a.wp-block-button__link:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;background-color:var(--base-200)!important;color:var(--contrast-200)!important}details .icon{--w:1.5em}button.favourite.favourited,button.voted svg{animation:favourite-pop .4s cubic-bezier(.25,.46,.45,.94)}@keyframes favourite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}75%{transform:scale(.9)}100%{transform:scale(1)}}button.filter-toggle{border:1px solid var(--base-200);background-color:transparent;white-space:nowrap;font-size:1rem;padding:.35em;--w:1.2em}.filter-toggle:hover{border-color:var(--action-50);color:var(--action-50)}.filter-toggle:focus{background-color:var(--action-50);color:var(--action-contrast)}.toggle.notifications.has .bell,.toggle.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted,button.favourite.favourited .heart,button.favourite:not(.favourited) .heart-fill{display:none}.toggle.notifications.has .bell-ringing,.toggle.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote,button.favourite.favourited .heart-fill,button.favourite:not(.favourited) .heart{display:block}.icon{width:var(--w);height:var(--w);display:inline-flex;transition:var(--transition-size),var(--transition-color)}.icon svg{width:100%;height:100%}.icon.small,nav ul .icon{--w:24px}.icon.colour{background:#b7332e;background:linear-gradient(180deg,rgba(255,0,128,1) 0,rgba(250,71,101,1) 14%,rgba(251,121,35,1) 28%,rgba(176,190,19,1) 42%,rgba(14,204,0,1) 56%,rgba(14,225,166,1) 70%,rgba(63,152,253,1) 84%,rgba(166,90,196,1) 100%);mask-image:var(--colour);-webkit-mask-image:var(--colour);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem}.icon.logo-basic svg path{transition:fill var(--timing) var(--function)}.icon.logo-basic svg path#innerCircle,.icon.logo-basic svg path#outerSkull{fill:var(--base)}a .icon.logo-basic:hover svg path{fill:var(--base)}a .icon.logo-basic:hover svg path#innerCircle,a .icon.logo-basic:hover svg path#outerSkull{fill:var(--action-0)}.icon.grab{cursor:grab}main a .icon{margin-right:.5em}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color{position:relative}body:has(#theme-switcher:not(:checked)) .icon.logo-split-color::before{content:'';display:block;width:60%;height:60%;border-radius:50%;background-color:var(--dark-200);position:absolute;left:18%;top:22%;z-index:-1}path#refresh{transform-origin:center;transform-box:fill-box;animation:spin 1s var(--function) infinite}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}:focus,:focus-visible,input[type=checkbox]+label:focus,input[type=checkbox]+label:focus-visible,input[type=radio]+label:focus,input[type=radio]+label:focus-visible{outline:2px solid var(--action-0)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-rgb),var(--rgb-light))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}details{padding:.25rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details[open]{background-color:var(--base-50)}details summary{--wrap:nowrap;list-style:none;text-transform:uppercase;cursor:pointer;border:0;transition:background-color var(--transition-base);transition-property:background-color,border;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:var(--base-100);border-color:var(--base-100);color:var(--contrast);transition:background-color var(--transition-base);transition-property:background-color,border,color}details[open]>summary{background-color:var(--base-50)}details summary::after{content:"";background-color:var(--contrast-100);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--details);mask-image:var(--details);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:background-color var(--transition-base);transition-property:background-color,transform}details summary:hover::after,details[open]>summary::after{background-color:var(--contrast)}details[open]>summary::after{transform:rotate(-540deg);transition:background-color var(--transition-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--timing) allow-discrete,opacity var(--timing),block-size var(--timing)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=textarea],input[type=url],textarea{--p-x:1.5rem;font-family:var(--body);font-size:var(--medium);color:var(--contrast);padding:1rem var(--p-x);border-radius:var(--innerRadius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px;transition:background-color var(--transition-base);transition-property:background-color,border}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=url]:focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--innerRadius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--small);padding:.5rem 1rem;width:100%;transition:var(--transition-color)}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:.5rem}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer;transition:opacity var(--transition-base)}.search-container .clear-search{opacity:0;cursor:default;transition:opacity var(--transition-base)}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}label{text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.selected-items{--justify:flex-start;--gap:.5rem;margin-bottom:.5rem}.selected-item{padding:.25rem .5rem;margin:.125em;background:var(--base-100);border-radius:.25rem;font-size:var(--medium);border:1px solid var(--base-200);position:relative}.remove-item{background:0 0;border:none;padding:.25rem;cursor:pointer;color:#666;border-radius:var(--innerRadius);width:1.5em;height:1.5em}.remove-item .close{width:.5em;height:.5em}.remove-item:hover{color:var(--action-0);background:#fee}.clear-filters{margin-left:auto;border:1px solid var(--base-200)}[type=checkbox],[type=radio],input.ch{position:absolute;opacity:0;left:-200vw}[type=checkbox]+label,[type=radio]+label,input.ch+label{position:relative;cursor:pointer}[type=checkbox]+label:hover,[type=radio]+label:hover{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before,input.ch+label::after,input.ch+label::before{content:'';position:absolute;top:50%}[type=checkbox]+label::after,[type=radio]+label::after,input.ch+label::after{left:5px;transform:translateY(-70%) rotate(45deg);width:5px;height:10px;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]+label::before,[type=radio]+label::before,input.ch+label::before{left:0;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--contrast-200);background-color:var(--base);border-radius:var(--innerRadius);transition:background-color var(--transition-base),border-color var(--transition-base)}[type=checkbox]:hover+label::before,[type=radio]:hover+label::before,input.ch:hover+label::before{border-color:var(--action-200)}[type=checkbox]:checked+label::before,[type=radio]:checked+label::before,input.ch:checked+label::before{background-color:var(--action-0);border-color:var(--action-100)}[type=radio]:checked+label::before{border-radius:50%}[type=checkbox]:checked+label::after input.ch:checked+label::after{left:5px;top:50%;transform:translateY(-70%) rotate(45deg);width:.35rem;height:.66rem;border:solid var(--light-0);border-width:0 2px 2px 0}[type=checkbox]:disabled+label,[type=radio]:disabled+label,input.ch:disabled+label{cursor:not-allowed;background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label:hover,[type=radio]:disabled+label:hover,input.ch:disabled+label:hover{background-color:var(--base-50);color:var(--base-200);border-color:var(--base-200)}[type=checkbox]:disabled+label::before,[type=radio]:disabled+label::before,input.ch:disabled+label::before{border-color:var(--base-200)}[type=checkbox]:not(.btn)+label,[type=radio]:not(.btn)+label,input.ch+label{flex:1;padding-left:2rem;transform-origin:top center;transition:transform .3s ease;will-change:transform}.btn+label::after,.btn+label::before{display:none}.btn+label{--w:1.2em;border:1px solid var(--base-200);border-radius:var(--innerRadius);min-width:2rem;min-height:2rem;margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.5rem;color:var(--contrast-200);opacity:.8}.radio-options.status label{padding:0 .5rem}.btn:checked+label{border-color:var(--contrast);color:var(--contrast);opacity:1}.btn+label:hover{color:var(--action-50);border-color:var(--action-50)}.btn[hidden]+label{display:none}.date-wrapper{position:relative;display:inline-block}input[type=date]{padding:8px 36px 8px 8px;border-radius:4px}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}input[type=date]+.icon{--w:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}input[type=url]{background:var(--link);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.field{margin:2rem 0}.toggle-text input{display:none}.toggle-text input+label{font-weight:400;color:var(--contrast)!important;text-transform:none;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-text label::after,.toggle-text label::before{display:none}.toggle-text label{padding-left:0!important}.toggle-text input+label .text{position:relative;margin:0 .5rem;font-weight:700;width:fit-content;padding:2px 4px;border:1px solid var(--action-50);border-radius:4px;color:var(--action-50)!important}table .toggle-text input+label .text{color:var(--contrast)!important;border-color:var(--contrast)}.toggle-text:hover .text,table .toggle-text:hover .text{background-color:var(--action-50);color:var(--light-0)!important;border-color:var(--action-50)}.toggle-text input+label .off,.toggle-text input+label .on{-webkit-transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:opacity .125s ease-out,-webkit-transform .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out;transition:transform .125s ease-out,opacity .125s ease-out,-webkit-transform .125s ease-out}.toggle-text input+label .off{opacity:1;max-width:100%;-webkit-transform:none;transform:none}.toggle-text input+label .on{opacity:0;max-width:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.toggle-text input:checked+label .off{opacity:0;max-width:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.toggle-text input:checked+label .on{max-width:100%;opacity:1;-webkit-transform:none;transform:none}.items-container{margin:0;padding:0;width:100%}.create-new-term{margin-top:1rem;width:100%}.create-new-term .field,.create-new-term[open] summary{margin-bottom:1rem}.create-new-term .field{max-width:100%}#jvb-selector>.wrap{--gap:nowrap}.quantity{margin:0}.quantity label{margin:0;font-size:var(--small)}.quantity{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;position:relative}.quantity:focus-within{border-color:var(--action-0)}.quantity button{background:var(--base);padding:0;width:38px;height:38px;z-index:0;position:relative;border:1px solid var(--base-200);color:var(--contrast-200)}.quantity button:hover:not(:disabled){color:var(--action-0);border-color:var(--action-0);background-color:var(--base)}.quantity button:active:not(:disabled){background-color:var(--action-0);color:var(--light-0);transform:scale(.95)}.quantity button:disabled{opacity:.5;cursor:not-allowed}.quantity input[type=number]{z-index:1;border:1px solid var(--base-200);background:var(--base);text-align:center;font-size:1.1rem;width:60px;height:48px;margin:0;padding:0!important;appearance:textfield}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity input[type=number]:focus{background-color:var(--base-50)}.quantity button.increase{left:-2px;border-radius:0 4px 4px 0}.quantity button.decrease{right:-2px;border-radius:4px 0 0 4px}.term-list{--justify:flex-start;--align:center;--wrap:nowrap;--gap:.5rem;--w:1em;margin:0;padding:0;height:var(--height);display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);position:relative;overflow:auto hidden;touch-action:pan-x;text-transform:lowercase}dialog::backdrop{backdrop-filter:blur(5px);background-color:var(--overlay-medium)}dialog[open]{z-index:999;--padding:0;top:0;width:min(500px,95vw);border-radius:1rem;height:fit-content;max-height:90vh;overflow:hidden;padding:var(--padding);background-color:var(--base-50);color:var(--contrast);border:1px solid var(--base-200);box-shadow:var(--shadow)}dialog>.wrap,dialog>form{overflow:hidden auto;max-height:100%;margin:1.5rem 0 0 1.5rem;padding-right:1.2rem;width:calc(100% - 1.5rem - 1.2rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--large)}dialog:has(.m-actions){padding-bottom:var(--height)}.m-actions{--w:1.5em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:var(--z-6);background-color:var(--action-100);box-shadow:var(--shadow-up)}.m-actions button{width:100%;height:3rem;border-radius:0;color:var(--action-contrast);background-color:var(--action-50);border:2px solid var(--action-50)}.m-actions button:focus,.m-actions button:hover{background-color:var(--base);color:var(--contrast)}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}dialog[open].gallery{width:calc(100vw - var(--padding) * 2);height:99vh;background:var(--overlay-heavy)}.gallery .content{position:relative;max-width:100%;max-height:100%;padding:2rem}.gallery .favourite button.favourite{top:unset;bottom:1rem;right:1rem}.gallery .image{max-width:100%;max-height:calc(100vh - 4rem);object-fit:contain}.gallery .cancel{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:10;transition:color .3s ease}.gallery .cancel:hover{color:var(--action-0)}.gallery .nav{position:absolute;top:50%;height:50%;z-index:5;transform:translateY(-50%);border:none;color:var(--contrast);cursor:pointer;padding:1rem;transition:color .3s ease}.gallery .nav:hover{background-color:var(--overlay-heavy)}.gallery .nav:hover{color:var(--action-0)}.gallery .prev{left:1rem}.gallery .next{right:1rem}.gallery .counter{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.875rem}.gallery .content details{position:absolute;bottom:1rem;left:2rem;width:calc(100% - 4rem);background-color:var(--overlay-light);padding:0}.gallery .content details:hover,.gallery .content details[open]{background-color:var(--overlay-heavy);backdrop-filter:blur(5px)}.gallery .content details[open] summary{background-color:transparent}table{white-space:nowrap;width:100%;display:block;margin:0 0 2rem;border-radius:4px;height:var(--maxHeight);overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:var(--base);text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:var(--base-200)}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:var(--overlay-heavy);box-shadow:var(--shadow)}thead tr{border-bottom:1px solid var(--contrast-200)}tfoot tr{border-top:1px solid var(--contrast-200)}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:var(--base-100);border-color:var(--action-50)}[data-stuck]{background-color:var(--overlay-medium);position:sticky;left:-1rem;z-index:15;box-shadow:var(--subtleRight)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:var(--base)}blockquote{padding:var(--outerPadding);border-radius:var(--outerRadius);background-color:var(--base-50)}cite{width:90%;margin:1rem auto}.hide-tooltip.hide-tooltip.hide-tooltip+[role=tooltip],[role=tooltip]{visibility:hidden;position:absolute;bottom:2rem;left:1rem;width:max-content;height:fit-content;max-width:50vw;padding:.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);background:var(--action-0);color:var(--action-contrast)}body.menu_item [role=tooltip]{left:auto;right:100%;top:-200%;z-index:var(--z-4)}[role=tooltip] p{margin:0}[role=tooltip] p+p{margin-top:.5rem}.field:has([aria-describedby]:focus) [role=tooltip],[aria-describedby]:focus~.has-tooltip[role=tooltip],[aria-describedby]:hover~.has-tooltip [role=tooltip]{visibility:visible;display:block}.has-tooltip{display:inline-flex;justify-content:flex-end;position:relative;--w:1.5rem}.tt-toggle{cursor:pointer;display:flex;border-radius:50%;background-color:transparent}.tt-toggle:focus,.tt-toggle:hover{background-color:var(--action-0);color:var(--action-contrast)}.tt-toggle:focus+[role=tooltip],.tt-toggle:hover+[role=tooltip]{visibility:visible}dialog[open]#jvb-selector{height:70vh;top:15vh;display:flex}#jvb-selector>.wrap{flex:1}dialog.loading{opacity:0;transition:opacity var(--transition-base)}dialog.loading[open]{opacity:1;transition:opacity var(--transition-base);width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--outerRadius);background-color:var(--overlay-medium);padding:2rem;box-shadow:var(--shadow);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--function) infinite}.loading[open] .icon{color:var(--action-0)}dialog.loading[open] svg{animation:dance 2s ease-in-out infinite;transition:color .3s ease}dialog.loading[open] h3{color:var(--contrast);margin:2rem 1rem auto!important;font-size:var(--large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--action-50);border-radius:50%;animation:spin 1s var(--function) infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes letterOutline{0%{background-size:1ch 0}100%{background-size:1ch 100%}}@keyframes letterInside{0%,50%{background-position-y:100%,0}100%,50.01%{background-position-y:0,100%}}.tab-content[hidden]{display:block!important;transform:scaleY(0);height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);height:auto}nav.tabs h2{margin:0!important;line-height:1;font-size:var(--medium);display:flex;color:var(--contrast);white-space:nowrap;gap:1rem}nav.tabs .active h2{color:var(--action-contrast)}nav.tabs button{padding:.75rem 1.5rem;border-radius:0;border:none;position:relative}.tabs>button:focus,.tabs>button:hover{background-color:var(--base-200)}.tabs>button::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--action-50);transition:width .3s}.tabs>button.active::after,.tabs>button:hover::after{width:100%}.tabs>button.active::after{background-color:var(--action-200)}.tabs>button.active{background-color:var(--action-0);color:var(--action-contrast)}.tabs>button.active:focus,.tabs>button.active:hover{background-color:var(--action-100)}.tab-content h2{display:none}.toggle-details{gap:2px}body.menu_item #top{z-index:var(--z-4);position:relative}section .toggle-details{position:absolute;right:0;top:5rem}[data-toggle=all]{position:fixed;bottom:calc(var(--offHeight) + var(--height) + .5rem);right:0;z-index:var(--z-4);background-color:var(--action-0);color:var(--action-contrast)}[data-toggle]{z-index:var(--z-1)}body:has(#queue[hidden]) [data-toggle=all]{left:1rem}dialog:not([open]).col,dialog:not([open]).row{display:none}@media (min-width:768px){section .toggle-details{right:-10%}}.typeText::after{content:'|';display:inline-block;margin-left:0;animation:blink .75s step-end infinite}@keyframes blink{from,to{opacity:1}50%{opacity:0}}aside#cart,aside#queue{position:fixed;top:var(--doubleHeight);bottom:var(--offHeight);width:min(500px,calc(100vw - 2rem));background-color:var(--base);z-index:var(--z-5);box-shadow:var(--shadow);padding-bottom:var(--height);overflow:visible}.create-item,.qtoggle,.toggle-cart{z-index:var(--z-6);position:fixed;bottom:var(--offHeight);width:var(--height);height:var(--height);background-color:var(--overlay-medium);color:var(--contrast);transition:width var(--transition-base),background-color var(--transition-base),color var(--transition-base),left var(--transition-base);box-shadow:var(--shadow)}.create-item:focus,.create-item:hover,.qtoggle:focus,.qtoggle:hover,.toggle-cart:focus,.toggle-cart:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.create-item:disabled,.create-item:disabled:focus,.create-item:disabled:hover,.qtoggle:disabled,.qtoggle:disabled:focus,.qtoggle:disabled:hover,.toggle-cart:disabled,.toggle-cart:disabled:focus,.toggle-cart:disabled:hover{opacity:.5;background-color:var(--overlay-light);color:var(--contrast)}.create-item,.toggle-cart{right:0;border-radius:4px 4px 4px var(--outerRadius)}body:has(#cart.expanded) .toggle-cart{width:min(500px,calc(100vw - 2rem))}body:has(#cart.expanded) .toggle-cart .icon{display:none}aside#cart{overflow:hidden;right:var(--offScreen);border-radius:var(--outerRadius) 0 0 var(--outerRadius);transition:right var(--transition-base);padding-bottom:6rem}aside#cart.expanded{right:0;transition:right var(--transition-base)}#cart form{max-height:100%;overflow:hidden auto}#cart nav.tabs{z-index:var(--z-6);top:0}#cart table{height:auto}#cart th{padding:0 1.5rem}#cart table th:first-of-type{width:100%}#cart nav.tabs{position:sticky;box-shadow:var(--shadow)}#cart button[data-tab]{flex:1;border-radius:0}#cart form>:not(.tabs){max-width:90%;margin:0 auto}#cart form .empty p{margin:.5rem 0!important}#cart .cart-total.cart-total{--gap:0 1rem;padding-right:1rem;position:absolute;bottom:var(--height);width:100%;max-width:100%;background-color:var(--overlay-heavy);z-index:var(--z-6);box-shadow:var(--shadow-up)}.cart-total p{--gap:2rem;max-width:100%;margin:0}.cart-total p span{width:6rem;display:inline-block;text-align:right}.cart-total p+p{font-weight:700}.cart-items .total{font-weight:700}#cart .restored{background-color:rgba(var(--action-rgb),var(--rgb-light));border-radius:var(--outerRadius);padding:1rem}.restored h3{font-size:var(--medium);margin:0}.restored p{margin:0}.restored .row{--gap:0;--wrap:nowrap;--w:1em}.toasts{position:fixed;top:4rem;right:-350px;z-index:1000;width:350px}.toast{background-color:var(--overlay-heavy);border-left:4px solid var(--action-0);padding:1rem;box-shadow:var(--shadow);left:0;position:relative;opacity:0;transition:left .3s,opacity .3s}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--warning)}.toast.show{left:calc(-350px - 1rem);opacity:1}.toast.hiding{left:0;opacity:0}.toast-content p{margin:0}.close-toast{background:0 0;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;transition:opacity .2s;color:inherit}.close-toast:hover{opacity:1}aside#queue{left:var(--offScreen);border-radius:0 var(--outerRadius) var(--outerRadius) 0;transition:left var(--transition-base);--wrap:nowrap;--align:stretch}aside#queue.expanded{left:0;overflow:hidden auto}.qtoggle{left:0;border-radius:4px 4px var(--outerRadius) 4px}body:has(#queue.expanded) .qtoggle{left:var(--height);width:min(calc(500px - var(--height)),calc(100vw - 2rem - var(--height)))}.qtoggle.saving svg{color:var(--action-0);animation:spin .87s var(--function) infinite}#queue .status-actions{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-2)}#queue .status-actions .popup{position:absolute;z-index:-1;width:max-content;max-width:300px;background-color:var(--action-50);color:var(--action-contrast);border-radius:var(--innerRadius);padding:.25em .75em;top:1rem;left:-100vw;transition:left var(--transition-base)}aside#queue .popup::before{content:'';width:10px;height:10px;transform:rotate(-45deg);background-color:var(--action-50);z-index:-1;left:-5px;position:absolute;top:calc(50% - 5px)}.expanded#queue .status-actions .popup.showing{left:calc(100% + 1em)}#queue .status-actions .popup.showing{left:calc(200vw + var(--offHeight));max-width:75vw}#queue .item .status,.filter .count,.qtoggle .count,.qtoggle .indicator,.refresh .countdown{z-index:var(--z-3);--offset:0;position:absolute;top:var(--offset);background-color:var(--overlay-light)}.expanded+.qtoggle .count,.expanded+.qtoggle .indicator{--offset:.25rem}.qtoggle .indicator{right:var(--offset);width:.75rem;height:.75rem;border-radius:50%}aside#queue.synced+.qtoggle .indicator{background-color:var(--success)}aside#queue.pending+.qtoggle .indicator{background-color:var(--warning);animation:pulse 2s infinite}aside#queue.pending:not(.expanded)+.qtoggle svg{color:var(--error);animation:spin 1s var(--function) infinite}.qtoggle .count{--align:center;--justify:center;left:var(--offset);min-width:1.25rem;height:1.25rem;padding:0 4px;color:var(--contrast);border-radius:var(--innerRadius);font-size:var(--extra-small)}#queue:has(.empty-queue)+.qtoggle .count{display:none}aside#queue .header{padding:15px;border-bottom:1px solid var(--base-200);flex-shrink:0}.qitems{flex:1;overflow:hidden auto;padding:.5rem 2rem;--gap:.5rem}aside#queue h3{margin:0 0 12px 0;font-size:16px;color:var(--contrast)}#queue .filters .filter{background-color:transparent;white-space:nowrap;font-size:var(--small)}#queue .filters .filter.active{background:var(--base-200);border-color:transparent}#queue .filter:focus,#queue .filter:hover{background-color:var(--action-0);color:var(--action-contrast)}.filter .count{--offset:-8px;right:var(--offset);background:var(--base-200);color:var(--contrast-200);border-radius:10px;min-width:18px;height:18px;font-size:10px}.filter .count:empty{display:none}.empty-queue{height:100px;color:var(--contrast-200);font-size:var(--small);font-style:italic}.refresh .countdown:not(.counting),aside#queue:has(.empty-queue) .refresh .count{display:none}#queue .item{padding:15px;background:var(--base-100);border-radius:var(--innerRadius);transition:all .2s ease;box-shadow:var(--shadow-none)}#queue .item:hover{box-shadow:var(--shadow)}#queue .item .header{position:relative}#queue .item .type{font-size:var(--small)}#queue .item .status{--w:1em;--gap:0;--justify:center;--align:center;--offset:-1.2rem;aspect-ratio:1;right:var(--offset);border-radius:50%;color:var(--contrast-200);background-color:var(--base-50);border:1px solid var(--base-200);width:1.25em;height:1.25em}#queue .item .status.pending{background:var(--base-100);color:var(--contrast-200)}#queue .item .status.processing{background:var(--base-200);color:var(--contrast-100);animation:pulse-color 2s infinite}#queue .item .status.completed{background:var(--base-50);color:var(--base-200)}#queue .item .status.completed:hover{color:var(--contrast-200)}#queue .item .status.failed{background:var(--base);color:var(--error)}#queue .item button{font-size:16px;padding:0;line-height:1;opacity:.5;transition:opacity .2s}#queue .item button:hover{opacity:1}#queue .item .info{margin-top:8px;font-size:var(--small)}#queue .item .info .time{--gap:7px;font-size:10px}#queue .item .actions{margin-top:12px;--gap:8px}#queue .item .actions button{padding:6px 12px;font-size:12px;background:var(--base-200);border:none;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--contrast)}#queue .item .actions .retry{background-color:var(--secondary-200);color:var(--secondary-contrast)}#queue .item .actions button:hover{opacity:.9}.queue-actions{padding:15px;border-top:1px solid var(--base-200);flex-shrink:0}.queue-actions button{padding:8px 12px;font-size:var(--small);transition:all .2s}.status-actions>.refresh{position:relative;font-size:var(--small)}.refresh .countdown{--justify:center;--align:center;--offset:0;right:var(--offset);margin:0 3px;border-radius:50%;border:1px solid var(--base-200)}.refreshNow{width:var(--height);height:var(--height)}.refreshNow:hover{background:var(--base-200);color:var(--contrast-200)}.icon.refresh{--w:18px}#queue.pending.expanded .refreshNow svg{animation:spin 1.5s var(--function) infinite}#queue,.item-grid{counter-reset:delay-counter}.item{counter-increment:delay-counter}.item .progress .fill::after{--delay:calc(counter(delay-counter) * .1s)}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:var(--base-200);position:relative}.progress .fill{height:100%;background:var(--action-0);border-radius:6px;width:0;transition:width .3s ease}.progress .details{margin-top:5px;font-size:var(--small);color:var(--contrast);text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--secondary-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--secondary-rgb),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes detect-scroll{from,to{--can-scroll:1}}.menu-items .menu-item{display:grid;grid-template-columns:repeat(3,1fr);gap:0 1rem}.menu-items .menu-item:not(.variable) label{display:none}.menu-items .menu-item .field{margin:0;--wrap:nowrap}.menu-items .menu-item .has-tooltip{position:absolute;right:-2.5rem}.menu-items .menu-item+.menu-item{border-top:1px solid var(--base-200);margin-top:2rem;padding-top:1rem}.menu-items .menu-item .header{grid-column:1/-1}.menu-items .menu-item .description{grid-column:1/3}.menu-items .menu-item .info{grid-column:3/3}.menu-items .menu-item h3{font-size:var(--medium);font-weight:400;margin:0 0 .5rem 0!important}.menu-items .menu-item .info{--gap:1rem}.price>span{vertical-align:super;font-size:12px}body.menu_item section h2{display:inline-block;max-width:var(--content);width:max-content;background-color:var(--base-50);color:var(--action-0);position:relative;z-index:5;padding:0 1rem;margin:var(--mt) auto var(--mb) auto}.menu-section{position:relative}.menu-section hr{position:absolute;width:100%;left:-5%;top:3.5rem;border:none;background-color:var(--action-100);height:2px}details.menu-item summary.row{flex-direction:column;align-items:flex-start}details.menu-item summary .row{width:100%}.menu_item h1:first-of-type{margin-top:10vh!important}@media (min-width:768px){.menu-section hr{width:120%;left:-10%;top:4.25rem}.menu_item section{max-width:var(--content)}}/*!** Forms **!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.date_start,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!*    margin-bottom: 0;*!*//*!*}*!*//*!*.field.time_open,*!*//*!*.field.time_closes,*!*//*!*.field.time_start,*!*//*!*.field.time_end {*!*//*!*    width: 49%;*!*//*!*    display: inline-block;*!*//*!*    margin-top: 1rem;*!*//*!*}*!*//*!* Style for disabled state *!*//*!** Shop Page **!*//*!** Bio Sections **!*//*!*!* Status notification *!*//*!*.status-notification {*!*//*!*    position: fixed;*!*//*!*    bottom: 20px;*!*//*!*    left: 80px; !* Position to the right of the panel *!*!*//*!*    width: 300px;*!*//*!*    max-width: calc(100vw - 100px);*!*//*!*    border-radius: 8px;*!*//*!*    padding: 15px;*!*//*!*    background: #323232;*!*//*!*    color: white;*!*//*!*    transform: translateY(20px);*!*//*!*    opacity: 0;*!*//*!*    transition: transform .3s, opacity .3s;*!*//*!*    z-index: 10000;*!*//*!*    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);*!*//*!*    pointer-events: none;*!*//*!*}*!*//*!*.status-notification.active {*!*//*!*    transform: translateY(0);*!*//*!*    opacity: 1;*!*//*!*    pointer-events: auto;*!*//*!*}*!*//*!*.status-notification .title {*!*//*!*    font-weight: 600;*!*//*!*    margin-bottom: 5px;*!*//*!*    font-size: 15px;*!*//*!*}*!*//*!*.status-notification .message {*!*//*!*    margin-bottom: 10px;*!*//*!*    font-size: 14px;*!*//*!*}*!*//*!*.status-notification .actions {*!*//*!*    display: flex;*!*//*!*    justify-content: flex-end;*!*//*!*}*!*//*!*.status-notification .actions button {*!*//*!*    padding: 6px 12px;*!*//*!*    background: rgba(255, 255, 255, .2);*!*//*!*    border: none;*!*//*!*    border-radius: 4px;*!*//*!*    color: white;*!*//*!*    cursor: pointer;*!*//*!*    font-size: 13px;*!*//*!*    transition: background .2s;*!*//*!*}*!*//*!*.status-notification .actions button:hover {*!*//*!*    background: rgba(255, 255, 255, .3);*!*//*!*}*!*//*!* Progress containers in notifications *!*//*!* Collapsed state - just show the toggle button *!*//*!***//*!***//*!*.new-term-toggle:disabled + .loader,*!*//*!*.loading .loader {*!*//*!*    width: 50px;*!*//*!*    aspect-ratio: 1;*!*//*!*    display: grid;*!*//*!*    border: 4px solid #0000;*!*//*!*    border-radius: 50%;*!*//*!*    border-right-color: var(--action-0);*!*//*!*    animation: l15 1s infinite linear;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::before,*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::before,*!*//*!*.loading .loader::after {*!*//*!*    content: "";*!*//*!*    grid-area: 1/1;*!*//*!*    margin: 2px;*!*//*!*    border: inherit;*!*//*!*    border-radius: 50%;*!*//*!*    animation: l15 2s infinite;*!*//*!*}*!*//*!*.new-term-toggle:disabled + .loader::after,*!*//*!*.loading .loader::after {*!*//*!*    margin: 8px;*!*//*!*    animation-duration: 3s;*!*//*!*}*!*//*!*@keyframes l15{*!*//*!*    100%{transform: rotate(1turn)}*!*//*!*}*!*//*!* High contrast mode support *!*//*!** TODO: Verify **!*//*!* Icon styling in form fields *!*//*!* Required field asterisk *!*//*!* Invalid field styling *!*//*!* Frontend Display *!*//*!* Set and Checkbox Field Display *!*//*!* Radio and Select Field Display *!*//*!* True/False Field Display *!*//*!* Group Field Styling *!*//*!* Responsive Design *!*/

 assets/js/admin/seo-admin.js

New file
@@ -0,0 +1,344 @@
/**
 * JVBase SEO Admin Interface
 *
 * Handles:
 * - Tab navigation
 * - Dynamic schema field loading
 * - Save/reset functionality
 * - Repeater field management
 */
(function($) {
    'use strict';

    const SEOAdmin = {
        config: window.jvbSeoConfig || {},

        init() {
            this.bindTabs();
            this.bindSchemaTypeChange();
            this.bindSaveButtons();
            this.bindResetButtons();
            this.bindRepeaterFields();
            this.bindImageSelectors();
        },

        /**
         * Tab navigation
         */
        bindTabs() {
            $('.jvb-seo-tabs .tab-btn').on('click', function() {
                const tab = $(this).data('tab');

                // Update active tab button
                $('.jvb-seo-tabs .tab-btn').removeClass('active');
                $(this).addClass('active');

                // Show corresponding content
                $('.tab-content').removeClass('active');
                $(`.tab-content[data-tab="${tab}"]`).addClass('active');
            });
        },

        /**
         * Dynamic schema field loading when type changes
         */
        bindSchemaTypeChange() {
            $(document).on('change', '.schema-type-select', async function() {
                const $select = $(this);
                const type = $select.val();
                const $fieldset = $select.closest('.jvb-seo-fieldset');
                const $schemaFields = $fieldset.find('.schema-fields');

                if (!type) {
                    $schemaFields.hide().empty();
                    return;
                }

                // Fetch fields for this schema type
                try {
                    const response = await fetch(
                        `${SEOAdmin.config.restUrl}schema-fields/${type}`,
                        {
                            headers: {
                                'X-WP-Nonce': SEOAdmin.config.nonce
                            }
                        }
                    );

                    const data = await response.json();

                    if (data.fields) {
                        SEOAdmin.renderSchemaFields($schemaFields, data.fields);
                        $schemaFields.show();
                    }
                } catch (error) {
                    console.error('Failed to load schema fields:', error);
                }
            });
        },

        /**
         * Render schema field mappings
         */
        renderSchemaFields($container, fields) {
            $container.empty();

            Object.entries(fields).forEach(([key, config]) => {
                const $field = $(`
                    <div class="form-field schema-field-mapping" data-field="${key}">
                        <label>${config.label || key}</label>
                        <input type="text" name="schema_fields[${key}]"
                               value="" class="regular-text template-field"
                               placeholder="{{field_name}}">
                        ${config.description ? `<span class="description">${config.description}</span>` : ''}
                    </div>
                `);
                $container.append($field);
            });
        },

        /**
         * Save button handlers
         */
        bindSaveButtons() {
            // Save site config
            $('#save-site-config').on('click', async function() {
                const $btn = $(this);
                $btn.prop('disabled', true).text('Saving...');

                const data = SEOAdmin.collectSiteFormData();

                try {
                    const response = await fetch(`${SEOAdmin.config.restUrl}site`, {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-WP-Nonce': SEOAdmin.config.nonce
                        },
                        body: JSON.stringify(data)
                    });

                    const result = await response.json();

                    if (result.success) {
                        SEOAdmin.showNotice('Settings saved successfully.', 'success');
                    } else {
                        SEOAdmin.showNotice(result.message || 'Failed to save.', 'error');
                    }
                } catch (error) {
                    SEOAdmin.showNotice('Network error. Please try again.', 'error');
                } finally {
                    $btn.prop('disabled', false).text('Save Site Settings');
                }
            });

            // Save content type config
            $(document).on('click', '.save-content-type', async function() {
                const $btn = $(this);
                const $container = $btn.closest('.jvb-seo-content-type');
                const type = $container.data('type');
                const objectType = $container.data('object-type');

                $btn.prop('disabled', true).text('Saving...');

                const data = SEOAdmin.collectContentTypeFormData($container);

                try {
                    const response = await fetch(
                        `${SEOAdmin.config.restUrl}content/${objectType}/${type}`,
                        {
                            method: 'POST',
                            headers: {
                                'Content-Type': 'application/json',
                                'X-WP-Nonce': SEOAdmin.config.nonce
                            },
                            body: JSON.stringify(data)
                        }
                    );

                    const result = await response.json();

                    if (result.success) {
                        SEOAdmin.showNotice('Settings saved.', 'success');
                    } else {
                        SEOAdmin.showNotice(result.message || 'Failed to save.', 'error');
                    }
                } catch (error) {
                    SEOAdmin.showNotice('Network error.', 'error');
                } finally {
                    $btn.prop('disabled', false).text('Save');
                }
            });
        },

        /**
         * Reset button handlers
         */
        bindResetButtons() {
            $(document).on('click', '.reset-to-defaults', async function() {
                if (!confirm('Reset to default settings? This cannot be undone.')) {
                    return;
                }

                const $btn = $(this);
                const $container = $btn.closest('.jvb-seo-content-type');
                const type = $container.data('type');
                const objectType = $container.data('object-type');

                $btn.prop('disabled', true).text('Resetting...');

                try {
                    const response = await fetch(
                        `${SEOAdmin.config.restUrl}content/${objectType}/${type}/reset`,
                        {
                            method: 'POST',
                            headers: {
                                'X-WP-Nonce': SEOAdmin.config.nonce
                            }
                        }
                    );

                    const result = await response.json();

                    if (result.success) {
                        // Reload page to show defaults
                        location.reload();
                    } else {
                        SEOAdmin.showNotice(result.message || 'Failed to reset.', 'error');
                    }
                } catch (error) {
                    SEOAdmin.showNotice('Network error.', 'error');
                } finally {
                    $btn.prop('disabled', false).text('Reset to Defaults');
                }
            });
        },

        /**
         * Repeater field management
         */
        bindRepeaterFields() {
            // Add row
            $(document).on('click', '.repeater-field .add-row', function() {
                const $repeater = $(this).closest('.repeater-field');
                const fieldName = $repeater.data('field');

                const $row = $(`
                    <div class="repeater-row">
                        <input type="url" name="${fieldName}[]" value="" class="regular-text">
                        <button type="button" class="button remove-row">×</button>
                    </div>
                `);

                $repeater.find('.add-row').before($row);
            });

            // Remove row
            $(document).on('click', '.repeater-field .remove-row', function() {
                $(this).closest('.repeater-row').remove();
            });
        },

        /**
         * WordPress Media Library image selector
         */
        bindImageSelectors() {
            $(document).on('click', '.select-image', function(e) {
                e.preventDefault();

                const $button = $(this);
                const $field = $button.siblings('input[type="hidden"]');
                const $preview = $button.siblings('.image-preview');

                const frame = wp.media({
                    title: 'Select Image',
                    button: { text: 'Use Image' },
                    multiple: false
                });

                frame.on('select', function() {
                    const attachment = frame.state().get('selection').first().toJSON();
                    $field.val(attachment.id);
                    $preview.html(`<img src="${attachment.sizes?.thumbnail?.url || attachment.url}" style="max-height:50px;">`);
                });

                frame.open();
            });
        },

        /**
         * Collect site form data
         */
        collectSiteFormData() {
            const $form = $('[data-tab="site"]');
            const data = {};

            // Single fields
            $form.find('input[name], textarea[name], select[name]').each(function() {
                const name = $(this).attr('name');
                if (!name.endsWith('[]')) {
                    data[name] = $(this).val();
                }
            });

            // Repeater fields (sameAs)
            $form.find('[name="organization_sameas[]"]').each(function() {
                if (!data.organization_sameas) {
                    data.organization_sameas = [];
                }
                const val = $(this).val();
                if (val) {
                    data.organization_sameas.push(val);
                }
            });

            return data;
        },

        /**
         * Collect content type form data
         */
        collectContentTypeFormData($container) {
            const data = {
                meta_title: $container.find('[name="meta_title"]').val(),
                meta_description: $container.find('[name="meta_description"]').val(),
                schema_type: $container.find('[name="schema_type"]').val(),
                schema_fields: {}
            };

            // Collect schema field mappings
            $container.find('[name^="schema_fields"]').each(function() {
                const match = $(this).attr('name').match(/schema_fields\[(\w+)\]/);
                if (match) {
                    data.schema_fields[match[1]] = $(this).val();
                }
            });

            return data;
        },

        /**
         * Show notice message
         */
        showNotice(message, type = 'info') {
            const $notice = $(`
                <div class="notice notice-${type} is-dismissible">
                    <p>${message}</p>
                </div>
            `);

            // Remove existing notices
            $('.jvb-seo-admin .notice').remove();

            // Add new notice
            $('.jvb-seo-admin').prepend($notice);

            // Auto-dismiss after 5 seconds
            setTimeout(() => $notice.fadeOut(), 5000);
        }
    };

    // Initialize when DOM is ready
    $(document).ready(() => SEOAdmin.init());

})(jQuery);

 assets/js/concise/A11yHelper.js

 assets/js/concise/AuthManager.js

New file
@@ -0,0 +1,290 @@
/**
 * AuthManager - Handles user authentication state
 *
 * Responsibilities:
 * - Fetch and cache authentication state from /auth/status
 * - Store auth data in sessionStorage to reduce API requests
 * - Invalidate cache when WordPress cookie changes
 * - Provide auth data through class properties
 * - Emit events for auth state changes
 */
class AuthManager {
    constructor() {
        this.initialized = false;
        this.isAuthenticating = false;
        this.authenticated = false;
        this.user = false;
        this.nonces = {};

        this.subscribers = new Set();
        this.storageKey = 'jvb_auth_state';
        this.cacheMetaKey = 'jvb_auth_meta';
        this.cacheExpiry = 5 * 60 * 1000; // 5 minutes

        this.init();
    }

    /**
     * Initialize authentication
     */
    async init() {
        if (this.isAuthenticating) {
            // Wait for existing auth to complete
            return new Promise(resolve => {
                const checkAuth = setInterval(() => {
                    if (this.initialized) {
                        clearInterval(checkAuth);
                        resolve();
                    }
                }, 50);
            });
        }

        this.isAuthenticating = true;

        try {
            // Check if we have cached auth and cookie hasn't changed
            const cached = this.getCachedAuth();
            if (cached) {
                this.setAuthData(cached);
                this.initialized = true;
                this.isAuthenticating = false;
                this.notify('auth-loaded', { fromCache: true });
                return;
            }

            // Fetch fresh auth data
            await this.fetchAuth();

        } catch (error) {
            console.error('Failed to initialize auth:', error);
            this.clearAuthData();
            this.initialized = true;
            this.isAuthenticating = false;
            this.notify('auth-error', { error });
        }
    }

    /**
     * Fetch authentication status from API
     */
    async fetchAuth() {
        const response = await fetch(`${jvbSettings.api}auth/status`, {
            method: 'GET',
            credentials: 'same-origin',
            headers: {
                'Content-Type': 'application/json'
            }
        });

        if (!response.ok) {
            throw new Error('Auth check failed');
        }

        const authData = await response.json();

        // Check if session changed (e.g., logout in another tab)
        const cachedMeta = sessionStorage.getItem(this.cacheMetaKey);
        if (cachedMeta) {
            const meta = JSON.parse(cachedMeta);
            if (meta.session_id && meta.session_id !== authData.session_id) {
                this.clearCachedAuth();
                this.notify('session-changed', {});
            }
        }

        this.cacheAuth(authData);
        this.setAuthData(authData);
        this.initialized = true;
        this.isAuthenticating = false;
        this.notify('auth-loaded', { fromCache: false });
    }

    /**
     * Set authentication data
     */
    setAuthData(authData) {
        this.authenticated = authData.authenticated || false;
        this.user = authData.user || false;
        this.nonces = authData.nonces || {};
    }

    /**
     * Clear authentication data
     */
    clearAuthData() {
        this.authenticated = false;
        this.user = null;
        this.nonces = {};

        sessionStorage.removeItem(this.storageKey);
        sessionStorage.removeItem(this.cacheMetaKey );
    }

    /**
     * Get cached auth data (only if cookie matches)
     */
    getCachedAuth() {
        try {
            const cachedAuth = sessionStorage.getItem(this.storageKey);
            const cacheMeta = sessionStorage.getItem(this.cacheMetaKey);

            if (!cachedAuth || !cacheMeta) {
                return null;
            }

            const meta = JSON.parse(cacheMeta);
            const authData = JSON.parse(cachedAuth);

            // Time-based expiry (nonce freshness)
            if (Date.now() - meta.timestamp > this.cacheExpiry) {
                this.clearCachedAuth();
                return null;
            }

            // Session changed (login/logout in another tab/window)
            // We'll verify this on next fetch and clear if mismatched

            return authData;

        } catch (error) {
            console.error('Error reading cached auth:', error);
            return null;
        }
    }

    /**
     * Cache auth data in sessionStorage
     */
    cacheAuth(authData) {
        try {
            sessionStorage.setItem(this.storageKey, JSON.stringify(authData));
            sessionStorage.setItem(this.cacheMetaKey, JSON.stringify({
                session_id: authData.session_id || null,
                timestamp: Date.now()
            }));
        } catch (error) {
            console.error('Error caching auth:', error);
        }
    }

    clearCachedAuth() {
        sessionStorage.removeItem(this.storageKey);
        sessionStorage.removeItem(this.cacheMetaKey);
    }

    /**
     * Refresh authentication (force new fetch)
     */
    async refresh() {
        this.isAuthenticating = true;
        this.initialized = false;

        try {
            await this.fetchAuth();
            this.notify('auth-refreshed', {});
        } catch (error) {
            console.error('Failed to refresh auth:', error);
            this.clearAuthData();
            this.initialized = true;
            this.isAuthenticating = false;
            this.notify('auth-error', { error });
        }
    }

    /**
     * Get nonce for a specific action
     */
    getNonce(action = 'wp_rest') {
        return this.nonces[action] || '';
    }

    getUser() {
        return this.user;
    }

    isAuthenticated() {
        return this.authenticated;
    }

    /**
     * Handle successful login (call after login completes)
     */
    async handleLogin(authData = null) {
        // Clear old cache
        sessionStorage.removeItem(this.storageKey);
        sessionStorage.removeItem(this.cacheMetaKey);

        // If auth data provided, use it directly
        if (authData) {
            this.cacheAuth(authData);
            this.setAuthData(authData);
            this.initialized = true;
            this.isAuthenticating = false;
            this.notify('auth-loaded', { fromCache: false, fromLogin: true });
            return;
        }

        // Otherwise fetch fresh (for backward compatibility)
        await this.refresh();
    }

    /**
     * Handle logout
     */
    handleLogout() {
        this.clearAuthData();
        this.notify('logged-out', {});
    }

    /**
     * Subscribe to auth events
     */
    subscribe(callback) {
        this.subscribers.add(callback);

        // If already initialized, immediately notify
        if (this.initialized) {
            callback('auth-loaded', {
                fromCache: false,
                immediate: true
            });
        }

        return () => this.subscribers.delete(callback);
    }

    /**
     * Notify subscribers of events
     */
    notify(event, data) {
        this.subscribers.forEach(callback => {
            try {
                callback(event, data);
            } catch (error) {
                console.error('Subscriber error:', error);
            }
        });
    }

    /**
     * Wait for auth to be ready
     */
    ready() {
        if (this.initialized) {
            return Promise.resolve();
        }

        return new Promise(resolve => {
            const unsubscribe = this.subscribe((event) => {
                if (event === 'auth-loaded' || event === 'auth-error') {
                    unsubscribe();
                    resolve();
                }
            });
        });
    }
}

// Initialize global instance
window.auth = new AuthManager();

 assets/js/concise/BioManager.js

File was renamed from assets/js/dash/BioManager.js
@@ -19,7 +19,7 @@
        if (data === null) {
            return;
        }
        data.user = jvbSettings.currentUser;
        data.user = window.auth.getUser();

        if (Object.hasOwn(data, 'term_name') && data['term_name'] === ''){
            delete data['term_name'];

 assets/js/concise/CRUD.js

File was renamed from assets/js/dash/CRUD.js
@@ -7,7 +7,7 @@
        this.config = config;
        this.content = config.content || false;
        this.settings = window.jvbUserSettings;

        this.a11y = window.jvbA11y;
        if (!this.content) {
            return;
        }
@@ -25,7 +25,7 @@
                keyPath: 'id',
                endpoint: 'content',
                headers: {
                    'action_nonce': jvbSettings.dash,
                    'action_nonce': window.auth.getNonce('dash'),
                },
                indexes: [
                    {name: 'id', keyPath: 'id'},
@@ -36,7 +36,7 @@
                ],
                filters: {
                    content: this.content,
                    user: jvbSettings.currentUser,
                    user: window.auth.getUser(),
                    page: 1,
                    status: 'all',
                    orderby: 'modified', //or title
@@ -92,7 +92,6 @@

        this.queue.subscribe((event, data) => {
            if (!Object.hasOwn(data, 'endpoint') || data.endpoint !== 'content') return;
            console.log('Queue Subscription in CRUD.js: ', data);
            if (event === 'operation-completed') {
                this.handleQueueSuccess(event, data);
            } else if (event === 'operation-failed-permanent') {
@@ -168,7 +167,7 @@
            }
        }

        if (window.isEmptyObject(theChanges)) {
        if (Object.keys(theChanges).length === 0) {
            return;
        }

@@ -181,7 +180,7 @@
    }

    savePosts(changes, title) {
        if (window.isEmptyObject(changes)) {
        if (Object.keys(changes).length === 0) {
            return;
        }

@@ -194,7 +193,7 @@
        let operation = {
            endpoint: 'content',
            headers: {
                'action_nonce': jvbSettings.dash,
                'action_nonce': window.auth.getNonce('dash'),
            },
            data: {
                posts: changes,
@@ -238,11 +237,12 @@
        this.isTimeline = !!document.querySelector('[data-timeline]');
    }
    init() {
        this.settings.addSetting(this.ui.uploader, 'open');
        this.ui.uploader.addEventListener('toggle', (e) =>{
            this.settings.saveSetting('open', this.ui.uploader.open ? 'on' : 'off');
        });

        if (this.ui.uploader){
            this.settings.addSetting(this.ui.uploader, 'open');
            this.ui.uploader.addEventListener('toggle', (e) =>{
                this.settings.saveSetting('open', this.ui.uploader.open ? 'on' : 'off');
            });
        }

        // Set up filter controls
        this.filterHandler = this.handleFilterChange.bind(this);
@@ -558,7 +558,7 @@
        this.viewController.clearSelection();


        if (!window.isEmptyObject(changes)) {
        if (Object.keys(changes).length !== 0) {
            this.savePosts(changes, `${title} ${this.viewController.selectedItems.size} ${this.plural}...`);
        }
    }
@@ -579,7 +579,7 @@
    }
    updateBulkOptions(status = 'all') {
        if (status === 'trash') {
            if (this.ui.bulkSelectActions.querySelector('[value="edit"]')) {
            if (this.ui.bulkSelectActions?.querySelector('[value="edit"]')) {
                window.removeChildren(this.ui.bulkSelectActions);
                let options = window.getTemplate('trashOptions');
                options.querySelectorAll('option').forEach((option, index) => {
@@ -590,7 +590,7 @@
                });
            }
        } else {
            if (!this.ui.bulkSelectActions.querySelector('[value="edit"]')) {
            if (this.ui.bulkSelectActions && !this.ui.bulkSelectActions.querySelector('[value="edit"]')) {
                window.removeChildren(this.ui.bulkSelectActions);

                let options = window.getTemplate('notTrashOptions');
@@ -599,7 +599,9 @@
                });
            }
        }
        this.ui.bulkSelectActions.value = '';
        if (this.ui.bulkSelectActions) {
            this.ui.bulkSelectActions.value = '';
        }
    }

    populateBulkEdit() {
@@ -685,12 +687,15 @@
}

// Initialize when ready
document.addEventListener('DOMContentLoaded', () => {
    let container = document.querySelector('[data-content]');
    if (container) {
        window.crudManager = new CRUDManager({
            content: container.dataset.content,
        });
    }

document.addEventListener('DOMContentLoaded', async function()  {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            let container = document.querySelector('[data-content]');
            if (container && !Object.hasOwn(container.dataset, 'ignore')) {
                window.crudManager = new CRUDManager({
                    content: container.dataset.content,
                });
            }
        }
    });
});

 assets/js/concise/ContentManager.js

File was renamed from assets/js/dash/ContentManager.js
@@ -142,7 +142,7 @@
        });

        const operation = {
            user: jvbSettings.currentUser,
            user: window.auth.getUser(),
            type: 'content_update',
            data: {
                posts: posts
@@ -342,7 +342,7 @@
            params.set('type', this.config.content);
            params.set('page', this.queue[status].page);
            params.set('filters', JSON.stringify(this.state.filters));
            params.set('user', jvbSettings.currentUser);
            params.set('user', window.auth.getUser());

            if (reset) {
                this.queue[status].page = 1;
@@ -360,12 +360,12 @@
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.dash,
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('dash'),
                    },
                },
                {
                    context: jvbSettings.currentUser+'-'+this.config.content,
                    context: window.auth.getUser()+'-'+this.config.content,
                    forceRefresh: false,
                }
            );
@@ -373,8 +373,8 @@
            //     method: 'GET',
            //     headers: {
            //         'Content-Type': 'application/json',
            //         'X-WP-Nonce': jvbSettings.nonce,
            //         'action_nonce': jvbSettings.dash,
            //         'X-WP-Nonce': window.auth.getNonce(),
            //         'action_nonce': window.auth.getNonce('dash'),
            //     }
            // });
            // const data = await response.json();
@@ -1057,7 +1057,7 @@
                    });
                    submit.taxonomies = taxonomies;
                    for(let [key, value] of Object.entries(submit)){
                        if(value === '' || window.isEmptyObject(value)){
                        if(value === '' || Object.keys(value).length === 0){
                            delete submit[key];
                        }
                    }

 assets/js/concise/CopyHours.js

 assets/js/concise/DataStore.js

@@ -110,7 +110,7 @@
            };

            store.config.headers = {
                'X-WP-Nonce': jvbSettings?.nonce,
                'X-WP-Nonce': window.auth.getNonce(),
                ...store.config.headers
            };

@@ -183,49 +183,6 @@
    }

    /**
     * Normalize data before saving - convert Sets/Maps automatically
     */
    normalizeForStorage(obj) {
        if (obj === null || obj === undefined) return obj;

        // Convert Set to Array
        if (obj instanceof Set) {
            return Array.from(obj);
        }

        // Convert Map to Object
        if (obj instanceof Map) {
            return Object.fromEntries(obj);
        }

        // Preserve ArrayBuffer and TypedArrays (needed for blob storage)
        if (obj instanceof ArrayBuffer || ArrayBuffer.isView(obj)) {
            return obj;
        }

        // Preserve Date objects
        if (obj instanceof Date) {
            return obj;
        }

        // Handle Arrays
        if (Array.isArray(obj)) {
            return obj.map(item => this.normalizeForStorage(item));
        }

        // Handle Objects
        if (typeof obj === 'object') {
            const normalized = {};
            for (const [key, value] of Object.entries(obj)) {
                normalized[key] = this.normalizeForStorage(value);
            }
            return normalized;
        }

        return obj;
    }

    /**
     * Convert FormData to plain object for storage
     */
    formDataToObject(formData) {
@@ -286,63 +243,6 @@
    }

    /**
     * Strip DOM references from object
     */
    stripDOMReferences(obj, visited = new WeakSet()) {
        if (obj === null || obj === undefined) return obj;

        const type = typeof obj;
        if (type === 'string' || type === 'number' || type === 'boolean') {
            return obj;
        }

        // Prevent circular references
        if (type === 'object' && visited.has(obj)) {
            return '[Circular]';
        }

        // Remove DOM elements
        if (obj instanceof HTMLElement ||
            obj instanceof NodeList ||
            obj instanceof HTMLCollection ||
            obj.nodeType !== undefined) {
            return null;
        }

        // ✅ PRESERVE ArrayBuffer and TypedArrays (needed for blob storage)
        if (obj instanceof ArrayBuffer ||
            ArrayBuffer.isView(obj)) {
            return obj;
        }

        // Handle Date
        if (obj instanceof Date) {
            return obj;
        }

        // Handle Arrays
        if (Array.isArray(obj)) {
            visited.add(obj);
            return obj.map(item => this.stripDOMReferences(item, visited)).filter(v => v !== null);
        }

        // Handle Objects
        if (type === 'object') {
            visited.add(obj);
            const cleaned = {};
            for (const [key, value] of Object.entries(obj)) {
                const cleanedValue = this.stripDOMReferences(value, visited);
                if (cleanedValue !== null) {
                    cleaned[key] = cleanedValue;
                }
            }
            return cleaned;
        }

        return obj;
    }

    /**
     * Initialize database for a specific store
     */
    async initDB(name) {
@@ -644,15 +544,37 @@
                signal: controller.signal
            });

            if (response.status === 304 && cached) {
            if (response.status === 304) {
                // 304 means "Not Modified" - use cached data if available
                if (cached) {
                    this.notify(name, 'data-loaded', {
                        cached: true,
                        notModified: true,
                        items: cached.items || []
                    });
                    return cached;
                }

                // No cached data but server says not modified - return empty result
                // This can happen on first load when cache headers exist but data doesn't
                this.notify(name, 'data-loaded', {
                    cached: true,
                    cached: false,
                    notModified: true,
                    items: cached.items || []
                    items: []
                });
                return cached;

                // Initialize empty lastResponse
                store.lastResponse = {
                    has_more: false,
                    total: 0,
                    pages: 1,
                    queue_stats: {}
                };

                return { items: [] };
            }

            // Now check for other non-OK responses
            if (!response.ok) {
                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
            }
@@ -662,7 +584,6 @@
            if (store.config.useHttpCaching) {
                this.storeResponseHeaders(name, cacheKey, response);
            }

            await this.processFetchedData(name, data, cacheKey);

            this.notify(name, 'data-loaded', {
@@ -711,8 +632,30 @@
        const store = this.stores.get(name);
        const items = data.items || [];

        for (const item of items) {
            await this.save(name, item);
        // Batch process all items in a single transaction
        if (store.db && items.length > 0) {
            const tx = store.db.transaction([store.config.storeName], 'readwrite');
            const objectStore = tx.objectStore(store.config.storeName);

            for (const item of items) {
                const result = this.processForStorage(item, store.config.validateData);
                if (result.valid) {
                    const key = this.getItemKey(result.data, store.config.keyPath);

                    // Store in memory
                    store.data.set(key, item);

                    // Queue for batch write
                    await objectStore.put(result.data);
                }
            }

            // Wait for transaction to complete
            await new Promise((resolve, reject) => {
                tx.oncomplete = () => resolve();
                tx.onerror = () => reject(tx.error);
            });

        }

        const cacheEntry = {
@@ -727,9 +670,11 @@
        await this.saveToCache(name, cacheKey, cacheEntry);

        store.lastResponse = {
            ...data,
            has_more: data.has_more || false,
            total: data.total || items.length,
            pages: data.pages || 1
            pages: data.pages || 1,
            queue_stats: data.queue_stats || {}
        };
    }

@@ -740,26 +685,11 @@
    async save(name, item) {
        const store = this.stores.get(name);

        // Auto-normalize Sets/Maps
        let processed = this.normalizeForStorage(item);

        if (processed.data instanceof FormData) {
            processed = {
                ...processed,
                data: this.formDataToObject(processed.data)
            };
        const result = this.processForStorage(item, store.config.validateData);
        if (!result.valid) {
            throw new Error(`Non-serializable data: ${result.error}`);
        }

        processed = this.stripDOMReferences(processed);

        // Validate data is serializable
        if (store.config.validateData) {
            const validation = this.validateSerializable(processed);
            if (!validation.valid) {
                console.error(`Cannot save non-serializable data to store "${name}":`, validation.error);
                throw new Error(`Non-serializable data: ${validation.error}`);
            }
        }
        const processed = result.data;

        const key = this.getItemKey(processed, store.config.keyPath);

@@ -777,102 +707,74 @@
        return key;
    }

    /**
     * Validate that data is IndexedDB-serializable
     * Rejects: DOM elements, FormData, Blobs, Functions, etc.
     */
    validateSerializable(obj, path = 'root') {
        // Primitives are fine
        if (obj === null || obj === undefined) {
            return { valid: true };
        }
    processForStorage(obj, validate = true, path = 'root') {
        if (obj === null || obj === undefined) return { valid: true, data: obj };

        const type = typeof obj;
        if (type === 'string' || type === 'number' || type === 'boolean') {
            return { valid: true };

        // Handle primitives
        if (['string', 'number', 'boolean'].includes(type)) {
            return { valid: true, data: obj };
        }

        // Functions cannot be serialized
        // Reject functions
        if (type === 'function') {
            return {
                valid: false,
                error: `Function at ${path}`
            };
            return validate ? { valid: false, error: `Function at ${path}` } : { valid: true, data: null };
        }

        // Date is serializable
        if (obj instanceof Date) {
            return { valid: true };
        // DOM elements
        if (obj instanceof HTMLElement || obj.nodeType !== undefined) {
            return validate ? { valid: false, error: `DOM element at ${path}` } : { valid: true, data: null };
        }

        if (obj instanceof ArrayBuffer || ArrayBuffer.isView(obj)) {
            return { valid: true };
        }

        // Reject DOM elements
        if (obj instanceof HTMLElement ||
            obj instanceof NodeList ||
            obj instanceof HTMLCollection ||
            (obj.nodeType !== undefined)) {
            return {
                valid: false,
                error: `DOM element at ${path}`
            };
        }

        // Reject FormData
        // FormData - convert and continue
        if (obj instanceof FormData) {
            return {
                valid: false,
                error: `FormData at ${path}. Convert to object first.`
            };
            return validate
                ? { valid: false, error: `FormData at ${path}` }
                : { valid: true, data: this.formDataToObject(obj) };
        }

        // Reject Blobs/Files
        if (obj instanceof Blob || obj instanceof File) {
            return {
                valid: false,
                error: `Blob/File at ${path}. Handle file uploads separately.`
            };
        // Preserve safe types
        if (obj instanceof Date || obj instanceof ArrayBuffer || ArrayBuffer.isView(obj)) {
            return { valid: true, data: obj };
        }

        // Convert Sets to Arrays
        if (obj instanceof Set) {
            const arr = Array.from(obj);
            return this.processForStorage(arr, validate, path);
        }

        // Convert Maps to Objects
        if (obj instanceof Map) {
            obj = Object.fromEntries(obj);
        }

        // Arrays
        if (Array.isArray(obj)) {
            const processed = [];
            for (let i = 0; i < obj.length; i++) {
                const result = this.validateSerializable(obj[i], `${path}[${i}]`);
                const result = this.processForStorage(obj[i], validate, `${path}[${i}]`);
                if (!result.valid) return result;
                if (result.data !== null) processed.push(result.data);
            }
            return { valid: true };
            return { valid: true, data: processed };
        }

        // Plain objects
        // Objects
        if (type === 'object') {
            // Check for Sets/Maps (IndexedDB doesn't support them)
            if (obj instanceof Set) {
                return {
                    valid: false,
                    error: `Set at ${path}. Convert to Array first: Array.from(set)`
                };
            }
            if (obj instanceof Map) {
                return {
                    valid: false,
                    error: `Map at ${path}. Convert to Object first: Object.fromEntries(map)`
                };
            }

            // Check all properties
            const processed = {};
            for (const [key, value] of Object.entries(obj)) {
                const result = this.validateSerializable(value, `${path}.${key}`);
                const result = this.processForStorage(value, validate, `${path}.${key}`);
                if (!result.valid) return result;
                if (result.data !== null) processed[key] = result.data;
            }
            return { valid: true };
            return { valid: true, data: processed };
        }

        return {
            valid: false,
            error: `Unknown type at ${path}: ${type}`
        };
        return validate
            ? { valid: false, error: `Unknown type at ${path}` }
            : { valid: true, data: null };
    }

    async delete(name, id) {
@@ -1094,7 +996,6 @@
                acc[key] = filters[key];
                return acc;
            }, {});

        return JSON.stringify(normalized);
    }

@@ -1144,6 +1045,10 @@
}

// Initialize singleton on DOMContentLoaded
document.addEventListener('DOMContentLoaded', function() {
    window.jvbStore = new DataStore();
document.addEventListener('DOMContentLoaded', async function() {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbStore = new DataStore();
        }
    });
});

 assets/js/concise/DataStoreOld.js

File was deleted

 assets/js/concise/ErrorHandler.js

File was renamed from assets/js/dash/ErrorHandler.js
@@ -144,37 +144,66 @@
        return defaultMessages[type] || defaultMessages.unknown;
    }

    /**
     * Log error to server
     */
    async logErrorToServer(type, message, context) {
        try {
            if (!this.options.apiUrl) return;
    /**
     * Log error to server with enhanced context
     */
    async logErrorToServer(type, message, context) {
        try {
            if (!this.options.apiUrl) return;

            const data = new FormData();
            data.append('error_type', type);
            data.append('message', message);
            data.append('context', JSON.stringify({
                ...context,
                url: window.location.href,
                userAgent: navigator.userAgent,
                timestamp: new Date().toISOString()
            }));
            // Enhanced context with component tracking
            const enhancedContext = {
                ...context,
                url: window.location.href,
                pathname: window.location.pathname,
                userAgent: navigator.userAgent,
                timestamp: new Date().toISOString(),
                viewport: `${window.innerWidth}x${window.innerHeight}`,
                component: context.component || this.extractComponentFromStack(context.stack),
                method: context.method || this.extractMethodFromStack(context.stack),
                stack: context.stack || (context.error?.stack),
                isLoggedIn: window.auth.isAuthenticated(),
                source: 'frontend'
            };

            // Use fetch with no-cors to ensure this always succeeds
            // even if there are CORS issues
            await fetch(`${this.options.apiUrl}errors/log`, {
                method: 'POST',
                headers: {
                    'X-WP-Nonce': window.feedSettings?.nonce || ''
                },
                body: data
            });
        } catch (e) {
            // Silently fail - we don't want errors in error reporting
            console.warn('Failed to log error to server', e);
        }
    }
            const data = new FormData();
            data.append('error_type', type);
            data.append('message', message);
            data.append('context', JSON.stringify(enhancedContext));

            await fetch(`${this.options.apiUrl}errors/log`, {
                method: 'POST',
                headers: {
                    'X-WP-Nonce': window.auth.getNonce()
                },
                body: data
            });
        } catch (e) {
            console.warn('Failed to log error to server', e);
        }
    }

    /**
     * Extract component name from error stack
     */
    extractComponentFromStack(stack) {
        if (!stack) return 'Unknown';

        // Try to extract class/component name from stack trace
        const match = stack.match(/at\s+(\w+)\./);
        return match ? match[1] : 'Unknown';
    }

    /**
     * Extract method name from error stack
     */
    extractMethodFromStack(stack) {
        if (!stack) return null;

        // Try to extract method name
        const match = stack.match(/at\s+\w+\.(\w+)\s+/);
        return match ? match[1] : null;
    }

    /**
     * Display error notification
@@ -213,8 +242,8 @@
     */
    handleAuthError() {
        // Redirect to login page if user isn't logged in
        if (window.feedSettings && window.feedSettings.loginUrl) {
            window.location.href = window.feedSettings.loginUrl;
        if (window.jvbSettings && window.jvbSettings.loginUrl) {
            window.location.href = window.jvbSettings.loginUrl;
            return;
        }

@@ -345,14 +374,19 @@
        });
    }
}
document.addEventListener('DOMContentLoaded', function () {
    window.jvbError = new ErrorHandler({
        api: jvbSettings.api,
        logToServer: true,
        displayNotifications: true,
        notificationDuration: 5000,
        retryEnabled: true,
        maxRetries: 3
document.addEventListener('DOMContentLoaded', async function () {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbError = new ErrorHandler({
                api: jvbSettings.api,
                logToServer: true,
                displayNotifications: true,
                notificationDuration: 5000,
                retryEnabled: true,
                maxRetries: 3
            });
        }
    });

});


 assets/js/concise/FavouritesManager.js

File was renamed from assets/js/dash/FavouritesManager.js
@@ -334,8 +334,8 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.favourites,
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('favourites'),
                    }
                },{
                    context: 'favouritesManager',
@@ -1022,8 +1022,8 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.favourites
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('favourites')
                    }
                },
                {
@@ -1186,8 +1186,8 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.favourites
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('favourites')
                    }
                },
                {
@@ -1600,8 +1600,8 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.favourites
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('favourites')
                    }
                },
                {

 assets/js/concise/FormController.js

@@ -8,6 +8,7 @@
            collectFormData: false,
            ... config
        }
        this.isRestoring = false;
        const store = window.jvbStore.register(
            'forms',
            {
@@ -57,17 +58,14 @@
            remove: 800,
            reorder: 1000
        };
        this.isTimeline = false;
        if (window.crudManager && window.crudManager.isTimeline) {
            this.isTimeline = true;
        }

        this.isTimeline = window.crudManager && window.crudManager.isTimeline;

        // Bind handlers
        this.clickHandler = this.handleClick.bind(this);
        this.changeHandler = this.handleChange.bind(this);
        this.submitHandler = this.handleSubmit.bind(this);
        this.inputHandler = this.handleInput.bind(this);
        this.focusHandler = this.handleFocus.bind(this);
        this.blurHandler = this.handleBlur.bind(this);
        //Processors
        this.processRepeaterField = this.processRepeaterField.bind(this);
@@ -127,35 +125,68 @@
        }
    }

    checkPendingForms() {
        // No async needed - data is already loaded in memory
        const allForms = this.store.getAll();
        const pendingForms = allForms.filter(form => form.status === 'draft');
    /**
     * Check for pending forms from current page
     */
    async checkPendingForms() {
        const allForms = await this.store.getAll();
        const currentPath = window.location.pathname;

        const pendingForms = allForms.filter(form => {
            if (form.status !== 'draft') return false;

            // Check if form is from current page
            const formPath = form.data?._wp_http_referer;
            return formPath === currentPath;
        });

        pendingForms.forEach(item => {
            const form = this.forms.get(item.formId);
            if (form?.element) {
                const restoreBtn = form.element.querySelector('.restore-form');
                if (restoreBtn) {
                    restoreBtn.hidden = false;
                }
                new this.populateForm(form.element, item.data);
            const formElement = this.findFormElement(item);
            if (!formElement) return;

            // Register form if not already registered
            let formConfig = this.forms.get(item.formId);
            if (!formElement.dataset.formId) {
                formConfig = this.registerForm(formElement);
            }

            // Set flag to prevent event handlers from firing
            this.isRestoring = true;
            // Auto-populate the form
            new this.populateForm(formElement, item.data);

            // Reset flag after a tick (gives DOM time to settle)
            setTimeout(() => {
                this.isRestoring = false;
            }, 0);

            // Show restore status
            this.showFormStatus(item.formId, 'restored');

            if (window.jvbA11y) {
                window.jvbA11y.announce('Your previous entry has been restored');
            }
        });
    }

    /**
     * Check for pending operations from previous session
     * Find form element that matches the cached data
     */
    async checkPendingOperations() {
        const pendingForms = await this.store.query('status', 'pending');
    findFormElement(formData) {
        // Try by form_id first (hidden field)
        if (formData.data?.form_id) {
            const form = document.querySelector(`[name="form_id"][value="${formData.data.form_id}"]`)?.closest('form');
            if (form) return form;
        }

        if (pendingForms.length === 0) return;
        // Try by form_type
        if (formData.data?.form_type) {
            const form = document.querySelector(`[name="form_type"][value="${formData.data.form_type}"]`)?.closest('form');
            if (form) return form;
        }

        // Group by form type or page
        const grouped = this.groupPendingForms(pendingForms);

        // Show consolidated notification
        this.showPendingNotification(grouped);
        // Fallback: try by formId (if it was already registered)
        return document.querySelector(`[data-form-id="${formData.formId}"]`);
    }

    /**
@@ -236,7 +267,6 @@
        if (!this.globalHandlersAdded) {
            document.addEventListener('click', this.clickHandler);
            document.addEventListener('change', this.changeHandler);
            document.addEventListener('focus', this.focusHandler, true);
            document.addEventListener('blur', this.blurHandler, true);
            document.addEventListener('input', this.inputHandler);
            this.globalHandlersAdded = true;
@@ -260,7 +290,7 @@
            options: {
                autosave: 'autosave' in formElement.dataset,
                saveDelay: this.autoSaveDefaults.delay,
                endpoint: formElement.dataset.save??'',
                endpoint: formElement.dataset.save ?? '',
                formStatus: true,
                cache: true,
                ...options
@@ -269,17 +299,14 @@
            data: this.collectFormData(formElement, true),
        };

        // Initialize special fields
        this.initializeFormFields(formElement, formConfig);

        // Store form config
        this.forms.set(formId, formConfig);

        // Check for pending data
        // Check for pending data - FIXED
        if (this.store && formConfig.options.cache) {
            const cached = this.store.get(formId);
            if (cached && cached.formData) {
                this.showPendingNotification(cached);
            if (cached && cached.data) {
                this.showPendingNotification(formId, cached.data);
            }
        }

@@ -296,6 +323,8 @@
        // Initialize repeater fields
        this.initRepeaterFields(form, formConfig);

        this.initTagListFields(form, formConfig);

        // Initialize conditional fields
        if (formConfig) {
            this.initConditionalFields(form, formConfig);
@@ -586,6 +615,231 @@
    }

    /**
     * Initialize tag list fields
     */
    initTagListFields(form, formConfig) {
        form.querySelectorAll('.field.tag-list').forEach(field => {
            const inputRow = field.querySelector('.tag-input-row');
            const addButton = field.querySelector('.add-tag-item');
            const tagsContainer = field.querySelector('.tag-items');
            const template = field.querySelector('.tag-template');
            const fieldName = field.dataset.field;
            const tagFormat = field.dataset.tagFormat || 'first_field';

            if (!inputRow || !addButton || !tagsContainer || !template) return;

            // Get all input fields in the input row (excluding the button)
            const getInputFields = () => {
                return Array.from(inputRow.querySelectorAll('input, select, textarea'))
                    .filter(input => !input.closest('button'));
            };

            // Add tag handler
            const addTag = () => {
                const inputs = getInputFields();
                const data = {};
                let hasValue = false;

                // Collect values from inputs
                inputs.forEach(input => {
                    const fieldName = input.name.replace('new_', '');
                    const value = this.getFieldValue(input);

                    if (value) hasValue = true;
                    data[fieldName] = value;
                });

                if (!hasValue) {
                    if (window.jvbA11y) {
                        window.jvbA11y.announce('Please fill in at least one field', 'error');
                    }
                    inputs[0].focus();
                    return;
                }

                // Validate required fields using data-required attribute
                const invalidField = inputs.find(input => {
                    const isRequired = ('required' in input.dataset && input.dataset.required === '1');
                    const value = this.getFieldValue(input);
                    return isRequired && !value;
                });

                if (invalidField) {
                    const fieldWrapper = invalidField.closest('.field');
                    const fieldLabel = fieldWrapper?.querySelector('label')?.textContent || 'This field';
                    this.showError(fieldWrapper, `${fieldLabel} is required.`);

                    invalidField.focus();
                    return;
                }

                for (let input of inputs) {
                    let wrapper = field.closest('.field');
                    if (!this.validateField(input, wrapper)){
                        input.focus();
                        return;
                    }
                }

                // Clone template and populate
                const index = tagsContainer.children.length;
                const newTag = template.content.cloneNode(true).firstElementChild;
                newTag.dataset.index = index;

                // Update tag label
                const tagLabel = newTag.querySelector('.tag-label');
                if (tagLabel) {
                    tagLabel.textContent = this.getTagDisplayText(data, tagFormat);
                }

                // Update hidden inputs
                newTag.querySelectorAll('input[type="hidden"]').forEach(input => {
                    const fieldKey = input.dataset.field;
                    input.name = `${fieldName}:${index}:${fieldKey}`;
                    input.value = data[fieldKey] || '';
                });

                tagsContainer.appendChild(newTag);

                // Clear inputs
                inputs.forEach(input => {
                    if (input.type === 'checkbox' || input.type === 'radio') {
                        input.checked = false;
                    } else {
                        input.value = '';
                    }
                    let field = input.closest('.field');
                    this.clearValidation(field);
                });

                // Focus first input
                if (inputs.length > 0) {
                    inputs[0].focus();
                }


                // Schedule save
                if (formConfig) {
                    this.scheduleSave(formConfig, {
                        type: 'tag_list',
                        action: 'add',
                        fieldName: fieldName,
                        delay: this.autoSaveDefaults.delay
                    });
                }

                if (window.jvbA11y) {
                    window.jvbA11y.announce('Item added');
                }
            };

            // Add button click
            addButton.addEventListener('click', addTag);

            // Enter key support on last input
            const inputs = getInputFields();
            if (inputs.length > 0) {
                // Tab through inputs, Enter on last one adds the tag
                inputs[inputs.length - 1].addEventListener('keypress', (e) => {
                    if (e.key === 'Enter') {
                        e.preventDefault();
                        addTag();
                    }
                });

                // Enter on other inputs moves to next field
                inputs.slice(0, -1).forEach((input, i) => {
                    input.addEventListener('keypress', (e) => {
                        if (e.key === 'Enter') {
                            e.preventDefault();
                            inputs[i + 1].focus();
                        }
                    });
                });
            }

            // Remove tag handler
            tagsContainer.addEventListener('click', (e) => {
                if (e.target.closest('.remove-tag')) {
                    const tag = e.target.closest('.tag-item');
                    const tagText = tag.querySelector('.tag-label')?.textContent || 'Item';

                    tag.remove();

                    // Reindex remaining tags
                    this.reindexTagList(tagsContainer, fieldName);

                    // Schedule save
                    if (formConfig) {
                        this.scheduleSave(formConfig, {
                            type: 'tag_list',
                            action: 'remove',
                            fieldName: fieldName,
                            delay: this.autoSaveDefaults.delay
                        });
                    }

                    if (window.jvbA11y) {
                        window.jvbA11y.announce(`${tagText} removed`);
                    }
                }
            });
        });
    }

    /**
     * Reindex tag list items
     */
    reindexTagList(container, baseFieldName) {
        Array.from(container.children).forEach((tag, index) => {
            tag.dataset.index = index;

            tag.querySelectorAll('input[type="hidden"]').forEach(input => {
                const fieldKey = input.dataset.field;
                input.name = `${baseFieldName}:${index}:${fieldKey}`;
            });
        });
    }

    /**
     * Get display text for tag based on format
     */
    getTagDisplayText(data, format) {
        const values = Object.values(data).filter(v => v);

        if (values.length === 0) return 'New Item';

        switch (format) {
            case 'first_field':
                return values[0];

            case 'all_fields':
                return values.join(', ');

            default:
                // Template format like "{name} ({email})"
                if (format.includes('{')) {
                    let text = format;
                    for (const [key, value] of Object.entries(data)) {
                        text = text.replace(`{${key}}`, value);
                    }
                    return text;
                }
                // Use specific field
                return data[format] || values[0];
        }
    }

    /**
     * HTML escape helper
     */
    escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }

    /**
     * Initialize conditional fields
     */
    initConditionalFields(form, formConfig) {
@@ -630,8 +884,8 @@
        const requiredStr = String(requiredValue || '');

        switch (operator) {
            case '==': return fieldStr == requiredStr;
            case '!=': return fieldStr != requiredStr;
            case '==': return fieldStr === requiredStr;
            case '!=': return fieldStr !== requiredStr;
            case '>': return parseFloat(fieldStr) > parseFloat(requiredStr);
            case '<': return parseFloat(fieldStr) < parseFloat(requiredStr);
            case '>=': return parseFloat(fieldStr) >= parseFloat(requiredStr);
@@ -639,7 +893,7 @@
            case 'contains': return fieldStr.includes(requiredStr);
            case 'empty': return fieldStr === '';
            case 'not_empty': return fieldStr !== '';
            default: return fieldStr == requiredStr;
            default: return fieldStr === requiredStr;
        }
    }

@@ -712,8 +966,8 @@

    async handleSubmit(event) {
        const form = event.target;
        if (!form.dataset.formId) return;

        if (!form.dataset.formId) return;
        const formConfig = this.forms.get(form.dataset.formId);

        // Handle subscriber-based forms
@@ -787,7 +1041,7 @@
            form.insertBefore(successBox, form.firstChild);
        }

        // ✅ DELETE CACHED FORM DATA ON SUCCESS
        //  DELETE CACHED FORM DATA ON SUCCESS
        if (form.dataset.formId) {
            this.store.delete(form.dataset.formId).catch(err => {
                console.warn('Failed to clear form cache:', err);
@@ -882,17 +1136,25 @@
            let container = window.targetCheck(e, 'div.quantity');
            this.handleNumberClick(e, container.querySelector('input'));
        } else if (window.targetCheck(e, '[data-action]')) {
            let action = window.targetCheck(e, '[data-action]');
            action = action.dataset.action;
            let actionEl = window.targetCheck(e, '[data-action]');
            let action = actionEl.dataset.action;
            let form = actionEl.closest('form');

            switch (action) {
                case 'clear-form':
                    let form = e.target.closest('form');
                    this.store.delete(form.dataset.formId);
                    form?.reset();
                    e.target.closest('.restore-form').hidden = true;
                    if (form?.dataset.formId) {
                        this.store.delete(form.dataset.formId);
                        form.reset();
                        // Hide the status message
                        form.querySelector('.fstatus').hidden = true;
                    }
                    if (window.jvbA11y) {
                        window.jvbA11y.announce('Form cleared, starting fresh');
                    }
                    break;

                case 'dismiss-restore':
                    e.target.closest('.restore-form').hidden = true;
                    form.querySelector('.fstatus').hidden = true;
                    break;
            }
        }
@@ -954,7 +1216,7 @@
    }

    handleChange(event) {
        if (event.target.closest('[data-ignore]')) {
        if (event.target.closest('[data-ignore]') || this.isRestoring) {
            return;
        }
        const target = event.target;
@@ -978,16 +1240,8 @@
        }
    }

    handleFocus(event) {
        const target = event.target;
        if (target.matches('input, textarea, select')) {
            // Track focus for better UX
            this.currentFocus = target;
        }
    }

    handleBlur(e) {
        if (e.target.closest('[data-ignore]')) {
        if (e.target.closest('[data-ignore]') || this.isRestoring) {
            return;
        }
        const target = e.target;
@@ -1023,7 +1277,7 @@
    }

    handleInput(e) {
        if (e.target.closest('[data-ignore]') || ! e.target.closest('form')) {
        if (e.target.closest('[data-ignore]') || ! e.target.closest('form') || this.isRestoring) {
            return;
        }
        const input = e.target.closest('input, textarea, select');
@@ -1043,7 +1297,7 @@
        if (this.shouldDebounce(input)){
            window.debouncer.schedule(
                `validate_${fieldName}`,
                (input, fieldWrapper) => this.validateField.bind(this),
                () => this.validateField.bind(this),
                500
            )
        }
@@ -1063,7 +1317,7 @@
            },
            url: {
                pattern: /^https?:\/\/.+\..+/,
                message: 'Please enter a valid URL starting with http:// or https://'
                message: 'Please enter a valid URL starting with https://'
            },
            phone: {
                pattern: /^[\d\s\-\+\(\)\.]+$/,
@@ -1191,23 +1445,7 @@
        return true;
    }

    /**
     * Get field value (handles different input types)
     */
    getFieldValue(input) {
        if (!input) return '';

        if (input.type === 'checkbox') {
            return input.checked ? input.value || '1' : '';
        } else if (input.type === 'radio') {
            const checked = input.form?.querySelector(`[name="${input.name}"]:checked`);
            return checked ? checked.value : '';
        } else if (input.type === 'select-multiple') {
            return Array.from(input.selectedOptions).map(o => o.value);
        }

        return input.value?.trim() || '';
    }

    /**
     * Show success state (green checkmark)
@@ -1550,9 +1788,8 @@
    }

    showFormStatus(formID, status, message='') {
        // Remove existing status
        let form = this.forms.get(formID);
        if (!form.options.formStatus) {
        if (!form?.options.formStatus) {
            return;
        }

@@ -1562,12 +1799,12 @@

        form.status = status;

        // Add new status
        const statusWrap = form.element.querySelector('.fstatus');
        statusWrap.hidden = false;
        const statusElement = statusWrap.querySelector('.message');
        statusElement.textContent = '';
        statusWrap.querySelector('.icon')?.remove();
        statusWrap.querySelector('.actions')?.remove(); // Clear old actions

        const messages = {
            'saving': 'Saving changes...',
@@ -1575,12 +1812,15 @@
            'uploading': 'Uploading your form to server',
            'submitted': 'Successfully sent to server',
            'pending': 'Unsaved changes',
            'restored': 'Welcome back! We\'ve restored your previous entry.',
            'error': 'Failed to save changes. Refresh and try again?',
            'offline': 'Changes will be saved when online'
        };

        const icons = {
            'autosaved': 'check-circle',
            'submitted': 'check-circle',
            'restored': 'history',
            'error': 'close-circle',
            'offline': 'cloud-slash',
            'pending': 'exclamation-mark'
@@ -1590,12 +1830,27 @@
        if (icon) {
            statusWrap.prepend(icon);
        }

        if (message === '') {
            message = messages[status] || status;
        }
        statusElement.textContent = message;
        statusWrap.classList.toggle('loading', ['uploading', 'saving'].includes(status));

        // Add action buttons for certain statuses
        if (status === 'restored') {
            const actions = document.createElement('div');
            actions.className = 'actions';
            actions.innerHTML = `
            <button type="button" class="button button-small" data-action="dismiss-restore">Got it</button>
            <button type="button" class="button button-small button-link" data-action="clear-form">Start over</button>
        `;
            statusWrap.appendChild(actions);

            // Auto-dismiss after 10 seconds
            setTimeout(() => statusWrap.hidden = true, 10000);
        }

        // Auto-hide success messages
        if (status === 'submitted') {
            setTimeout(() => statusWrap.hidden = true, 3000);
@@ -1640,7 +1895,7 @@
            const processor = this.getFieldProcessor(key);
            processor(key, value, data, repeaterData, postData, form);
        }
        if (!window.isEmptyObject(postData)) {
        if (Object.keys(postData).length !== 0) {
            data = this.mergeRepeaterData(data, repeaterData);
            return this.mergePostData(data, postData);
        }
@@ -1810,19 +2065,22 @@
        }
    }

    getFieldValue(field) {
        if (!field) return '';
    /**
     * Get field value (handles different input types)
     */
    getFieldValue(input) {
        if (!input) return '';

        if (field.type === 'checkbox') {
            return field.checked ? field.value || '1' : '';
        } else if (field.type === 'radio') {
            const checked = field.form.querySelector(`[name="${field.name}"]:checked`);
        if (input.type === 'checkbox') {
            return input.checked ? input.value || '1' : '';
        } else if (input.type === 'radio') {
            const checked = input.form?.querySelector(`[name="${input.name}"]:checked`);
            return checked ? checked.value : '';
        } else if (field.type === 'select-multiple') {
            return Array.from(field.selectedOptions).map(o => o.value);
        } else {
            return field.value;
        } else if (input.type === 'select-multiple') {
            return Array.from(input.selectedOptions).map(o => o.value);
        }

        return input.value?.trim() || '';
    }

    getChangedFields(original, current) {
@@ -1841,16 +2099,8 @@

        const form = formConfig.element || document.querySelector(`[data-form-id="${formId}"]`);
        const summary = window.getTemplate('formSummary');

        const [
            title,
            resultWrapper,
            resultTemplate
        ] = [
            summary.querySelector('h2'),
            summary.querySelector('.summary'),
            summary.querySelector('.result')
        ];
        if (!summary) return;
        const wrapper = summary.querySelector('.result');

        // Fields to skip in summary
        const skipFields = ['sendAll', ...this.ignore];
@@ -1864,23 +2114,26 @@

            // Get field info from form
            const fieldInfo = this.getFieldInfo(form, key);

            if (!fieldInfo.label) continue; // Skip if no label found

            // Create result element
            const resultEl = this.createResultElement(
                resultTemplate,
                fieldInfo,
                value,
                form
            );
            let field = wrapper.cloneNode(true);
            let title = field.querySelector('h3');
            let p = field.querySelector('p');

            if (resultEl) {
                resultWrapper.appendChild(resultEl);
            title.textContent = fieldInfo.label;
            let formatted = this.formatFieldValue(value, fieldInfo.type);
            if (this.isHtmlContent(formatted)) {
                p.innerHTML = formatted;
            } else {
                p.textContent = formatted;
            }

            summary.append(field);
        }

        // Remove template
        resultTemplate.remove();
        wrapper.remove();

        // Insert summary and hide form
        clear = (clear !== 'form') ? form.closest(clear)??form : form;
@@ -1912,8 +2165,8 @@
    getFieldInfo(form, fieldName) {
        // Try to find label by 'for' attribute (exact match)
        let label = form.querySelector(`label[for="${fieldName}"]`);
        let input = null;
        let fieldWrapper = null;
        let input = form.querySelector(`[name=${fieldName}]`);
        let fieldWrapper = input?.closest('.field');

        // Try to find the input field - check multiple patterns
        if (!input) {
@@ -1973,32 +2226,6 @@
    }

    /**
     * Create a result element for a field
     */
    createResultElement(template, fieldInfo, value, form) {
        const resultEl = template.cloneNode(true);
        const titleEl = resultEl.querySelector('h4');
        const valueEl = resultEl.querySelector('p');

        // Set label
        titleEl.textContent = fieldInfo.label;

        // Format value based on field type
        const formattedValue = this.formatFieldValue(value, fieldInfo.type, form);

        // Determine how to set the value
        if (this.isHtmlContent(formattedValue)) {
            // HTML content - use innerHTML
            valueEl.innerHTML = formattedValue;
        } else {
            // Plain text - use textContent for safety
            valueEl.textContent = formattedValue;
        }

        return resultEl;
    }

    /**
     * Check if content should be treated as HTML
     */
    isHtmlContent(content) {
@@ -2346,7 +2573,6 @@
        // Remove global handlers
        if (this.globalHandlersAdded) {
            document.removeEventListener('change', this.changeHandler);
            document.removeEventListener('focus', this.focusHandler, true);
            document.removeEventListener('blur', this.blurHandler, true);
            document.removeEventListener('input', this.inputHandler, true);
        }

 assets/js/concise/FrontendFavourites.js

@@ -13,7 +13,7 @@
                TTL: 6 * 60 * 1000,
                showLoading: false,
                filters: {
                    user: jvbSettings.currentUser,
                    user: window.auth.getUser(),
                    content: 'all',
                    order: 'desc',
                    orderby: 'date',
@@ -51,7 +51,7 @@
    }

    toggleFavourite(button) {
        if (!jvbSettings.currentUser) {
        if (!window.auth.getUser()) {
            window.location.href = jvbSettings.redirect + '&action=register&type=favourites';
            return;
        }
@@ -183,7 +183,7 @@
}
document.addEventListener('DOMContentLoaded', function() {
    window.jvbFavourites = false;
    if (jvbSettings.currentUser !== '') {
    if (window.auth.getUser() !== '') {
        window.jvbFavourites = new FrontendFavourites();
    }
});

 assets/js/concise/FrontendVotes.js

@@ -11,7 +11,7 @@
    }

    handleVote(button) {
        if (!jvbSettings.currentUser) {
        if (!window.auth.getUser()) {
            window.location.href = jvbSettings.redirect + '&action=register&type=vote';
            return;
        }
@@ -42,7 +42,7 @@
    }

    isFavourited(content, id){
        if(!jvbSettings.currentUser){
        if(!window.auth.getUser()){
            return false;
        }
        let item = this.store.getItem(id);
@@ -50,7 +50,7 @@
    }
}
window.jvbVotes = false;
if (jvbSettings.currentUser !== '') {
if (window.auth.getUser() !== '') {
    window.jvbVotes = new FrontendFavourites();
}


 assets/js/concise/Gallery.js

@@ -33,7 +33,7 @@
     *********************************************************************/
    initElements() {
        this.elements = {
            imageSelector: 'a.open-gallery',
            imageSelector: 'img[data-gallery]',
            gallery: {
                modal: 'dialog.gallery',
                wrap: '.wrap',
@@ -63,18 +63,17 @@
        });
    }
    buildGalleryItems(filtered = null) {
        let selector = filtered ? `[data-opens="${filtered}"]` : this.elements.imageSelector;
        let selector = filtered ? `[data-gallery="${filtered}"]` : this.elements.imageSelector;
        this.items = Array.from(document.querySelectorAll(selector))
            .map((img, index) => {
                let image = img.querySelector('img');

                return {
                    id: img.dataset.id||index,
                    small: image.dataset.small || img.src,
                    medium: image.dataset.medium || img.src,
                    full: image.dataset.full || img.src,
                    alt: image.alt || '',
                    element: image
                    srcset: img.srcset || img.src, // Clone the srcset from page
                    sizes: img.sizes || '100vw',
                    src: img.currentSrc || img.src, // Fallback
                    full: img.dataset.full || img.src,
                    alt: img.alt || '',
                    element: img
                };
            });
    }
@@ -95,9 +94,10 @@
        let target = window.targetCheck(e, this.elements.imageSelector);
        if (target && !this.modal.isOpen) {
            e.preventDefault();
            this.buildGalleryItems((Object.hasOwn(target.dataset, 'opens')) ? target.dataset.opens : null);
            this.buildGalleryItems(target.dataset.gallery || null);

            this.index = this.items.findIndex(item => item.element === target.querySelector('img'));
            // Target is now the img element itself
            this.index = this.items.findIndex(item => item.element === target);
            this.toggleGallery(true);
        } else if (this.modal.isOpen) {
            if (window.targetCheck(e, this.elements.gallery.nextButton)) {
@@ -140,6 +140,9 @@
    }

    onPointerDown(e) {
        // Always prevent default to stop browser's native image drag
        e.preventDefault();

        this.swipe.startX = e.clientX;
        this.swipe.startY = e.clientY;
        this.ui.gallery.image.setPointerCapture(e.pointerId);
@@ -177,6 +180,8 @@
            this.zoom.panning = true;
            this.zoom.startX = e.clientX - this.zoom.x;
            this.zoom.startY = e.clientY - this.zoom.y;
            // Change cursor to grabbing
            this.ui.gallery.image.style.cursor = 'grabbing';
        }
    }

@@ -217,6 +222,7 @@
            this.pinchStartDist = 0;
        }

        // Only check for swipe if we weren't panning and no more active pointers
        if (!this.zoom.panning && this.activePointers.size === 0) {
            // End of tap or swipe - detect swipe
            this.swipe.endX = e.clientX;
@@ -233,8 +239,13 @@
                    this.nextElement();
                }
            }
        }

        // Reset panning state when all pointers are released
        if (this.activePointers.size === 0) {
            this.zoom.panning = false;
            // Reset cursor based on zoom state
            this.ui.gallery.image.style.cursor = this.zoom.scale > 1 ? 'grab' : 'default';
        }
    }

@@ -321,6 +332,8 @@
        // this.clampPan();
        const img = this.ui.gallery.image;
        img.style.transform = `translate(${this.zoom.x}px, ${this.zoom.y}px) scale(${this.zoom.scale})`;
        // Update cursor based on zoom level
        img.style.cursor = this.zoom.scale > 1 ? 'grab' : 'default';
    }
    resetZoom() {
        this.zoom.scale = 1;
@@ -348,6 +361,10 @@
     */
    toggleGallery(open, index= null) {
        if (open) {
            // Disable native image dragging
            this.ui.gallery.image.draggable = false;
            this.ui.gallery.image.style.userSelect = 'none';

            this.ui.gallery.image.addEventListener("pointerdown", this.pointerDownHandler);
            this.ui.gallery.image.addEventListener("pointermove", this.pointerMoveHandler);
            this.ui.gallery.image.addEventListener("pointerup", this.pointerUpHandler);
@@ -406,8 +423,30 @@
    updateDisplay() {
        const item = this.items[this.index];
        if (!item) return;
        this.ui.gallery.image.src = item.full;
        this.ui.gallery.image.alt = item.alt;

        const galleryImg = this.ui.gallery.image;

        // Set srcset first - browser uses cached version instantly (no wait)
        if (item.srcset) {
            galleryImg.srcset = item.srcset;
            galleryImg.sizes = item.sizes;
        }
        galleryImg.src = item.src; // Fallback
        galleryImg.alt = item.alt;

        // ALWAYS load full resolution for zoom quality
        if (item.full && item.full !== item.src) {
            const fullImg = new Image();
            fullImg.onload = () => {
                if (this.items[this.index] === item) {
                    galleryImg.src = item.full;
                    galleryImg.removeAttribute('srcset'); // Switch to full res directly
                    galleryImg.removeAttribute('sizes');
                }
            };
            fullImg.src = item.full;
        }

        this.ui.gallery.counter.textContent = `${this.index + 1} / ${this.items.length}`;

        this.ui.gallery.prevButton.disabled = this.items.length <= 1;

 assets/js/concise/GoogleMaps.js

 assets/js/concise/Integrations.js

File was renamed from assets/js/dash/Integrations.js
@@ -163,7 +163,6 @@
            return;
        }

        console.log('Clicked!');
        if (e.target.tagName === 'BUTTON' || e.target.closest('button')) {
            e.preventDefault();
            let target = e.target.tagName === 'BUTTON' ? e.target : e.target.closest('button');
@@ -299,7 +298,7 @@
            const data = {
                service: service,
                action: action,
                user_id: jvbSettings.currentUser,
                user_id: window.auth.getUser(),
                data: {}
            };
            if (!isButton) {
@@ -315,15 +314,13 @@
                }
            }

            console.log('Sending Data:', data);

            // Make API request
            const response = await fetch(
                jvbSettings.api + 'integrations', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-WP-Nonce': jvbSettings.nonce
                    'X-WP-Nonce': window.auth.getNonce()
                },
                body: JSON.stringify(data)
            });
@@ -340,7 +337,6 @@
                        this.showNotification('Settings saved successfully', 'success');
                        break;
                }
                console.log(result);
                this.updateUI(form, status);

                if (result.reload) {
@@ -349,7 +345,6 @@
                    }, 50);
                }
            } else {
                console.log (result);
                this.updateUI(form, 'error', result.message??'');
                this.showNotification(result.message || 'Operation failed', 'error');
            }
@@ -366,7 +361,6 @@
    {
        let allowed = ['connected', 'disconnected', 'hasChanges', 'syncing', 'error'];
        if (!allowed.includes(state)) {
            console.log('Invalid state: ', state);
            return;
        }
        let defaults = {
@@ -391,9 +385,7 @@

        form.classList.remove(...allowed);
        form.classList.add(state, 'flash');
        console.log(form);
        let status = form.querySelector('.setup .text');
        console.log(status);
        status.textContent = message;
        // Enable/disable buttons
        if (state === 'syncing') {
@@ -415,7 +407,6 @@
    // Add popup indicator to URL
    url += (url.indexOf('?') > -1 ? '&' : '?') + 'popup=1';

    console.log('Opening OAuth popup for', service, 'with URL:', url);

    const popup = window.open(
        url,
@@ -430,8 +421,6 @@

    // Set up listener for OAuth completion
    window.jvbOAuthComplete = function(completedService, success, message) {
        console.log('OAuth complete:', completedService, success, message);

        if (completedService === service) {
            if (success) {
                // Show success message
@@ -459,7 +448,6 @@
        try {
            if (popup.closed) {
                clearInterval(checkPopup);
                console.log('OAuth popup closed');
                // Refresh anyway in case auth completed
                setTimeout(() => {
                    jvbRefreshIntegration(service);
@@ -475,14 +463,13 @@

// Refresh integration display
window.jvbRefreshIntegration = function(service) {
    console.log('Refreshing integration:', service);

    // Use your REST API to check connection status
    fetch(jvbSettings.api + 'integrations', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-WP-Nonce': jvbSettings.nonce
            'X-WP-Nonce': window.auth.getNonce()
        },
        body: JSON.stringify({
            service: service,
@@ -521,5 +508,11 @@
            location.reload();
        });
};
document.addEventListener('DOMContentLoaded', async function() {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.integrations = new IntegrationsManager();
        }
    });
});

window.integrations = new IntegrationsManager();

 assets/js/concise/JVBase.js

File was deleted

 assets/js/concise/Loader.js

 assets/js/concise/Media.js

File was deleted

 assets/js/concise/Modal.js

 assets/js/concise/NewsManager.js

File was renamed from assets/js/dash/NewsManager.js
@@ -17,7 +17,7 @@
                console.log('switching to mine tab');
                this.activeTab = 'own';
                this.resetFilters();
                this.filters.artist = jvbSettings.currentUser;
                this.filters.artist = window.auth.getUser();
                this.loadItems(true).then(()=>{});
            },
            'watching': () => {
@@ -181,7 +181,7 @@
    async saveModal(form){
        const formData = new FormData(this.addModal.modal.querySelector('form'));

        formData.append('user', jvbSettings.currentUser);
        formData.append('user', window.auth.getUser());
        this.queue.addToQueue({
            type: 'new_news',
            data: formData,
@@ -212,8 +212,8 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.dash,
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('dash'),
                    }
                },{
                    context: 'news',
@@ -447,7 +447,7 @@
        const modal = this.replyModal.modal;

        let data = {
            user: jvbSettings.currentUser,
            user: window.auth.getUser(),
            item_id: modal.dataset.id,
            response: modal.querySelector('.ql-editor').innerHTML,
            content: modal.dataset.type,

 assets/js/concise/NotificationManager.js

File was renamed from assets/js/dash/NotificationManager.js
@@ -86,7 +86,7 @@
                {
                    method: 'GET',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': jvbAdmin.nonce,
                    }
                },{
@@ -136,7 +136,7 @@
            }
        }
        temp.context = 'admin';
        temp.user = jvbSettings.currentUser;
        temp.user = window.auth.getUser();

        return new URLSearchParams(temp);
    }

 assets/js/concise/Notifications.js

File was renamed from assets/js/Notifications.js
@@ -82,7 +82,7 @@
            this.isLoading = true;

            const params = new URLSearchParams({
                user: jvbSettings.currentUser,
                user: window.auth.getUser(),
                status: 'unread',
                limit: 5,
            });
@@ -92,8 +92,8 @@
                {
                    method: 'GET',
                    headers: {
                    'X-WP-Nonce': jvbSettings.nonce,
                    'action_nonce': jvbSettings.notifications
                    'X-WP-Nonce': window.auth.getNonce(),
                    'action_nonce': window.auth.getNonce('notifications')
                    }
                }, {
                    context: 'notifications',
@@ -101,8 +101,6 @@
                }
            );

            console.log(data);

            this.renderPreviewNotifications(data.notifications);
            this.updateUnreadCount(data.total);
            this.notificationsLoaded = true;
@@ -279,12 +277,12 @@
                `${jvbSettings.api}notifications`, {
                    method: 'POST',
                    headers: {
                        'X-WP-Nonce': jvbSettings.nonce,
                        'action_nonce': jvbSettings.dash,
                        'X-WP-Nonce': window.auth.getNonce(),
                        'action_nonce': window.auth.getNonce('dash'),
                    },
                    body: {
                        notification: notificationId,
                        user: jvbSettings.currentUser,
                        user: window.auth.getUser(),
                    }
                }
            );
@@ -335,13 +333,13 @@
    async checkNotifications() {
        try {
            const params = new URLSearchParams({
                user: jvbSettings.currentUser,
                user: window.auth.getUser(),
                status: 'unread',
            });
            const response = await fetch(`${jvbSettings.api}notifications?${params.toString()}`, {
                headers: {
                    'X-WP-Nonce': jvbSettings.nonce,
                    'action_nonce': jvbSettings.dash,
                    'X-WP-Nonce': window.auth.getNonce(),
                    'action_nonce': window.auth.getNonce('dash'),
                    'If-Modified-Since': this.lastCheck,
                }
            });
@@ -366,12 +364,16 @@
}

// Initialize when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
    window.jvbNotifications = new NotificationManager({
        position: 'bottom-right',
        maxVisibleNotifications: 5,
        displayDuration: 5000
    });
document.addEventListener('DOMContentLoaded', async function(){
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbNotifications = new NotificationManager({
                position: 'bottom-right',
                maxVisibleNotifications: 5,
                displayDuration: 5000
            });
        }
    });
});

function handleNotificationAction(button) {

 assets/js/concise/PostSelector.js

File was renamed from assets/js/dash/PostSelector.js
@@ -56,7 +56,7 @@
//              method: 'GET',
//              headers: {
//                  'Content-Type': 'application/json',
//                  'X-WP-Nonce': jvbSettings.nonce
//                  'X-WP-Nonce': window.auth.getNonce()
//              }
//          }, {
//              content: `posts_${this.selector.currentConfig.postType}`,

 assets/js/concise/Queue.js

@@ -14,11 +14,35 @@
            endpoint: 'queue',
            ...config
        };
        this.user = jvbSettings.currentUser;

        // Queue state
        this.isProcessing = false;
        this.isPolling = false;
        this.subscribers = new Set();

        // Status definitions
        this.statuses = [
            'queued',
            'localProcessing',
            'uploading',
            'pending',
            'processing',
            'completed',
            'failed',
            'failed_permanent'
        ];

        this.user = window.auth.getUser();

        if (!this.user) {
            console.log('Queue: User not logged in, queue disabled');
            this.store = null;
            this.canUpdateUI = false;
            return;
        }

        this.headers = {
            'X-WP-Nonce': jvbSettings.nonce,
            'X-WP-Nonce': window.auth.getNonce(),
            ...config.headers
        };

@@ -46,22 +70,7 @@
            'pending'
        ];

        // Queue state
        this.isProcessing = false;
        this.isPolling = false;
        this.subscribers = new Set();

        // Status definitions
        this.statuses = [
            'queued',
            'localProcessing',
            'uploading',
            'pending',
            'processing',
            'completed',
            'failed',
            'failed_permanent'
        ];

        // Initialize
        this.initUI();
@@ -73,13 +82,8 @@
                name: 'Queue Panel',
            });
        }

        this.updateUI = () => window.debouncer.schedule('queue-ui-update', this._updateUI.bind(this), 100);
        this.initQueue();

        if (this.user) {
            this.ui.toggle.hidden = false;
            this.ui.panel.hidden = false;
        }
    }

    async initQueue() {
@@ -214,15 +218,16 @@

    }


    setQueue(item) {
        this.store.save(item);  // Remove first parameter
        this.store.save(item);
    }

    updateOperationStatus(itemID, status) {
        let item = this.store.get(itemID);
        if (!item){
            return;
        }
        if (!item) return;

        // Update status
        item.status = status;

        this.notify('operation-status', item);
@@ -234,6 +239,7 @@
    }

    clearQueue(itemID) {
        const item = this.store.get(itemID);
        this.store.delete(itemID);
    }

@@ -274,6 +280,15 @@
        }
    }

    hideQueue(){
        this.ui.panel.hidden = true;
        this.ui.toggle.hidden = true;
    }
    showQueue() {
        this.ui.panel.hidden = false;
        this.ui.toggle.hidden = false;
    }

    setProcessing(on) {
        this.isProcessing = on;
        this.ui.toggle.classList.toggle('saving', on);
@@ -303,6 +318,9 @@
        const pending = this.getOperationsByStatus(['queued', 'completed', 'failed_permanent'], false);
        if (pending.length > 0) {
            this.startPolling();
            this.showQueue();
        } else {
            this.hideQueue();
        }
    }

@@ -348,7 +366,7 @@
                    if (existingOp) {
                        // Merge data from both operations
                        existingOp.data = window.deepMerge(existingOp.data, operation.data);
                        existingOp.status = 'pending';
                        existingOp.status = result.status || 'pending';
                        existingOp.serverData = result;
                        this.updateOperationStatus(existingOp.id, existingOp.status);
                        // Update the existing operation
@@ -363,16 +381,16 @@
                        // Update the ID and continue
                        this.clearQueue(operation.id);
                        operation.id = result.id;
                        operation.status = 'pending';
                        operation.status = result.status || 'pending';
                        operation.serverData = result;
                        this.updateOperationStatus(operation.id, operation.status);
                        this.setQueue(operation);
                    }
                } else {
                    // Normal processing - no merge
                    operation.status = 'pending';
                    operation.status = result.status || 'pending';
                    operation.serverData = result;
                    this.updateOperationStatus(operation.id, 'pending');
                    this.updateOperationStatus(operation.id, operation.status);
                    this.setQueue(operation);
                }

@@ -445,41 +463,29 @@
     * @returns {Promise<void>}
     */
    async updateServerOperations(ids, action) {
        //ensure ids are in an array
        ids = Array.isArray(ids) ? ids : ((ids.includes(',')) ? ids.split(',') : [ids]);
        ids = ids.filter((id) => {
        ids = Array.isArray(ids) ? ids : (ids.includes(',') ? ids.split(',') : [ids]);
        ids = ids.filter(id => {
            let item = this.getQueue(id);
            return this.getAllowedActions(item.status).includes(action);
        });

        if (ids.length === 0) {
            return;
        }
        if (ids.length === 0) return;

        if (['cancel', 'dismiss'].includes(action)) {
            ids.forEach(id => {
                this.removeOperationFromUI(id);
            });
        // SINGLE place to handle UI removal
        const shouldRemove = ['cancel', 'dismiss'].includes(action);
        if (shouldRemove) {
            ids.forEach(id => this.removeOperationFromUI(id));
        }

        try {
            const url = `${this.config.apiBase}${this.config.endpoint}`;

            const response = await fetch(
                url,
                {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        ...this.headers
                    },
                    body: JSON.stringify({ids,action, user: jvbSettings.currentUser})
                }
            );
            const response = await fetch(`${this.config.apiBase}${this.config.endpoint}`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json', ...this.headers },
                body: JSON.stringify({ ids, action, user: window.auth.getUser() })
            });

            if (!response.ok) {
                const errorData = await response.json().catch(()=>{});
                throw new Error(errorData.message || `${action} failed: ${response.status}`);
                throw new Error(`${action} failed: ${response.status}`);
            }

            const result = await response.json();
@@ -487,41 +493,40 @@
                throw new Error(result.message || `${action} operation failed`);
            }

            if (['cancel', 'dismiss'].includes(action)) {
                ids.forEach(id => {
                    let item = this.getQueue(id);
                    this.notify(`${action}-operation`, item);
                    this.clearQueue(id);
                });
            } else {
                ids.forEach(id => {
                    let item = this.getQueue(id);
                    this.notify(`${action}-operation`, item);
            // SINGLE place to handle store updates
            ids.forEach(id => {
                let item = this.getQueue(id);
                this.notify(`${action}-operation`, item);

                if (shouldRemove) {
                    this.clearQueue(id);
                } else {
                    item.status = 'queued';
                    item.retries = 0;
                    this.setQueue(item);
                    this.updateOperationStatus(item.id, item.status);
                });
                }
            });

            if (action === 'retry') {
                this.startActivityTracking();
            }
            this.updateUI();

            this.updateUI();
            return result;

        } catch (error) {
            const result = await window.jvbError.log(error, {
            // Log and let jvbError handle retry
            await window.jvbError.log(error, {
                component: 'QueueManager',
                operation: 'performQueueAction',
                action: action,
                operationIds: ids,
                itemCount: ids.length
            }, () => this.updateServerOperations(ids, action)); // Retry callback
            }, () => this.updateServerOperations(ids, action));

            if (result.retried) {
                return result; // Return successful retry result
            } else {
                throw error; // Re-throw if not retried
            }
            // Don't re-throw - error is logged and handled
            return { success: false, error: error.message };
        }
    }

@@ -544,10 +549,8 @@
    *********************************************/
    initListeners() {
        this.clickHandler = this.handleClick.bind(this);
        this.changeHandler = this.handleChange.bind(this);

        document.addEventListener('click', this.clickHandler);
        this.ui.panel?.addEventListener('change', this.changeHandler);

        this.handleOnline = () => {
            this.updateStatusPanel();
@@ -601,9 +604,6 @@

    }

    handleChange(e) {
    }

    /*********************************************
    UI
     *********************************************/
@@ -637,33 +637,13 @@
            }
        };

        this.ui = {
            panel: document.querySelector(this.selectors.panel),
            toggle: document.querySelector(this.selectors.toggle),
            count: document.querySelector(this.selectors.count),
            indicator: document.querySelector(this.selectors.indicator),
        };
        this.ui = window.uiFromSelectors(this.selectors);
        if (!this.ui.panel) {
            this.canUpdateUI = false;
            return;
        }

        for (let [key, selector] of Object.entries(this.selectors)) {
            if (['panel', 'toggle', 'count', 'indicator'].includes(key)) {
                continue;
            }
            if (typeof selector === 'object') {
                this.ui[key] = {};
                for (let [k, s] of Object.entries(selector)) {
                    this.ui[key][k] = this.ui.panel.querySelector(s);
                }
            }else {
                this.ui[key] = this.ui.panel.querySelector(selector);
            }
        }
    }

    updateUI() {
    _updateUI() {
        if (!this.canUpdateUI) {
            return;
        }
@@ -905,25 +885,6 @@
        }
    }

    updateCountdown() {
        if (!this.ui.countdown || !this.isPolling) return;

        let seconds = this.config.pollInterval / 1000;

        this.countdownTimer = setInterval(() => {
            seconds--;

            this.ui.countdown.textContent = seconds;

            if (seconds <= 0) {
                clearInterval(this.countdownTimer);
                if (this.isPolling) {
                    setTimeout(() => this.updateCountdown(), 100);
                }
            }
        }, 1000);
    }

    updateStatusPanel(status) {
        this.ui.panel?.classList.remove(...this.classes);
        if (!this.classes.includes(status)) {
@@ -951,23 +912,6 @@
    }

    /**************************************************************************
     NOTIFICATIONS
    **************************************************************************/
    showPopup(message, type = 'success') {
        if (!this.ui.popup) return;

        const span = this.ui.popup.querySelector('span');
        if (span) {
            span.textContent = message;
        }

        this.ui.popup.className = `popup ${type} show`;

        setTimeout(() => {
            this.ui.popup.classList.remove('show');
        }, 3000);
    }
    /**************************************************************************
     HELPERS
    **************************************************************************/
    getOperationsByStatus(status, include = true) {
@@ -983,6 +927,9 @@
        return this.getOperationsByStatus('queued').length > 0;
    }
    subscribe(callback) {
        if (!this.subscribers) {
            return;
        }
        this.subscribers.add(callback);
        return () => this.subscribers.delete(callback);
    }
@@ -1010,6 +957,10 @@
    }
}

document.addEventListener('DOMContentLoaded', function() {
    window.jvbQueue = new QueueManager();
document.addEventListener('DOMContentLoaded', async function() {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbQueue = new QueueManager();
        }
    });
});

 assets/js/concise/Referral.js

@@ -5,7 +5,7 @@

class Referral {
    constructor() {
        this.container = document.querySelector('.jvb-referral');
        this.container = document.querySelector('aside.referral');
        if (!this.container) {
            return;
        }
@@ -13,15 +13,12 @@
        this.a11y = window.jvbA11y;
        this.toggle = document.querySelector('button[data-action="toggle-referral"]');

        this.hasCopy = navigator.clipboard && navigator.clipboard.writeText;
        this.initElements();
        this.storesInited = false;
        this.initStore();
        this.initListeners();
        this.checkForReferral();

        // Load additional data for logged-in users
        if (this.isLoggedIn()) {
            this.loadStats();
            this.loadRecentReferrals();
        }
    }

    initElements() {
@@ -29,6 +26,17 @@
            copyBtn: '.copy-btn',
            checkCode: '.check-code-btn',
            submit: '[type=submit]',
            recentList: '.recent-referrals-list',
            invite: 'form.invite',
            adminList: '.items-list.referral',
            dash: '.replace .referral-dashboard',
            stats: {
                codeUsed: '[data-stat="code_used"]',
                consultations: '[data-stat="consultations"]',
                treatments: '[data-stat="treatments"]',
                rewards: '[data-stat="total_rewards"]'
            },
            list: '.referrals-list'
        };

        this.forms = this.container.querySelectorAll('form');
@@ -45,11 +53,120 @@
        });

        this.tabs = null;

        if (this.container.querySelector('nav.tabs')) {
            this.tabs = new window.jvbTabs(this.container, {updateURL: false});
        }

        this.ui = window.uiFromSelectors(this.selectors, this.container);

        this.ui = window.uiFromSelectors(this.selectors);

        this.dashTabs = null;
        if (this.ui.dash) {
            this.dashTabs = new window.jvbTabs(this.ui.dash);
        }

        if (!this.hasCopy) {
            document.querySelectorAll(this.selectors.copyBtn).forEach(btn => {
                btn.remove();
            });
        }
        this.formController = null;

        if (this.ui.invite) {
            this.formController = new window.jvbForm();
            this.formController.registerForm(
                this.ui.invite,
                {
                    autosave: true,
                    endpoint: 'referrals',
                    formStatus: false,
                }
            );

            this.formController.subscribe((event, data) => {
                if (event === 'form-submit') {
                    data = data.fullData;
                    data.action = 'invite';
                    window.jvbQueue.addToQueue(
                        {
                            endpoint: 'referrals',
                            data: data,
                            title: 'Submitting invitations',
                        }
                    );
                }
            });
        }
    }

    initStore() {
        if (!this.isLoggedIn()) return;

        const stores = window.jvbStore.register(
            'referrals',
            [
                // Dashboard stats store
                {
                    storeName: 'stats',
                    keyPath: 'user_id',
                    endpoint: 'referrals/stats',
                    TTL: 5 * 60 * 1000,
                    showLoading: false,
                    delayFetch: false,
                    filters: {
                        type: 'dashboard',
                        user: window.auth.getUser()
                    }
                },
                // Referrals list store
                {
                    storeName: 'list',
                    keyPath: 'id',
                    endpoint: 'referrals',
                    TTL: 10 * 60 * 1000,
                    showLoading: false,
                    delayFetch: false,
                    filters: {
                        user: window.auth.getUser(),
                        status: 'all',
                        limit: 50,
                        offset: 0
                    }
                }
            ]
        );

        this.statsStore = stores.stats;
        this.listStore = stores.list;

        // Subscribe to store events
        if (this.statsStore) {
            this.statsStore.subscribe(this.handleStatsEvent.bind(this));
        }
        if (this.listStore) {
            this.listStore.subscribe(this.handleListEvent.bind(this));
        }

        if (this.ui.dash) {
            this.initViewController();
        }
    }

    initViewController() {
        if (!this.listStore || !this.ui.adminList) return;

        this.view = new window.jvbViews(this.ui.adminList, this.listStore);
        this.view.subscribe((event, data) => {
            switch(event) {
                case 'item-action':
                    this.handleItemAction(data);
                    break;
                case 'bulk-action':
                    this.handleBulkAction(data);
                    break;
            }
        });
    }

    initListeners() {
@@ -70,9 +187,151 @@
    }

    isLoggedIn() {
        return Boolean(jvbSettings.currentUser);
        return Boolean(window.auth.getUser());
    }

    /**
     * Handle DataStore stats events
     */
    handleStatsEvent(event, data) {
        switch(event) {
            case 'data-loaded':
                if (data.items && data.items.length > 0) {
                    this.updateStatsDisplay();
                }
                break;
            case 'fetch-error':
                console.error('Error loading stats:', data.error);
                break;
        }
    }

    /**
     * Handle DataStore list events
     */
    handleListEvent(event, data) {
        switch(event) {
            case 'data-loaded':
                // Let ViewController handle main list rendering
                // Only update sidebar preview if it exists
                if (this.ui.recentList) {
                    this.renderRecentReferrals();
                }
                break;
            case 'fetch-error':
                console.error('Error loading referrals:', data.error);
                break;
        }
    }

    /**
     * Update stats display
     */
    updateStatsDisplay() {
        if (!this.statsStore.data.size === 0) return;
        let stats = this.statsStore.data.get(parseInt(window.auth.getUser()));
        const updates = {
            total: stats['code_used'] || 0,
            treated: stats.treatments || 0,
            pending: stats.pending || 0,
            rewards: '$' + parseFloat(stats['total_rewards'] || 0).toFixed(2)
        };

        Object.entries(updates).forEach(([key, value]) => {
            const element = this.container.querySelector(`[data-stat="${key}"]`);
            if (element) {
                element.textContent = value;
            }
        });

        // Also update stat cards if on dashboard
        const statCards = this.container.querySelectorAll('.stats .card');
        if (statCards.length >= 4) {
            statCards[0].querySelector('.stat-number').textContent = updates.code_used;
            statCards[1].querySelector('.stat-number').textContent = updates.consultations;
            statCards[2].querySelector('.stat-number').textContent = updates.treatments;
            statCards[3].querySelector('.stat-number').textContent = updates.total_rewards;
        }
    }

    /**
     * Handle item actions (remove, resend)
     */
    handleItemAction(data) {
        const { action, itemId } = data;

        switch(action) {
            case 'remove':
                this.removeReferral(itemId);
                break;
            case 'resend':
                this.resendInvite(itemId);
                break;
        }
    }

    /**
     * Remove referral from list
     */
    async removeReferral(id) {
        if (!confirm('Remove this referral from your list?')) return;

        try {
            const response = await fetch(`${jvbSettings.api}referrals`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-WP-Nonce': window.auth.getNonce()
                },
                body: JSON.stringify({
                    action: 'remove',
                    referral_id: id
                })
            });

            const result = await response.json();

            if (result.success) {
                // Refresh DataStore
                if (this.listStore) this.listStore.fetch();
                if (this.statsStore) this.statsStore.fetch();
                this.a11y?.announce('Referral removed');
            }
        } catch (error) {
            console.error('Error removing referral:', error);
        }
    }

    /**
     * Resend invite email
     */
    async resendInvite(id) {
        try {
            const response = await fetch(`${jvbSettings.api}referrals`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-WP-Nonce': window.auth.getNonce()
                },
                body: JSON.stringify({
                    action: 'resend',
                    referral_id: id
                })
            });

            const result = await response.json();

            if (result.success) {
                this.a11y?.announce('Invitation resent');
            } else {
                alert(result.message || 'Cannot resend yet. Wait 7 days between invites.');
            }
        } catch (error) {
            console.error('Error resending invite:', error);
        }
    }


    handleClick(e) {
        const target = e.target.closest('.copy-btn, .check-code-btn, .attn');
        if (!target) return;
@@ -98,7 +357,7 @@
        const text = codeElement.textContent.trim();

        // Try clipboard API first
        if (navigator.clipboard && navigator.clipboard.writeText) {
        if (this.hasCopy) {
            navigator.clipboard.writeText(text).then(() => {
                this.showCopySuccess(button);
            }).catch(() => {
@@ -106,10 +365,6 @@
                this.selectText(codeElement);
                this.showCopyFallback(button);
            });
        } else {
            // Fallback to selection
            this.selectText(codeElement);
            this.showCopyFallback(button);
        }
    }

@@ -226,15 +481,19 @@
     * Check for ?ref parameter in URL and pre-fill code
     */
    async checkForReferral() {
        const isLoggedIn = this.getUrlParameter('seeReferral');
        const refCode = this.getUrlParameter('ref');
        const refName = this.getUrlParameter('rname');
        const refEmail = this.getUrlParameter('remail');
        const seeReferral = this.getUrlParameter('seeReferral');

        if (!isLoggedIn && !refCode) {
        if (!refCode && !seeReferral) {
            return;
        }

        if (!refCode) {
        // If logged in user just wants to see referral popup
        if (seeReferral && !refCode) {
            this.popup.openPopup();
            this.removeUrlParameter('seeReferral');
            return;
        }

@@ -248,7 +507,21 @@
        codeInput.value = code;
        codeInput.readOnly = true;

        this.popup.togglePopup();
        // If we have token data, prefill name and email too
        if (refName || refEmail) {
            const nameInput = this.container.querySelector('[name="referral_name"]');
            if (nameInput) {
                nameInput.value = refName;
            }

            const emailInput = this.container.querySelector('[name="referral_email"]');
            if (emailInput) {
                emailInput.value = refEmail;
            }
        }

        // Open the sidebar popup
        this.popup.openPopup();

        // Validate the code immediately
        try {
@@ -264,9 +537,9 @@
                    );
                }

                // Focus on name input
                // Focus on name input if not prefilled
                const nameInput = this.container.querySelector('[name="referral_name"]');
                if (nameInput) {
                if (nameInput && !nameInput.value) {
                    nameInput.focus();
                }
            } else {
@@ -280,6 +553,8 @@

        // Clean up URL
        this.removeUrlParameter('ref');
        this.removeUrlParameter('rname');
        this.removeUrlParameter('remail');
    }

    getUrlParameter(name) {
@@ -297,11 +572,11 @@
     * Validate code without registering
     */
    async validateCodeOnly(code) {
        const response = await fetch(`${jvbSettings.api}referrals/check-code`, {
        const response = await fetch(`${jvbSettings.api}referrals/code`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-WP-Nonce': jvbSettings.nonce
                'X-WP-Nonce': window.auth.getNonce()
            },
            body: JSON.stringify({ code: code })
        });
@@ -317,8 +592,8 @@
        if (!statsContainer) return;

        try {
            const response = await fetch(`${jvbSettings.api}referrals/my-stats?user=${jvbSettings.currentUser}`, {
                headers: { 'X-WP-Nonce': jvbSettings.nonce }
            const response = await fetch(`${jvbSettings.api}referrals/my-stats?user=${window.auth.getUser()}`, {
                headers: { 'X-WP-Nonce': window.auth.getNonce() }
            });

            const data = await response.json();
@@ -330,6 +605,23 @@
        }
    }

    async loadSidebarStats() {
        try {
            const response = await fetch(
                `${jvbSettings.api}referrals/stats?user=${window.auth.getUser()}&type=quick`,
                { headers: { 'X-WP-Nonce': window.auth.getNonce() } }
            );

            const data = await response.json();
            if (data.success && data.stats) {
                this.updateSidebarStats(data.stats);
            }
        } catch (error) {
            console.error('Error loading sidebar stats:', error);
        }
    }


    /**
     * Update stats display
     */
@@ -350,49 +642,25 @@
    }

    /**
     * Load recent referrals (last 5)
     */
    async loadRecentReferrals() {
        const container = this.container.querySelector('.recent-referrals-list');
        if (!container) return;

        try {
            const response = await fetch(`${jvbSettings.api}referrals/my-referrals?limit=5&user=${jvbSettings.currentUser}`, {
                headers: { 'X-WP-Nonce': jvbSettings.nonce }
            });

            const data = await response.json();
            if (data.success && data.referrals) {
                this.renderRecentReferrals(container, data.referrals);
            } else {
                container.innerHTML = '<p class="no-referrals">No referrals yet</p>';
            }
        } catch (error) {
            console.error('Error loading referrals:', error);
            container.innerHTML = '<p class="error">Failed to load referrals</p>';
        }
    }

    /**
     * Render recent referrals list
     */
    renderRecentReferrals(container, referrals) {
    renderRecentReferrals() {
        let container = this.ui.recentList;
        let referrals = Array.from(this.listStore.data.values());
        if (!referrals || referrals.length === 0) {
            container.innerHTML = '<p class="no-referrals">Share your code to get started!</p>';
            return;
        }

        const html = referrals.map(ref => `
        container.innerHTML = referrals.map(ref => `
            <div class="referral-item">
                <div class="referral-info">
                    <strong>${window.escapeHtml(ref.referee_name)}</strong>
                    <span class="status-badge ${ref.status}">${ref.status}</span>
                    <span class="status-badge">${ref.referral_status}</span>
                </div>
                <div class="referral-date">${this.formatDate(ref.referred_at)}</div>
                <div class="referral-date">${window.formatTimeAgo(ref.referred_at)}</div>
            </div>
        `).join('');

        container.innerHTML = html;
    }

    /**
@@ -420,23 +688,23 @@
        const form = event.target;
        const formData = new FormData(form);

        // Disable form
        this.setFormLoading(true, form);

        try {
            let result = { success: false, message: '' };

            if (form.id === 'referral-code-form') {
                // Registration with referral code - goes to LoginRoutes
                const data = {
                    name: formData.get('referral_name'),
                    email: formData.get('referral_email'),
                    code: formData.get('referral_code')
                    referral_code: formData.get('referral_code')
                };

                if (!data.name || !data.email || !data.code) {
                if (!data.name || !data.email || !data.referral_code) {
                    result.message = 'Please fill in all fields';
                } else {
                    result = await this.makeRequest('referrals/register', data);
                    result = await this.makeRequest('auth/register', data); // UPDATED endpoint
                }
            } else if (form.id === 'login-form') {
                const data = {
@@ -465,8 +733,7 @@
    async makeRequest(endpoint, data) {
        const validEndpoints = [
            'magic',
            'referrals/register',
            'referrals/check-code'
            'auth/register'
        ];

        if (!validEndpoints.includes(endpoint)) {
@@ -477,11 +744,22 @@
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-WP-Nonce': jvbSettings.nonce,
                'X-WP-Nonce': window.auth.getNonce(),
            },
            body: JSON.stringify(data)
        });

        // Add error handling to see the actual response
        if (!response.ok) {
            const errorText = await response.text();
            console.error('Error response:', response.status, errorText);
            try {
                return JSON.parse(errorText);
            } catch {
                return { success: false, message: 'Server error' };
            }
        }

        return await response.json();
    }

@@ -565,6 +843,10 @@
    }
}

document.addEventListener('DOMContentLoaded', () => {
    window.jvbReferral = new Referral();
document.addEventListener('DOMContentLoaded', async function () {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbReferral = new Referral();
        }
    });
});

 assets/js/concise/SchemaManager.js

New file
@@ -0,0 +1,459 @@
/**
 * SEO Admin Page Controller
 * Handles schema type switching, form initialization, and tabs
 * Works with FormController for unified form handling
 */
class SchemaManager {
    constructor() {
        this.formController = null;
        this.tabsInstance = null;
        this.queue = window.jvbQueue;
        this.a11y = window.jvbA11y;

        this.init();
    }

    init() {
        // Initialize FormController
        if (window.jvbForm && !window.formController) {
            this.formController = new window.jvbForm();
            window.formController = this.formController;
        } else if (window.formController) {
            this.formController = window.formController;
        }

        // Initialize main Tabs (they're outside forms, so FormController won't handle them)
        if (window.jvbTabs) {
            const tabContainer = document.querySelector('.jvb-seo-admin');
            if (tabContainer) {
                this.tabsInstance = new window.jvbTabs(tabContainer);
            }
        }

        // Subscribe to FormController events
        if (this.formController) {
            this.formController.subscribe((event, data) => {
                if (event === 'form-submit') {
                    this.handleFormSubmit(data);
                }
            });
        }

        // Subscribe to Queue events
        if (this.queue) {
            this.queue.subscribe((event, data) => {
                if (!Object.hasOwn(data, 'endpoint') || data.endpoint !== 'seo') return;

                if (event === 'operation-completed') {
                    this.handleQueueSuccess(event, data);
                } else if (event === 'operation-failed-permanent') {
                    this.handleQueueFailure(event, data);
                }
            });
        }

        // Initialize all SEO forms
        this.initializeForms();

        // Add preserved field styling
        this.addPreservedFieldStyles();
    }

    /**
     * Initialize all SEO forms
     */
    initializeForms() {
        const forms = document.querySelectorAll('form[data-save="seo"]');

        forms.forEach(form => {
            // Register with FormController
            if (this.formController) {
                this.formController.registerForm(form, {
                    endpoint: 'seo',
                    autosave: false,
                    formStatus: false
                });
            }

            // Set up type switching
            this.initializeTypeSwitch(form);

            // Set up reset button
            const resetBtn = form.querySelector('[data-action="reset"]');
            if (resetBtn) {
                resetBtn.addEventListener('click', () => this.handleReset(form));
            }
        });
    }

    /**
     * Handle form submission via Queue
     */
    handleFormSubmit(data) {
        const form = data.config.element;
        const context = form.dataset.content;
        const formData = data.fullData;

        // Build operation for queue
        const operation = {
            endpoint: 'seo',
            headers: {
                'X-WP-Nonce': window.auth.getNonce()
            },
            data: {
                context: context,
                action: 'save',
                ...formData
            },
            popup: 'Saving SEO configuration',
            title: `Saving ${context} settings`
        };

        this.queue.addToQueue(operation);
    }

    /**
     * Handle reset button
     */
    async handleReset(form) {
        const context = form.dataset.content;

        if (!confirm('Reset to default settings? This cannot be undone.')) {
            return;
        }

        const operation = {
            endpoint: 'seo',
            headers: {
                'X-WP-Nonce': window.auth.getNonce()
            },
            data: {
                context: context,
                action: 'reset'
            },
            popup: 'Resetting configuration',
            title: `Resetting ${context} to defaults`
        };

        this.queue.addToQueue(operation);
    }

    /**
     * Handle queue success
     */
    handleQueueSuccess(event, data) {
        console.log('SEO save successful:', data);

        if (this.a11y && typeof this.a11y.announce === 'function') {
            this.a11y.announce('Configuration saved successfully');
        }

        // If this was a reset, reload the form data
        if (data.operation?.data?.action === 'reset' && data.response?.schema) {
            this.reloadFormData(data.operation.data.context, data.response);
        }
    }

    /**
     * Handle queue failure
     */
    handleQueueFailure(event, data) {
        console.error('SEO operation failed permanently:', data);

        if (this.a11y && typeof this.a11y.announce === 'function') {
            this.a11y.announce(`Error: ${data.error_message || 'Operation failed'}`);
        }
    }

    /**
     * Reload form data after reset
     */
    reloadFormData(context, response) {
        const form = document.querySelector(`form[data-content="${context}"]`);
        if (!form) return;

        const schema = response.schema || {};

        // Update form fields with reset values
        Object.keys(schema).forEach(key => {
            const field = form.querySelector(`[name="${key}"]`);
            if (field) {
                if (field.type === 'checkbox') {
                    field.checked = !!schema[key];
                } else {
                    field.value = schema[key] || '';
                }
            }
        });

        if (this.a11y && typeof this.a11y.announce === 'function') {
            this.a11y.announce('Form reset to defaults');
        }
    }

    /**
     * Initialize schema type switching for a form
     */
    initializeTypeSwitch(form) {
        const typeSelect = form.querySelector('select[name="type"]');
        if (!typeSelect) return;

        // Handle type change with confirmation
        typeSelect.addEventListener('change', (e) => {
            const oldType = form.dataset.currentType || typeSelect.dataset.initialValue;
            const newType = e.target.value;

            // If types are the same, no need to confirm
            if (oldType === newType) return;

            // Show confirmation dialog
            this.confirmTypeChange(form, typeSelect, oldType, newType);
        });

        // Store initial type for reference
        typeSelect.dataset.initialValue = typeSelect.value;
        form.dataset.currentType = typeSelect.value;
    }

    /**
     * Confirm type change with user
     */
    confirmTypeChange(form, typeSelect, oldType, newType) {
        // Get current form values
        const currentValues = {};
        const formData = new FormData(form);
        for (let [key, value] of formData.entries()) {
            if (key !== 'type' && value && value !== '') {
                currentValues[key] = value;
            }
        }

        // Get template for new type to check which fields will be preserved
        const newTemplate = window.getTemplate(`seo-${newType}`);
        if (!newTemplate) {
            console.error('No template found for type:', newType);
            typeSelect.value = oldType;
            return;
        }

        // Extract base field names from current values
        // Handles both regular fields and repeater fields (fieldName:index:subField)
        const getBaseFieldName = (fieldName) => {
            return fieldName.split(':')[0];
        };

        const currentBaseFields = new Set(
            Object.keys(currentValues).map(getBaseFieldName)
        );

        // Get base field names from new template
        const newFieldElements = newTemplate.querySelectorAll('[data-field]');
        const newBaseFields = new Set(
            Array.from(newFieldElements).map(el => el.dataset.field)
        );

        // If no data-field attributes, fall back to name attributes
        if (newBaseFields.size === 0) {
            const nameElements = newTemplate.querySelectorAll('[name]');
            Array.from(nameElements).forEach(el => {
                newBaseFields.add(getBaseFieldName(el.getAttribute('name')));
            });
        }

        // Determine preserved and lost fields
        const preservedFields = [...currentBaseFields].filter(field => newBaseFields.has(field));
        const lostFields = [...currentBaseFields].filter(field => !newBaseFields.has(field));

        // Build confirmation message
        let message = `Change schema type from ${oldType} to ${newType}?\n\n`;

        if (preservedFields.length > 0) {
            message += `✓ ${preservedFields.length} field value(s) will be preserved:\n`;
            message += preservedFields.map(f => `  • ${f}`).join('\n');
            message += '\n\n';
        }

        if (lostFields.length > 0) {
            message += `⚠ ${lostFields.length} field value(s) will be lost:\n`;
            message += lostFields.map(f => `  • ${f}`).join('\n');
        }

        // Show confirmation
        if (confirm(message)) {
            this.handleTypeChange(form, typeSelect, newType);
        } else {
            // User cancelled - revert select
            typeSelect.value = oldType;

            if (this.a11y && typeof this.a11y.announce === 'function') {
                this.a11y.announce('Type change cancelled');
            }
        }
    }

    /**
     * Handle schema type change
     */
    handleTypeChange(form, typeSelect, newType) {
        const oldType = form.dataset.currentType || typeSelect.dataset.initialValue;

        // Collect current form data as structured object
        // Group repeater fields by base name
        const currentData = this.collectFormData(form);

        // Get template for new type
        const newFields = window.getTemplate(`seo-${newType}`);
        if (!newFields) {
            console.error('No template found for type:', newType);
            return;
        }

        // Replace the field container
        const oldContainer = form.querySelector('.seo-' + oldType);
        if (oldContainer) {
            // Insert new fields
            oldContainer.parentNode.insertBefore(newFields, oldContainer);
            // Remove old container
            oldContainer.remove();
        }

        // Update current type tracking
        form.dataset.currentType = newType;

        // Use PopulateForm to properly populate all fields including repeaters
        if (window.jvbPopulateForm) {
            const populator = new window.jvbPopulateForm();
            const preservedFields = [];

            // Populate each field that exists in both schemas
            Object.keys(currentData).forEach(fieldName => {
                const fieldWrapper = form.querySelector(`[data-field="${fieldName}"]`);
                if (fieldWrapper) {
                    const fieldType = this.getFieldType(fieldWrapper);
                    const fieldValue = currentData[fieldName];

                    // Use PopulateForm's methods for complex fields
                    if (fieldType === 'repeater' && Array.isArray(fieldValue)) {
                        populator.populateRepeaterField(fieldWrapper, fieldName, fieldValue);
                        preservedFields.push(fieldName);
                    } else if (fieldValue !== null && fieldValue !== undefined && fieldValue !== '') {
                        // Simple field - populate directly
                        const field = fieldWrapper.querySelector(`[name="${fieldName}"]`) ||
                            fieldWrapper.querySelector(`[name^="${fieldName}"]`);
                        if (field) {
                            this.populateSimpleField(field, fieldValue);
                            preservedFields.push(fieldName);
                        }
                    }
                }
            });

            // Announce changes
            if (preservedFields.length > 0) {
                const message = `Schema type changed to ${newType}. Preserved ${preservedFields.length} field value(s).`;
                console.log(message);

                if (this.a11y && typeof this.a11y.announce === 'function') {
                    this.a11y.announce(message);
                }
            } else {
                const message = `Schema type changed to ${newType}.`;
                if (this.a11y && typeof this.a11y.announce === 'function') {
                    this.a11y.announce(message);
                }
            }
        }
    }

    /**
     * Collect form data into structured object
     * Handles repeater fields by grouping them
     */
    collectFormData(form) {
        const data = {};
        const formData = new FormData(form);

        for (let [key, value] of formData.entries()) {
            if (key === 'type' || key === 'context') continue;

            // Check if this is a repeater field (format: fieldName:index:subField)
            if (key.includes(':')) {
                const parts = key.split(':');
                const baseField = parts[0];
                const index = parseInt(parts[1]);
                const subField = parts[2];

                // Initialize repeater array if needed
                if (!data[baseField]) {
                    data[baseField] = [];
                }

                // Initialize row object if needed
                if (!data[baseField][index]) {
                    data[baseField][index] = {};
                }

                // Store the value
                data[baseField][index][subField] = value;
            } else {
                // Regular field
                data[key] = value;
            }
        }

        return data;
    }

    /**
     * Get field type from wrapper element
     */
    getFieldType(fieldWrapper) {
        if (fieldWrapper.classList.contains('repeater')) {
            return 'repeater';
        }
        // Add other field type checks as needed
        return 'text';
    }

    /**
     * Populate a simple field with value
     */
    populateSimpleField(field, value) {
        if (field.type === 'checkbox') {
            field.checked = value === '1' || value === 'true' || value === true;
        } else if (field.tagName === 'SELECT') {
            setTimeout(() => {
                field.value = value;
            }, 10);
        } else {
            field.value = value;
        }

        // Visual feedback
        field.classList.add('value-preserved');
        setTimeout(() => field.classList.remove('value-preserved'), 2000);
    }

    /**
     * Add CSS for preserved field indication
     */
    addPreservedFieldStyles() {
        const style = document.createElement('style');
        style.textContent = `
            .value-preserved {
                background-color: #e7f5e7 !important;
                transition: background-color 0.3s ease;
            }
        `;
        document.head.appendChild(style);
    }
}

// Initialize when DOM is ready
document.addEventListener('DOMContentLoaded', async function () {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbSchema = new SchemaManager();
        }
    });
});

 assets/js/concise/ShopManager.js

File was renamed from assets/js/dash/ShopManager.js
@@ -16,7 +16,7 @@

    // handleSave(data){
    //
    //  data.user = jvbSettings.currentUser;
    //  data.user = window.auth.getUser();
    //
    //  window.jvbQueue.addToQueue({
    //      endpoint: 'shop',

 assets/js/concise/SquareCheckout.js

 assets/js/concise/Tabs.js

File was renamed from assets/js/dash/Tabs.js
@@ -63,7 +63,7 @@

            if(hasChildren && hasChildren.querySelector('.tabs')){
                let container = this.container.querySelector(`.tab-content[data-tab="${tab.dataset['tab']}"]`);
                let tabs = new window.jvbTabs(container, {}, this);
                let tabs = new window.jvbTabs(container, {updateURL: false}, this);
                this.childTabs.set(tab.dataset.tab, tabs);
            }
        });
@@ -156,58 +156,55 @@
     * @param {string} tab - Tab to switch to ('items' or 'lists')
     * @param {boolean} updateHistory - Whether to push the state to the url
     */
    switchTab(tab, updateHistory = false) {

    switchTab(tab, updateHistory = false) {
        document.activeElement?.blur();
        // if (typeof this.callbacks['onSwitch'] === 'function') {
        //  this.callbacks.onSwitch(tab)
        // }
        // Update tab buttons
        this.tabs.querySelectorAll('[data-tab]').forEach(tabBtn => {
            tabBtn.classList.toggle('active', tabBtn.dataset.tab === tab);
            tabBtn.setAttribute('aria-selected', tabBtn.dataset.tab === tab);
        });

        // Update tab panels
        this.container.querySelectorAll('.tab-content').forEach(content => {
            content.classList.toggle('active', content.dataset.tab === tab);
            content.setAttribute('aria-hidden', content.dataset.tab !== tab);
        // Update tab buttons
        this.tabs.querySelectorAll('[data-tab]').forEach(tabBtn => {
            tabBtn.classList.toggle('active', tabBtn.dataset.tab === tab);
            tabBtn.setAttribute('aria-selected', tabBtn.dataset.tab === tab);
        });

        // Update tab panels
        this.container.querySelectorAll('.tab-content').forEach(content => {
            content.classList.toggle('active', content.dataset.tab === tab);
            content.setAttribute('aria-hidden', content.dataset.tab !== tab);
            content.hidden = content.dataset.tab !== tab;
        });
        });

        // Update state
        this.activeTab = tab;
        if (this.callbacks[tab]) {
            this.callbacks[tab]();
        }
        // Update state
        this.activeTab = tab;
        if (this.callbacks[tab]) {
            this.callbacks[tab]();
        }

        // Update URL hash with full path (only from root container)
        if (updateHistory) {
            if (!this.parent) {
                // This is a root container, build full path including child tabs
                let fullPath = tab;
        // Activate first child tab if this tab has children
        const childContainer = this.childTabs.get(tab);
        if (childContainer) {
            const firstTab = childContainer.container.querySelector('button.tab')?.dataset.tab;
            if (firstTab) {
                childContainer.switchTab(firstTab, false);
            }
        }

                // Add active child tab paths if they exist
                const childContainer = this.childTabs.get(tab);
                if (childContainer && childContainer.activeTab) {
                    fullPath = childContainer.getFullTabPath(childContainer.activeTab);
                }
        // Update URL hash with full path (only from root container)
        if (updateHistory) {
            if (!this.parent) {
                window.history.pushState({ tab: tab }, '', `#${tab}`);
            } else {
                // This is a child container, notify parent to update URL
                this.parent.updateUrlFromChild();
            }
        }

                window.history.pushState({ tab: fullPath }, '', `#${fullPath}`);
            } else {
                // This is a child container, notify parent to update URL
                this.parent.updateUrlFromChild();
            }
        }
        // Update select dropdown if it exists
        if (this.selectDropdown && this.selectDropdown.querySelector(`option[value="${tab}"]`)) {
            this.selectDropdown.value = tab;
        }

        // Update select dropdown if it exists
        if (this.selectDropdown && this.selectDropdown.querySelector(`option[value="${tab}"]`)) {
            this.selectDropdown.value = tab;
        }

        // Announce to screen readers
        this.a11y.announce(`Switched to ${tab} tab`);
    }
        // Announce to screen readers
        this.a11y.announce(`Switched to ${tab} tab`);
    }

    /**
     * Update URL when a child tab changes

 assets/js/concise/TaxonomyCreator.js

File was renamed from assets/js/dash/TaxonomyCreator.js
@@ -271,7 +271,7 @@
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-WP-Nonce': jvbSettings.nonce
                    'X-WP-Nonce': window.auth.getNonce()
                },
                body: JSON.stringify({
                    taxonomy: taxonomy,

 assets/js/concise/TaxonomySelector.js

@@ -480,7 +480,13 @@

    initAutocomplete()
    {
        this.autocompleteHandler = window.debounce((e) => this.handleAutocomplete(e), 300);
        this.autocompleteHandler = (e) => {
            window.debouncer.schedule(
                'taxonomy-autocomplete',
                () => this.handleAutocomplete(e),
                300
            );
        };
        document.addEventListener('input', this.autocompleteHandler);
        document.addEventListener('blur', this.cleanupAutocomplete.bind(this));
        // Preload taxonomy data on focus
@@ -1545,5 +1551,10 @@
 * Initialize singleton
 */
document.addEventListener('DOMContentLoaded', function() {
    window.jvbSelector = new TaxonomySelector();
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbSelector = new TaxonomySelector();
        }
    });

});

 assets/js/concise/UploadManager.js

@@ -500,7 +500,6 @@
            .map(upload => upload.dataset.uploadId)
            .filter(id => id);

        console.log('Reordered items:', items);

        // Update hidden input (for form submission)
        let hiddenInput = fieldWrapper.querySelector('input[type="hidden"]');
@@ -508,7 +507,7 @@
            hiddenInput.value = items.join(',');
        }

        // ✅ Update fieldState with new order
        // Update fieldState with new order
        const fieldId = this.getFieldIdFromElement(grid);
        if (fieldId) {
            const fieldData = this.getFieldData(fieldId);
@@ -524,7 +523,7 @@
            // If reordering in preview, the order is implicit by DOM position
            // (we don't store preview order separately)

            this.schedulePersistance(fieldId); // ✅ Persist changes
            this.schedulePersistance(fieldId);
        }

        this.a11y.announce('Item reordered');
@@ -1192,7 +1191,7 @@
            popup: `Creating ${posts.length} post${posts.length > 1 ? 's' : ''}...`,
            canMerge: false,
            headers: {
                'action_nonce': jvbSettings.dash
                'action_nonce': window.auth.getNonce('dash')
            },
            append: '_upload',
        };
@@ -1243,7 +1242,7 @@
            title: `Uploading ${uploads.length} file${uploads.length > 1 ? 's' : ''} to server...`,
            popup: `Uploading ${uploads.length} file${uploads.length > 1 ? 's' : ''}...`,
            canMerge: false,
            headers: { 'action_nonce': jvbSettings.dash },
            headers: { 'action_nonce': window.auth.getNonce('dash') },
            append: '_upload'
        };

@@ -1324,7 +1323,7 @@
            data: queueData,
            title: 'Updating meta',
            canMerge: true,
            headers: { 'action_nonce': jvbSettings.dash }
            headers: { 'action_nonce': window.auth.getNonce('dash') }
        };

        try {
@@ -1671,7 +1670,7 @@
                    storedGroup.changes = { ...groupData.changes };
                }

                // ✅ Preserve upload order
                // Preserve upload order
                if (groupData.uploads) {
                    storedGroup.uploads = [...groupData.uploads];
                }
@@ -2530,11 +2529,6 @@
     * Save field data to store, converting Sets to Arrays
     */
    async saveFieldData(fieldData) {
        console.log('💾 Saving:', fieldData.id, {
            uploads: fieldData.uploads?.size,
            groups: fieldData.groups?.length
        });

        await this.fieldStore.save({
            ...fieldData,
            timestamp: Date.now()
@@ -2844,12 +2838,6 @@
    async checkForStoredUploads() {
        const allFieldStates = this.fieldStore.getAll();

        console.log('Checking for stored uploads...', {
            fieldStates: allFieldStates.length,
            uploadStoreSize: this.uploadStore.data.size
        });
        console.log(this.uploadStore.getAll());
        console.log(this.fieldStore.getAll());
        const pendingFields = allFieldStates.filter(field => {
            if (!field.uploads) return false;

@@ -2866,7 +2854,6 @@
                    ['completed', 'processed', 'local_processing', 'processed-original'].includes(upload.status);
            });
        });
        console.log('Found pending fields:', pendingFields.length);
        if (pendingFields.length === 0) return;

        this.showRecoveryNotification(pendingFields);
@@ -3154,6 +3141,10 @@
}

// Initialize when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
    window.jvbUploads = new UploadManager();
document.addEventListener('DOMContentLoaded', async function () {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbUploads = new UploadManager();
        }
    });
});

 assets/js/concise/UploadManagerOld.js

File was deleted

 assets/js/concise/UploadManagerOlder.js

File was deleted

 assets/js/concise/UserInteractions.js

New file
@@ -0,0 +1,290 @@
/**
 * FrontendInteractions - Unified class for frontend user interactions
 * Handles: Favourites, Votes, and related user actions
 */
class UserInteractions {
    constructor() {
        if (!window.auth.getUser()) {
            return; // Don't initialize if not logged in
        }

        // Initialize favourites store
        this.favouritesStore = window.jvbStore.register(
            'favourites',
            {
                storeName: 'favourites',
                endpoint: 'favourites',
                indexes: [
                    {name: 'content', keyPath: 'content'},
                    {name: 'listId', keyPath: 'listId'},
                ],
                TTL: 6 * 60 * 1000,
                showLoading: false,
                filters: {
                    user: window.auth.getUser(),
                    content: 'all',
                    order: 'desc',
                    orderby: 'date',
                    page: 1,
                    all: true,
                }
            }
        );

        // Initialize favourites lists store
        this.listsStore = window.jvbStore.register(
            'favourites_lists',
            {
                storeName: 'lists',
                keyPath: 'listId',
                endpoint: 'favourites/lists',
                TTL: 6 * 60 * 1000,
            }
        );

        // Initialize votes store
        this.votesStore = window.jvbStore.register(
            'votes',
            {
                storeName: 'votes',
                endpoint: 'votes',
                useIndexedDB: true,
                TTL: 6 * 60 * 1000,
                showLoading: false
            }
        );

        this.setupEventListeners();
        this.favouritesStore.fetch();
    }

    setupEventListeners() {
        // Subscribe to favourites updates
        this.favouritesStore.subscribe((event, data) => {
            switch (event) {
                case 'data-fetched':
                case 'data-cached':
                case 'items-updated':
                case 'item-stored':
                    // Could handle UI updates here
                    break;
            }
        });
    }

    /**
     * Toggle favourite status
     * @param {HTMLElement} button - Button element with data attributes
     */
    toggleFavourite(button) {
        if (!window.auth.getUser()) {
            window.location.href = jvbSettings.redirect + '&action=register&type=favourites';
            return;
        }

        // Toggle UI immediately
        button.classList.toggle('favourited');
        const action = button.classList.contains('favourited') ? 'add' : 'remove';
        const message = button.classList.contains('favourited')
            ? `Added ${button.dataset.type} to favourites.`
            : `Removed ${button.dataset.type} from favourites.`;

        window.jvbA11y.announce(message);

        // Update button icon
        button.innerHTML = jvbSettings.icons[button.classList.contains('favourited') ? 'heart-filled' : 'heart'];

        // Save to store
        this.favouritesStore.setItem(button.dataset.id, {
            target_id: button.dataset.id,
            action: action,
            type: button.dataset.type,
            artist: button.dataset.artist,
        });
    }

    /**
     * Handle vote action
     * @param {HTMLElement} button - Vote button element
     */
    handleVote(button) {
        if (!window.auth.getUser()) {
            window.location.href = jvbSettings.redirect + '&action=register&type=vote';
            return;
        }

        // Queue the vote operation
        window.jvbQueue.handleVote(button);

        const parent = button.closest('.vote');
        const alreadyVoted = parent.querySelector('.voted');

        // Handle previous vote if exists
        if (alreadyVoted) {
            const count = alreadyVoted.querySelector('.count');
            if (alreadyVoted.classList.contains('up')) {
                count.textContent = parseInt(count.textContent) - 1;
            } else {
                count.textContent = parseInt(count.textContent) + 1;
            }
            alreadyVoted.classList.remove('voted');
        }

        // Update current vote
        button.classList.add('voted');
        const count = button.querySelector('.count');
        if (button.classList.contains('up')) {
            count.textContent = parseInt(count.textContent) + 1;
        } else {
            count.textContent = parseInt(count.textContent) - 1;
        }
    }

    /**
     * Check if an item is favourited
     * @param {string} content - Content type
     * @param {string|number} id - Item ID
     * @returns {boolean}
     */
    isFavourited(content, id) {
        if (!window.auth.getUser()) {
            return false;
        }
        if (typeof window.userFavourites === 'undefined') {
            return false;
        }
        if (typeof window.userFavourites[content] === 'undefined') {
            return false;
        }
        return window.userFavourites[content]?.has(id);
    }

    /**
     * Check if user has voted on an item
     * @param {string} content - Content type
     * @param {string|number} id - Item ID
     * @returns {string} - 'up', 'down', or ''
     */
    checkVoteStatus(content, id) {
        if (!window.auth.getUser()) {
            return '';
        }
        let status = '';
        if (window.userVotes && window.userVotes[content]?.has(id)) {
            status = window.userVotes[content].get(id);
        }
        return status;
    }
}

// Lazy initialization using requestIdleCallback for better performance
function initFrontendInteractions() {
    if (window.auth.getUser()) {
        window.jvbInteractions = new FrontendInteractions();
    }
}

// Initialize after DOM is ready but without blocking render
if ('requestIdleCallback' in window) {
    requestIdleCallback(async function() {
        window.auth.subscribe((event) => {
            if (event === 'auth-loaded') {
                if (document.readyState === 'loading') {
                    document.addEventListener('DOMContentLoaded', initFrontendInteractions);
                } else {
                    initFrontendInteractions();
                }
            }
        });
    });
} else {
    // Fallback for browsers without requestIdleCallback
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initFrontendInteractions);
    } else {
        setTimeout(initFrontendInteractions, 1);
    }
}

/**
 * Global helper functions for backwards compatibility
 */
window.toggleFavourite = function(button) {
    if (!window.jvbInteractions) {
        console.warn('FrontendInteractions not initialized');
        return;
    }
    window.jvbInteractions.toggleFavourite(button);
}

window.handleVote = function(button) {
    if (!window.jvbInteractions) {
        console.warn('FrontendInteractions not initialized');
        return;
    }
    window.jvbInteractions.handleVote(button);
}

window.isFavourited = function(content, id) {
    if (!window.jvbInteractions) {
        return false;
    }
    return window.jvbInteractions.isFavourited(content, id);
}

window.checkVoteStatus = function(content, id) {
    if (!window.jvbInteractions) {
        return '';
    }
    return window.jvbInteractions.checkVoteStatus(content, id);
}


/**
 * Formats vote from template
 * @param item
 * @param status
 * @returns {Node|ActiveX.IXMLDOMNode|boolean}
 */
window.formatVote = function(item, status) {
    let vote = window.getTemplate('voteButton');

    vote.dataset.itemId = item.id;
    vote.dataset.content = item.content;
    let up =vote.querySelector('button.up');
    let down =vote.querySelector('button.down');

    if(status === 'up'){
        up.classList.add('voted');
    }
    if(status === 'down'){
        down.classList.add('voted');
    }
    if(item.upvotes > 0){
        up.querySelector('.count').textContent = item.upvotes;
    }
    if(item.downvotes > 0){
        down.querySelector('.count').textContent = '-'+item.downvotes;
    }

    return vote;
}


/**
 * Tests if user has voted for this item
 * @param content
 * @param id
 * @returns {string}
 */
window.checkVoteStatus = function(content, id){
    if(!window.auth.getUser()){
        return '';
    }
    let status = '';
    if(window.userVotes && window.userVotes[content]?.has(id)){
        status = window.userVotes[content].get(id);
    }

    return status;
}

 assets/js/concise/UserSettings.js

@@ -6,7 +6,7 @@

        this.debouncer = window.debouncer;

        this.isLoggedIn = jvbSettings.currentUser !== null;
        this.isLoggedIn = window.auth.getUser() !== null;

        this.initListeners();
        this.loadSettings();
@@ -103,11 +103,11 @@
            return;
        }
        const headers = {
            'X-WP-Nonce': jvbSettings?.nonce,
            'X-WP-Nonce': window.auth.getNonce(),
            'Content-Type': 'application/json'
        };
        const body = {
            user: jvbSettings.currentUser,
            user: window.auth.getUser(),
            setting: name,
            value: value
        };
@@ -152,8 +152,12 @@
    }
}

document.addEventListener('DOMContentLoaded', function() {
    window.jvbUserSettings = new UserSettings();
document.addEventListener('DOMContentLoaded', async function() {
    window.auth.subscribe((event) => {
        if (event === 'auth-loaded') {
            window.jvbUserSettings = new UserSettings();
        }
    });
});
//
// // Theme switching functionality
@@ -182,18 +186,18 @@
//      localStorage.setItem('theme', isDark ? 'dark' : 'light');
//
//      // If user is logged in, save preference
//      if (jvbSettings.currentUser !== null) {
//      if (window.auth.getUser() !== null) {
//          try {
//              await fetch(`${jvbSettings.api}settings`, {
//                  method: 'POST',
//                  headers: {
//                      'Content-Type': 'application/json',
//                      'X-WP-Nonce': jvbSettings.nonce,
//                      'action_nonce': jvbSettings.dash,
//                      'X-WP-Nonce': window.auth.getNonce(),
//                      'action_nonce': window.auth.getNonce('dash'),
//                  },
//                  body: JSON.stringify({
//                      dark_mode: isDark,
//                      user: jvbSettings.currentUser
//                      user: window.auth.getUser()
//                  })
//              });
//          } catch (error) {

 assets/js/concise/UtilityFunctions.js

File was renamed from assets/js/dash/UtilityFunctions.js
@@ -19,7 +19,8 @@
    }
}
/**
 * Format a time value to "X time ago" format
 * Format a time value as relative time (past or future)
 * Handles both "X time ago" and "in X time" formats
 *
 * @param {string|Date} dateStr Date to format
 * @returns {string} Formatted time string
@@ -27,60 +28,47 @@
window.formatTimeAgo = function(dateStr) {
    const date = dateStr instanceof Date ? dateStr : new Date(dateStr);
    const now = new Date();
    const seconds = Math.floor((now - date) / 1000);
    const diffMs = date - now;
    const isPast = diffMs < 0;

    // Work with absolute values for calculations
    const seconds = Math.floor(Math.abs(diffMs) / 1000);
    const minutes = Math.floor(seconds / 60);
    const hours = Math.floor(minutes / 60);
    const days = Math.floor(hours / 24);

    if (hours < 24) {
    // Just now (within 1 minute either way)
    if (minutes === 0) {
        return 'Just now';
    }

    // Format the time components
    let timeStr = '';

    if (seconds < 10) {
        timeStr = 'a moment';
    } else if (seconds < 60) {
        timeStr = 'less than a minute'
    } else if (minutes < 5) {
        timeStr = 'a few minutes';
    } else if (hours < 24) {
        if (hours === 0) {
            return minutes === 0 ? 'Just now' : `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;
            // Minutes only
            timeStr = `${minutes} ${minutes === 1 ? 'minute' : 'minutes'}`;
        } else {
            // Hours
            timeStr = `${hours} ${hours === 1 ? 'hour' : 'hours'}`;
        }
        return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;
    } else if (days < 7) {
        // Days
        timeStr = `${days} ${days === 1 ? 'day' : 'days'}`;
    } else {
        // More than a week - just show the date
        return date.toLocaleDateString();
    }

    if (days < 7) {
        return `${days} ${days === 1 ? 'day' : 'days'} ago`;
    }

    return date.toLocaleDateString();
}

/**
 * Format a future date for display
 *
 * @param {string|Date} dateStr Future date
 * @returns {string} Formatted string
 */
window.formatTimeSoon = function(dateStr) {
    const date = dateStr instanceof Date ? dateStr : new Date(dateStr);
    const now = new Date();

    // Handle past dates
    if (date <= now) {
        return "Just now";
    }

    const seconds = Math.floor((date - now) / 1000);
    const minutes = Math.floor(seconds / 60);

    if (seconds < 60) {
        return "In a moment";
    }

    if (minutes < 5) {
        return "In a few minutes";
    }

    if (minutes < 20) {
        return "Coming up soon";
    }

    if (minutes < 60) {
        return "In about half an hour";
    }

    return "Later today";
    // Add appropriate prefix/suffix based on past or future
    return isPast ? `${timeStr} ago` : `in ${timeStr}`;
}

/**
@@ -136,55 +124,6 @@
}

/**
 * Formats vote from template
 * @param item
 * @param status
 * @returns {Node|ActiveX.IXMLDOMNode|boolean}
 */
window.formatVote = function(item, status) {
    let vote = window.getTemplate('voteButton');

    vote.dataset.itemId = item.id;
    vote.dataset.content = item.content;
    let up =vote.querySelector('button.up');
    let down =vote.querySelector('button.down');

    if(status === 'up'){
        up.classList.add('voted');
    }
    if(status === 'down'){
        down.classList.add('voted');
    }
    if(item.upvotes > 0){
        up.querySelector('.count').textContent = item.upvotes;
    }
    if(item.downvotes > 0){
        down.querySelector('.count').textContent = '-'+item.downvotes;
    }

    return vote;
}


/**
 * Tests if user has voted for this item
 * @param content
 * @param id
 * @returns {string}
 */
window.checkVoteStatus = function(content, id){
    if(!jvbSettings.currentUser){
        return '';
    }
    let status = '';
    if(window.userVotes && window.userVotes[content]?.has(id)){
        status = window.userVotes[content].get(id);
    }

    return status;
}

/**
 * Gets a clone of an icon element if it exists for efficient DOM manipulation
 * @param icon
 * @returns {Node | ActiveX.IXMLDOMNode}
@@ -211,15 +150,6 @@
}

/**
 * Tests for empty object
 * @param obj
 * @returns {boolean}
 */
window.isEmptyObject = function(obj) {
    return Object.keys(obj).length === 0;
}

/**
 * Format a number with comma separator (e.g., 1,234)
 * @param {number} num - Number to format
 * @returns {string} - Formatted number
@@ -261,17 +191,6 @@
}

/**
 * Truncate text to a specific length with ellipsis
 * @param {string} text - Text to truncate
 * @param {number} length - Maximum length
 * @returns {string} - Truncated text
 */
window.truncateText = function(text, length = 100) {
    if (!text || text.length <= length) return text;
    return text.substring(0, length) + '...';
}

/**
 * Should be faster than setting innerHTML = ''
 * @param node
 */
@@ -296,7 +215,7 @@

    // If same day, just show one date
    if (start.toDateString() === end.toDateString()) {
        return start.toLocaleDateString('en-US', {
        return start.toLocaleDateString('en-CA', {
            year: 'numeric',
            month: 'short',
            day: 'numeric'
@@ -305,43 +224,16 @@

    // If same month and year, show range with month once
    if (start.getMonth() === end.getMonth() && start.getFullYear() === end.getFullYear()) {
        return `${start.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} - ${end.getDate()}, ${end.getFullYear()}`;
        return `${start.toLocaleDateString('en-CA', { month: 'short', day: 'numeric' })} - ${end.getDate()}, ${end.getFullYear()}`;
    }

    // If same year, show full range with year once
    if (start.getFullYear() === end.getFullYear()) {
        return `${start.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} - ${end.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}, ${end.getFullYear()}`;
        return `${start.toLocaleDateString('en-CA', { month: 'short', day: 'numeric' })} - ${end.toLocaleDateString('en-CA', { month: 'short', day: 'numeric' })}, ${end.getFullYear()}`;
    }

    // Different years, show full dates
    return `${start.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })} - ${end.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })}`;
}

/**
 * Debounce function to limit frequent calls
 * @param {Function} func - Function to debounce
 * @param {number} wait - Wait time in milliseconds
 * @returns {Function} - Debounced function
 */
window.debounce = function(func, wait = 300) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

window.throttle = function(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    }
    return `${start.toLocaleDateString('en-CA', { month: 'short', day: 'numeric', year: 'numeric' })} - ${end.toLocaleDateString('en-CA', { month: 'short', day: 'numeric', year: 'numeric' })}`;
}


@@ -737,60 +629,6 @@
    return !isNaN(parseFloat(n)) && isFinite(n);
};

window.handleListField = function (elem, value) {
    if (!Array.isArray(value)) {
        elem.remove();
        return;
    }
    let li = elem.querySelector('li');
    value.forEach((v) => {
        let l = li.cloneNode(true);
        l.textContent = v;
        elem.append(l);
    });
    li.remove();
};

window.handleTextField = function (elem, value) {
    if (typeof value !== "string") {
        elem.remove();
        return;
    }
    elem.textContent = value;
};

window.handleImageField = function (elem, value) {
    if (!Array.isArray(value) || value === 0) {
        elem.remove();
        return;
    }
    let img = (elem.tagName === 'IMG') ? elem : elem.querySelector('img');
    if (!img) {
        elem.remove();
        return;
    }
    img.alt = value.alt;
    img.src = value.thumbnail;
    img.dataset.small = value.small;
    img.dataset.medium = value.medium;
    img.dataset.large = value.full;
};

window.handleGalleryField = function (elem, value)
{
    if (!Array.isArray(value)) {
        elem.remove();
        return;
    }
    let img = elem.querySelector('img');
    value.forEach((v) => {
        let i = img.cloneNode(true);
        window.handleImageField(i, v);
        elem.append(i);
    });
    img.remove();
};

/**
 *
 * @param {object} selectors
@@ -843,3 +681,75 @@
    }
}
window.debouncer = new DebouncedActions();


// -----------------------------------------------------
// Scroll direction + scroll progress
// -----------------------------------------------------
const body = document.body;
const docEl = document.documentElement;
const progressBar = document.querySelector('.scroll-progress .bar');

let lastY = window.scrollY || docEl.scrollTop || 0;
let direction = -1;
let ticking = false;
let maxScroll = 0;

function updateMaxScroll() {
    maxScroll = Math.max(0, docEl.scrollHeight - window.innerHeight);
}

function updateScrollProgress(y) {
    if (!progressBar) return;

    const progress = maxScroll > 0 ? y / maxScroll : 0;
    const clamped = Math.max(0, Math.min(1, progress));

    progressBar.style.transform = `scaleX(${clamped})`;
}

function onScrollFrame() {
    const y = window.scrollY || docEl.scrollTop || 0;

    // Direction: 1 = down, -1 = up, keep existing if no movement
    if (y > lastY) {
        direction = 1;
    } else if (y < lastY) {
        direction = -1;
    }

    lastY = y;

    // Only add scroll-up when actually below top & moving up
    document.body.classList.toggle('scroll-up', direction < 0 && y > 0);

    // Update progress bar
    updateScrollProgress(y);

    ticking = false;
}

// Throttled scroll listener
window.addEventListener(
    'scroll',
    () => {
        if (!ticking) {
            ticking = true;
            requestAnimationFrame(onScrollFrame);
        }
    },
    { passive: true }
);

// Debounced resize to recalc scrollable height
window.addEventListener('resize', () => {
    window.debouncer.schedule('recalc-max-scroll', () => {
        updateMaxScroll();
        updateScrollProgress(window.scrollY || docEl.scrollTop || 0);
    }, 20);
});

// Initial setup
updateMaxScroll();
updateScrollProgress(lastY);


 assets/js/concise/View.js

@@ -19,7 +19,7 @@
            grid: new Map(),
            table: new Map(),
        }
        this.currentView = 'grid';
        this.currentView = this.container.dataset.view ?? 'grid';
        this.selectedItems = new Set();
        this.subscribers = new Set();

@@ -161,15 +161,6 @@
    }

    /**
     * Handle data updates from store
     */
    handleDataUpdate(data) {
        console.log(data);
        const items = data.data?.items || data.items || [];
        this.render(items);
    }

    /**
     * Handle items update
     */
    handleItemsUpdate() {
@@ -185,6 +176,7 @@

        // Handle empty state
        if (items.length === 0) {
            console.log('Nothing to show');
            this.renderEmpty();
            return;
        }
@@ -293,7 +285,10 @@
    }

    toggleTable(on) {
        this.ui.table.selectedColumns.hidden = !on;
        if (this.ui.table.selectedColumns) {
            this.ui.table.selectedColumns.hidden = !on;
        }

        if (on && !this.ui.table.table) {
            let table = window.getTemplate('contentTable');
            this.container.append(table);
@@ -317,7 +312,10 @@
                window.removeChildren(this.ui.table.body);
            }
        }
        this.ui.table.selectedColumns.hidden = !on;

        if (this.ui.table.selectedColumns) {
            this.ui.table.selectedColumns.hidden = !on;
        }
    }

    toggleGrid() {
@@ -360,17 +358,32 @@
            row.querySelector('.select-item').value,
            row.querySelector('.select-item').checked,
            row.querySelector('.select-item + label').htmlFor,
            row.querySelector(`input[name="post_status"][value="${item.status}"]`).checked
        ] = [
            item.id,
            item.id,
            this.selectedItems.has(`${item.id}`),
            item.id,
            item.status
        ];
        let status = row.querySelector(`input[name="post_status"][value="${item.status}"]`);
        if (status) {
            status.checked = true;
        }

        // Let jvbPopulate do its thing - NO prefixing needed!
        new window.jvbPopulate(row, item.fields, item.images);
        if (Object.hasOwn(this.ui.table.table.dataset, 'edit')) {
            new window.jvbPopulate(row, item.fields, item.images);
        } else {
            for (let [key, value] of Object.entries(item)) {
                let col = row.querySelector(`[data-field="${key}"]`);
                if (col) {
                    let p = col.querySelector('p');
                    if (col.dataset.fieldType === 'date') {
                        value = window.formatTimeAgo(value);
                    }
                    p.textContent = value;
                }
            }
        }


        // Clean up after population
        this.cleanupTableRow(row);

 assets/js/concise/navigation.js

@@ -60,12 +60,15 @@
        if (this.navs.size === 0) {
            return;
        }
        if (this.openNav && !e.target.closest(this.openNav)) {
            this.toggleNav(false);
        if (this.openNav && e.target.closest(`#${this.openNav}`) === null) {
            this.toggleNav(false, this.openNav);
        }
        if (!e.target.closest(... this.navIDs())) {
            return;
        }

        // if (!e.target.closest(this.openNav)) {
        //  console.log('Not closest nav ids');
        //  console.log(this.navIDs());
        //  return;
        // }

        let toggle = e.target.closest('.toggle.main');
        if (toggle) {
@@ -82,7 +85,6 @@
    }

    handleHoverOn(e) {
        console.log(e.target);
        let nav =  e.target.closest('nav');
        if (nav) {
            this.toggleNav(true, nav.id);
@@ -94,7 +96,6 @@
    }

    handleHoverOff(e) {
        console.log(e.target);
        let nav =  e.target.closest('nav');
        if (nav) {
            this.toggleNav(false, nav.id);
@@ -128,11 +129,13 @@
                this.openNav = null;
            }
            document.removeEventListener('keydown', this.escapeListener);
            Array.from(nav.submenus).forEach(submenu => {
                if(submenu.classList.contains('open')) {
                    this.toggleSubmenu(false, submenu);
                }
            });
            if (!nav.nav.classList.contains('sidebar')) {
                Array.from(nav.submenus).forEach(submenu => {
                    if(submenu.classList.contains('open')) {
                        this.toggleSubmenu(false, submenu);
                    }
                });
            }
        }

        nav.nav.ariaExpanded = on;

 assets/js/concise/on-this-page.js

 assets/js/concise/quill.js

@@ -207,7 +207,7 @@
                                        {
                                            method: 'POST',
                                            headers: {
                                                'X-WP-Nonce': jvbSettings.nonce
                                                'X-WP-Nonce': window.auth.getNonce()
                                            },
                                            body: formData
                                        }

 assets/js/dash/UploadManager.js

@@ -2818,7 +2818,7 @@
            let changes = window.getDifferences.map(this.oldUploads, metaData);


            if (window.isEmptyObject(changes)) return;
            if (Object.keys(changes).length === 0) return;

            try {
                const operation = {

 assets/js/min/ContentManager.min.js

@@ -1 +1 @@
window.contentManager=class{constructor(e){this.config={content:"",plural:"",taxonomies:{},selectors:{container:".items-list",grid:".item-grid:not(.preview)",uploadZone:".file-upload-wrapper",statusFilters:".status-filters",dateFilters:".date-filters",taxonomyFilters:".taxonomy-filters",viewControls:".view-controls",bulkControls:".bulk-controls",scrollSentinel:".scroll-sentinel",editModal:".edit-modal",bulkEditModal:".bulk-edit-modal",clearButton:".clear-filters"},createPostPerFile:!0,uploadConfig:{mode:"direct",allowMultiple:!0,createPostPerFile:!0,maxSize:5242880,allowedTypes:["image/jpeg","image/png","image/gif","image/webp"]},...e},this.resetCache=!1,this.queueManager=window.jvbQueue,this.loadingManager=window.jvbLoading,this.cache=window.jvbCache,this.error=window.jvbError,this.state={selected:new Set,filters:{status:"all",taxonomies:{},date:null},view:localStorage.getItem(`${this.config.content}_view`)||"grid",loading:!1},this.queue={all:{items:new Map,page:1,hasMore:!0,totalPages:0},draft:{items:new Map,page:1,hasMore:!0,totalPages:0},publish:{items:new Map,page:1,hasMore:!0,totalPages:0},trash:{items:new Map,page:1,hasMore:!0,totalPages:0}},this.init()}async init(){this.elements={},Object.entries(this.config.selectors).forEach((([e,t])=>{this.elements[e]=document.querySelector(t)})),this.config.uploadConfig&&(this.fileUploader=new window.jvbFileUploader({...this.config.uploadConfig,content:this.config.content,fieldName:null})),this.initStatusFilters(),this.initDateFilters(),this.initTaxonomyFilters(),this.initClearFilters(),this.initViewControls(),this.initBulkControls(),this.initInfiniteScroll(),this.initModals(),await this.loadContent()}queueContentUpdate(e,t){const s={type:"content_update",data:{posts:{[e]:{content:this.config.content,...t}},content:this.config.content}};this.queueManager.addToQueue(s),this.updateLocalState(e,t)}queueBulkUpdate(e,t){const s={};e.forEach((e=>{s[e]={content:this.config.content,...t}}));const i={user:jvbSettings.currentUser,type:"content_update",data:{posts:s}};this.queueManager.addToQueue(i),e.forEach((e=>this.updateLocalState(e,t)))}updateLocalState(e,t){const s=this.queue[this.state.filters.status].items.get(e);if(s){Object.assign(s,t),this.queue[this.state.filters.status].items.set(e,s);const i=this.elements.grid.querySelector(`[data-id="${e}"]`);i&&this.updateItemElement(i,s)}}processFormData(e){const t={};for(const[s,i]of e.entries())if("status"===s)t.status=i;else if(s.startsWith("taxonomy_")){const e=s.replace("taxonomy_","");t.taxonomies||(t.taxonomies={}),t.taxonomies[e]=Array.isArray(i)?i:[i]}else t[s]=i;return t}updateItemElement(e,t){e.classList.remove("draft","publish","trash"),e.classList.add(t.status);const s=e.querySelector(".action-status");s&&(removeChildren(s),s.append(getIcon(t.status))),t.taxonomies&&e.querySelectorAll(".label-group").forEach((e=>{const s=e.dataset.taxonomy;if(s&&t.taxonomies[s]){const i=t.taxonomies[s].terms;e.querySelector(".terms").innerHTML=this.renderTerms(i)}}))}handleItemAction(e,t){const s=t.dataset.id;switch(e){case"edit":this.editModal.handleOpen(),this.openEditModal(t),this.editModal.form&&new FormFields(this.editModal.form,{onSave:this.editModal.onSave(),itemID:t.dataset.id});break;case"restore":this.queueContentUpdate(s,{status:"draft"}),t.remove();break;case"trash":this.queueContentUpdate(s,{status:"trash"}),t.remove();break;case"delete":confirm(`Hold up! Are you sure you want to permanently delete this ${this.config.content}?\n\nThis is a forever kind of deal - no taking it back.`)&&(this.queueContentUpdate(s,{status:"delete"}),t.remove());break;case"toggle-status":const e="publish"===t.dataset.status?"draft":"publish";this.queueContentUpdate(s,{status:e}),t.dataset.status=e,removeChildren(t.querySelector(".action-status")),t.querySelector(".action-status").append(getIcon(e))}}async handleBulkOperation(e,t){window.jvbLoading.show("Processing bulk changes...");try{const s={};t.forEach((t=>{s[t]={content:this.config.content,status:e},["delete","trash","restore"].includes(e)&&document.querySelector('[data-id="'+t+'"]').remove()})),this.queueManager.addToQueue({type:"content_update",data:{posts:s}}),this.clearSelection(),this.showNotification("Bulk changes queued for processing")}catch(e){console.error("Bulk operation failed:",e),this.showNotification("Failed to queue bulk operation","error")}finally{window.jvbLoading.hide()}}getQueryKey(){return JSON.stringify({status:this.state.filters.status,page:this.state.page,filters:this.state.filters})}toggleItemSelection(e,t){const s=e.dataset.id;t?(this.state.selected.add(s),e.classList.add("selected"),e.querySelector("input[type=checkbox]").checked=!0):(this.state.selected.delete(s),e.classList.remove("selected"),e.querySelector("input[type=checkbox]").checked=!1)}async loadContent(e=!0){if(!this.state.loading)try{this.state.loading=!0,this.loadingManager.show();const t=this.state.filters.status;console.log("Loading Page: "),console.log(this.queue[t].page);const s=new URLSearchParams;s.set("type",this.config.content),s.set("page",this.queue[t].page),s.set("filters",JSON.stringify(this.state.filters)),s.set("user",jvbSettings.currentUser),e&&(this.queue[t].page=1,this.queue[t].items.clear(),removeChildren(this.elements.grid),this.elements.grid.classList.remove("empty"));const i=await this.cache.fetchWithCache(`${jvbSettings.api}content?`+s,{method:"GET",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.dash}},{context:jvbSettings.currentUser+"-"+this.config.content,forceRefresh:!1});i.total>0?(this.elements.grid.classList.remove("empty"),i.items.forEach((e=>{this.queue[t].items.set(e.id,e)})),this.queue[t].page++,this.queue[t].totalPages=i.total_pages,this.queue[t].hasMore=this.queue[t].page<i.total_pages):(this.elements.grid.classList.add("empty"),this.elements.grid.innerHTML=`<div class="empty-state"><h3>${jvbSettings.icons[this.config.content]}Nothing here${jvbSettings.icons[this.config.content]}</h3><p>It doesn't look like you have any ${this.config.plural} yet.</p><p><small><i>Add some by uploading images above.</i></small></p></div>`,this.queue[t].page=1,this.queue[t].hasMore=!1),this.renderContent()}catch(e){console.error("Error loading content:",e),this.loadingManager.showError("Failed to load content")}finally{this.state.loading=!1,this.loadingManager.hide()}}renderContent(){const e=this.state.filters.status,t=this.queue[e].items;t.size>0&&(this.elements.grid.classList.remove("empty"),this.elements.grid.querySelector(".empty-state")&&removeChildren(this.elements.grid));const s=document.createDocumentFragment();t.forEach((t=>{const i=this.elements.grid.querySelector(`[data-id="${t.id}"]`);if(i){if(t.view!==this.state.view){const e=this.createItemElement(t);t.view=this.state.view,i.replaceWith(e)}}else{const e=this.createItemElement(t);t.view=this.state.view,s.appendChild(e)}this.queue[e].items.set(t.id,t)})),s.children.length>0&&this.elements.grid.appendChild(s)}createItemElement(e){let t=window.getTemplate(this.state.view+"View");t.classList.add(e.status),t.dataset.id=e.id,t.dataset.fields=JSON.stringify(e.fields),t.dataset.status=e.status,t.dataset.img=e.thumbnail;let s=t.querySelector(".gallery");if(e.images){t.dataset.images=e.images;let o=s.querySelector("img");for(var i of e.images){let e=o.cloneNode(!0);e.src=i.src,i.alt&&(e.alt=i.alt),s.appendChild(e)}o.remove()}else s.remove();let o=[],a=t.querySelector(".taxonomies"),n=a.querySelector(".label-group"),l=n.querySelector(".tax"),r=!1;for(let s in e.taxonomies){if(Object.keys(e.taxonomies[s].terms).length>0){r=!0,t.dataset[s]=JSON.stringify(e.taxonomies[s].terms);let i=n.cloneNode(!0),o=jvbSettings.icons[s];for(var c in i.innerHTML=o+i.innerHTML,i.querySelector(".screen-reader-text").textContent=e.taxonomies[s].name,e.taxonomies[s].terms){let e=l.cloneNode(!0);e.textContent=c.name,i.appendChild(e)}}else t.dataset[s]=JSON.stringify({});o.push(s)}r?(n.remove(),l.remove()):a.remove(),0===Object.keys(this.config.taxonomies).length&&(this.config.taxonomies=o);let d=t.querySelector("img");d.src=e.thumbnail,e.alt&&(d.alt=e.alt),t.querySelector(".date").textContent=formatDate(e.date);let u="Hide "+e.icon;"draft"===e.status&&(u="Show "+e.icon);let h=t.querySelector('button[data-action="toggle-status"]');return h.prepend(getIcon(e.status)),h.title=u,this.initItemEventListeners(t),t}initItemEventListeners(e){e.addEventListener("click",(t=>t.target.closest(".item-select")?(t.preventDefault(),this.toggleItemSelection(e,!e.classList.contains("selected")),void this.updateBulkControls()):t.target.closest(".action")?(t.preventDefault(),void this.handleItemAction(t.target.closest(".action").dataset.action,e)):void 0))}initInfiniteScroll(){this.elements.scrollSentinel&&new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.queue[this.state.filters.status].hasMore&&this.loadContent(!1)}))})).observe(this.elements.scrollSentinel)}initStatusFilters(){const e=this.elements.container.querySelector(".controls");e&&e.addEventListener("change",(e=>{if("radio"===e.target.type&&"status-filters"===e.target.name){const t=e.target.id;t!==this.state.filters.status&&(this.state.filters.status=t,this.updateBulkActionOptions(),0===this.queue[t].items.size?this.loadContent(!0):this.renderContent())}}))}initDateFilters(){const e=this.elements.container.querySelector("select.date-filter"),t=this.elements.container.querySelector(".date-range");let s;if(e&&(this.hasFilters=!0,e.addEventListener("change",(e=>{const i=e.target.value;if(s=i,"custom"===i)return void t.showModal();t.close();const o=t.querySelector(".month-select");o&&(o.value=""),this.setDateFilter(i)})),e.addEventListener("click",(i=>{"custom"===s&&"custom"===e.value&&t.showModal()}))),t){const e=t.querySelector(".date-start"),s=t.querySelector(".date-end"),i=t.querySelector(".month-select");i&&i.addEventListener("change",(e=>{const[s,i]=e.target.value.split("-");if(s&&i){const e=new Date(s,i-1,1),o=new Date(s,i,0);o.setHours(23,59,59,999),this.setDateFilter("custom",e,o),t.close()}}));const o=()=>{const i=e.value,o=s.value;if(i&&o){const e=new Date(i),s=new Date(o);s.setHours(23,59,59,999),this.setDateFilter("custom",e,s),t.close()}};e.addEventListener("change",o),s.addEventListener("change",o)}}setDateFilter(e,t=null,s=null){const i=new Date;i.setHours(23,59,59,999);let o=t,a=s||i;if(!t&&""!==e)switch(o=new Date,e){case"today":o.setHours(0,0,0,0);break;case"week":o.setDate(i.getDate()-7);break;case"month":o.setMonth(i.getMonth()-1);break;case"year":o.setFullYear(i.getFullYear()-1)}this.state.filters.date=e?{range:{after:o.toISOString(),before:a.toISOString()},custom:"custom"===e}:{range:null,custom:!1},this.updateClearFiltersButton(),this.state.page=1,this.loadContent()}initTaxonomyFilters(){const e=this.elements.container.querySelectorAll(".filter[data-taxonomy]");e.length&&(this.hasFilters=!0,e.forEach((e=>{e.addEventListener("change",(e=>{const t=e.target.dataset.taxonomy,s=e.target.value;s?this.state.filters.taxonomies[t]=[parseInt(s)]:delete this.state.filters.taxonomies[t],this.updateClearFiltersButton(),this.state.page=1,this.loadContent(!0)}))})))}updateClearFiltersButton(){const e=document.querySelector(this.config.selectors.clearButton);if(!e)return;const t=Object.keys(this.state.filters.taxonomies).length>0||null!==this.state.filters.date.range;e.hidden=!t}clearAllFilters(){this.elements.container.querySelectorAll(".filter[data-taxonomy]").forEach((e=>e.value=""));const e=this.elements.container.querySelector("select.date-filter");e&&(e.value=""),this.state.filters={date:{range:null,custom:!1},taxonomies:{}},this.updateClearFiltersButton(),this.state.page=1,this.loadContent(!0)}initClearFilters(){this.config.selectors.clearButton&&document.querySelector(this.config.selectors.clearButton).addEventListener("click",(()=>this.clearAllFilters()))}initViewControls(){const e=this.elements.container.querySelector(".view-controls");if(!e)return;e.addEventListener("change",(e=>{const t=e.target;"radio"===t.type&&(this.setView(t.value),this.loadContent(!0))}));const t=localStorage.getItem(`${this.config.content}_view`)||"grid",s=e.querySelector(`input[value="${t}"]`);s&&(s.checked=!0,this.setView(t))}setView(e){this.state.view=e;const t=new Set(this.state.selected);this.elements.grid.classList.remove("grid-view","list-view"),this.elements.grid.classList.add(`${e}-view`),localStorage.setItem(`${this.config.content}_view`,e),this.loadContent(!0),t.forEach((e=>{const t=this.elements.grid.querySelector(`[data-id="${e}"]`);if(t){const e=t.querySelector('input[type="checkbox"]');e&&(e.checked=!0,t.classList.add("selected"))}})),this.updateBulkControls()}initBulkControls(){if(!this.elements.bulkControls)return;this.selectAll=this.elements.bulkControls.querySelector(".select-all"),this.selectAll&&this.selectAll.addEventListener("change",(()=>{this.getVisibleItems().forEach((e=>{this.toggleItemSelection(e,this.selectAll.checked)})),this.updateBulkControls()}));const e=this.elements.bulkControls.querySelector(".bulk-action-select"),t=this.elements.bulkControls.querySelector(".apply-bulk");t&&e&&(this.updateBulkActionOptions(),this.elements.container.querySelector(".status-filters"),t.addEventListener("click",(()=>{const t=e.value;if(!t)return;const s=Array.from(this.state.selected);switch(t){case"restore":this.handleBulkOperation("restore",s);break;case"delete":confirm(`Hold up! Are you sure you want to permanently delete these ${this.config.plural}?\n\nThis is a forever kind of deal - no taking it back.`)&&this.handleBulkOperation("delete",s);break;case"trash":this.handleBulkOperation("trash",s);break;case"edit":this.openBulkEditModal();const e=document.querySelector(".bulk-edit-modal");if(e){const t=e.querySelector(".selected-count");t&&(t.textContent=`( ${s.length} items )`);const i=e.querySelector(".selected");if(i){let e="";s.forEach((t=>{let s=this.elements.grid.querySelector('[data-id="'+t+'"]');e+='<input type="checkbox" id="selected-'+t+'" name="posts" value="'+t+'" checked><label for="selected-'+t+'"><img width="100%" height="auto" src="'+s.dataset.img+'"></label>'})),i.innerHTML=e}}break;case"publish":case"draft":this.handleBulkOperation(t,s)}e.value=""})));const s=this.elements.bulkControls.querySelector(".cancel-bulk");s&&s.addEventListener("click",(()=>{this.clearSelection()}))}updateBulkActionOptions(){const e=this.elements.bulkControls.querySelector(".bulk-action-select");e&&("trash"===this.state.filters.status?e.innerHTML='\n            <option value="">Bulk Actions...</option>\n            <option value="restore">Restore</option>\n            <option value="delete">Permanently Delete</option>\n        ':e.innerHTML='\n            <option value="">Bulk Actions...</option>\n            <option value="edit">Edit</option>\n            <option value="publish">Show</option>\n            <option value="draft">Hide</option>\n            <option value="trash">Scrap</option>\n        ')}initModals(){this.elements.editModal&&(this.editModal=new window.jvbModal(this.elements.editModal,{open:!1,close:this.elements.editModal.querySelector(".cancel"),save:this.elements.editModal.querySelector(".save"),onSave:()=>{const e=new FormData(this.elements.editModal.querySelector("form"));let t={};const s=this.elements.editModal.querySelectorAll(".taxonomies .jvb-selector");let i=Object.fromEntries(e);s.forEach((e=>{const s=e.dataset.taxonomy.replace(jvbSettings.base||"jvb_","");if(delete i["edit-"+s],e.__instance){const i=e.__instance.selectedItems;i&&Object.keys(i).length>0&&(t[s]=Object.keys(i).join(","))}})),i.taxonomies=t;for(let[e,t]of Object.entries(i))(""===t||window.isEmptyObject(t))&&delete i[e];this.queueContentUpdate(this.elements.editModal.dataset.id,i)}}));const e=this.elements.bulkEditModal;if(e){let t=!1;const s=e.querySelector("form");s?.addEventListener("change",(()=>{t=!0})),e.addEventListener("keydown",(s=>{"Escape"===s.key&&(s.preventDefault(),this.handleModalClose(e,t))})),e.addEventListener("click",(s=>{s.target===e&&this.handleModalClose(e,t)})),e.querySelector(".cancel")?.addEventListener("click",(()=>{this.handleModalClose(e,t),this.clearSelection()})),e.querySelector(".save")?.addEventListener("click",(()=>{const i=new FormData(s),o=Array.from(i.getAll("posts")),a={};""===i.get("term_name")&&(i.delete("term_name"),i.delete("select_parent"));let n={};e.querySelectorAll(".taxonomies .jvb-selector").forEach((e=>{const t=e.dataset.taxonomy.replace(jvbSettings.base||"jvb_","");if(e.__instance){const s=e.__instance.selectedItems;s&&Object.keys(s).length>0&&(n[t]=Object.keys(s).join(","))}})),o.forEach((e=>{a[e]={append:!0,content:this.config.content,status:i.get("bulk_status"),taxonomies:n}})),this.queueManager.addToQueue({type:"content_update",data:{posts:a}}),t=!1,e.close(),this.clearSelection()})),e.addEventListener("submit",(i=>{const o=new FormData(s),a=Array.from(o.getAll("posts")),n={};""===o.get("term_name")&&(o.delete("term_name"),o.delete("select_parent"));let l={};for(const e of this.config.taxonomies)l[e]=o.getAll(e),o.delete(e);a.forEach((e=>{n[e]={append:!0,content:this.config.content,status:o.get("bulk_status"),taxonomies:l}})),this.queueManager.addToQueue({type:"content_update",data:{posts:n}}),t=!1,e.close(),this.clearSelection()}))}this.openEditModal=e=>{console.log("Openening whatsit");const t=this.editModal.modal;if(!t)return;console.log("continuing");let s=e.dataset.id;t.dataset.id=s;let i=JSON.parse(e.dataset.fields),o=e.dataset.status;t.querySelector("input#set-"+o).checked=!0;for(let s in i){let o=i[s];o&&(t.querySelector("[name="+s+"]").value=o,"featured_image"===s&&(console.log(e),t.querySelector("[data-field=featured_image] .image-display").classList.add("has-image"),t.querySelector("[data-field=featured_image] .image-display img").src=e.dataset.img))}t.querySelector(".image")&&document.querySelectorAll(".image").forEach((e=>{const t=e.dataset.field,i=e.querySelector(".file-upload-container"),o=(new window.jvbFileUploader(e,{mode:"direct",content:this.config.content,postID:s,fieldName:t,type:"image_upload",selectors:{dropZone:i,uploader:e},onSuccess:t=>this.handleImageUploadSuccess(t,e),onError:t=>this.handleImageUploadError(t,e)}),e.querySelector(".remove-image"));o&&o.addEventListener("click",(()=>{this.handleImageRemove(e)}));const a=e.querySelector(".replace-image");a&&a.addEventListener("click",(()=>{e.querySelector('input[type="file"]').click()}))})),t.querySelector(".gallery")&&document.querySelectorAll(".gallery").forEach((t=>{const i=t.dataset.field,o=t.querySelector(".gallery-preview");e.dataset.images&&e.dataset.images.split(",").forEach((e=>{this.addToGalleryPreview(e,o)})),new window.jvbFileUploader(t,{mode:"gallery",selectors:{dropZone:t.querySelector(".file-upload-container"),previewGrid:o,uploader:t},type:"image_upload",content:this.config.content,postID:s,fieldName:i,onUploadComplete:e=>{const s=t.querySelector('input[type="hidden"]'),i=s.value?s.value.split(","):[],a=e.data.map((e=>e.attachment_id));s.value=[...i,...a].join(","),e.data.forEach((e=>{const t=document.createElement("div");t.className="preview-item",t.dataset.id=e.attachment_id,t.draggable=!0,t.innerHTML=`\n                        <img src="${e.url}" alt="Upload preview">\n                        <button type="button" class="remove-preview">\n                            ${jvbSettings.icons.delete}\n                        </button>\n                        <button type="button" class="move-image">\n                            ${jvbSettings.icons.grab}\n                        </button>\n                    `,o.appendChild(t)})),s.dispatchEvent(new Event("change",{bubbles:!0}))}}),new Sortable(o,{animation:150,handle:".move-image",onEnd:()=>{const e=t.querySelector('input[type="hidden"]'),s=[...o.querySelectorAll(".preview-item")].map((e=>e.dataset.id));e.value=s.join(","),e.dispatchEvent(new Event("change",{bubbles:!0}))}})})),t.querySelector(".taxonomies")&&t.querySelectorAll(".taxonomies .jvb-selector").forEach((t=>{let s=t.dataset.taxonomy,i=(t.classList.contains("hierarchical"),JSON.parse(t.dataset.config)),o=e.dataset[s]?JSON.parse(e.dataset[s]):{},a=i.common;t.__instance=new window.jvbSelector(t,{title:"Select "+s+"(s)",selected:o,common:a,allowMultiple:i.multiple,createNew:!0})})),t.showModal()},this.openBulkEditModal=()=>{const t=this.elements.bulkEditModal;if(!t)return;const s=this.state.selected,i=t.querySelector(".selected-count");i&&(i.textContent=`(${s.length} items)`),e.querySelectorAll(".taxonomies .jvb-selector").forEach((e=>{const t=e.dataset.taxonomy,s=(e.classList.contains("hierarchical"),JSON.parse(e.dataset.config));e.__instance=new window.jvbSelector(e,{title:`Select ${t}(s)`,values:{},allowMultiple:s.multiple,appendMode:!0,createNew:!0})})),t.showModal()}}handleModalClose(e,t){return t?!!confirm("You have unsaved changes. Are you sure you want to close this window?")&&(e.querySelectorAll(".gallery").forEach((e=>{e.__uploader&&(e.__uploader.cleanup(),delete e.__uploader)})),e.close(),!0):(e.close(),!0)}addToGalleryPreview(e,t){const s=document.createElement("div");return s.className="preview-item",s.draggable=!0,s.innerHTML=`\n        <img src="${e}" alt="Upload preview">\n        <div class="upload-status">\n            <div class="upload-progress"></div>\n        </div>\n        <button type="button" class="remove-preview" title="Remove Image">\n            ${jvbSettings.icons.delete}\n        </button>\n        <button type="button" class="move-image" title="Reorder Image">\n            ${jvbSettings.icons.grab}\n        </button>\n    `,t.appendChild(s),s}handleImageUploadSuccess(e,t){if(!e.data||!e.data.length)return;const s=t.querySelector(".image-display");removeChildren(s),s.classList.add("has-image");let i=[];e.data.forEach((e=>{let t=new Image;t.src=e.url,i.push(e.attachment_id),s.appendChild(t)})),t.querySelector('input[type="hidden"]').value=i.join(","),t.querySelector(".file-upload-container").hidden=!0,this.showNotification("Image updated successfully")}handleImageUploadError(e,t){console.error("Upload error:",e),this.showNotification("Failed to upload image","error"),t.querySelector(".file-upload-container").hidden=!1;const s=t.querySelector(".file-error");s&&(s.textContent="")}handleImageRemove(e){const t=e.querySelector(".image-display"),s=t.querySelector("img"),i=e.querySelector('input[type="hidden"]'),o=e.querySelector(".file-upload-container");i.value="",s.src="",t.classList.remove("has-image"),o.hidden=!1,this.showNotification("Image removed")}clearSelection(){this.getVisibleItems().forEach((e=>this.toggleItemSelection(e,!1))),this.state.selected.clear(),this.selectAll.checked=!1,this.updateBulkControls()}updateBulkControls(){const e=this.state.selected.size>0;this.elements.grid.classList.toggle("selecting",e),this.elements.bulkControls.classList.toggle("has-selection",e),this.elements.bulkControls.querySelector(".bulk-actions").hidden=!e,e&&document.addEventListener("keydown",(e=>{"Escape"===e.key&&this.state.selected.size>0&&(this.clearSelection(),this.showNotification("Selection cleared"))}));const t=this.elements.bulkControls.querySelector(".selected-count");t&&(t.textContent=e?`( ${this.state.selected.size} selected )`:"")}getVisibleItems(){return Array.from(this.elements.grid.querySelectorAll(".item:not([hidden])"))}showNotification(e,t="success"){window.jvbNotifications?window.jvbNotifications.showPopupNotification({message:e,type:t,priority:"medium",duration:3e3}):alert(e)}};
window.contentManager=class{constructor(e){this.config={content:"",plural:"",taxonomies:{},selectors:{container:".items-list",grid:".item-grid:not(.preview)",uploadZone:".file-upload-wrapper",statusFilters:".status-filters",dateFilters:".date-filters",taxonomyFilters:".taxonomy-filters",viewControls:".view-controls",bulkControls:".bulk-controls",scrollSentinel:".scroll-sentinel",editModal:".edit-modal",bulkEditModal:".bulk-edit-modal",clearButton:".clear-filters"},createPostPerFile:!0,uploadConfig:{mode:"direct",allowMultiple:!0,createPostPerFile:!0,maxSize:5242880,allowedTypes:["image/jpeg","image/png","image/gif","image/webp"]},...e},this.resetCache=!1,this.queueManager=window.jvbQueue,this.loadingManager=window.jvbLoading,this.cache=window.jvbCache,this.error=window.jvbError,this.state={selected:new Set,filters:{status:"all",taxonomies:{},date:null},view:localStorage.getItem(`${this.config.content}_view`)||"grid",loading:!1},this.queue={all:{items:new Map,page:1,hasMore:!0,totalPages:0},draft:{items:new Map,page:1,hasMore:!0,totalPages:0},publish:{items:new Map,page:1,hasMore:!0,totalPages:0},trash:{items:new Map,page:1,hasMore:!0,totalPages:0}},this.init()}async init(){this.elements={},Object.entries(this.config.selectors).forEach((([e,t])=>{this.elements[e]=document.querySelector(t)})),this.config.uploadConfig&&(this.fileUploader=new window.jvbFileUploader({...this.config.uploadConfig,content:this.config.content,fieldName:null})),this.initStatusFilters(),this.initDateFilters(),this.initTaxonomyFilters(),this.initClearFilters(),this.initViewControls(),this.initBulkControls(),this.initInfiniteScroll(),this.initModals(),await this.loadContent()}queueContentUpdate(e,t){const s={type:"content_update",data:{posts:{[e]:{content:this.config.content,...t}},content:this.config.content}};this.queueManager.addToQueue(s),this.updateLocalState(e,t)}queueBulkUpdate(e,t){const s={};e.forEach((e=>{s[e]={content:this.config.content,...t}}));const i={user:window.auth.getUser(),type:"content_update",data:{posts:s}};this.queueManager.addToQueue(i),e.forEach((e=>this.updateLocalState(e,t)))}updateLocalState(e,t){const s=this.queue[this.state.filters.status].items.get(e);if(s){Object.assign(s,t),this.queue[this.state.filters.status].items.set(e,s);const i=this.elements.grid.querySelector(`[data-id="${e}"]`);i&&this.updateItemElement(i,s)}}processFormData(e){const t={};for(const[s,i]of e.entries())if("status"===s)t.status=i;else if(s.startsWith("taxonomy_")){const e=s.replace("taxonomy_","");t.taxonomies||(t.taxonomies={}),t.taxonomies[e]=Array.isArray(i)?i:[i]}else t[s]=i;return t}updateItemElement(e,t){e.classList.remove("draft","publish","trash"),e.classList.add(t.status);const s=e.querySelector(".action-status");s&&(removeChildren(s),s.append(getIcon(t.status))),t.taxonomies&&e.querySelectorAll(".label-group").forEach((e=>{const s=e.dataset.taxonomy;if(s&&t.taxonomies[s]){const i=t.taxonomies[s].terms;e.querySelector(".terms").innerHTML=this.renderTerms(i)}}))}handleItemAction(e,t){const s=t.dataset.id;switch(e){case"edit":this.editModal.handleOpen(),this.openEditModal(t),this.editModal.form&&new FormFields(this.editModal.form,{onSave:this.editModal.onSave(),itemID:t.dataset.id});break;case"restore":this.queueContentUpdate(s,{status:"draft"}),t.remove();break;case"trash":this.queueContentUpdate(s,{status:"trash"}),t.remove();break;case"delete":confirm(`Hold up! Are you sure you want to permanently delete this ${this.config.content}?\n\nThis is a forever kind of deal - no taking it back.`)&&(this.queueContentUpdate(s,{status:"delete"}),t.remove());break;case"toggle-status":const e="publish"===t.dataset.status?"draft":"publish";this.queueContentUpdate(s,{status:e}),t.dataset.status=e,removeChildren(t.querySelector(".action-status")),t.querySelector(".action-status").append(getIcon(e))}}async handleBulkOperation(e,t){window.jvbLoading.show("Processing bulk changes...");try{const s={};t.forEach((t=>{s[t]={content:this.config.content,status:e},["delete","trash","restore"].includes(e)&&document.querySelector('[data-id="'+t+'"]').remove()})),this.queueManager.addToQueue({type:"content_update",data:{posts:s}}),this.clearSelection(),this.showNotification("Bulk changes queued for processing")}catch(e){console.error("Bulk operation failed:",e),this.showNotification("Failed to queue bulk operation","error")}finally{window.jvbLoading.hide()}}getQueryKey(){return JSON.stringify({status:this.state.filters.status,page:this.state.page,filters:this.state.filters})}toggleItemSelection(e,t){const s=e.dataset.id;t?(this.state.selected.add(s),e.classList.add("selected"),e.querySelector("input[type=checkbox]").checked=!0):(this.state.selected.delete(s),e.classList.remove("selected"),e.querySelector("input[type=checkbox]").checked=!1)}async loadContent(e=!0){if(!this.state.loading)try{this.state.loading=!0,this.loadingManager.show();const t=this.state.filters.status;console.log("Loading Page: "),console.log(this.queue[t].page);const s=new URLSearchParams;s.set("type",this.config.content),s.set("page",this.queue[t].page),s.set("filters",JSON.stringify(this.state.filters)),s.set("user",window.auth.getUser()),e&&(this.queue[t].page=1,this.queue[t].items.clear(),removeChildren(this.elements.grid),this.elements.grid.classList.remove("empty"));const i=await this.cache.fetchWithCache(`${jvbSettings.api}content?`+s,{method:"GET",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("dash")}},{context:window.auth.getUser()+"-"+this.config.content,forceRefresh:!1});i.total>0?(this.elements.grid.classList.remove("empty"),i.items.forEach((e=>{this.queue[t].items.set(e.id,e)})),this.queue[t].page++,this.queue[t].totalPages=i.total_pages,this.queue[t].hasMore=this.queue[t].page<i.total_pages):(this.elements.grid.classList.add("empty"),this.elements.grid.innerHTML=`<div class="empty-state"><h3>${jvbSettings.icons[this.config.content]}Nothing here${jvbSettings.icons[this.config.content]}</h3><p>It doesn't look like you have any ${this.config.plural} yet.</p><p><small><i>Add some by uploading images above.</i></small></p></div>`,this.queue[t].page=1,this.queue[t].hasMore=!1),this.renderContent()}catch(e){console.error("Error loading content:",e),this.loadingManager.showError("Failed to load content")}finally{this.state.loading=!1,this.loadingManager.hide()}}renderContent(){const e=this.state.filters.status,t=this.queue[e].items;t.size>0&&(this.elements.grid.classList.remove("empty"),this.elements.grid.querySelector(".empty-state")&&removeChildren(this.elements.grid));const s=document.createDocumentFragment();t.forEach((t=>{const i=this.elements.grid.querySelector(`[data-id="${t.id}"]`);if(i){if(t.view!==this.state.view){const e=this.createItemElement(t);t.view=this.state.view,i.replaceWith(e)}}else{const e=this.createItemElement(t);t.view=this.state.view,s.appendChild(e)}this.queue[e].items.set(t.id,t)})),s.children.length>0&&this.elements.grid.appendChild(s)}createItemElement(e){let t=window.getTemplate(this.state.view+"View");t.classList.add(e.status),t.dataset.id=e.id,t.dataset.fields=JSON.stringify(e.fields),t.dataset.status=e.status,t.dataset.img=e.thumbnail;let s=t.querySelector(".gallery");if(e.images){t.dataset.images=e.images;let o=s.querySelector("img");for(var i of e.images){let e=o.cloneNode(!0);e.src=i.src,i.alt&&(e.alt=i.alt),s.appendChild(e)}o.remove()}else s.remove();let o=[],a=t.querySelector(".taxonomies"),n=a.querySelector(".label-group"),l=n.querySelector(".tax"),r=!1;for(let s in e.taxonomies){if(Object.keys(e.taxonomies[s].terms).length>0){r=!0,t.dataset[s]=JSON.stringify(e.taxonomies[s].terms);let i=n.cloneNode(!0),o=jvbSettings.icons[s];for(var c in i.innerHTML=o+i.innerHTML,i.querySelector(".screen-reader-text").textContent=e.taxonomies[s].name,e.taxonomies[s].terms){let e=l.cloneNode(!0);e.textContent=c.name,i.appendChild(e)}}else t.dataset[s]=JSON.stringify({});o.push(s)}r?(n.remove(),l.remove()):a.remove(),0===Object.keys(this.config.taxonomies).length&&(this.config.taxonomies=o);let d=t.querySelector("img");d.src=e.thumbnail,e.alt&&(d.alt=e.alt),t.querySelector(".date").textContent=formatDate(e.date);let u="Hide "+e.icon;"draft"===e.status&&(u="Show "+e.icon);let h=t.querySelector('button[data-action="toggle-status"]');return h.prepend(getIcon(e.status)),h.title=u,this.initItemEventListeners(t),t}initItemEventListeners(e){e.addEventListener("click",(t=>t.target.closest(".item-select")?(t.preventDefault(),this.toggleItemSelection(e,!e.classList.contains("selected")),void this.updateBulkControls()):t.target.closest(".action")?(t.preventDefault(),void this.handleItemAction(t.target.closest(".action").dataset.action,e)):void 0))}initInfiniteScroll(){this.elements.scrollSentinel&&new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.queue[this.state.filters.status].hasMore&&this.loadContent(!1)}))})).observe(this.elements.scrollSentinel)}initStatusFilters(){const e=this.elements.container.querySelector(".controls");e&&e.addEventListener("change",(e=>{if("radio"===e.target.type&&"status-filters"===e.target.name){const t=e.target.id;t!==this.state.filters.status&&(this.state.filters.status=t,this.updateBulkActionOptions(),0===this.queue[t].items.size?this.loadContent(!0):this.renderContent())}}))}initDateFilters(){const e=this.elements.container.querySelector("select.date-filter"),t=this.elements.container.querySelector(".date-range");let s;if(e&&(this.hasFilters=!0,e.addEventListener("change",(e=>{const i=e.target.value;if(s=i,"custom"===i)return void t.showModal();t.close();const o=t.querySelector(".month-select");o&&(o.value=""),this.setDateFilter(i)})),e.addEventListener("click",(i=>{"custom"===s&&"custom"===e.value&&t.showModal()}))),t){const e=t.querySelector(".date-start"),s=t.querySelector(".date-end"),i=t.querySelector(".month-select");i&&i.addEventListener("change",(e=>{const[s,i]=e.target.value.split("-");if(s&&i){const e=new Date(s,i-1,1),o=new Date(s,i,0);o.setHours(23,59,59,999),this.setDateFilter("custom",e,o),t.close()}}));const o=()=>{const i=e.value,o=s.value;if(i&&o){const e=new Date(i),s=new Date(o);s.setHours(23,59,59,999),this.setDateFilter("custom",e,s),t.close()}};e.addEventListener("change",o),s.addEventListener("change",o)}}setDateFilter(e,t=null,s=null){const i=new Date;i.setHours(23,59,59,999);let o=t,a=s||i;if(!t&&""!==e)switch(o=new Date,e){case"today":o.setHours(0,0,0,0);break;case"week":o.setDate(i.getDate()-7);break;case"month":o.setMonth(i.getMonth()-1);break;case"year":o.setFullYear(i.getFullYear()-1)}this.state.filters.date=e?{range:{after:o.toISOString(),before:a.toISOString()},custom:"custom"===e}:{range:null,custom:!1},this.updateClearFiltersButton(),this.state.page=1,this.loadContent()}initTaxonomyFilters(){const e=this.elements.container.querySelectorAll(".filter[data-taxonomy]");e.length&&(this.hasFilters=!0,e.forEach((e=>{e.addEventListener("change",(e=>{const t=e.target.dataset.taxonomy,s=e.target.value;s?this.state.filters.taxonomies[t]=[parseInt(s)]:delete this.state.filters.taxonomies[t],this.updateClearFiltersButton(),this.state.page=1,this.loadContent(!0)}))})))}updateClearFiltersButton(){const e=document.querySelector(this.config.selectors.clearButton);if(!e)return;const t=Object.keys(this.state.filters.taxonomies).length>0||null!==this.state.filters.date.range;e.hidden=!t}clearAllFilters(){this.elements.container.querySelectorAll(".filter[data-taxonomy]").forEach((e=>e.value=""));const e=this.elements.container.querySelector("select.date-filter");e&&(e.value=""),this.state.filters={date:{range:null,custom:!1},taxonomies:{}},this.updateClearFiltersButton(),this.state.page=1,this.loadContent(!0)}initClearFilters(){this.config.selectors.clearButton&&document.querySelector(this.config.selectors.clearButton).addEventListener("click",(()=>this.clearAllFilters()))}initViewControls(){const e=this.elements.container.querySelector(".view-controls");if(!e)return;e.addEventListener("change",(e=>{const t=e.target;"radio"===t.type&&(this.setView(t.value),this.loadContent(!0))}));const t=localStorage.getItem(`${this.config.content}_view`)||"grid",s=e.querySelector(`input[value="${t}"]`);s&&(s.checked=!0,this.setView(t))}setView(e){this.state.view=e;const t=new Set(this.state.selected);this.elements.grid.classList.remove("grid-view","list-view"),this.elements.grid.classList.add(`${e}-view`),localStorage.setItem(`${this.config.content}_view`,e),this.loadContent(!0),t.forEach((e=>{const t=this.elements.grid.querySelector(`[data-id="${e}"]`);if(t){const e=t.querySelector('input[type="checkbox"]');e&&(e.checked=!0,t.classList.add("selected"))}})),this.updateBulkControls()}initBulkControls(){if(!this.elements.bulkControls)return;this.selectAll=this.elements.bulkControls.querySelector(".select-all"),this.selectAll&&this.selectAll.addEventListener("change",(()=>{this.getVisibleItems().forEach((e=>{this.toggleItemSelection(e,this.selectAll.checked)})),this.updateBulkControls()}));const e=this.elements.bulkControls.querySelector(".bulk-action-select"),t=this.elements.bulkControls.querySelector(".apply-bulk");t&&e&&(this.updateBulkActionOptions(),this.elements.container.querySelector(".status-filters"),t.addEventListener("click",(()=>{const t=e.value;if(!t)return;const s=Array.from(this.state.selected);switch(t){case"restore":this.handleBulkOperation("restore",s);break;case"delete":confirm(`Hold up! Are you sure you want to permanently delete these ${this.config.plural}?\n\nThis is a forever kind of deal - no taking it back.`)&&this.handleBulkOperation("delete",s);break;case"trash":this.handleBulkOperation("trash",s);break;case"edit":this.openBulkEditModal();const e=document.querySelector(".bulk-edit-modal");if(e){const t=e.querySelector(".selected-count");t&&(t.textContent=`( ${s.length} items )`);const i=e.querySelector(".selected");if(i){let e="";s.forEach((t=>{let s=this.elements.grid.querySelector('[data-id="'+t+'"]');e+='<input type="checkbox" id="selected-'+t+'" name="posts" value="'+t+'" checked><label for="selected-'+t+'"><img width="100%" height="auto" src="'+s.dataset.img+'"></label>'})),i.innerHTML=e}}break;case"publish":case"draft":this.handleBulkOperation(t,s)}e.value=""})));const s=this.elements.bulkControls.querySelector(".cancel-bulk");s&&s.addEventListener("click",(()=>{this.clearSelection()}))}updateBulkActionOptions(){const e=this.elements.bulkControls.querySelector(".bulk-action-select");e&&("trash"===this.state.filters.status?e.innerHTML='\n            <option value="">Bulk Actions...</option>\n            <option value="restore">Restore</option>\n            <option value="delete">Permanently Delete</option>\n        ':e.innerHTML='\n            <option value="">Bulk Actions...</option>\n            <option value="edit">Edit</option>\n            <option value="publish">Show</option>\n            <option value="draft">Hide</option>\n            <option value="trash">Scrap</option>\n        ')}initModals(){this.elements.editModal&&(this.editModal=new window.jvbModal(this.elements.editModal,{open:!1,close:this.elements.editModal.querySelector(".cancel"),save:this.elements.editModal.querySelector(".save"),onSave:()=>{const e=new FormData(this.elements.editModal.querySelector("form"));let t={};const s=this.elements.editModal.querySelectorAll(".taxonomies .jvb-selector");let i=Object.fromEntries(e);s.forEach((e=>{const s=e.dataset.taxonomy.replace(jvbSettings.base||"jvb_","");if(delete i["edit-"+s],e.__instance){const i=e.__instance.selectedItems;i&&Object.keys(i).length>0&&(t[s]=Object.keys(i).join(","))}})),i.taxonomies=t;for(let[e,t]of Object.entries(i))""!==t&&0!==Object.keys(t).length||delete i[e];this.queueContentUpdate(this.elements.editModal.dataset.id,i)}}));const e=this.elements.bulkEditModal;if(e){let t=!1;const s=e.querySelector("form");s?.addEventListener("change",(()=>{t=!0})),e.addEventListener("keydown",(s=>{"Escape"===s.key&&(s.preventDefault(),this.handleModalClose(e,t))})),e.addEventListener("click",(s=>{s.target===e&&this.handleModalClose(e,t)})),e.querySelector(".cancel")?.addEventListener("click",(()=>{this.handleModalClose(e,t),this.clearSelection()})),e.querySelector(".save")?.addEventListener("click",(()=>{const i=new FormData(s),o=Array.from(i.getAll("posts")),a={};""===i.get("term_name")&&(i.delete("term_name"),i.delete("select_parent"));let n={};e.querySelectorAll(".taxonomies .jvb-selector").forEach((e=>{const t=e.dataset.taxonomy.replace(jvbSettings.base||"jvb_","");if(e.__instance){const s=e.__instance.selectedItems;s&&Object.keys(s).length>0&&(n[t]=Object.keys(s).join(","))}})),o.forEach((e=>{a[e]={append:!0,content:this.config.content,status:i.get("bulk_status"),taxonomies:n}})),this.queueManager.addToQueue({type:"content_update",data:{posts:a}}),t=!1,e.close(),this.clearSelection()})),e.addEventListener("submit",(i=>{const o=new FormData(s),a=Array.from(o.getAll("posts")),n={};""===o.get("term_name")&&(o.delete("term_name"),o.delete("select_parent"));let l={};for(const e of this.config.taxonomies)l[e]=o.getAll(e),o.delete(e);a.forEach((e=>{n[e]={append:!0,content:this.config.content,status:o.get("bulk_status"),taxonomies:l}})),this.queueManager.addToQueue({type:"content_update",data:{posts:n}}),t=!1,e.close(),this.clearSelection()}))}this.openEditModal=e=>{console.log("Openening whatsit");const t=this.editModal.modal;if(!t)return;console.log("continuing");let s=e.dataset.id;t.dataset.id=s;let i=JSON.parse(e.dataset.fields),o=e.dataset.status;t.querySelector("input#set-"+o).checked=!0;for(let s in i){let o=i[s];o&&(t.querySelector("[name="+s+"]").value=o,"featured_image"===s&&(console.log(e),t.querySelector("[data-field=featured_image] .image-display").classList.add("has-image"),t.querySelector("[data-field=featured_image] .image-display img").src=e.dataset.img))}t.querySelector(".image")&&document.querySelectorAll(".image").forEach((e=>{const t=e.dataset.field,i=e.querySelector(".file-upload-container"),o=(new window.jvbFileUploader(e,{mode:"direct",content:this.config.content,postID:s,fieldName:t,type:"image_upload",selectors:{dropZone:i,uploader:e},onSuccess:t=>this.handleImageUploadSuccess(t,e),onError:t=>this.handleImageUploadError(t,e)}),e.querySelector(".remove-image"));o&&o.addEventListener("click",(()=>{this.handleImageRemove(e)}));const a=e.querySelector(".replace-image");a&&a.addEventListener("click",(()=>{e.querySelector('input[type="file"]').click()}))})),t.querySelector(".gallery")&&document.querySelectorAll(".gallery").forEach((t=>{const i=t.dataset.field,o=t.querySelector(".gallery-preview");e.dataset.images&&e.dataset.images.split(",").forEach((e=>{this.addToGalleryPreview(e,o)})),new window.jvbFileUploader(t,{mode:"gallery",selectors:{dropZone:t.querySelector(".file-upload-container"),previewGrid:o,uploader:t},type:"image_upload",content:this.config.content,postID:s,fieldName:i,onUploadComplete:e=>{const s=t.querySelector('input[type="hidden"]'),i=s.value?s.value.split(","):[],a=e.data.map((e=>e.attachment_id));s.value=[...i,...a].join(","),e.data.forEach((e=>{const t=document.createElement("div");t.className="preview-item",t.dataset.id=e.attachment_id,t.draggable=!0,t.innerHTML=`\n                        <img src="${e.url}" alt="Upload preview">\n                        <button type="button" class="remove-preview">\n                            ${jvbSettings.icons.delete}\n                        </button>\n                        <button type="button" class="move-image">\n                            ${jvbSettings.icons.grab}\n                        </button>\n                    `,o.appendChild(t)})),s.dispatchEvent(new Event("change",{bubbles:!0}))}}),new Sortable(o,{animation:150,handle:".move-image",onEnd:()=>{const e=t.querySelector('input[type="hidden"]'),s=[...o.querySelectorAll(".preview-item")].map((e=>e.dataset.id));e.value=s.join(","),e.dispatchEvent(new Event("change",{bubbles:!0}))}})})),t.querySelector(".taxonomies")&&t.querySelectorAll(".taxonomies .jvb-selector").forEach((t=>{let s=t.dataset.taxonomy,i=(t.classList.contains("hierarchical"),JSON.parse(t.dataset.config)),o=e.dataset[s]?JSON.parse(e.dataset[s]):{},a=i.common;t.__instance=new window.jvbSelector(t,{title:"Select "+s+"(s)",selected:o,common:a,allowMultiple:i.multiple,createNew:!0})})),t.showModal()},this.openBulkEditModal=()=>{const t=this.elements.bulkEditModal;if(!t)return;const s=this.state.selected,i=t.querySelector(".selected-count");i&&(i.textContent=`(${s.length} items)`),e.querySelectorAll(".taxonomies .jvb-selector").forEach((e=>{const t=e.dataset.taxonomy,s=(e.classList.contains("hierarchical"),JSON.parse(e.dataset.config));e.__instance=new window.jvbSelector(e,{title:`Select ${t}(s)`,values:{},allowMultiple:s.multiple,appendMode:!0,createNew:!0})})),t.showModal()}}handleModalClose(e,t){return t?!!confirm("You have unsaved changes. Are you sure you want to close this window?")&&(e.querySelectorAll(".gallery").forEach((e=>{e.__uploader&&(e.__uploader.cleanup(),delete e.__uploader)})),e.close(),!0):(e.close(),!0)}addToGalleryPreview(e,t){const s=document.createElement("div");return s.className="preview-item",s.draggable=!0,s.innerHTML=`\n        <img src="${e}" alt="Upload preview">\n        <div class="upload-status">\n            <div class="upload-progress"></div>\n        </div>\n        <button type="button" class="remove-preview" title="Remove Image">\n            ${jvbSettings.icons.delete}\n        </button>\n        <button type="button" class="move-image" title="Reorder Image">\n            ${jvbSettings.icons.grab}\n        </button>\n    `,t.appendChild(s),s}handleImageUploadSuccess(e,t){if(!e.data||!e.data.length)return;const s=t.querySelector(".image-display");removeChildren(s),s.classList.add("has-image");let i=[];e.data.forEach((e=>{let t=new Image;t.src=e.url,i.push(e.attachment_id),s.appendChild(t)})),t.querySelector('input[type="hidden"]').value=i.join(","),t.querySelector(".file-upload-container").hidden=!0,this.showNotification("Image updated successfully")}handleImageUploadError(e,t){console.error("Upload error:",e),this.showNotification("Failed to upload image","error"),t.querySelector(".file-upload-container").hidden=!1;const s=t.querySelector(".file-error");s&&(s.textContent="")}handleImageRemove(e){const t=e.querySelector(".image-display"),s=t.querySelector("img"),i=e.querySelector('input[type="hidden"]'),o=e.querySelector(".file-upload-container");i.value="",s.src="",t.classList.remove("has-image"),o.hidden=!1,this.showNotification("Image removed")}clearSelection(){this.getVisibleItems().forEach((e=>this.toggleItemSelection(e,!1))),this.state.selected.clear(),this.selectAll.checked=!1,this.updateBulkControls()}updateBulkControls(){const e=this.state.selected.size>0;this.elements.grid.classList.toggle("selecting",e),this.elements.bulkControls.classList.toggle("has-selection",e),this.elements.bulkControls.querySelector(".bulk-actions").hidden=!e,e&&document.addEventListener("keydown",(e=>{"Escape"===e.key&&this.state.selected.size>0&&(this.clearSelection(),this.showNotification("Selection cleared"))}));const t=this.elements.bulkControls.querySelector(".selected-count");t&&(t.textContent=e?`( ${this.state.selected.size} selected )`:"")}getVisibleItems(){return Array.from(this.elements.grid.querySelectorAll(".item:not([hidden])"))}showNotification(e,t="success"){window.jvbNotifications?window.jvbNotifications.showPopupNotification({message:e,type:t,priority:"medium",duration:3e3}):alert(e)}};

 assets/js/min/DashboardNavigator.min.js

File was deleted

 assets/js/min/admin.min.js

File was deleted

 assets/js/min/auth.min.js

New file
@@ -0,0 +1 @@
window.auth=new class{constructor(){this.initialized=!1,this.isAuthenticating=!1,this.authenticated=!1,this.user=!1,this.nonces={},this.subscribers=new Set,this.storageKey="jvb_auth_state",this.cacheMetaKey="jvb_auth_meta",this.cacheExpiry=3e5,this.init()}async init(){if(this.isAuthenticating)return new Promise((t=>{const e=setInterval((()=>{this.initialized&&(clearInterval(e),t())}),50)}));this.isAuthenticating=!0;try{const t=this.getCachedAuth();if(t)return this.setAuthData(t),this.initialized=!0,this.isAuthenticating=!1,void this.notify("auth-loaded",{fromCache:!0});await this.fetchAuth()}catch(t){console.error("Failed to initialize auth:",t),this.clearAuthData(),this.initialized=!0,this.isAuthenticating=!1,this.notify("auth-error",{error:t})}}async fetchAuth(){const t=await fetch(`${jvbSettings.api}auth/status`,{method:"GET",credentials:"same-origin",headers:{"Content-Type":"application/json"}});if(!t.ok)throw new Error("Auth check failed");const e=await t.json(),i=sessionStorage.getItem(this.cacheMetaKey);if(i){const t=JSON.parse(i);t.session_id&&t.session_id!==e.session_id&&(this.clearCachedAuth(),this.notify("session-changed",{}))}this.cacheAuth(e),this.setAuthData(e),this.initialized=!0,this.isAuthenticating=!1,this.notify("auth-loaded",{fromCache:!1})}setAuthData(t){this.authenticated=t.authenticated||!1,this.user=t.user||!1,this.nonces=t.nonces||{}}clearAuthData(){this.authenticated=!1,this.user=null,this.nonces={},sessionStorage.removeItem(this.storageKey),sessionStorage.removeItem(this.cacheMetaKey)}getCachedAuth(){try{const t=sessionStorage.getItem(this.storageKey),e=sessionStorage.getItem(this.cacheMetaKey);if(!t||!e)return null;const i=JSON.parse(e),s=JSON.parse(t);return Date.now()-i.timestamp>this.cacheExpiry?(this.clearCachedAuth(),null):s}catch(t){return console.error("Error reading cached auth:",t),null}}cacheAuth(t){try{sessionStorage.setItem(this.storageKey,JSON.stringify(t)),sessionStorage.setItem(this.cacheMetaKey,JSON.stringify({session_id:t.session_id||null,timestamp:Date.now()}))}catch(t){console.error("Error caching auth:",t)}}clearCachedAuth(){sessionStorage.removeItem(this.storageKey),sessionStorage.removeItem(this.cacheMetaKey)}async refresh(){this.isAuthenticating=!0,this.initialized=!1;try{await this.fetchAuth(),this.notify("auth-refreshed",{})}catch(t){console.error("Failed to refresh auth:",t),this.clearAuthData(),this.initialized=!0,this.isAuthenticating=!1,this.notify("auth-error",{error:t})}}getNonce(t="wp_rest"){return this.nonces[t]||""}getUser(){return this.user}isAuthenticated(){return this.authenticated}async handleLogin(t=null){if(sessionStorage.removeItem(this.storageKey),sessionStorage.removeItem(this.cacheMetaKey),t)return this.cacheAuth(t),this.setAuthData(t),this.initialized=!0,this.isAuthenticating=!1,void this.notify("auth-loaded",{fromCache:!1,fromLogin:!0});await this.refresh()}handleLogout(){this.clearAuthData(),this.notify("logged-out",{})}subscribe(t){return this.subscribers.add(t),this.initialized&&t("auth-loaded",{fromCache:!1,immediate:!0}),()=>this.subscribers.delete(t)}notify(t,e){this.subscribers.forEach((i=>{try{i(t,e)}catch(t){console.error("Subscriber error:",t)}}))}ready(){return this.initialized?Promise.resolve():new Promise((t=>{const e=this.subscribe((i=>{"auth-loaded"!==i&&"auth-error"!==i||(e(),t())}))}))}};

 assets/js/min/bioManager.min.js

@@ -1 +1 @@
window.formManager=class{constructor(){this.form=document.querySelector(".replace form"),this.nav=document.querySelector(".form-sections"),this.tabs=new window.jvbTabs(document.querySelector(".replace")),this.selectorInstances=new Map,this.highlightInstances=new Map,this.selectors={}}handleSave(e){null!==e&&(e.user=jvbSettings.currentUser,Object.hasOwn(e,"term_name")&&""===e.term_name&&(delete e.term_name,delete e.select_parent),window.jvbQueue.addToQueue({type:bioSettings.type,data:e}))}};
window.formManager=class{constructor(){this.form=document.querySelector(".replace form"),this.nav=document.querySelector(".form-sections"),this.tabs=new window.jvbTabs(document.querySelector(".replace")),this.selectorInstances=new Map,this.highlightInstances=new Map,this.selectors={}}handleSave(e){null!==e&&(e.user=window.auth.getUser(),Object.hasOwn(e,"term_name")&&""===e.term_name&&(delete e.term_name,delete e.select_parent),window.jvbQueue.addToQueue({type:bioSettings.type,data:e}))}};

 assets/js/min/creator.min.js

@@ -1 +1 @@
window.jvbTaxCreator=class{constructor(e){this.selector=e,e.modal&&(this.createNew=e.modal.querySelector(".create-new-term"),this.toggle=e.modal.querySelector(".new-term-toggle"),this.form=this.createNew?.querySelector(".create-new-term-section")),this.initListeners(),this.form&&this.initTermCreation()}initListeners(){this.clickHandler=this.handleClick.bind(this),document.addEventListener("click",this.clickHandler)}handleClick(e){window.targetCheck(e,".create-new-term summary")&&(this.createNew.open&&this.createNew.querySelector('input[name="term_name"]').focus(),this.resetParentOptions()),window.targetCheck(e,".submit-term")&&this.handleTermCreation(e),window.targetCheck(e,".create-term")&&this.handleAutocompleteCreate(e)}async handleTermCreation(e){const t=this.selector.currentConfig?.taxonomy;if(!t)return;const r=this.form.querySelector('input[name="term_name"]').value.trim(),s=parseInt(this.form.querySelector("input#select_parent")?.value)||0;if(r)try{this.form.querySelector("button").disabled=!0;const e=await this.createTerm(r,s,t);if(e.success&&e.term){let o=e.term;this.createNew.open=!1,await this.selector.store.clearCache(),this.selector.store.data.set(o.id,{id:o.id,name:o.name,path:termPath,taxonomy:field.taxonomy,parent:0,count:0,hasChildren:!1,slug:o.slug||r.toLowerCase().replace(/\s+/g,"-")}),this.selector.addSelectedTermToModal(o.id,o.name,o.path||o.name),(this.selector.store.filters.parent||0)===s&&await this.selector.store.setFilters({taxonomy:t,parent:s,page:1,search:""}),this.form.querySelector('input[name="term_name"]').value="";const a=this.createNew.querySelector(".term-suggestions");a&&(a.hidden=!0),this.selector.store.cache.clear()}}catch(e){console.error("Error creating term:",e),this.selector.error?.log(e,{component:"TaxonomyCreator",action:"handleTermCreation"})}finally{this.form.querySelector("button").disabled=!1}}async handleAutocompleteCreate(e){const t=e.target.closest(".create-term"),r=this.selector.getFieldId(t),s=this.selector.fields.get(r);if(!s)return;const o=s.container.querySelector("input[data-autocomplete]"),a=o?.value.trim()||t.dataset.query;if(!a)return;const n=t.innerHTML;try{t.disabled=!0,t.textContent="Creating...";const e=await this.createTerm(a,0,s.taxonomy);if(e.success&&e.term){const t=e.term,r=t.path||t.name;s.selectedTerms.add(parseInt(t.id)),this.selector.store.data.set(t.id,{id:t.id,name:t.name,path:r,taxonomy:s.taxonomy,parent:0,count:0,hasChildren:!1,slug:t.slug||a.toLowerCase().replace(/\s+/g,"-")}),this.selector.addTermToDisplay(s.id,t.id,t.name,r),s.input.value=Array.from(s.selectedTerms).join(","),s.input.dispatchEvent(new Event("change",{bubbles:!0})),s.autocompleteDropdown.hidden=!0,o&&(o.value=""),this.selector.store.clearCache(),await this.selector.store.setFilters({taxonomy:s.taxonomy,page:1,search:"",parent:0})}else if("exists"===e.reason&&e.term){const t=e.term;s.selectedTerms.add(parseInt(t.id)),this.selector.addTermToDisplay(s.id,t.id,t.name,t.path||t.name),s.input.value=Array.from(s.selectedTerms).join(","),s.input.dispatchEvent(new Event("change",{bubbles:!0})),s.autocompleteDropdown.hidden=!0,o&&(o.value="")}}catch(e){console.error("Error creating term:",e),t.innerHTML=n,t.disabled=!1,this.selector.error?.log(e,{component:"TaxonomyCreator",action:"handleAutocompleteCreate"})}}initTermCreation(){this.form&&this.form.addEventListener("change",(e=>{e.preventDefault(),e.stopPropagation()}))}resetParentOptions(){const e=this.selector.currentConfig?.taxonomy;if(!e)return;let t=this.createNew.querySelector("#select_parent");if(!t)return;let r=t.querySelector("option");if(!r)return;window.removeChildren(t),t.append(r.cloneNode(!0));const s=this.selector.store.filters.parent||0;if(0!==s){const e=this.selector.store.data.get(s);if(e){let s=r.cloneNode(!0);s.value=e.id,s.textContent=e.name,t.append(s)}}const o=[];this.selector.store.data.forEach((t=>{t.taxonomy===e&&t.parent===s&&o.push(t)})),o.sort(((e,t)=>e.name.localeCompare(t.name))),o.forEach((e=>{let s=r.cloneNode(!0);s.id=`select-parent-${e.id}`,s.value=e.id,s.textContent="  — "+e.name,t.append(s)}))}async createTerm(e,t=0,r){try{await this.selector.store.setFilters({taxonomy:r,search:e,page:1,parent:0});const s=Array.from(this.selector.store.data.values()).find((t=>t.taxonomy===r&&t.name.toLowerCase()===e.toLowerCase()));if(s)return this.createNew&&this.showTermSuggestions([s],!0),{success:!1,reason:"exists",term:s};const o=await fetch(`${jvbSettings.api}terms`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce},body:JSON.stringify({taxonomy:r,name:e,parent:t})});if(!o.ok)throw new Error(`Server error: ${o.status}`);return await o.json()}catch(e){throw console.error("Error creating term:",e),e}}async searchExistingTerms(e,t){return new Promise((r=>{const s=(e,t)=>{"data-loaded"===e&&(this.selector.store.unsubscribe(s),r(t.data?.items||[]))};this.selector.store.subscribe(s),this.selector.store.setFilters({taxonomy:t,search:e,page:1,parent:0})}))}showTermSuggestions(e,t=!1){const r=this.createNew.querySelector(".term-suggestions")||this.createSuggestionContainer();window.removeChildren(r);const s=document.createElement("h4");s.textContent=t?"This term already exists:":"Similar terms already exist:",r.appendChild(s);const o=document.createElement("ul");o.className="term-suggestion-list",e.forEach((e=>{const t=document.createElement("li"),s=document.createElement("button");s.type="button",s.className="use-existing-term",s.setAttribute("data-id",e.id),s.textContent=e.path||e.name,s.addEventListener("click",(()=>{this.selector.addSelectedTermToModal(e.id,e.name,e.path||e.name),this.createNew.open=!1,r.hidden=!0,this.form.querySelector('input[name="term_name"]').value=""})),t.appendChild(s),o.appendChild(t)})),r.appendChild(o),r.hidden=!1}createSuggestionContainer(){const e=document.createElement("div");return e.className="term-suggestions",e.hidden=!0,this.createNew.querySelector("form").after(e),e}destroy(){this.clickHandler&&document.removeEventListener("click",this.clickHandler);const e=this.createNew?.querySelector(".loading-message.create-term");e&&(e.hidden=!0);const t=this.createNew?.querySelector(".term-suggestions");t&&(t.hidden=!0)}};
window.jvbTaxCreator=class{constructor(e){this.selector=e,e.modal&&(this.createNew=e.modal.querySelector(".create-new-term"),this.toggle=e.modal.querySelector(".new-term-toggle"),this.form=this.createNew?.querySelector(".create-new-term-section")),this.initListeners(),this.form&&this.initTermCreation()}initListeners(){this.clickHandler=this.handleClick.bind(this),document.addEventListener("click",this.clickHandler)}handleClick(e){window.targetCheck(e,".create-new-term summary")&&(this.createNew.open&&this.createNew.querySelector('input[name="term_name"]').focus(),this.resetParentOptions()),window.targetCheck(e,".submit-term")&&this.handleTermCreation(e),window.targetCheck(e,".create-term")&&this.handleAutocompleteCreate(e)}async handleTermCreation(e){const t=this.selector.currentConfig?.taxonomy;if(!t)return;const r=this.form.querySelector('input[name="term_name"]').value.trim(),s=parseInt(this.form.querySelector("input#select_parent")?.value)||0;if(r)try{this.form.querySelector("button").disabled=!0;const e=await this.createTerm(r,s,t);if(e.success&&e.term){let o=e.term;this.createNew.open=!1,await this.selector.store.clearCache(),this.selector.store.data.set(o.id,{id:o.id,name:o.name,path:termPath,taxonomy:field.taxonomy,parent:0,count:0,hasChildren:!1,slug:o.slug||r.toLowerCase().replace(/\s+/g,"-")}),this.selector.addSelectedTermToModal(o.id,o.name,o.path||o.name),(this.selector.store.filters.parent||0)===s&&await this.selector.store.setFilters({taxonomy:t,parent:s,page:1,search:""}),this.form.querySelector('input[name="term_name"]').value="";const a=this.createNew.querySelector(".term-suggestions");a&&(a.hidden=!0),this.selector.store.cache.clear()}}catch(e){console.error("Error creating term:",e),this.selector.error?.log(e,{component:"TaxonomyCreator",action:"handleTermCreation"})}finally{this.form.querySelector("button").disabled=!1}}async handleAutocompleteCreate(e){const t=e.target.closest(".create-term"),r=this.selector.getFieldId(t),s=this.selector.fields.get(r);if(!s)return;const o=s.container.querySelector("input[data-autocomplete]"),a=o?.value.trim()||t.dataset.query;if(!a)return;const n=t.innerHTML;try{t.disabled=!0,t.textContent="Creating...";const e=await this.createTerm(a,0,s.taxonomy);if(e.success&&e.term){const t=e.term,r=t.path||t.name;s.selectedTerms.add(parseInt(t.id)),this.selector.store.data.set(t.id,{id:t.id,name:t.name,path:r,taxonomy:s.taxonomy,parent:0,count:0,hasChildren:!1,slug:t.slug||a.toLowerCase().replace(/\s+/g,"-")}),this.selector.addTermToDisplay(s.id,t.id,t.name,r),s.input.value=Array.from(s.selectedTerms).join(","),s.input.dispatchEvent(new Event("change",{bubbles:!0})),s.autocompleteDropdown.hidden=!0,o&&(o.value=""),this.selector.store.clearCache(),await this.selector.store.setFilters({taxonomy:s.taxonomy,page:1,search:"",parent:0})}else if("exists"===e.reason&&e.term){const t=e.term;s.selectedTerms.add(parseInt(t.id)),this.selector.addTermToDisplay(s.id,t.id,t.name,t.path||t.name),s.input.value=Array.from(s.selectedTerms).join(","),s.input.dispatchEvent(new Event("change",{bubbles:!0})),s.autocompleteDropdown.hidden=!0,o&&(o.value="")}}catch(e){console.error("Error creating term:",e),t.innerHTML=n,t.disabled=!1,this.selector.error?.log(e,{component:"TaxonomyCreator",action:"handleAutocompleteCreate"})}}initTermCreation(){this.form&&this.form.addEventListener("change",(e=>{e.preventDefault(),e.stopPropagation()}))}resetParentOptions(){const e=this.selector.currentConfig?.taxonomy;if(!e)return;let t=this.createNew.querySelector("#select_parent");if(!t)return;let r=t.querySelector("option");if(!r)return;window.removeChildren(t),t.append(r.cloneNode(!0));const s=this.selector.store.filters.parent||0;if(0!==s){const e=this.selector.store.data.get(s);if(e){let s=r.cloneNode(!0);s.value=e.id,s.textContent=e.name,t.append(s)}}const o=[];this.selector.store.data.forEach((t=>{t.taxonomy===e&&t.parent===s&&o.push(t)})),o.sort(((e,t)=>e.name.localeCompare(t.name))),o.forEach((e=>{let s=r.cloneNode(!0);s.id=`select-parent-${e.id}`,s.value=e.id,s.textContent="  — "+e.name,t.append(s)}))}async createTerm(e,t=0,r){try{await this.selector.store.setFilters({taxonomy:r,search:e,page:1,parent:0});const s=Array.from(this.selector.store.data.values()).find((t=>t.taxonomy===r&&t.name.toLowerCase()===e.toLowerCase()));if(s)return this.createNew&&this.showTermSuggestions([s],!0),{success:!1,reason:"exists",term:s};const o=await fetch(`${jvbSettings.api}terms`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify({taxonomy:r,name:e,parent:t})});if(!o.ok)throw new Error(`Server error: ${o.status}`);return await o.json()}catch(e){throw console.error("Error creating term:",e),e}}async searchExistingTerms(e,t){return new Promise((r=>{const s=(e,t)=>{"data-loaded"===e&&(this.selector.store.unsubscribe(s),r(t.data?.items||[]))};this.selector.store.subscribe(s),this.selector.store.setFilters({taxonomy:t,search:e,page:1,parent:0})}))}showTermSuggestions(e,t=!1){const r=this.createNew.querySelector(".term-suggestions")||this.createSuggestionContainer();window.removeChildren(r);const s=document.createElement("h4");s.textContent=t?"This term already exists:":"Similar terms already exist:",r.appendChild(s);const o=document.createElement("ul");o.className="term-suggestion-list",e.forEach((e=>{const t=document.createElement("li"),s=document.createElement("button");s.type="button",s.className="use-existing-term",s.setAttribute("data-id",e.id),s.textContent=e.path||e.name,s.addEventListener("click",(()=>{this.selector.addSelectedTermToModal(e.id,e.name,e.path||e.name),this.createNew.open=!1,r.hidden=!0,this.form.querySelector('input[name="term_name"]').value=""})),t.appendChild(s),o.appendChild(t)})),r.appendChild(o),r.hidden=!1}createSuggestionContainer(){const e=document.createElement("div");return e.className="term-suggestions",e.hidden=!0,this.createNew.querySelector("form").after(e),e}destroy(){this.clickHandler&&document.removeEventListener("click",this.clickHandler);const e=this.createNew?.querySelector(".loading-message.create-term");e&&(e.hidden=!0);const t=this.createNew?.querySelector(".term-suggestions");t&&(t.hidden=!0)}};

 assets/js/min/crud.min.js

@@ -1 +1 @@
(()=>{class e{constructor(e){if(this.queue=window.jvbQueue,this.config=e,this.content=e.content||!1,this.settings=window.jvbUserSettings,!this.content)return;this.isTimeline=!1,this.currentItemID=null,this.initElements(),this.updateBulkOptions();const t=window.jvbStore.register(this.content,{storeName:this.content,keyPath:"id",endpoint:"content",headers:{action_nonce:jvbSettings.dash},indexes:[{name:"id",keyPath:"id"},{name:"status",keyPath:"status"},{name:"date",keyPath:"date"},{name:"modified",keyPath:"modified"},{name:"title",keyPath:"title"}],filters:{content:this.content,user:jvbSettings.currentUser,page:1,status:"all",orderby:"modified",order:"desc"},TTL:18e5,showLoading:!0});this.store=t[this.content],this.status="all",this.filterTimeout=null,this.viewController=new window.jvbViews(this.ui.container,this.store),this.tableForm=null,this.tableChanges=new Map,this.formController=this.isTimeline?new window.jvbForm({collectFormData:()=>this.collectTimelineData.bind(this)}):new window.jvbForm,this.viewController.subscribe(((e,t)=>{if("table-view"!==e||this.tableForm){if("not-table-view"===e)this.tableForm;else if("order-changed"===e){let e=this.store.get(t);if(!e)return;let s={};s[t]=e,this.savePosts(s,"Updating progression order")}}else this.tableForm||(this.tableForm=this.formController.registerForm(t,{autosave:!1,formStatus:!1,isTable:!0}))})),this.formController.subscribe(((e,t)=>{switch(e){case"form-submit":case"form-autosave":this.handleFormChange(e,t)}})),this.queue.subscribe(((e,t)=>{Object.hasOwn(t,"endpoint")&&"content"===t.endpoint&&(console.log("Queue Subscription in CRUD.js: ",t),"operation-completed"===e?this.handleQueueSuccess(e,t):"operation-failed-permanent"===e&&this.handleQueueFailure(e,t))})),this.initialized=!1,this.init()}handleFormChange(e,t){let s=t.fullData.post_title,i=Object.hasOwn(t,"changes")?t.changes:t.fullData,l={};if(this.isTimeline)return l[this.currentItemID]=i,void this.savePosts(l,s);let o=[];switch(!0){case t.config.element===this.ui.forms.edit:l[this.currentItemID]=i,s=`Saving ${s} Changes`,i.post_status&&this.shouldRemoveItem(i.post_status)&&o.push(this.currentItemID);break;case t.config.element===this.ui.forms.bulkEdit:let a=t.config.element.querySelectorAll(".selected input:checked");a.forEach((e=>{l[e.value]=i,i.post_status&&this.shouldRemoveItem(i.post_status)&&o.push(e.value)})),s=`Updating ${a.length} ${this.config.plural??"posts"} Changes`;break;case t.config.element===this.ui.forms.create:"form-submit"===e&&(l[t.config.data["form-id"]]=i,s=`Saving ${s} Changes`)}if(o.length>0){let e=0;o.forEach((t=>{setTimeout((()=>{const e=document.querySelector(`.item[data-id="${t}"]`);e&&window.fade(e,!1)}),e),e+=50})),t.config.element===this.ui.forms.bulkEdit&&setTimeout((()=>{this.viewController.clearSelection()}),e+100)}window.isEmptyObject(l)||this.savePosts(l,s)}shouldRemoveItem(e){return"all"===this.status&&!["publish","draft"].includes(e)||e!==this.status}savePosts(e,t){if(window.isEmptyObject(e))return;for(let t in e)e[t].content||(e[t].content=this.content);let s={endpoint:"content",headers:{action_nonce:jvbSettings.dash},data:{posts:e},popup:"Saving changes",title:t};this.queue.addToQueue(s)}async handleQueueSuccess(e,t){this.store.clearCache(),this.store.clearHttpHeaders(),this.store.fetch()}handleQueueFailure(e,t){console.error("Operation failed permanently:",t),this.a11y?.announce(`Operation failed: ${t.error_message||"Unknown error"}`)}initElements(){this.elements={modals:{create:"dialog.create",edit:"dialog.edit",bulkEdit:"dialog.bulkEdit"},container:".crud[data-content]",grid:".item-grid",bulkSelectActions:".bulk-action-select",forms:{create:"dialog.create form",edit:"dialog.edit form",bulkEdit:"dialog.bulkEdit form"},uploader:"details.uploader"},this.ui=window.uiFromSelectors(this.elements),this.isTimeline=!!document.querySelector("[data-timeline]")}init(){this.settings.addSetting(this.ui.uploader,"open"),this.ui.uploader.addEventListener("toggle",(e=>{this.settings.saveSetting("open",this.ui.uploader.open?"on":"off")})),this.filterHandler=this.handleFilterChange.bind(this),this.changeHandler=this.handleChange.bind(this),this.modals={};for(let[e,t]of Object.entries(this.ui.modals))this.modals[e]=new window.jvbModal(t),this.modals[e].subscribe(((t,s)=>{if("modal-close"===t)this.currentItemID=null,this.formController.cleanupForm(this.modals[e].modal.querySelector("form").dataset.formId)}));this.setupEventDelegation(),this.setupFilters(),this.initialized=!0}setupEventDelegation(){document.addEventListener("change",this.changeHandler),document.addEventListener("click",(e=>{const t=e.target.closest("[data-action]");if(t){e.preventDefault();const s=t.dataset.action,i=t.dataset.id;switch(s){case"edit":this.populateEditForm(i),this.modals.edit.handleOpen();break;case"delete":if(confirm("Delete this item?")){let e={};e[t.dataset.id]={post_status:"delete",content:this.content},window.fade(t.closest(".item"),!1),this.savePosts(e,`Sending ${this.singular} to trash...`),this.store.delete(i)}break;case"trash":let e={};e[t.dataset.id]={post_status:"trash",content:this.content},window.fade(t.closest(".item"),!1),this.savePosts(e,`Sending ${this.singular} to trash...`);break;case"create":this.modals.create.dataset.itemID="new",this.modals.create.dataset.content=this.content,this.modals.create.handleOpen();break;case"bulk-edit":Array.from(this.viewController.selectedItems).length>0&&this.modals.bulkEdit.handleOpen();break;case"bulk-delete":const s=Array.from(this.viewController.selectedItems);s.length>0&&confirm(`Delete ${s.length} items?`)&&(s.forEach((e=>this.store.delete(e))),this.viewController.clearSelection());break;case"sync":break;case"refresh":this.store.fetch()}}e.target.closest(".create-item")&&(this.formController.registerForm(this.ui.forms.create),this.modals.create.handleOpen()),e.target.closest(".cancel-bulk")&&this.viewController.selectAll(!1)})),document.addEventListener("keydown",(e=>{(e.ctrlKey||e.metaKey)&&"a"===e.key&&this.ui.container&&this.ui.container.contains(document.activeElement)&&(e.preventDefault(),this.viewController.selectAll()),"Escape"===e.key&&this.viewController?.selectedItems.size>0&&0===window.jvbModal.getAllModals().length&&this.viewController.clearSelection()}))}handleChange(e){if(e.target.closest("[data-id]"))this.isTimeline?this.handleTimelineTableChange(e):this.handleTableChange(e);else{if(e.target.classList.contains("bulk-action-select")){if(e.target.value.startsWith("tax-")){const t=e.target.value.replace("tax-","");return this.openTaxonomyModal(t),void(e.target.value="")}switch(e.target.value){case"edit":this.populateBulkEdit(),this.modals.bulkEdit.handleOpen();break;case"publish":this.setBulkStatus("publish");break;case"draft":case"restore":this.setBulkStatus("draft");break;case"trash":this.setBulkStatus("trash");break;case"delete":this.setBulkStatus("delete")}}window.targetCheck(e,"select[data-filter]")&&this.handleFilterChange(e)}}handleTableChange(e){const t=e.target.closest("tr[data-id]");if(!t)return;const s=e.target,i=parseInt(t.dataset.id),l=s.closest(["data-field"])?.dataset.field;if(!l)return;const o=this.store.get(i);if(!o)return;o.fields[l]=this.getInputValue(s),this.store.save(o);let a={};a[i]=o.fields,this.savePosts(a,`Saving changes to ${this.content}`)}handleTimelineTableChange(e){const t=e.target.closest("tbody[data-id]");if(!t)return;const s=e.target,i=s.closest("[data-field]")?.dataset.field;if(!i)return;const l=parseInt(t.dataset.id),o=s.closest("tr.timeline-point"),a=this.store.get(l);if(!a)return;const n=this.getInputValue(s);if(o){const e=o.dataset.imageId;a.fields.timeline||(a.fields.timeline={}),a.fields.timeline[e]||(a.fields.timeline[e]={}),a.fields.timeline[e][i]=n}else a.fields[i]=n;this.store.save(a);let r={};r[l]=a.fields,this.savePosts(r,"Updating progress post")}getInputValue(e){return"checkbox"===e.type?e.checked?e.value||"1":"":"radio"===e.type?e.checked?e.value:null:e.value}openTaxonomyModal(e){window.jvbSelector?window.jvbSelector.openForFilter(e,((e,t)=>this.handleBulkTaxonomy(e,t))):console.error("TaxonomySelector not initialized")}handleBulkTaxonomy(e,t){if(e.length>0){e=e.join(",");let s={},i=Array.from(this.viewController.selectedItems);i.forEach((i=>{s[i]={content:this.content},s[i][t]=e}));let l=`Adding ${i.length} ${this.config.plural??"posts"} to ${e.length} ${jvbSettings.labels[t].plural}`;this.viewController.clearSelection(),this.savePosts(s,l)}}setBulkStatus(e){if(!["publish","draft","trash","delete"].includes(e))return;let t,s={};for(let t of this.viewController.selectedItems)s[t]={post_status:e,content:this.content};if("delete"===e)t="Deleting";else t=window.uppercaseFirst(e)+"ing";if("all"===this.status&&!["publish","draft"].includes(e)||e!==this.status){let e=0;for(let t of this.viewController.selectedItems)setTimeout((()=>{const e=document.querySelector(`.item[data-id="${t}"]`);e&&window.fade(e,!1)}),e),e+=50}this.viewController.clearSelection(),window.isEmptyObject(s)||this.savePosts(s,`${t} ${this.viewController.selectedItems.size} ${this.plural}...`)}handleFilterChange(e){let t=e.target;if("taxonomies"===t.dataset.filter){let e=t.dataset.taxonomy;this.store.setFilter(`tax_${e}`,t.value)}else this[t.dataset.filter]=t.value,this.store.setFilter(t.dataset.filter,t.value),"status"===t.dataset.filter&&this.updateBulkOptions(t.value)}updateBulkOptions(e="all"){if("trash"===e){if(this.ui.bulkSelectActions.querySelector('[value="edit"]')){window.removeChildren(this.ui.bulkSelectActions),window.getTemplate("trashOptions").querySelectorAll("option").forEach(((e,t)=>{0===t&&(e.checked=!0),this.ui.bulkSelectActions.append(e)}))}}else if(!this.ui.bulkSelectActions.querySelector('[value="edit"]')){window.removeChildren(this.ui.bulkSelectActions),window.getTemplate("notTrashOptions").querySelectorAll("option").forEach(((e,t)=>{this.ui.bulkSelectActions.append(e)}))}this.ui.bulkSelectActions.value=""}populateBulkEdit(){const e=this.modals.bulkEdit.modal.querySelector("form .selected");if(!e)return;window.removeChildren(e);for(let t of this.viewController.selectedItems){let s=this.store.get(t);const i=window.getTemplate("bulkItem");if(!i)return;const l=i.querySelector("input[type=checkbox]"),o=i.querySelector("img");l&&(l.id=`bulk_${s.id}`,l.value=s.id,l.checked=!0),o&&s.thumbnail&&(o.src=s.thumbnail,o.alt=s.alt||""),e.append(i)}let t=this.modals.bulkEdit.modal;[t.querySelector("h2 span").textContent]=[this.viewController.selectedItems.size],this.formController.registerForm(this.ui.forms.bulkEdit)}populateEditForm(e){this.currentItemID=e;let t=this.store.get(parseInt(e));if(t){this.ui.modals.edit.dataset.itemID=e,this.ui.modals.edit.dataset.content=this.content;let s=this.ui.modals.edit.querySelector("form");[this.ui.modals.edit.querySelector("h2").textContent]=[`Editing ${t.fields.post_title}`],s.dataset.formId=`edit-${e}`,new window.jvbPopulate(s,t.fields,t.images),this.formController.registerForm(this.ui.forms.edit)}}setupFilters(){const e=document.querySelector('input[type="search"]');if(e){let t;e.addEventListener("input",(()=>{e.value.length>3?(clearTimeout(t),t=setTimeout((()=>{this.store.setFilter("search",e.value)}),300)):0===e.value.length&&this.store.removeFilter("search")}))}}destroy(){document.querySelectorAll("[data-filter]").forEach((e=>{e.removeEventListener("change",this.filterHandler)}))}}document.addEventListener("DOMContentLoaded",(()=>{let t=document.querySelector("[data-content]");t&&(window.crudManager=new e({content:t.dataset.content}))}))})();
(()=>{class e{constructor(e){if(this.queue=window.jvbQueue,this.config=e,this.content=e.content||!1,this.settings=window.jvbUserSettings,this.a11y=window.jvbA11y,!this.content)return;this.isTimeline=!1,this.currentItemID=null,this.initElements(),this.updateBulkOptions();const t=window.jvbStore.register(this.content,{storeName:this.content,keyPath:"id",endpoint:"content",headers:{action_nonce:window.auth.getNonce("dash")},indexes:[{name:"id",keyPath:"id"},{name:"status",keyPath:"status"},{name:"date",keyPath:"date"},{name:"modified",keyPath:"modified"},{name:"title",keyPath:"title"}],filters:{content:this.content,user:window.auth.getUser(),page:1,status:"all",orderby:"modified",order:"desc"},TTL:18e5,showLoading:!0});this.store=t[this.content],this.status="all",this.filterTimeout=null,this.viewController=new window.jvbViews(this.ui.container,this.store),this.tableForm=null,this.tableChanges=new Map,this.formController=this.isTimeline?new window.jvbForm({collectFormData:()=>this.collectTimelineData.bind(this)}):new window.jvbForm,this.viewController.subscribe(((e,t)=>{if("table-view"!==e||this.tableForm){if("not-table-view"===e)this.tableForm;else if("order-changed"===e){let e=this.store.get(t);if(!e)return;let s={};s[t]=e,this.savePosts(s,"Updating progression order")}}else this.tableForm||(this.tableForm=this.formController.registerForm(t,{autosave:!1,formStatus:!1,isTable:!0}))})),this.formController.subscribe(((e,t)=>{switch(e){case"form-submit":case"form-autosave":this.handleFormChange(e,t)}})),this.queue.subscribe(((e,t)=>{Object.hasOwn(t,"endpoint")&&"content"===t.endpoint&&("operation-completed"===e?this.handleQueueSuccess(e,t):"operation-failed-permanent"===e&&this.handleQueueFailure(e,t))})),this.initialized=!1,this.init()}handleFormChange(e,t){let s=t.fullData.post_title,i=Object.hasOwn(t,"changes")?t.changes:t.fullData,l={};if(this.isTimeline)return l[this.currentItemID]=i,void this.savePosts(l,s);let a=[];switch(!0){case t.config.element===this.ui.forms.edit:l[this.currentItemID]=i,s=`Saving ${s} Changes`,i.post_status&&this.shouldRemoveItem(i.post_status)&&a.push(this.currentItemID);break;case t.config.element===this.ui.forms.bulkEdit:let o=t.config.element.querySelectorAll(".selected input:checked");o.forEach((e=>{l[e.value]=i,i.post_status&&this.shouldRemoveItem(i.post_status)&&a.push(e.value)})),s=`Updating ${o.length} ${this.config.plural??"posts"} Changes`;break;case t.config.element===this.ui.forms.create:"form-submit"===e&&(l[t.config.data["form-id"]]=i,s=`Saving ${s} Changes`)}if(a.length>0){let e=0;a.forEach((t=>{setTimeout((()=>{const e=document.querySelector(`.item[data-id="${t}"]`);e&&window.fade(e,!1)}),e),e+=50})),t.config.element===this.ui.forms.bulkEdit&&setTimeout((()=>{this.viewController.clearSelection()}),e+100)}0!==Object.keys(l).length&&this.savePosts(l,s)}shouldRemoveItem(e){return"all"===this.status&&!["publish","draft"].includes(e)||e!==this.status}savePosts(e,t){if(0===Object.keys(e).length)return;for(let t in e)e[t].content||(e[t].content=this.content);let s={endpoint:"content",headers:{action_nonce:window.auth.getNonce("dash")},data:{posts:e},popup:"Saving changes",title:t};this.queue.addToQueue(s)}async handleQueueSuccess(e,t){this.store.clearCache(),this.store.clearHttpHeaders(),this.store.fetch()}handleQueueFailure(e,t){console.error("Operation failed permanently:",t),this.a11y?.announce(`Operation failed: ${t.error_message||"Unknown error"}`)}initElements(){this.elements={modals:{create:"dialog.create",edit:"dialog.edit",bulkEdit:"dialog.bulkEdit"},container:".crud[data-content]",grid:".item-grid",bulkSelectActions:".bulk-action-select",forms:{create:"dialog.create form",edit:"dialog.edit form",bulkEdit:"dialog.bulkEdit form"},uploader:"details.uploader"},this.ui=window.uiFromSelectors(this.elements),this.isTimeline=!!document.querySelector("[data-timeline]")}init(){this.ui.uploader&&(this.settings.addSetting(this.ui.uploader,"open"),this.ui.uploader.addEventListener("toggle",(e=>{this.settings.saveSetting("open",this.ui.uploader.open?"on":"off")}))),this.filterHandler=this.handleFilterChange.bind(this),this.changeHandler=this.handleChange.bind(this),this.modals={};for(let[e,t]of Object.entries(this.ui.modals))this.modals[e]=new window.jvbModal(t),this.modals[e].subscribe(((t,s)=>{if("modal-close"===t)this.currentItemID=null,this.formController.cleanupForm(this.modals[e].modal.querySelector("form").dataset.formId)}));this.setupEventDelegation(),this.setupFilters(),this.initialized=!0}setupEventDelegation(){document.addEventListener("change",this.changeHandler),document.addEventListener("click",(e=>{const t=e.target.closest("[data-action]");if(t){e.preventDefault();const s=t.dataset.action,i=t.dataset.id;switch(s){case"edit":this.populateEditForm(i),this.modals.edit.handleOpen();break;case"delete":if(confirm("Delete this item?")){let e={};e[t.dataset.id]={post_status:"delete",content:this.content},window.fade(t.closest(".item"),!1),this.savePosts(e,`Sending ${this.singular} to trash...`),this.store.delete(i)}break;case"trash":let e={};e[t.dataset.id]={post_status:"trash",content:this.content},window.fade(t.closest(".item"),!1),this.savePosts(e,`Sending ${this.singular} to trash...`);break;case"create":this.modals.create.dataset.itemID="new",this.modals.create.dataset.content=this.content,this.modals.create.handleOpen();break;case"bulk-edit":Array.from(this.viewController.selectedItems).length>0&&this.modals.bulkEdit.handleOpen();break;case"bulk-delete":const s=Array.from(this.viewController.selectedItems);s.length>0&&confirm(`Delete ${s.length} items?`)&&(s.forEach((e=>this.store.delete(e))),this.viewController.clearSelection());break;case"sync":break;case"refresh":this.store.fetch()}}e.target.closest(".create-item")&&(this.formController.registerForm(this.ui.forms.create),this.modals.create.handleOpen()),e.target.closest(".cancel-bulk")&&this.viewController.selectAll(!1)})),document.addEventListener("keydown",(e=>{(e.ctrlKey||e.metaKey)&&"a"===e.key&&this.ui.container&&this.ui.container.contains(document.activeElement)&&(e.preventDefault(),this.viewController.selectAll()),"Escape"===e.key&&this.viewController?.selectedItems.size>0&&0===window.jvbModal.getAllModals().length&&this.viewController.clearSelection()}))}handleChange(e){if(e.target.closest("[data-id]"))this.isTimeline?this.handleTimelineTableChange(e):this.handleTableChange(e);else{if(e.target.classList.contains("bulk-action-select")){if(e.target.value.startsWith("tax-")){const t=e.target.value.replace("tax-","");return this.openTaxonomyModal(t),void(e.target.value="")}switch(e.target.value){case"edit":this.populateBulkEdit(),this.modals.bulkEdit.handleOpen();break;case"publish":this.setBulkStatus("publish");break;case"draft":case"restore":this.setBulkStatus("draft");break;case"trash":this.setBulkStatus("trash");break;case"delete":this.setBulkStatus("delete")}}window.targetCheck(e,"select[data-filter]")&&this.handleFilterChange(e)}}handleTableChange(e){const t=e.target.closest("tr[data-id]");if(!t)return;const s=e.target,i=parseInt(t.dataset.id),l=s.closest(["data-field"])?.dataset.field;if(!l)return;const a=this.store.get(i);if(!a)return;a.fields[l]=this.getInputValue(s),this.store.save(a);let o={};o[i]=a.fields,this.savePosts(o,`Saving changes to ${this.content}`)}handleTimelineTableChange(e){const t=e.target.closest("tbody[data-id]");if(!t)return;const s=e.target,i=s.closest("[data-field]")?.dataset.field;if(!i)return;const l=parseInt(t.dataset.id),a=s.closest("tr.timeline-point"),o=this.store.get(l);if(!o)return;const n=this.getInputValue(s);if(a){const e=a.dataset.imageId;o.fields.timeline||(o.fields.timeline={}),o.fields.timeline[e]||(o.fields.timeline[e]={}),o.fields.timeline[e][i]=n}else o.fields[i]=n;this.store.save(o);let r={};r[l]=o.fields,this.savePosts(r,"Updating progress post")}getInputValue(e){return"checkbox"===e.type?e.checked?e.value||"1":"":"radio"===e.type?e.checked?e.value:null:e.value}openTaxonomyModal(e){window.jvbSelector?window.jvbSelector.openForFilter(e,((e,t)=>this.handleBulkTaxonomy(e,t))):console.error("TaxonomySelector not initialized")}handleBulkTaxonomy(e,t){if(e.length>0){e=e.join(",");let s={},i=Array.from(this.viewController.selectedItems);i.forEach((i=>{s[i]={content:this.content},s[i][t]=e}));let l=`Adding ${i.length} ${this.config.plural??"posts"} to ${e.length} ${jvbSettings.labels[t].plural}`;this.viewController.clearSelection(),this.savePosts(s,l)}}setBulkStatus(e){if(!["publish","draft","trash","delete"].includes(e))return;let t,s={};for(let t of this.viewController.selectedItems)s[t]={post_status:e,content:this.content};if("delete"===e)t="Deleting";else t=window.uppercaseFirst(e)+"ing";if("all"===this.status&&!["publish","draft"].includes(e)||e!==this.status){let e=0;for(let t of this.viewController.selectedItems)setTimeout((()=>{const e=document.querySelector(`.item[data-id="${t}"]`);e&&window.fade(e,!1)}),e),e+=50}this.viewController.clearSelection(),0!==Object.keys(s).length&&this.savePosts(s,`${t} ${this.viewController.selectedItems.size} ${this.plural}...`)}handleFilterChange(e){let t=e.target;if("taxonomies"===t.dataset.filter){let e=t.dataset.taxonomy;this.store.setFilter(`tax_${e}`,t.value)}else this[t.dataset.filter]=t.value,this.store.setFilter(t.dataset.filter,t.value),"status"===t.dataset.filter&&this.updateBulkOptions(t.value)}updateBulkOptions(e="all"){if("trash"===e){if(this.ui.bulkSelectActions?.querySelector('[value="edit"]')){window.removeChildren(this.ui.bulkSelectActions),window.getTemplate("trashOptions").querySelectorAll("option").forEach(((e,t)=>{0===t&&(e.checked=!0),this.ui.bulkSelectActions.append(e)}))}}else if(this.ui.bulkSelectActions&&!this.ui.bulkSelectActions.querySelector('[value="edit"]')){window.removeChildren(this.ui.bulkSelectActions),window.getTemplate("notTrashOptions").querySelectorAll("option").forEach(((e,t)=>{this.ui.bulkSelectActions.append(e)}))}this.ui.bulkSelectActions&&(this.ui.bulkSelectActions.value="")}populateBulkEdit(){const e=this.modals.bulkEdit.modal.querySelector("form .selected");if(!e)return;window.removeChildren(e);for(let t of this.viewController.selectedItems){let s=this.store.get(t);const i=window.getTemplate("bulkItem");if(!i)return;const l=i.querySelector("input[type=checkbox]"),a=i.querySelector("img");l&&(l.id=`bulk_${s.id}`,l.value=s.id,l.checked=!0),a&&s.thumbnail&&(a.src=s.thumbnail,a.alt=s.alt||""),e.append(i)}let t=this.modals.bulkEdit.modal;[t.querySelector("h2 span").textContent]=[this.viewController.selectedItems.size],this.formController.registerForm(this.ui.forms.bulkEdit)}populateEditForm(e){this.currentItemID=e;let t=this.store.get(parseInt(e));if(t){this.ui.modals.edit.dataset.itemID=e,this.ui.modals.edit.dataset.content=this.content;let s=this.ui.modals.edit.querySelector("form");[this.ui.modals.edit.querySelector("h2").textContent]=[`Editing ${t.fields.post_title}`],s.dataset.formId=`edit-${e}`,new window.jvbPopulate(s,t.fields,t.images),this.formController.registerForm(this.ui.forms.edit)}}setupFilters(){const e=document.querySelector('input[type="search"]');if(e){let t;e.addEventListener("input",(()=>{e.value.length>3?(clearTimeout(t),t=setTimeout((()=>{this.store.setFilter("search",e.value)}),300)):0===e.value.length&&this.store.removeFilter("search")}))}}destroy(){document.querySelectorAll("[data-filter]").forEach((e=>{e.removeEventListener("change",this.filterHandler)}))}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{if("auth-loaded"===t){let t=document.querySelector("[data-content]");t&&!Object.hasOwn(t.dataset,"ignore")&&(window.crudManager=new e({content:t.dataset.content}))}}))}))})();

 assets/js/min/dataStore.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){if(e.instance)return e.instance;e.instance=this,this.dbConfig=new Map,this.databases=new Map,this.stores=new Map,this.subscribers=new Map,this.pendingInits=new Map,this.fetchQueue=[],this._initialized=!1,this.body=document.body,this.loading=document.querySelector("dialog.loading"),this.init()}async init(){this._initialized||(this._initialized=!0,"indexedDB"in window||console.warn("IndexedDB not supported"))}register(e,t=[],s=1.1){if(Array.isArray(t)||(t=[t]),0===t.length)return;this.dbConfig.has(e)||this.dbConfig.set(e,{dbName:`jvb_${e}`,version:s,stores:{},_initialized:!1});let r=this.dbConfig.get(e);t.forEach((t=>{if(!t.storeName)throw new Error(`Store config for "${e}" missing storeName`);if(!t.keyPath)throw new Error(`Store "${t.storeName}" requires keyPath`);const s=`${e}_${t.storeName}`,i={config:{dbName:r.dbName,storeName:"items",keyPath:"id",indexes:[],endpoint:null,apiBase:jvbSettings.api,filters:{},required:null,TTL:36e5,useHttpCaching:!0,showLoading:!1,delayFetch:!0,validateData:!0,...t},dbKey:e,storeKey:s,data:new Map,cache:new Map,httpHeaders:new Map,subscribers:new Map,filters:{...t.filters||{}},isFetching:!1,currentRequest:null,lastResponse:null,_initialized:!1};i.config.headers={"X-WP-Nonce":jvbSettings?.nonce,...i.config.headers},r.stores[t.storeName]=s,this.stores.set(s,i),this.subscribers.has(s)||this.subscribers.set(s,new Set)})),this.initDB(e).catch((t=>{console.error(`Failed to initialize store "${e}":`,t)}));const i={};for(const[e,t]of Object.entries(r.stores))i[e]=this.getStoreAPI(t);return i}getStoreAPI(e){const t={fetch:()=>this.fetch(e),save:t=>this.save(e,t),delete:t=>this.delete(e,t),get:t=>this.get(e,t),getAll:()=>this.getAll(e),getFiltered:()=>this.getFiltered(e),clear:()=>this.clear(e),setFilter:(t,s)=>this.setFilter(e,t,s),setFilters:t=>this.setFilters(e,t),removeFilter:t=>this.removeFilter(e,t),clearFilters:()=>this.clearFilters(e),clearCache:()=>this.clearCache(e),clearHttpHeaders:t=>this.clearHttpHeaders(e,t),subscribe:t=>this.subscribe(e,t),ensureInitialized:()=>this.ensureStoreInitialized(e),get filters(){return{...t.getStore().filters}},get lastResponse(){return t.getStore().lastResponse},get data(){return t.getStore().data},getStore:()=>this.stores.get(e)};return t}normalizeForStorage(e){if(null==e)return e;if(e instanceof Set)return Array.from(e);if(e instanceof Map)return Object.fromEntries(e);if(e instanceof ArrayBuffer||ArrayBuffer.isView(e))return e;if(e instanceof Date)return e;if(Array.isArray(e))return e.map((e=>this.normalizeForStorage(e)));if("object"==typeof e){const t={};for(const[s,r]of Object.entries(e))t[s]=this.normalizeForStorage(r);return t}return e}formDataToObject(e){const t={_isFormData:!0,entries:{}};for(const[s,r]of e.entries())r instanceof File||r instanceof Blob||(t.entries[s]?(Array.isArray(t.entries[s])||(t.entries[s]=[t.entries[s]]),t.entries[s].push(r)):t.entries[s]=r);return t}async objectToFormData(e){if(!e._isFormData)return e;const t=new FormData;for(const[s,r]of Object.entries(e.entries))Array.isArray(r)?r.forEach((e=>t.append(s,e))):t.append(s,r);if(window.jvbUploads&&e.entries.upload_ids){const s=JSON.parse(e.entries.upload_ids);for(const e of s){const s=await window.jvbUploads.getBlobData(e);s&&t.append("files[]",s)}}return t}stripDOMReferences(e,t=new WeakSet){if(null==e)return e;const s=typeof e;if("string"===s||"number"===s||"boolean"===s)return e;if("object"===s&&t.has(e))return"[Circular]";if(e instanceof HTMLElement||e instanceof NodeList||e instanceof HTMLCollection||void 0!==e.nodeType)return null;if(e instanceof ArrayBuffer||ArrayBuffer.isView(e))return e;if(e instanceof Date)return e;if(Array.isArray(e))return t.add(e),e.map((e=>this.stripDOMReferences(e,t))).filter((e=>null!==e));if("object"===s){t.add(e);const s={};for(const[r,i]of Object.entries(e)){const e=this.stripDOMReferences(i,t);null!==e&&(s[r]=e)}return s}return e}async initDB(e){const t=this.dbConfig.get(e);if(!t||t._initialized)return;if(this.pendingInits.has(e))return this.pendingInits.get(e);const s=this._performDBInit(e);this.pendingInits.set(e,s);try{await s,t._initialized=!0}finally{this.pendingInits.delete(e)}}async _performDBInit(e){const t=this.dbConfig.get(e),{dbName:s,version:r}=t,i=Object.values(t.stores);try{if(!this.databases.has(s)){const e=await this.openDatabase(s,r,(e=>{i.forEach((t=>{let s=this.stores.get(t);s&&this.setupStores(e,s.config)}))}));this.databases.set(s,e)}i.forEach((e=>{let t=this.stores.get(e);t&&(t.db=this.databases.get(s),t._initialized=!0,this.loadStoreDataInBackground(e),this.notify(e,"db-init"))}))}catch(t){throw console.error(`Failed to initialize database for store "${e}":`,t),t}}openDatabase(e,t,s){return new Promise(((r,i)=>{const a=indexedDB.open(e,t);a.onupgradeneeded=e=>{s&&s(e.target.result,e.oldVersion,e.newVersion)},a.onsuccess=e=>r(e.target.result),a.onerror=e=>i(e.target.error),a.onblocked=()=>{console.warn(`Database ${e} blocked. Close other tabs.`)}}))}setupStores(e,t){if(!e.objectStoreNames.contains(t.storeName)){const s=e.createObjectStore(t.storeName,{keyPath:t.keyPath});t.indexes.forEach((e=>{s.createIndex(e.name,e.keyPath||e.name,{unique:e.unique||!1})}))}if(t.endpoint&&!e.objectStoreNames.contains("cache")){e.createObjectStore("cache",{keyPath:"key"}).createIndex("timestamp","timestamp",{unique:!1})}t.useHttpCaching&&!e.objectStoreNames.contains("headers")&&e.createObjectStore("headers",{keyPath:"key"})}loadStoreDataInBackground(e){const t=this.stores.get(e);if(!t?.db)return;const s=[this.loadStoreData(e),this.loadStoreCache(e),this.loadStoreHeaders(e)];Promise.all(s).then((()=>{this.notify(e,"data-ready"),t.config.endpoint&&t.config.delayFetch?(this.fetchQueue.push(e),1===this.fetchQueue.length&&this.processFetchQueue()):t.config.endpoint&&!t.config.delayFetch&&("requestIdleCallback"in window?requestIdleCallback((()=>this.fetch(e)),{timeout:2e3}):setTimeout((()=>this.fetch(e)),100))})).catch((t=>{console.error(`Background load error for store "${e}":`,t)}))}async processFetchQueue(){if(0===this.fetchQueue.length)return;const e=this.fetchQueue.shift();if(!this.stores.get(e))return this.processFetchQueue();try{await this.fetch(e)}catch(t){console.error(`Queue fetch error for "${e}":`,t)}this.fetchQueue.length>0&&("requestIdleCallback"in window?requestIdleCallback((()=>this.processFetchQueue()),{timeout:2e3}):setTimeout((()=>this.processFetchQueue()),50))}async loadStoreData(e){const t=this.stores.get(e);if(t?.db)return new Promise((s=>{const r=t.db.transaction([t.config.storeName],"readonly").objectStore(t.config.storeName).getAll();r.onsuccess=r=>{const i=r.target.result||[];i.forEach((e=>{const s=this.getItemKey(e,t.config.keyPath);t.data.set(s,e)})),this.notify(e,"data-loaded",{count:i.length}),s(i)},r.onerror=()=>s([])}))}async loadStoreCache(e){const t=this.stores.get(e);if(t?.db&&t.db.objectStoreNames.contains("cache"))return new Promise((e=>{const s=t.db.transaction(["cache"],"readonly").objectStore("cache").getAll();s.onsuccess=s=>{(s.target.result||[]).forEach((e=>{this.isCacheValid(e,t.config.TTL)&&t.cache.set(e.key,e)})),e()},s.onerror=()=>e()}))}async loadStoreHeaders(e){const t=this.stores.get(e);if(t?.db&&t.db.objectStoreNames.contains("headers"))return new Promise((e=>{const s=t.db.transaction(["headers"],"readonly").objectStore("headers").getAll();s.onsuccess=s=>{(s.target.result||[]).forEach((e=>{t.httpHeaders.set(e.key,e)})),e()},s.onerror=()=>e()}))}async ensureStoreInitialized(e){const t=this.stores.get(e);if(!t)throw new Error(`Store "${e}" not registered`);t._initialized||await this.initDB(t.dbKey)}async fetch(e){await this.ensureStoreInitialized(e);const t=this.stores.get(e);if(!t.isFetching){if(t.config.required){if((Array.isArray(t.config.required)?t.config.required:[t.config.required]).some((e=>!t.filters[e]||""===t.filters[e])))return}t.isFetching=!0;try{const s=this.generateCacheKey(t.filters),r=t.cache.get(s);if(r&&this.isCacheValid(r,t.config.TTL))return this.notify(e,"data-loaded",{cached:!0,items:r.items||[]}),r;t.config.showLoading&&this.setLoading(!0);const i=this.buildFetchUrl(e),a={...t.config.headers},o=t.httpHeaders.get(s);t.config.useHttpCaching&&o&&(o.etag&&(a["If-None-Match"]=o.etag),o.lastModified&&(a["If-Modified-Since"]=o.lastModified));const n=new AbortController;t.currentRequest=n;const c=await fetch(i,{method:"GET",headers:a,signal:n.signal});if(304===c.status&&r)return this.notify(e,"data-loaded",{cached:!0,notModified:!0,items:r.items||[]}),r;if(!c.ok)throw new Error(`HTTP ${c.status}: ${c.statusText}`);const d=await c.json();return t.config.useHttpCaching&&this.storeResponseHeaders(e,s,c),await this.processFetchedData(e,d,s),this.notify(e,"data-loaded",{cached:!1,items:d.items||[]}),d}catch(t){throw"AbortError"!==t.name&&(console.error(`Fetch error for store "${e}":`,t),this.notify(e,"fetch-error",{error:t})),t}finally{t.isFetching=!1,t.currentRequest=null,t.config.showLoading&&this.setLoading(!1)}}}buildFetchUrl(e){const t=this.stores.get(e),s=new URLSearchParams;Object.entries(t.filters).forEach((([e,t])=>{null!=t&&""!==t&&("object"==typeof t?s.set(e,JSON.stringify(t)):s.set(e,t))}));const r=t.config.apiBase+t.config.endpoint;return s.toString()?`${r}?${s}`:r}async processFetchedData(e,t,s){const r=this.stores.get(e),i=t.items||[];for(const t of i)await this.save(e,t);const a={key:s,items:i.map((e=>this.getItemKey(e,r.config.keyPath))),timestamp:Date.now(),endpoint:r.config.endpoint,filters:{...r.filters}};r.cache.set(s,a),await this.saveToCache(e,s,a),r.lastResponse={has_more:t.has_more||!1,total:t.total||i.length,pages:t.pages||1}}async save(e,t){const s=this.stores.get(e);let r=this.normalizeForStorage(t);if(r.data instanceof FormData&&(r={...r,data:this.formDataToObject(r.data)}),r=this.stripDOMReferences(r),s.config.validateData){const t=this.validateSerializable(r);if(!t.valid)throw console.error(`Cannot save non-serializable data to store "${e}":`,t.error),new Error(`Non-serializable data: ${t.error}`)}const i=this.getItemKey(r,s.config.keyPath);if(s.data.set(i,t),s.db){const e=s.db.transaction([s.config.storeName],"readwrite").objectStore(s.config.storeName);await e.put(r)}return this.notify(e,"item-saved",{item:t,key:i}),i}validateSerializable(e,t="root"){if(null==e)return{valid:!0};const s=typeof e;if("string"===s||"number"===s||"boolean"===s)return{valid:!0};if("function"===s)return{valid:!1,error:`Function at ${t}`};if(e instanceof Date)return{valid:!0};if(e instanceof ArrayBuffer||ArrayBuffer.isView(e))return{valid:!0};if(e instanceof HTMLElement||e instanceof NodeList||e instanceof HTMLCollection||void 0!==e.nodeType)return{valid:!1,error:`DOM element at ${t}`};if(e instanceof FormData)return{valid:!1,error:`FormData at ${t}. Convert to object first.`};if(e instanceof Blob||e instanceof File)return{valid:!1,error:`Blob/File at ${t}. Handle file uploads separately.`};if(Array.isArray(e)){for(let s=0;s<e.length;s++){const r=this.validateSerializable(e[s],`${t}[${s}]`);if(!r.valid)return r}return{valid:!0}}if("object"===s){if(e instanceof Set)return{valid:!1,error:`Set at ${t}. Convert to Array first: Array.from(set)`};if(e instanceof Map)return{valid:!1,error:`Map at ${t}. Convert to Object first: Object.fromEntries(map)`};for(const[s,r]of Object.entries(e)){const e=this.validateSerializable(r,`${t}.${s}`);if(!e.valid)return e}return{valid:!0}}return{valid:!1,error:`Unknown type at ${t}: ${s}`}}async delete(e,t){const s=this.stores.get(e);if(s.data.delete(t),s.db){const e=s.db.transaction([s.config.storeName],"readwrite").objectStore(s.config.storeName);await e.delete(t)}this.notify(e,"item-deleted",{id:t})}get(e,t){return this.stores.get(e).data.get(t)}getAll(e){const t=this.stores.get(e);return Array.from(t.data.values())}getFiltered(e){const t=this.stores.get(e),s=this.generateCacheKey(t.filters),r=t.cache.get(s);return r&&r.items?r.items.reduce(((e,s)=>{const r=t.data.get(s);return r&&e.push(r),e}),[]):this.getAll(e)}async clear(e){const t=this.stores.get(e);if(t.data.clear(),t.cache.clear(),t.db){const e=t.db.transaction([t.config.storeName],"readwrite").objectStore(t.config.storeName);await e.clear()}this.notify(e,"data-cleared")}setFilter(e,t,s){const r=this.stores.get(e),i=r.filters[t];null==s||""===s?delete r.filters[t]:r.filters[t]=s,this.notify(e,"filters-changed",{filters:r.filters,changed:{key:t,oldValue:i,newValue:s}}),r.config.endpoint&&this.fetch(e)}async setFilters(e,t){const s=this.stores.get(e);Object.keys(t).some((e=>s.filters[e]!==t[e]))&&(s.filters={...s.filters,...t},this.notify(e,"filters-changed",{filters:s.filters,changed:t}),s.config.endpoint&&await this.fetch(e))}removeFilter(e,t){const s=this.stores.get(e),r=s.filters[t];void 0!==r&&(delete s.filters[t],this.notify(e,"filters-changed",{filters:s.filters,removed:{key:t,oldValue:r}}),s.config.endpoint&&this.fetch(e))}clearFilters(e){const t=this.stores.get(e),s={...t.filters};t.filters={...t.config.filters},this.notify(e,"filters-cleared",{oldFilters:s,filters:t.filters}),t.config.endpoint&&this.fetch(e)}clearCache(e){const t=this.stores.get(e);if(t.cache.clear(),t.db&&t.db.objectStoreNames.contains("cache")){t.db.transaction(["cache"],"readwrite").objectStore("cache").clear()}this.notify(e,"cache-cleared")}clearHttpHeaders(e,t=null){const s=this.stores.get(e);if(t){if(s.httpHeaders.delete(t),s.db&&s.db.objectStoreNames.contains("headers")){s.db.transaction(["headers"],"readwrite").objectStore("headers").delete(t)}}else if(s.httpHeaders.clear(),s.db&&s.db.objectStoreNames.contains("headers")){s.db.transaction(["headers"],"readwrite").objectStore("headers").clear()}}subscribe(e,t){this.subscribers.has(e)||this.subscribers.set(e,new Set);const s=this.subscribers.get(e);return s.add(t),()=>s.delete(t)}notify(e,t,s={}){const r=this.subscribers.get(e);r&&r.forEach((r=>{try{r(t,s)}catch(t){console.error(`Subscriber error for store "${e}":`,t)}}))}storeResponseHeaders(e,t,s){const r=this.stores.get(e),i={key:t,etag:s.headers.get("ETag"),lastModified:s.headers.get("Last-Modified"),timestamp:Date.now()};if(r.httpHeaders.set(t,i),r.db&&r.db.objectStoreNames.contains("headers")){r.db.transaction(["headers"],"readwrite").objectStore("headers").put(i)}}async saveToCache(e,t,s){const r=this.stores.get(e);if(!r.db||!r.db.objectStoreNames.contains("cache"))return;const i=r.db.transaction(["cache"],"readwrite").objectStore("cache");await i.put(s)}generateCacheKey(e){const t=Object.keys(e).sort().reduce(((t,s)=>(t[s]=e[s],t)),{});return JSON.stringify(t)}isCacheValid(e,t){if(!e||!e.timestamp)return!1;return Date.now()-e.timestamp<t}getItemKey(e,t){if("function"==typeof t)return t(e);const s=t.split(".");let r=e;for(const e of s)r=r?.[e];return r}setLoading(e){this.body.classList.toggle("loading",e),e?this.loading?.showModal():this.loading?.close()}destroy(){this.stores.forEach((e=>{e.currentRequest&&e.currentRequest.abort()})),this.databases.forEach((e=>e.close())),this.stores.clear(),this.subscribers.clear(),this.databases.clear(),this.pendingInits.clear()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbStore=new e}))})();
(()=>{class e{constructor(){if(e.instance)return e.instance;e.instance=this,this.dbConfig=new Map,this.databases=new Map,this.stores=new Map,this.subscribers=new Map,this.pendingInits=new Map,this.fetchQueue=[],this._initialized=!1,this.body=document.body,this.loading=document.querySelector("dialog.loading"),this.init()}async init(){this._initialized||(this._initialized=!0,"indexedDB"in window||console.warn("IndexedDB not supported"))}register(e,t=[],s=1.1){if(Array.isArray(t)||(t=[t]),0===t.length)return;this.dbConfig.has(e)||this.dbConfig.set(e,{dbName:`jvb_${e}`,version:s,stores:{},_initialized:!1});let r=this.dbConfig.get(e);t.forEach((t=>{if(!t.storeName)throw new Error(`Store config for "${e}" missing storeName`);if(!t.keyPath)throw new Error(`Store "${t.storeName}" requires keyPath`);const s=`${e}_${t.storeName}`,i={config:{dbName:r.dbName,storeName:"items",keyPath:"id",indexes:[],endpoint:null,apiBase:jvbSettings.api,filters:{},required:null,TTL:36e5,useHttpCaching:!0,showLoading:!1,delayFetch:!0,validateData:!0,...t},dbKey:e,storeKey:s,data:new Map,cache:new Map,httpHeaders:new Map,subscribers:new Map,filters:{...t.filters||{}},isFetching:!1,currentRequest:null,lastResponse:null,_initialized:!1};i.config.headers={"X-WP-Nonce":window.auth.getNonce(),...i.config.headers},r.stores[t.storeName]=s,this.stores.set(s,i),this.subscribers.has(s)||this.subscribers.set(s,new Set)})),this.initDB(e).catch((t=>{console.error(`Failed to initialize store "${e}":`,t)}));const i={};for(const[e,t]of Object.entries(r.stores))i[e]=this.getStoreAPI(t);return i}getStoreAPI(e){const t={fetch:()=>this.fetch(e),save:t=>this.save(e,t),delete:t=>this.delete(e,t),get:t=>this.get(e,t),getAll:()=>this.getAll(e),getFiltered:()=>this.getFiltered(e),clear:()=>this.clear(e),setFilter:(t,s)=>this.setFilter(e,t,s),setFilters:t=>this.setFilters(e,t),removeFilter:t=>this.removeFilter(e,t),clearFilters:()=>this.clearFilters(e),clearCache:()=>this.clearCache(e),clearHttpHeaders:t=>this.clearHttpHeaders(e,t),subscribe:t=>this.subscribe(e,t),ensureInitialized:()=>this.ensureStoreInitialized(e),get filters(){return{...t.getStore().filters}},get lastResponse(){return t.getStore().lastResponse},get data(){return t.getStore().data},getStore:()=>this.stores.get(e)};return t}formDataToObject(e){const t={_isFormData:!0,entries:{}};for(const[s,r]of e.entries())r instanceof File||r instanceof Blob||(t.entries[s]?(Array.isArray(t.entries[s])||(t.entries[s]=[t.entries[s]]),t.entries[s].push(r)):t.entries[s]=r);return t}async objectToFormData(e){if(!e._isFormData)return e;const t=new FormData;for(const[s,r]of Object.entries(e.entries))Array.isArray(r)?r.forEach((e=>t.append(s,e))):t.append(s,r);if(window.jvbUploads&&e.entries.upload_ids){const s=JSON.parse(e.entries.upload_ids);for(const e of s){const s=await window.jvbUploads.getBlobData(e);s&&t.append("files[]",s)}}return t}async initDB(e){const t=this.dbConfig.get(e);if(!t||t._initialized)return;if(this.pendingInits.has(e))return this.pendingInits.get(e);const s=this._performDBInit(e);this.pendingInits.set(e,s);try{await s,t._initialized=!0}finally{this.pendingInits.delete(e)}}async _performDBInit(e){const t=this.dbConfig.get(e),{dbName:s,version:r}=t,i=Object.values(t.stores);try{if(!this.databases.has(s)){const e=await this.openDatabase(s,r,(e=>{i.forEach((t=>{let s=this.stores.get(t);s&&this.setupStores(e,s.config)}))}));this.databases.set(s,e)}i.forEach((e=>{let t=this.stores.get(e);t&&(t.db=this.databases.get(s),t._initialized=!0,this.loadStoreDataInBackground(e),this.notify(e,"db-init"))}))}catch(t){throw console.error(`Failed to initialize database for store "${e}":`,t),t}}openDatabase(e,t,s){return new Promise(((r,i)=>{const a=indexedDB.open(e,t);a.onupgradeneeded=e=>{s&&s(e.target.result,e.oldVersion,e.newVersion)},a.onsuccess=e=>r(e.target.result),a.onerror=e=>i(e.target.error),a.onblocked=()=>{console.warn(`Database ${e} blocked. Close other tabs.`)}}))}setupStores(e,t){if(!e.objectStoreNames.contains(t.storeName)){const s=e.createObjectStore(t.storeName,{keyPath:t.keyPath});t.indexes.forEach((e=>{s.createIndex(e.name,e.keyPath||e.name,{unique:e.unique||!1})}))}if(t.endpoint&&!e.objectStoreNames.contains("cache")){e.createObjectStore("cache",{keyPath:"key"}).createIndex("timestamp","timestamp",{unique:!1})}t.useHttpCaching&&!e.objectStoreNames.contains("headers")&&e.createObjectStore("headers",{keyPath:"key"})}loadStoreDataInBackground(e){const t=this.stores.get(e);if(!t?.db)return;const s=[this.loadStoreData(e),this.loadStoreCache(e),this.loadStoreHeaders(e)];Promise.all(s).then((()=>{this.notify(e,"data-ready"),t.config.endpoint&&t.config.delayFetch?(this.fetchQueue.push(e),1===this.fetchQueue.length&&this.processFetchQueue()):t.config.endpoint&&!t.config.delayFetch&&("requestIdleCallback"in window?requestIdleCallback((()=>this.fetch(e)),{timeout:2e3}):setTimeout((()=>this.fetch(e)),100))})).catch((t=>{console.error(`Background load error for store "${e}":`,t)}))}async processFetchQueue(){if(0===this.fetchQueue.length)return;const e=this.fetchQueue.shift();if(!this.stores.get(e))return this.processFetchQueue();try{await this.fetch(e)}catch(t){console.error(`Queue fetch error for "${e}":`,t)}this.fetchQueue.length>0&&("requestIdleCallback"in window?requestIdleCallback((()=>this.processFetchQueue()),{timeout:2e3}):setTimeout((()=>this.processFetchQueue()),50))}async loadStoreData(e){const t=this.stores.get(e);if(t?.db)return new Promise((s=>{const r=t.db.transaction([t.config.storeName],"readonly").objectStore(t.config.storeName).getAll();r.onsuccess=r=>{const i=r.target.result||[];i.forEach((e=>{const s=this.getItemKey(e,t.config.keyPath);t.data.set(s,e)})),this.notify(e,"data-loaded",{count:i.length}),s(i)},r.onerror=()=>s([])}))}async loadStoreCache(e){const t=this.stores.get(e);if(t?.db&&t.db.objectStoreNames.contains("cache"))return new Promise((e=>{const s=t.db.transaction(["cache"],"readonly").objectStore("cache").getAll();s.onsuccess=s=>{(s.target.result||[]).forEach((e=>{this.isCacheValid(e,t.config.TTL)&&t.cache.set(e.key,e)})),e()},s.onerror=()=>e()}))}async loadStoreHeaders(e){const t=this.stores.get(e);if(t?.db&&t.db.objectStoreNames.contains("headers"))return new Promise((e=>{const s=t.db.transaction(["headers"],"readonly").objectStore("headers").getAll();s.onsuccess=s=>{(s.target.result||[]).forEach((e=>{t.httpHeaders.set(e.key,e)})),e()},s.onerror=()=>e()}))}async ensureStoreInitialized(e){const t=this.stores.get(e);if(!t)throw new Error(`Store "${e}" not registered`);t._initialized||await this.initDB(t.dbKey)}async fetch(e){await this.ensureStoreInitialized(e);const t=this.stores.get(e);if(!t.isFetching){if(t.config.required){if((Array.isArray(t.config.required)?t.config.required:[t.config.required]).some((e=>!t.filters[e]||""===t.filters[e])))return}t.isFetching=!0;try{const s=this.generateCacheKey(t.filters),r=t.cache.get(s);if(r&&this.isCacheValid(r,t.config.TTL))return this.notify(e,"data-loaded",{cached:!0,items:r.items||[]}),r;t.config.showLoading&&this.setLoading(!0);const i=this.buildFetchUrl(e),a={...t.config.headers},o=t.httpHeaders.get(s);t.config.useHttpCaching&&o&&(o.etag&&(a["If-None-Match"]=o.etag),o.lastModified&&(a["If-Modified-Since"]=o.lastModified));const n=new AbortController;t.currentRequest=n;const c=await fetch(i,{method:"GET",headers:a,signal:n.signal});if(304===c.status)return r?(this.notify(e,"data-loaded",{cached:!0,notModified:!0,items:r.items||[]}),r):(this.notify(e,"data-loaded",{cached:!1,notModified:!0,items:[]}),t.lastResponse={has_more:!1,total:0,pages:1,queue_stats:{}},{items:[]});if(!c.ok)throw new Error(`HTTP ${c.status}: ${c.statusText}`);const d=await c.json();return t.config.useHttpCaching&&this.storeResponseHeaders(e,s,c),await this.processFetchedData(e,d,s),this.notify(e,"data-loaded",{cached:!1,items:d.items||[]}),d}catch(t){throw"AbortError"!==t.name&&(console.error(`Fetch error for store "${e}":`,t),this.notify(e,"fetch-error",{error:t})),t}finally{t.isFetching=!1,t.currentRequest=null,t.config.showLoading&&this.setLoading(!1)}}}buildFetchUrl(e){const t=this.stores.get(e),s=new URLSearchParams;Object.entries(t.filters).forEach((([e,t])=>{null!=t&&""!==t&&("object"==typeof t?s.set(e,JSON.stringify(t)):s.set(e,t))}));const r=t.config.apiBase+t.config.endpoint;return s.toString()?`${r}?${s}`:r}async processFetchedData(e,t,s){const r=this.stores.get(e),i=t.items||[];if(r.db&&i.length>0){const e=r.db.transaction([r.config.storeName],"readwrite"),t=e.objectStore(r.config.storeName);for(const e of i){const s=this.processForStorage(e,r.config.validateData);if(s.valid){const i=this.getItemKey(s.data,r.config.keyPath);r.data.set(i,e),await t.put(s.data)}}await new Promise(((t,s)=>{e.oncomplete=()=>t(),e.onerror=()=>s(e.error)}))}const a={key:s,items:i.map((e=>this.getItemKey(e,r.config.keyPath))),timestamp:Date.now(),endpoint:r.config.endpoint,filters:{...r.filters}};r.cache.set(s,a),await this.saveToCache(e,s,a),r.lastResponse={...t,has_more:t.has_more||!1,total:t.total||i.length,pages:t.pages||1,queue_stats:t.queue_stats||{}}}async save(e,t){const s=this.stores.get(e),r=this.processForStorage(t,s.config.validateData);if(!r.valid)throw new Error(`Non-serializable data: ${r.error}`);const i=r.data,a=this.getItemKey(i,s.config.keyPath);if(s.data.set(a,t),s.db){const e=s.db.transaction([s.config.storeName],"readwrite").objectStore(s.config.storeName);await e.put(i)}return this.notify(e,"item-saved",{item:t,key:a}),a}processForStorage(e,t=!0,s="root"){if(null==e)return{valid:!0,data:e};const r=typeof e;if(["string","number","boolean"].includes(r))return{valid:!0,data:e};if("function"===r)return t?{valid:!1,error:`Function at ${s}`}:{valid:!0,data:null};if(e instanceof HTMLElement||void 0!==e.nodeType)return t?{valid:!1,error:`DOM element at ${s}`}:{valid:!0,data:null};if(e instanceof FormData)return t?{valid:!1,error:`FormData at ${s}`}:{valid:!0,data:this.formDataToObject(e)};if(e instanceof Date||e instanceof ArrayBuffer||ArrayBuffer.isView(e))return{valid:!0,data:e};if(e instanceof Set){const r=Array.from(e);return this.processForStorage(r,t,s)}if(e instanceof Map&&(e=Object.fromEntries(e)),Array.isArray(e)){const r=[];for(let i=0;i<e.length;i++){const a=this.processForStorage(e[i],t,`${s}[${i}]`);if(!a.valid)return a;null!==a.data&&r.push(a.data)}return{valid:!0,data:r}}if("object"===r){const r={};for(const[i,a]of Object.entries(e)){const e=this.processForStorage(a,t,`${s}.${i}`);if(!e.valid)return e;null!==e.data&&(r[i]=e.data)}return{valid:!0,data:r}}return t?{valid:!1,error:`Unknown type at ${s}`}:{valid:!0,data:null}}async delete(e,t){const s=this.stores.get(e);if(s.data.delete(t),s.db){const e=s.db.transaction([s.config.storeName],"readwrite").objectStore(s.config.storeName);await e.delete(t)}this.notify(e,"item-deleted",{id:t})}get(e,t){return this.stores.get(e).data.get(t)}getAll(e){const t=this.stores.get(e);return Array.from(t.data.values())}getFiltered(e){const t=this.stores.get(e),s=this.generateCacheKey(t.filters),r=t.cache.get(s);return r&&r.items?r.items.reduce(((e,s)=>{const r=t.data.get(s);return r&&e.push(r),e}),[]):this.getAll(e)}async clear(e){const t=this.stores.get(e);if(t.data.clear(),t.cache.clear(),t.db){const e=t.db.transaction([t.config.storeName],"readwrite").objectStore(t.config.storeName);await e.clear()}this.notify(e,"data-cleared")}setFilter(e,t,s){const r=this.stores.get(e),i=r.filters[t];null==s||""===s?delete r.filters[t]:r.filters[t]=s,this.notify(e,"filters-changed",{filters:r.filters,changed:{key:t,oldValue:i,newValue:s}}),r.config.endpoint&&this.fetch(e)}async setFilters(e,t){const s=this.stores.get(e);Object.keys(t).some((e=>s.filters[e]!==t[e]))&&(s.filters={...s.filters,...t},this.notify(e,"filters-changed",{filters:s.filters,changed:t}),s.config.endpoint&&await this.fetch(e))}removeFilter(e,t){const s=this.stores.get(e),r=s.filters[t];void 0!==r&&(delete s.filters[t],this.notify(e,"filters-changed",{filters:s.filters,removed:{key:t,oldValue:r}}),s.config.endpoint&&this.fetch(e))}clearFilters(e){const t=this.stores.get(e),s={...t.filters};t.filters={...t.config.filters},this.notify(e,"filters-cleared",{oldFilters:s,filters:t.filters}),t.config.endpoint&&this.fetch(e)}clearCache(e){const t=this.stores.get(e);if(t.cache.clear(),t.db&&t.db.objectStoreNames.contains("cache")){t.db.transaction(["cache"],"readwrite").objectStore("cache").clear()}this.notify(e,"cache-cleared")}clearHttpHeaders(e,t=null){const s=this.stores.get(e);if(t){if(s.httpHeaders.delete(t),s.db&&s.db.objectStoreNames.contains("headers")){s.db.transaction(["headers"],"readwrite").objectStore("headers").delete(t)}}else if(s.httpHeaders.clear(),s.db&&s.db.objectStoreNames.contains("headers")){s.db.transaction(["headers"],"readwrite").objectStore("headers").clear()}}subscribe(e,t){this.subscribers.has(e)||this.subscribers.set(e,new Set);const s=this.subscribers.get(e);return s.add(t),()=>s.delete(t)}notify(e,t,s={}){const r=this.subscribers.get(e);r&&r.forEach((r=>{try{r(t,s)}catch(t){console.error(`Subscriber error for store "${e}":`,t)}}))}storeResponseHeaders(e,t,s){const r=this.stores.get(e),i={key:t,etag:s.headers.get("ETag"),lastModified:s.headers.get("Last-Modified"),timestamp:Date.now()};if(r.httpHeaders.set(t,i),r.db&&r.db.objectStoreNames.contains("headers")){r.db.transaction(["headers"],"readwrite").objectStore("headers").put(i)}}async saveToCache(e,t,s){const r=this.stores.get(e);if(!r.db||!r.db.objectStoreNames.contains("cache"))return;const i=r.db.transaction(["cache"],"readwrite").objectStore("cache");await i.put(s)}generateCacheKey(e){const t=Object.keys(e).sort().reduce(((t,s)=>(t[s]=e[s],t)),{});return JSON.stringify(t)}isCacheValid(e,t){if(!e||!e.timestamp)return!1;return Date.now()-e.timestamp<t}getItemKey(e,t){if("function"==typeof t)return t(e);const s=t.split(".");let r=e;for(const e of s)r=r?.[e];return r}setLoading(e){this.body.classList.toggle("loading",e),e?this.loading?.showModal():this.loading?.close()}destroy(){this.stores.forEach((e=>{e.currentRequest&&e.currentRequest.abort()})),this.databases.forEach((e=>e.close())),this.stores.clear(),this.subscribers.clear(),this.databases.clear(),this.pendingInits.clear()}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbStore=new e)}))}))})();

 assets/js/min/error.min.js

@@ -1 +1 @@
(()=>{class e{constructor(e={}){this.options={apiUrl:"",logToServer:!0,displayNotifications:!0,notificationDuration:5e3,retryEnabled:!0,maxRetries:3,...e},this.retryCount=0}async log(e,t={},r=null){console.error("API Error:",e,t);const o=this.getErrorType(e),n=this.getErrorMessage(e,o);switch(this.options.logToServer&&await this.logErrorToServer(o,n,t),o){case"network":case"server":if(this.options.retryEnabled&&this.retryCount<this.options.maxRetries&&r)return this.retryCount++,this.retryWithBackoff(r);break;case"auth":this.handleAuthError();break;case"rate_limit":return this.handleRateLimitError(r)}return this.options.displayNotifications&&this.displayErrorNotification(n,o,r),r&&this.options.retryEnabled||(this.retryCount=0),{success:!1,error:o,message:n,context:t}}getErrorType(e){if("AbortError"===e.name)return"timeout";if(!navigator.onLine)return"offline";if(e.response){const t=e.response.status;if(t>=400&&t<500)return 401===t||403===t?"auth":429===t?"rate_limit":"client";if(t>=500)return"server"}return"network"}getErrorMessage(e,t){const r={network:"We couldn't connect to the server. Please check your connection and try again.",timeout:"The request took too long to complete. Please try again.",offline:"You appear to be offline. Please check your internet connection.",auth:"Your session may have expired. Please log in again.",rate_limit:"You've made too many requests. Please wait a moment and try again.",server:"We're experiencing technical difficulties. Please try again later.",client:"Something went wrong with your request. Please try again.",unknown:"An unexpected error occurred. Please try again."};return e.response&&e.response.data&&e.response.data.message?e.response.data.message:e.message?e.message:r[t]||r.unknown}async logErrorToServer(e,t,r){try{if(!this.options.apiUrl)return;const o=new FormData;o.append("error_type",e),o.append("message",t),o.append("context",JSON.stringify({...r,url:window.location.href,userAgent:navigator.userAgent,timestamp:(new Date).toISOString()})),await fetch(`${this.options.apiUrl}errors/log`,{method:"POST",headers:{"X-WP-Nonce":window.feedSettings?.nonce||""},body:o})}catch(e){console.warn("Failed to log error to server",e)}}displayErrorNotification(e,t,r){if(window.jvbNotifications){const t=[];return r&&t.push({label:"Try Again",icon:"refresh",action:r}),void window.jvbNotifications.queuePopupNotification({type:"error",message:e,icon:"alert",priority:"high",displayDuration:this.options.notificationDuration,actions:t})}alert(e)}handleAuthError(){window.feedSettings&&window.feedSettings.loginUrl?window.location.href=window.feedSettings.loginUrl:window.location.reload()}async handleRateLimitError(e){const t=2e3*(this.retryCount+1);if(await new Promise((e=>setTimeout(e,t))),e)return this.retryCount++,e()}async retryWithBackoff(e){const t=Math.min(1e3*Math.pow(2,this.retryCount),1e4);return this.options.displayNotifications&&this.displayRetryNotification(t),await new Promise((e=>setTimeout(e,t))),e()}displayRetryNotification(e){window.jvbNotifications&&window.jvbNotifications.queuePopupNotification({type:"info",message:`Retrying in ${e/1e3} seconds...`,icon:"refresh",priority:"medium",displayDuration:e})}resetRetryCount(){this.retryCount=0}collectUserFeedback(e){const t=document.createElement("dialog");return t.className="error-feedback-modal",t.innerHTML='\n            <h2>Help Us Improve</h2>\n            <p>We encountered an error. Would you like to tell us what happened?</p>\n            <form method="dialog" data-save="error">\n                <textarea placeholder="What were you trying to do when this error occurred?"></textarea>\n                <div class="actions">\n                    <button value="cancel">Skip</button>\n                    <button value="submit" class="primary">Send Feedback</button>\n                </div>\n            </form>\n        ',document.body.appendChild(t),new Promise((e=>{t.addEventListener("close",(()=>{const r="submit"===t.returnValue?t.querySelector("textarea").value:null;document.body.removeChild(t),e(r)})),t.showModal()}))}setupGlobalErrorHandling(){window.addEventListener("error",(e=>{this.log(e.error||new Error(e.message),{message:e.message,filename:e.filename,lineno:e.lineno,colno:e.colno,type:"global_error"})})),window.addEventListener("unhandledrejection",(e=>{this.log(e.reason,{type:"unhandled_promise",message:e.reason?.message||"Unhandled promise rejection"})}))}}document.addEventListener("DOMContentLoaded",(function(){window.jvbError=new e({api:jvbSettings.api,logToServer:!0,displayNotifications:!0,notificationDuration:5e3,retryEnabled:!0,maxRetries:3})}))})();
(()=>{class e{constructor(e={}){this.options={apiUrl:"",logToServer:!0,displayNotifications:!0,notificationDuration:5e3,retryEnabled:!0,maxRetries:3,...e},this.retryCount=0}async log(e,t={},o=null){console.error("API Error:",e,t);const r=this.getErrorType(e),n=this.getErrorMessage(e,r);switch(this.options.logToServer&&await this.logErrorToServer(r,n,t),r){case"network":case"server":if(this.options.retryEnabled&&this.retryCount<this.options.maxRetries&&o)return this.retryCount++,this.retryWithBackoff(o);break;case"auth":this.handleAuthError();break;case"rate_limit":return this.handleRateLimitError(o)}return this.options.displayNotifications&&this.displayErrorNotification(n,r,o),o&&this.options.retryEnabled||(this.retryCount=0),{success:!1,error:r,message:n,context:t}}getErrorType(e){if("AbortError"===e.name)return"timeout";if(!navigator.onLine)return"offline";if(e.response){const t=e.response.status;if(t>=400&&t<500)return 401===t||403===t?"auth":429===t?"rate_limit":"client";if(t>=500)return"server"}return"network"}getErrorMessage(e,t){const o={network:"We couldn't connect to the server. Please check your connection and try again.",timeout:"The request took too long to complete. Please try again.",offline:"You appear to be offline. Please check your internet connection.",auth:"Your session may have expired. Please log in again.",rate_limit:"You've made too many requests. Please wait a moment and try again.",server:"We're experiencing technical difficulties. Please try again later.",client:"Something went wrong with your request. Please try again.",unknown:"An unexpected error occurred. Please try again."};return e.response&&e.response.data&&e.response.data.message?e.response.data.message:e.message?e.message:o[t]||o.unknown}async logErrorToServer(e,t,o){try{if(!this.options.apiUrl)return;const r={...o,url:window.location.href,pathname:window.location.pathname,userAgent:navigator.userAgent,timestamp:(new Date).toISOString(),viewport:`${window.innerWidth}x${window.innerHeight}`,component:o.component||this.extractComponentFromStack(o.stack),method:o.method||this.extractMethodFromStack(o.stack),stack:o.stack||o.error?.stack,isLoggedIn:window.auth.isAuthenticated(),source:"frontend"},n=new FormData;n.append("error_type",e),n.append("message",t),n.append("context",JSON.stringify(r)),await fetch(`${this.options.apiUrl}errors/log`,{method:"POST",headers:{"X-WP-Nonce":window.auth.getNonce()},body:n})}catch(e){console.warn("Failed to log error to server",e)}}extractComponentFromStack(e){if(!e)return"Unknown";const t=e.match(/at\s+(\w+)\./);return t?t[1]:"Unknown"}extractMethodFromStack(e){if(!e)return null;const t=e.match(/at\s+\w+\.(\w+)\s+/);return t?t[1]:null}displayErrorNotification(e,t,o){if(window.jvbNotifications){const t=[];return o&&t.push({label:"Try Again",icon:"refresh",action:o}),void window.jvbNotifications.queuePopupNotification({type:"error",message:e,icon:"alert",priority:"high",displayDuration:this.options.notificationDuration,actions:t})}alert(e)}handleAuthError(){window.jvbSettings&&window.jvbSettings.loginUrl?window.location.href=window.jvbSettings.loginUrl:window.location.reload()}async handleRateLimitError(e){const t=2e3*(this.retryCount+1);if(await new Promise((e=>setTimeout(e,t))),e)return this.retryCount++,e()}async retryWithBackoff(e){const t=Math.min(1e3*Math.pow(2,this.retryCount),1e4);return this.options.displayNotifications&&this.displayRetryNotification(t),await new Promise((e=>setTimeout(e,t))),e()}displayRetryNotification(e){window.jvbNotifications&&window.jvbNotifications.queuePopupNotification({type:"info",message:`Retrying in ${e/1e3} seconds...`,icon:"refresh",priority:"medium",displayDuration:e})}resetRetryCount(){this.retryCount=0}collectUserFeedback(e){const t=document.createElement("dialog");return t.className="error-feedback-modal",t.innerHTML='\n            <h2>Help Us Improve</h2>\n            <p>We encountered an error. Would you like to tell us what happened?</p>\n            <form method="dialog" data-save="error">\n                <textarea placeholder="What were you trying to do when this error occurred?"></textarea>\n                <div class="actions">\n                    <button value="cancel">Skip</button>\n                    <button value="submit" class="primary">Send Feedback</button>\n                </div>\n            </form>\n        ',document.body.appendChild(t),new Promise((e=>{t.addEventListener("close",(()=>{const o="submit"===t.returnValue?t.querySelector("textarea").value:null;document.body.removeChild(t),e(o)})),t.showModal()}))}setupGlobalErrorHandling(){window.addEventListener("error",(e=>{this.log(e.error||new Error(e.message),{message:e.message,filename:e.filename,lineno:e.lineno,colno:e.colno,type:"global_error"})})),window.addEventListener("unhandledrejection",(e=>{this.log(e.reason,{type:"unhandled_promise",message:e.reason?.message||"Unhandled promise rejection"})}))}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbError=new e({api:jvbSettings.api,logToServer:!0,displayNotifications:!0,notificationDuration:5e3,retryEnabled:!0,maxRetries:3}))}))}))})();

 assets/js/min/favouritesManager.min.js

@@ -1 +1 @@
window.favouritesManager=class{constructor(){this.queue=window.jvbQueue,this.loadingManager=window.jvbLoading,this.cache=window.jvbCache,this.a11y=window.jvbA11y,this.error=window.jvbError,this.tabs=new window.jvbTabs(document.querySelector(".replace")),this.config={endpoints:{favourites:"favourites",lists:"favourites/lists",shares:"favourites/lists/shares"},selectors:{container:".favourites.container",itemsTab:'.tab-content[data-tab="items"]',listsTab:'.tab-content[data-tab="lists"]',grid:".item-grid",typeFilters:".type-filters",viewControls:".view-controls",bulkControls:".bulk-controls",selectAll:"#select-all",createListModal:".create-list-modal",addToListModal:".add-to-list-modal",shareListModal:".share-list-modal",noItems:".no-favourites",listContainer:".lists-container",listDetails:".list-details",loader:".favourites-loader"},defaultPage:1,defaultPerPage:24,defaultViewMode:"grid",refreshInterval:6e4,toastDuration:3e3},document.addEventListener("keydown",this.handleKeyDown.bind(this)),this.state={selectedItems:new Set,page:this.config.defaultPage,filter:{type:"all",order:"desc",orderBy:"date_added"},view:{mode:localStorage.getItem("favourites_view")||this.config.defaultViewMode,activeTab:"items"},pagination:{hasMore:!1,totalItems:0,totalPages:0},currentListId:null,loading:!1,initialized:!1},this.initDom(),this.initEvents(),this.loadInitialData(),this.state.initialized=!0}initDom(){this.container=document.querySelector(this.config.selectors.container),this.container?(this.grid=this.container.querySelector(this.config.selectors.grid),this.typeFilters=this.container.querySelector(this.config.selectors.typeFilters),this.viewControls=this.container.querySelector(this.config.selectors.viewControls),this.bulkControls=this.container.querySelector(this.config.selectors.bulkControls),this.listContainer=this.container.querySelector(this.config.selectors.listContainer),this.listDetails=this.container.querySelector(this.config.selectors.listDetails),this.loader=this.container.querySelector(this.config.selectors.loader),this.createListModal=document.querySelector(this.config.selectors.createListModal),this.addToListModal=document.querySelector(this.config.selectors.addToListModal),this.shareListModal=document.querySelector(this.config.selectors.shareListModal),this.grid&&this.state.view.mode&&this.grid.classList.add(`${this.state.view.mode}-view`)):console.warn("Favourites container not found")}initEvents(){if(this.typeFilters&&this.typeFilters.addEventListener("click",(t=>{const e=t.target.closest(".type-filter");e&&this.setFilterType(e.dataset.type)})),this.viewControls&&this.viewControls.addEventListener("click",(t=>{const e=t.target.closest(".view-toggle");e&&this.setView(e.dataset.view)})),this.container){const t=this.container.querySelector(this.config.selectors.selectAll);t&&t.addEventListener("change",(()=>{this.toggleSelectAll(t.checked)})),this.container.addEventListener("change",(t=>{t.target.matches(".item-select input[type=checkbox]")&&this.handleItemSelection(t.target)}));const e=this.container.querySelector(".bulk-action-select"),s=this.container.querySelector(".apply-bulk");e&&s&&s.addEventListener("click",(()=>{this.applyBulkAction(e.value)}));const i=this.container.querySelector(".cancel-bulk");i&&i.addEventListener("click",(()=>{this.clearSelection()}))}this.initModalEvents(),this.container.addEventListener("click",this.handleItemActions.bind(this)),this.grid&&this.setupInfiniteScroll()}initModalEvents(){if(this.createListModal){const t=this.createListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleCreateList(new FormData(t))}));const e=this.createListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.createListModal.close()}))}if(this.addToListModal){const t=this.addToListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleAddToList(new FormData(t))}));const e=this.addToListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.addToListModal.close()}))}if(this.shareListModal){const t=this.shareListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleShareList(new FormData(t))}));const e=this.shareListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.shareListModal.close()}));const s=this.shareListModal.querySelector(".add-email");s&&s.addEventListener("click",(()=>{const e=this.shareListModal.querySelector("#share-email");e&&e.value&&this.handleShareList(new FormData(t))}))}}setupInfiniteScroll(){let t=this.container.querySelector(".scroll-sentinel");t||(t=document.createElement("div"),t.className="scroll-sentinel",t.setAttribute("aria-hidden","true"),this.grid.parentNode.appendChild(t)),new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.state.pagination.hasMore&&!this.state.loading&&(this.state.page++,this.loadFavourites())}))}),{rootMargin:"200px"}).observe(t)}async loadInitialData(){this.loadingManager.show();try{await this.loadFavourites(),this.loadLists().catch((t=>{console.error("Error loading lists:",t)}))}catch(t){this.handleError(t,"loading initial data")}finally{this.loadingManager.hide()}}async loadFavourites(t=!0){if(!this.state.loading)try{this.state.loading=!0,this.loadingManager.show();const e=new URLSearchParams({page:this.state.page,per_page:this.config.defaultPerPage,type:"all"!==this.state.filter.type?this.state.filter.type:"",order:this.state.filter.order,orderby:this.state.filter.orderBy});t&&(this.state.page=1,removeChildren(this.grid),this.grid.classList.remove("empty"));const s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.favourites}?${e}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.favourites}},{context:"favouritesManager",forceRefresh:!0});return this.renderFavourites(s.favourites||[],this.state.page>1),s.counts&&this.updateTypeFilters(s.counts),s.pagination&&(this.state.pagination={hasMore:s.pagination.has_more,totalItems:s.pagination.total_items,totalPages:s.pagination.total_pages}),s}catch(t){throw this.handleError(t,"loading favourites"),t}finally{this.state.loading=!1,this.loadingManager.hide()}}renderFavourites(t,e=!1){this.grid&&(0!==t.length||e?(this.hideEmptyState(),e||removeChildren(this.grid),t.forEach((t=>{const e=this.createItemElement(t);this.grid.appendChild(e),this.initItemFunctionality(e,t)})),window.jvbA11y&&window.jvbA11y.announce(`${e?"Added":"Loaded"} ${t.length} favourites`)):this.showEmptyState())}createItemElement(t){const e=document.createElement("div");e.className=`item ${t.type} favourited`,e.dataset.id=t.target_id,e.dataset.type=t.type;const s=sanitizeHtml(t.title||!1),i=sanitizeHtml(t.notes||"");let a="";return t.thumbnail&&(a=`\n                <div class="item-thumbnail">\n                    <a href="${t.url}">${t.thumbnail}</a>\n                </div>\n            `),e.innerHTML=`\n            <div class="item-select">\n                <input type="checkbox"\n                   class="favourite-checkbox"\n                    id="select-${t.target_id}"\n                    value="${t.target_id}">\n                <label for="select-${t.target_id}"><span class="screen-reader-text">Select this ${t.type}</span</label>\n            </div>\n\n            <button type="button" class="favourite-button favourited"\n                onclick="toggleFavourite(this)"\n                data-id="${t.target_id}"\n                data-type="${t.type}"\n                title="Remove from favourites">\n                ${jvbSettings.icons["heart-filled"]}\n            </button>\n\n            ${a}\n\n            <div class="item-info">\n                ${s?`<h3><a href="${t.url}">${s}</a></h3>`:`<a href="${t.url}">View Item</a>`}\n\n                ${t.author?`\n                <div class="item-artist">\n                    <span>By ${t.author.name}</span>\n                </div>`:""}\n\n                ${t.taxonomies?.length?`\n                <div class="taxonomy-lists">\n                    ${t.taxonomies.map((t=>`\n                        <div class="taxonomy-group">\n                            ${jvbSettings.icons[t.icon]}\n                            <ul>\n                                ${t.terms.slice(0,3).map((t=>`\n                                    <li>\n                                        <a href="${t.url}" ${t.umami_click}>\n                                            ${t.title}\n                                        </a>\n                                    </li>\n                                `)).join("")}\n                            </ul>\n                        </div>\n                    `)).join("")}\n                </div>\n            `:""}\n\n                <div class="notes-section">\n                    <button type="button" class="toggle-notes" aria-expanded="false">\n                        ${jvbSettings.icons.note||"Notes"}\n                        <span>Notes</span>\n                    </button>\n\n                    <div class="notes-content" hidden>\n                        <textarea class="notes-input"\n                            placeholder="Add notes about this item..."\n                            data-id="${t.target_id}"\n                            data-type="${t.type}">${i}</textarea>\n                        <button type="button" class="save-notes">Save Notes</button>\n                    </div>\n                </div>\n            </div>\n        `,e}initItemFunctionality(t,e){const s=t.querySelector(".toggle-notes"),i=t.querySelector(".notes-content");s&&i&&s.addEventListener("click",(()=>{const t="true"===s.ariaExpanded;s.ariaExpanded=!t.toString(),i.hidden=t,t||i.querySelector("textarea")?.focus()}));const a=t.querySelector(".save-notes"),n=t.querySelector(".notes-input");a&&n&&(a.addEventListener("click",(()=>{this.saveNotes(n)})),n.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.saveNotes(n))})))}saveNotes(t){if(!t)return;const e=t.value.trim(),s=t.dataset.id,i=t.dataset.type;s&&i&&(this.queue.addToQueue({type:"favourite_notes",data:{type:i,target_id:parseInt(s),notes:e}}),showToast("Notes saved"),this.a11y.announce("Notes saved"))}showEmptyState(t=!1){const e=this.container.querySelector(this.config.selectors.noItems)??this.createEmptyElement;e&&(e.hidden=!1),this.grid&&this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}hideEmptyState(){const t=this.container.querySelector(".no-favourites");t&&t.remove(),this.grid&&this.grid.classList.remove("empty")}createEmptyElement(t=!1){const e=document.createElement("div");e.className="no-favourites",e.innerHTML="\n            <h3>♡ BLANK CANVAS ♡</h3>\n            <p>You haven't fallen in love with any pieces... yet!</p>\n            <p>Hit that heart icon when something stops your scroll.</p>\n            <p>Your dream collection is waiting to start.</p>\n        ",this.grid.after(e)}showEmptyListState(t=!1){const e=document.createElement("div");e.className="no-favourites",e.innerHTML="\n            <h3>♡ FULL OF POSSIBILITY ♡</h3>\n            <p>There's nothing in this list yet.</p>\n            <p>Add some gap fillers from the main favourites tab.</p>\n        ",this.grid.after(e),this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}async loadMoreItems(){!this.state.loading&&this.state.pagination.hasMore&&(this.state.page+=1,await this.loadFavourites())}updateTypeFilters(t){this.typeFilters&&this.typeFilters.querySelectorAll(".type-filter").forEach((e=>{const s=e.querySelector(".count");if(!s)return;const i=e.dataset.type;if("all"===i){const e=Object.values(t).reduce(((t,e)=>t+(parseInt(e)||0)),0);s.textContent=`(${e})`}else s.textContent=`(${t[i]||0})`}))}setFilterType(t){t!==this.state.filter.type&&(this.typeFilters&&this.typeFilters.querySelectorAll(".type-filter").forEach((e=>{e.classList.toggle("active",e.dataset.type===t),e.setAttribute("aria-selected",e.dataset.type===t)})),this.state.filter.type=t,this.state.page=1,this.loadFavourites(),window.jvbA11y&&window.jvbA11y.announce(`Filtered to show ${"all"===t?"all":t} items`))}setView(t){t!==this.state.view.mode&&(this.viewControls&&this.viewControls.querySelectorAll(".view-toggle").forEach((e=>{const s=e.dataset.view===t;e.setAttribute("aria-pressed",s)})),this.grid&&(this.grid.classList.remove("grid-view","list-view"),this.grid.classList.add(`${t}-view`)),this.state.view.mode=t,localStorage.setItem("favourites_view",t),window.jvbA11y&&window.jvbA11y.announce(`Changed to ${t} view`))}toggleSelectAll(t){const e=this.getVisibleItems();e.forEach((e=>{const s=e.querySelector('.item-select input[type="checkbox"]');s&&(s.checked=t,this.toggleItemSelection(s.value,t))})),this.updateBulkControls(),window.jvbA11y&&window.jvbA11y.announce(t?`Selected all ${e.length} items`:"Deselected all items")}getVisibleItems(){return this.grid?Array.from(this.grid.querySelectorAll(".item:not([hidden])")):[]}toggleItemSelection(t,e){e?this.state.selectedItems.add(t):this.state.selectedItems.delete(t);const s=this.grid.querySelector(`.item[data-id="${t}"]`);s&&s.classList.toggle("selected",e)}handleItemSelection(t){const e=t.checked,s=t.value;if(this.toggleItemSelection(s,e),this.updateBulkControls(),this.updateSelectAllState(),window.jvbA11y){const s=t.closest(".item"),i=s&&s.querySelector("h3")?.textContent||"item";window.jvbA11y.announce(e?`Selected ${i}`:`Deselected ${i}`)}}updateSelectAllState(){const t=this.container.querySelector(this.config.selectors.selectAll);if(!t)return;const e=this.getVisibleItems();if(0===e.length)return t.checked=!1,void(t.indeterminate=!1);const s=e.filter((t=>{const e=t.querySelector('.item-select input[type="checkbox"]');return e&&e.checked})).length;0===s?(t.checked=!1,t.indeterminate=!1):s===e.length?(t.checked=!0,t.indeterminate=!1):(t.checked=!1,t.indeterminate=!0)}updateBulkControls(){if(!this.bulkControls)return;const t=this.bulkControls.querySelector(".bulk-actions");if(!t)return;const e=this.state.selectedItems.size>0;t.hidden=!e;const s=this.bulkControls.querySelector(".selected-count");s&&(s.textContent=e?`${this.state.selectedItems.size} selected`:"")}handleKeyDown(t){"Escape"===t.key&&this.state.selectedItems.size>0&&(t.preventDefault(),this.clearSelection(),window.jvbA11y&&window.jvbA11y.announce("Selection cleared using Escape key"))}clearSelection(){this.state.selectedItems.clear(),this.getVisibleItems().forEach((t=>{const e=t.querySelector('.item-select input[type="checkbox"]');e&&(e.checked=!1),t.classList.remove("selected")}));const t=this.container.querySelector(this.config.selectors.selectAll);t&&(t.checked=!1,t.indeterminate=!1),this.updateBulkControls(),window.jvbA11y&&window.jvbA11y.announce("Selection cleared")}applyBulkAction(t){if(!t||0===this.state.selectedItems.size)return;switch(t){case"unfavourite":this.bulkUnfavourite();break;case"add-to-list":this.showAddToListModal();break;case"create-list":this.showCreateListModal();break;case"add-notes":this.showBulkNotesModal()}const e=this.container.querySelector(".bulk-action-select");e&&(e.value="")}handleItemActions(t){if(t.target.closest(".toggle-notes")){const e=t.target.closest(".toggle-notes"),s="true"===e.getAttribute("aria-expanded"),i=e.closest(".notes-section").querySelector(".notes-content");return e.setAttribute("aria-expanded",!s),i.hidden=s,!s&&i&&i.querySelector("textarea")?.focus(),void t.preventDefault()}if(t.target.closest(".save-notes")){const e=t.target.closest(".save-notes").closest(".notes-content").querySelector("textarea");return e&&this.saveNotes(e),void t.preventDefault()}if(t.target.closest(".view-list")){const e=t.target.closest(".view-list").closest(".list-card");return e&&e.dataset.id&&this.viewList(e.dataset.id),void t.preventDefault()}if(t.target.closest(".share-list")){const e=t.target.closest(".share-list").closest(".list-card");return e&&e.dataset.id&&this.showShareModal(e.dataset.id),void t.preventDefault()}if(t.target.closest(".delete-list")){const e=t.target.closest(".delete-list").closest(".list-card");return e&&e.dataset.id&&this.deleteList(e.dataset.id),void t.preventDefault()}if(t.target.closest(".back-to-lists"))return this.exitListView(),void t.preventDefault()}async loadLists(t=!0){try{this.state.loading=!0,this.loadingManager.show("Loading lists...");const t=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.favourites}},{context:"favourite-lists",forceRefresh:!1});return t.lists&&this.renderLists(t.lists),t}catch(t){throw this.handleError(t,"loading lists"),t}finally{this.state.loading=!1,this.loadingManager.hide()}}renderLists(t){if(!this.listContainer)return;if(removeChildren(this.listContainer),!t||0===t.length)return void(this.listContainer.innerHTML='\n                <div class="no-lists">\n                    <h3>No Lists Yet</h3>\n                    <p>Select favourites from the main tab to organize into lists.</p>\n                </div>\n            ');const e=t.owned,s=t.shared;if(e.length>0){const t=document.createElement("details");t.className="lists-section owned-lists",t.open=!0,t.innerHTML="<summary>Your Lists:</summary>",e.forEach((e=>{const s=this.createListCard(e);t.appendChild(s)})),this.listContainer.appendChild(t)}if(s.length>0){const t=document.createElement("details");t.className="lists-section shared-lists",t.innerHTML="<summary>Lists Shared with You:</summary>",s.forEach((e=>{const s=this.createListCard(e);t.appendChild(s)})),this.listContainer.appendChild(t)}}createListCard(t){const e=document.createElement("div");e.className="list-card",e.dataset.id=t.id;const s="1"===t.is_shared;s&&e.classList.add("shared"),t.is_temp&&e.classList.add("temp"),t.is_owner;const i=sanitizeHtml(t.name||"Untitled List"),a=sanitizeHtml(t.description||"");return e.innerHTML=`\n            <div class="list-header">\n                <h3>${i}</h3>\n                <div class="list-actions">\n                    <button type="button" class="view-list" title="View List">\n                        ${jvbSettings.icons?.show||"View"}\n                    </button>\n                    ${s?"":`\n                        <button type="button" class="share-list" title="Share List">\n                            ${jvbSettings.icons?.share||"Share"}\n                        </button>\n                        <button type="button" class="delete-list" title="Delete List">\n                            ${jvbSettings.icons?.delete||"Delete"}\n                        </button>\n                    `}\n                </div>\n            </div>\n\n            ${a?`<p class="list-description">${a}</p>`:""}\n\n            <div class="list-meta">\n                <div class="meta-stats">\n                    <span class="item-count">${t.item_count||0} items</span>\n                    <span class="date">${formatDate(t.created_at)}</span>\n                </div>\n\n\n                ${s?`\n                    <div class="owner-info">\n                        Shared by ${t.owner_name||"another user"}\n                    </div>\n                `:t.share_count>0?`\n                    <div class="share-info">\n                        Shared with ${t.share_count} ${1===t.share_count?"person":"people"}\n                    </div>\n                `:""}\n            </div>\n        `,e}async viewList(t){try{this.state.loading=!0,this.loadingManager.show("Loading list..."),this.state.currentListId=t;const e=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}?id=${t}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.favourites}},{context:"list-item",forceRefresh:!1});if(!e.list)throw new Error("List not found");this.showListDetails(e.list)}catch(t){this.handleError(t,"viewing list")}finally{this.state.loading=!1,this.loadingManager.hide()}}showListDetails(t){this.listDetails&&this.listContainer&&(console.log(t),this.listDetails.querySelector(".list-title").value=t.name||"Untitled List",this.listDetails.querySelector(".list-description").value=t.description||"",t.is_owner?this.listDetails.querySelector(".list-actions")||this.createListActions():this.listDetails.querySelector(".list-actions")?.remove(),removeChildren(this.grid),this.renderFavourites(t.items||[],!1),0===t.items.length&&this.showEmptyListState(),window.jvbA11y&&window.jvbA11y.announce(`Viewing list: ${t.name} with ${t.items?.length||0} items`))}createListActions(){const t=document.createElement("div");t.className="list-actions",t.innerHTML='\n            <button type="button" class="share-list" title="Share List">\n            <i class="icon icon-share-fat"></i>\n            <span>Share</span>\n        </button>\n        <button type="button" class="duplicate-list" title="Duplicate List">\n            <i class="icon icon-copy"></i>\n            <span>Duplicate</span>\n        </button>\n        <button type="button" class="delete-list" title="Delete List">\n            <i class="icon icon-trash"></i>\n            <span>Delete</span>\n        </button>\n        ',this.listDetails.insertBefore(t,this.listDetails.querySelector(".bulk-controls"))}exitListView(){this.listDetails&&this.listContainer&&(this.listDetails.hidden=!0,this.listContainer.hidden=!1,this.container.classList.remove("viewing-list"),this.state.currentListId=null,window.jvbA11y&&window.jvbA11y.announce("Returned to lists view"))}showCreateListModal(){this.createListModal&&(this.createListModal.querySelector("form")?.reset(),this.createListModal.showModal(),setTimeout((()=>{this.createListModal.querySelector("#list-name")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Create list dialog opened"))}showAddToListModal(){this.addToListModal&&(this.populateAddToListModal(),this.addToListModal.showModal(),window.jvbA11y&&window.jvbA11y.announce("Add to list dialog opened"))}async populateAddToListModal(){if(!this.addToListModal)return;const t=this.addToListModal.querySelector(".lists-options");if(t){removeChildren(t);try{const e=(await this.loadLists()).lists.owned;if(0===e.length)return t.innerHTML='\n                    <div class="no-lists">\n                        <p>You don\'t have any lists yet.</p>\n                        <button type="button" class="create-list-button">Create a list</button>\n                    </div>\n                ',void t.querySelector(".create-list-button")?.addEventListener("click",(()=>{this.addToListModal.close(),this.showCreateListModal()}));e.forEach((e=>{const s=document.createElement("div");s.className="list-option",s.innerHTML=`\n                    <input type="checkbox" id="${e.id}" name="list_ids[]" value="${e.id}">\n                    <label for="${e.id}">\n\n                        <span class="list-name">${sanitizeHtml(e.name)}</span>\n                        <span class="item-count">( ${e.item_count||0} items )</span>\n                    </label>\n                `,t.appendChild(s)}))}catch(e){t.innerHTML='\n                <div class="error-message">\n                    <p>Error loading lists. Please try again.</p>\n                </div>\n            ',console.error("Error loading lists for modal:",e)}}}async handleCreateList(t){const e=t.get("list_name"),s=t.get("list_description");if(e)try{this.showLoader("Creating list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_create",data:{name:e,description:s,items:t}}),showToast(`List "${e}" created`),this.a11y.announce(`List ${e} created with ${t.length} items`),this.createListModal.close(),this.clearSelection(),this.switchTab("lists")}catch(t){this.handleError(t,"creating list")}finally{this.hideLoader()}else showToast("Please enter a list name","error")}async handleAddToList(t){const e=t.getAll("list_ids[]");if(e.length)try{this.showLoader("Adding to list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_add",data:{list_id:e.join(","),items:t}}),showToast(`Added to ${e.length} ${1===e.length?"list":"lists"}`),this.a11y.announce(`Added ${t.length} items to ${e.length} ${1===e.length?"list":"lists"}`),this.addToListModal.close(),this.clearSelection()}catch(t){this.handleError(t,"adding to list")}finally{this.hideLoader()}else showToast("Please select at least one list","error")}async handleRemoveFromList(t){const e=t.getAll("list_ids[]");if(e.length)try{this.showLoader("Removing from list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_remove",data:{list_id:e.join(","),items:t}}),showToast(`Removed from ${e.length} ${1===e.length?"list":"lists"}`),this.a11y.announce(`Removed ${t.length} items to ${e.length} ${1===e.length?"list":"lists"}`),this.addToListModal.close(),this.clearSelection()}catch(t){this.handleError(t,"remove from list")}finally{this.hideLoader()}else showToast("Please select at least one list","error")}showShareModal(t){this.shareListModal&&(this.state.currentListId=t,this.shareListModal.querySelector("form")?.reset(),this.loadSharedUsers(t),this.shareListModal.showModal(),setTimeout((()=>{this.shareListModal.querySelector("#share-email")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Share list dialog opened"))}async loadSharedUsers(t){try{const e=this.shareListModal.querySelector(".shared-users");if(!e)return;e.innerHTML='<div class="loading">Loading shared users...</div>';const s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}?id=${t}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.favourites}},{context:"list-item",forceRefresh:!1});removeChildren(e),s.list&&s.list.shared_users&&s.list.shared_users.length>0?(s.list.shared_users.forEach((t=>{const s=document.createElement("div");s.className=`shared-user ${t.status}`,s.innerHTML=`\n                        <span class="user-email">${t.email}</span>\n                        ${"pending"===t.status?'<span class="pending-badge">Invitation sent</span>':`<span class="permission-badge">${t.permission_type||"view"}</span>`}\n                        <button type="button" class="remove-share" data-email="${t.email}">\n                            ${jvbSettings.icons?.delete||"Remove"}\n                        </button>\n                    `,e.appendChild(s)})),e.querySelectorAll(".remove-share").forEach((t=>{t.addEventListener("click",(()=>{this.unshareList(t.dataset.email)}))}))):e.innerHTML='<div class="no-shares">This list is not shared with anyone yet.</div>'}catch(t){console.error("Error loading shared users:",t)}}async unshareList(t){if(confirm(`Remove ${t}'s access to this list?`))if(this.state.currentListId)try{this.showLoader("Removing access..."),this.queue.addToQueue({type:"favourite_list_unshare",data:{list_id:parseInt(this.state.currentListId),email:t}});const e=Array.from(this.shareListModal.querySelectorAll(".shared-user")).find((e=>e.querySelector(".user-email")?.textContent===t));e&&(e.classList.add("removing"),setTimeout((()=>{if(e.remove(),0===this.shareListModal.querySelectorAll(".shared-user").length){const t=this.shareListModal.querySelector(".shared-users");t&&(t.innerHTML='<div class="no-shares">This list is not shared with anyone yet.</div>')}}),300)),showToast(`Removed ${t}'s access`),this.a11y.announce(`Removed ${t}'s access to list`)}catch(t){this.handleError(t,"removing share access")}finally{this.hideLoader()}else showToast("No list selected","error")}async deleteList(t){if(confirm("Are you sure you want to delete this list? This cannot be undone."))try{this.showLoader("Deleting list..."),this.queue.addToQueue({type:"favourite_list_delete",data:{list_id:parseInt(t)}});const e=this.container.querySelector(`.list-card[data-id="${t}"]`);e&&(e.classList.add("removing"),setTimeout((()=>{e.remove(),0===this.container.querySelectorAll(".list-card").length&&(this.listContainer.innerHTML='\n                                <div class="no-lists">\n                                    <h3>No Lists Yet</h3>\n                                    <p>Create your first list to organize your favourites!</p>\n                                </div>\n                            ')}),300)),showToast("List deleted"),this.a11y.announce("List deleted")}catch(t){this.handleError(t,"deleting list")}finally{this.hideLoader()}}showBulkNotesModal(){let t=document.querySelector(".bulk-notes-modal");t||(t=document.createElement("dialog"),t.className="bulk-notes-modal",t.innerHTML='\n                <form method="dialog" data-save="favourites">\n                    <h2>Add Notes to Selected Items</h2>\n\n                    <div class="field">\n                        <label for="bulk-notes">Notes (will be applied to all selected items)</label>\n                        <textarea id="bulk-notes" name="bulk_notes" rows="5"></textarea>\n                    </div>\n\n                    <div class="actions">\n                        <button type="button" class="cancel">Cancel</button>\n                        <button type="submit" class="save">Save Notes</button>\n                    </div>\n                </form>\n            ',document.body.appendChild(t),t.querySelector("form").addEventListener("submit",(e=>{e.preventDefault();const s=t.querySelector("#bulk-notes").value;this.saveBulkNotes(s),t.close()})),t.querySelector(".cancel").addEventListener("click",(()=>{t.close()}))),t.querySelector("form")?.reset(),t.showModal(),setTimeout((()=>{t.querySelector("#bulk-notes")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Add notes dialog opened")}saveBulkNotes(t){if(t)try{this.showLoader("Saving notes...");let e=Array.from(this.state.selectedItems.values());this.queue.addToQueue({type:"favourite_notes",data:{target_id:e.join(","),notes:t}}),showToast(`Notes saved for ${e.length} items`),this.a11y.announce(`Notes saved for ${e.length} items`),this.clearSelection()}catch(t){this.handleError(t,"saving bulk notes")}finally{this.hideLoader()}}async bulkUnfavourite(){if(confirm("Are you sure you want to remove these items from your favourites?"))try{this.showLoader("Removing from favourites...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);if(!s)return;const i=s.dataset.type;t.push({target_id:parseInt(e),type:i,action:"remove"})})),this.queue.addToQueue({type:"favourite_toggle",data:t});const e=[];this.state.selectedItems.forEach((t=>{const s=this.grid.querySelector(`.item[data-id="${t}"]`);if(!s)return;s.style.opacity="0",s.style.transform="scale(0.9)",s.style.transition="opacity 0.3s ease, transform 0.3s ease";const i=new Promise((t=>{setTimeout((()=>{s.remove(),t()}),300)}));e.push(i)})),await Promise.all(e),0===this.grid.children.length&&this.showEmptyState(),this.clearSelection(),showToast(`Removed ${t.length} items from favourites`),this.a11y.announce(`Removed ${t.length} items from favourites`)}catch(t){this.handleError(t,"removing favourites")}finally{this.hideLoader()}}async handleShareList(t){const e=t.get("share_email");if(e)if(this.validateEmail(e))try{this.showLoader("Sharing list..."),this.queue.addToQueue({type:"favourite_list_share",data:{list_id:parseInt(this.state.currentListId),email:e,permission_type:"view"}}),this.shareListModal.querySelector("#share-email").value="",this.loadSharedUsers(this.state.currentListId),showToast(`Invitation sent to ${e}`),this.a11y.announce(`Invitation sent to ${e}`)}catch(t){this.handleError(t,"sharing list")}finally{this.hideLoader()}else showToast("Please enter a valid email address","error");else showToast("Please enter an email address","error")}showLoader(t="Loading..."){if(!this.loader)return;const e=this.loader.querySelector(".loader-message");e&&(e.textContent=t),this.loader.hidden=!1}hideLoader(){this.loader&&(this.loader.hidden=!0)}showToast(t,e){window.jvbNotifications.showToast(t,e)}handleError(t,e){console.error(`Favourites error (${e}):`,t),showToast(`Error ${e}: ${t.message||"Something went wrong"}`,"error"),window.jvbError&&window.jvbError.log(t,{component:"FavouritesManager",action:e}),window.jvbA11y&&window.jvbA11y.announce(`Error ${e}. ${t.message||"Please try again."}`)}validateEmail(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}};
window.favouritesManager=class{constructor(){this.queue=window.jvbQueue,this.loadingManager=window.jvbLoading,this.cache=window.jvbCache,this.a11y=window.jvbA11y,this.error=window.jvbError,this.tabs=new window.jvbTabs(document.querySelector(".replace")),this.config={endpoints:{favourites:"favourites",lists:"favourites/lists",shares:"favourites/lists/shares"},selectors:{container:".favourites.container",itemsTab:'.tab-content[data-tab="items"]',listsTab:'.tab-content[data-tab="lists"]',grid:".item-grid",typeFilters:".type-filters",viewControls:".view-controls",bulkControls:".bulk-controls",selectAll:"#select-all",createListModal:".create-list-modal",addToListModal:".add-to-list-modal",shareListModal:".share-list-modal",noItems:".no-favourites",listContainer:".lists-container",listDetails:".list-details",loader:".favourites-loader"},defaultPage:1,defaultPerPage:24,defaultViewMode:"grid",refreshInterval:6e4,toastDuration:3e3},document.addEventListener("keydown",this.handleKeyDown.bind(this)),this.state={selectedItems:new Set,page:this.config.defaultPage,filter:{type:"all",order:"desc",orderBy:"date_added"},view:{mode:localStorage.getItem("favourites_view")||this.config.defaultViewMode,activeTab:"items"},pagination:{hasMore:!1,totalItems:0,totalPages:0},currentListId:null,loading:!1,initialized:!1},this.initDom(),this.initEvents(),this.loadInitialData(),this.state.initialized=!0}initDom(){this.container=document.querySelector(this.config.selectors.container),this.container?(this.grid=this.container.querySelector(this.config.selectors.grid),this.typeFilters=this.container.querySelector(this.config.selectors.typeFilters),this.viewControls=this.container.querySelector(this.config.selectors.viewControls),this.bulkControls=this.container.querySelector(this.config.selectors.bulkControls),this.listContainer=this.container.querySelector(this.config.selectors.listContainer),this.listDetails=this.container.querySelector(this.config.selectors.listDetails),this.loader=this.container.querySelector(this.config.selectors.loader),this.createListModal=document.querySelector(this.config.selectors.createListModal),this.addToListModal=document.querySelector(this.config.selectors.addToListModal),this.shareListModal=document.querySelector(this.config.selectors.shareListModal),this.grid&&this.state.view.mode&&this.grid.classList.add(`${this.state.view.mode}-view`)):console.warn("Favourites container not found")}initEvents(){if(this.typeFilters&&this.typeFilters.addEventListener("click",(t=>{const e=t.target.closest(".type-filter");e&&this.setFilterType(e.dataset.type)})),this.viewControls&&this.viewControls.addEventListener("click",(t=>{const e=t.target.closest(".view-toggle");e&&this.setView(e.dataset.view)})),this.container){const t=this.container.querySelector(this.config.selectors.selectAll);t&&t.addEventListener("change",(()=>{this.toggleSelectAll(t.checked)})),this.container.addEventListener("change",(t=>{t.target.matches(".item-select input[type=checkbox]")&&this.handleItemSelection(t.target)}));const e=this.container.querySelector(".bulk-action-select"),s=this.container.querySelector(".apply-bulk");e&&s&&s.addEventListener("click",(()=>{this.applyBulkAction(e.value)}));const i=this.container.querySelector(".cancel-bulk");i&&i.addEventListener("click",(()=>{this.clearSelection()}))}this.initModalEvents(),this.container.addEventListener("click",this.handleItemActions.bind(this)),this.grid&&this.setupInfiniteScroll()}initModalEvents(){if(this.createListModal){const t=this.createListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleCreateList(new FormData(t))}));const e=this.createListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.createListModal.close()}))}if(this.addToListModal){const t=this.addToListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleAddToList(new FormData(t))}));const e=this.addToListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.addToListModal.close()}))}if(this.shareListModal){const t=this.shareListModal.querySelector("form");t&&t.addEventListener("submit",(e=>{e.preventDefault(),this.handleShareList(new FormData(t))}));const e=this.shareListModal.querySelector(".cancel");e&&e.addEventListener("click",(()=>{this.shareListModal.close()}));const s=this.shareListModal.querySelector(".add-email");s&&s.addEventListener("click",(()=>{const e=this.shareListModal.querySelector("#share-email");e&&e.value&&this.handleShareList(new FormData(t))}))}}setupInfiniteScroll(){let t=this.container.querySelector(".scroll-sentinel");t||(t=document.createElement("div"),t.className="scroll-sentinel",t.setAttribute("aria-hidden","true"),this.grid.parentNode.appendChild(t)),new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&this.state.pagination.hasMore&&!this.state.loading&&(this.state.page++,this.loadFavourites())}))}),{rootMargin:"200px"}).observe(t)}async loadInitialData(){this.loadingManager.show();try{await this.loadFavourites(),this.loadLists().catch((t=>{console.error("Error loading lists:",t)}))}catch(t){this.handleError(t,"loading initial data")}finally{this.loadingManager.hide()}}async loadFavourites(t=!0){if(!this.state.loading)try{this.state.loading=!0,this.loadingManager.show();const e=new URLSearchParams({page:this.state.page,per_page:this.config.defaultPerPage,type:"all"!==this.state.filter.type?this.state.filter.type:"",order:this.state.filter.order,orderby:this.state.filter.orderBy});t&&(this.state.page=1,removeChildren(this.grid),this.grid.classList.remove("empty"));const s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.favourites}?${e}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("favourites")}},{context:"favouritesManager",forceRefresh:!0});return this.renderFavourites(s.favourites||[],this.state.page>1),s.counts&&this.updateTypeFilters(s.counts),s.pagination&&(this.state.pagination={hasMore:s.pagination.has_more,totalItems:s.pagination.total_items,totalPages:s.pagination.total_pages}),s}catch(t){throw this.handleError(t,"loading favourites"),t}finally{this.state.loading=!1,this.loadingManager.hide()}}renderFavourites(t,e=!1){this.grid&&(0!==t.length||e?(this.hideEmptyState(),e||removeChildren(this.grid),t.forEach((t=>{const e=this.createItemElement(t);this.grid.appendChild(e),this.initItemFunctionality(e,t)})),window.jvbA11y&&window.jvbA11y.announce(`${e?"Added":"Loaded"} ${t.length} favourites`)):this.showEmptyState())}createItemElement(t){const e=document.createElement("div");e.className=`item ${t.type} favourited`,e.dataset.id=t.target_id,e.dataset.type=t.type;const s=sanitizeHtml(t.title||!1),i=sanitizeHtml(t.notes||"");let a="";return t.thumbnail&&(a=`\n                <div class="item-thumbnail">\n                    <a href="${t.url}">${t.thumbnail}</a>\n                </div>\n            `),e.innerHTML=`\n            <div class="item-select">\n                <input type="checkbox"\n                   class="favourite-checkbox"\n                    id="select-${t.target_id}"\n                    value="${t.target_id}">\n                <label for="select-${t.target_id}"><span class="screen-reader-text">Select this ${t.type}</span</label>\n            </div>\n\n            <button type="button" class="favourite-button favourited"\n                onclick="toggleFavourite(this)"\n                data-id="${t.target_id}"\n                data-type="${t.type}"\n                title="Remove from favourites">\n                ${jvbSettings.icons["heart-filled"]}\n            </button>\n\n            ${a}\n\n            <div class="item-info">\n                ${s?`<h3><a href="${t.url}">${s}</a></h3>`:`<a href="${t.url}">View Item</a>`}\n\n                ${t.author?`\n                <div class="item-artist">\n                    <span>By ${t.author.name}</span>\n                </div>`:""}\n\n                ${t.taxonomies?.length?`\n                <div class="taxonomy-lists">\n                    ${t.taxonomies.map((t=>`\n                        <div class="taxonomy-group">\n                            ${jvbSettings.icons[t.icon]}\n                            <ul>\n                                ${t.terms.slice(0,3).map((t=>`\n                                    <li>\n                                        <a href="${t.url}" ${t.umami_click}>\n                                            ${t.title}\n                                        </a>\n                                    </li>\n                                `)).join("")}\n                            </ul>\n                        </div>\n                    `)).join("")}\n                </div>\n            `:""}\n\n                <div class="notes-section">\n                    <button type="button" class="toggle-notes" aria-expanded="false">\n                        ${jvbSettings.icons.note||"Notes"}\n                        <span>Notes</span>\n                    </button>\n\n                    <div class="notes-content" hidden>\n                        <textarea class="notes-input"\n                            placeholder="Add notes about this item..."\n                            data-id="${t.target_id}"\n                            data-type="${t.type}">${i}</textarea>\n                        <button type="button" class="save-notes">Save Notes</button>\n                    </div>\n                </div>\n            </div>\n        `,e}initItemFunctionality(t,e){const s=t.querySelector(".toggle-notes"),i=t.querySelector(".notes-content");s&&i&&s.addEventListener("click",(()=>{const t="true"===s.ariaExpanded;s.ariaExpanded=!t.toString(),i.hidden=t,t||i.querySelector("textarea")?.focus()}));const a=t.querySelector(".save-notes"),n=t.querySelector(".notes-input");a&&n&&(a.addEventListener("click",(()=>{this.saveNotes(n)})),n.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.saveNotes(n))})))}saveNotes(t){if(!t)return;const e=t.value.trim(),s=t.dataset.id,i=t.dataset.type;s&&i&&(this.queue.addToQueue({type:"favourite_notes",data:{type:i,target_id:parseInt(s),notes:e}}),showToast("Notes saved"),this.a11y.announce("Notes saved"))}showEmptyState(t=!1){const e=this.container.querySelector(this.config.selectors.noItems)??this.createEmptyElement;e&&(e.hidden=!1),this.grid&&this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}hideEmptyState(){const t=this.container.querySelector(".no-favourites");t&&t.remove(),this.grid&&this.grid.classList.remove("empty")}createEmptyElement(t=!1){const e=document.createElement("div");e.className="no-favourites",e.innerHTML="\n            <h3>♡ BLANK CANVAS ♡</h3>\n            <p>You haven't fallen in love with any pieces... yet!</p>\n            <p>Hit that heart icon when something stops your scroll.</p>\n            <p>Your dream collection is waiting to start.</p>\n        ",this.grid.after(e)}showEmptyListState(t=!1){const e=document.createElement("div");e.className="no-favourites",e.innerHTML="\n            <h3>♡ FULL OF POSSIBILITY ♡</h3>\n            <p>There's nothing in this list yet.</p>\n            <p>Add some gap fillers from the main favourites tab.</p>\n        ",this.grid.after(e),this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}async loadMoreItems(){!this.state.loading&&this.state.pagination.hasMore&&(this.state.page+=1,await this.loadFavourites())}updateTypeFilters(t){this.typeFilters&&this.typeFilters.querySelectorAll(".type-filter").forEach((e=>{const s=e.querySelector(".count");if(!s)return;const i=e.dataset.type;if("all"===i){const e=Object.values(t).reduce(((t,e)=>t+(parseInt(e)||0)),0);s.textContent=`(${e})`}else s.textContent=`(${t[i]||0})`}))}setFilterType(t){t!==this.state.filter.type&&(this.typeFilters&&this.typeFilters.querySelectorAll(".type-filter").forEach((e=>{e.classList.toggle("active",e.dataset.type===t),e.setAttribute("aria-selected",e.dataset.type===t)})),this.state.filter.type=t,this.state.page=1,this.loadFavourites(),window.jvbA11y&&window.jvbA11y.announce(`Filtered to show ${"all"===t?"all":t} items`))}setView(t){t!==this.state.view.mode&&(this.viewControls&&this.viewControls.querySelectorAll(".view-toggle").forEach((e=>{const s=e.dataset.view===t;e.setAttribute("aria-pressed",s)})),this.grid&&(this.grid.classList.remove("grid-view","list-view"),this.grid.classList.add(`${t}-view`)),this.state.view.mode=t,localStorage.setItem("favourites_view",t),window.jvbA11y&&window.jvbA11y.announce(`Changed to ${t} view`))}toggleSelectAll(t){const e=this.getVisibleItems();e.forEach((e=>{const s=e.querySelector('.item-select input[type="checkbox"]');s&&(s.checked=t,this.toggleItemSelection(s.value,t))})),this.updateBulkControls(),window.jvbA11y&&window.jvbA11y.announce(t?`Selected all ${e.length} items`:"Deselected all items")}getVisibleItems(){return this.grid?Array.from(this.grid.querySelectorAll(".item:not([hidden])")):[]}toggleItemSelection(t,e){e?this.state.selectedItems.add(t):this.state.selectedItems.delete(t);const s=this.grid.querySelector(`.item[data-id="${t}"]`);s&&s.classList.toggle("selected",e)}handleItemSelection(t){const e=t.checked,s=t.value;if(this.toggleItemSelection(s,e),this.updateBulkControls(),this.updateSelectAllState(),window.jvbA11y){const s=t.closest(".item"),i=s&&s.querySelector("h3")?.textContent||"item";window.jvbA11y.announce(e?`Selected ${i}`:`Deselected ${i}`)}}updateSelectAllState(){const t=this.container.querySelector(this.config.selectors.selectAll);if(!t)return;const e=this.getVisibleItems();if(0===e.length)return t.checked=!1,void(t.indeterminate=!1);const s=e.filter((t=>{const e=t.querySelector('.item-select input[type="checkbox"]');return e&&e.checked})).length;0===s?(t.checked=!1,t.indeterminate=!1):s===e.length?(t.checked=!0,t.indeterminate=!1):(t.checked=!1,t.indeterminate=!0)}updateBulkControls(){if(!this.bulkControls)return;const t=this.bulkControls.querySelector(".bulk-actions");if(!t)return;const e=this.state.selectedItems.size>0;t.hidden=!e;const s=this.bulkControls.querySelector(".selected-count");s&&(s.textContent=e?`${this.state.selectedItems.size} selected`:"")}handleKeyDown(t){"Escape"===t.key&&this.state.selectedItems.size>0&&(t.preventDefault(),this.clearSelection(),window.jvbA11y&&window.jvbA11y.announce("Selection cleared using Escape key"))}clearSelection(){this.state.selectedItems.clear(),this.getVisibleItems().forEach((t=>{const e=t.querySelector('.item-select input[type="checkbox"]');e&&(e.checked=!1),t.classList.remove("selected")}));const t=this.container.querySelector(this.config.selectors.selectAll);t&&(t.checked=!1,t.indeterminate=!1),this.updateBulkControls(),window.jvbA11y&&window.jvbA11y.announce("Selection cleared")}applyBulkAction(t){if(!t||0===this.state.selectedItems.size)return;switch(t){case"unfavourite":this.bulkUnfavourite();break;case"add-to-list":this.showAddToListModal();break;case"create-list":this.showCreateListModal();break;case"add-notes":this.showBulkNotesModal()}const e=this.container.querySelector(".bulk-action-select");e&&(e.value="")}handleItemActions(t){if(t.target.closest(".toggle-notes")){const e=t.target.closest(".toggle-notes"),s="true"===e.getAttribute("aria-expanded"),i=e.closest(".notes-section").querySelector(".notes-content");return e.setAttribute("aria-expanded",!s),i.hidden=s,!s&&i&&i.querySelector("textarea")?.focus(),void t.preventDefault()}if(t.target.closest(".save-notes")){const e=t.target.closest(".save-notes").closest(".notes-content").querySelector("textarea");return e&&this.saveNotes(e),void t.preventDefault()}if(t.target.closest(".view-list")){const e=t.target.closest(".view-list").closest(".list-card");return e&&e.dataset.id&&this.viewList(e.dataset.id),void t.preventDefault()}if(t.target.closest(".share-list")){const e=t.target.closest(".share-list").closest(".list-card");return e&&e.dataset.id&&this.showShareModal(e.dataset.id),void t.preventDefault()}if(t.target.closest(".delete-list")){const e=t.target.closest(".delete-list").closest(".list-card");return e&&e.dataset.id&&this.deleteList(e.dataset.id),void t.preventDefault()}if(t.target.closest(".back-to-lists"))return this.exitListView(),void t.preventDefault()}async loadLists(t=!0){try{this.state.loading=!0,this.loadingManager.show("Loading lists...");const t=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("favourites")}},{context:"favourite-lists",forceRefresh:!1});return t.lists&&this.renderLists(t.lists),t}catch(t){throw this.handleError(t,"loading lists"),t}finally{this.state.loading=!1,this.loadingManager.hide()}}renderLists(t){if(!this.listContainer)return;if(removeChildren(this.listContainer),!t||0===t.length)return void(this.listContainer.innerHTML='\n                <div class="no-lists">\n                    <h3>No Lists Yet</h3>\n                    <p>Select favourites from the main tab to organize into lists.</p>\n                </div>\n            ');const e=t.owned,s=t.shared;if(e.length>0){const t=document.createElement("details");t.className="lists-section owned-lists",t.open=!0,t.innerHTML="<summary>Your Lists:</summary>",e.forEach((e=>{const s=this.createListCard(e);t.appendChild(s)})),this.listContainer.appendChild(t)}if(s.length>0){const t=document.createElement("details");t.className="lists-section shared-lists",t.innerHTML="<summary>Lists Shared with You:</summary>",s.forEach((e=>{const s=this.createListCard(e);t.appendChild(s)})),this.listContainer.appendChild(t)}}createListCard(t){const e=document.createElement("div");e.className="list-card",e.dataset.id=t.id;const s="1"===t.is_shared;s&&e.classList.add("shared"),t.is_temp&&e.classList.add("temp"),t.is_owner;const i=sanitizeHtml(t.name||"Untitled List"),a=sanitizeHtml(t.description||"");return e.innerHTML=`\n            <div class="list-header">\n                <h3>${i}</h3>\n                <div class="list-actions">\n                    <button type="button" class="view-list" title="View List">\n                        ${jvbSettings.icons?.show||"View"}\n                    </button>\n                    ${s?"":`\n                        <button type="button" class="share-list" title="Share List">\n                            ${jvbSettings.icons?.share||"Share"}\n                        </button>\n                        <button type="button" class="delete-list" title="Delete List">\n                            ${jvbSettings.icons?.delete||"Delete"}\n                        </button>\n                    `}\n                </div>\n            </div>\n\n            ${a?`<p class="list-description">${a}</p>`:""}\n\n            <div class="list-meta">\n                <div class="meta-stats">\n                    <span class="item-count">${t.item_count||0} items</span>\n                    <span class="date">${formatDate(t.created_at)}</span>\n                </div>\n\n\n                ${s?`\n                    <div class="owner-info">\n                        Shared by ${t.owner_name||"another user"}\n                    </div>\n                `:t.share_count>0?`\n                    <div class="share-info">\n                        Shared with ${t.share_count} ${1===t.share_count?"person":"people"}\n                    </div>\n                `:""}\n            </div>\n        `,e}async viewList(t){try{this.state.loading=!0,this.loadingManager.show("Loading list..."),this.state.currentListId=t;const e=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}?id=${t}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("favourites")}},{context:"list-item",forceRefresh:!1});if(!e.list)throw new Error("List not found");this.showListDetails(e.list)}catch(t){this.handleError(t,"viewing list")}finally{this.state.loading=!1,this.loadingManager.hide()}}showListDetails(t){this.listDetails&&this.listContainer&&(console.log(t),this.listDetails.querySelector(".list-title").value=t.name||"Untitled List",this.listDetails.querySelector(".list-description").value=t.description||"",t.is_owner?this.listDetails.querySelector(".list-actions")||this.createListActions():this.listDetails.querySelector(".list-actions")?.remove(),removeChildren(this.grid),this.renderFavourites(t.items||[],!1),0===t.items.length&&this.showEmptyListState(),window.jvbA11y&&window.jvbA11y.announce(`Viewing list: ${t.name} with ${t.items?.length||0} items`))}createListActions(){const t=document.createElement("div");t.className="list-actions",t.innerHTML='\n            <button type="button" class="share-list" title="Share List">\n            <i class="icon icon-share-fat"></i>\n            <span>Share</span>\n        </button>\n        <button type="button" class="duplicate-list" title="Duplicate List">\n            <i class="icon icon-copy"></i>\n            <span>Duplicate</span>\n        </button>\n        <button type="button" class="delete-list" title="Delete List">\n            <i class="icon icon-trash"></i>\n            <span>Delete</span>\n        </button>\n        ',this.listDetails.insertBefore(t,this.listDetails.querySelector(".bulk-controls"))}exitListView(){this.listDetails&&this.listContainer&&(this.listDetails.hidden=!0,this.listContainer.hidden=!1,this.container.classList.remove("viewing-list"),this.state.currentListId=null,window.jvbA11y&&window.jvbA11y.announce("Returned to lists view"))}showCreateListModal(){this.createListModal&&(this.createListModal.querySelector("form")?.reset(),this.createListModal.showModal(),setTimeout((()=>{this.createListModal.querySelector("#list-name")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Create list dialog opened"))}showAddToListModal(){this.addToListModal&&(this.populateAddToListModal(),this.addToListModal.showModal(),window.jvbA11y&&window.jvbA11y.announce("Add to list dialog opened"))}async populateAddToListModal(){if(!this.addToListModal)return;const t=this.addToListModal.querySelector(".lists-options");if(t){removeChildren(t);try{const e=(await this.loadLists()).lists.owned;if(0===e.length)return t.innerHTML='\n                    <div class="no-lists">\n                        <p>You don\'t have any lists yet.</p>\n                        <button type="button" class="create-list-button">Create a list</button>\n                    </div>\n                ',void t.querySelector(".create-list-button")?.addEventListener("click",(()=>{this.addToListModal.close(),this.showCreateListModal()}));e.forEach((e=>{const s=document.createElement("div");s.className="list-option",s.innerHTML=`\n                    <input type="checkbox" id="${e.id}" name="list_ids[]" value="${e.id}">\n                    <label for="${e.id}">\n\n                        <span class="list-name">${sanitizeHtml(e.name)}</span>\n                        <span class="item-count">( ${e.item_count||0} items )</span>\n                    </label>\n                `,t.appendChild(s)}))}catch(e){t.innerHTML='\n                <div class="error-message">\n                    <p>Error loading lists. Please try again.</p>\n                </div>\n            ',console.error("Error loading lists for modal:",e)}}}async handleCreateList(t){const e=t.get("list_name"),s=t.get("list_description");if(e)try{this.showLoader("Creating list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_create",data:{name:e,description:s,items:t}}),showToast(`List "${e}" created`),this.a11y.announce(`List ${e} created with ${t.length} items`),this.createListModal.close(),this.clearSelection(),this.switchTab("lists")}catch(t){this.handleError(t,"creating list")}finally{this.hideLoader()}else showToast("Please enter a list name","error")}async handleAddToList(t){const e=t.getAll("list_ids[]");if(e.length)try{this.showLoader("Adding to list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_add",data:{list_id:e.join(","),items:t}}),showToast(`Added to ${e.length} ${1===e.length?"list":"lists"}`),this.a11y.announce(`Added ${t.length} items to ${e.length} ${1===e.length?"list":"lists"}`),this.addToListModal.close(),this.clearSelection()}catch(t){this.handleError(t,"adding to list")}finally{this.hideLoader()}else showToast("Please select at least one list","error")}async handleRemoveFromList(t){const e=t.getAll("list_ids[]");if(e.length)try{this.showLoader("Removing from list...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);s&&t.push({type:s.dataset.type,target_id:parseInt(e)})})),this.queue.addToQueue({type:"favourite_list_remove",data:{list_id:e.join(","),items:t}}),showToast(`Removed from ${e.length} ${1===e.length?"list":"lists"}`),this.a11y.announce(`Removed ${t.length} items to ${e.length} ${1===e.length?"list":"lists"}`),this.addToListModal.close(),this.clearSelection()}catch(t){this.handleError(t,"remove from list")}finally{this.hideLoader()}else showToast("Please select at least one list","error")}showShareModal(t){this.shareListModal&&(this.state.currentListId=t,this.shareListModal.querySelector("form")?.reset(),this.loadSharedUsers(t),this.shareListModal.showModal(),setTimeout((()=>{this.shareListModal.querySelector("#share-email")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Share list dialog opened"))}async loadSharedUsers(t){try{const e=this.shareListModal.querySelector(".shared-users");if(!e)return;e.innerHTML='<div class="loading">Loading shared users...</div>';const s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.config.endpoints.lists}?id=${t}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("favourites")}},{context:"list-item",forceRefresh:!1});removeChildren(e),s.list&&s.list.shared_users&&s.list.shared_users.length>0?(s.list.shared_users.forEach((t=>{const s=document.createElement("div");s.className=`shared-user ${t.status}`,s.innerHTML=`\n                        <span class="user-email">${t.email}</span>\n                        ${"pending"===t.status?'<span class="pending-badge">Invitation sent</span>':`<span class="permission-badge">${t.permission_type||"view"}</span>`}\n                        <button type="button" class="remove-share" data-email="${t.email}">\n                            ${jvbSettings.icons?.delete||"Remove"}\n                        </button>\n                    `,e.appendChild(s)})),e.querySelectorAll(".remove-share").forEach((t=>{t.addEventListener("click",(()=>{this.unshareList(t.dataset.email)}))}))):e.innerHTML='<div class="no-shares">This list is not shared with anyone yet.</div>'}catch(t){console.error("Error loading shared users:",t)}}async unshareList(t){if(confirm(`Remove ${t}'s access to this list?`))if(this.state.currentListId)try{this.showLoader("Removing access..."),this.queue.addToQueue({type:"favourite_list_unshare",data:{list_id:parseInt(this.state.currentListId),email:t}});const e=Array.from(this.shareListModal.querySelectorAll(".shared-user")).find((e=>e.querySelector(".user-email")?.textContent===t));e&&(e.classList.add("removing"),setTimeout((()=>{if(e.remove(),0===this.shareListModal.querySelectorAll(".shared-user").length){const t=this.shareListModal.querySelector(".shared-users");t&&(t.innerHTML='<div class="no-shares">This list is not shared with anyone yet.</div>')}}),300)),showToast(`Removed ${t}'s access`),this.a11y.announce(`Removed ${t}'s access to list`)}catch(t){this.handleError(t,"removing share access")}finally{this.hideLoader()}else showToast("No list selected","error")}async deleteList(t){if(confirm("Are you sure you want to delete this list? This cannot be undone."))try{this.showLoader("Deleting list..."),this.queue.addToQueue({type:"favourite_list_delete",data:{list_id:parseInt(t)}});const e=this.container.querySelector(`.list-card[data-id="${t}"]`);e&&(e.classList.add("removing"),setTimeout((()=>{e.remove(),0===this.container.querySelectorAll(".list-card").length&&(this.listContainer.innerHTML='\n                                <div class="no-lists">\n                                    <h3>No Lists Yet</h3>\n                                    <p>Create your first list to organize your favourites!</p>\n                                </div>\n                            ')}),300)),showToast("List deleted"),this.a11y.announce("List deleted")}catch(t){this.handleError(t,"deleting list")}finally{this.hideLoader()}}showBulkNotesModal(){let t=document.querySelector(".bulk-notes-modal");t||(t=document.createElement("dialog"),t.className="bulk-notes-modal",t.innerHTML='\n                <form method="dialog" data-save="favourites">\n                    <h2>Add Notes to Selected Items</h2>\n\n                    <div class="field">\n                        <label for="bulk-notes">Notes (will be applied to all selected items)</label>\n                        <textarea id="bulk-notes" name="bulk_notes" rows="5"></textarea>\n                    </div>\n\n                    <div class="actions">\n                        <button type="button" class="cancel">Cancel</button>\n                        <button type="submit" class="save">Save Notes</button>\n                    </div>\n                </form>\n            ',document.body.appendChild(t),t.querySelector("form").addEventListener("submit",(e=>{e.preventDefault();const s=t.querySelector("#bulk-notes").value;this.saveBulkNotes(s),t.close()})),t.querySelector(".cancel").addEventListener("click",(()=>{t.close()}))),t.querySelector("form")?.reset(),t.showModal(),setTimeout((()=>{t.querySelector("#bulk-notes")?.focus()}),100),window.jvbA11y&&window.jvbA11y.announce("Add notes dialog opened")}saveBulkNotes(t){if(t)try{this.showLoader("Saving notes...");let e=Array.from(this.state.selectedItems.values());this.queue.addToQueue({type:"favourite_notes",data:{target_id:e.join(","),notes:t}}),showToast(`Notes saved for ${e.length} items`),this.a11y.announce(`Notes saved for ${e.length} items`),this.clearSelection()}catch(t){this.handleError(t,"saving bulk notes")}finally{this.hideLoader()}}async bulkUnfavourite(){if(confirm("Are you sure you want to remove these items from your favourites?"))try{this.showLoader("Removing from favourites...");const t=[];this.state.selectedItems.forEach((e=>{const s=this.grid.querySelector(`.item[data-id="${e}"]`);if(!s)return;const i=s.dataset.type;t.push({target_id:parseInt(e),type:i,action:"remove"})})),this.queue.addToQueue({type:"favourite_toggle",data:t});const e=[];this.state.selectedItems.forEach((t=>{const s=this.grid.querySelector(`.item[data-id="${t}"]`);if(!s)return;s.style.opacity="0",s.style.transform="scale(0.9)",s.style.transition="opacity 0.3s ease, transform 0.3s ease";const i=new Promise((t=>{setTimeout((()=>{s.remove(),t()}),300)}));e.push(i)})),await Promise.all(e),0===this.grid.children.length&&this.showEmptyState(),this.clearSelection(),showToast(`Removed ${t.length} items from favourites`),this.a11y.announce(`Removed ${t.length} items from favourites`)}catch(t){this.handleError(t,"removing favourites")}finally{this.hideLoader()}}async handleShareList(t){const e=t.get("share_email");if(e)if(this.validateEmail(e))try{this.showLoader("Sharing list..."),this.queue.addToQueue({type:"favourite_list_share",data:{list_id:parseInt(this.state.currentListId),email:e,permission_type:"view"}}),this.shareListModal.querySelector("#share-email").value="",this.loadSharedUsers(this.state.currentListId),showToast(`Invitation sent to ${e}`),this.a11y.announce(`Invitation sent to ${e}`)}catch(t){this.handleError(t,"sharing list")}finally{this.hideLoader()}else showToast("Please enter a valid email address","error");else showToast("Please enter an email address","error")}showLoader(t="Loading..."){if(!this.loader)return;const e=this.loader.querySelector(".loader-message");e&&(e.textContent=t),this.loader.hidden=!1}hideLoader(){this.loader&&(this.loader.hidden=!0)}showToast(t,e){window.jvbNotifications.showToast(t,e)}handleError(t,e){console.error(`Favourites error (${e}):`,t),showToast(`Error ${e}: ${t.message||"Something went wrong"}`,"error"),window.jvbError&&window.jvbError.log(t,{component:"FavouritesManager",action:e}),window.jvbA11y&&window.jvbA11y.announce(`Error ${e}. ${t.message||"Please try again."}`)}validateEmail(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}};

 assets/js/min/form.min.js

@@ -1 +1 @@
(()=>{class e{constructor(e={}){this.config={collectFormData:!1,...e};const t=window.jvbStore.register("forms",{storeName:"forms",keyPath:"formId",indexes:[{name:"status",keyPath:"status"},{name:"operationId",keyPath:"operationId"},{name:"timestamp",keyPath:"timestamp"},{name:"formType",keyPath:"type"}],TTL:1008e4,validateData:!0,delayFetch:!0});this.store=t.forms,this.debouncer=window.debouncer,this.ignore=[],this.populateForm=window.jvbPopulate,this.subscribers=new Set,this.forms=new Map,this.specialFields=new Map,this.dependencies=new Map,this.validators=this.initValidators(),this.touchedFields=new Set,this.autoSaveDefaults={delay:3e3,typingDelay:1500,enabled:!0},this.activeRepeaters=new Map,this.repeaterDelays={change:6e3,typing:3e3,blur:1500,add:500,remove:800,reorder:1e3},this.isTimeline=!1,window.crudManager&&window.crudManager.isTimeline&&(this.isTimeline=!0),this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),this.submitHandler=this.handleSubmit.bind(this),this.inputHandler=this.handleInput.bind(this),this.focusHandler=this.handleFocus.bind(this),this.blurHandler=this.handleBlur.bind(this),this.processRepeaterField=this.processRepeaterField.bind(this),this.processGroupField=this.processGroupField.bind(this),this.processLocationField=this.processLocationField.bind(this),this.processRegularField=this.processRegularField.bind(this),this.init()}async init(){this.store.subscribe(this.handleStoreEvent.bind(this)),this.initListeners(),window.jvbQueue&&window.jvbQueue.subscribe(((e,t)=>{"operation-completed"===e&&"form"===t.type&&this.handleOperationComplete(t)}))}async handleOperationComplete(e){if(e.formId)try{await this.store.delete(e.formId)}catch(e){console.warn("Failed to clear form cache:",e)}const t=this.forms.get(e.formId);t&&(t.isDirty=!1,t.lastSaved=Date.now(),t.data={})}handleStoreEvent(e,t){switch(e){case"item-saved":t.item.status;break;case"data-loaded":this.checkPendingForms()}}checkPendingForms(){this.store.getAll().filter((e=>"draft"===e.status)).forEach((e=>{const t=this.forms.get(e.formId);if(t?.element){const s=t.element.querySelector(".restore-form");s&&(s.hidden=!1),new this.populateForm(t.element,e.data)}}))}async checkPendingOperations(){const e=await this.store.query("status","pending");if(0===e.length)return;const t=this.groupPendingForms(e);this.showPendingNotification(t)}showPendingNotification(e,t){const s=document.querySelector(`[data-form-id="${e}"]`);if(!s)return;const r=document.createElement("div");r.className="pending-changes-notification",r.innerHTML=`\n        <p>We noticed unsaved changes from last time. Would you like to restore them?</p>\n        <button class="restore-changes" data-form-id="${e}">Restore</button>\n        <button class="discard-changes" data-form-id="${e}">Discard</button>\n    `,s.insertBefore(r,s.firstChild),r.querySelector(".restore-changes").addEventListener("click",(async()=>{await this.restorePendingForm(e,t),r.remove()})),r.querySelector(".discard-changes").addEventListener("click",(async()=>{await this.discardPendingForm(e),r.remove()}))}async restorePendingForm(e,t){const s=document.querySelector(`[data-form-id="${e}"]`);s&&(new this.populateForm(s,t),await this.store.save({formId:e,data:t,status:"restored",timestamp:Date.now()}),window.jvbA11y&&window.jvbA11y.announce("Previous changes restored"))}async discardPendingForm(e){try{await this.store.delete(e),window.jvbA11y&&window.jvbA11y.announce("Previous changes discarded")}catch(e){console.error("Failed to discard pending form:",e)}}initListeners(){this.globalHandlersAdded||(document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler),document.addEventListener("focus",this.focusHandler,!0),document.addEventListener("blur",this.blurHandler,!0),document.addEventListener("input",this.inputHandler),this.globalHandlersAdded=!0)}registerForm(e,t={}){if(!e)return;const s=e.dataset.formId||`form_${Date.now()}`;e.dataset.formId=s,e.addEventListener("submit",this.submitHandler);const r={element:e,id:s,status:"",options:{autosave:"autosave"in e.dataset,saveDelay:this.autoSaveDefaults.delay,endpoint:e.dataset.save??"",formStatus:!0,cache:!0,...t},dependencies:new Map,data:this.collectFormData(e,!0)};if(this.initializeFormFields(e,r),this.forms.set(s,r),this.store&&r.options.cache){const e=this.store.get(s);e&&e.formData&&this.showPendingNotification(e)}return r}initializeFormFields(e,t=null){this.initQuillEditors(e),this.initRepeaterFields(e,t),t&&this.initConditionalFields(e,t),this.initCharacterLimits(e),this.initImageUploadFields(e),window.jvbTabs&&e.querySelector("nav.tabs")&&(t.tabs=new window.jvbTabs(e),this.forms.set(t.formId,t),this.initSteppedForm(t.formId)),window.jvbSelector&&window.jvbSelector.scanExistingFields(e)}initSteppedForm(e){const t=this.forms.get(e),s=t.element,r=t.tabs,a=s.querySelectorAll(".tab-content").length,i=s.querySelector(".form-progress .fill"),n=s.querySelector(".step-text .current"),o=s.querySelectorAll("nav.tabs button"),l=e=>{const t=e/a*100;i&&(i.style.width=t+"%"),n&&(n.textContent=e),o.forEach(((t,s)=>{const r=s+1;t.classList.remove("current","completed","pending"),r<e?t.classList.add("completed"):r===e?t.classList.add("current"):t.classList.add("pending")}))};s.addEventListener("click",(e=>{const t=e.target.closest('[data-action="next-step"]'),a=e.target.closest('[data-action="prev-step"]');if(t){e.preventDefault();const a=t.closest(".tab-content"),i=parseInt(a.dataset.step),n=s.querySelector(`.tab-content[data-step="${i+1}"]`);if(n&&this.validateStep(a)){const e=n.dataset.tab;r.switchTab(e,!0),l(i+1),s.scrollIntoView({behavior:"smooth",block:"start"})}}if(a){e.preventDefault();const t=a.closest(".tab-content"),i=parseInt(t.dataset.step),n=s.querySelector(`.tab-content[data-step="${i-1}"]`);if(n){const e=n.dataset.tab;r.switchTab(e,!0),l(i-1),s.scrollIntoView({behavior:"smooth",block:"start"})}}}));const c=r.switchTab.bind(r);r.switchTab=(e,t)=>{c(e,t);const r=s.querySelector(`.tab-content[data-tab="${e}"]`);if(r){const e=parseInt(r.dataset.step);l(e)}},l(1)}validateStep(e){const t=e.querySelectorAll(".field");let s=!0;return t.forEach((e=>{const t=e.querySelector("input, textarea, select");if(t&&!t.closest("[hidden]")){this.validateField(t,e)||(s=!1)}})),s}initQuillEditors(e){window.jvbQuill(e)}initRepeaterFields(e,t){e.querySelectorAll(".repeater").forEach((e=>{const s=e.querySelector(".add-repeater-row"),r=e.querySelector(".repeater-items"),a=e.querySelector("template");s&&a&&r&&(window.Sortable&&new Sortable(r,{handle:".repeater-row-header",animation:150,onEnd:()=>{this.updateRepeaterOrder(e,t)}}),s.addEventListener("click",(()=>{this.addRepeaterRow(e,t)})),r.addEventListener("click",(e=>{e.target.closest(".remove-row")&&this.removeRepeaterRow(e.target.closest(".repeater-row"),t)})))}))}addRepeaterRow(e,t){const s=e.querySelector(".repeater-items"),r=e.querySelector("template"),a=s.children.length,i=e.dataset.field,n=r.content.cloneNode(!0).firstElementChild;n.dataset.index=a,n.querySelectorAll("input, select, textarea").forEach((e=>{const t=e.name;e.name=`${i}:${a}:${t}`,e.id=`${i}-${a}-${t}`;const s=e.nextElementSibling;s&&"LABEL"===s.tagName&&(s.htmlFor=e.id)})),s.appendChild(n),t&&this.scheduleSave(t,{type:"repeater",action:"add",fieldName:i,delay:this.repeaterDelays.add}),window.jvbA11y&&window.jvbA11y.announce("Row added")}removeRepeaterRow(e,t){const s=e.closest(".repeater"),r=s.dataset.field;e.remove(),this.updateRepeaterOrder(s,t),t&&this.scheduleSave(t,{type:"repeater",action:"remove",fieldName:r,delay:this.repeaterDelays.remove}),window.jvbA11y&&window.jvbA11y.announce("Row removed")}updateRepeaterOrder(e,t){const s=e.querySelector(".repeater-items"),r=e.dataset.field;Array.from(s.children).forEach(((e,t)=>{e.dataset.index=t,e.querySelectorAll("input, select, textarea").forEach((e=>{const s=e.name.split(":");if(3===s.length){const a=s[2];e.name=`${r}:${t}:${a}`,e.id=`${r}-${t}-${a}`;const i=e.nextElementSibling;i&&"LABEL"===i.tagName&&(i.htmlFor=e.id)}}))})),t&&this.scheduleSave(t,{type:"repeater",action:"reorder",fieldName:r,delay:this.repeaterDelays.reorder})}initConditionalFields(e,t){e.querySelectorAll("[data-depends-on]").forEach((s=>{const r=s.dataset.dependsOn,a=s.dataset.dependsValue,i=s.dataset.dependsOperator||"==";t.dependencies.has(r)||t.dependencies.set(r,[]),t.dependencies.get(r).push({field:s,requiredValue:a,operator:i}),this.checkFieldDependency(e,s,r,a,i)}))}checkFieldDependency(e,t,s,r,a){const i=e.querySelector(`[name="${s}"]`);if(!i)return;const n=this.getFieldValue(i),o=this.evaluateCondition(n,r,a);this.toggleFieldVisibility(t,o)}evaluateCondition(e,t,s){const r=String(e||""),a=String(t||"");switch(s){case"==":default:return r==a;case"!=":return r!=a;case">":return parseFloat(r)>parseFloat(a);case"<":return parseFloat(r)<parseFloat(a);case">=":return parseFloat(r)>=parseFloat(a);case"<=":return parseFloat(r)<=parseFloat(a);case"contains":return r.includes(a);case"empty":return""===r;case"not_empty":return""!==r}}toggleFieldVisibility(e,t){const s=e.closest(".field, fieldset");s&&(s.hidden=!t,s.querySelectorAll("input, select, textarea").forEach((e=>{e.disabled=!t,!t&&e.hasAttribute("required")?(e.dataset.wasRequired="true",e.removeAttribute("required")):t&&"true"===e.dataset.wasRequired&&(e.setAttribute("required",""),delete e.dataset.wasRequired)})))}initCharacterLimits(e){e.querySelectorAll("[data-limit]").forEach((e=>{const t=parseInt(e.dataset.limit,10),s=e.closest(".field");let r=s?.querySelector(".char-count");!r&&s&&(r=document.createElement("div"),r.className="char-count",r.innerHTML=`<span class="current">0</span> / <span class="limit">${t}</span>`,s.appendChild(r));const a=()=>{const s=e.value.length;r&&(r.querySelector(".current").textContent=s,r.classList.toggle("exceeded",s>t)),s>t&&(e.value=e.value.substring(0,t),r&&(r.querySelector(".current").textContent=t))};e.addEventListener("input",a),a()}))}initImageUploadFields(e){window.jvbUploads.scanFields(e)}async handleSubmit(e){const t=e.target;if(!t.dataset.formId)return;const s=this.forms.get(t.dataset.formId);if(this.subscribers.size>0){e.preventDefault();const r=this.collectFormData(t);this.notify("form-submit",{formId:t.dataset.formId,fullData:r,config:s})}else;}handleFormSuccess(e,t){if(e.querySelectorAll(".error-message").forEach((e=>e.remove())),e.querySelectorAll(".field-error").forEach((e=>e.classList.remove("field-error"))),e.classList.add("form-success"),t.message){const s=document.createElement("div");s.className="form-success-message success-message",s.textContent=t.message,e.insertBefore(s,e.firstChild);const r=window.getIcon?.("check-circle");r&&(r.classList.add("success-icon"),s.prepend(r))}if(t.title||t.description){const s=document.createElement("div");if(s.className="success-box",t.title){const e=document.createElement("h3");e.textContent=t.title,s.appendChild(e)}if(t.description){(Array.isArray(t.description)?t.description:[t.description]).forEach((e=>{const t=document.createElement("p");t.textContent=e,s.appendChild(t)}))}e.insertBefore(s,e.firstChild)}if(e.dataset.formId){this.store.delete(e.dataset.formId).catch((e=>{console.warn("Failed to clear form cache:",e)}));const t=this.forms.get(e.dataset.formId);t&&(t.isDirty=!1,t.lastSaved=Date.now(),t.data={})}window.jvbA11y&&window.jvbA11y.announce(t.message||"Form submitted successfully"),e.dispatchEvent(new CustomEvent("jvb-form-success",{detail:t}))}handleFormError(e,t){if(e.querySelectorAll(".error-message").forEach((e=>e.remove())),e.querySelectorAll(".field-error, .has-error").forEach((e=>{e.classList.remove("field-error","has-error")})),e.querySelectorAll(".field").forEach((e=>{this.clearValidation(e)})),t.field){const s=e.querySelector(`[data-field="${t.field}"]`);if(s){this.showError(s,t.message),this.touchedFields.add(t.field),s.scrollIntoView({behavior:"smooth",block:"center"});const e=s.querySelector("input, textarea, select");e&&e.focus()}}else{const s=document.createElement("div");s.className="form-error error-message",s.textContent=t.message;const r=window.getIcon?.("close-circle");r&&(r.classList.add("error-icon"),s.prepend(r)),e.insertBefore(s,e.firstChild),e.scrollIntoView({behavior:"smooth",block:"start"})}if(window.jvbA11y){const e=t.field?`Error in ${t.field}: ${t.message}`:`Form error: ${t.message}`;window.jvbA11y.announce(e)}e.dispatchEvent(new CustomEvent("jvb-form-error",{detail:t}))}handleClick(e){if(window.targetCheck(e,"div.quantity")){let t=window.targetCheck(e,"div.quantity");this.handleNumberClick(e,t.querySelector("input"))}else if(window.targetCheck(e,"[data-action]")){let t=window.targetCheck(e,"[data-action]");switch(t=t.dataset.action,t){case"clear-form":let t=e.target.closest("form");this.store.delete(t.dataset.formId),t?.reset(),e.target.closest(".restore-form").hidden=!0;break;case"dismiss-restore":e.target.closest(".restore-form").hidden=!0}}}handleNumberClick(e,t){let s=0;if(e.target.closest(".increase")?s+=1:e.target.closest(".decrease")&&(s-=1),0!==s){let r=parseFloat(t.step);r=Math.max(r,1),e.ctrlKey&&e.shiftKey?r*=50:e.ctrlKey?r*=5:e.shiftKey&&(r*=10);let a=""===t.value?0:parseFloat(t.value);t.value=a+r*s,this.handleNumberLimits(t)}}handleNumberLimits(e){let[t,s,r,a]=[e.min,e.max,e.closest(".quantity")?.querySelector(".increase"),e.closest(".quantity")?.querySelector(".decrease")],i=parseFloat(e.value);i<t?(e.value=t,a.disabled=!0):i>s?(e.value=s,r.disabled=!1):r.disabled?r.disabled=!1:a.disabled&&(a.disabled=!1)}handleChange(e){if(e.target.closest("[data-ignore]"))return;const t=e.target,s=t.form||t.closest("form");if(!s)return;const r=this.forms?.get(s.dataset.formId);if(r&&(r.options.autosave||this.subscribers.size>0)){const e=r.dependencies.get(t.name);e&&e.forEach((e=>{this.checkFieldDependency(s,e.field,t.name,e.requiredValue,e.operator)}));const a=this.getDelayForField(t);this.scheduleSave(r,a)}}handleFocus(e){const t=e.target;t.matches("input, textarea, select")&&(this.currentFocus=t)}handleBlur(e){if(e.target.closest("[data-ignore]"))return;const t=e.target,s=t.form||t.closest("form");if(!s)return;const r=e.target.closest("input, textarea, select");if(r){const e=this.findFieldWrapper(r);if(e){const t=e.dataset.field;t&&(this.shouldDebounce(r)&&window.debouncer.cancel(`validate_${t}`),this.touchedFields.add(t)),this.validateField(r,e)}const a=this.forms?.get(s.dataset.formId);a&&this.scheduleSave(a,{type:"blur",fieldName:t.name,delay:1500})}}handleInput(e){if(e.target.closest("[data-ignore]")||!e.target.closest("form"))return;const t=e.target.closest("input, textarea, select");if(!t)return;let s=t.closest("form");this.showFormStatus(s.dataset.formId,"pending");const r=this.findFieldWrapper(t);if(!r)return;const a=r.dataset.field;a&&this.touchedFields.add(a),this.shouldDebounce(t)&&window.debouncer.schedule(`validate_${a}`,((e,t)=>this.validateField.bind(this)),500)}initValidators(){return{email:{pattern:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Please enter a valid email address"},url:{pattern:/^https?:\/\/.+\..+/,message:"Please enter a valid URL starting with http:// or https://"},phone:{pattern:/^[\d\s\-\+\(\)\.]+$/,message:"Please enter a valid phone number"},number:{test:(e,t)=>{const s=parseFloat(e);if(isNaN(s))return"Please enter a valid number";const r=t.dataset.min,a=t.dataset.max;return void 0!==r&&s<parseFloat(r)?`Value must be at least ${r}`:!(void 0!==a&&s>parseFloat(a))||`Value must be at most ${a}`}},text:{test:(e,t)=>{const s=t.dataset.minlength,r=t.dataset.maxlength;return s&&e.length<parseInt(s)?`Must be at least ${s} characters`:!(r&&e.length>parseInt(r))||`Must be no more than ${r} characters`}}}}findFieldWrapper(e){let t=e.closest(".field");return t||(t=e.closest("[data-field]")),t}shouldDebounce(e){return["text","email","url","tel","search"].includes(e.type)||"TEXTAREA"===e.tagName}validateField(e,t){const s=this.getFieldValue(e),r=t.dataset.field;if(!this.touchedFields.has(r)&&!e.required)return!0;if(!s&&!e.required)return this.clearValidation(t),!0;if(e.required&&!s)return this.showError(t,"This field is required"),!1;if(e.checkValidity&&!e.checkValidity())return this.showError(t,e.validationMessage),!1;const a=t.dataset.pattern;if(a&&s){if(!new RegExp(a).test(s)){const e=t.dataset.validationMessage||"Invalid format";return this.showError(t,e),!1}}const i=t.dataset.validate||e.type;if(i&&this.validators[i]){const e=this.validators[i];if(e.pattern&&!e.pattern.test(s))return this.showError(t,e.message),!1;if(e.test){const r=e.test(s,t);if(!0!==r)return this.showError(t,r),!1}}return this.showSuccess(t),this.notify("field-validated",e),!0}getFieldValue(e){if(!e)return"";if("checkbox"===e.type)return e.checked?e.value||"1":"";if("radio"===e.type){const t=e.form?.querySelector(`[name="${e.name}"]:checked`);return t?t.value:""}return"select-multiple"===e.type?Array.from(e.selectedOptions).map((e=>e.value)):e.value?.trim()||""}showSuccess(e,t=""){if(!e)return;const s=e.querySelector(".validation-icon.success"),r=e.querySelector(".validation-icon.error"),a=e.querySelector(".validation-message"),i=e.querySelector("input, textarea, select");e.classList.remove("has-error"),i?.classList.remove("error"),e.classList.add("has-success"),s&&(s.hidden=!1),r&&(r.hidden=!0),a&&(""===t?(a.hidden=!0,a.textContent=""):(a.hidden=!1,a.textContent=t))}showError(e,t){if(!e)return;const s=e.querySelector(".validation-icon.success"),r=e.querySelector(".validation-icon.error"),a=e.querySelector(".validation-message"),i=e.querySelector("input, textarea, select");e.classList.remove("has-success"),e.classList.add("has-error"),i?.classList.add("error"),s&&(s.hidden=!0),r&&(r.hidden=!1),a&&(a.hidden=!1,a.textContent=t)}clearValidation(e){if(!e)return;const t=e.querySelector(".validation-icon"),s=e.querySelector(".validation-message"),r=e.querySelector("input, textarea, select");e.classList.remove("has-error","has-success"),r?.classList.remove("error"),t&&(t.hidden=!0),s&&(s.hidden=!0,s.textContent="")}validateAllFields(e){if(!e)return!0;const t=e.querySelectorAll(".field:not([hidden])");let s=!0;return t.forEach((e=>{if(this.isComplexFieldWrapper(e))return;const t=e.querySelector('input:not([type="hidden"]), textarea, select');if(t&&!t.closest("[hidden]")){const r=e.dataset.field;r&&this.touchedFields.add(r);this.validateField(t,e)||(s=!1,!1===s&&(t.scrollIntoView({behavior:"smooth",block:"center"}),t.focus()))}})),s}isComplexFieldWrapper(e){return e.classList.contains("repeater")||e.classList.contains("group")||e.classList.contains("upload")}attachRepeaterValidation(e){e.addEventListener("click",(t=>{t.target.closest(".add-repeater-row")&&setTimeout((()=>{e.querySelectorAll(".repeater-row").forEach((e=>{e.querySelectorAll("input, textarea, select").forEach((e=>{const t=this.findFieldWrapper(e);t&&this.clearValidation(t)}))}))}),100)}))}attachGroupValidation(e){e.addEventListener("change",(t=>{const s=t.target.closest("input, select");if(!s)return;const r=s.name;if(!r)return;e.querySelectorAll(`[data-show-if*="${r}"]`).forEach((e=>{e.hidden&&this.clearValidation(e)}))}))}resetForm(e){if(!e)return;this.touchedFields.clear();e.querySelectorAll(".field").forEach((e=>{this.clearValidation(e)}))}getFormErrors(e){const t={};return e.querySelectorAll(".field.has-error").forEach((e=>{const s=e.dataset.field,r=e.querySelector(".validation-message");s&&r&&(t[s]=r.textContent)})),t}addValidator(e,t){this.validators[e]=t}getDelayForField(e){return"text"===e.type||"textarea"===e.type?this.autoSaveDefaults.typingDelay:["checkbox","radio","select-one","select-multiple"].includes(e.type)?1e3:this.autoSaveDefaults.delay}scheduleSave(e,t=this.autoSaveDefaults.delay){if(!e.options.autosave)return;document.addEventListener("input",this.saveCheck,{passive:!0});const s=`autosave_${e.id}`;this.debouncer.schedule(s,(()=>this.autosave(e)),t)}saveCheck(e){let t=e.target.closest("form[data-id]");t&&this.scheduleSave(this.forms.get(t.dataset.id))}async autosave(e){const t=this.collectFormData(e.element);this.showFormStatus(e.id,"saving"),await this.store.save({formId:e.id,data:t,status:"draft",timestamp:Date.now()}).then((()=>{this.showFormStatus(e.id,"autosaved")})).catch((t=>{console.error("Autosave failed:",t),this.showFormStatus(e.id,"error","Failed to save changes")}));const s=this.getChangedFields(e.data,t);if(0!==Object.keys(s).length){e.data=t,this.forms.set(e.id,e),document.removeEventListener("input",this.handleInput);for(let[e,r]of Object.entries(t))"object"==typeof r&&(s[e]=r);this.notify("form-autosave",{formId:e.id,changes:s,fullData:t,config:e})}}hasUnsavedChanges(e){const t=this.forms.get(e);if(!t)return!1;if(t.operations?.size>0)return!0;const s=this.collectFormData(t.element),r=this.getChangedFields(t.data,s);return Object.keys(r).length>0}showFormStatus(e,t,s=""){let r=this.forms.get(e);if(!r.options.formStatus)return;if(r.status===t)return;r.status=t;const a=r.element.querySelector(".fstatus");a.hidden=!1;const i=a.querySelector(".message");i.textContent="",a.querySelector(".icon")?.remove();const n={saving:"Saving changes...",autosaved:"Changes saved locally. Submit form to send to server.",uploading:"Uploading your form to server",submitted:"Successfully sent to server",pending:"Unsaved changes",error:"Failed to save changes. Refresh and try again?",offline:"Changes will be saved when online"};let o=window.getIcon({autosaved:"check-circle",submitted:"check-circle",error:"close-circle",offline:"cloud-slash",pending:"exclamation-mark"}[t]);o&&a.prepend(o),""===s&&(s=n[t]||t),i.textContent=s,a.classList.toggle("loading",["uploading","saving"].includes(t)),"submitted"===t&&setTimeout((()=>a.hidden=!0),3e3)}cleanupSpecialFields(){this.specialFields.forEach((e=>{if("quill"===e.type&&e.instance){const t=e.instance.container.previousSibling;t?.classList.contains("ql-toolbar")&&t.remove()}})),this.uploader?.destroy(),this.specialFields.clear()}collectFormData(e,t=!1){if(Object.hasOwn(e.dataset,"timeline"))return this.collectTimeline(e);if(e.classList.contains("table")&&"FORM"===e.tagName)return{};const s=new FormData(e);let r={};const a={},i={};for(let[t,n]of s.entries()){if(this.ignore.includes(t)||t.endsWith("_temp"))continue;this.getFieldProcessor(t)(t,n,r,a,i,e)}return window.isEmptyObject(i)?this.mergeRepeaterData(r,a):(r=this.mergeRepeaterData(r,a),this.mergePostData(r,i))}collectTimeline(e){let t={},s={},r=[],a=new FormData(e);for(const[i,n]of a.entries()){if(this.ignore.includes(i)||i.endsWith("_temp"))continue;const a=i.match(/^\[(\d+)\](.+)$/);if(a){const[,t,o]=a;if(s[t]||(s[t]={id:parseInt(t)},r.push(t)),"post_thumbnail"===o)s[t].post_thumbnail=parseInt(e.querySelector(`[name="${i}"]`).closest(".item")?.dataset.id);else{this.getFieldProcessor(o)(o,n,s[t],{},{},e)}}else{this.getFieldProcessor(i)(i,n,t,{},{},e)}}return t.timeline=r.map((e=>s[e])),delete t["form-id"],delete t.sendAll,delete t.timeline_temp,delete t[""],t}getFieldProcessor(e){return e.includes("::")?this.processGroupField:e.includes(":")?this.processRepeaterField:/\[[^\]]+\]/.test(e)?this.processLocationField:this.processRegularField}mergeRepeaterData(e,t){return Object.keys(t).forEach((s=>{const r={};Object.keys(t[s]).forEach((e=>{const a=t[s][e];Object.keys(a).length>0&&(r[e]=a)})),e[s]=Object.values(r)})),e}mergePostData(e,t){for(let[s,r]of Object.entries(t))e[s]=r;return e}processRepeaterField(e,t,s,r,a,i){let[n,o,l]=e.split(":");const c=l.endsWith("[]");l=l.replace("[]",""),r[n]||(r[n]={}),r[n][o]||(r[n][o]={}),c||r[n][o][l]?(r[n][o][l]?Array.isArray(r[n][o][l])||(r[n][o][l]=[r[n][o][l]]):r[n][o][l]=[],r[n][o][l].push(t)):r[n][o][l]=t}processGroupField(e,t,s,r,a,i){const n=e.split("::"),o=n[0];s[o]||(s[o]={});let l=s[o];for(let e=1;e<n.length-1;e++){const t=n[e];l[t]||(l[t]={}),l=l[t]}const c=n[n.length-1];void 0!==l[c]?(Array.isArray(l[c])||(l[c]=[l[c]]),l[c].push(t)):l[c]=t}processLocationField(e,t,s,r,a,i){let[n,o]=e.split("[");o=o.replace("]",""),Object.hasOwn(s,n)||(s[n]={},Object.hasOwn(s,"sendAll")?s.sendAll.includes(n)||s.sendAll.push(n):s.sendAll=[n]),s[n][o]=t}processRegularField(e,t,s,r,a,i){s[e=e.replace("[]","")]?(Array.isArray(s[e])||(s[e]=[s[e]]),s[e].push(t)):s[e]=t}getFieldValue(e){if(!e)return"";if("checkbox"===e.type)return e.checked?e.value||"1":"";if("radio"===e.type){const t=e.form.querySelector(`[name="${e.name}"]:checked`);return t?t.value:""}return"select-multiple"===e.type?Array.from(e.selectedOptions).map((e=>e.value)):e.value}getChangedFields(e,t){return window.getDifferences?.map(e,t)||{}}showSummary(e,t="form"){const s=this.forms.get(e);if(!s)return;const r=s.element||document.querySelector(`[data-form-id="${e}"]`),a=window.getTemplate("formSummary"),[i,n,o]=[a.querySelector("h2"),a.querySelector(".summary"),a.querySelector(".result")],l=["sendAll",...this.ignore];for(const[e,t]of Object.entries(s.data)){if(l.includes(e)||this.isEmptyValue(t))continue;const s=this.getFieldInfo(r,e);if(!s.label)continue;const a=this.createResultElement(o,s,t,r);a&&n.appendChild(a)}o.remove(),(t="form"!==t?r.closest(t)??r:r).after(a),window.fade(t,!1)}isEmptyValue(e){return null==e||""===e||(!(!Array.isArray(e)||0!==e.length)||"object"==typeof e&&0===Object.keys(e).length)}getFieldInfo(e,t){let s=e.querySelector(`label[for="${t}"]`),r=null,a=null;if(r||(r=e.querySelector(`[name="${t}"]`)),r||(r=e.querySelector(`[name="${t}[]"]`)),!r){const a=e.querySelector(`fieldset[data-field="${t}"]`);a&&(s=a.querySelector("legend"),r=a.querySelector("input, select, textarea"))}if(!s&&r){const e=r.closest(".field, fieldset");e&&(s=e.querySelector("label, legend"))}a=e.querySelector(`.field[data-field="${t}"], fieldset[data-field="${t}"]`);let i="text";return a?.dataset.type?i=a.dataset.type:r&&(i="checkbox"===r.type&&r.name.endsWith("[]")?"checkbox":"checkbox"===r.type?"true_false":"SELECT"===r.tagName&&r.multiple?"select":r.type||"text"),{label:s?.textContent.replace("*","").trim()||null,type:i,wrapper:a,input:r}}createResultElement(e,t,s,r){const a=e.cloneNode(!0),i=a.querySelector("h4"),n=a.querySelector("p");i.textContent=t.label;const o=this.formatFieldValue(s,t.type,r);return this.isHtmlContent(o)?n.innerHTML=o:n.textContent=o,a}isHtmlContent(e){return"string"==typeof e&&(e.includes("<br>")||e.includes("<p>")||e.includes("<ul>")||e.includes("<ol>")||e.includes("<a ")||e.includes("<strong>")||e.includes("<em>")||e.includes("<div"))}formatFieldValue(e,t,s){switch(t){case"textarea":case"wysiwyg":return this.formatTextareaValue(e,t);case"true_false":return"1"===e||1===e||!0===e?"Yes":"No";case"checkbox":return Array.isArray(e)?this.formatArrayValue(e):"1"===e||1===e||!0===e?"Yes":"No";case"select":return Array.isArray(e)?this.formatArrayValue(e):this.getSelectLabel(e,s,t);case"date":case"datetime":case"time":return window.formatDate?window.formatDate(e):e;case"radio":return this.getSelectLabel(e,s,t);case"repeater":return this.formatRepeaterValue(e);case"group":return this.formatGroupValue(e);case"location":return this.formatLocationValue(e);case"file":case"image":return this.formatFileValue(e);case"number":return this.formatNumber(e);case"email":return`<a href="mailto:${e}">${e}</a>`;case"url":return`<a href="${e}" target="_blank" rel="noopener">${e}</a>`;case"phone":return`<a href="tel:${e.replace(/\D/g,"")}">${e}</a>`;default:return Array.isArray(e)?this.formatArrayValue(e):e}}formatRepeaterValue(e){if(!Array.isArray(e)||0===e.length)return"<em>No entries</em>";let t='<div class="repeater-summary">';return e.forEach(((e,s)=>{t+='<div class="repeater-row">',t+=`<strong>Entry ${s+1}:</strong><ul>`;for(const[s,r]of Object.entries(e))if(!this.isEmptyValue(r)){const e=s.replace(/_/g," ").replace(/\b\w/g,(e=>e.toUpperCase()));t+=`<li><strong>${e}:</strong> ${r}</li>`}t+="</ul></div>"})),t+="</div>",t}formatGroupValue(e){if("object"!=typeof e||0===Object.keys(e).length)return"<em>No data</em>";let t='<div class="group-summary"><ul>';for(const[s,r]of Object.entries(e))if(!this.isEmptyValue(r)){const e=s.replace(/_/g," ").replace(/\b\w/g,(e=>e.toUpperCase()));"object"!=typeof r||Array.isArray(r)?t+=`<li><strong>${e}:</strong> ${r}</li>`:t+=`<li><strong>${e}:</strong> ${this.formatGroupValue(r)}</li>`}return t+="</ul></div>",t}formatLocationValue(e){if("object"!=typeof e)return e;const t=[];return["address","city","state","zip","country"].forEach((s=>{e[s]&&t.push(e[s])})),t.join(", ")}formatFileValue(e){return"string"==typeof e?e.startsWith("http")?`<a href="${e}" target="_blank">View file</a>`:e:Array.isArray(e)?e.map((e=>"string"==typeof e?`<a href="${e}" target="_blank">View file</a>`:e.name||"File")).join(", "):"File uploaded"}formatNumber(e){const t=parseFloat(e);return isNaN(t)?e:e.toString().includes(".")&&2===e.toString().split(".")[1].length?new Intl.NumberFormat("en-CA",{style:"currency",currency:"USD"}).format(t):new Intl.NumberFormat("en-CA").format(t)}formatArrayValue(e,t=null,s=null){if(0===e.length)return"<em>None selected</em>";if(t&&s&&s.input){return"<ul><li>"+e.map((e=>this.getSelectLabel(e,t,s.type))).join("</li><li>")+"</li></ul>"}return"<ul><li>"+e.join("</li><li>")+"</li></ul>"}getSelectLabel(e,t,s){if("select"===s){const s=t.querySelector(`option[value="${e}"]`);return s?.textContent||e}if("radio"===s){const s=t.querySelector(`input[type="radio"][value="${e}"]`),r=s?.nextElementSibling;return r?.textContent||e}if("checkbox"===s){const s=t.querySelector(`input[type="checkbox"][value="${e}"]`);if(s){const e=t.querySelector(`label[for="${s.id}"]`);if(e)return e.textContent.trim();const r=s.nextElementSibling;if("LABEL"===r?.tagName)return r.textContent.trim()}}return e}formatTextareaValue(e,t){return e?"wysiwyg"===t||this.containsHtml(e)?e:this.formatPlainText(e):"<em>Empty</em>"}containsHtml(e){return/<(p|strong|em|u|s|ol|ul|li|blockquote|h[1-6]|a|br|span)\b[^>]*>/i.test(e)}formatPlainText(e){if(!e)return"";const t=(e=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")).split(/\n\n+/);return t.length>1?t.map((e=>`<p>${e.replace(/\n/g,"<br>")}</p>`)).join(""):e.replace(/\n/g,"<br>")}nl2br(e){return this.formatPlainText(e)}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((s=>s(e,t)))}cleanupForm(e){const t=this.forms.get(e);t&&(this.hasUnsavedChanges(e)&&this.autosave(t),this.cleanupSpecialFields(),this.forms.delete(e))}destroy(){this.globalHandlersAdded&&(document.removeEventListener("change",this.changeHandler),document.removeEventListener("focus",this.focusHandler,!0),document.removeEventListener("blur",this.blurHandler,!0),document.removeEventListener("input",this.inputHandler,!0)),this.forms.forEach((e=>{let t=e.element;t&&t.removeEventListener("submit",this.submitHandler)})),this.specialFields.clear(),this.forms.clear(),this.activeRepeaters.clear(),this.forms&&this.forms.clear()}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbForm=e}))})();
(()=>{class e{constructor(e={}){this.config={collectFormData:!1,...e},this.isRestoring=!1;const t=window.jvbStore.register("forms",{storeName:"forms",keyPath:"formId",indexes:[{name:"status",keyPath:"status"},{name:"operationId",keyPath:"operationId"},{name:"timestamp",keyPath:"timestamp"},{name:"formType",keyPath:"type"}],TTL:1008e4,validateData:!0,delayFetch:!0});this.store=t.forms,this.debouncer=window.debouncer,this.ignore=[],this.populateForm=window.jvbPopulate,this.subscribers=new Set,this.forms=new Map,this.specialFields=new Map,this.dependencies=new Map,this.validators=this.initValidators(),this.touchedFields=new Set,this.autoSaveDefaults={delay:3e3,typingDelay:1500,enabled:!0},this.activeRepeaters=new Map,this.repeaterDelays={change:6e3,typing:3e3,blur:1500,add:500,remove:800,reorder:1e3},this.isTimeline=window.crudManager&&window.crudManager.isTimeline,this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),this.submitHandler=this.handleSubmit.bind(this),this.inputHandler=this.handleInput.bind(this),this.blurHandler=this.handleBlur.bind(this),this.processRepeaterField=this.processRepeaterField.bind(this),this.processGroupField=this.processGroupField.bind(this),this.processLocationField=this.processLocationField.bind(this),this.processRegularField=this.processRegularField.bind(this),this.init()}async init(){this.store.subscribe(this.handleStoreEvent.bind(this)),this.initListeners(),window.jvbQueue&&window.jvbQueue.subscribe(((e,t)=>{"operation-completed"===e&&"form"===t.type&&this.handleOperationComplete(t)}))}async handleOperationComplete(e){if(e.formId)try{await this.store.delete(e.formId)}catch(e){console.warn("Failed to clear form cache:",e)}const t=this.forms.get(e.formId);t&&(t.isDirty=!1,t.lastSaved=Date.now(),t.data={})}handleStoreEvent(e,t){switch(e){case"item-saved":t.item.status;break;case"data-loaded":this.checkPendingForms()}}async checkPendingForms(){const e=await this.store.getAll(),t=window.location.pathname;e.filter((e=>{if("draft"!==e.status)return!1;const r=e.data?._wp_http_referer;return r===t})).forEach((e=>{const t=this.findFormElement(e);if(!t)return;let r=this.forms.get(e.formId);t.dataset.formId||(r=this.registerForm(t)),this.isRestoring=!0,new this.populateForm(t,e.data),setTimeout((()=>{this.isRestoring=!1}),0),this.showFormStatus(e.formId,"restored"),window.jvbA11y&&window.jvbA11y.announce("Your previous entry has been restored")}))}findFormElement(e){if(e.data?.form_id){const t=document.querySelector(`[name="form_id"][value="${e.data.form_id}"]`)?.closest("form");if(t)return t}if(e.data?.form_type){const t=document.querySelector(`[name="form_type"][value="${e.data.form_type}"]`)?.closest("form");if(t)return t}return document.querySelector(`[data-form-id="${e.formId}"]`)}showPendingNotification(e,t){const r=document.querySelector(`[data-form-id="${e}"]`);if(!r)return;const s=document.createElement("div");s.className="pending-changes-notification",s.innerHTML=`\n        <p>We noticed unsaved changes from last time. Would you like to restore them?</p>\n        <button class="restore-changes" data-form-id="${e}">Restore</button>\n        <button class="discard-changes" data-form-id="${e}">Discard</button>\n    `,r.insertBefore(s,r.firstChild),s.querySelector(".restore-changes").addEventListener("click",(async()=>{await this.restorePendingForm(e,t),s.remove()})),s.querySelector(".discard-changes").addEventListener("click",(async()=>{await this.discardPendingForm(e),s.remove()}))}async restorePendingForm(e,t){const r=document.querySelector(`[data-form-id="${e}"]`);r&&(new this.populateForm(r,t),await this.store.save({formId:e,data:t,status:"restored",timestamp:Date.now()}),window.jvbA11y&&window.jvbA11y.announce("Previous changes restored"))}async discardPendingForm(e){try{await this.store.delete(e),window.jvbA11y&&window.jvbA11y.announce("Previous changes discarded")}catch(e){console.error("Failed to discard pending form:",e)}}initListeners(){this.globalHandlersAdded||(document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler),document.addEventListener("blur",this.blurHandler,!0),document.addEventListener("input",this.inputHandler),this.globalHandlersAdded=!0)}registerForm(e,t={}){if(!e)return;const r=e.dataset.formId||`form_${Date.now()}`;e.dataset.formId=r,e.addEventListener("submit",this.submitHandler);const s={element:e,id:r,status:"",options:{autosave:"autosave"in e.dataset,saveDelay:this.autoSaveDefaults.delay,endpoint:e.dataset.save??"",formStatus:!0,cache:!0,...t},dependencies:new Map,data:this.collectFormData(e,!0)};if(this.initializeFormFields(e,s),this.forms.set(r,s),this.store&&s.options.cache){const e=this.store.get(r);e&&e.data&&this.showPendingNotification(r,e.data)}return s}initializeFormFields(e,t=null){this.initQuillEditors(e),this.initRepeaterFields(e,t),this.initTagListFields(e,t),t&&this.initConditionalFields(e,t),this.initCharacterLimits(e),this.initImageUploadFields(e),window.jvbTabs&&e.querySelector("nav.tabs")&&(t.tabs=new window.jvbTabs(e),this.forms.set(t.formId,t),this.initSteppedForm(t.formId)),window.jvbSelector&&window.jvbSelector.scanExistingFields(e)}initSteppedForm(e){const t=this.forms.get(e),r=t.element,s=t.tabs,a=r.querySelectorAll(".tab-content").length,i=r.querySelector(".form-progress .fill"),n=r.querySelector(".step-text .current"),o=r.querySelectorAll("nav.tabs button"),l=e=>{const t=e/a*100;i&&(i.style.width=t+"%"),n&&(n.textContent=e),o.forEach(((t,r)=>{const s=r+1;t.classList.remove("current","completed","pending"),s<e?t.classList.add("completed"):s===e?t.classList.add("current"):t.classList.add("pending")}))};r.addEventListener("click",(e=>{const t=e.target.closest('[data-action="next-step"]'),a=e.target.closest('[data-action="prev-step"]');if(t){e.preventDefault();const a=t.closest(".tab-content"),i=parseInt(a.dataset.step),n=r.querySelector(`.tab-content[data-step="${i+1}"]`);if(n&&this.validateStep(a)){const e=n.dataset.tab;s.switchTab(e,!0),l(i+1),r.scrollIntoView({behavior:"smooth",block:"start"})}}if(a){e.preventDefault();const t=a.closest(".tab-content"),i=parseInt(t.dataset.step),n=r.querySelector(`.tab-content[data-step="${i-1}"]`);if(n){const e=n.dataset.tab;s.switchTab(e,!0),l(i-1),r.scrollIntoView({behavior:"smooth",block:"start"})}}}));const c=s.switchTab.bind(s);s.switchTab=(e,t)=>{c(e,t);const s=r.querySelector(`.tab-content[data-tab="${e}"]`);if(s){const e=parseInt(s.dataset.step);l(e)}},l(1)}validateStep(e){const t=e.querySelectorAll(".field");let r=!0;return t.forEach((e=>{const t=e.querySelector("input, textarea, select");if(t&&!t.closest("[hidden]")){this.validateField(t,e)||(r=!1)}})),r}initQuillEditors(e){window.jvbQuill(e)}initRepeaterFields(e,t){e.querySelectorAll(".repeater").forEach((e=>{const r=e.querySelector(".add-repeater-row"),s=e.querySelector(".repeater-items"),a=e.querySelector("template");r&&a&&s&&(window.Sortable&&new Sortable(s,{handle:".repeater-row-header",animation:150,onEnd:()=>{this.updateRepeaterOrder(e,t)}}),r.addEventListener("click",(()=>{this.addRepeaterRow(e,t)})),s.addEventListener("click",(e=>{e.target.closest(".remove-row")&&this.removeRepeaterRow(e.target.closest(".repeater-row"),t)})))}))}addRepeaterRow(e,t){const r=e.querySelector(".repeater-items"),s=e.querySelector("template"),a=r.children.length,i=e.dataset.field,n=s.content.cloneNode(!0).firstElementChild;n.dataset.index=a,n.querySelectorAll("input, select, textarea").forEach((e=>{const t=e.name;e.name=`${i}:${a}:${t}`,e.id=`${i}-${a}-${t}`;const r=e.nextElementSibling;r&&"LABEL"===r.tagName&&(r.htmlFor=e.id)})),r.appendChild(n),t&&this.scheduleSave(t,{type:"repeater",action:"add",fieldName:i,delay:this.repeaterDelays.add}),window.jvbA11y&&window.jvbA11y.announce("Row added")}removeRepeaterRow(e,t){const r=e.closest(".repeater"),s=r.dataset.field;e.remove(),this.updateRepeaterOrder(r,t),t&&this.scheduleSave(t,{type:"repeater",action:"remove",fieldName:s,delay:this.repeaterDelays.remove}),window.jvbA11y&&window.jvbA11y.announce("Row removed")}updateRepeaterOrder(e,t){const r=e.querySelector(".repeater-items"),s=e.dataset.field;Array.from(r.children).forEach(((e,t)=>{e.dataset.index=t,e.querySelectorAll("input, select, textarea").forEach((e=>{const r=e.name.split(":");if(3===r.length){const a=r[2];e.name=`${s}:${t}:${a}`,e.id=`${s}-${t}-${a}`;const i=e.nextElementSibling;i&&"LABEL"===i.tagName&&(i.htmlFor=e.id)}}))})),t&&this.scheduleSave(t,{type:"repeater",action:"reorder",fieldName:s,delay:this.repeaterDelays.reorder})}initTagListFields(e,t){e.querySelectorAll(".field.tag-list").forEach((e=>{const r=e.querySelector(".tag-input-row"),s=e.querySelector(".add-tag-item"),a=e.querySelector(".tag-items"),i=e.querySelector(".tag-template"),n=e.dataset.field,o=e.dataset.tagFormat||"first_field";if(!(r&&s&&a&&i))return;const l=()=>Array.from(r.querySelectorAll("input, select, textarea")).filter((e=>!e.closest("button"))),c=()=>{const r=l(),s={};let c=!1;if(r.forEach((e=>{const t=e.name.replace("new_",""),r=this.getFieldValue(e);r&&(c=!0),s[t]=r})),!c)return window.jvbA11y&&window.jvbA11y.announce("Please fill in at least one field","error"),void r[0].focus();const d=r.find((e=>{const t="required"in e.dataset&&"1"===e.dataset.required,r=this.getFieldValue(e);return t&&!r}));if(d){const e=d.closest(".field"),t=e?.querySelector("label")?.textContent||"This field";return this.showError(e,`${t} is required.`),void d.focus()}for(let t of r){let r=e.closest(".field");if(!this.validateField(t,r))return void t.focus()}const u=a.children.length,h=i.content.cloneNode(!0).firstElementChild;h.dataset.index=u;const m=h.querySelector(".tag-label");m&&(m.textContent=this.getTagDisplayText(s,o)),h.querySelectorAll('input[type="hidden"]').forEach((e=>{const t=e.dataset.field;e.name=`${n}:${u}:${t}`,e.value=s[t]||""})),a.appendChild(h),r.forEach((e=>{"checkbox"===e.type||"radio"===e.type?e.checked=!1:e.value="";let t=e.closest(".field");this.clearValidation(t)})),r.length>0&&r[0].focus(),t&&this.scheduleSave(t,{type:"tag_list",action:"add",fieldName:n,delay:this.autoSaveDefaults.delay}),window.jvbA11y&&window.jvbA11y.announce("Item added")};s.addEventListener("click",c);const d=l();d.length>0&&(d[d.length-1].addEventListener("keypress",(e=>{"Enter"===e.key&&(e.preventDefault(),c())})),d.slice(0,-1).forEach(((e,t)=>{e.addEventListener("keypress",(e=>{"Enter"===e.key&&(e.preventDefault(),d[t+1].focus())}))}))),a.addEventListener("click",(e=>{if(e.target.closest(".remove-tag")){const r=e.target.closest(".tag-item"),s=r.querySelector(".tag-label")?.textContent||"Item";r.remove(),this.reindexTagList(a,n),t&&this.scheduleSave(t,{type:"tag_list",action:"remove",fieldName:n,delay:this.autoSaveDefaults.delay}),window.jvbA11y&&window.jvbA11y.announce(`${s} removed`)}}))}))}reindexTagList(e,t){Array.from(e.children).forEach(((e,r)=>{e.dataset.index=r,e.querySelectorAll('input[type="hidden"]').forEach((e=>{const s=e.dataset.field;e.name=`${t}:${r}:${s}`}))}))}getTagDisplayText(e,t){const r=Object.values(e).filter((e=>e));if(0===r.length)return"New Item";switch(t){case"first_field":return r[0];case"all_fields":return r.join(", ");default:if(t.includes("{")){let r=t;for(const[t,s]of Object.entries(e))r=r.replace(`{${t}}`,s);return r}return e[t]||r[0]}}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}initConditionalFields(e,t){e.querySelectorAll("[data-depends-on]").forEach((r=>{const s=r.dataset.dependsOn,a=r.dataset.dependsValue,i=r.dataset.dependsOperator||"==";t.dependencies.has(s)||t.dependencies.set(s,[]),t.dependencies.get(s).push({field:r,requiredValue:a,operator:i}),this.checkFieldDependency(e,r,s,a,i)}))}checkFieldDependency(e,t,r,s,a){const i=e.querySelector(`[name="${r}"]`);if(!i)return;const n=this.getFieldValue(i),o=this.evaluateCondition(n,s,a);this.toggleFieldVisibility(t,o)}evaluateCondition(e,t,r){const s=String(e||""),a=String(t||"");switch(r){case"==":default:return s===a;case"!=":return s!==a;case">":return parseFloat(s)>parseFloat(a);case"<":return parseFloat(s)<parseFloat(a);case">=":return parseFloat(s)>=parseFloat(a);case"<=":return parseFloat(s)<=parseFloat(a);case"contains":return s.includes(a);case"empty":return""===s;case"not_empty":return""!==s}}toggleFieldVisibility(e,t){const r=e.closest(".field, fieldset");r&&(r.hidden=!t,r.querySelectorAll("input, select, textarea").forEach((e=>{e.disabled=!t,!t&&e.hasAttribute("required")?(e.dataset.wasRequired="true",e.removeAttribute("required")):t&&"true"===e.dataset.wasRequired&&(e.setAttribute("required",""),delete e.dataset.wasRequired)})))}initCharacterLimits(e){e.querySelectorAll("[data-limit]").forEach((e=>{const t=parseInt(e.dataset.limit,10),r=e.closest(".field");let s=r?.querySelector(".char-count");!s&&r&&(s=document.createElement("div"),s.className="char-count",s.innerHTML=`<span class="current">0</span> / <span class="limit">${t}</span>`,r.appendChild(s));const a=()=>{const r=e.value.length;s&&(s.querySelector(".current").textContent=r,s.classList.toggle("exceeded",r>t)),r>t&&(e.value=e.value.substring(0,t),s&&(s.querySelector(".current").textContent=t))};e.addEventListener("input",a),a()}))}initImageUploadFields(e){window.jvbUploads.scanFields(e)}async handleSubmit(e){const t=e.target;if(!t.dataset.formId)return;const r=this.forms.get(t.dataset.formId);if(this.subscribers.size>0){e.preventDefault();const s=this.collectFormData(t);this.notify("form-submit",{formId:t.dataset.formId,fullData:s,config:r})}else;}handleFormSuccess(e,t){if(e.querySelectorAll(".error-message").forEach((e=>e.remove())),e.querySelectorAll(".field-error").forEach((e=>e.classList.remove("field-error"))),e.classList.add("form-success"),t.message){const r=document.createElement("div");r.className="form-success-message success-message",r.textContent=t.message,e.insertBefore(r,e.firstChild);const s=window.getIcon?.("check-circle");s&&(s.classList.add("success-icon"),r.prepend(s))}if(t.title||t.description){const r=document.createElement("div");if(r.className="success-box",t.title){const e=document.createElement("h3");e.textContent=t.title,r.appendChild(e)}if(t.description){(Array.isArray(t.description)?t.description:[t.description]).forEach((e=>{const t=document.createElement("p");t.textContent=e,r.appendChild(t)}))}e.insertBefore(r,e.firstChild)}if(e.dataset.formId){this.store.delete(e.dataset.formId).catch((e=>{console.warn("Failed to clear form cache:",e)}));const t=this.forms.get(e.dataset.formId);t&&(t.isDirty=!1,t.lastSaved=Date.now(),t.data={})}window.jvbA11y&&window.jvbA11y.announce(t.message||"Form submitted successfully"),e.dispatchEvent(new CustomEvent("jvb-form-success",{detail:t}))}handleFormError(e,t){if(e.querySelectorAll(".error-message").forEach((e=>e.remove())),e.querySelectorAll(".field-error, .has-error").forEach((e=>{e.classList.remove("field-error","has-error")})),e.querySelectorAll(".field").forEach((e=>{this.clearValidation(e)})),t.field){const r=e.querySelector(`[data-field="${t.field}"]`);if(r){this.showError(r,t.message),this.touchedFields.add(t.field),r.scrollIntoView({behavior:"smooth",block:"center"});const e=r.querySelector("input, textarea, select");e&&e.focus()}}else{const r=document.createElement("div");r.className="form-error error-message",r.textContent=t.message;const s=window.getIcon?.("close-circle");s&&(s.classList.add("error-icon"),r.prepend(s)),e.insertBefore(r,e.firstChild),e.scrollIntoView({behavior:"smooth",block:"start"})}if(window.jvbA11y){const e=t.field?`Error in ${t.field}: ${t.message}`:`Form error: ${t.message}`;window.jvbA11y.announce(e)}e.dispatchEvent(new CustomEvent("jvb-form-error",{detail:t}))}handleClick(e){if(window.targetCheck(e,"div.quantity")){let t=window.targetCheck(e,"div.quantity");this.handleNumberClick(e,t.querySelector("input"))}else if(window.targetCheck(e,"[data-action]")){let t=window.targetCheck(e,"[data-action]"),r=t.dataset.action,s=t.closest("form");switch(r){case"clear-form":s?.dataset.formId&&(this.store.delete(s.dataset.formId),s.reset(),s.querySelector(".fstatus").hidden=!0),window.jvbA11y&&window.jvbA11y.announce("Form cleared, starting fresh");break;case"dismiss-restore":s.querySelector(".fstatus").hidden=!0}}}handleNumberClick(e,t){let r=0;if(e.target.closest(".increase")?r+=1:e.target.closest(".decrease")&&(r-=1),0!==r){let s=parseFloat(t.step);s=Math.max(s,1),e.ctrlKey&&e.shiftKey?s*=50:e.ctrlKey?s*=5:e.shiftKey&&(s*=10);let a=""===t.value?0:parseFloat(t.value);t.value=a+s*r,this.handleNumberLimits(t)}}handleNumberLimits(e){let[t,r,s,a]=[e.min,e.max,e.closest(".quantity")?.querySelector(".increase"),e.closest(".quantity")?.querySelector(".decrease")],i=parseFloat(e.value);i<t?(e.value=t,a.disabled=!0):i>r?(e.value=r,s.disabled=!1):s.disabled?s.disabled=!1:a.disabled&&(a.disabled=!1)}handleChange(e){if(e.target.closest("[data-ignore]")||this.isRestoring)return;const t=e.target,r=t.form||t.closest("form");if(!r)return;const s=this.forms?.get(r.dataset.formId);if(s&&(s.options.autosave||this.subscribers.size>0)){const e=s.dependencies.get(t.name);e&&e.forEach((e=>{this.checkFieldDependency(r,e.field,t.name,e.requiredValue,e.operator)}));const a=this.getDelayForField(t);this.scheduleSave(s,a)}}handleBlur(e){if(e.target.closest("[data-ignore]")||this.isRestoring)return;const t=e.target,r=t.form||t.closest("form");if(!r)return;const s=e.target.closest("input, textarea, select");if(s){const e=this.findFieldWrapper(s);if(e){const t=e.dataset.field;t&&(this.shouldDebounce(s)&&window.debouncer.cancel(`validate_${t}`),this.touchedFields.add(t)),this.validateField(s,e)}const a=this.forms?.get(r.dataset.formId);a&&this.scheduleSave(a,{type:"blur",fieldName:t.name,delay:1500})}}handleInput(e){if(e.target.closest("[data-ignore]")||!e.target.closest("form")||this.isRestoring)return;const t=e.target.closest("input, textarea, select");if(!t)return;let r=t.closest("form");this.showFormStatus(r.dataset.formId,"pending");const s=this.findFieldWrapper(t);if(!s)return;const a=s.dataset.field;a&&this.touchedFields.add(a),this.shouldDebounce(t)&&window.debouncer.schedule(`validate_${a}`,(()=>this.validateField.bind(this)),500)}initValidators(){return{email:{pattern:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Please enter a valid email address"},url:{pattern:/^https?:\/\/.+\..+/,message:"Please enter a valid URL starting with https://"},phone:{pattern:/^[\d\s\-\+\(\)\.]+$/,message:"Please enter a valid phone number"},number:{test:(e,t)=>{const r=parseFloat(e);if(isNaN(r))return"Please enter a valid number";const s=t.dataset.min,a=t.dataset.max;return void 0!==s&&r<parseFloat(s)?`Value must be at least ${s}`:!(void 0!==a&&r>parseFloat(a))||`Value must be at most ${a}`}},text:{test:(e,t)=>{const r=t.dataset.minlength,s=t.dataset.maxlength;return r&&e.length<parseInt(r)?`Must be at least ${r} characters`:!(s&&e.length>parseInt(s))||`Must be no more than ${s} characters`}}}}findFieldWrapper(e){let t=e.closest(".field");return t||(t=e.closest("[data-field]")),t}shouldDebounce(e){return["text","email","url","tel","search"].includes(e.type)||"TEXTAREA"===e.tagName}validateField(e,t){const r=this.getFieldValue(e),s=t.dataset.field;if(!this.touchedFields.has(s)&&!e.required)return!0;if(!r&&!e.required)return this.clearValidation(t),!0;if(e.required&&!r)return this.showError(t,"This field is required"),!1;if(e.checkValidity&&!e.checkValidity())return this.showError(t,e.validationMessage),!1;const a=t.dataset.pattern;if(a&&r){if(!new RegExp(a).test(r)){const e=t.dataset.validationMessage||"Invalid format";return this.showError(t,e),!1}}const i=t.dataset.validate||e.type;if(i&&this.validators[i]){const e=this.validators[i];if(e.pattern&&!e.pattern.test(r))return this.showError(t,e.message),!1;if(e.test){const s=e.test(r,t);if(!0!==s)return this.showError(t,s),!1}}return this.showSuccess(t),this.notify("field-validated",e),!0}showSuccess(e,t=""){if(!e)return;const r=e.querySelector(".validation-icon.success"),s=e.querySelector(".validation-icon.error"),a=e.querySelector(".validation-message"),i=e.querySelector("input, textarea, select");e.classList.remove("has-error"),i?.classList.remove("error"),e.classList.add("has-success"),r&&(r.hidden=!1),s&&(s.hidden=!0),a&&(""===t?(a.hidden=!0,a.textContent=""):(a.hidden=!1,a.textContent=t))}showError(e,t){if(!e)return;const r=e.querySelector(".validation-icon.success"),s=e.querySelector(".validation-icon.error"),a=e.querySelector(".validation-message"),i=e.querySelector("input, textarea, select");e.classList.remove("has-success"),e.classList.add("has-error"),i?.classList.add("error"),r&&(r.hidden=!0),s&&(s.hidden=!1),a&&(a.hidden=!1,a.textContent=t)}clearValidation(e){if(!e)return;const t=e.querySelector(".validation-icon"),r=e.querySelector(".validation-message"),s=e.querySelector("input, textarea, select");e.classList.remove("has-error","has-success"),s?.classList.remove("error"),t&&(t.hidden=!0),r&&(r.hidden=!0,r.textContent="")}validateAllFields(e){if(!e)return!0;const t=e.querySelectorAll(".field:not([hidden])");let r=!0;return t.forEach((e=>{if(this.isComplexFieldWrapper(e))return;const t=e.querySelector('input:not([type="hidden"]), textarea, select');if(t&&!t.closest("[hidden]")){const s=e.dataset.field;s&&this.touchedFields.add(s);this.validateField(t,e)||(r=!1,!1===r&&(t.scrollIntoView({behavior:"smooth",block:"center"}),t.focus()))}})),r}isComplexFieldWrapper(e){return e.classList.contains("repeater")||e.classList.contains("group")||e.classList.contains("upload")}attachRepeaterValidation(e){e.addEventListener("click",(t=>{t.target.closest(".add-repeater-row")&&setTimeout((()=>{e.querySelectorAll(".repeater-row").forEach((e=>{e.querySelectorAll("input, textarea, select").forEach((e=>{const t=this.findFieldWrapper(e);t&&this.clearValidation(t)}))}))}),100)}))}attachGroupValidation(e){e.addEventListener("change",(t=>{const r=t.target.closest("input, select");if(!r)return;const s=r.name;if(!s)return;e.querySelectorAll(`[data-show-if*="${s}"]`).forEach((e=>{e.hidden&&this.clearValidation(e)}))}))}resetForm(e){if(!e)return;this.touchedFields.clear();e.querySelectorAll(".field").forEach((e=>{this.clearValidation(e)}))}getFormErrors(e){const t={};return e.querySelectorAll(".field.has-error").forEach((e=>{const r=e.dataset.field,s=e.querySelector(".validation-message");r&&s&&(t[r]=s.textContent)})),t}addValidator(e,t){this.validators[e]=t}getDelayForField(e){return"text"===e.type||"textarea"===e.type?this.autoSaveDefaults.typingDelay:["checkbox","radio","select-one","select-multiple"].includes(e.type)?1e3:this.autoSaveDefaults.delay}scheduleSave(e,t=this.autoSaveDefaults.delay){if(!e.options.autosave)return;document.addEventListener("input",this.saveCheck,{passive:!0});const r=`autosave_${e.id}`;this.debouncer.schedule(r,(()=>this.autosave(e)),t)}saveCheck(e){let t=e.target.closest("form[data-id]");t&&this.scheduleSave(this.forms.get(t.dataset.id))}async autosave(e){const t=this.collectFormData(e.element);this.showFormStatus(e.id,"saving"),await this.store.save({formId:e.id,data:t,status:"draft",timestamp:Date.now()}).then((()=>{this.showFormStatus(e.id,"autosaved")})).catch((t=>{console.error("Autosave failed:",t),this.showFormStatus(e.id,"error","Failed to save changes")}));const r=this.getChangedFields(e.data,t);if(0!==Object.keys(r).length){e.data=t,this.forms.set(e.id,e),document.removeEventListener("input",this.handleInput);for(let[e,s]of Object.entries(t))"object"==typeof s&&(r[e]=s);this.notify("form-autosave",{formId:e.id,changes:r,fullData:t,config:e})}}hasUnsavedChanges(e){const t=this.forms.get(e);if(!t)return!1;if(t.operations?.size>0)return!0;const r=this.collectFormData(t.element),s=this.getChangedFields(t.data,r);return Object.keys(s).length>0}showFormStatus(e,t,r=""){let s=this.forms.get(e);if(!s?.options.formStatus)return;if(s.status===t)return;s.status=t;const a=s.element.querySelector(".fstatus");a.hidden=!1;const i=a.querySelector(".message");i.textContent="",a.querySelector(".icon")?.remove(),a.querySelector(".actions")?.remove();const n={saving:"Saving changes...",autosaved:"Changes saved locally. Submit form to send to server.",uploading:"Uploading your form to server",submitted:"Successfully sent to server",pending:"Unsaved changes",restored:"Welcome back! We've restored your previous entry.",error:"Failed to save changes. Refresh and try again?",offline:"Changes will be saved when online"};let o=window.getIcon({autosaved:"check-circle",submitted:"check-circle",restored:"history",error:"close-circle",offline:"cloud-slash",pending:"exclamation-mark"}[t]);if(o&&a.prepend(o),""===r&&(r=n[t]||t),i.textContent=r,a.classList.toggle("loading",["uploading","saving"].includes(t)),"restored"===t){const e=document.createElement("div");e.className="actions",e.innerHTML='\n            <button type="button" class="button button-small" data-action="dismiss-restore">Got it</button>\n            <button type="button" class="button button-small button-link" data-action="clear-form">Start over</button>\n        ',a.appendChild(e),setTimeout((()=>a.hidden=!0),1e4)}"submitted"===t&&setTimeout((()=>a.hidden=!0),3e3)}cleanupSpecialFields(){this.specialFields.forEach((e=>{if("quill"===e.type&&e.instance){const t=e.instance.container.previousSibling;t?.classList.contains("ql-toolbar")&&t.remove()}})),this.uploader?.destroy(),this.specialFields.clear()}collectFormData(e,t=!1){if(Object.hasOwn(e.dataset,"timeline"))return this.collectTimeline(e);if(e.classList.contains("table")&&"FORM"===e.tagName)return{};const r=new FormData(e);let s={};const a={},i={};for(let[t,n]of r.entries()){if(this.ignore.includes(t)||t.endsWith("_temp"))continue;this.getFieldProcessor(t)(t,n,s,a,i,e)}return 0!==Object.keys(i).length?(s=this.mergeRepeaterData(s,a),this.mergePostData(s,i)):this.mergeRepeaterData(s,a)}collectTimeline(e){let t={},r={},s=[],a=new FormData(e);for(const[i,n]of a.entries()){if(this.ignore.includes(i)||i.endsWith("_temp"))continue;const a=i.match(/^\[(\d+)\](.+)$/);if(a){const[,t,o]=a;if(r[t]||(r[t]={id:parseInt(t)},s.push(t)),"post_thumbnail"===o)r[t].post_thumbnail=parseInt(e.querySelector(`[name="${i}"]`).closest(".item")?.dataset.id);else{this.getFieldProcessor(o)(o,n,r[t],{},{},e)}}else{this.getFieldProcessor(i)(i,n,t,{},{},e)}}return t.timeline=s.map((e=>r[e])),delete t["form-id"],delete t.sendAll,delete t.timeline_temp,delete t[""],t}getFieldProcessor(e){return e.includes("::")?this.processGroupField:e.includes(":")?this.processRepeaterField:/\[[^\]]+\]/.test(e)?this.processLocationField:this.processRegularField}mergeRepeaterData(e,t){return Object.keys(t).forEach((r=>{const s={};Object.keys(t[r]).forEach((e=>{const a=t[r][e];Object.keys(a).length>0&&(s[e]=a)})),e[r]=Object.values(s)})),e}mergePostData(e,t){for(let[r,s]of Object.entries(t))e[r]=s;return e}processRepeaterField(e,t,r,s,a,i){let[n,o,l]=e.split(":");const c=l.endsWith("[]");l=l.replace("[]",""),s[n]||(s[n]={}),s[n][o]||(s[n][o]={}),c||s[n][o][l]?(s[n][o][l]?Array.isArray(s[n][o][l])||(s[n][o][l]=[s[n][o][l]]):s[n][o][l]=[],s[n][o][l].push(t)):s[n][o][l]=t}processGroupField(e,t,r,s,a,i){const n=e.split("::"),o=n[0];r[o]||(r[o]={});let l=r[o];for(let e=1;e<n.length-1;e++){const t=n[e];l[t]||(l[t]={}),l=l[t]}const c=n[n.length-1];void 0!==l[c]?(Array.isArray(l[c])||(l[c]=[l[c]]),l[c].push(t)):l[c]=t}processLocationField(e,t,r,s,a,i){let[n,o]=e.split("[");o=o.replace("]",""),Object.hasOwn(r,n)||(r[n]={},Object.hasOwn(r,"sendAll")?r.sendAll.includes(n)||r.sendAll.push(n):r.sendAll=[n]),r[n][o]=t}processRegularField(e,t,r,s,a,i){r[e=e.replace("[]","")]?(Array.isArray(r[e])||(r[e]=[r[e]]),r[e].push(t)):r[e]=t}getFieldValue(e){if(!e)return"";if("checkbox"===e.type)return e.checked?e.value||"1":"";if("radio"===e.type){const t=e.form?.querySelector(`[name="${e.name}"]:checked`);return t?t.value:""}return"select-multiple"===e.type?Array.from(e.selectedOptions).map((e=>e.value)):e.value?.trim()||""}getChangedFields(e,t){return window.getDifferences?.map(e,t)||{}}showSummary(e,t="form"){const r=this.forms.get(e);if(!r)return;const s=r.element||document.querySelector(`[data-form-id="${e}"]`),a=window.getTemplate("formSummary");if(!a)return;const i=a.querySelector(".result"),n=["sendAll",...this.ignore];for(const[e,t]of Object.entries(r.data)){if(n.includes(e)||this.isEmptyValue(t))continue;const r=this.getFieldInfo(s,e);if(!r.label)continue;let o=i.cloneNode(!0),l=o.querySelector("h3"),c=o.querySelector("p");l.textContent=r.label;let d=this.formatFieldValue(t,r.type);this.isHtmlContent(d)?c.innerHTML=d:c.textContent=d,a.append(o)}i.remove(),(t="form"!==t?s.closest(t)??s:s).after(a),window.fade(t,!1)}isEmptyValue(e){return null==e||""===e||(!(!Array.isArray(e)||0!==e.length)||"object"==typeof e&&0===Object.keys(e).length)}getFieldInfo(e,t){let r=e.querySelector(`label[for="${t}"]`),s=e.querySelector(`[name=${t}]`),a=s?.closest(".field");if(s||(s=e.querySelector(`[name="${t}"]`)),s||(s=e.querySelector(`[name="${t}[]"]`)),!s){const a=e.querySelector(`fieldset[data-field="${t}"]`);a&&(r=a.querySelector("legend"),s=a.querySelector("input, select, textarea"))}if(!r&&s){const e=s.closest(".field, fieldset");e&&(r=e.querySelector("label, legend"))}a=e.querySelector(`.field[data-field="${t}"], fieldset[data-field="${t}"]`);let i="text";return a?.dataset.type?i=a.dataset.type:s&&(i="checkbox"===s.type&&s.name.endsWith("[]")?"checkbox":"checkbox"===s.type?"true_false":"SELECT"===s.tagName&&s.multiple?"select":s.type||"text"),{label:r?.textContent.replace("*","").trim()||null,type:i,wrapper:a,input:s}}isHtmlContent(e){return"string"==typeof e&&(e.includes("<br>")||e.includes("<p>")||e.includes("<ul>")||e.includes("<ol>")||e.includes("<a ")||e.includes("<strong>")||e.includes("<em>")||e.includes("<div"))}formatFieldValue(e,t,r){switch(t){case"textarea":case"wysiwyg":return this.formatTextareaValue(e,t);case"true_false":return"1"===e||1===e||!0===e?"Yes":"No";case"checkbox":return Array.isArray(e)?this.formatArrayValue(e):"1"===e||1===e||!0===e?"Yes":"No";case"select":return Array.isArray(e)?this.formatArrayValue(e):this.getSelectLabel(e,r,t);case"date":case"datetime":case"time":return window.formatDate?window.formatDate(e):e;case"radio":return this.getSelectLabel(e,r,t);case"repeater":return this.formatRepeaterValue(e);case"group":return this.formatGroupValue(e);case"location":return this.formatLocationValue(e);case"file":case"image":return this.formatFileValue(e);case"number":return this.formatNumber(e);case"email":return`<a href="mailto:${e}">${e}</a>`;case"url":return`<a href="${e}" target="_blank" rel="noopener">${e}</a>`;case"phone":return`<a href="tel:${e.replace(/\D/g,"")}">${e}</a>`;default:return Array.isArray(e)?this.formatArrayValue(e):e}}formatRepeaterValue(e){if(!Array.isArray(e)||0===e.length)return"<em>No entries</em>";let t='<div class="repeater-summary">';return e.forEach(((e,r)=>{t+='<div class="repeater-row">',t+=`<strong>Entry ${r+1}:</strong><ul>`;for(const[r,s]of Object.entries(e))if(!this.isEmptyValue(s)){const e=r.replace(/_/g," ").replace(/\b\w/g,(e=>e.toUpperCase()));t+=`<li><strong>${e}:</strong> ${s}</li>`}t+="</ul></div>"})),t+="</div>",t}formatGroupValue(e){if("object"!=typeof e||0===Object.keys(e).length)return"<em>No data</em>";let t='<div class="group-summary"><ul>';for(const[r,s]of Object.entries(e))if(!this.isEmptyValue(s)){const e=r.replace(/_/g," ").replace(/\b\w/g,(e=>e.toUpperCase()));"object"!=typeof s||Array.isArray(s)?t+=`<li><strong>${e}:</strong> ${s}</li>`:t+=`<li><strong>${e}:</strong> ${this.formatGroupValue(s)}</li>`}return t+="</ul></div>",t}formatLocationValue(e){if("object"!=typeof e)return e;const t=[];return["address","city","state","zip","country"].forEach((r=>{e[r]&&t.push(e[r])})),t.join(", ")}formatFileValue(e){return"string"==typeof e?e.startsWith("http")?`<a href="${e}" target="_blank">View file</a>`:e:Array.isArray(e)?e.map((e=>"string"==typeof e?`<a href="${e}" target="_blank">View file</a>`:e.name||"File")).join(", "):"File uploaded"}formatNumber(e){const t=parseFloat(e);return isNaN(t)?e:e.toString().includes(".")&&2===e.toString().split(".")[1].length?new Intl.NumberFormat("en-CA",{style:"currency",currency:"USD"}).format(t):new Intl.NumberFormat("en-CA").format(t)}formatArrayValue(e,t=null,r=null){if(0===e.length)return"<em>None selected</em>";if(t&&r&&r.input){return"<ul><li>"+e.map((e=>this.getSelectLabel(e,t,r.type))).join("</li><li>")+"</li></ul>"}return"<ul><li>"+e.join("</li><li>")+"</li></ul>"}getSelectLabel(e,t,r){if("select"===r){const r=t.querySelector(`option[value="${e}"]`);return r?.textContent||e}if("radio"===r){const r=t.querySelector(`input[type="radio"][value="${e}"]`),s=r?.nextElementSibling;return s?.textContent||e}if("checkbox"===r){const r=t.querySelector(`input[type="checkbox"][value="${e}"]`);if(r){const e=t.querySelector(`label[for="${r.id}"]`);if(e)return e.textContent.trim();const s=r.nextElementSibling;if("LABEL"===s?.tagName)return s.textContent.trim()}}return e}formatTextareaValue(e,t){return e?"wysiwyg"===t||this.containsHtml(e)?e:this.formatPlainText(e):"<em>Empty</em>"}containsHtml(e){return/<(p|strong|em|u|s|ol|ul|li|blockquote|h[1-6]|a|br|span)\b[^>]*>/i.test(e)}formatPlainText(e){if(!e)return"";const t=(e=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")).split(/\n\n+/);return t.length>1?t.map((e=>`<p>${e.replace(/\n/g,"<br>")}</p>`)).join(""):e.replace(/\n/g,"<br>")}nl2br(e){return this.formatPlainText(e)}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((r=>r(e,t)))}cleanupForm(e){const t=this.forms.get(e);t&&(this.hasUnsavedChanges(e)&&this.autosave(t),this.cleanupSpecialFields(),this.forms.delete(e))}destroy(){this.globalHandlersAdded&&(document.removeEventListener("change",this.changeHandler),document.removeEventListener("blur",this.blurHandler,!0),document.removeEventListener("input",this.inputHandler,!0)),this.forms.forEach((e=>{let t=e.element;t&&t.removeEventListener("submit",this.submitHandler)})),this.specialFields.clear(),this.forms.clear(),this.activeRepeaters.clear(),this.forms&&this.forms.clear()}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbForm=e}))})();

 assets/js/min/gallery.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.a11y=window.jvbA11y,this.index=0,this.images=[],this.zoom={scale:1,min:1,max:4,threshold:50,x:0,y:0,startX:0,startY:0,ease:.2,panning:!1},this.swipe=this.resetSwipe(),this.activePointers=new Map,this.lastTap=0,this.initElements(),this.initModal(),this.initListeners(),this.initSubscribers()}initElements(){this.elements={imageSelector:"a.open-gallery",gallery:{modal:"dialog.gallery",wrap:".wrap",nextButton:".next",prevButton:".prev",image:".image",leftImage:".image-left",rightImage:".image-right",counter:".counter"}},this.ui=window.uiFromSelectors(this.elements)}initModal(){this.modal=new window.jvbModal(this.ui.gallery.modal,{openMessage:"Opened Gallery",closeMessage:"Closed Gallery"}),this.modal.subscribe(((e,t)=>{"modal-close"===e&&this.toggleGallery(!1)}))}buildGalleryItems(e=null){let t=e?`[data-opens="${e}"]`:this.elements.imageSelector;this.items=Array.from(document.querySelectorAll(t)).map(((e,t)=>{let i=e.querySelector("img");return{id:e.dataset.id||t,small:i.dataset.small||e.src,medium:i.dataset.medium||e.src,full:i.dataset.full||e.src,alt:i.alt||"",element:i}}))}initListeners(){this.clickHandler=this.handleClick.bind(this),this.pointerDownHandler=this.onPointerDown.bind(this),this.pointerMoveHandler=this.onPointerMove.bind(this),this.pointerUpHandler=this.onPointerUp.bind(this),this.wheelHandler=this.onWheel.bind(this),this.keyHandler=this.handleKeys.bind(this),document.addEventListener("click",this.clickHandler)}handleClick(e){let t=window.targetCheck(e,this.elements.imageSelector);t&&!this.modal.isOpen?(e.preventDefault(),this.buildGalleryItems(Object.hasOwn(t.dataset,"opens")?t.dataset.opens:null),this.index=this.items.findIndex((e=>e.element===t.querySelector("img"))),this.toggleGallery(!0)):this.modal.isOpen&&(window.targetCheck(e,this.elements.gallery.nextButton)?(console.log("Next"),this.nextElement()):window.targetCheck(e,this.elements.gallery.prevButton)&&(console.log("Previous"),this.prevElement()))}handleKeys(e){if(this.modal.isOpen){switch(e.key){case"ArrowLeft":e.preventDefault(),this.prevElement();break;case"ArrowRight":e.preventDefault(),this.nextElement()}e.ctrlKey&&("+"!==e.key&&"="!==e.key||(e.preventDefault(),this.handleZoom(.2)),"-"===e.key&&(e.preventDefault(),this.handleZoom(-.2)),"0"===e.key&&(e.preventDefault(),this.resetZoom()))}}onPointerDown(e){this.swipe.startX=e.clientX,this.swipe.startY=e.clientY,this.ui.gallery.image.setPointerCapture(e.pointerId),this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY});const t=performance.now();if(t-this.lastTap<300&&1===this.activePointers.size)return this.zoom.scale>1?this.resetZoom():this.handleZoom(1,e.clientX,e.clientY),void(this.lastTap=0);if(this.lastTap=t,2===this.activePointers.size){const e=[...this.activePointers.values()];return this.pinchStartDist=Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y),void(this.pinchStartScale=this.zoom.scale)}this.zoom.scale>1&&(this.zoom.panning=!0,this.zoom.startX=e.clientX-this.zoom.x,this.zoom.startY=e.clientY-this.zoom.y)}onPointerMove(e){if(this.activePointers.has(e.pointerId))if(this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),2!==this.activePointers.size)this.zoom.panning&&(this.zoom.x=e.clientX-this.zoom.startX,this.zoom.y=e.clientY-this.zoom.startY,this.applyTransform());else{const e=[...this.activePointers.values()],t=Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y),i=this.pinchStartScale*(t/this.pinchStartDist)-this.zoom.scale;this.handleZoom(i)}}onPointerUp(e){if(this.activePointers.delete(e.pointerId),this.activePointers.size<2&&(this.pinchStartDist=0),!this.zoom.panning&&0===this.activePointers.size){this.swipe.endX=e.clientX,this.swipe.endY=e.clientY;const t=this.swipe.endX-this.swipe.startX;this.swipe.endY,this.swipe.startY;Math.abs(t)>this.zoom.threshold&&(t>0?(console.log("Swipe right"),this.prevElement()):(console.log("Swipe left"),this.nextElement())),this.zoom.panning=!1}}onWheel(e){if(!e.ctrlKey)return;e.preventDefault();const t=e.deltaY<0?.2:-.2;this.handleZoom(t,e.clientX,e.clientY)}clampPan(){const e=this.ui.gallery.wrap;if(!e)return;const t=e.getBoundingClientRect(),i=Math.min(t.width/1920,t.height/1920),s=1920*i,n=1920*i*this.zoom.scale,o=s*this.zoom.scale,l=t.width-n-32,a=t.height-o-32;this.zoom.x=Math.min(32,Math.max(l,this.zoom.x)),this.zoom.y=Math.min(32,Math.max(a,this.zoom.y))}handleZoom(e,t=null,i=null){const s=this.zoom.scale;let n=s+e;if(n=Math.min(this.zoom.max,Math.max(this.zoom.min,n)),n===s)return;const o=n/s;let l=this.ui.gallery.image.getBoundingClientRect();null!==t&&null!==i||(t=l.left+l.width/2,i=l.top+l.height/2);const a=t-l.left,r=i-l.top;this.zoom.x=(this.zoom.x-a)*o+a,this.zoom.y=(this.zoom.y-r)*o+r,this.zoom.scale=n,this.applyTransform(),this.notify("zoom",{scale:this.zoom.scale})}applyTransform(){this.ui.gallery.image.style.transform=`translate(${this.zoom.x}px, ${this.zoom.y}px) scale(${this.zoom.scale})`}resetZoom(){this.zoom.scale=1,this.zoom.x=0,this.zoom.y=0,this.zoom.startX=0,this.zoom.startY=0,this.zoom.panning=!1,this.applyTransform()}resetSwipe(){return{startX:null,startY:null,endX:null,endY:null}}toggleGallery(e,t=null){e?(this.ui.gallery.image.addEventListener("pointerdown",this.pointerDownHandler),this.ui.gallery.image.addEventListener("pointermove",this.pointerMoveHandler),this.ui.gallery.image.addEventListener("pointerup",this.pointerUpHandler),this.ui.gallery.image.addEventListener("pointercancel",this.pointerUpHandler),window.addEventListener("wheel",this.wheelHandler,{passive:!1}),window.addEventListener("keydown",this.keyHandler),this.moveIntoView()):(this.ui.gallery.image.removeEventListener("pointerdown",this.pointerDownHandler),this.ui.gallery.image.removeEventListener("pointermove",this.pointerMoveHandler),this.ui.gallery.image.removeEventListener("pointerup",this.pointerUpHandler),this.ui.gallery.image.removeEventListener("pointercancel",this.pointerUpHandler),window.removeEventListener("wheel",this.wheelHandler),window.removeEventListener("keydown",this.keyHandler),this.resetZoom(),this.resetSwipe(),this.activePointers.clear(),this.lastTap=0),e&&!this.modal.isOpen&&this.modal.handleOpen()}moveIntoView(e=0){let t=this.index+e;t<0?t=this.items.length-1:t>=this.items.length?t=0:t===this.items.length-3&&this.notify("load-more"),this.index=t,this.updateDisplay(),this.preloadAdjacent(),this.a11y.announce(`Image ${this.index+1} of ${this.items.length}`)}nextElement(){this.resetZoom(),this.moveIntoView(1)}prevElement(){this.resetZoom(),this.moveIntoView(-1)}updateDisplay(){const e=this.items[this.index];e&&(this.ui.gallery.image.src=e.full,this.ui.gallery.image.alt=e.alt,this.ui.gallery.counter.textContent=`${this.index+1} / ${this.items.length}`,this.ui.gallery.prevButton.disabled=this.items.length<=1,this.ui.gallery.nextButton.disabled=this.items.length<=1)}preloadAdjacent(){[-1,1].forEach((e=>{const t=this.index+e;if(t>0&&t<this.items.length){const i=this.items[t];(e<0?this.ui.gallery.leftImage:this.ui.gallery.rightImage).src=i.full}}))}initSubscribers(){this.subscribers=new Set}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((i=>{try{i(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){this.subscribers.clear(),this.toggleGallery(!1),document.removeEventListener("click",this.clickHandler)}}document.addEventListener("DOMContentLoaded",(function(){document.querySelector("dialog.gallery")&&(window.jvbGallery=new e)}))})();
(()=>{class e{constructor(){this.a11y=window.jvbA11y,this.index=0,this.images=[],this.zoom={scale:1,min:1,max:4,threshold:50,x:0,y:0,startX:0,startY:0,ease:.2,panning:!1},this.swipe=this.resetSwipe(),this.activePointers=new Map,this.lastTap=0,this.initElements(),this.initModal(),this.initListeners(),this.initSubscribers()}initElements(){this.elements={imageSelector:"img[data-gallery]",gallery:{modal:"dialog.gallery",wrap:".wrap",nextButton:".next",prevButton:".prev",image:".image",leftImage:".image-left",rightImage:".image-right",counter:".counter"}},this.ui=window.uiFromSelectors(this.elements)}initModal(){this.modal=new window.jvbModal(this.ui.gallery.modal,{openMessage:"Opened Gallery",closeMessage:"Closed Gallery"}),this.modal.subscribe(((e,t)=>{"modal-close"===e&&this.toggleGallery(!1)}))}buildGalleryItems(e=null){let t=e?`[data-gallery="${e}"]`:this.elements.imageSelector;this.items=Array.from(document.querySelectorAll(t)).map(((e,t)=>({id:e.dataset.id||t,srcset:e.srcset||e.src,sizes:e.sizes||"100vw",src:e.currentSrc||e.src,full:e.dataset.full||e.src,alt:e.alt||"",element:e})))}initListeners(){this.clickHandler=this.handleClick.bind(this),this.pointerDownHandler=this.onPointerDown.bind(this),this.pointerMoveHandler=this.onPointerMove.bind(this),this.pointerUpHandler=this.onPointerUp.bind(this),this.wheelHandler=this.onWheel.bind(this),this.keyHandler=this.handleKeys.bind(this),document.addEventListener("click",this.clickHandler)}handleClick(e){let t=window.targetCheck(e,this.elements.imageSelector);t&&!this.modal.isOpen?(e.preventDefault(),this.buildGalleryItems(t.dataset.gallery||null),this.index=this.items.findIndex((e=>e.element===t)),this.toggleGallery(!0)):this.modal.isOpen&&(window.targetCheck(e,this.elements.gallery.nextButton)?(console.log("Next"),this.nextElement()):window.targetCheck(e,this.elements.gallery.prevButton)&&(console.log("Previous"),this.prevElement()))}handleKeys(e){if(this.modal.isOpen){switch(e.key){case"ArrowLeft":e.preventDefault(),this.prevElement();break;case"ArrowRight":e.preventDefault(),this.nextElement()}e.ctrlKey&&("+"!==e.key&&"="!==e.key||(e.preventDefault(),this.handleZoom(.2)),"-"===e.key&&(e.preventDefault(),this.handleZoom(-.2)),"0"===e.key&&(e.preventDefault(),this.resetZoom()))}}onPointerDown(e){e.preventDefault(),this.swipe.startX=e.clientX,this.swipe.startY=e.clientY,this.ui.gallery.image.setPointerCapture(e.pointerId),this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY});const t=performance.now();if(t-this.lastTap<300&&1===this.activePointers.size)return this.zoom.scale>1?this.resetZoom():this.handleZoom(1,e.clientX,e.clientY),void(this.lastTap=0);if(this.lastTap=t,2===this.activePointers.size){const e=[...this.activePointers.values()];return this.pinchStartDist=Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y),void(this.pinchStartScale=this.zoom.scale)}this.zoom.scale>1&&(this.zoom.panning=!0,this.zoom.startX=e.clientX-this.zoom.x,this.zoom.startY=e.clientY-this.zoom.y,this.ui.gallery.image.style.cursor="grabbing")}onPointerMove(e){if(this.activePointers.has(e.pointerId))if(this.activePointers.set(e.pointerId,{x:e.clientX,y:e.clientY}),2!==this.activePointers.size)this.zoom.panning&&(this.zoom.x=e.clientX-this.zoom.startX,this.zoom.y=e.clientY-this.zoom.startY,this.applyTransform());else{const e=[...this.activePointers.values()],t=Math.hypot(e[0].x-e[1].x,e[0].y-e[1].y),i=this.pinchStartScale*(t/this.pinchStartDist)-this.zoom.scale;this.handleZoom(i)}}onPointerUp(e){if(this.activePointers.delete(e.pointerId),this.activePointers.size<2&&(this.pinchStartDist=0),!this.zoom.panning&&0===this.activePointers.size){this.swipe.endX=e.clientX,this.swipe.endY=e.clientY;const t=this.swipe.endX-this.swipe.startX;this.swipe.endY,this.swipe.startY;Math.abs(t)>this.zoom.threshold&&(t>0?(console.log("Swipe right"),this.prevElement()):(console.log("Swipe left"),this.nextElement()))}0===this.activePointers.size&&(this.zoom.panning=!1,this.ui.gallery.image.style.cursor=this.zoom.scale>1?"grab":"default")}onWheel(e){if(!e.ctrlKey)return;e.preventDefault();const t=e.deltaY<0?.2:-.2;this.handleZoom(t,e.clientX,e.clientY)}clampPan(){const e=this.ui.gallery.wrap;if(!e)return;const t=e.getBoundingClientRect(),i=Math.min(t.width/1920,t.height/1920),s=1920*i,n=1920*i*this.zoom.scale,o=s*this.zoom.scale,l=t.width-n-32,r=t.height-o-32;this.zoom.x=Math.min(32,Math.max(l,this.zoom.x)),this.zoom.y=Math.min(32,Math.max(r,this.zoom.y))}handleZoom(e,t=null,i=null){const s=this.zoom.scale;let n=s+e;if(n=Math.min(this.zoom.max,Math.max(this.zoom.min,n)),n===s)return;const o=n/s;let l=this.ui.gallery.image.getBoundingClientRect();null!==t&&null!==i||(t=l.left+l.width/2,i=l.top+l.height/2);const r=t-l.left,a=i-l.top;this.zoom.x=(this.zoom.x-r)*o+r,this.zoom.y=(this.zoom.y-a)*o+a,this.zoom.scale=n,this.applyTransform(),this.notify("zoom",{scale:this.zoom.scale})}applyTransform(){const e=this.ui.gallery.image;e.style.transform=`translate(${this.zoom.x}px, ${this.zoom.y}px) scale(${this.zoom.scale})`,e.style.cursor=this.zoom.scale>1?"grab":"default"}resetZoom(){this.zoom.scale=1,this.zoom.x=0,this.zoom.y=0,this.zoom.startX=0,this.zoom.startY=0,this.zoom.panning=!1,this.applyTransform()}resetSwipe(){return{startX:null,startY:null,endX:null,endY:null}}toggleGallery(e,t=null){e?(this.ui.gallery.image.draggable=!1,this.ui.gallery.image.style.userSelect="none",this.ui.gallery.image.addEventListener("pointerdown",this.pointerDownHandler),this.ui.gallery.image.addEventListener("pointermove",this.pointerMoveHandler),this.ui.gallery.image.addEventListener("pointerup",this.pointerUpHandler),this.ui.gallery.image.addEventListener("pointercancel",this.pointerUpHandler),window.addEventListener("wheel",this.wheelHandler,{passive:!1}),window.addEventListener("keydown",this.keyHandler),this.moveIntoView()):(this.ui.gallery.image.removeEventListener("pointerdown",this.pointerDownHandler),this.ui.gallery.image.removeEventListener("pointermove",this.pointerMoveHandler),this.ui.gallery.image.removeEventListener("pointerup",this.pointerUpHandler),this.ui.gallery.image.removeEventListener("pointercancel",this.pointerUpHandler),window.removeEventListener("wheel",this.wheelHandler),window.removeEventListener("keydown",this.keyHandler),this.resetZoom(),this.resetSwipe(),this.activePointers.clear(),this.lastTap=0),e&&!this.modal.isOpen&&this.modal.handleOpen()}moveIntoView(e=0){let t=this.index+e;t<0?t=this.items.length-1:t>=this.items.length?t=0:t===this.items.length-3&&this.notify("load-more"),this.index=t,this.updateDisplay(),this.preloadAdjacent(),this.a11y.announce(`Image ${this.index+1} of ${this.items.length}`)}nextElement(){this.resetZoom(),this.moveIntoView(1)}prevElement(){this.resetZoom(),this.moveIntoView(-1)}updateDisplay(){const e=this.items[this.index];if(!e)return;const t=this.ui.gallery.image;if(e.srcset&&(t.srcset=e.srcset,t.sizes=e.sizes),t.src=e.src,t.alt=e.alt,e.full&&e.full!==e.src){const i=new Image;i.onload=()=>{this.items[this.index]===e&&(t.src=e.full,t.removeAttribute("srcset"),t.removeAttribute("sizes"))},i.src=e.full}this.ui.gallery.counter.textContent=`${this.index+1} / ${this.items.length}`,this.ui.gallery.prevButton.disabled=this.items.length<=1,this.ui.gallery.nextButton.disabled=this.items.length<=1}preloadAdjacent(){[-1,1].forEach((e=>{const t=this.index+e;if(t>0&&t<this.items.length){const i=this.items[t];(e<0?this.ui.gallery.leftImage:this.ui.gallery.rightImage).src=i.full}}))}initSubscribers(){this.subscribers=new Set}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((i=>{try{i(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){this.subscribers.clear(),this.toggleGallery(!1),document.removeEventListener("click",this.clickHandler)}}document.addEventListener("DOMContentLoaded",(function(){document.querySelector("dialog.gallery")&&(window.jvbGallery=new e)}))})();

 assets/js/min/index.php

 assets/js/min/integrations.min.js

@@ -1 +1 @@
window.jvbOAuthPopup=function(e,t){const s=(window.screen.width-600)/2,o=(window.screen.height-700)/2;e+=(e.indexOf("?")>-1?"&":"?")+"popup=1",console.log("Opening OAuth popup for",t,"with URL:",e);const n=window.open(e,t+"-oauth",`width=600,height=700,left=${s},top=${o},scrollbars=yes,resizable=yes,toolbar=no,menubar=no`);if(!n)return alert("Please allow popups for this site to complete the authorization process."),!1;window.jvbOAuthComplete=function(e,s,o){if(console.log("OAuth complete:",e,s,o),e===t)if(s){const e=document.querySelector(`.integration-card[data-service="${t}"] .setup .text`);e&&(e.textContent="Connection successful! Refreshing..."),setTimeout((()=>{jvbRefreshIntegration(t)}),1e3)}else alert("OAuth authorization failed: "+(o||"Unknown error")),jvbRefreshIntegration(t)};const i=setInterval((()=>{try{n.closed&&(clearInterval(i),console.log("OAuth popup closed"),setTimeout((()=>{jvbRefreshIntegration(t)}),1e3))}catch(e){}}),1e3);return!1},window.jvbRefreshIntegration=function(e){console.log("Refreshing integration:",e),fetch(jvbSettings.api+"integrations",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce},body:JSON.stringify({service:e,action:"check_oauth_status"})}).then((e=>e.json())).then((t=>{if(console.log("OAuth status check result:",t),t.success&&t.authorized){const t=document.querySelector(`.integration-card[data-service="${e}"]`);if(t){t.classList.remove("disconnected"),t.classList.add("connected");const e=t.querySelector(".setup .text");e&&(e.textContent="Connected"),setTimeout((()=>{location.reload()}),1500)}}else location.reload()})).catch((e=>{console.error("Error checking OAuth status:",e),location.reload()}))},window.integrations=new class{constructor(){this.initElements(),this.initListeners(),this.init()}initElements(){this.selectors={form:"form.integration",action:"data-action"};let e=document.querySelectorAll(this.selectors.form);this.forms=new Map,e.forEach((e=>{this.forms.set(e.dataset.service,e)}))}initListeners(){this.handleClick=this.clickHandler.bind(this),this.handleChange=this.changeHandler.bind(this),this.handleSubmit=this.submitHandler.bind(this),document.addEventListener("click",this.handleClick),document.addEventListener("change",this.handleChange),document.addEventListener("submit",this.handleSubmit)}init(){document.addEventListener("DOMContentLoaded",(()=>{this.checkForOAuthMessages()}))}checkForOAuthMessages(){const e=new URLSearchParams(window.location.search),t=e.get("success"),s=e.get("error");t?(this.showNotification(t,"success",5e3),this.cleanURL(),document.querySelectorAll("form.integration").forEach((e=>{this.updateUI(e,"connected")}))):s&&(this.showNotification(s,"error",8e3),this.cleanURL())}cleanURL(){const e=new URL(window.location);e.searchParams.delete("success"),e.searchParams.delete("error"),window.history.replaceState({},document.title,e.pathname+e.hash)}showNotification(e,t="info",s=5e3){let o=document.querySelector(".integration-status-message");if(!o){o=document.createElement("div"),o.className="integration-status-message";const e=document.querySelector(".integration-settings")||document.querySelector("main")||document.body;e.insertBefore(o,e.firstChild)}o.textContent=e,o.className=`integration-status-message ${t}`,this.notificationTimeout&&clearTimeout(this.notificationTimeout),s>0&&(this.notificationTimeout=setTimeout((()=>{o.className="integration-status-message",o.textContent=""}),s)),this.popup&&this.addPopup(e,s)}addPopup(e,t=2e3){this.popup||(this.popup=document.querySelector(".integration-popup")||this.createPopupElement()),this.popup.textContent=e,this.popup.classList.add("showing"),setTimeout((()=>{this.popup.classList.remove("showing")}),t)}createPopupElement(){const e=document.createElement("div");return e.className="integration-popup",document.body.appendChild(e),e}clickHandler(e){if(e.target.closest(this.selectors.form)&&(console.log("Clicked!"),"BUTTON"===e.target.tagName||e.target.closest("button"))){e.preventDefault();let t="BUTTON"===e.target.tagName?e.target:e.target.closest("button");this.handleAction(t)}}changeHandler(e){if(e.target.closest(this.selectors.form))if("action"in e.target.dataset)this.handleAction(e.target);else{let t=this.getFormFromTarget(e.target);if(!t)return;t.classList.add("hasChanges"),t.querySelector(".setup .text").textContent="Unsaved Changes"}}submitHandler(e){e.target.closest(this.selectors.form)&&e.preventDefault()}getFormFromTarget(e){let t=e.closest("form")?.dataset.service;return this.forms.get(t)??!1}handleOAuthClick(e){const t=e.dataset.service,s=e.href,o=(screen.width-600)/2,n=(screen.height-700)/2;this.showNotification("Opening authorization window...","info"),e.classList.add("loading"),e.setAttribute("aria-busy","true");const i=window.open(s,"oauth_"+t,`width=600,height=700,left=${o},top=${n},toolbar=no,menubar=no,location=yes,status=yes,resizable=yes`);if(!i)return this.showNotification("Popup was blocked. Please allow popups and try again.","error"),e.classList.remove("loading"),e.removeAttribute("aria-busy"),!0;i.focus(),this.showNotification("Waiting for authorization...","info");const a=setInterval((()=>{try{i.closed&&(clearInterval(a),e.classList.remove("loading"),e.removeAttribute("aria-busy"),this.showNotification("Checking authorization status...","info"),setTimeout((()=>{this.checkForOAuthMessages(),setTimeout((()=>{const e=new URLSearchParams(window.location.search);e.has("success")||e.has("error")||window.location.reload()}),500)}),500))}catch(e){}}),500);return setTimeout((()=>{clearInterval(a),e.classList.remove("loading"),e.removeAttribute("aria-busy")}),3e5),!1}async handleAction(e){const t=e.closest("form"),s=t.dataset.service,o=e.dataset.action,n="BUTTON"===e.tagName,i=n&&"save_credentials"===o;if(!("confirm"in e.dataset)||confirm(e.dataset.confirm)){this.updateUI(t,"syncing");try{this.updateUI(t,"syncing");const a={service:s,action:o,user_id:jvbSettings.currentUser,data:{}};if(n||(a.data[e.name.replace(s+"_","")]=e.value),i){const e=new FormData(t);for(let[t,o]of e.entries())["service"].includes(t)||t.includes("nonce")||(a.data[t.replace(s+"_","")]=o)}console.log("Sending Data:",a);const r=await fetch(jvbSettings.api+"integrations",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce},body:JSON.stringify(a)}),c=await r.json();if(r.ok&&c.success){let e="connected";switch(o){case"clear_credentials":e="disconnected";break;case"save_credentials":this.showNotification("Settings saved successfully","success")}console.log(c),this.updateUI(t,e),c.reload&&setTimeout((()=>{window.location.reload()}),50)}else console.log(c),this.updateUI(t,"error",c.message??""),this.showNotification(c.message||"Operation failed","error")}catch(e){this.updateUI(t,"error"),this.showNotification("Network error: "+e.message,"error"),console.error("API Error:",e)}}}updateUI(e,t,s=""){let o=["connected","disconnected","hasChanges","syncing","error"];if(!o.includes(t))return void console.log("Invalid state: ",t);s=""===s?{connected:"Set Up",disconnected:"Not Set Up",hasChanges:"Unsaved Changes",syncing:"Testing changes",error:"Something went wrong"}[t]:s,"syncing"===t?e.querySelectorAll("button").forEach((e=>{e.disabled=!0})):e.querySelectorAll("button[disabled]").forEach((e=>{e.disabled=!1})),e.classList.remove(...o),e.classList.add(t,"flash"),console.log(e);let n=e.querySelector(".setup .text");console.log(n),n.textContent=s,"syncing"===t?e.querySelectorAll("button").forEach((e=>e.disabled=!0)):e.querySelectorAll("button:disabled").forEach((e=>e.disabled=!1)),setTimeout((()=>e.classList.remove("flash")),600)}};
(()=>{class e{constructor(){this.initElements(),this.initListeners(),this.init()}initElements(){this.selectors={form:"form.integration",action:"data-action"};let e=document.querySelectorAll(this.selectors.form);this.forms=new Map,e.forEach((e=>{this.forms.set(e.dataset.service,e)}))}initListeners(){this.handleClick=this.clickHandler.bind(this),this.handleChange=this.changeHandler.bind(this),this.handleSubmit=this.submitHandler.bind(this),document.addEventListener("click",this.handleClick),document.addEventListener("change",this.handleChange),document.addEventListener("submit",this.handleSubmit)}init(){document.addEventListener("DOMContentLoaded",(()=>{this.checkForOAuthMessages()}))}checkForOAuthMessages(){const e=new URLSearchParams(window.location.search),t=e.get("success"),s=e.get("error");if(t){this.showNotification(t,"success",5e3),this.cleanURL();document.querySelectorAll("form.integration").forEach((e=>{this.updateUI(e,"connected")}))}else s&&(this.showNotification(s,"error",8e3),this.cleanURL())}cleanURL(){const e=new URL(window.location);e.searchParams.delete("success"),e.searchParams.delete("error"),window.history.replaceState({},document.title,e.pathname+e.hash)}showNotification(e,t="info",s=5e3){let o=document.querySelector(".integration-status-message");if(!o){o=document.createElement("div"),o.className="integration-status-message";const e=document.querySelector(".integration-settings")||document.querySelector("main")||document.body;e.insertBefore(o,e.firstChild)}o.textContent=e,o.className=`integration-status-message ${t}`,this.notificationTimeout&&clearTimeout(this.notificationTimeout),s>0&&(this.notificationTimeout=setTimeout((()=>{o.className="integration-status-message",o.textContent=""}),s)),this.popup&&this.addPopup(e,s)}addPopup(e,t=2e3){this.popup||(this.popup=document.querySelector(".integration-popup")||this.createPopupElement()),this.popup.textContent=e,this.popup.classList.add("showing"),setTimeout((()=>{this.popup.classList.remove("showing")}),t)}createPopupElement(){const e=document.createElement("div");return e.className="integration-popup",document.body.appendChild(e),e}clickHandler(e){if(e.target.closest(this.selectors.form)&&("BUTTON"===e.target.tagName||e.target.closest("button"))){e.preventDefault();let t="BUTTON"===e.target.tagName?e.target:e.target.closest("button");this.handleAction(t)}}changeHandler(e){if(e.target.closest(this.selectors.form))if("action"in e.target.dataset)this.handleAction(e.target);else{let t=this.getFormFromTarget(e.target);if(!t)return;t.classList.add("hasChanges"),t.querySelector(".setup .text").textContent="Unsaved Changes"}}submitHandler(e){e.target.closest(this.selectors.form)&&e.preventDefault()}getFormFromTarget(e){let t=e.closest("form")?.dataset.service;return this.forms.get(t)??!1}handleOAuthClick(e){const t=e.dataset.service,s=e.href,o=(screen.width-600)/2,i=(screen.height-700)/2;this.showNotification("Opening authorization window...","info"),e.classList.add("loading"),e.setAttribute("aria-busy","true");const n=window.open(s,"oauth_"+t,`width=600,height=700,left=${o},top=${i},toolbar=no,menubar=no,location=yes,status=yes,resizable=yes`);if(!n)return this.showNotification("Popup was blocked. Please allow popups and try again.","error"),e.classList.remove("loading"),e.removeAttribute("aria-busy"),!0;n.focus(),this.showNotification("Waiting for authorization...","info");const a=setInterval((()=>{try{n.closed&&(clearInterval(a),e.classList.remove("loading"),e.removeAttribute("aria-busy"),this.showNotification("Checking authorization status...","info"),setTimeout((()=>{this.checkForOAuthMessages(),setTimeout((()=>{const e=new URLSearchParams(window.location.search);e.has("success")||e.has("error")||window.location.reload()}),500)}),500))}catch(e){}}),500);return setTimeout((()=>{clearInterval(a),e.classList.remove("loading"),e.removeAttribute("aria-busy")}),3e5),!1}async handleAction(e){const t=e.closest("form"),s=t.dataset.service,o=e.dataset.action,i="BUTTON"===e.tagName,n=i&&"save_credentials"===o;if(!("confirm"in e.dataset)||confirm(e.dataset.confirm)){this.updateUI(t,"syncing");try{this.updateUI(t,"syncing");const a={service:s,action:o,user_id:window.auth.getUser(),data:{}};if(i||(a.data[e.name.replace(s+"_","")]=e.value),n){const e=new FormData(t);for(let[t,o]of e.entries())["service"].includes(t)||t.includes("nonce")||(a.data[t.replace(s+"_","")]=o)}const r=await fetch(jvbSettings.api+"integrations",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify(a)}),c=await r.json();if(r.ok&&c.success){let e="connected";switch(o){case"clear_credentials":e="disconnected";break;case"save_credentials":this.showNotification("Settings saved successfully","success")}this.updateUI(t,e),c.reload&&setTimeout((()=>{window.location.reload()}),50)}else this.updateUI(t,"error",c.message??""),this.showNotification(c.message||"Operation failed","error")}catch(e){this.updateUI(t,"error"),this.showNotification("Network error: "+e.message,"error"),console.error("API Error:",e)}}}updateUI(e,t,s=""){let o=["connected","disconnected","hasChanges","syncing","error"];if(!o.includes(t))return;s=""===s?{connected:"Set Up",disconnected:"Not Set Up",hasChanges:"Unsaved Changes",syncing:"Testing changes",error:"Something went wrong"}[t]:s,"syncing"===t?e.querySelectorAll("button").forEach((e=>{e.disabled=!0})):e.querySelectorAll("button[disabled]").forEach((e=>{e.disabled=!1})),e.classList.remove(...o),e.classList.add(t,"flash"),e.querySelector(".setup .text").textContent=s,"syncing"===t?e.querySelectorAll("button").forEach((e=>e.disabled=!0)):e.querySelectorAll("button:disabled").forEach((e=>e.disabled=!1)),setTimeout((()=>e.classList.remove("flash")),600)}}window.jvbOAuthPopup=function(e,t){const s=(window.screen.width-600)/2,o=(window.screen.height-700)/2;e+=(e.indexOf("?")>-1?"&":"?")+"popup=1";const i=window.open(e,t+"-oauth",`width=600,height=700,left=${s},top=${o},scrollbars=yes,resizable=yes,toolbar=no,menubar=no`);if(!i)return alert("Please allow popups for this site to complete the authorization process."),!1;window.jvbOAuthComplete=function(e,s,o){if(e===t)if(s){const e=document.querySelector(`.integration-card[data-service="${t}"] .setup .text`);e&&(e.textContent="Connection successful! Refreshing..."),setTimeout((()=>{jvbRefreshIntegration(t)}),1e3)}else alert("OAuth authorization failed: "+(o||"Unknown error")),jvbRefreshIntegration(t)};const n=setInterval((()=>{try{i.closed&&(clearInterval(n),setTimeout((()=>{jvbRefreshIntegration(t)}),1e3))}catch(e){}}),1e3);return!1},window.jvbRefreshIntegration=function(e){fetch(jvbSettings.api+"integrations",{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify({service:e,action:"check_oauth_status"})}).then((e=>e.json())).then((t=>{if(console.log("OAuth status check result:",t),t.success&&t.authorized){const t=document.querySelector(`.integration-card[data-service="${e}"]`);if(t){t.classList.remove("disconnected"),t.classList.add("connected");const e=t.querySelector(".setup .text");e&&(e.textContent="Connected"),setTimeout((()=>{location.reload()}),1500)}}else location.reload()})).catch((e=>{console.error("Error checking OAuth status:",e),location.reload()}))},document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.integrations=new e)}))}))})();

 assets/js/min/interactions.min.js

New file
@@ -0,0 +1 @@
(()=>{function t(){window.auth.getUser()&&(window.jvbInteractions=new FrontendInteractions)}"requestIdleCallback"in window?requestIdleCallback((async function(){window.auth.subscribe((n=>{"auth-loaded"===n&&("loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t())}))})):"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):setTimeout(t,1),window.toggleFavourite=function(t){window.jvbInteractions?window.jvbInteractions.toggleFavourite(t):console.warn("FrontendInteractions not initialized")},window.handleVote=function(t){window.jvbInteractions?window.jvbInteractions.handleVote(t):console.warn("FrontendInteractions not initialized")},window.isFavourited=function(t,n){return!!window.jvbInteractions&&window.jvbInteractions.isFavourited(t,n)},window.checkVoteStatus=function(t,n){return window.jvbInteractions?window.jvbInteractions.checkVoteStatus(t,n):""},window.formatVote=function(t,n){let e=window.getTemplate("voteButton");e.dataset.itemId=t.id,e.dataset.content=t.content;let o=e.querySelector("button.up"),i=e.querySelector("button.down");return"up"===n&&o.classList.add("voted"),"down"===n&&i.classList.add("voted"),t.upvotes>0&&(o.querySelector(".count").textContent=t.upvotes),t.downvotes>0&&(i.querySelector(".count").textContent="-"+t.downvotes),e},window.checkVoteStatus=function(t,n){if(!window.auth.getUser())return"";let e="";return window.userVotes&&window.userVotes[t]?.has(n)&&(e=window.userVotes[t].get(n)),e}})();

 assets/js/min/loading.min.js

File was deleted

 assets/js/min/media.min.js

File was deleted

 assets/js/min/navigation.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.counter=0,this.initElements(),0!==this.navs.size&&(this.openNav=null,this.initListeners())}initElements(){this.navs=new Map,document.querySelectorAll("nav:has(.submenu), nav:has(.toggle)").forEach((e=>{let t=e.id;""===t&&(t=`nav-${this.counter}`,e.id=t,this.counter++),e.querySelector(".submenu")&&(e.addEventListener("mouseenter",this.hoverOnListener),e.addEventListener("mouseleave",this.hoverOffListener));let[s,n,i]=[e.querySelectorAll("nav .toggle"),e.querySelectorAll(".has-submenu"),e.querySelectorAll(".toggle:not(.main)")],a={nav:e,toggles:s,submenus:n,submenuToggles:i};this.navs.set(t,a),this.counter++}))}navIDs(){return Array.from(this.navs.keys()).map((e=>`#${e}`))}initListeners(){this.clickListener=this.handleClick.bind(this),this.escapeListener=this.handleEscape.bind(this),this.hoverOnListener=this.handleHoverOn.bind(this),this.hoverOffListener=this.handleHoverOff.bind(this),document.addEventListener("click",this.clickListener)}handleClick(e){if(0===this.navs.size)return;if(this.openNav&&!e.target.closest(this.openNav)&&this.toggleNav(!1),!e.target.closest(...this.navIDs()))return;let t=e.target.closest(".toggle.main");if(t){let e=t.closest("nav");this.toggleNav(!e.classList.contains("open"),e.id)}let s=e.target.closest('[data-action="toggle-submenu"]');if(s){let e=s.closest("li");this.toggleSubmenu(!e.classList.contains("open"),e)}}handleHoverOn(e){console.log(e.target);let t=e.target.closest("nav");t&&this.toggleNav(!0,t.id);let s=e.target.closest(".has-submenu");s&&this.toggleSubmenu(!0,s)}handleHoverOff(e){console.log(e.target);let t=e.target.closest("nav");t&&this.toggleNav(!1,t.id)}handleEscape(e){this.openNav&&"Escape"===e.key&&this.toggleNav(!1,this.openNav)}toggleNav(e,t){let s=this.navs.get(t);s&&(e&&t!==this.openNav&&this.toggleNav(!1,this.openNav),e?(this.openNav=t,document.addEventListener("keydown",this.escapeListener)):(this.openNav===t&&(this.openNav=null),document.removeEventListener("keydown",this.escapeListener),Array.from(s.submenus).forEach((e=>{e.classList.contains("open")&&this.toggleSubmenu(!1,e)}))),s.nav.ariaExpanded=e,s.nav.classList.toggle("open",e),s.ariaHidden=!e,e&&s.nav.querySelector("a:not(.skip-to-content)")?.focus())}toggleSubmenu(e,t){let[s,n]=[t.querySelector(".toggle"),t.querySelector("a")];t.classList.toggle("open",e),t.ariaHidden=!e,s.ariaExpanded=e,e&&n&&n.focus()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbNav=new e}))})();
(()=>{class e{constructor(){this.counter=0,this.initElements(),0!==this.navs.size&&(this.openNav=null,this.initListeners())}initElements(){this.navs=new Map,document.querySelectorAll("nav:has(.submenu), nav:has(.toggle)").forEach((e=>{let t=e.id;""===t&&(t=`nav-${this.counter}`,e.id=t,this.counter++),e.querySelector(".submenu")&&(e.addEventListener("mouseenter",this.hoverOnListener),e.addEventListener("mouseleave",this.hoverOffListener));let[s,n,i]=[e.querySelectorAll("nav .toggle"),e.querySelectorAll(".has-submenu"),e.querySelectorAll(".toggle:not(.main)")],a={nav:e,toggles:s,submenus:n,submenuToggles:i};this.navs.set(t,a),this.counter++}))}navIDs(){return Array.from(this.navs.keys()).map((e=>`#${e}`))}initListeners(){this.clickListener=this.handleClick.bind(this),this.escapeListener=this.handleEscape.bind(this),this.hoverOnListener=this.handleHoverOn.bind(this),this.hoverOffListener=this.handleHoverOff.bind(this),document.addEventListener("click",this.clickListener)}handleClick(e){if(0===this.navs.size)return;this.openNav&&null===e.target.closest(`#${this.openNav}`)&&this.toggleNav(!1,this.openNav);let t=e.target.closest(".toggle.main");if(t){let e=t.closest("nav");this.toggleNav(!e.classList.contains("open"),e.id)}let s=e.target.closest('[data-action="toggle-submenu"]');if(s){let e=s.closest("li");this.toggleSubmenu(!e.classList.contains("open"),e)}}handleHoverOn(e){let t=e.target.closest("nav");t&&this.toggleNav(!0,t.id);let s=e.target.closest(".has-submenu");s&&this.toggleSubmenu(!0,s)}handleHoverOff(e){let t=e.target.closest("nav");t&&this.toggleNav(!1,t.id)}handleEscape(e){this.openNav&&"Escape"===e.key&&this.toggleNav(!1,this.openNav)}toggleNav(e,t){let s=this.navs.get(t);s&&(e&&t!==this.openNav&&this.toggleNav(!1,this.openNav),e?(this.openNav=t,document.addEventListener("keydown",this.escapeListener)):(this.openNav===t&&(this.openNav=null),document.removeEventListener("keydown",this.escapeListener),s.nav.classList.contains("sidebar")||Array.from(s.submenus).forEach((e=>{e.classList.contains("open")&&this.toggleSubmenu(!1,e)}))),s.nav.ariaExpanded=e,s.nav.classList.toggle("open",e),s.ariaHidden=!e,e&&s.nav.querySelector("a:not(.skip-to-content)")?.focus())}toggleSubmenu(e,t){let[s,n]=[t.querySelector(".toggle"),t.querySelector("a")];t.classList.toggle("open",e),t.ariaHidden=!e,s.ariaExpanded=e,e&&n&&n.focus()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbNav=new e}))})();

 assets/js/min/news.min.js

@@ -1 +1 @@
window.newsManager=class{constructor(){this.queue=window.jvbQueue,this.loading=window.jvbLoading,this.cache=window.jvbCache,this.a11y=window.jvbA11y,this.error=window.jvbError,this.activeTab="all",this.tabs=new window.jvbTabs(document.querySelector(".replace"),{news:()=>{this.activeTab="all",this.resetFilters(),this.loadItems(!0).then((()=>{}))},mine:()=>{console.log("switching to mine tab"),this.activeTab="own",this.resetFilters(),this.filters.artist=jvbSettings.currentUser,this.loadItems(!0).then((()=>{}))},watching:()=>{this.activeTab="watching",this.resetFilters(),this.filters.watched=!0,this.loadItems(!0).then((()=>{}))}}),this.isLoading=!1,this.alreadyHandling=!1,this.template=new Map,this.endpoints={news:"news",vote:"news/vote"},this.resetFilters(),this.state={hasMore:!0,pages:1,items:0},this.initElements(),this.initEvents(),this.loadItems()}resetFilters(){this.filters={page:1,order:"DESC",orderby:"date",shop:null,type:null,artist:null,watched:!1}}initElements(){this.container=document.querySelector(".replace"),this.grid=this.container.querySelector(".item-grid"),this.addButton=this.container.querySelector(".add-item-btn"),this.addModal=new window.jvbModal(this.container.querySelector(".create-modal"),{render:this.renderModal.bind(this),open:this.addButton,content:"news",openMessage:"Opened modal to create a news post.",onSave:this.saveModal.bind(this)}),this.filterForm=this.container.querySelector("form"),this.dateRangeFilter=new window.jvbModal(this.container.querySelector("dialog.date-range"),{open:!1}),this.clearFilters=this.container.querySelector(".clear-filters"),this.replyModal=new window.jvbModal(this.container.querySelector(".create-response"),{open:!1,content:"response",openMessage:"Opened Response modal",onSave:this.saveCreatedResponse.bind(this)})}initEvents(){this.filterForm.addEventListener("change",(e=>{let t=e.target.value;if(!e.target.closest(".date-range"))if("custom"===t)this.handleCustomDateRange();else{let s=e.target.name;s?this.filters[s]=t:this.resetFilters(),this.loadItems(!0)}})),document.addEventListener("click",(e=>{if(e.target===this.clearFilters&&(this.filterForm.reset(),this.resetFilters(),this.loadItems(!0)),e.target.closest("button.reply")){let t=e.target.closest("button"),s=t.closest(".item").dataset.id,n="";"news"===t.dataset.type?n=t.closest(".item").querySelector(".item-info").innerHTML:(n=t.closest(".response").querySelector(".content").innerHTML,this.replyModal.modal.dataset.parent_id=t.id.replace("reply-to","")),this.replyModal.modal.dataset.id=s,this.replyModal.modal.dataset.type=t.dataset.type,this.replyModal.modal.querySelector(".original").innerHTML="<h5>Replying to:</h5>"+n,this.replyModal.handleOpen()}}))}renderModal(){}handleCustomDateRange(){this.dateRangeFilter.handleOpen();let e=this.dateRangeFilter.modal.querySelector("input.date-start"),t=this.dateRangeFilter.modal.querySelector("input.date-end"),s=this.dateRangeFilter.modal.querySelector("select");this.dateRangeFilter.modal.querySelectorAll("input, select").forEach((n=>{n.addEventListener("change",(i=>{n===e&&""!==t.value||n===t&&""!==e.value?(this.filters.dateFrom=e.value,this.filters.dateTo=t.value,this.dateRangeFilter.handleClose(),this.loadItems(!0)):n===s&&(this.filters.customDate=s.value,this.dateRangeFilter.handleClose(),this.loadItems(!0))}))}))}async saveModal(e){const t=new FormData(this.addModal.modal.querySelector("form"));t.append("user",jvbSettings.currentUser),this.queue.addToQueue({type:"new_news",data:t})}async loadItems(e=!0){if(!this.isLoading)try{this.isLoading=!0,this.loading.show(),e&&(this.filters.page=1,removeChildren(this.grid),this.grid.classList.remove("empty"));const t=this.buildFilters(),s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.endpoints.news}?${t.toString()}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.dash}},{context:"news",forceRefresh:!0});return this.renderItems(s.items||[],this.filters.page>1),s.pagination&&(this.state={hasMore:s.has_more,items:s.items,pages:s.pages}),s}catch(e){throw this.handleError(e,"loading news"),e}finally{this.isLoading=!1,this.loading.hide()}}buildFilters(){const e=JSON.parse(JSON.stringify(this.filters));let t={};for(var[s,n]of Object.entries(e))!1!==n&&null!==n&&(t[s]=n);return new URLSearchParams(t)}renderItems(e,t=!1){if(t||removeChildren(this.grid),0===e.length)return this.a11y.announceItems(0,t),void this.showEmptyState();const s=document.createDocumentFragment(),n=i=>{const a=Math.min(i+10,e.length);for(let t=i;t<a;t++){const n=e[t],i=this.createItemElement(n);s.appendChild(i)}a<e.length?requestAnimationFrame((()=>{n(a)})):(this.grid.appendChild(s),this.a11y.makeNavigable(this.grid.querySelectorAll(".item:not([data-keyboard-nav])")),this.a11y.announceItems(e.length,t,this.state.hasMore))};e.length>0?n(0):this.a11y.announceItems(0,t)}createItemElement(e){const t=window.getTemplate(`template-${this.activeTab}`);t.id=`news-${e.id}`,t.dataset.id=e.id;const[s]=t.getElementsByTagName("h3"),[n]=t.getElementsByClassName("published"),[i]=t.getElementsByClassName("artist"),[a]=t.getElementsByClassName("shop"),[r]=t.getElementsByClassName("tldr"),[o]=t.getElementsByClassName("item-info"),[l]=t.getElementsByClassName("image");[s.textContent,n.textContent,i.href,i.textContent,r.textContent,o.innerHTML]=[e.title,formatTimeAgo(e.date),e.artist.url,e.artist.name,e.tldr,e.post_content],e.shop?[a.href,a.innerHTML]=[e.shop.url,jvbSettings.icons.shop+e.shop.name]:a.hidden=!0;const[d]=t.getElementsByClassName("favourite-button");if("own"!==this.activeTab)[d.dataset.id,d.dataset.artist]=[e.id,e.artist.id],window.userFavourites.news?.includes(parseInt(e.id))?(removeChildren(d),d.append(getIcon("star-fi"))):(removeChildren(d),d.append(getIcon("star")));else{d.hidden=!0;const[s]=t.getElementsByClassName("select-checkbox"),[n]=t.getElementsByTagName("label");[s.id,s.value,n.for]=[`item-${e.id}`,e.id,`item-${e.id}`]}let h="";window.userVotes?.news?.has(e.id)&&(h=window.userVotes.news.get(e.id)),console.log(e),t.querySelector(".summary").appendChild(formatVote(e,h));let c=window.getTemplate("commentsButton");c.href=`#responses-to-${e.id}`,c.querySelector(".count").textContent=e.comments.items.length;let m=window.getTemplate("responses");m.id=`responses-to-${e.id}`,m.querySelector("summary").textContent+=" { "+e.comments.items.length+" }";let p=window.getTemplate("replyButton");return p.id="reply-to-"+e.id,p.dataset.type="news",p.dataset.action="reply",t.appendChild(p),e.comments.items.length>0&&e.comments.items.forEach((e=>{m.appendChild(this.formatComment(e))})),t.appendChild(m),t.querySelector(".vote").prepend(c,t.querySelector(".vote button")),e.image&&e.image.replace(/src="([^"]+)"/,'data-src="$1"'),t}formatComment(e,t=null){let s=window.getTemplate("response");s.id="response-"+e.id;let n=s.querySelector("summary");n.querySelector(".content").innerHTML=e.response,n.querySelector(".created").textContent=formatTimeAgo(e.created_at);let i=checkVoteStatus("response",e.id);e.content="response",s.querySelector(".footer").appendChild(formatVote(e,i)),console.log(e);let a=window.getTemplate("replyButton");a.id="reply-to-"+e.id,t&&(a.dataset.parent_id=t),a.dataset.action="reply",a.dataset.type=e.content,n.querySelector(".vote").prepend(a,n.querySelector(".vote").firstElementChild);let r=n.querySelector(".artist"),o=n.querySelector(".shop");if(console.log(e),e.artist?(e.artist.shop||o.remove(),[r.href,r.textContent,o.href,o.textContent]=[e.artist.url,e.artist.name,e.artist.shop.url,e.artist.shop.name]):(r.remove(),o.remove()),e.children.items.length>0){let t=window.getTemplate("responses");t.id="replies-to-"+e.id,t.querySelector("summary").textContent="See Responses {"+e.children.items.length+"}",e.children.items.forEach((s=>{t.appendChild(this.formatComment(s,e.id))})),s.appendChild(t)}return s}renderResponseCreate(){}saveCreatedResponse(){console.log("Saving create response"),console.log(this.replyModal.modal.id);const e=this.replyModal.modal;let t={user:jvbSettings.currentUser,item_id:e.dataset.id,response:e.querySelector(".ql-editor").innerHTML,content:e.dataset.type,action:"create"};e.dataset.parent_id&&(t.parent_id=e.dataset.parent_id),console.log(t),this.queue.addToQueue({type:"new_response",data:t})}showEmptyState(){const e=document.createElement("div");e.className="no-news",e.innerHTML="\n            <h3>Nothing here</h3>\n            <p>No updates here.</p>\n            <p>Add some gap fillers from the main favourites tab.</p>\n        ",this.grid.appendChild(e),this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}hideEmptyState(){let e=this.grid.querySelector(".no-news");e&&e.remove()}handleError(e,t){console.error(`News error (${t}):`,e),window.jvbError&&window.jvbError.log(e,{component:"NewsManager",action:t}),window.jvbA11y&&window.jvbA11y.announce(`Error ${t}. ${e.message||"Please try again."}`)}};
window.newsManager=class{constructor(){this.queue=window.jvbQueue,this.loading=window.jvbLoading,this.cache=window.jvbCache,this.a11y=window.jvbA11y,this.error=window.jvbError,this.activeTab="all",this.tabs=new window.jvbTabs(document.querySelector(".replace"),{news:()=>{this.activeTab="all",this.resetFilters(),this.loadItems(!0).then((()=>{}))},mine:()=>{console.log("switching to mine tab"),this.activeTab="own",this.resetFilters(),this.filters.artist=window.auth.getUser(),this.loadItems(!0).then((()=>{}))},watching:()=>{this.activeTab="watching",this.resetFilters(),this.filters.watched=!0,this.loadItems(!0).then((()=>{}))}}),this.isLoading=!1,this.alreadyHandling=!1,this.template=new Map,this.endpoints={news:"news",vote:"news/vote"},this.resetFilters(),this.state={hasMore:!0,pages:1,items:0},this.initElements(),this.initEvents(),this.loadItems()}resetFilters(){this.filters={page:1,order:"DESC",orderby:"date",shop:null,type:null,artist:null,watched:!1}}initElements(){this.container=document.querySelector(".replace"),this.grid=this.container.querySelector(".item-grid"),this.addButton=this.container.querySelector(".add-item-btn"),this.addModal=new window.jvbModal(this.container.querySelector(".create-modal"),{render:this.renderModal.bind(this),open:this.addButton,content:"news",openMessage:"Opened modal to create a news post.",onSave:this.saveModal.bind(this)}),this.filterForm=this.container.querySelector("form"),this.dateRangeFilter=new window.jvbModal(this.container.querySelector("dialog.date-range"),{open:!1}),this.clearFilters=this.container.querySelector(".clear-filters"),this.replyModal=new window.jvbModal(this.container.querySelector(".create-response"),{open:!1,content:"response",openMessage:"Opened Response modal",onSave:this.saveCreatedResponse.bind(this)})}initEvents(){this.filterForm.addEventListener("change",(e=>{let t=e.target.value;if(!e.target.closest(".date-range"))if("custom"===t)this.handleCustomDateRange();else{let s=e.target.name;s?this.filters[s]=t:this.resetFilters(),this.loadItems(!0)}})),document.addEventListener("click",(e=>{if(e.target===this.clearFilters&&(this.filterForm.reset(),this.resetFilters(),this.loadItems(!0)),e.target.closest("button.reply")){let t=e.target.closest("button"),s=t.closest(".item").dataset.id,n="";"news"===t.dataset.type?n=t.closest(".item").querySelector(".item-info").innerHTML:(n=t.closest(".response").querySelector(".content").innerHTML,this.replyModal.modal.dataset.parent_id=t.id.replace("reply-to","")),this.replyModal.modal.dataset.id=s,this.replyModal.modal.dataset.type=t.dataset.type,this.replyModal.modal.querySelector(".original").innerHTML="<h5>Replying to:</h5>"+n,this.replyModal.handleOpen()}}))}renderModal(){}handleCustomDateRange(){this.dateRangeFilter.handleOpen();let e=this.dateRangeFilter.modal.querySelector("input.date-start"),t=this.dateRangeFilter.modal.querySelector("input.date-end"),s=this.dateRangeFilter.modal.querySelector("select");this.dateRangeFilter.modal.querySelectorAll("input, select").forEach((n=>{n.addEventListener("change",(i=>{n===e&&""!==t.value||n===t&&""!==e.value?(this.filters.dateFrom=e.value,this.filters.dateTo=t.value,this.dateRangeFilter.handleClose(),this.loadItems(!0)):n===s&&(this.filters.customDate=s.value,this.dateRangeFilter.handleClose(),this.loadItems(!0))}))}))}async saveModal(e){const t=new FormData(this.addModal.modal.querySelector("form"));t.append("user",window.auth.getUser()),this.queue.addToQueue({type:"new_news",data:t})}async loadItems(e=!0){if(!this.isLoading)try{this.isLoading=!0,this.loading.show(),e&&(this.filters.page=1,removeChildren(this.grid),this.grid.classList.remove("empty"));const t=this.buildFilters(),s=await this.cache.fetchWithCache(`${jvbSettings.api}${this.endpoints.news}?${t.toString()}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("dash")}},{context:"news",forceRefresh:!0});return this.renderItems(s.items||[],this.filters.page>1),s.pagination&&(this.state={hasMore:s.has_more,items:s.items,pages:s.pages}),s}catch(e){throw this.handleError(e,"loading news"),e}finally{this.isLoading=!1,this.loading.hide()}}buildFilters(){const e=JSON.parse(JSON.stringify(this.filters));let t={};for(var[s,n]of Object.entries(e))!1!==n&&null!==n&&(t[s]=n);return new URLSearchParams(t)}renderItems(e,t=!1){if(t||removeChildren(this.grid),0===e.length)return this.a11y.announceItems(0,t),void this.showEmptyState();const s=document.createDocumentFragment(),n=i=>{const a=Math.min(i+10,e.length);for(let t=i;t<a;t++){const n=e[t],i=this.createItemElement(n);s.appendChild(i)}a<e.length?requestAnimationFrame((()=>{n(a)})):(this.grid.appendChild(s),this.a11y.makeNavigable(this.grid.querySelectorAll(".item:not([data-keyboard-nav])")),this.a11y.announceItems(e.length,t,this.state.hasMore))};e.length>0?n(0):this.a11y.announceItems(0,t)}createItemElement(e){const t=window.getTemplate(`template-${this.activeTab}`);t.id=`news-${e.id}`,t.dataset.id=e.id;const[s]=t.getElementsByTagName("h3"),[n]=t.getElementsByClassName("published"),[i]=t.getElementsByClassName("artist"),[a]=t.getElementsByClassName("shop"),[o]=t.getElementsByClassName("tldr"),[r]=t.getElementsByClassName("item-info"),[l]=t.getElementsByClassName("image");[s.textContent,n.textContent,i.href,i.textContent,o.textContent,r.innerHTML]=[e.title,formatTimeAgo(e.date),e.artist.url,e.artist.name,e.tldr,e.post_content],e.shop?[a.href,a.innerHTML]=[e.shop.url,jvbSettings.icons.shop+e.shop.name]:a.hidden=!0;const[d]=t.getElementsByClassName("favourite-button");if("own"!==this.activeTab)[d.dataset.id,d.dataset.artist]=[e.id,e.artist.id],window.userFavourites.news?.includes(parseInt(e.id))?(removeChildren(d),d.append(getIcon("star-fi"))):(removeChildren(d),d.append(getIcon("star")));else{d.hidden=!0;const[s]=t.getElementsByClassName("select-checkbox"),[n]=t.getElementsByTagName("label");[s.id,s.value,n.for]=[`item-${e.id}`,e.id,`item-${e.id}`]}let h="";window.userVotes?.news?.has(e.id)&&(h=window.userVotes.news.get(e.id)),console.log(e),t.querySelector(".summary").appendChild(formatVote(e,h));let c=window.getTemplate("commentsButton");c.href=`#responses-to-${e.id}`,c.querySelector(".count").textContent=e.comments.items.length;let m=window.getTemplate("responses");m.id=`responses-to-${e.id}`,m.querySelector("summary").textContent+=" { "+e.comments.items.length+" }";let p=window.getTemplate("replyButton");return p.id="reply-to-"+e.id,p.dataset.type="news",p.dataset.action="reply",t.appendChild(p),e.comments.items.length>0&&e.comments.items.forEach((e=>{m.appendChild(this.formatComment(e))})),t.appendChild(m),t.querySelector(".vote").prepend(c,t.querySelector(".vote button")),e.image&&e.image.replace(/src="([^"]+)"/,'data-src="$1"'),t}formatComment(e,t=null){let s=window.getTemplate("response");s.id="response-"+e.id;let n=s.querySelector("summary");n.querySelector(".content").innerHTML=e.response,n.querySelector(".created").textContent=formatTimeAgo(e.created_at);let i=checkVoteStatus("response",e.id);e.content="response",s.querySelector(".footer").appendChild(formatVote(e,i)),console.log(e);let a=window.getTemplate("replyButton");a.id="reply-to-"+e.id,t&&(a.dataset.parent_id=t),a.dataset.action="reply",a.dataset.type=e.content,n.querySelector(".vote").prepend(a,n.querySelector(".vote").firstElementChild);let o=n.querySelector(".artist"),r=n.querySelector(".shop");if(console.log(e),e.artist?(e.artist.shop||r.remove(),[o.href,o.textContent,r.href,r.textContent]=[e.artist.url,e.artist.name,e.artist.shop.url,e.artist.shop.name]):(o.remove(),r.remove()),e.children.items.length>0){let t=window.getTemplate("responses");t.id="replies-to-"+e.id,t.querySelector("summary").textContent="See Responses {"+e.children.items.length+"}",e.children.items.forEach((s=>{t.appendChild(this.formatComment(s,e.id))})),s.appendChild(t)}return s}renderResponseCreate(){}saveCreatedResponse(){console.log("Saving create response"),console.log(this.replyModal.modal.id);const e=this.replyModal.modal;let t={user:window.auth.getUser(),item_id:e.dataset.id,response:e.querySelector(".ql-editor").innerHTML,content:e.dataset.type,action:"create"};e.dataset.parent_id&&(t.parent_id=e.dataset.parent_id),console.log(t),this.queue.addToQueue({type:"new_response",data:t})}showEmptyState(){const e=document.createElement("div");e.className="no-news",e.innerHTML="\n            <h3>Nothing here</h3>\n            <p>No updates here.</p>\n            <p>Add some gap fillers from the main favourites tab.</p>\n        ",this.grid.appendChild(e),this.grid.classList.add("empty"),this.a11y.announce("No favourites to show!")}hideEmptyState(){let e=this.grid.querySelector(".no-news");e&&e.remove()}handleError(e,t){console.error(`News error (${t}):`,e),window.jvbError&&window.jvbError.log(e,{component:"NewsManager",action:t}),window.jvbA11y&&window.jvbA11y.announce(`Error ${t}. ${e.message||"Please try again."}`)}};

 assets/js/min/notificationManager.min.js

@@ -1 +1 @@
(()=>{class t{constructor(){this.resetFilters(),this.activeTab="all",this.isLoading=!1,this.loading=window.jvbLoading,this.container=document.querySelector(".container"),this.grid=this.container.querySelector(".notifications-list"),this.tabs=new window.jvbTabs(this.container,{all:()=>{this.resetFilters(),this.activeTab="all",this.loadNotifications()},favourite:()=>{this.resetFilters(),this.activeTab="favourite",this.filters.content="favourite",this.loadNotifications()},artist:()=>{this.resetFilters(),this.activeTab="artist",this.filters.content="artist",this.loadNotifications()},shop:()=>{this.resetFilters(),this.activeTab="shop",this.filters.content="shop",this.loadNotifications()},event:()=>{this.resetFilters(),this.activeTab="favourite",this.filters.content="favourite",this.loadNotifications()},news:()=>{this.resetFilters(),this.activeTab="news",this.filters.content="news",this.loadNotifications()},system:()=>{this.resetFilters(),this.activeTab="system",this.filters.content="system",this.loadNotifications()}}),this.loadNotifications()}resetFilters(){this.filters={content:"all",date:""},this.hasMore=!0}async loadNotifications(t=!0){if(!this.isLoading&&this.hasMore)try{this.isLoading=!0,this.loading.show(),t&&(this.filters.page=1,this.grid.classList.remove("empty"));const i=this.buildFilters();console.log(this.filters),console.log("Reset? ",this.reset);const s=await this.cache.fetchWithCache(`${jvbSettings.api}notifications?${i.toString()}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbAdmin.nonce}},{context:"admin",forceRefresh:!0});return console.log(s),s}catch(t){throw this.handleError(t,"loading notifications"),t}finally{this.isLoading=!1,this.loading.hide()}}buildFilters(){const t=JSON.parse(JSON.stringify(this.filters));let i={};for(var[s,e]of Object.entries(t))!1!==e&&null!==e&&(i[s]=e);return i.context="admin",i.user=jvbSettings.currentUser,new URLSearchParams(i)}}document.addEventListener("DOMContentLoaded",(()=>{window.notificationsDash=new t,console.log(jvbSettings)}))})();
(()=>{class t{constructor(){this.resetFilters(),this.activeTab="all",this.isLoading=!1,this.loading=window.jvbLoading,this.container=document.querySelector(".container"),this.grid=this.container.querySelector(".notifications-list"),this.tabs=new window.jvbTabs(this.container,{all:()=>{this.resetFilters(),this.activeTab="all",this.loadNotifications()},favourite:()=>{this.resetFilters(),this.activeTab="favourite",this.filters.content="favourite",this.loadNotifications()},artist:()=>{this.resetFilters(),this.activeTab="artist",this.filters.content="artist",this.loadNotifications()},shop:()=>{this.resetFilters(),this.activeTab="shop",this.filters.content="shop",this.loadNotifications()},event:()=>{this.resetFilters(),this.activeTab="favourite",this.filters.content="favourite",this.loadNotifications()},news:()=>{this.resetFilters(),this.activeTab="news",this.filters.content="news",this.loadNotifications()},system:()=>{this.resetFilters(),this.activeTab="system",this.filters.content="system",this.loadNotifications()}}),this.loadNotifications()}resetFilters(){this.filters={content:"all",date:""},this.hasMore=!0}async loadNotifications(t=!0){if(!this.isLoading&&this.hasMore)try{this.isLoading=!0,this.loading.show(),t&&(this.filters.page=1,this.grid.classList.remove("empty"));const i=this.buildFilters();console.log(this.filters),console.log("Reset? ",this.reset);const s=await this.cache.fetchWithCache(`${jvbSettings.api}notifications?${i.toString()}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:jvbAdmin.nonce}},{context:"admin",forceRefresh:!0});return console.log(s),s}catch(t){throw this.handleError(t,"loading notifications"),t}finally{this.isLoading=!1,this.loading.hide()}}buildFilters(){const t=JSON.parse(JSON.stringify(this.filters));let i={};for(var[s,e]of Object.entries(t))!1!==e&&null!==e&&(i[s]=e);return i.context="admin",i.user=window.auth.getUser(),new URLSearchParams(i)}}document.addEventListener("DOMContentLoaded",(()=>{window.notificationsDash=new t,console.log(jvbSettings)}))})();

 assets/js/min/notifications.min.js

@@ -1 +1 @@
(()=>{class t{constructor(t={}){this.popupQueue=[],this.isLoading=!1,this.cache=window.jvbCache,this.isProcessingQueue=!1,this.options={maxVisibleNotifications:5,displayDuration:{high:7e3,medium:5e3,low:3e3},position:"bottom-right",pollingInterval:6e4,...t},this.button=document.querySelector(".toggle.notifications"),this.submenu=document.querySelector(".notifications-preview"),this.toasts=document.querySelector(".toasts"),this.notificationsLoaded=!1,this.pollTimer=null,this.lastCheck=null,this.button&&this.submenu&&this.init(),this.clickListeners=this.checkClicks.bind(this),this.updateListeners()}init(){this.submenu.addEventListener("click",(t=>{const e=t.target.closest(".mark-read");if(e){const t=e.closest(".notification-preview");t&&this.markAsRead(t.dataset.id)}})),this.loadNotifications(),this.initializePolling()}checkClicks(t){if(t.target.closest(".close-toast")){let e=t.target.closest(".toast");e.classList.add("hiding"),setTimeout((()=>{e.remove(),this.updateListeners()}),300)}}updateListeners(){this.toasts.addEventListener("click",this.clickListeners)}toggleDropdown(){this.notificationsLoaded||this.loadNotifications()}async loadNotifications(t=!1){if(!this.isLoading)try{this.isLoading=!0;const t=new URLSearchParams({user:jvbSettings.currentUser,status:"unread",limit:5}),e=await this.cache.fetchWithCache(`${jvbSettings.api}notifications?${t.toString()}`,{method:"GET",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.notifications}},{context:"notifications",forceRefresh:!0});console.log(e),this.renderPreviewNotifications(e.notifications),this.updateUnreadCount(e.total),this.notificationsLoaded=!0,this.lastCheck=(new Date).toUTCString()}catch(t){console.error("Error loading notifications:",t),this.renderErrorState(t.message)}}renderErrorState(t){const e=this.submenu.querySelector("#view-all");this.submenu.querySelectorAll("li:not(#view-all)").forEach((t=>t.remove()));const i=document.createElement("li");i.className="error-state",i.innerHTML=`\n        <p>${t}</p>\n        <button onclick="window.jvbNotifications.loadNotifications()">\n            Try Again\n        </button>\n    `,this.submenu.insertBefore(i,e)}renderPreviewNotifications(t){this.submenu.querySelector("#view-all");this.submenu.querySelectorAll("li:not(#view-all)").forEach((t=>t.remove())),t.forEach((t=>{let e=window.getTemplate("notificationItem");e.classList.add(t.status,`priority-${t.priority}`),e.dataset.id=t.id,e.prepend(getIcon(t.icon));let i=e.querySelector("p"),s=e.querySelector("time");[i.textContent,s.datetime,s.textContent]=[t.message,new Date(t.created_at).toISOString(),formatTimeAgo(t.created_at)];let o=window.getTemplate("notificationActions"),n=o.querySelector("button");t.actions.length>0&&(t.actions.forEach((e=>{let i=n.cloneNode(!0);e.primary&&i.classList.add("primary"),[i.dataset.id,i.dataset.action,i.textContent]=[t.id,e.label.toLowerCase(),e.label],o.append(i)})),n.remove()),e.append(o),this.submenu.prepend(e)})),0===t.length&&this.submenu.prepend(window.getTemplate("emptyNotification"))}queuePopupNotification(t){this.popupQueue.push(t),this.processPopupQueue()}async processPopupQueue(){if(!this.isProcessingQueue&&0!==this.popupQueue.length){for(this.isProcessingQueue=!0;this.popupQueue.length>0;){const t=this.popupQueue.shift();await this.showToast(t.message,t.type,t.actions),this.popupQueue.length>0&&await new Promise((t=>setTimeout(t,300)))}this.isProcessingQueue=!1}}showToast(t,e="success",i={}){let s=window.getTemplate("notificationPopup");if(s.classList.add(e),s.querySelector("p").textContent=t,Object.entries(i).length>0){let t=window.getTemplate("notificationActions"),e=i.querySelector("button");notification.actions.forEach((i=>{let s=e.cloneNode(!0);i.primary&&s.classList.add("primary"),[s.dataset.action,s.textContent]=[i.label.toLowerCase(),i.label],t.prepend(s)}))}this.toasts.append(s),setTimeout((()=>{s.classList.add("show")}),10),setTimeout((()=>{s.classList.add("hiding"),setTimeout((()=>{s.remove()}),300)}),3e3)}createNotificationElement(t){this.showToast(t.message),this.renderPreviewNotifications([t])}removePopupNotification(t){t.classList.remove("show"),setTimeout((()=>{t.remove()}),300)}updateUnreadCount(t){let e=this.button.querySelector("span");this.button.classList.remove("has"),[e.textContent,e.ariaLabel]=["","Notifications"],t&&!isNaN(t)&&(t=parseInt(t,10))>0&&(this.button.classList.add("has"),[e.textContent,e.ariaLabel]=[t,t+" unread notification"+(t>1?"s":"")])}async markAsRead(t){try{const e=this.submenu.querySelector(`[data-id="${t}"]`);if(!e)return;e.classList.add("slide-out");const i=await fetch(`${jvbSettings.api}notifications`,{method:"POST",headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.dash},body:{notification:t,user:jvbSettings.currentUser}});if(!i.ok)throw new Error(notificationSettings.strings.error);const s=await i.json();s.success&&(setTimeout((()=>{e.remove();if(0===this.submenu.querySelectorAll(".notification-preview").length){const t=this.submenu.querySelector("#view-all"),e=document.createElement("li");e.className="empty-state fade-in",e.textContent=notificationSettings.strings.noNotifications,this.submenu.insertBefore(e,t),requestAnimationFrame((()=>{e.classList.remove("fade-in")}))}}),300),this.updateUnreadCount(s.total))}catch(t){console.error("Error marking notification as read:",t)}}initializePolling(){this.pollTimer=setInterval((()=>{this.checkNotifications()}),this.options.pollingInterval),document.addEventListener("visibilitychange",(()=>{document.hidden||this.checkNotifications()}))}async checkNotifications(){try{const t=new URLSearchParams({user:jvbSettings.currentUser,status:"unread"}),e=await fetch(`${jvbSettings.api}notifications?${t.toString()}`,{headers:{"X-WP-Nonce":jvbSettings.nonce,action_nonce:jvbSettings.dash,"If-Modified-Since":this.lastCheck}});if(!e.ok)return;(await e.json()).has_new&&await this.loadNotifications(!0)}catch(t){console.error("Check notifications error:",t)}}destroy(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null)}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbNotifications=new t({position:"bottom-right",maxVisibleNotifications:5,displayDuration:5e3})})),window.addNotification=function(t,e="info"){window.jvbNotifications.showToast(t,e)}})();
(()=>{class t{constructor(t={}){this.popupQueue=[],this.isLoading=!1,this.cache=window.jvbCache,this.isProcessingQueue=!1,this.options={maxVisibleNotifications:5,displayDuration:{high:7e3,medium:5e3,low:3e3},position:"bottom-right",pollingInterval:6e4,...t},this.button=document.querySelector(".toggle.notifications"),this.submenu=document.querySelector(".notifications-preview"),this.toasts=document.querySelector(".toasts"),this.notificationsLoaded=!1,this.pollTimer=null,this.lastCheck=null,this.button&&this.submenu&&this.init(),this.clickListeners=this.checkClicks.bind(this),this.updateListeners()}init(){this.submenu.addEventListener("click",(t=>{const e=t.target.closest(".mark-read");if(e){const t=e.closest(".notification-preview");t&&this.markAsRead(t.dataset.id)}})),this.loadNotifications(),this.initializePolling()}checkClicks(t){if(t.target.closest(".close-toast")){let e=t.target.closest(".toast");e.classList.add("hiding"),setTimeout((()=>{e.remove(),this.updateListeners()}),300)}}updateListeners(){this.toasts.addEventListener("click",this.clickListeners)}toggleDropdown(){this.notificationsLoaded||this.loadNotifications()}async loadNotifications(t=!1){if(!this.isLoading)try{this.isLoading=!0;const t=new URLSearchParams({user:window.auth.getUser(),status:"unread",limit:5}),e=await this.cache.fetchWithCache(`${jvbSettings.api}notifications?${t.toString()}`,{method:"GET",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("notifications")}},{context:"notifications",forceRefresh:!0});this.renderPreviewNotifications(e.notifications),this.updateUnreadCount(e.total),this.notificationsLoaded=!0,this.lastCheck=(new Date).toUTCString()}catch(t){console.error("Error loading notifications:",t),this.renderErrorState(t.message)}}renderErrorState(t){const e=this.submenu.querySelector("#view-all");this.submenu.querySelectorAll("li:not(#view-all)").forEach((t=>t.remove()));const i=document.createElement("li");i.className="error-state",i.innerHTML=`\n        <p>${t}</p>\n        <button onclick="window.jvbNotifications.loadNotifications()">\n            Try Again\n        </button>\n    `,this.submenu.insertBefore(i,e)}renderPreviewNotifications(t){this.submenu.querySelector("#view-all");this.submenu.querySelectorAll("li:not(#view-all)").forEach((t=>t.remove())),t.forEach((t=>{let e=window.getTemplate("notificationItem");e.classList.add(t.status,`priority-${t.priority}`),e.dataset.id=t.id,e.prepend(getIcon(t.icon));let i=e.querySelector("p"),o=e.querySelector("time");[i.textContent,o.datetime,o.textContent]=[t.message,new Date(t.created_at).toISOString(),formatTimeAgo(t.created_at)];let s=window.getTemplate("notificationActions"),n=s.querySelector("button");t.actions.length>0&&(t.actions.forEach((e=>{let i=n.cloneNode(!0);e.primary&&i.classList.add("primary"),[i.dataset.id,i.dataset.action,i.textContent]=[t.id,e.label.toLowerCase(),e.label],s.append(i)})),n.remove()),e.append(s),this.submenu.prepend(e)})),0===t.length&&this.submenu.prepend(window.getTemplate("emptyNotification"))}queuePopupNotification(t){this.popupQueue.push(t),this.processPopupQueue()}async processPopupQueue(){if(!this.isProcessingQueue&&0!==this.popupQueue.length){for(this.isProcessingQueue=!0;this.popupQueue.length>0;){const t=this.popupQueue.shift();await this.showToast(t.message,t.type,t.actions),this.popupQueue.length>0&&await new Promise((t=>setTimeout(t,300)))}this.isProcessingQueue=!1}}showToast(t,e="success",i={}){let o=window.getTemplate("notificationPopup");if(o.classList.add(e),o.querySelector("p").textContent=t,Object.entries(i).length>0){let t=window.getTemplate("notificationActions"),e=i.querySelector("button");notification.actions.forEach((i=>{let o=e.cloneNode(!0);i.primary&&o.classList.add("primary"),[o.dataset.action,o.textContent]=[i.label.toLowerCase(),i.label],t.prepend(o)}))}this.toasts.append(o),setTimeout((()=>{o.classList.add("show")}),10),setTimeout((()=>{o.classList.add("hiding"),setTimeout((()=>{o.remove()}),300)}),3e3)}createNotificationElement(t){this.showToast(t.message),this.renderPreviewNotifications([t])}removePopupNotification(t){t.classList.remove("show"),setTimeout((()=>{t.remove()}),300)}updateUnreadCount(t){let e=this.button.querySelector("span");this.button.classList.remove("has"),[e.textContent,e.ariaLabel]=["","Notifications"],t&&!isNaN(t)&&(t=parseInt(t,10))>0&&(this.button.classList.add("has"),[e.textContent,e.ariaLabel]=[t,t+" unread notification"+(t>1?"s":"")])}async markAsRead(t){try{const e=this.submenu.querySelector(`[data-id="${t}"]`);if(!e)return;e.classList.add("slide-out");const i=await fetch(`${jvbSettings.api}notifications`,{method:"POST",headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("dash")},body:{notification:t,user:window.auth.getUser()}});if(!i.ok)throw new Error(notificationSettings.strings.error);const o=await i.json();o.success&&(setTimeout((()=>{e.remove();if(0===this.submenu.querySelectorAll(".notification-preview").length){const t=this.submenu.querySelector("#view-all"),e=document.createElement("li");e.className="empty-state fade-in",e.textContent=notificationSettings.strings.noNotifications,this.submenu.insertBefore(e,t),requestAnimationFrame((()=>{e.classList.remove("fade-in")}))}}),300),this.updateUnreadCount(o.total))}catch(t){console.error("Error marking notification as read:",t)}}initializePolling(){this.pollTimer=setInterval((()=>{this.checkNotifications()}),this.options.pollingInterval),document.addEventListener("visibilitychange",(()=>{document.hidden||this.checkNotifications()}))}async checkNotifications(){try{const t=new URLSearchParams({user:window.auth.getUser(),status:"unread"}),e=await fetch(`${jvbSettings.api}notifications?${t.toString()}`,{headers:{"X-WP-Nonce":window.auth.getNonce(),action_nonce:window.auth.getNonce("dash"),"If-Modified-Since":this.lastCheck}});if(!e.ok)return;(await e.json()).has_new&&await this.loadNotifications(!0)}catch(t){console.error("Check notifications error:",t)}}destroy(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null)}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((e=>{"auth-loaded"===e&&(window.jvbNotifications=new t({position:"bottom-right",maxVisibleNotifications:5,displayDuration:5e3}))}))})),window.addNotification=function(t,e="info"){window.jvbNotifications.showToast(t,e)}})();

 assets/js/min/queue.min.js

@@ -1 +1 @@
(()=>{class t{constructor(t={}){this.canUpdateUI=!0,this.config={apiBase:jvbSettings.api,maxRetries:3,pollInterval:5e3,activityDelay:2e3,autosync:!0,endpoint:"queue",...t},this.user=jvbSettings.currentUser,this.headers={"X-WP-Nonce":jvbSettings.nonce,...t.headers},this.a11y=window.jvbA11y,this.errors=window.jvbError;const e=window.jvbStore.register("queue",{storeName:"queue",keyPath:"id",endpoint:this.config.endpoint,TTL:1/0,indexes:[{name:"status",keyPath:"status"},{name:"type",keyPath:"type"}],showLoading:!1,delayFetch:!1});this.store=e.queue,this.classes=["offline","synced","pending"],this.isProcessing=!1,this.isPolling=!1,this.subscribers=new Set,this.statuses=["queued","localProcessing","uploading","pending","processing","completed","failed","failed_permanent"],this.initUI(),this.initListeners(),this.ui.panel&&(this.popup=new window.jvbPopup({popup:this.ui.panel,toggle:this.ui.toggle,name:"Queue Panel"})),this.initQueue(),this.user&&(this.ui.toggle.hidden=!1,this.ui.panel.hidden=!1)}async initQueue(){const t=this.getOperationsByStatus(["completed","failed_permanent"],!1);t.length>0?this.startPolling():this.updateStatusPanel("synced"),this.store.subscribe(((t,e)=>{switch(t){case"data-loaded":case"items-saved":this.getOperationsByStatus(["completed","failed_permanent"],!1).length>0&&this.startPolling(),this.updateUI();break;case"item-saved":if(e.item){const t=this.store.data.get(e.item.id);t&&t.status!==e.item.status&&this.handleOperationStatusChange(e.item,t.status)}this.hasQueuedOperations()&&this.startPolling();break;default:this.updateUI()}})),this.notify("queue-initialized",{operations:t})}handleOperationStatusChange(t,e){if(t&&e!==t.status)switch(t.status){case"completed":this.notify("operation-completed",t);break;case"failed":this.notify("operation-failed",t);break;case"failed_permanent":this.notify("operation-failed-permanent",t)}}addToQueue(t){const e={id:`u${this.user}_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,endpoint:null,method:"POST",headers:{},data:{},canMerge:!0,popup:"Saving changes...",title:"Operation",status:"queued",timestamp:Date.now(),retries:0,user:this.user,...t};if(e.headers={...this.headers,...e.headers},!e.endpoint||!e.data)return console.error("Invalid operation queued: missing endpoint or data"),null;const s=Array.from(this.store.data.values()).filter((t=>"queued"===t.status&&t.endpoint===e.endpoint&&t.canMerge));if(s.length>0){const t=s[0];return t.data=window.deepMerge(t.data,e.data),t.timestamp=Date.now(),this.updateOperationStatus(t.id,t.status),this.updateUI(),this.startActivityTracking(),t.id}return console.log("Added to Queue: ",e),this.store.clearCache(),this.setQueue(e),this.updateOperationStatus(e.id,e.status),this.updateUI(),this.startActivityTracking(),e.id}setQueue(t){this.store.save(t)}updateOperationStatus(t,e){let s=this.store.get(t);s&&(s.status=e,this.notify("operation-status",s),this.updateOperationUI(s))}getQueue(t){return this.store.get(t)}clearQueue(t){this.store.delete(t)}startActivityTracking(){if(!this.activityListeners){const t=["mousedown","mousemove","keypress","scroll","touchstart"];this.activityListeners=t.map((t=>{const e=()=>this.resetActivityTimer();return document.addEventListener(t,e,{passive:!0}),{event:t,handler:e}}))}this.resetActivityTimer()}resetActivityTimer(){this.lastActivity=Date.now(),this.activityTimer&&clearTimeout(this.activityTimer),this.activityTimer=setTimeout((()=>{this.processQueue()}),this.config.activityDelay)}stopActivityTracking(){this.activityTimer&&(clearTimeout(this.activityTimer),this.activityTimer=null),this.activityListeners&&(this.activityListeners.forEach((({event:t,handler:e})=>{document.removeEventListener(t,e)})),this.activityListeners=null)}setProcessing(t){this.isProcessing=t,this.ui.toggle.classList.toggle("saving",t)}async processQueue(){if(this.isProcessing)return;const t=this.getOperationsByStatus("queued");if(0===t.length)return void this.stopActivityTracking();this.setProcessing(!0);for(const e of t)await this.processOperation(e);this.setProcessing(!1),this.stopActivityTracking();this.getOperationsByStatus(["queued","completed","failed_permanent"],!1).length>0&&this.startPolling()}async processOperation(t){try{this.updateOperationStatus(t.id,"uploading"),t.data?._isFormData&&(t.data=await this.store.objectToFormData(t.data));const e=`${this.config.apiBase}${t.endpoint}`;let s;t.data instanceof FormData?(t.data.append("id",t.id),t.data.append("user",this.user),s=t.data):(s=JSON.stringify({...t.data,id:t.id,user:this.user}),t.headers["Content-Type"]="application/json");const i=await fetch(e,{method:t.method,headers:t.headers,body:s}),a=await i.json();if(!i.ok||!1===a.success)throw new Error(a.message||`HTTP ${i.status}`);if(a.id&&t.id!==a.id){const e=this.getQueue(a.id);e?(e.data=window.deepMerge(e.data,t.data),e.status="pending",e.serverData=a,this.updateOperationStatus(e.id,e.status),this.setQueue(e),this.removeOperationFromUI(t.id),t=e):(this.clearQueue(t.id),t.id=a.id,t.status="pending",t.serverData=a,this.updateOperationStatus(t.id,t.status),this.setQueue(t))}else t.status="pending",t.serverData=a,this.updateOperationStatus(t.id,"pending"),this.setQueue(t);this.a11y.announce(`${t.title} sent to server for processing.`)}catch(e){console.error("Operation failed:",e),t.retries++,t.lastError=e.message,t.retries>=this.config.maxRetries?t.status="failed_permanent":(t.status="failed",t.nextRetry=Date.now()+1e3*Math.pow(2,t.retries)),this.updateOperationStatus(t.id,t.status),this.setQueue(t)}}startPolling(){this.isPolling||(this.isPolling=!0,this.updateStatusPanel("pending"),this.pollTimer=setInterval((async()=>{try{this.store.clearCache(),await this.store.fetch();0===this.getOperationsByStatus(["completed","failed_permanent"],!1).length&&(this.stopPolling(),this.updateStatusPanel("synced"))}catch(t){console.error("Polling error:",t)}}),this.config.pollInterval))}stopPolling(){this.isPolling&&(this.isPolling=!1,this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.countdownTimer&&(clearInterval(this.countdownTimer),this.countdownTimer=null))}async updateServerOperations(t,e){if(0!==(t=(t=Array.isArray(t)?t:t.includes(",")?t.split(","):[t]).filter((t=>{let s=this.getQueue(t);return this.getAllowedActions(s.status).includes(e)}))).length){["cancel","dismiss"].includes(e)&&t.forEach((t=>{this.removeOperationFromUI(t)}));try{const s=`${this.config.apiBase}${this.config.endpoint}`,i=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json",...this.headers},body:JSON.stringify({ids:t,action:e,user:jvbSettings.currentUser})});if(!i.ok){const t=await i.json().catch((()=>{}));throw new Error(t.message||`${e} failed: ${i.status}`)}const a=await i.json();if(!a.success)throw new Error(a.message||`${e} operation failed`);return["cancel","dismiss"].includes(e)?t.forEach((t=>{let s=this.getQueue(t);this.notify(`${e}-operation`,s),this.clearQueue(t)})):(t.forEach((t=>{let s=this.getQueue(t);this.notify(`${e}-operation`,s),s.status="queued",s.retries=0,this.setQueue(s),this.updateOperationStatus(s.id,s.status)})),this.startActivityTracking()),this.updateUI(),a}catch(s){const i=await window.jvbError.log(s,{component:"QueueManager",operation:"performQueueAction",action:e,operationIds:t,itemCount:t.length},(()=>this.updateServerOperations(t,e)));if(i.retried)return i;throw s}}}getAllowedActions(t){return{queued:["cancel"],localProcessing:["cancel"],pending:["cancel"],processing:[],completed:["dismiss"],failed:["retry","dismiss"],failed_permanent:["dismiss"]}[t]||[]}initListeners(){this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),document.addEventListener("click",this.clickHandler),this.ui.panel?.addEventListener("change",this.changeHandler),this.handleOnline=()=>{this.updateStatusPanel(),this.hasQueuedOperations()&&this.processQueue()},this.handleOffline=()=>this.updateStatusPanel("offline"),this.handleBeforeUnload=t=>{if(this.getOperationsByStatus(["queued","uploading"]).length>0)return t.preventDefault(),"You have unsaved changes in the queue."},window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline),window.addEventListener("beforeunload",this.handleBeforeUnload)}handleClick(t){if(t.target.closest(this.selectors.panel,this.selectors.toggle))if(t.target.closest(this.selectors.refreshButton))this.store.clearCache(),this.store.clearHttpHeaders(),this.store.fetch();else if(t.target.closest(this.selectors.clearButton)){const t=this.getOperationsByStatus("completed");if(t.length>0){const e=t.map((t=>t.id));this.updateServerOperations(e,"dismiss")}}else if(t.target.closest(this.selectors.retryButton)){const t=this.getOperationsByStatus("failed");if(t.length>0){const e=t.map((t=>t.id));this.updateServerOperations(e,"retry")}}else if(t.target.closest("[data-action]")){const e=t.target.closest("[data-action]"),s=e.closest("[data-id]")?.dataset.id;s&&this.updateServerOperations(s,e.dataset.action)}else if(t.target.closest(".filters [data-filter]")){const e=t.target.closest("[data-filter]").dataset.filter;this.setFilter(e)}}handleChange(t){}initUI(){if(this.icons={queued:"arrows-clockwise",localProcessing:"arrows-clockwise",uploading:"syncing",pending:"cloud",processing:"syncing",completed:"cloud-check",failed:"cloud-warning",failed_permanent:"cloud-warning"},this.selectors={panel:"aside#queue",toggle:"button.qtoggle",refreshButton:"button.refreshNow",countdown:".countdown",indicator:".qtoggle .indicator",count:".qtoggle .count",popup:".popup",itemsContainer:".qitems",clearButton:".dismiss-all",retryButton:".retry-all",filters:{all:'.filters [data-filter="all"]',received:'.filters [data-filter="queued"]',localProcessing:'.filters [data-filter="localProcessing"]',uploading:'.filters [data-filter="uploading"]',pending:'.filters [data-filter="pending"]',processing:'.filters [data-filter="processing"]',completed:'.filters [data-filter="completed"]',failed:'.filters [data-filter="failed"]'}},this.ui={panel:document.querySelector(this.selectors.panel),toggle:document.querySelector(this.selectors.toggle),count:document.querySelector(this.selectors.count),indicator:document.querySelector(this.selectors.indicator)},this.ui.panel){for(let[t,e]of Object.entries(this.selectors))if(!["panel","toggle","count","indicator"].includes(t))if("object"==typeof e){this.ui[t]={};for(let[s,i]of Object.entries(e))this.ui[t][s]=this.ui.panel.querySelector(i)}else this.ui[t]=this.ui.panel.querySelector(e)}else this.canUpdateUI=!1}updateUI(){if(!this.canUpdateUI)return;const t=Array.from(this.store.data.values()),e=this.store.lastResponse?.queue_stats||{queued:0,localProcessing:0,uploading:0,pending:0,processing:0,completed:0,failed:0,failed_permanent:0};if(this.ui.count){const s=t.length-e.completed;this.ui.count.textContent=s>0?s:"",this.ui.count.style.display=s>0?"":"none"}if(this.ui.indicator){const t=e.queued>0||e.uploading>0||e.pending>0||e.processing>0;this.ui.indicator.classList.toggle("active",t)}this.ui.clearButton.disabled=0===this.getOperationsByStatus("completed").length,this.ui.retryButton.disabled=0===this.getOperationsByStatus("failed").length&&0===this.getOperationsByStatus("failed_permanent").length,Object.entries(this.ui.filters).forEach((([s,i])=>{const a="all"===s?t.length:e[s]||0,n=i.querySelector(".count");n&&(n.textContent=a>0?a:""),i.setAttribute("data-count",a)})),this.renderOperations()}getStatusLabel(t){return{queued:"Queued",localProcessing:"Processing locally",uploading:"Uploading",pending:"Waiting on server",processing:"Processing",completed:"Completed",failed:"Failed (will retry)",failed_permanent:"Failed permanently"}[t]||t}getItemMessage(t){if(t.message)return t.message;if(t.error_message)return t.error_message;switch(t.status){case"queued":return"Waiting to send...";case"uploading":return"Sending to server...";case"pending":return t.position?`Position ${t.position} in queue`:"In server queue";case"processing":return t.progress?`${t.progress}% complete`:"Processing...";case"completed":return"Successfully completed";case"failed":return`Failed: ${t.lastError||"Unknown error"} (Retry ${t.retries}/${this.config.maxRetries})`;case"failed_permanent":return`Failed: ${t.lastError||"Unknown error"}`;default:return""}}calculateProgress(t){if(t.progress)return t.progress;return{queued:10,uploading:25,pending:40,processing:70,completed:100,failed:0,failed_permanent:0}[t.status]||0}renderOperations(){if(!this.ui.itemsContainer)return;const t=this.store.getFiltered();if(window.removeChildren(this.ui.itemsContainer),0===t.length){let t=window.getTemplate("emptyQueue");this.ui.itemsContainer.append(t),this.a11y.announce("Nothing queued.")}else t.forEach((t=>{const e=this.createOperationUI(t);this.ui.itemsContainer.append(e)}))}createOperationUI(t){const e=window.getTemplate("queueItem");return e.dataset.id=t.id,this.updateOperationUI(t,e),e}updateOperationUI(t,e=null){e||(e=this.ui.itemsContainer?.querySelector(`[data-id="${t.id}"]`)),e||(e=this.createOperationUI(t)),this.statuses.forEach((t=>e.classList.remove(t))),e.classList.add(t.status);let s="";t.updated_at?s=window.formatTimeAgo(new Date(t.updated_at)):t.created_at&&(s=window.formatTimeAgo(new Date(t.created_at)));const i=this.calculateProgress(t),a=e.querySelector(".type"),n=e.querySelector(".status"),r=e.querySelector(".info .details"),o=e.querySelector(".info .time"),l=e.querySelector(".progress .fill");if(a&&(a.textContent=t.title),n){n.querySelector(".icon")?.remove();let e=this.getStatusLabel(t.status);n.title=e,n.prepend(window.getIcon(this.icons[t.status])),n.querySelector("span").textContent=e}r&&(r.textContent=this.getItemMessage(t)),o&&(o.textContent=s),l&&(l.style.width=`${i}%`);const d=e.querySelector(".actions");d&&this.updateActionButtons(t,d)}updateActionButtons(t,e){switch(window.removeChildren(e),t.status){case"queued":case"localProcessing":case"pending":const s=window.getTemplate("button");s.classList.add("cancel"),s.dataset.action="cancel",s.textContent="Cancel",e.appendChild(s);break;case"failed":case"failed_permanent":const i=window.getTemplate("button"),a=window.getTemplate("button");i.classList.add("retry"),i.textContent="Retry",i.disabled=t.retries>=this.maxRetries,i.dataset.action="retry",a.classList.add("dismiss"),a.textContent="Dismiss",a.dataset.action="dismiss",e.appendChild(i),e.appendChild(a);break;case"completed":const n=window.getTemplate("button");n.dataset.action="dismiss",n.classList.add("dismiss"),n.textContent="Dismiss",e.appendChild(n)}}removeOperationFromUI(t){const e=this.ui.itemsContainer?.querySelector(`[data-id="${t}"]`);e&&(e.style.opacity="0",e.style.transform="scale(0.9)",setTimeout((()=>e.remove()),300))}updateCountdown(){if(!this.ui.countdown||!this.isPolling)return;let t=this.config.pollInterval/1e3;this.countdownTimer=setInterval((()=>{t--,this.ui.countdown.textContent=t,t<=0&&(clearInterval(this.countdownTimer),this.isPolling&&setTimeout((()=>this.updateCountdown()),100))}),1e3)}updateStatusPanel(t){this.ui.panel?.classList.remove(...this.classes),this.classes.includes(t)&&this.ui.panel?.classList.add(t)}setFilter(t){Object.values(this.ui.filters).forEach((e=>{e&&e.classList.toggle("active",e.dataset.filter===t)})),"all"===t?this.store.clearFilters():this.store.setFilter("status",t)}showPopup(t,e="success"){if(!this.ui.popup)return;const s=this.ui.popup.querySelector("span");s&&(s.textContent=t),this.ui.popup.className=`popup ${e} show`,setTimeout((()=>{this.ui.popup.classList.remove("show")}),3e3)}getOperationsByStatus(t,e=!0){return Array.isArray(t)||"string"!=typeof t||(t=[t]),e?Array.from(this.store.data.values()).filter((e=>t.includes(e.status))):Array.from(this.store.data.values()).filter((e=>!t.includes(e.status)))}hasQueuedOperations(){return this.getOperationsByStatus("queued").length>0}subscribe(t){return this.subscribers.add(t),()=>this.subscribers.delete(t)}notify(t,e){this.subscribers.forEach((s=>s(t,e)))}destroy(){this.stopPolling(),this.stopActivityTracking(),this.clickHandler&&document.removeEventListener("click",this.clickHandler),this.keyHandler&&document.removeEventListener("keydown",this.keyHandler),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbQueue=new t}))})();
(()=>{class e{constructor(e={}){if(this.canUpdateUI=!0,this.config={apiBase:jvbSettings.api,maxRetries:3,pollInterval:5e3,activityDelay:2e3,autosync:!0,endpoint:"queue",...e},this.isProcessing=!1,this.isPolling=!1,this.subscribers=new Set,this.statuses=["queued","localProcessing","uploading","pending","processing","completed","failed","failed_permanent"],this.user=window.auth.getUser(),!this.user)return console.log("Queue: User not logged in, queue disabled"),this.store=null,void(this.canUpdateUI=!1);this.headers={"X-WP-Nonce":window.auth.getNonce(),...e.headers},this.a11y=window.jvbA11y,this.errors=window.jvbError;const t=window.jvbStore.register("queue",{storeName:"queue",keyPath:"id",endpoint:this.config.endpoint,TTL:1/0,indexes:[{name:"status",keyPath:"status"},{name:"type",keyPath:"type"}],showLoading:!1,delayFetch:!1});this.store=t.queue,this.classes=["offline","synced","pending"],this.initUI(),this.initListeners(),this.ui.panel&&(this.popup=new window.jvbPopup({popup:this.ui.panel,toggle:this.ui.toggle,name:"Queue Panel"})),this.updateUI=()=>window.debouncer.schedule("queue-ui-update",this._updateUI.bind(this),100),this.initQueue()}async initQueue(){const e=this.getOperationsByStatus(["completed","failed_permanent"],!1);e.length>0?this.startPolling():this.updateStatusPanel("synced"),this.store.subscribe(((e,t)=>{switch(e){case"data-loaded":case"items-saved":this.getOperationsByStatus(["completed","failed_permanent"],!1).length>0&&this.startPolling(),this.updateUI();break;case"item-saved":if(t.item){const e=this.store.data.get(t.item.id);e&&e.status!==t.item.status&&this.handleOperationStatusChange(t.item,e.status)}this.hasQueuedOperations()&&this.startPolling();break;default:this.updateUI()}})),this.notify("queue-initialized",{operations:e})}handleOperationStatusChange(e,t){if(e&&t!==e.status)switch(e.status){case"completed":this.notify("operation-completed",e);break;case"failed":this.notify("operation-failed",e);break;case"failed_permanent":this.notify("operation-failed-permanent",e)}}addToQueue(e){const t={id:`u${this.user}_${Date.now()}_${Math.random().toString(36).substring(2,9)}`,endpoint:null,method:"POST",headers:{},data:{},canMerge:!0,popup:"Saving changes...",title:"Operation",status:"queued",timestamp:Date.now(),retries:0,user:this.user,...e};if(t.headers={...this.headers,...t.headers},!t.endpoint||!t.data)return console.error("Invalid operation queued: missing endpoint or data"),null;const s=Array.from(this.store.data.values()).filter((e=>"queued"===e.status&&e.endpoint===t.endpoint&&e.canMerge));if(s.length>0){const e=s[0];return e.data=window.deepMerge(e.data,t.data),e.timestamp=Date.now(),this.updateOperationStatus(e.id,e.status),this.updateUI(),this.startActivityTracking(),e.id}return console.log("Added to Queue: ",t),this.store.clearCache(),this.setQueue(t),this.updateOperationStatus(t.id,t.status),this.updateUI(),this.startActivityTracking(),t.id}setQueue(e){this.store.save(e)}updateOperationStatus(e,t){let s=this.store.get(e);s&&(s.status=t,this.notify("operation-status",s),this.updateOperationUI(s))}getQueue(e){return this.store.get(e)}clearQueue(e){this.store.get(e);this.store.delete(e)}startActivityTracking(){if(!this.activityListeners){const e=["mousedown","mousemove","keypress","scroll","touchstart"];this.activityListeners=e.map((e=>{const t=()=>this.resetActivityTimer();return document.addEventListener(e,t,{passive:!0}),{event:e,handler:t}}))}this.resetActivityTimer()}resetActivityTimer(){this.lastActivity=Date.now(),this.activityTimer&&clearTimeout(this.activityTimer),this.activityTimer=setTimeout((()=>{this.processQueue()}),this.config.activityDelay)}stopActivityTracking(){this.activityTimer&&(clearTimeout(this.activityTimer),this.activityTimer=null),this.activityListeners&&(this.activityListeners.forEach((({event:e,handler:t})=>{document.removeEventListener(e,t)})),this.activityListeners=null)}hideQueue(){this.ui.panel.hidden=!0,this.ui.toggle.hidden=!0}showQueue(){this.ui.panel.hidden=!1,this.ui.toggle.hidden=!1}setProcessing(e){this.isProcessing=e,this.ui.toggle.classList.toggle("saving",e)}async processQueue(){if(this.isProcessing)return;const e=this.getOperationsByStatus("queued");if(0===e.length)return void this.stopActivityTracking();this.setProcessing(!0);for(const t of e)await this.processOperation(t);this.setProcessing(!1),this.stopActivityTracking();this.getOperationsByStatus(["queued","completed","failed_permanent"],!1).length>0?(this.startPolling(),this.showQueue()):this.hideQueue()}async processOperation(e){try{this.updateOperationStatus(e.id,"uploading"),e.data?._isFormData&&(e.data=await this.store.objectToFormData(e.data));const t=`${this.config.apiBase}${e.endpoint}`;let s;e.data instanceof FormData?(e.data.append("id",e.id),e.data.append("user",this.user),s=e.data):(s=JSON.stringify({...e.data,id:e.id,user:this.user}),e.headers["Content-Type"]="application/json");const i=await fetch(t,{method:e.method,headers:e.headers,body:s}),a=await i.json();if(!i.ok||!1===a.success)throw new Error(a.message||`HTTP ${i.status}`);if(a.id&&e.id!==a.id){const t=this.getQueue(a.id);t?(t.data=window.deepMerge(t.data,e.data),t.status=a.status||"pending",t.serverData=a,this.updateOperationStatus(t.id,t.status),this.setQueue(t),this.removeOperationFromUI(e.id),e=t):(this.clearQueue(e.id),e.id=a.id,e.status=a.status||"pending",e.serverData=a,this.updateOperationStatus(e.id,e.status),this.setQueue(e))}else e.status=a.status||"pending",e.serverData=a,this.updateOperationStatus(e.id,e.status),this.setQueue(e);this.a11y.announce(`${e.title} sent to server for processing.`)}catch(t){console.error("Operation failed:",t),e.retries++,e.lastError=t.message,e.retries>=this.config.maxRetries?e.status="failed_permanent":(e.status="failed",e.nextRetry=Date.now()+1e3*Math.pow(2,e.retries)),this.updateOperationStatus(e.id,e.status),this.setQueue(e)}}startPolling(){this.isPolling||(this.isPolling=!0,this.updateStatusPanel("pending"),this.pollTimer=setInterval((async()=>{try{this.store.clearCache(),await this.store.fetch();0===this.getOperationsByStatus(["completed","failed_permanent"],!1).length&&(this.stopPolling(),this.updateStatusPanel("synced"))}catch(e){console.error("Polling error:",e)}}),this.config.pollInterval))}stopPolling(){this.isPolling&&(this.isPolling=!1,this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=null),this.countdownTimer&&(clearInterval(this.countdownTimer),this.countdownTimer=null))}async updateServerOperations(e,t){if(0===(e=(e=Array.isArray(e)?e:e.includes(",")?e.split(","):[e]).filter((e=>{let s=this.getQueue(e);return this.getAllowedActions(s.status).includes(t)}))).length)return;const s=["cancel","dismiss"].includes(t);s&&e.forEach((e=>this.removeOperationFromUI(e)));try{const i=await fetch(`${this.config.apiBase}${this.config.endpoint}`,{method:"POST",headers:{"Content-Type":"application/json",...this.headers},body:JSON.stringify({ids:e,action:t,user:window.auth.getUser()})});if(!i.ok)throw new Error(`${t} failed: ${i.status}`);const a=await i.json();if(!a.success)throw new Error(a.message||`${t} operation failed`);return e.forEach((e=>{let i=this.getQueue(e);this.notify(`${t}-operation`,i),s?this.clearQueue(e):(i.status="queued",i.retries=0,this.setQueue(i),this.updateOperationStatus(i.id,i.status))})),"retry"===t&&this.startActivityTracking(),this.updateUI(),a}catch(s){return await window.jvbError.log(s,{component:"QueueManager",operation:"performQueueAction",action:t,operationIds:e,itemCount:e.length},(()=>this.updateServerOperations(e,t))),{success:!1,error:s.message}}}getAllowedActions(e){return{queued:["cancel"],localProcessing:["cancel"],pending:["cancel"],processing:[],completed:["dismiss"],failed:["retry","dismiss"],failed_permanent:["dismiss"]}[e]||[]}initListeners(){this.clickHandler=this.handleClick.bind(this),document.addEventListener("click",this.clickHandler),this.handleOnline=()=>{this.updateStatusPanel(),this.hasQueuedOperations()&&this.processQueue()},this.handleOffline=()=>this.updateStatusPanel("offline"),this.handleBeforeUnload=e=>{if(this.getOperationsByStatus(["queued","uploading"]).length>0)return e.preventDefault(),"You have unsaved changes in the queue."},window.addEventListener("online",this.handleOnline),window.addEventListener("offline",this.handleOffline),window.addEventListener("beforeunload",this.handleBeforeUnload)}handleClick(e){if(e.target.closest(this.selectors.panel,this.selectors.toggle))if(e.target.closest(this.selectors.refreshButton))this.store.clearCache(),this.store.clearHttpHeaders(),this.store.fetch();else if(e.target.closest(this.selectors.clearButton)){const e=this.getOperationsByStatus("completed");if(e.length>0){const t=e.map((e=>e.id));this.updateServerOperations(t,"dismiss")}}else if(e.target.closest(this.selectors.retryButton)){const e=this.getOperationsByStatus("failed");if(e.length>0){const t=e.map((e=>e.id));this.updateServerOperations(t,"retry")}}else if(e.target.closest("[data-action]")){const t=e.target.closest("[data-action]"),s=t.closest("[data-id]")?.dataset.id;s&&this.updateServerOperations(s,t.dataset.action)}else if(e.target.closest(".filters [data-filter]")){const t=e.target.closest("[data-filter]").dataset.filter;this.setFilter(t)}}initUI(){this.icons={queued:"arrows-clockwise",localProcessing:"arrows-clockwise",uploading:"syncing",pending:"cloud",processing:"syncing",completed:"cloud-check",failed:"cloud-warning",failed_permanent:"cloud-warning"},this.selectors={panel:"aside#queue",toggle:"button.qtoggle",refreshButton:"button.refreshNow",countdown:".countdown",indicator:".qtoggle .indicator",count:".qtoggle .count",popup:".popup",itemsContainer:".qitems",clearButton:".dismiss-all",retryButton:".retry-all",filters:{all:'.filters [data-filter="all"]',received:'.filters [data-filter="queued"]',localProcessing:'.filters [data-filter="localProcessing"]',uploading:'.filters [data-filter="uploading"]',pending:'.filters [data-filter="pending"]',processing:'.filters [data-filter="processing"]',completed:'.filters [data-filter="completed"]',failed:'.filters [data-filter="failed"]'}},this.ui=window.uiFromSelectors(this.selectors),this.ui.panel||(this.canUpdateUI=!1)}_updateUI(){if(!this.canUpdateUI)return;const e=Array.from(this.store.data.values()),t=this.store.lastResponse?.queue_stats||{queued:0,localProcessing:0,uploading:0,pending:0,processing:0,completed:0,failed:0,failed_permanent:0};if(this.ui.count){const s=e.length-t.completed;this.ui.count.textContent=s>0?s:"",this.ui.count.style.display=s>0?"":"none"}if(this.ui.indicator){const e=t.queued>0||t.uploading>0||t.pending>0||t.processing>0;this.ui.indicator.classList.toggle("active",e)}this.ui.clearButton.disabled=0===this.getOperationsByStatus("completed").length,this.ui.retryButton.disabled=0===this.getOperationsByStatus("failed").length&&0===this.getOperationsByStatus("failed_permanent").length,Object.entries(this.ui.filters).forEach((([s,i])=>{const a="all"===s?e.length:t[s]||0,n=i.querySelector(".count");n&&(n.textContent=a>0?a:""),i.setAttribute("data-count",a)})),this.renderOperations()}getStatusLabel(e){return{queued:"Queued",localProcessing:"Processing locally",uploading:"Uploading",pending:"Waiting on server",processing:"Processing",completed:"Completed",failed:"Failed (will retry)",failed_permanent:"Failed permanently"}[e]||e}getItemMessage(e){if(e.message)return e.message;if(e.error_message)return e.error_message;switch(e.status){case"queued":return"Waiting to send...";case"uploading":return"Sending to server...";case"pending":return e.position?`Position ${e.position} in queue`:"In server queue";case"processing":return e.progress?`${e.progress}% complete`:"Processing...";case"completed":return"Successfully completed";case"failed":return`Failed: ${e.lastError||"Unknown error"} (Retry ${e.retries}/${this.config.maxRetries})`;case"failed_permanent":return`Failed: ${e.lastError||"Unknown error"}`;default:return""}}calculateProgress(e){if(e.progress)return e.progress;return{queued:10,uploading:25,pending:40,processing:70,completed:100,failed:0,failed_permanent:0}[e.status]||0}renderOperations(){if(!this.ui.itemsContainer)return;const e=this.store.getFiltered();if(window.removeChildren(this.ui.itemsContainer),0===e.length){let e=window.getTemplate("emptyQueue");this.ui.itemsContainer.append(e),this.a11y.announce("Nothing queued.")}else e.forEach((e=>{const t=this.createOperationUI(e);this.ui.itemsContainer.append(t)}))}createOperationUI(e){const t=window.getTemplate("queueItem");return t.dataset.id=e.id,this.updateOperationUI(e,t),t}updateOperationUI(e,t=null){t||(t=this.ui.itemsContainer?.querySelector(`[data-id="${e.id}"]`)),t||(t=this.createOperationUI(e)),this.statuses.forEach((e=>t.classList.remove(e))),t.classList.add(e.status);let s="";e.updated_at?s=window.formatTimeAgo(new Date(e.updated_at)):e.created_at&&(s=window.formatTimeAgo(new Date(e.created_at)));const i=this.calculateProgress(e),a=t.querySelector(".type"),n=t.querySelector(".status"),r=t.querySelector(".info .details"),o=t.querySelector(".info .time"),d=t.querySelector(".progress .fill");if(a&&(a.textContent=e.title),n){n.querySelector(".icon")?.remove();let t=this.getStatusLabel(e.status);n.title=t,n.prepend(window.getIcon(this.icons[e.status])),n.querySelector("span").textContent=t}r&&(r.textContent=this.getItemMessage(e)),o&&(o.textContent=s),d&&(d.style.width=`${i}%`);const l=t.querySelector(".actions");l&&this.updateActionButtons(e,l)}updateActionButtons(e,t){switch(window.removeChildren(t),e.status){case"queued":case"localProcessing":case"pending":const s=window.getTemplate("button");s.classList.add("cancel"),s.dataset.action="cancel",s.textContent="Cancel",t.appendChild(s);break;case"failed":case"failed_permanent":const i=window.getTemplate("button"),a=window.getTemplate("button");i.classList.add("retry"),i.textContent="Retry",i.disabled=e.retries>=this.maxRetries,i.dataset.action="retry",a.classList.add("dismiss"),a.textContent="Dismiss",a.dataset.action="dismiss",t.appendChild(i),t.appendChild(a);break;case"completed":const n=window.getTemplate("button");n.dataset.action="dismiss",n.classList.add("dismiss"),n.textContent="Dismiss",t.appendChild(n)}}removeOperationFromUI(e){const t=this.ui.itemsContainer?.querySelector(`[data-id="${e}"]`);t&&(t.style.opacity="0",t.style.transform="scale(0.9)",setTimeout((()=>t.remove()),300))}updateStatusPanel(e){this.ui.panel?.classList.remove(...this.classes),this.classes.includes(e)&&this.ui.panel?.classList.add(e)}setFilter(e){Object.values(this.ui.filters).forEach((t=>{t&&t.classList.toggle("active",t.dataset.filter===e)})),"all"===e?this.store.clearFilters():this.store.setFilter("status",e)}getOperationsByStatus(e,t=!0){return Array.isArray(e)||"string"!=typeof e||(e=[e]),t?Array.from(this.store.data.values()).filter((t=>e.includes(t.status))):Array.from(this.store.data.values()).filter((t=>!e.includes(t.status)))}hasQueuedOperations(){return this.getOperationsByStatus("queued").length>0}subscribe(e){if(this.subscribers)return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((s=>s(e,t)))}destroy(){this.stopPolling(),this.stopActivityTracking(),this.clickHandler&&document.removeEventListener("click",this.clickHandler),this.keyHandler&&document.removeEventListener("keydown",this.keyHandler),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbQueue=new e)}))}))})();

 assets/js/min/quill.min.js

@@ -1 +1 @@
window.jvbQuill=function(t){t.querySelectorAll("textarea[data-editor=true]").forEach((t=>{let n,e,i;if(t.parentNode.querySelector(".editor-container"))n=t.parentNode.querySelector(".editor-container"),e=n.querySelector(".editor"),i=n.querySelector(".toolbar");else{n=document.createElement("div"),n.className="editor-container",e=document.createElement("div"),e.className="editor",i=document.createElement("div"),i.className="toolbar";const o=!0===t.dataset.allowimage?`<button type="button" class="ql-jvb_image">\n                    ${dashboardSettings.icons.image}\n                </button>`:"";i.id=`toolbar-${t.id}`,i.innerHTML=`\n                <span class="ql-formats">\n                    <button type="button" class="ql-p">\n                        <i class="icon icon-paragraph"></i>\n                    </button>\n                    <button type="button" class="ql-h1">\n                        <i class="icon icon-text-h-one"></i>\n                    </button>\n                    <button type="button" class="ql-h2">\n                        <i class="icon icon-text-h-two"></i>\n                    </button>\n                    <button type="button" class="ql-h3">\n                        <i class="icon icon-text-h-three"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                    <button type="button" class="ql-jvb_bold">\n                        <i class="icon icon-text-b-fi"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_italic">\n                        <i class="icon icon-text-italic"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_underline">\n                        <i class="icon icon-text-underline"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_strike">\n                        <i class="icon icon-text-strikethrough"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_list" value="bullet">\n                        <i class="icon icon-list-dashes"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_list" value="ordered">\n                        <i class="icon icon-list-numbers"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_align" value="left">\n                        <i class="icon icon-text-align-left"></i>\n                    </button>\n                     <button type="button" class="ql-jvb_align" value="center">\n                        <i class="icon icon-text-align-center"></i>\n                    </button>\n                     <button type="button" class="ql-jvb_align" value="right">\n                        <i class="icon icon-text-align-right"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_link">\n                        <i class="icon icon-link"></i>\n                    </button>\n                    ${o}\n                </span>\n            `,n.appendChild(i),n.appendChild(e),t.parentNode.insertBefore(n,t),t.style.display="none",e.innerHTML=t.value}const o=new Quill(e,{theme:"snow",modules:{toolbar:{container:i,handlers:{p:function(){this.quill.format("header",!1)},h1:function(){this.quill.format("header",1)},h2:function(){this.quill.format("header",2)},h3:function(){this.quill.format("header",3)},jvb_bold:function(){this.quill.format("bold",!0)},jvb_italic:function(){this.quill.format("italic",!0)},jvb_strike:function(){this.quill.format("strike",!0)},jvb_underline:function(){this.quill.format("underline",!0)},jvb_align:function(t){this.quill.format("align",t!==this.quill.getFormat().list&&t)},jvb_list:function(t){this.quill.format("list",t!==this.quill.getFormat().list&&t)},jvb_link:function(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;this.quill.getText(t.index,t.length);const n=this.quill.getFormat(t).link,e=document.createElement("dialog");e.className="quill-link-modal",e.innerHTML=`\n                                    <div class="quill-link-modal-content ">\n                                        <label for="link">Enter URL</label>\n                                        <input type="url" id="link" placeholder="Enter URL" value="${n||""}" />\n                                        <div class="buttons">\n                                            <button type="button" class="save">Save</button>\n                                            ${n?'<button type="button" class="remove">Remove</button>':""}\n                                            <button type="button" class="cancel">Cancel</button>\n                                        </div>\n                                    </div>\n                                `,document.body.appendChild(e),e.showModal();const i=e.querySelector("input");i.focus(),e.querySelector(".save").addEventListener("click",(()=>{const t=i.value;t&&this.quill.format("link",t),e.remove()}));const o=e.querySelector(".remove");o&&o.addEventListener("click",(()=>{this.quill.format("link",!1),e.remove()})),e.querySelector(".cancel").addEventListener("click",(()=>{e.remove()})),i.addEventListener("keyup",(t=>{if("Enter"===t.key){const t=i.value;t&&this.quill.format("link",t),e.remove()}}))}},jvb_image:function(){const t=document.createElement("input");t.setAttribute("type","file"),t.setAttribute("accept","image/jpeg,image/png,image/gif,image/webp"),t.style.display="none",document.body.appendChild(t),t.onchange=async n=>{const e=n.target.files?.[0];if(!e)return;if(e.size>5242880)return this.quill.insertText(i.index,"File too large. Maximum size is 5MB",{color:"#f00",italic:!0},!0),void t.remove();const i=this.quill.getSelection(!0),o=new FormData;o.append("image",e),objectID&&o.append("post_id",objectID),window.jvbLoading&&window.jvbLoading.showLoading("Uploading image...","Processing Upload");try{const t=await fetch(`${jvbSettings.api}uploads/`,{method:"POST",headers:{"X-WP-Nonce":jvbSettings.nonce},body:o});if(!t.ok)throw new Error("Upload failed");const n=await t.json();this.quill.insertEmbed(i.index,"image",n.url)}catch(t){this.handleError("Upload error:",t),this.quill.insertText(i.index,"Failed to upload image. Please try again.",{color:"#f00",italic:!0},!0)}finally{window.jvbLoading&&window.jvbLoading.hide(),t.remove()}},t.click()}}},history:{delay:2e3,maxStack:500},clipboard:{matchVisual:!1}}});o.on("selection-change",(function(t){const n=i.querySelector(".ql-align");if(n){if(t&&0===t.length){const[e]=this.quill.getLeaf(t.index);if(e&&e.domNode&&"IMG"===e.domNode.tagName)return void(n.style.display="inline-block")}n.style.display="none"}})),o.on("text-change",(()=>{t.value=o.root.innerHTML,t.dispatchEvent(new Event("change",{bubbles:!0}))}))}))};
window.jvbQuill=function(t){t.querySelectorAll("textarea[data-editor=true]").forEach((t=>{let n,e,i;if(t.parentNode.querySelector(".editor-container"))n=t.parentNode.querySelector(".editor-container"),e=n.querySelector(".editor"),i=n.querySelector(".toolbar");else{n=document.createElement("div"),n.className="editor-container",e=document.createElement("div"),e.className="editor",i=document.createElement("div"),i.className="toolbar";const o=!0===t.dataset.allowimage?`<button type="button" class="ql-jvb_image">\n                    ${dashboardSettings.icons.image}\n                </button>`:"";i.id=`toolbar-${t.id}`,i.innerHTML=`\n                <span class="ql-formats">\n                    <button type="button" class="ql-p">\n                        <i class="icon icon-paragraph"></i>\n                    </button>\n                    <button type="button" class="ql-h1">\n                        <i class="icon icon-text-h-one"></i>\n                    </button>\n                    <button type="button" class="ql-h2">\n                        <i class="icon icon-text-h-two"></i>\n                    </button>\n                    <button type="button" class="ql-h3">\n                        <i class="icon icon-text-h-three"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                    <button type="button" class="ql-jvb_bold">\n                        <i class="icon icon-text-b-fi"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_italic">\n                        <i class="icon icon-text-italic"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_underline">\n                        <i class="icon icon-text-underline"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_strike">\n                        <i class="icon icon-text-strikethrough"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_list" value="bullet">\n                        <i class="icon icon-list-dashes"></i>\n                    </button>\n                    <button type="button" class="ql-jvb_list" value="ordered">\n                        <i class="icon icon-list-numbers"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_align" value="left">\n                        <i class="icon icon-text-align-left"></i>\n                    </button>\n                     <button type="button" class="ql-jvb_align" value="center">\n                        <i class="icon icon-text-align-center"></i>\n                    </button>\n                     <button type="button" class="ql-jvb_align" value="right">\n                        <i class="icon icon-text-align-right"></i>\n                    </button>\n                </span>\n                <span class="ql-formats">\n                     <button type="button" class="ql-jvb_link">\n                        <i class="icon icon-link"></i>\n                    </button>\n                    ${o}\n                </span>\n            `,n.appendChild(i),n.appendChild(e),t.parentNode.insertBefore(n,t),t.style.display="none",e.innerHTML=t.value}const o=new Quill(e,{theme:"snow",modules:{toolbar:{container:i,handlers:{p:function(){this.quill.format("header",!1)},h1:function(){this.quill.format("header",1)},h2:function(){this.quill.format("header",2)},h3:function(){this.quill.format("header",3)},jvb_bold:function(){this.quill.format("bold",!0)},jvb_italic:function(){this.quill.format("italic",!0)},jvb_strike:function(){this.quill.format("strike",!0)},jvb_underline:function(){this.quill.format("underline",!0)},jvb_align:function(t){this.quill.format("align",t!==this.quill.getFormat().list&&t)},jvb_list:function(t){this.quill.format("list",t!==this.quill.getFormat().list&&t)},jvb_link:function(t){if(t){const t=this.quill.getSelection();if(null==t||0===t.length)return;this.quill.getText(t.index,t.length);const n=this.quill.getFormat(t).link,e=document.createElement("dialog");e.className="quill-link-modal",e.innerHTML=`\n                                    <div class="quill-link-modal-content ">\n                                        <label for="link">Enter URL</label>\n                                        <input type="url" id="link" placeholder="Enter URL" value="${n||""}" />\n                                        <div class="buttons">\n                                            <button type="button" class="save">Save</button>\n                                            ${n?'<button type="button" class="remove">Remove</button>':""}\n                                            <button type="button" class="cancel">Cancel</button>\n                                        </div>\n                                    </div>\n                                `,document.body.appendChild(e),e.showModal();const i=e.querySelector("input");i.focus(),e.querySelector(".save").addEventListener("click",(()=>{const t=i.value;t&&this.quill.format("link",t),e.remove()}));const o=e.querySelector(".remove");o&&o.addEventListener("click",(()=>{this.quill.format("link",!1),e.remove()})),e.querySelector(".cancel").addEventListener("click",(()=>{e.remove()})),i.addEventListener("keyup",(t=>{if("Enter"===t.key){const t=i.value;t&&this.quill.format("link",t),e.remove()}}))}},jvb_image:function(){const t=document.createElement("input");t.setAttribute("type","file"),t.setAttribute("accept","image/jpeg,image/png,image/gif,image/webp"),t.style.display="none",document.body.appendChild(t),t.onchange=async n=>{const e=n.target.files?.[0];if(!e)return;if(e.size>5242880)return this.quill.insertText(i.index,"File too large. Maximum size is 5MB",{color:"#f00",italic:!0},!0),void t.remove();const i=this.quill.getSelection(!0),o=new FormData;o.append("image",e),objectID&&o.append("post_id",objectID),window.jvbLoading&&window.jvbLoading.showLoading("Uploading image...","Processing Upload");try{const t=await fetch(`${jvbSettings.api}uploads/`,{method:"POST",headers:{"X-WP-Nonce":window.auth.getNonce()},body:o});if(!t.ok)throw new Error("Upload failed");const n=await t.json();this.quill.insertEmbed(i.index,"image",n.url)}catch(t){this.handleError("Upload error:",t),this.quill.insertText(i.index,"Failed to upload image. Please try again.",{color:"#f00",italic:!0},!0)}finally{window.jvbLoading&&window.jvbLoading.hide(),t.remove()}},t.click()}}},history:{delay:2e3,maxStack:500},clipboard:{matchVisual:!1}}});o.on("selection-change",(function(t){const n=i.querySelector(".ql-align");if(n){if(t&&0===t.length){const[e]=this.quill.getLeaf(t.index);if(e&&e.domNode&&"IMG"===e.domNode.tagName)return void(n.style.display="inline-block")}n.style.display="none"}})),o.on("text-change",(()=>{t.value=o.root.innerHTML,t.dispatchEvent(new Event("change",{bubbles:!0}))}))}))};

 assets/js/min/referral.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.container=document.querySelector(".jvb-referral"),this.container&&(this.a11y=window.jvbA11y,this.toggle=document.querySelector('button[data-action="toggle-referral"]'),this.initElements(),this.initListeners(),this.checkForReferral(),this.isLoggedIn()&&(this.loadStats(),this.loadRecentReferrals()))}initElements(){this.selectors={copyBtn:".copy-btn",checkCode:".check-code-btn",submit:"[type=submit]"},this.forms=this.container.querySelectorAll("form"),this.popup=new window.jvbPopup({toggle:this.toggle,popup:this.container,name:"Referral Box",onOpen:()=>{this.bindEventListeners(!0)},onClose:()=>{this.bindEventListeners(!1)}}),this.tabs=null,this.container.querySelector("nav.tabs")&&(this.tabs=new window.jvbTabs(this.container,{updateURL:!1})),this.ui=window.uiFromSelectors(this.selectors,this.container)}initListeners(){this.clickHandler=this.handleClick.bind(this),this.inputHandler=this.handleInput.bind(this),this.submitHandler=this.handleFormSubmit.bind(this)}bindEventListeners(e){const t=e?"addEventListener":"removeEventListener";this.forms.forEach((e=>{e[t]("submit",this.submitHandler)})),this.container[t]("click",this.clickHandler),this.container[t]("input",this.inputHandler)}isLoggedIn(){return Boolean(jvbSettings.currentUser)}handleClick(e){const t=e.target.closest(".copy-btn, .check-code-btn, .attn");t&&(t.classList.contains("copy-btn")?this.handleCopyClick(t):t.classList.contains("check-code-btn")?this.handleCheckCode(e):t.classList.contains("attn")&&t.classList.remove("attn"))}handleCopyClick(e){const t=e.dataset.target,s=this.container.querySelector(`#${t}`);if(!s)return;const r=s.textContent.trim();navigator.clipboard&&navigator.clipboard.writeText?navigator.clipboard.writeText(r).then((()=>{this.showCopySuccess(e)})).catch((()=>{this.selectText(s),this.showCopyFallback(e)})):(this.selectText(s),this.showCopyFallback(e))}selectText(e){if(window.getSelection&&document.createRange){const t=window.getSelection(),s=document.createRange();s.selectNodeContents(e),t.removeAllRanges(),t.addRange(s)}else if(document.body.createTextRange){const t=document.body.createTextRange();t.moveToElementText(e),t.select()}}showCopySuccess(e){const t=e.innerHTML;e.innerHTML=window.jvbIcon("check",{size:16})+" Copied!",e.classList.add("success"),setTimeout((()=>{e.innerHTML=t,e.classList.remove("success")}),2e3)}showCopyFallback(e){const t=e.innerHTML;e.innerHTML="✓ Selected - Press Ctrl+C",e.classList.add("selected"),setTimeout((()=>{e.innerHTML=t,e.classList.remove("selected")}),3e3)}handleInput(e){"referral_code"!==e.target.id&&"referral_code"!==e.target.name||(e.target.value=e.target.value.toUpperCase())}async handleCheckCode(e){e.preventDefault();const t=e.target.closest("form"),s=t.querySelector('[name="referral_code"]'),r=t.querySelector(".code-status");if(!s||!r)return;const n=s.value.trim();if(n){r.hidden=!1,r.className="code-status loading",r.innerHTML='<span class="spinner"></span> Checking...';try{const e=await this.validateCodeOnly(n);e.success?this.showCodeStatus(r,`✓ Valid! Referred by ${e.referrer_name}`,"success"):this.showCodeStatus(r,e.message||"Invalid code","error")}catch(e){console.error("Error checking code:",e),this.showCodeStatus(r,"Error checking code","error")}}else this.showCodeStatus(r,"Please enter a code","error")}showCodeStatus(e,t,s){e.hidden=!1,e.className=`code-status ${s}`,e.textContent=t,"error"===s&&setTimeout((()=>{e.hidden=!0}),5e3)}async checkForReferral(){const e=this.getUrlParameter("seeReferral"),t=this.getUrlParameter("ref");if(!e&&!t)return;if(!t)return void this.popup.openPopup();const s=this.container.querySelector('[name="referral_code"]');if(!s)return;const r=t.toUpperCase();s.value=r,s.readOnly=!0,this.popup.togglePopup();try{const e=await this.validateCodeOnly(r);if(e.success){const t=s.closest("form").querySelector(".code-status");t&&this.showCodeStatus(t,`✓ ${e.referrer_name} invited you!`,"success");const r=this.container.querySelector('[name="referral_name"]');r&&r.focus()}else s.readOnly=!1,this.showMessage("This referral link is invalid. Please enter a valid code.","error")}catch(e){console.error("Error validating code:",e),s.readOnly=!1}this.removeUrlParameter("ref")}getUrlParameter(e){return new URLSearchParams(window.location.search).get(e)}removeUrlParameter(e){const t=new URL(window.location);t.searchParams.delete(e),window.history.replaceState({},document.title,t.toString())}async validateCodeOnly(e){const t=await fetch(`${jvbSettings.api}referrals/check-code`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce},body:JSON.stringify({code:e})});return await t.json()}async loadStats(){if(this.container.querySelector(".stats-summary"))try{const e=await fetch(`${jvbSettings.api}referrals/my-stats?user=${jvbSettings.currentUser}`,{headers:{"X-WP-Nonce":jvbSettings.nonce}}),t=await e.json();t.success&&t.stats&&this.updateStats(t.stats)}catch(e){console.error("Error loading stats:",e)}}updateStats(e){const t={total:this.container.querySelector('[data-stat="total"]'),treated:this.container.querySelector('[data-stat="treated"]'),pending:this.container.querySelector('[data-stat="pending"]'),rewards:this.container.querySelector('[data-stat="rewards"]')};t.total&&(t.total.textContent=e.total_referrals||0),t.treated&&(t.treated.textContent=e.treated_count||0),t.pending&&(t.pending.textContent=e.pending_count||0),t.rewards&&(t.rewards.textContent="$"+parseFloat(e.available_rewards||0).toFixed(2))}async loadRecentReferrals(){const e=this.container.querySelector(".recent-referrals-list");if(e)try{const t=await fetch(`${jvbSettings.api}referrals/my-referrals?limit=5&user=${jvbSettings.currentUser}`,{headers:{"X-WP-Nonce":jvbSettings.nonce}}),s=await t.json();s.success&&s.referrals?this.renderRecentReferrals(e,s.referrals):e.innerHTML='<p class="no-referrals">No referrals yet</p>'}catch(t){console.error("Error loading referrals:",t),e.innerHTML='<p class="error">Failed to load referrals</p>'}}renderRecentReferrals(e,t){if(!t||0===t.length)return void(e.innerHTML='<p class="no-referrals">Share your code to get started!</p>');const s=t.map((e=>`\n\t\t\t<div class="referral-item">\n\t\t\t\t<div class="referral-info">\n\t\t\t\t\t<strong>${window.escapeHtml(e.referee_name)}</strong>\n\t\t\t\t\t<span class="status-badge ${e.status}">${e.status}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class="referral-date">${this.formatDate(e.referred_at)}</div>\n\t\t\t</div>\n\t\t`)).join("");e.innerHTML=s}formatDate(e){const t=new Date(e),s=new Date,r=Math.abs(s-t),n=Math.floor(r/864e5);return 0===n?"Today":1===n?"Yesterday":n<7?`${n} days ago`:t.toLocaleDateString("en-US",{month:"short",day:"numeric"})}async handleFormSubmit(e){e.preventDefault();const t=e.target,s=new FormData(t);this.setFormLoading(!0,t);try{let e={success:!1,message:""};if("referral-code-form"===t.id){const t={name:s.get("referral_name"),email:s.get("referral_email"),code:s.get("referral_code")};t.name&&t.email&&t.code?e=await this.makeRequest("referrals/register",t):e.message="Please fill in all fields"}else if("login-form"===t.id){const t={type:"login",email:s.get("login_email"),context:{redirect_to:window.location.href+"?seeReferral=1"}};e=await this.makeRequest("magic",t)}e.success?this.handleSuccess(t,e):this.showFormMessage(t,e.message||"Something went wrong. Please try again.","error")}catch(e){console.error("Error submitting form:",e),this.showFormMessage(t,"Something went wrong. Please try again.","error")}finally{this.setFormLoading(!1,t)}}async makeRequest(e,t){if(!["magic","referrals/register","referrals/check-code"].includes(e))return{success:!1,message:"Invalid endpoint"};const s=await fetch(`${jvbSettings.api}${e}`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":jvbSettings.nonce},body:JSON.stringify(t)});return await s.json()}handleSuccess(e,t){e.style.display="none";const s=e.nextElementSibling;s&&s.classList.contains("success-content")&&(s.hidden=!1,s.scrollIntoView({behavior:"smooth",block:"center"})),this.dispatchEvent("emailSent",{email:t.email})}showFormMessage(e,t,s="error"){const r=e.querySelector(".status");if(!r)return;const n=r.querySelector(".message");n&&(n.textContent=t),r.hidden=!1,r.className=`status ${s}`,"error"===s&&setTimeout((()=>{r.hidden=!0}),5e3)}setFormLoading(e,t){t.querySelectorAll("input, button").forEach((t=>t.disabled=e));const s=t.querySelector(".status");if(s&&(s.classList.toggle("loading",e),e)){s.hidden=!1;const e=s.querySelector(".message");e&&(e.textContent="Sending...")}}dispatchEvent(e,t){const s=new CustomEvent("referralWidget:"+e,{detail:t,bubbles:!0});this.container.dispatchEvent(s)}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbReferral=new e}))})();
(()=>{class e{constructor(){this.container=document.querySelector("aside.referral"),this.container&&(this.a11y=window.jvbA11y,this.toggle=document.querySelector('button[data-action="toggle-referral"]'),this.hasCopy=navigator.clipboard&&navigator.clipboard.writeText,this.initElements(),this.storesInited=!1,this.initStore(),this.initListeners(),this.checkForReferral())}initElements(){this.selectors={copyBtn:".copy-btn",checkCode:".check-code-btn",submit:"[type=submit]",recentList:".recent-referrals-list",invite:"form.invite",adminList:".items-list.referral",dash:".replace .referral-dashboard",stats:{codeUsed:'[data-stat="code_used"]',consultations:'[data-stat="consultations"]',treatments:'[data-stat="treatments"]',rewards:'[data-stat="total_rewards"]'},list:".referrals-list"},this.forms=this.container.querySelectorAll("form"),this.popup=new window.jvbPopup({toggle:this.toggle,popup:this.container,name:"Referral Box",onOpen:()=>{this.bindEventListeners(!0)},onClose:()=>{this.bindEventListeners(!1)}}),this.tabs=null,this.container.querySelector("nav.tabs")&&(this.tabs=new window.jvbTabs(this.container,{updateURL:!1})),this.ui=window.uiFromSelectors(this.selectors),this.dashTabs=null,this.ui.dash&&(this.dashTabs=new window.jvbTabs(this.ui.dash)),this.hasCopy||document.querySelectorAll(this.selectors.copyBtn).forEach((e=>{e.remove()})),this.formController=null,this.ui.invite&&(this.formController=new window.jvbForm,this.formController.registerForm(this.ui.invite,{autosave:!0,endpoint:"referrals",formStatus:!1}),this.formController.subscribe(((e,t)=>{"form-submit"===e&&((t=t.fullData).action="invite",window.jvbQueue.addToQueue({endpoint:"referrals",data:t,title:"Submitting invitations"}))})))}initStore(){if(!this.isLoggedIn())return;const e=window.jvbStore.register("referrals",[{storeName:"stats",keyPath:"user_id",endpoint:"referrals/stats",TTL:3e5,showLoading:!1,delayFetch:!1,filters:{type:"dashboard",user:window.auth.getUser()}},{storeName:"list",keyPath:"id",endpoint:"referrals",TTL:6e5,showLoading:!1,delayFetch:!1,filters:{user:window.auth.getUser(),status:"all",limit:50,offset:0}}]);this.statsStore=e.stats,this.listStore=e.list,this.statsStore&&this.statsStore.subscribe(this.handleStatsEvent.bind(this)),this.listStore&&this.listStore.subscribe(this.handleListEvent.bind(this)),this.ui.dash&&this.initViewController()}initViewController(){this.listStore&&this.ui.adminList&&(this.view=new window.jvbViews(this.ui.adminList,this.listStore),this.view.subscribe(((e,t)=>{switch(e){case"item-action":this.handleItemAction(t);break;case"bulk-action":this.handleBulkAction(t)}})))}initListeners(){this.clickHandler=this.handleClick.bind(this),this.inputHandler=this.handleInput.bind(this),this.submitHandler=this.handleFormSubmit.bind(this)}bindEventListeners(e){const t=e?"addEventListener":"removeEventListener";this.forms.forEach((e=>{e[t]("submit",this.submitHandler)})),this.container[t]("click",this.clickHandler),this.container[t]("input",this.inputHandler)}isLoggedIn(){return Boolean(window.auth.getUser())}handleStatsEvent(e,t){switch(e){case"data-loaded":t.items&&t.items.length>0&&this.updateStatsDisplay();break;case"fetch-error":console.error("Error loading stats:",t.error)}}handleListEvent(e,t){switch(e){case"data-loaded":this.ui.recentList&&this.renderRecentReferrals();break;case"fetch-error":console.error("Error loading referrals:",t.error)}}updateStatsDisplay(){if(0===!this.statsStore.data.size)return;let e=this.statsStore.data.get(parseInt(window.auth.getUser()));const t={total:e.code_used||0,treated:e.treatments||0,pending:e.pending||0,rewards:"$"+parseFloat(e.total_rewards||0).toFixed(2)};Object.entries(t).forEach((([e,t])=>{const s=this.container.querySelector(`[data-stat="${e}"]`);s&&(s.textContent=t)}));const s=this.container.querySelectorAll(".stats .card");s.length>=4&&(s[0].querySelector(".stat-number").textContent=t.code_used,s[1].querySelector(".stat-number").textContent=t.consultations,s[2].querySelector(".stat-number").textContent=t.treatments,s[3].querySelector(".stat-number").textContent=t.total_rewards)}handleItemAction(e){const{action:t,itemId:s}=e;switch(t){case"remove":this.removeReferral(s);break;case"resend":this.resendInvite(s)}}async removeReferral(e){if(confirm("Remove this referral from your list?"))try{const t=await fetch(`${jvbSettings.api}referrals`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify({action:"remove",referral_id:e})});(await t.json()).success&&(this.listStore&&this.listStore.fetch(),this.statsStore&&this.statsStore.fetch(),this.a11y?.announce("Referral removed"))}catch(e){console.error("Error removing referral:",e)}}async resendInvite(e){try{const t=await fetch(`${jvbSettings.api}referrals`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify({action:"resend",referral_id:e})}),s=await t.json();s.success?this.a11y?.announce("Invitation resent"):alert(s.message||"Cannot resend yet. Wait 7 days between invites.")}catch(e){console.error("Error resending invite:",e)}}handleClick(e){const t=e.target.closest(".copy-btn, .check-code-btn, .attn");t&&(t.classList.contains("copy-btn")?this.handleCopyClick(t):t.classList.contains("check-code-btn")?this.handleCheckCode(e):t.classList.contains("attn")&&t.classList.remove("attn"))}handleCopyClick(e){const t=e.dataset.target,s=this.container.querySelector(`#${t}`);if(!s)return;const r=s.textContent.trim();this.hasCopy&&navigator.clipboard.writeText(r).then((()=>{this.showCopySuccess(e)})).catch((()=>{this.selectText(s),this.showCopyFallback(e)}))}selectText(e){if(window.getSelection&&document.createRange){const t=window.getSelection(),s=document.createRange();s.selectNodeContents(e),t.removeAllRanges(),t.addRange(s)}else if(document.body.createTextRange){const t=document.body.createTextRange();t.moveToElementText(e),t.select()}}showCopySuccess(e){const t=e.innerHTML;e.innerHTML=window.jvbIcon("check",{size:16})+" Copied!",e.classList.add("success"),setTimeout((()=>{e.innerHTML=t,e.classList.remove("success")}),2e3)}showCopyFallback(e){const t=e.innerHTML;e.innerHTML="✓ Selected - Press Ctrl+C",e.classList.add("selected"),setTimeout((()=>{e.innerHTML=t,e.classList.remove("selected")}),3e3)}handleInput(e){"referral_code"!==e.target.id&&"referral_code"!==e.target.name||(e.target.value=e.target.value.toUpperCase())}async handleCheckCode(e){e.preventDefault();const t=e.target.closest("form"),s=t.querySelector('[name="referral_code"]'),r=t.querySelector(".code-status");if(!s||!r)return;const a=s.value.trim();if(a){r.hidden=!1,r.className="code-status loading",r.innerHTML='<span class="spinner"></span> Checking...';try{const e=await this.validateCodeOnly(a);e.success?this.showCodeStatus(r,`✓ Valid! Referred by ${e.referrer_name}`,"success"):this.showCodeStatus(r,e.message||"Invalid code","error")}catch(e){console.error("Error checking code:",e),this.showCodeStatus(r,"Error checking code","error")}}else this.showCodeStatus(r,"Please enter a code","error")}showCodeStatus(e,t,s){e.hidden=!1,e.className=`code-status ${s}`,e.textContent=t,"error"===s&&setTimeout((()=>{e.hidden=!0}),5e3)}async checkForReferral(){const e=this.getUrlParameter("ref"),t=this.getUrlParameter("rname"),s=this.getUrlParameter("remail"),r=this.getUrlParameter("seeReferral");if(!e&&!r)return;if(r&&!e)return this.popup.openPopup(),void this.removeUrlParameter("seeReferral");const a=this.container.querySelector('[name="referral_code"]');if(!a)return;const n=e.toUpperCase();if(a.value=n,a.readOnly=!0,t||s){const e=this.container.querySelector('[name="referral_name"]');e&&(e.value=t);const r=this.container.querySelector('[name="referral_email"]');r&&(r.value=s)}this.popup.openPopup();try{const e=await this.validateCodeOnly(n);if(e.success){const t=a.closest("form").querySelector(".code-status");t&&this.showCodeStatus(t,`✓ ${e.referrer_name} invited you!`,"success");const s=this.container.querySelector('[name="referral_name"]');s&&!s.value&&s.focus()}else a.readOnly=!1,this.showMessage("This referral link is invalid. Please enter a valid code.","error")}catch(e){console.error("Error validating code:",e),a.readOnly=!1}this.removeUrlParameter("ref"),this.removeUrlParameter("rname"),this.removeUrlParameter("remail")}getUrlParameter(e){return new URLSearchParams(window.location.search).get(e)}removeUrlParameter(e){const t=new URL(window.location);t.searchParams.delete(e),window.history.replaceState({},document.title,t.toString())}async validateCodeOnly(e){const t=await fetch(`${jvbSettings.api}referrals/code`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify({code:e})});return await t.json()}async loadStats(){if(this.container.querySelector(".stats-summary"))try{const e=await fetch(`${jvbSettings.api}referrals/my-stats?user=${window.auth.getUser()}`,{headers:{"X-WP-Nonce":window.auth.getNonce()}}),t=await e.json();t.success&&t.stats&&this.updateStats(t.stats)}catch(e){console.error("Error loading stats:",e)}}async loadSidebarStats(){try{const e=await fetch(`${jvbSettings.api}referrals/stats?user=${window.auth.getUser()}&type=quick`,{headers:{"X-WP-Nonce":window.auth.getNonce()}}),t=await e.json();t.success&&t.stats&&this.updateSidebarStats(t.stats)}catch(e){console.error("Error loading sidebar stats:",e)}}updateStats(e){const t={total:this.container.querySelector('[data-stat="total"]'),treated:this.container.querySelector('[data-stat="treated"]'),pending:this.container.querySelector('[data-stat="pending"]'),rewards:this.container.querySelector('[data-stat="rewards"]')};t.total&&(t.total.textContent=e.total_referrals||0),t.treated&&(t.treated.textContent=e.treated_count||0),t.pending&&(t.pending.textContent=e.pending_count||0),t.rewards&&(t.rewards.textContent="$"+parseFloat(e.available_rewards||0).toFixed(2))}renderRecentReferrals(){let e=this.ui.recentList,t=Array.from(this.listStore.data.values());t&&0!==t.length?e.innerHTML=t.map((e=>`\n\t\t\t<div class="referral-item">\n\t\t\t\t<div class="referral-info">\n\t\t\t\t\t<strong>${window.escapeHtml(e.referee_name)}</strong>\n\t\t\t\t\t<span class="status-badge">${e.referral_status}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class="referral-date">${window.formatTimeAgo(e.referred_at)}</div>\n\t\t\t</div>\n\t\t`)).join(""):e.innerHTML='<p class="no-referrals">Share your code to get started!</p>'}formatDate(e){const t=new Date(e),s=new Date,r=Math.abs(s-t),a=Math.floor(r/864e5);return 0===a?"Today":1===a?"Yesterday":a<7?`${a} days ago`:t.toLocaleDateString("en-US",{month:"short",day:"numeric"})}async handleFormSubmit(e){e.preventDefault();const t=e.target,s=new FormData(t);this.setFormLoading(!0,t);try{let e={success:!1,message:""};if("referral-code-form"===t.id){const t={name:s.get("referral_name"),email:s.get("referral_email"),referral_code:s.get("referral_code")};t.name&&t.email&&t.referral_code?e=await this.makeRequest("auth/register",t):e.message="Please fill in all fields"}else if("login-form"===t.id){const t={type:"login",email:s.get("login_email"),context:{redirect_to:window.location.href+"?seeReferral=1"}};e=await this.makeRequest("magic",t)}e.success?this.handleSuccess(t,e):this.showFormMessage(t,e.message||"Something went wrong. Please try again.","error")}catch(e){console.error("Error submitting form:",e),this.showFormMessage(t,"Something went wrong. Please try again.","error")}finally{this.setFormLoading(!1,t)}}async makeRequest(e,t){if(!["magic","auth/register"].includes(e))return{success:!1,message:"Invalid endpoint"};const s=await fetch(`${jvbSettings.api}${e}`,{method:"POST",headers:{"Content-Type":"application/json","X-WP-Nonce":window.auth.getNonce()},body:JSON.stringify(t)});if(!s.ok){const e=await s.text();console.error("Error response:",s.status,e);try{return JSON.parse(e)}catch{return{success:!1,message:"Server error"}}}return await s.json()}handleSuccess(e,t){e.style.display="none";const s=e.nextElementSibling;s&&s.classList.contains("success-content")&&(s.hidden=!1,s.scrollIntoView({behavior:"smooth",block:"center"})),this.dispatchEvent("emailSent",{email:t.email})}showFormMessage(e,t,s="error"){const r=e.querySelector(".status");if(!r)return;const a=r.querySelector(".message");a&&(a.textContent=t),r.hidden=!1,r.className=`status ${s}`,"error"===s&&setTimeout((()=>{r.hidden=!0}),5e3)}setFormLoading(e,t){t.querySelectorAll("input, button").forEach((t=>t.disabled=e));const s=t.querySelector(".status");if(s&&(s.classList.toggle("loading",e),e)){s.hidden=!1;const e=s.querySelector(".message");e&&(e.textContent="Sending...")}}dispatchEvent(e,t){const s=new CustomEvent("referralWidget:"+e,{detail:t,bubbles:!0});this.container.dispatchEvent(s)}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbReferral=new e)}))}))})();

 assets/js/min/schema.min.js

New file
@@ -0,0 +1 @@
(()=>{class e{constructor(){this.formController=null,this.tabsInstance=null,this.queue=window.jvbQueue,this.a11y=window.jvbA11y,this.init()}init(){if(window.jvbForm&&!window.formController?(this.formController=new window.jvbForm,window.formController=this.formController):window.formController&&(this.formController=window.formController),window.jvbTabs){const e=document.querySelector(".jvb-seo-admin");e&&(this.tabsInstance=new window.jvbTabs(e))}this.formController&&this.formController.subscribe(((e,t)=>{"form-submit"===e&&this.handleFormSubmit(t)})),this.queue&&this.queue.subscribe(((e,t)=>{Object.hasOwn(t,"endpoint")&&"seo"===t.endpoint&&("operation-completed"===e?this.handleQueueSuccess(e,t):"operation-failed-permanent"===e&&this.handleQueueFailure(e,t))})),this.initializeForms(),this.addPreservedFieldStyles()}initializeForms(){document.querySelectorAll('form[data-save="seo"]').forEach((e=>{this.formController&&this.formController.registerForm(e,{endpoint:"seo",autosave:!1,formStatus:!1}),this.initializeTypeSwitch(e);const t=e.querySelector('[data-action="reset"]');t&&t.addEventListener("click",(()=>this.handleReset(e)))}))}handleFormSubmit(e){const t=e.config.element.dataset.content,n=e.fullData,o={endpoint:"seo",headers:{"X-WP-Nonce":window.auth.getNonce()},data:{context:t,action:"save",...n},popup:"Saving SEO configuration",title:`Saving ${t} settings`};this.queue.addToQueue(o)}async handleReset(e){const t=e.dataset.content;if(!confirm("Reset to default settings? This cannot be undone."))return;const n={endpoint:"seo",headers:{"X-WP-Nonce":window.auth.getNonce()},data:{context:t,action:"reset"},popup:"Resetting configuration",title:`Resetting ${t} to defaults`};this.queue.addToQueue(n)}handleQueueSuccess(e,t){console.log("SEO save successful:",t),this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce("Configuration saved successfully"),"reset"===t.operation?.data?.action&&t.response?.schema&&this.reloadFormData(t.operation.data.context,t.response)}handleQueueFailure(e,t){console.error("SEO operation failed permanently:",t),this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce(`Error: ${t.error_message||"Operation failed"}`)}reloadFormData(e,t){const n=document.querySelector(`form[data-content="${e}"]`);if(!n)return;const o=t.schema||{};Object.keys(o).forEach((e=>{const t=n.querySelector(`[name="${e}"]`);t&&("checkbox"===t.type?t.checked=!!o[e]:t.value=o[e]||"")})),this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce("Form reset to defaults")}initializeTypeSwitch(e){const t=e.querySelector('select[name="type"]');t&&(t.addEventListener("change",(n=>{const o=e.dataset.currentType||t.dataset.initialValue,a=n.target.value;o!==a&&this.confirmTypeChange(e,t,o,a)})),t.dataset.initialValue=t.value,e.dataset.currentType=t.value)}confirmTypeChange(e,t,n,o){const a={},s=new FormData(e);for(let[e,t]of s.entries())"type"!==e&&t&&""!==t&&(a[e]=t);const r=window.getTemplate(`seo-${o}`);if(!r)return console.error("No template found for type:",o),void(t.value=n);const i=e=>e.split(":")[0],l=new Set(Object.keys(a).map(i)),c=r.querySelectorAll("[data-field]"),u=new Set(Array.from(c).map((e=>e.dataset.field)));if(0===u.size){const e=r.querySelectorAll("[name]");Array.from(e).forEach((e=>{u.add(i(e.getAttribute("name")))}))}const d=[...l].filter((e=>u.has(e))),h=[...l].filter((e=>!u.has(e)));let p=`Change schema type from ${n} to ${o}?\n\n`;d.length>0&&(p+=`✓ ${d.length} field value(s) will be preserved:\n`,p+=d.map((e=>`  • ${e}`)).join("\n"),p+="\n\n"),h.length>0&&(p+=`⚠ ${h.length} field value(s) will be lost:\n`,p+=h.map((e=>`  • ${e}`)).join("\n")),confirm(p)?this.handleTypeChange(e,t,o):(t.value=n,this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce("Type change cancelled"))}handleTypeChange(e,t,n){const o=e.dataset.currentType||t.dataset.initialValue,a=this.collectFormData(e),s=window.getTemplate(`seo-${n}`);if(!s)return void console.error("No template found for type:",n);const r=e.querySelector(".seo-"+o);if(r&&(r.parentNode.insertBefore(s,r),r.remove()),e.dataset.currentType=n,window.jvbPopulateForm){const t=new window.jvbPopulateForm,o=[];if(Object.keys(a).forEach((n=>{const s=e.querySelector(`[data-field="${n}"]`);if(s){const e=this.getFieldType(s),r=a[n];if("repeater"===e&&Array.isArray(r))t.populateRepeaterField(s,n,r),o.push(n);else if(null!=r&&""!==r){const e=s.querySelector(`[name="${n}"]`)||s.querySelector(`[name^="${n}"]`);e&&(this.populateSimpleField(e,r),o.push(n))}}})),o.length>0){const e=`Schema type changed to ${n}. Preserved ${o.length} field value(s).`;console.log(e),this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce(e)}else{const e=`Schema type changed to ${n}.`;this.a11y&&"function"==typeof this.a11y.announce&&this.a11y.announce(e)}}}collectFormData(e){const t={},n=new FormData(e);for(let[e,o]of n.entries())if("type"!==e&&"context"!==e)if(e.includes(":")){const n=e.split(":"),a=n[0],s=parseInt(n[1]),r=n[2];t[a]||(t[a]=[]),t[a][s]||(t[a][s]={}),t[a][s][r]=o}else t[e]=o;return t}getFieldType(e){return e.classList.contains("repeater")?"repeater":"text"}populateSimpleField(e,t){"checkbox"===e.type?e.checked="1"===t||"true"===t||!0===t:"SELECT"===e.tagName?setTimeout((()=>{e.value=t}),10):e.value=t,e.classList.add("value-preserved"),setTimeout((()=>e.classList.remove("value-preserved")),2e3)}addPreservedFieldStyles(){const e=document.createElement("style");e.textContent="\n            .value-preserved {\n                background-color: #e7f5e7 !important;\n                transition: background-color 0.3s ease;\n            }\n        ",document.head.appendChild(e)}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbSchema=new e)}))}))})();

 assets/js/min/selector.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.a11y=window.jvbA11y,this.error=window.jvbError,this.index=-1,this.hasAutocomplete=!1,this.isInitializing=!0,this.taxonomiesToFetch=new Set,this.triggers=new Set([".taxonomy-toggle"]),this.subscribers=new Set;const e=window.jvbStore.register("taxonomies",{storeName:"terms",keyPath:"id",showLoading:!1,indexes:[{name:"taxonomy",keyPath:"taxonomy"},{name:"parent",keyPath:"parent"},{name:"slug",keyPath:"slug",unique:!0},{name:"count",keyPath:"count"}],endpoint:"terms",TTL:12e4,filters:{taxonomy:"",page:1,search:"",parent:0},required:"taxonomy",delayFetch:!0});this.store=e.terms,this.fields=new Map,this.selectedTerms=new Map,this.activeField=null,this.currentConfig=null,this.currentSingular=null,this.currentPlural=null,this.disabled=!1,this.searchHandler=null,this.autocompleteHandler=null,this.isAutocompleteActive=!1,this.init()}init(){this.initModal(),this.scanExistingFields(),this.initGlobalListeners(),this.hasAutocomplete&&window.jvbTaxCreator&&(this.creator=new window.jvbTaxCreator(this)),this.store.subscribe(this.handleStoreEvent.bind(this)),this.isInitializing=!1,this.batchFetchTaxonomies()}handleStoreEvent(e,t){switch(e){case"data-loaded":const e=this.store.filters.taxonomy;if(e?.includes(",")&&this.handleBatchDataLoaded(e,t),e){(e.includes(",")?e.split(",").map((e=>e.trim())):[e]).forEach((e=>{this.updateFieldsForTaxonomy(e)}))}if(this.modal?.open&&this.handleTermsLoaded(t),this.isAutocompleteActive&&this.activeField){const e=this.fields.get(this.activeField),i=t.data?.items||[],s=t.filters?.search||"";this.showAutocompleteResults(e,i,s),this.isAutocompleteActive=!1}break;case"filters-changed":this.modal?.open&&this.showLoading();break;case"fetch-error":this.isAutocompleteActive&&this.activeField&&(this.showAutocompleteError(this.activeField),this.isAutocompleteActive=!1),this.handleFetchError(t.error)}}handleTermsLoaded(e){this.hideLoading();const t=this.store.getFiltered(),i=this.store.lastResponse?.page||{},s=e.filters?.search&&e.filters.search.length>0,o=i.page>1;this.notify("terms-loaded",{terms:t,filters:e.filters}),0===t.length?(o||this.showEmptyState(s?"No results found.":"No items available."),this.observer.unobserve(this.ui.sentinel)):(this.renderTerms(t,o,s),i.has_more?this.observer.observe(this.ui.sentinel):this.observer.unobserve(this.ui.sentinel)),this.a11y?.announce(t.length,o)}handleFetchError(e){console.error("Taxonomy fetch error:",e),this.hideLoading(),this.error?.log?this.error.log(e,{component:"TaxonomySelector",action:"fetchTerms"},(()=>this.fetchCurrentTerms())):this.showEmptyState("Error loading terms. Please try again.")}updateFieldButtonState(e){const t=this.fields.get(e);if(!t)return;const i=Array.from(this.store.data.values()).some((e=>e.taxonomy===t.taxonomy));t.toggle&&(t.toggle.disabled=!i&&!t.canCreate,t.toggle.title=i?`Select ${this.getPlural(t.taxonomy)}`:`No ${this.getSingular(t.taxonomy)} available`)}updateFieldsForTaxonomy(e){this.getFieldsForTaxonomy(e).forEach((e=>{this.updateFieldButtonState(e.id)}))}getFieldsForTaxonomy(e){return Array.from(this.fields.values()).filter((t=>t.taxonomy===e))}scanExistingFields(e=null){e||(e=document.body);e.querySelectorAll(".field.taxonomy, .field.post").forEach((e=>{try{this.registerField(e)}catch(t){this.error.log(t,{component:"TaxonomySelector",action:"scanExistingFields",container:e.dataset.name})}}))}registerField(e,t={}){let i=e.querySelector("input[type=hidden]");if(!i)return!1;"fieldId"in e.dataset||(e.dataset.fieldId=this.createFieldId(e));let s=e.dataset.fieldId,o=Object.hasOwn(t,"button")?t.button:e.querySelector("button.taxonomy-toggle");Object.hasOwn(t,"buttonSelector")&&this.triggers.add(t.buttonSelector);let r={id:s,input:i,container:e,taxonomy:o.dataset.taxonomy,name:e.dataset.field,maxSelection:parseInt(o.dataset.max)||0,canSearch:"search"in o.dataset,hasAutocomplete:"autocomplete"in o.dataset,autocompleteDropdown:e.querySelector(".autocomplete-dropdown")??!1,canCreate:"creatable"in o.dataset,isRequired:"required"in o.dataset,selectedTerms:new Set,toggle:o,selectedContainer:Object.hasOwn(t,"selected")?t.selected:e.querySelector(".selected-items"),...t};!this.hasAutocomplete&&r.hasAutocomplete&&(this.hasAutocomplete=!0,this.initAutocomplete());const a=i.value.trim();if(""!==a){a.split(",").map((e=>parseInt(e.trim()))).filter((e=>!isNaN(e))).forEach((e=>r.selectedTerms.add(e)))}return Object.hasOwn(t,"selectedItems")&&t.selectedItems.forEach((e=>{r.selectedTerms.add(e)})),this.fields.set(s,r),this.isInitializing&&this.taxonomiesToFetch.add(r.taxonomy),r.selectedTerms.size>0&&this.initFieldDisplay(s),s}registerFilterButton(e,t={}){const i=this.createFieldId(e);e.dataset.fieldId=i,t.buttonSelector&&this.triggers.add(t.buttonSelector);const s={id:i,input:null,container:t.container||e.closest(".filters")||e.parentElement,taxonomy:e.dataset.taxonomy,name:`filter_${e.dataset.taxonomy}`,maxSelection:parseInt(e.dataset.max)||0,canSearch:"search"in e.dataset,hasAutocomplete:!1,canCreate:!1,isRequired:!1,selectedTerms:new Set(t.selectedItems||[]),toggle:e,selectedContainer:t.selected||null,isFilterMode:!0,...t};return this.fields.set(i,s),this.isInitializing?this.taxonomiesToFetch.add(s.taxonomy):this.store.setFilter("taxonomy",s.taxonomy),i}createFieldId(e){return this.index++,"selector-"+this.index}async initFieldDisplay(e){const t=this.fields.get(e);if(!t||0===t.selectedTerms.size)return;Array.from(t.selectedTerms).forEach((t=>{const i=this.store.get(t);i&&this.addTermToDisplay(e,i.id,i.name,i.path)}))}initModal(){this.modalID="dialog#jvb-selector",this.modal=document.querySelector(this.modalID),this.modal?(this.initModalElements(),this.modalInstance=new window.jvbModal(this.modal,{handleForm:!1,save:null,open:null}),this.modalInstance.subscribe(((e,t)=>{switch(e){case"modal-open":this.openModal(t);break;case"modal-close":this.closeModal(t)}}))):console.warn("Taxonomy selector modal not found")}initModalElements(){this.selectors={search:{input:"[type=search]",clear:".clear-search",container:".search-wrapper"},termsList:".items-container",termsWrap:".items-wrap",breadcrumbs:{nav:"nav.term-navigation",back:".back-to-parent"},loading:{loading:".loading",text:".loading span"},selectedTerms:".selected-items",sentinel:".scroll-sentinel",modal:{title:"#modal-title",content:".modal-content"},create:{details:".create-new-term",parent:"#select_parent",summary:".create-new-term summary",name:"#term_name",button:".submit-term",label:{name:"[for=term_name]",parent:"[for=select_parent]"}},favouriteTerms:".favourite-terms"},this.ui=window.uiFromSelectors(this.selectors),this.observer=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.loadMoreTerms()}))}),{root:this.ui.termsWrap,threshold:.5})}initGlobalListeners(){document.addEventListener("click",this.handleClick.bind(this)),document.addEventListener("change",this.handleChange.bind(this)),this.hasAutocomplete&&this.initAutocomplete()}initAutocomplete(){this.autocompleteHandler=window.debounce((e=>this.handleAutocomplete(e)),300),document.addEventListener("input",this.autocompleteHandler),document.addEventListener("blur",this.cleanupAutocomplete.bind(this)),document.addEventListener("focus",(e=>{if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target),i=this.fields.get(t);i&&this.preloadTaxonomy(i.taxonomy)}),!0)}handleClick(e){const t=window.targetCheck(e,Array.from(this.triggers));if(t)return e.preventDefault(),void this.handleToggleClick(t);const i=window.targetCheck(e,"button.remove-item");if(i&&e.target.closest(".jvb-selector")){const e=this.getFieldId(i),t=i.closest(".selected-item").dataset.id;this.removeSelectedTerm(e,t)}else e.target.matches(".modal-close")?this.modalInstance&&this.modalInstance.handleClose():this.modal&&this.modal.contains(e.target)&&this.handleModalClick(e)}handleChange(e){if(window.targetCheck(e,".taxonomy.field, .post.field")&&"hidden"===e.target.type){const t=this.getFieldId(e.target);this.updateFieldFromInput(t)}else this.modal&&this.modal.contains(e.target)&&this.handleModalChange(e)}handleToggleClick(e){try{const t=this.getFieldId(e);if(!this.fields.get(t))return void console.error("Field not found for toggle:",t);this.setActiveField(t,!0)}catch(e){console.error("Error handling toggle click:",e),this.error?.log&&this.error.log(e,{component:"TaxonomySelector",action:"handleToggleClick"})}}setActiveField(e,t=!1){this.activeField=e,this.currentConfig=this.fields.get(e),this.currentSingular=this.getSingular(this.currentConfig.taxonomy),this.currentPlural=this.getPlural(this.currentConfig.taxonomy),t&&this.modalInstance.handleOpen(),this.store.setFilter("taxonomy",this.currentConfig.taxonomy),this.selectedTerms.clear(),this.currentConfig.selectedTerms.forEach((e=>{const t=this.store.get(e);t&&this.selectedTerms.set(e,{id:e,name:t.name,path:t.path})}))}handleModalClick(e){if(window.targetCheck(e,".remove-item")){let t=window.targetCheck(e,".selected-item");t&&this.removeSelectedTermFromModal(t.dataset.id)}else if(window.targetCheck(e,".back-to-parent"))this.navigateToParent();else if(window.targetCheck(e,".toggle-children")){let t=e.target.closest("li");this.navigateToChild(parseInt(t.dataset.id),t.querySelector(".term-name").textContent)}else if(window.targetCheck(e,".path-level")){let t=window.targetCheck(e,".path-level");this.navigateToPath(t)}}handleModalChange(e){if(window.targetCheck(e,this.modalID)&&"checkbox"===e.target.type){e.preventDefault(),e.stopPropagation();const t=parseInt(e.target.closest("li").dataset.id),i=e.target.closest("li").querySelector("label");e.target.checked?this.addSelectedTermToModal(t,i.title,i.dataset.path):this.removeSelectedTermFromModal(t)}}openForFilter(e,t,i=[]){const s=`filter-${e}-${Date.now()}`;this.fields.set(s,{id:s,input:null,container:null,taxonomy:e,name:`filter_${e}`,maxSelection:0,canSearch:!0,hasAutocomplete:!1,autocompleteDropdown:document.querySelector(".autocomplete-dropdown")??!1,canCreate:!1,isRequired:!1,selectedTerms:new Set(i),toggle:null,selectedContainer:null,isFilterMode:!0,filterCallback:t}),this.setActiveField(s,!0),this.modalInstance.handleOpen()}openModal(){this.currentConfig?(!this.creator&&this.currentConfig.canCreate&&"jvbTaxCreator"in window&&(this.creator=new window.jvbTaxCreator(this)),this.updateModalForTaxonomy(),this.updateModalSelections(),this.updateSelectionCount(),window.removeChildren(this.ui.termsList),this.showLoading()):console.error("No active field set")}updateSelectionCount(){if(!this.currentConfig)return;const e=this.selectedTerms.size,t=this.currentConfig.maxSelection,i=this.modal?.querySelector(".selection-count");i&&(i.textContent=t>0?`${e} of ${t} selected`:`${e} selected`)}getSingular(e){return jvbSettings.labels[e]?.single||e}getPlural(e){return jvbSettings.labels[e]?.plural||e}closeModal(){if(this.observer.unobserve(this.ui.sentinel),window.removeChildren(this.ui.termsList),this.notify("selected-terms",{terms:this.selectedTerms,taxonomy:this.currentConfig.taxonomy}),this.currentConfig?.isFilterMode){if(this.currentConfig.filterCallback){const e=Array.from(this.selectedTerms.keys());this.currentConfig.filterCallback(e,this.currentConfig.taxonomy)}}else this.activeField&&this.saveSelectionsToField(this.activeField);this.currentConfig?.canSearch&&this.searchHandler&&this.ui.search.input.removeEventListener("input",this.searchHandler),!this.hasAutocomplete&&this.creator&&delete this.creator,this.activeField=null,this.currentConfig=null}resetModalState(){this.disabled=!1,window.removeChildren(this.ui.termsList),window.removeChildren(this.ui.selectedTerms),this.ui.search.input.value="",window.removeChildren(this.ui.breadcrumbs.nav),this.ui.breadcrumbs.nav.appendChild(this.ui.breadcrumbs.back),this.ui.breadcrumbs.back.hidden=!0}updateModalForTaxonomy(){if(!this.currentConfig)return;this.ui.modal.title.textContent=`Select ${this.currentPlural}`,this.ui.search.container&&(this.ui.search.container.style.display=this.currentConfig.canSearch?"block":"none"),this.ui.create.details&&(this.ui.create.details.style.display=this.currentConfig.canCreate?"block":"none",this.ui.create.details.hidden=!this.currentConfig.canCreate,this.ui.create.summary&&(this.ui.create.summary.textContent=`Add new ${this.currentSingular}`),this.ui.create.label.name&&(this.ui.create.label.name.textContent=`Name this ${this.currentSingular}`),this.ui.create.label.parent&&(this.ui.create.label.parent.textContent="Nest it under"),this.ui.create.parent);const e=`Opened ${this.currentSingular} selection. Choose from checkboxes or search to filter results.`;this.a11y?.announce(e)}updateModalSelections(){window.removeChildren(this.ui.selectedTerms),this.selectedTerms.forEach(((e,t)=>{this.addTermToModalDisplay(t,e.name,e.path)})),this.checkSelectionLimits()}addSelectedTermToModal(e,t,i){this.selectedTerms.set(e,{id:e,name:t,path:i}),this.addTermToModalDisplay(e,t,i),this.checkSelectionLimits();const s=this.ui.termsList.querySelector(`input[value="${e}"]`);s&&(s.checked=!0)}removeSelectedTermFromModal(e){this.selectedTerms.delete(parseInt(e));const t=this.ui.selectedTerms.querySelector(`[data-id="${e}"]`);t&&t.remove();const i=this.ui.termsList.querySelector(`input[value="${e}"]`);i&&(i.checked=!1),this.checkSelectionLimits()}addTermToModalDisplay(e,t,i){const s=window.getTemplate("selectedTerm").cloneNode(!0);s.dataset.id=e,s.dataset.path=i,s.dataset.name=t,s.dataset.taxonomy=this.currentConfig.taxonomy,s.querySelector("span").textContent=i,s.querySelector("button").title=`Remove ${t}`,this.ui.selectedTerms.appendChild(s)}checkSelectionLimits(){this.currentConfig&&0!==this.currentConfig.maxSelection&&(this.disabled=this.selectedTerms.size>=this.currentConfig.maxSelection,this.setCheckboxes(this.disabled))}setCheckboxes(e){this.ui.termsList.querySelectorAll('input[type="checkbox"]').forEach((t=>{t.checked||(t.disabled=e)}))}saveSelectionsToField(e){const t=this.fields.get(e);if(!t)return;t.selectedTerms.clear(),window.removeChildren(t.selectedContainer),this.selectedTerms.forEach(((i,s)=>{t.selectedTerms.add(s),this.addTermToDisplay(e,s,i.name,i.path)}));const i=Array.from(t.selectedTerms);t.input.value=i.join(","),t.input.dispatchEvent(new Event("change",{bubbles:!0}))}removeSelectedTerm(e,t){const i=this.fields.get(e);if(!i)return;const s=parseInt(t);i.selectedTerms.delete(s);const o=i.selectedContainer.querySelector(`[data-id="${s}"]`);o&&o.remove();const r=Array.from(i.selectedTerms);i.input.value=r.join(","),i.input.dispatchEvent(new Event("change",{bubbles:!0}))}addTermToDisplay(e,t,i,s){const o=this.fields.get(e);if(!o||o.selectedContainer.querySelector(`[data-id="${t}"]`))return;const r=window.getTemplate("selectedTerm").cloneNode(!0);r.dataset.id=t,r.dataset.path=s,r.dataset.name=i,r.dataset.taxonomy=o.taxonomy,r.querySelector("span").textContent=s,r.querySelector("button").title=`Remove ${i}`,o.selectedContainer.appendChild(r)}updateFieldFromInput(e){const t=this.fields.get(e);if(!t)return;const i=t.input.value.trim();if(t.selectedTerms.clear(),window.removeChildren(t.selectedContainer),""!==i){i.split(",").map((e=>parseInt(e.trim()))).filter((e=>!isNaN(e))).forEach((e=>t.selectedTerms.add(e))),this.initFieldDisplay(e)}}handleSearch(e){const t=e.target.value.trim();this.searchHandler&&clearTimeout(this.searchHandler),this.searchHandler=setTimeout((()=>{this.store.setFilters({search:t,page:1,parent:t?0:this.store.filters.parent||0}),window.removeChildren(this.ui.termsList)}),300)}async handleAutocomplete(e){if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target),i=this.fields.get(t);if(!i)return;const s=e.target.value.trim();if(i.currentAutocompleteQuery=s,s.length<2)return i.autocompleteDropdown&&(i.autocompleteDropdown.hidden=!0),void(this.isAutocompleteActive=!1);this.activeField=t,this.isAutocompleteActive=!0,i.autocompleteDropdown&&(i.autocompleteDropdown.hidden=!1),this.store.setFilters({taxonomy:i.taxonomy,search:s,page:1})}cleanupAutocomplete(e){if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target);this.fields.get(t)&&this.creator&&delete this.creator}showAutocompleteError(e){const t=this.fields.get(e);if(!t)return;t.config.autocompleteDropdown||(t.config.autocompleteDropdown=t.element.querySelector(".autocomplete-dropdown"));const i=t.config.autocompleteDropdown;i&&(window.removeChildren(i),this.showEmptyState("Hmmm... something went wrong",i))}showAutocompleteResults(e,t,i){if(!e||!e.autocompleteDropdown)return;const s=e.autocompleteDropdown;window.removeChildren(s),0===t.length?this.showEmptyState("No items found.",s):t.forEach((t=>{const i=this.createAutocompleteTermElement(e,t);i&&s.appendChild(i)}));const o=e.currentAutocompleteQuery||i;if(e.canCreate&&o&&window.jvbTaxCreator){const e=this.createNewTermOption(o);s.appendChild(e)}s.hidden=!1}createNewTermOption(e){const t=document.createElement("button");return t.type="button",t.className="autocomplete-item create-term",t.dataset.query=e,t.innerHTML=`<strong>Create:</strong> "${e}"`,t}createAutocompleteTermElement(e,t){const i=document.createElement("button");return i.type="button",i.className="autocomplete-item",i.dataset.id=t.id,i.dataset.name=t.name,i.dataset.path=t.path||t.name,i.textContent=t.path||t.name,i.addEventListener("click",(()=>{e.selectedTerms.add(parseInt(t.id)),this.addTermToDisplay(e.id,t.id,t.name,t.path),e.input.value=Array.from(e.selectedTerms).join(","),e.input.dispatchEvent(new Event("change",{bubbles:!0})),e.autocompleteDropdown.hidden=!0;const i=e.container.querySelector("input[data-autocomplete]");i&&(i.value="")})),i}navigateToParent(){this.store.setFilters({parent:0,page:1}),window.removeChildren(this.ui.termsList),this.ui.breadcrumbs.back.hidden=!0}navigateToChild(e,t){this.store.setFilters({parent:e,page:1}),window.removeChildren(this.ui.termsList),this.updateBreadcrumbs(e,t),this.ui.breadcrumbs.back.hidden=!1}navigateToPath(e){const t=parseInt(e.dataset.id)||0;this.store.setFilters({parent:t,page:1}),window.removeChildren(this.ui.termsList),this.ui.breadcrumbs.back.hidden=0===t}loadMoreTerms(){const e=this.store.filters.page||1;this.store.setFilter("page",e+1)}renderTerms(e=null,t=!1,i=!1){if(e||(e=this.store.getFiltered()),t||window.removeChildren(this.ui.termsList),0===e.length)return void(t||this.showEmptyState());const s=this.store.filters.parent||0;this.ui.breadcrumbs.back.hidden=0===s;const o=document.createDocumentFragment();e.forEach((e=>{const t=this.createTermElement({id:parseInt(e.id),name:e.name,hasChildren:e.hasChildren,path:e.path||null,show:i});t&&o.appendChild(t)})),this.ui.termsList.appendChild(o)}createTermElement(e){if(!e||!e.name)return null;const t=window.getTemplate("termListItem").cloneNode(!0);t.dataset.id=e.id;const i=this.selectedTerms.has(e.id),s=t.querySelector("input"),o=t.querySelector("label"),r=t.querySelector("span, .term-name");if(s&&o&&r&&(s.id=`${this.currentConfig.container.id}${e.id}`,s.name=`${this.currentConfig.container.id}${this.currentConfig.taxonomy}-select`,s.value=e.id,s.disabled=!i&&this.disabled,s.checked=i,o.htmlFor=s.id,o.title=e.path||e.name,o.dataset.path=e.path,r.textContent=e.show?e.path:e.name),e.hasChildren){const i=window.getTemplate?window.getTemplate("termChildrenToggle"):this.createChildrenToggle();i&&(i.ariaLabel=`View sub-terms of ${e.name}`,t.appendChild(i))}return t}createChildrenToggle(){const e=document.createElement("button");return e.type="button",e.className="toggle-children",e.innerHTML="→",e}updateBreadcrumbs(e,t){const i=window.getTemplate("termBreadcrumb").cloneNode(!0);i.dataset.id=e,i.textContent=t,i.title=t;const s=this.ui.breadcrumbs.nav.querySelector(`[data-id="${e}"]`);if(s)for(;s.nextElementSibling;)s.nextElementSibling.remove();else this.ui.breadcrumbs.nav.appendChild(i)}showLoading(){this.ui.loading.loading.hidden=!1,this.modal.classList.add("loading");const e=this.store?.filters?.search||"",t=this.store?.filters?.parent||0;let i=""!==e?`searching for "${e}" items`:0===t?"loading items":"loading child items";window.typeLoop?this.stopTyping=window.typeLoop(this.ui.loading.text,i):this.ui.loading.text.textContent=i}hideLoading(){this.ui.loading.loading.hidden=!0,this.modal.classList.remove("loading"),this.stopTyping&&this.stopTyping()}showEmptyState(e="No items found.",t=null){t||(t=this.ui.termsList);const i=window.getTemplate("noResults").cloneNode(!0);e&&i.querySelector("span")&&(i.querySelector("span").textContent=e),t.appendChild(i)}getFieldId(e){if(e.dataset.fieldId)return e.dataset.fieldId;const t=e.closest("[data-field-id]");return t?t.dataset.fieldId:null}async batchFetchTaxonomies(){if(0===this.taxonomiesToFetch.size)return;const e=Array.from(this.taxonomiesToFetch);this.taxonomiesToFetch.clear(),this.store.setFilters({taxonomy:e.join(","),page:1,search:"",parent:0})}handleBatchDataLoaded(e,t){const i=e.split(",").map((e=>e.trim())),s=this.store.getStore();i.forEach((e=>{const t={taxonomy:e,page:1,search:"",parent:0},i=this.generateCacheKeyForFilters(t),o={key:i,items:Array.from(this.store.data.values()).filter((t=>t.taxonomy===e)).map((e=>e.id)),timestamp:Date.now(),endpoint:s.config.endpoint,filters:t};if(s.cache.set(i,o),s.db?.objectStoreNames.contains("cache")){s.db.transaction(["cache"],"readwrite").objectStore("cache").put(o)}this.updateFieldsForTaxonomy(e)})),this.fields.forEach(((e,t)=>{e.selectedTerms.size>0&&this.initFieldDisplay(t)}))}generateCacheKeyForFilters(e){const t=Object.keys(e).sort().reduce(((t,i)=>(t[i]=e[i],t)),{});return JSON.stringify(t)}async preloadTaxonomy(e){this.store.setFilters({taxonomy:e,page:1,search:"",parent:0})}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((i=>{try{i(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){document.removeEventListener("click",this.handleClick),document.removeEventListener("change",this.handleChange),this.observer?.disconnect(),this.store.destroy(),this.subscribers.clear(),this.fields.clear(),this.selectedTerms.clear()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbSelector=new e}))})();
(()=>{class e{constructor(){this.a11y=window.jvbA11y,this.error=window.jvbError,this.index=-1,this.hasAutocomplete=!1,this.isInitializing=!0,this.taxonomiesToFetch=new Set,this.triggers=new Set([".taxonomy-toggle"]),this.subscribers=new Set;const e=window.jvbStore.register("taxonomies",{storeName:"terms",keyPath:"id",showLoading:!1,indexes:[{name:"taxonomy",keyPath:"taxonomy"},{name:"parent",keyPath:"parent"},{name:"slug",keyPath:"slug",unique:!0},{name:"count",keyPath:"count"}],endpoint:"terms",TTL:12e4,filters:{taxonomy:"",page:1,search:"",parent:0},required:"taxonomy",delayFetch:!0});this.store=e.terms,this.fields=new Map,this.selectedTerms=new Map,this.activeField=null,this.currentConfig=null,this.currentSingular=null,this.currentPlural=null,this.disabled=!1,this.searchHandler=null,this.autocompleteHandler=null,this.isAutocompleteActive=!1,this.init()}init(){this.initModal(),this.scanExistingFields(),this.initGlobalListeners(),this.hasAutocomplete&&window.jvbTaxCreator&&(this.creator=new window.jvbTaxCreator(this)),this.store.subscribe(this.handleStoreEvent.bind(this)),this.isInitializing=!1,this.batchFetchTaxonomies()}handleStoreEvent(e,t){switch(e){case"data-loaded":const e=this.store.filters.taxonomy;if(e?.includes(",")&&this.handleBatchDataLoaded(e,t),e){(e.includes(",")?e.split(",").map((e=>e.trim())):[e]).forEach((e=>{this.updateFieldsForTaxonomy(e)}))}if(this.modal?.open&&this.handleTermsLoaded(t),this.isAutocompleteActive&&this.activeField){const e=this.fields.get(this.activeField),i=t.data?.items||[],s=t.filters?.search||"";this.showAutocompleteResults(e,i,s),this.isAutocompleteActive=!1}break;case"filters-changed":this.modal?.open&&this.showLoading();break;case"fetch-error":this.isAutocompleteActive&&this.activeField&&(this.showAutocompleteError(this.activeField),this.isAutocompleteActive=!1),this.handleFetchError(t.error)}}handleTermsLoaded(e){this.hideLoading();const t=this.store.getFiltered(),i=this.store.lastResponse?.page||{},s=e.filters?.search&&e.filters.search.length>0,o=i.page>1;this.notify("terms-loaded",{terms:t,filters:e.filters}),0===t.length?(o||this.showEmptyState(s?"No results found.":"No items available."),this.observer.unobserve(this.ui.sentinel)):(this.renderTerms(t,o,s),i.has_more?this.observer.observe(this.ui.sentinel):this.observer.unobserve(this.ui.sentinel)),this.a11y?.announce(t.length,o)}handleFetchError(e){console.error("Taxonomy fetch error:",e),this.hideLoading(),this.error?.log?this.error.log(e,{component:"TaxonomySelector",action:"fetchTerms"},(()=>this.fetchCurrentTerms())):this.showEmptyState("Error loading terms. Please try again.")}updateFieldButtonState(e){const t=this.fields.get(e);if(!t)return;const i=Array.from(this.store.data.values()).some((e=>e.taxonomy===t.taxonomy));t.toggle&&(t.toggle.disabled=!i&&!t.canCreate,t.toggle.title=i?`Select ${this.getPlural(t.taxonomy)}`:`No ${this.getSingular(t.taxonomy)} available`)}updateFieldsForTaxonomy(e){this.getFieldsForTaxonomy(e).forEach((e=>{this.updateFieldButtonState(e.id)}))}getFieldsForTaxonomy(e){return Array.from(this.fields.values()).filter((t=>t.taxonomy===e))}scanExistingFields(e=null){e||(e=document.body);e.querySelectorAll(".field.taxonomy, .field.post").forEach((e=>{try{this.registerField(e)}catch(t){this.error.log(t,{component:"TaxonomySelector",action:"scanExistingFields",container:e.dataset.name})}}))}registerField(e,t={}){let i=e.querySelector("input[type=hidden]");if(!i)return!1;"fieldId"in e.dataset||(e.dataset.fieldId=this.createFieldId(e));let s=e.dataset.fieldId,o=Object.hasOwn(t,"button")?t.button:e.querySelector("button.taxonomy-toggle");Object.hasOwn(t,"buttonSelector")&&this.triggers.add(t.buttonSelector);let r={id:s,input:i,container:e,taxonomy:o.dataset.taxonomy,name:e.dataset.field,maxSelection:parseInt(o.dataset.max)||0,canSearch:"search"in o.dataset,hasAutocomplete:"autocomplete"in o.dataset,autocompleteDropdown:e.querySelector(".autocomplete-dropdown")??!1,canCreate:"creatable"in o.dataset,isRequired:"required"in o.dataset,selectedTerms:new Set,toggle:o,selectedContainer:Object.hasOwn(t,"selected")?t.selected:e.querySelector(".selected-items"),...t};!this.hasAutocomplete&&r.hasAutocomplete&&(this.hasAutocomplete=!0,this.initAutocomplete());const a=i.value.trim();if(""!==a){a.split(",").map((e=>parseInt(e.trim()))).filter((e=>!isNaN(e))).forEach((e=>r.selectedTerms.add(e)))}return Object.hasOwn(t,"selectedItems")&&t.selectedItems.forEach((e=>{r.selectedTerms.add(e)})),this.fields.set(s,r),this.isInitializing&&this.taxonomiesToFetch.add(r.taxonomy),r.selectedTerms.size>0&&this.initFieldDisplay(s),s}registerFilterButton(e,t={}){const i=this.createFieldId(e);e.dataset.fieldId=i,t.buttonSelector&&this.triggers.add(t.buttonSelector);const s={id:i,input:null,container:t.container||e.closest(".filters")||e.parentElement,taxonomy:e.dataset.taxonomy,name:`filter_${e.dataset.taxonomy}`,maxSelection:parseInt(e.dataset.max)||0,canSearch:"search"in e.dataset,hasAutocomplete:!1,canCreate:!1,isRequired:!1,selectedTerms:new Set(t.selectedItems||[]),toggle:e,selectedContainer:t.selected||null,isFilterMode:!0,...t};return this.fields.set(i,s),this.isInitializing?this.taxonomiesToFetch.add(s.taxonomy):this.store.setFilter("taxonomy",s.taxonomy),i}createFieldId(e){return this.index++,"selector-"+this.index}async initFieldDisplay(e){const t=this.fields.get(e);if(!t||0===t.selectedTerms.size)return;Array.from(t.selectedTerms).forEach((t=>{const i=this.store.get(t);i&&this.addTermToDisplay(e,i.id,i.name,i.path)}))}initModal(){this.modalID="dialog#jvb-selector",this.modal=document.querySelector(this.modalID),this.modal?(this.initModalElements(),this.modalInstance=new window.jvbModal(this.modal,{handleForm:!1,save:null,open:null}),this.modalInstance.subscribe(((e,t)=>{switch(e){case"modal-open":this.openModal(t);break;case"modal-close":this.closeModal(t)}}))):console.warn("Taxonomy selector modal not found")}initModalElements(){this.selectors={search:{input:"[type=search]",clear:".clear-search",container:".search-wrapper"},termsList:".items-container",termsWrap:".items-wrap",breadcrumbs:{nav:"nav.term-navigation",back:".back-to-parent"},loading:{loading:".loading",text:".loading span"},selectedTerms:".selected-items",sentinel:".scroll-sentinel",modal:{title:"#modal-title",content:".modal-content"},create:{details:".create-new-term",parent:"#select_parent",summary:".create-new-term summary",name:"#term_name",button:".submit-term",label:{name:"[for=term_name]",parent:"[for=select_parent]"}},favouriteTerms:".favourite-terms"},this.ui=window.uiFromSelectors(this.selectors),this.observer=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&this.loadMoreTerms()}))}),{root:this.ui.termsWrap,threshold:.5})}initGlobalListeners(){document.addEventListener("click",this.handleClick.bind(this)),document.addEventListener("change",this.handleChange.bind(this)),this.hasAutocomplete&&this.initAutocomplete()}initAutocomplete(){this.autocompleteHandler=e=>{window.debouncer.schedule("taxonomy-autocomplete",(()=>this.handleAutocomplete(e)),300)},document.addEventListener("input",this.autocompleteHandler),document.addEventListener("blur",this.cleanupAutocomplete.bind(this)),document.addEventListener("focus",(e=>{if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target),i=this.fields.get(t);i&&this.preloadTaxonomy(i.taxonomy)}),!0)}handleClick(e){const t=window.targetCheck(e,Array.from(this.triggers));if(t)return e.preventDefault(),void this.handleToggleClick(t);const i=window.targetCheck(e,"button.remove-item");if(i&&e.target.closest(".jvb-selector")){const e=this.getFieldId(i),t=i.closest(".selected-item").dataset.id;this.removeSelectedTerm(e,t)}else e.target.matches(".modal-close")?this.modalInstance&&this.modalInstance.handleClose():this.modal&&this.modal.contains(e.target)&&this.handleModalClick(e)}handleChange(e){if(window.targetCheck(e,".taxonomy.field, .post.field")&&"hidden"===e.target.type){const t=this.getFieldId(e.target);this.updateFieldFromInput(t)}else this.modal&&this.modal.contains(e.target)&&this.handleModalChange(e)}handleToggleClick(e){try{const t=this.getFieldId(e);if(!this.fields.get(t))return void console.error("Field not found for toggle:",t);this.setActiveField(t,!0)}catch(e){console.error("Error handling toggle click:",e),this.error?.log&&this.error.log(e,{component:"TaxonomySelector",action:"handleToggleClick"})}}setActiveField(e,t=!1){this.activeField=e,this.currentConfig=this.fields.get(e),this.currentSingular=this.getSingular(this.currentConfig.taxonomy),this.currentPlural=this.getPlural(this.currentConfig.taxonomy),t&&this.modalInstance.handleOpen(),this.store.setFilter("taxonomy",this.currentConfig.taxonomy),this.selectedTerms.clear(),this.currentConfig.selectedTerms.forEach((e=>{const t=this.store.get(e);t&&this.selectedTerms.set(e,{id:e,name:t.name,path:t.path})}))}handleModalClick(e){if(window.targetCheck(e,".remove-item")){let t=window.targetCheck(e,".selected-item");t&&this.removeSelectedTermFromModal(t.dataset.id)}else if(window.targetCheck(e,".back-to-parent"))this.navigateToParent();else if(window.targetCheck(e,".toggle-children")){let t=e.target.closest("li");this.navigateToChild(parseInt(t.dataset.id),t.querySelector(".term-name").textContent)}else if(window.targetCheck(e,".path-level")){let t=window.targetCheck(e,".path-level");this.navigateToPath(t)}}handleModalChange(e){if(window.targetCheck(e,this.modalID)&&"checkbox"===e.target.type){e.preventDefault(),e.stopPropagation();const t=parseInt(e.target.closest("li").dataset.id),i=e.target.closest("li").querySelector("label");e.target.checked?this.addSelectedTermToModal(t,i.title,i.dataset.path):this.removeSelectedTermFromModal(t)}}openForFilter(e,t,i=[]){const s=`filter-${e}-${Date.now()}`;this.fields.set(s,{id:s,input:null,container:null,taxonomy:e,name:`filter_${e}`,maxSelection:0,canSearch:!0,hasAutocomplete:!1,autocompleteDropdown:document.querySelector(".autocomplete-dropdown")??!1,canCreate:!1,isRequired:!1,selectedTerms:new Set(i),toggle:null,selectedContainer:null,isFilterMode:!0,filterCallback:t}),this.setActiveField(s,!0),this.modalInstance.handleOpen()}openModal(){this.currentConfig?(!this.creator&&this.currentConfig.canCreate&&"jvbTaxCreator"in window&&(this.creator=new window.jvbTaxCreator(this)),this.updateModalForTaxonomy(),this.updateModalSelections(),this.updateSelectionCount(),window.removeChildren(this.ui.termsList),this.showLoading()):console.error("No active field set")}updateSelectionCount(){if(!this.currentConfig)return;const e=this.selectedTerms.size,t=this.currentConfig.maxSelection,i=this.modal?.querySelector(".selection-count");i&&(i.textContent=t>0?`${e} of ${t} selected`:`${e} selected`)}getSingular(e){return jvbSettings.labels[e]?.single||e}getPlural(e){return jvbSettings.labels[e]?.plural||e}closeModal(){if(this.observer.unobserve(this.ui.sentinel),window.removeChildren(this.ui.termsList),this.notify("selected-terms",{terms:this.selectedTerms,taxonomy:this.currentConfig.taxonomy}),this.currentConfig?.isFilterMode){if(this.currentConfig.filterCallback){const e=Array.from(this.selectedTerms.keys());this.currentConfig.filterCallback(e,this.currentConfig.taxonomy)}}else this.activeField&&this.saveSelectionsToField(this.activeField);this.currentConfig?.canSearch&&this.searchHandler&&this.ui.search.input.removeEventListener("input",this.searchHandler),!this.hasAutocomplete&&this.creator&&delete this.creator,this.activeField=null,this.currentConfig=null}resetModalState(){this.disabled=!1,window.removeChildren(this.ui.termsList),window.removeChildren(this.ui.selectedTerms),this.ui.search.input.value="",window.removeChildren(this.ui.breadcrumbs.nav),this.ui.breadcrumbs.nav.appendChild(this.ui.breadcrumbs.back),this.ui.breadcrumbs.back.hidden=!0}updateModalForTaxonomy(){if(!this.currentConfig)return;this.ui.modal.title.textContent=`Select ${this.currentPlural}`,this.ui.search.container&&(this.ui.search.container.style.display=this.currentConfig.canSearch?"block":"none"),this.ui.create.details&&(this.ui.create.details.style.display=this.currentConfig.canCreate?"block":"none",this.ui.create.details.hidden=!this.currentConfig.canCreate,this.ui.create.summary&&(this.ui.create.summary.textContent=`Add new ${this.currentSingular}`),this.ui.create.label.name&&(this.ui.create.label.name.textContent=`Name this ${this.currentSingular}`),this.ui.create.label.parent&&(this.ui.create.label.parent.textContent="Nest it under"),this.ui.create.parent);const e=`Opened ${this.currentSingular} selection. Choose from checkboxes or search to filter results.`;this.a11y?.announce(e)}updateModalSelections(){window.removeChildren(this.ui.selectedTerms),this.selectedTerms.forEach(((e,t)=>{this.addTermToModalDisplay(t,e.name,e.path)})),this.checkSelectionLimits()}addSelectedTermToModal(e,t,i){this.selectedTerms.set(e,{id:e,name:t,path:i}),this.addTermToModalDisplay(e,t,i),this.checkSelectionLimits();const s=this.ui.termsList.querySelector(`input[value="${e}"]`);s&&(s.checked=!0)}removeSelectedTermFromModal(e){this.selectedTerms.delete(parseInt(e));const t=this.ui.selectedTerms.querySelector(`[data-id="${e}"]`);t&&t.remove();const i=this.ui.termsList.querySelector(`input[value="${e}"]`);i&&(i.checked=!1),this.checkSelectionLimits()}addTermToModalDisplay(e,t,i){const s=window.getTemplate("selectedTerm").cloneNode(!0);s.dataset.id=e,s.dataset.path=i,s.dataset.name=t,s.dataset.taxonomy=this.currentConfig.taxonomy,s.querySelector("span").textContent=i,s.querySelector("button").title=`Remove ${t}`,this.ui.selectedTerms.appendChild(s)}checkSelectionLimits(){this.currentConfig&&0!==this.currentConfig.maxSelection&&(this.disabled=this.selectedTerms.size>=this.currentConfig.maxSelection,this.setCheckboxes(this.disabled))}setCheckboxes(e){this.ui.termsList.querySelectorAll('input[type="checkbox"]').forEach((t=>{t.checked||(t.disabled=e)}))}saveSelectionsToField(e){const t=this.fields.get(e);if(!t)return;t.selectedTerms.clear(),window.removeChildren(t.selectedContainer),this.selectedTerms.forEach(((i,s)=>{t.selectedTerms.add(s),this.addTermToDisplay(e,s,i.name,i.path)}));const i=Array.from(t.selectedTerms);t.input.value=i.join(","),t.input.dispatchEvent(new Event("change",{bubbles:!0}))}removeSelectedTerm(e,t){const i=this.fields.get(e);if(!i)return;const s=parseInt(t);i.selectedTerms.delete(s);const o=i.selectedContainer.querySelector(`[data-id="${s}"]`);o&&o.remove();const r=Array.from(i.selectedTerms);i.input.value=r.join(","),i.input.dispatchEvent(new Event("change",{bubbles:!0}))}addTermToDisplay(e,t,i,s){const o=this.fields.get(e);if(!o||o.selectedContainer.querySelector(`[data-id="${t}"]`))return;const r=window.getTemplate("selectedTerm").cloneNode(!0);r.dataset.id=t,r.dataset.path=s,r.dataset.name=i,r.dataset.taxonomy=o.taxonomy,r.querySelector("span").textContent=s,r.querySelector("button").title=`Remove ${i}`,o.selectedContainer.appendChild(r)}updateFieldFromInput(e){const t=this.fields.get(e);if(!t)return;const i=t.input.value.trim();if(t.selectedTerms.clear(),window.removeChildren(t.selectedContainer),""!==i){i.split(",").map((e=>parseInt(e.trim()))).filter((e=>!isNaN(e))).forEach((e=>t.selectedTerms.add(e))),this.initFieldDisplay(e)}}handleSearch(e){const t=e.target.value.trim();this.searchHandler&&clearTimeout(this.searchHandler),this.searchHandler=setTimeout((()=>{this.store.setFilters({search:t,page:1,parent:t?0:this.store.filters.parent||0}),window.removeChildren(this.ui.termsList)}),300)}async handleAutocomplete(e){if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target),i=this.fields.get(t);if(!i)return;const s=e.target.value.trim();if(i.currentAutocompleteQuery=s,s.length<2)return i.autocompleteDropdown&&(i.autocompleteDropdown.hidden=!0),void(this.isAutocompleteActive=!1);this.activeField=t,this.isAutocompleteActive=!0,i.autocompleteDropdown&&(i.autocompleteDropdown.hidden=!1),this.store.setFilters({taxonomy:i.taxonomy,search:s,page:1})}cleanupAutocomplete(e){if(!("autocomplete"in e.target.dataset))return;const t=this.getFieldId(e.target);this.fields.get(t)&&this.creator&&delete this.creator}showAutocompleteError(e){const t=this.fields.get(e);if(!t)return;t.config.autocompleteDropdown||(t.config.autocompleteDropdown=t.element.querySelector(".autocomplete-dropdown"));const i=t.config.autocompleteDropdown;i&&(window.removeChildren(i),this.showEmptyState("Hmmm... something went wrong",i))}showAutocompleteResults(e,t,i){if(!e||!e.autocompleteDropdown)return;const s=e.autocompleteDropdown;window.removeChildren(s),0===t.length?this.showEmptyState("No items found.",s):t.forEach((t=>{const i=this.createAutocompleteTermElement(e,t);i&&s.appendChild(i)}));const o=e.currentAutocompleteQuery||i;if(e.canCreate&&o&&window.jvbTaxCreator){const e=this.createNewTermOption(o);s.appendChild(e)}s.hidden=!1}createNewTermOption(e){const t=document.createElement("button");return t.type="button",t.className="autocomplete-item create-term",t.dataset.query=e,t.innerHTML=`<strong>Create:</strong> "${e}"`,t}createAutocompleteTermElement(e,t){const i=document.createElement("button");return i.type="button",i.className="autocomplete-item",i.dataset.id=t.id,i.dataset.name=t.name,i.dataset.path=t.path||t.name,i.textContent=t.path||t.name,i.addEventListener("click",(()=>{e.selectedTerms.add(parseInt(t.id)),this.addTermToDisplay(e.id,t.id,t.name,t.path),e.input.value=Array.from(e.selectedTerms).join(","),e.input.dispatchEvent(new Event("change",{bubbles:!0})),e.autocompleteDropdown.hidden=!0;const i=e.container.querySelector("input[data-autocomplete]");i&&(i.value="")})),i}navigateToParent(){this.store.setFilters({parent:0,page:1}),window.removeChildren(this.ui.termsList),this.ui.breadcrumbs.back.hidden=!0}navigateToChild(e,t){this.store.setFilters({parent:e,page:1}),window.removeChildren(this.ui.termsList),this.updateBreadcrumbs(e,t),this.ui.breadcrumbs.back.hidden=!1}navigateToPath(e){const t=parseInt(e.dataset.id)||0;this.store.setFilters({parent:t,page:1}),window.removeChildren(this.ui.termsList),this.ui.breadcrumbs.back.hidden=0===t}loadMoreTerms(){const e=this.store.filters.page||1;this.store.setFilter("page",e+1)}renderTerms(e=null,t=!1,i=!1){if(e||(e=this.store.getFiltered()),t||window.removeChildren(this.ui.termsList),0===e.length)return void(t||this.showEmptyState());const s=this.store.filters.parent||0;this.ui.breadcrumbs.back.hidden=0===s;const o=document.createDocumentFragment();e.forEach((e=>{const t=this.createTermElement({id:parseInt(e.id),name:e.name,hasChildren:e.hasChildren,path:e.path||null,show:i});t&&o.appendChild(t)})),this.ui.termsList.appendChild(o)}createTermElement(e){if(!e||!e.name)return null;const t=window.getTemplate("termListItem").cloneNode(!0);t.dataset.id=e.id;const i=this.selectedTerms.has(e.id),s=t.querySelector("input"),o=t.querySelector("label"),r=t.querySelector("span, .term-name");if(s&&o&&r&&(s.id=`${this.currentConfig.container.id}${e.id}`,s.name=`${this.currentConfig.container.id}${this.currentConfig.taxonomy}-select`,s.value=e.id,s.disabled=!i&&this.disabled,s.checked=i,o.htmlFor=s.id,o.title=e.path||e.name,o.dataset.path=e.path,r.textContent=e.show?e.path:e.name),e.hasChildren){const i=window.getTemplate?window.getTemplate("termChildrenToggle"):this.createChildrenToggle();i&&(i.ariaLabel=`View sub-terms of ${e.name}`,t.appendChild(i))}return t}createChildrenToggle(){const e=document.createElement("button");return e.type="button",e.className="toggle-children",e.innerHTML="→",e}updateBreadcrumbs(e,t){const i=window.getTemplate("termBreadcrumb").cloneNode(!0);i.dataset.id=e,i.textContent=t,i.title=t;const s=this.ui.breadcrumbs.nav.querySelector(`[data-id="${e}"]`);if(s)for(;s.nextElementSibling;)s.nextElementSibling.remove();else this.ui.breadcrumbs.nav.appendChild(i)}showLoading(){this.ui.loading.loading.hidden=!1,this.modal.classList.add("loading");const e=this.store?.filters?.search||"",t=this.store?.filters?.parent||0;let i=""!==e?`searching for "${e}" items`:0===t?"loading items":"loading child items";window.typeLoop?this.stopTyping=window.typeLoop(this.ui.loading.text,i):this.ui.loading.text.textContent=i}hideLoading(){this.ui.loading.loading.hidden=!0,this.modal.classList.remove("loading"),this.stopTyping&&this.stopTyping()}showEmptyState(e="No items found.",t=null){t||(t=this.ui.termsList);const i=window.getTemplate("noResults").cloneNode(!0);e&&i.querySelector("span")&&(i.querySelector("span").textContent=e),t.appendChild(i)}getFieldId(e){if(e.dataset.fieldId)return e.dataset.fieldId;const t=e.closest("[data-field-id]");return t?t.dataset.fieldId:null}async batchFetchTaxonomies(){if(0===this.taxonomiesToFetch.size)return;const e=Array.from(this.taxonomiesToFetch);this.taxonomiesToFetch.clear(),this.store.setFilters({taxonomy:e.join(","),page:1,search:"",parent:0})}handleBatchDataLoaded(e,t){const i=e.split(",").map((e=>e.trim())),s=this.store.getStore();i.forEach((e=>{const t={taxonomy:e,page:1,search:"",parent:0},i=this.generateCacheKeyForFilters(t),o={key:i,items:Array.from(this.store.data.values()).filter((t=>t.taxonomy===e)).map((e=>e.id)),timestamp:Date.now(),endpoint:s.config.endpoint,filters:t};if(s.cache.set(i,o),s.db?.objectStoreNames.contains("cache")){s.db.transaction(["cache"],"readwrite").objectStore("cache").put(o)}this.updateFieldsForTaxonomy(e)})),this.fields.forEach(((e,t)=>{e.selectedTerms.size>0&&this.initFieldDisplay(t)}))}generateCacheKeyForFilters(e){const t=Object.keys(e).sort().reduce(((t,i)=>(t[i]=e[i],t)),{});return JSON.stringify(t)}async preloadTaxonomy(e){this.store.setFilters({taxonomy:e,page:1,search:"",parent:0})}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((i=>{try{i(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){document.removeEventListener("click",this.handleClick),document.removeEventListener("change",this.handleChange),this.observer?.disconnect(),this.store.destroy(),this.subscribers.clear(),this.fields.clear(),this.selectedTerms.clear()}}document.addEventListener("DOMContentLoaded",(function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbSelector=new e)}))}))})();

 assets/js/min/settings.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.cache=new window.jvbCache("settings"),this.cache.loadFromCache(),this.findSettings(),this.debouncer=window.debouncer,this.isLoggedIn=null!==jvbSettings.currentUser,this.initListeners(),this.loadSettings(),this.subscribers=new Set}findSettings(){this.settings=document.querySelectorAll("[data-setting]")??[]}addSetting(e,t="",s=null){t=""===t?e.name:t,e.dataset.setting=t;let n=this.cache.get(t);n&&("INPUT"===e.tagName&&["checkbox","radio"].includes(e.type)?e.checked=n===e.value:"DETAILS"===e.tagName&&(e.open="on"===n)),this.debouncer.schedule("add-setting",(()=>{this.findSettings.bind(this)}),300)}loadSettings(){for(const e of this.settings){let t=e.name;if(Object.hasOwn(e.dataset,"theme"))this.checkTheme(e);else{let s=this.cache.get(t);s&&("on"===e.value?e.checked="on"===s:["checkbox","radio"].includes(e.tagName)?e.checked=e.value===s:e.value=s)}}}checkTheme(e){const t=window.matchMedia("(prefers-color-scheme: dark)");let s=this.cache.get("dark-mode");!t||s&&"off"===s?"on"===s&&(e.checked=!0):e.checked=!0}initListeners(){this.changeHandler=this.handleChange.bind(this),document.addEventListener("change",this.changeHandler)}handleChange(e){if(!Object.hasOwn(e.target.dataset,"setting"))return;let t=e.target.value;"on"===e.target.value&&(t=e.target.checked?"on":"off"),this.saveSetting(e.target.name,t)}saveSetting(e,t){let s;this.isLoggedIn&&(s=this.cache.get(e)),this.cache.set(e,t),this.isLoggedIn&&s&&s!==t&&this.saveToServer(e,t)}async saveToServer(e,t){if(!this.isLoggedIn||!["dark-mode"].includes(e))return;const s={"X-WP-Nonce":jvbSettings?.nonce,"Content-Type":"application/json"},n={user:jvbSettings.currentUser,setting:e,value:t},i=await fetch(`${jvbSettings.api}settings`,{method:"POST",headers:s,body:JSON.stringify(n)});await i.json()}loadSetting(e){return this.cache.get(e)}loadUserSetting(e){}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((s=>s(e,t)))}destroy(){document.removeEventListener("change",this.changeHandler),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(function(){window.jvbUserSettings=new e}))})();
(()=>{class e{constructor(){this.cache=new window.jvbCache("settings"),this.cache.loadFromCache(),this.findSettings(),this.debouncer=window.debouncer,this.isLoggedIn=null!==window.auth.getUser(),this.initListeners(),this.loadSettings(),this.subscribers=new Set}findSettings(){this.settings=document.querySelectorAll("[data-setting]")??[]}addSetting(e,t="",s=null){t=""===t?e.name:t,e.dataset.setting=t;let n=this.cache.get(t);n&&("INPUT"===e.tagName&&["checkbox","radio"].includes(e.type)?e.checked=n===e.value:"DETAILS"===e.tagName&&(e.open="on"===n)),this.debouncer.schedule("add-setting",(()=>{this.findSettings.bind(this)}),300)}loadSettings(){for(const e of this.settings){let t=e.name;if(Object.hasOwn(e.dataset,"theme"))this.checkTheme(e);else{let s=this.cache.get(t);s&&("on"===e.value?e.checked="on"===s:["checkbox","radio"].includes(e.tagName)?e.checked=e.value===s:e.value=s)}}}checkTheme(e){const t=window.matchMedia("(prefers-color-scheme: dark)");let s=this.cache.get("dark-mode");!t||s&&"off"===s?"on"===s&&(e.checked=!0):e.checked=!0}initListeners(){this.changeHandler=this.handleChange.bind(this),document.addEventListener("change",this.changeHandler)}handleChange(e){if(!Object.hasOwn(e.target.dataset,"setting"))return;let t=e.target.value;"on"===e.target.value&&(t=e.target.checked?"on":"off"),this.saveSetting(e.target.name,t)}saveSetting(e,t){let s;this.isLoggedIn&&(s=this.cache.get(e)),this.cache.set(e,t),this.isLoggedIn&&s&&s!==t&&this.saveToServer(e,t)}async saveToServer(e,t){if(!this.isLoggedIn||!["dark-mode"].includes(e))return;const s={"X-WP-Nonce":window.auth.getNonce(),"Content-Type":"application/json"},n={user:window.auth.getUser(),setting:e,value:t},i=await fetch(`${jvbSettings.api}settings`,{method:"POST",headers:s,body:JSON.stringify(n)});await i.json()}loadSetting(e){return this.cache.get(e)}loadUserSetting(e){}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((s=>s(e,t)))}destroy(){document.removeEventListener("change",this.changeHandler),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbUserSettings=new e)}))}))})();

 assets/js/min/swiper.min.js

File was deleted

 assets/js/min/tabs.min.js

@@ -1 +1 @@
window.jvbTabs=class{constructor(t,a={},e=null){this.tabs=t.querySelector(".tabs"),this.a11y=window.jvbA11y,this.updateURL=!0,this.parent=e,this.childTabs=new Map,"updateURL"in a&&!1===a.updateURL&&(this.updateURL=!1),this.callbacks=a,this.activeTab=this.updateURL?this.getInitialTabFromHash():t.querySelector("button.tab.active")?.dataset.tab,this.container=t,this.tabs&&this.tabs.addEventListener("click",(t=>{const a=t.target.closest("[data-tab]");if(a){let t=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.switchTab(a.dataset.tab,t)}})),this.initializeChildTabs(),this.selectDropdown=document.querySelector("select.tab-list"),this.selectDropdown&&this.selectDropdown.addEventListener("change",(t=>{let a=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.switchTab(t.target.value,a)}));let s=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.activeTab||(this.activeTab=document.querySelector("button.tab")?.dataset.tab),this.switchTab(this.activeTab,s)}initializeChildTabs(){this.tabs.querySelectorAll("button").forEach((t=>{let a=this.container.querySelector(`.tab-content[data-tab="${t.dataset.tab}"]`);if(a&&a.querySelector(".tabs")){let a=this.container.querySelector(`.tab-content[data-tab="${t.dataset.tab}"]`),e=new window.jvbTabs(a,{},this);this.childTabs.set(t.dataset.tab,e)}}))}getInitialTabFromHash(){if(!window.location.hash)return!1;const t=window.location.hash.substring(1).split("/");if(this.parent){if(this.parent&&t.length>1){const a=this.getParentDepth();if(a<t.length){const e=t[a];if(this.tabs.querySelector(`[data-tab="${e}"]`))return e}}}else{const a=t[0];if(this.tabs.querySelector(`[data-tab="${a}"]`))return a}return null}getParentDepth(){let t=0,a=this.parent;for(;a;)t++,a=a.parent;return t}getFullTabPath(t){return this.parent?`${this.parent.getFullTabPath(this.parent.activeTab)}/${t}`:t}switchTab(t,a=!1){if(document.activeElement?.blur(),this.tabs.querySelectorAll("[data-tab]").forEach((a=>{a.classList.toggle("active",a.dataset.tab===t),a.setAttribute("aria-selected",a.dataset.tab===t)})),this.container.querySelectorAll(".tab-content").forEach((a=>{a.classList.toggle("active",a.dataset.tab===t),a.setAttribute("aria-hidden",a.dataset.tab!==t),a.hidden=a.dataset.tab!==t})),this.activeTab=t,this.callbacks[t]&&this.callbacks[t](),a)if(this.parent)this.parent.updateUrlFromChild();else{let a=t;const e=this.childTabs.get(t);e&&e.activeTab&&(a=e.getFullTabPath(e.activeTab)),window.history.pushState({tab:a},"",`#${a}`)}this.selectDropdown&&this.selectDropdown.querySelector(`option[value="${t}"]`)&&(this.selectDropdown.value=t),this.a11y.announce(`Switched to ${t} tab`)}updateUrlFromChild(){if(console.log("Updating URL"),!("updateURL"in this.callbacks)||this.callbacks.updateURL)if(this.parent)this.parent.updateUrlFromChild();else{const t=this.getFullTabPath(this.activeTab);window.history.pushState({tab:t},"",`#${t}`)}}};
window.jvbTabs=class{constructor(t,a={},e=null){this.tabs=t.querySelector(".tabs"),this.a11y=window.jvbA11y,this.updateURL=!0,this.parent=e,this.childTabs=new Map,"updateURL"in a&&!1===a.updateURL&&(this.updateURL=!1),this.callbacks=a,this.activeTab=this.updateURL?this.getInitialTabFromHash():t.querySelector("button.tab.active")?.dataset.tab,this.container=t,this.tabs&&this.tabs.addEventListener("click",(t=>{const a=t.target.closest("[data-tab]");if(a){let t=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.switchTab(a.dataset.tab,t)}})),this.initializeChildTabs(),this.selectDropdown=document.querySelector("select.tab-list"),this.selectDropdown&&this.selectDropdown.addEventListener("change",(t=>{let a=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.switchTab(t.target.value,a)}));let s=!("updateURL"in this.callbacks)||this.callbacks.updateURL;this.activeTab||(this.activeTab=document.querySelector("button.tab")?.dataset.tab),this.switchTab(this.activeTab,s)}initializeChildTabs(){this.tabs.querySelectorAll("button").forEach((t=>{let a=this.container.querySelector(`.tab-content[data-tab="${t.dataset.tab}"]`);if(a&&a.querySelector(".tabs")){let a=this.container.querySelector(`.tab-content[data-tab="${t.dataset.tab}"]`),e=new window.jvbTabs(a,{updateURL:!1},this);this.childTabs.set(t.dataset.tab,e)}}))}getInitialTabFromHash(){if(!window.location.hash)return!1;const t=window.location.hash.substring(1).split("/");if(this.parent){if(this.parent&&t.length>1){const a=this.getParentDepth();if(a<t.length){const e=t[a];if(this.tabs.querySelector(`[data-tab="${e}"]`))return e}}}else{const a=t[0];if(this.tabs.querySelector(`[data-tab="${a}"]`))return a}return null}getParentDepth(){let t=0,a=this.parent;for(;a;)t++,a=a.parent;return t}getFullTabPath(t){return this.parent?`${this.parent.getFullTabPath(this.parent.activeTab)}/${t}`:t}switchTab(t,a=!1){document.activeElement?.blur(),this.tabs.querySelectorAll("[data-tab]").forEach((a=>{a.classList.toggle("active",a.dataset.tab===t),a.setAttribute("aria-selected",a.dataset.tab===t)})),this.container.querySelectorAll(".tab-content").forEach((a=>{a.classList.toggle("active",a.dataset.tab===t),a.setAttribute("aria-hidden",a.dataset.tab!==t),a.hidden=a.dataset.tab!==t})),this.activeTab=t,this.callbacks[t]&&this.callbacks[t]();const e=this.childTabs.get(t);if(e){const t=e.container.querySelector("button.tab")?.dataset.tab;t&&e.switchTab(t,!1)}a&&(this.parent?this.parent.updateUrlFromChild():window.history.pushState({tab:t},"",`#${t}`)),this.selectDropdown&&this.selectDropdown.querySelector(`option[value="${t}"]`)&&(this.selectDropdown.value=t),this.a11y.announce(`Switched to ${t} tab`)}updateUrlFromChild(){if(console.log("Updating URL"),!("updateURL"in this.callbacks)||this.callbacks.updateURL)if(this.parent)this.parent.updateUrlFromChild();else{const t=this.getFullTabPath(this.activeTab);window.history.pushState({tab:t},"",`#${t}`)}}};

 assets/js/min/ui.min.js

File was deleted

 assets/js/min/uploader.min.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.queue=window.jvbQueue,this.a11y=window.jvbA11y,this.error=window.jvbError,this.fieldStoreReady=!1,this.uploadStoreReady=!1,this.hasCheckedForUploads=!1;const{fields:e,uploads:t}=window.jvbStore.register("uploads",[{storeName:"fields",keyPath:"id",indexes:[{name:"fieldId",keyPath:"fieldId"},{name:"timestamp",keyPath:"timestamp"},{name:"content",keyPath:"content"},{name:"itemId",keyPath:"itemId"},{name:"status",keyPath:"status"}],TTL:6048e5,delayFetch:!0},{storeName:"uploads",keyPath:"id",storeBlobs:!0,indexes:[{name:"fieldId",keyPath:"fieldId"},{name:"status",keyPath:"status"},{name:"groupId",keyPath:"groupId"},{name:"attachmentId",keyPath:"attachmentId"}],delayFetch:!0}]);this.fieldStore=e,this.uploadStore=t,window.jvbUploadBlobs=this.uploadStore,this.fieldStore.subscribe(this.handleFieldStoreEvent.bind(this)),this.uploadStore.subscribe(this.handleUploadStoreEvent.bind(this)),this.uploadElements=new Map,this.fieldElements=new Map,this.groupElements=new Map,this.selected=new Map,this.selectionHandlers=new Map,this.previewUrls=new Set,this.sortableInstances=new Map,this.initWorker(),this.subscribers=new Set,this.selectors={field:{field:"[data-upload-field]",input:'input[type="file"]',dropZone:".file-upload-container",preview:".item-grid.preview",progress:".image-progress"},groups:{container:".upload-group",grid:".item-grid.group",header:".group-header",selectAll:'[name="select-all-group"]',actions:".group-actions",count:".selection-controls .info"},items:{item:"[data-upload-id]",checkbox:'[name*="select-item"]',featured:'[name="featured"]',details:"details"}},this.statusMapping={received:"Image Received",local_processing:"Processing Image...",queued:"Waiting to upload...",uploading:"Uploading to Server",pending:"Successfully sent to server. In line for further processing.",processing:"Processing on server...",completed:"Upload complete!",failed:"Upload failed (will retry)",failed_permanent:"Upload failed permanently"},this.init()}async init(){this.initializeFields(),this.initListeners(),this.queue.subscribe(((e,t)=>{if(!["uploads","uploads/meta","uploads/groups"].includes(t.endpoint))return;const s=t.data instanceof FormData?t.data.get("fieldId"):t.data?.fieldId;switch(e){case"cancel-operation":s&&this.handleOperationCancelled(s);break;case"operation-status":s&&this.updateFieldStatus(s,t.status);break;case"operation-complete":this.handleOperationComplete(t,s);break;case"operation-failed":case"operation-failed-permanent":this.handleOperationFailed(t,s)}})),window.addEventListener("beforeunload",(()=>{this.cleanupAllPreviewUrls()}))}initWorker(){this.worker={worker:null,timeout:null,tasks:new Map,restart:{count:0,max:3},settings:{timeout:1e4,batchSize:1,maxConcurrent:3,restartAfterTimeout:!0}}}initializeFields(){document.querySelectorAll(this.selectors.field.field).forEach((e=>this.registerUploader(e)))}scanFields(e){e.querySelectorAll(this.selectors.field.field).forEach((e=>this.registerUploader(e)))}registerUploader(e){const t=this.determineFieldId(e),s=this.extractFieldConfig(e),o=this.buildFieldUI(e),r={id:t,config:s,uploads:new Set,groups:[],state:"ready",timestamp:Date.now()};return this.fieldStore.save(r),this.fieldElements.set(t,{element:e,ui:o,config:s}),e.dataset.uploader=t,this.addFieldSelectionHandler(t),"single"!==s.type&&this.initSortable(t),t}extractFieldConfig(e){return{destination:e.dataset.destination||"meta",content:e.dataset.content||null,mode:e.dataset.mode||"direct",type:e.dataset.type||"single",name:e.dataset.field,itemID:e.dataset.itemId||0,maxFiles:parseInt(e.dataset.maxFiles)||999,subtype:e.dataset.subtype||"image"}}buildFieldUI(e){let t={field:e,input:e.querySelector(this.selectors.field.input),dropZone:e.querySelector(this.selectors.field.dropZone),preview:e.querySelector(this.selectors.field.preview),progress:{progress:e.querySelector(this.selectors.field.progress),bar:e.querySelector(".bar"),fill:e.querySelector(".fill"),details:e.querySelector(".details"),text:e.querySelector(".details .text"),count:e.querySelector(".details .count")}},s=e.querySelector(".group-display");return s&&(t.groups={display:s,container:e.querySelector(".item-grid.groups"),empty:e.querySelector(".empty-group"),groups:new Map}),t}initSortable(e){if(!window.Sortable)return;!Sortable._multiDragMounted&&Sortable.MultiDrag&&(Sortable.mount(new Sortable.MultiDrag),Sortable._multiDragMounted=!0);const t=this.fieldElements.get(e);if(!t)return;t.element.querySelectorAll(".item-grid.preview, .item-grid.group").forEach((t=>{const s=t.classList.contains("group")?t.closest(".upload-group")?.dataset.groupId:null;this.createSortableForGrid(t,e,s)}));const s=t.element.querySelector(".empty-group");s&&!s.sortableInstance&&(s.sortableInstance=new Sortable(s,{animation:150,draggable:".item",multiDrag:!0,selectedClass:"selected-for-drag",avoidImplicitDeselect:!0,group:{name:e,pull:!1,put:!0},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",onEnd:t=>this.handleDrop(t,e)}))}syncSortableSelection(e,t){this.sortableInstances.forEach(((s,o)=>{if(o.startsWith(e)){s.el.querySelectorAll(".item").forEach((e=>{const s=e.dataset.uploadId;t.has(s)?Sortable.utils.select(e):Sortable.utils.deselect(e)}))}}))}handleDrop(e,t){const s=e.to,o=e.from,r=e.items?.length>0?e.items:[e.item],a=r.map((e=>e.dataset.uploadId));switch(this.getDropTargetType(s)){case"empty-group":this.handleDropToEmptyGroup(r,a,t);break;case"preview":default:this.handleDropToPreview(r,a,t);break;case"group":this.handleDropToGroup(r,a,s,o,t)}this.updateSortableState(s),o!==s&&this.updateSortableState(o)}getDropTargetType(e){return e.classList.contains("empty-group")?"empty-group":e.classList.contains("preview")?"preview":e.classList.contains("group")?"group":"unknown"}handleDropToGroup(e,t,s,o,r){try{if(s===o)return void this.handleReorder({to:s,items:e});t.forEach((e=>{this.addToGroup(e,s,!1)})),this.schedulePersistance(r);const a=e.length>1?`Moved ${e.length} items to group`:"Moved item to group";this.a11y.announce(a);const i=this.selectionHandlers.get(r);i?.clearSelection()}catch(t){this.handleDropError(e,r,t)}}handleDropToPreview(e,t,s){try{t.forEach((e=>{this.removeFromGroup(e)})),this.schedulePersistance(s);const o=e.length>1?`Moved ${e.length} items to preview`:"Moved item to preview";this.a11y.announce(o);const r=this.selectionHandlers.get(s);r?.clearSelection()}catch(t){this.handleDropError(e,s,t)}}handleDropError(e,t,s,o="An error occurred"){console.error("Drop error:",s);const r=this.fieldElements.get(t);r?.ui?.preview&&e.forEach((e=>r.ui.preview.appendChild(e))),this.a11y.announce(`${o}. Items returned to preview.`)}handleDropToEmptyGroup(e,t,s){try{const o=this.createGroup(s);if(!o)return void this.handleDropError(e,s,new Error("Group creation failed"),"Failed to create group");e.forEach(((e,s)=>{o.grid.appendChild(e),this.addToGroup(t[s],o.grid,!1)})),this.schedulePersistance(s);const r=e.length>1?`Created group with ${e.length} items`:"Created group with item";this.a11y.announce(r);const a=this.selectionHandlers.get(s);a?.clearSelection()}catch(t){this.handleDropError(e,s,t)}}updateSortableState(e){const t=e?.sortableInstance;t&&t.option("disabled",!1)}refreshSortable(e){const t=this.fieldElements.get(e);if(!t)return;t.element.querySelectorAll(".item-grid.preview, .item-grid.group").forEach((e=>this.updateSortableState(e)))}handleReorder(e){const t=e.to,s=t.closest(".field, .upload");if(!s)return;e.items&&e.items.length>0?e.items:e.item;let o=Array.from(t.querySelectorAll(".item:not(.sortable-ghost):not(.sortable-clone)")).map((e=>e.dataset.uploadId)).filter((e=>e));console.log("Reordered items:",o);let r=s.querySelector('input[type="hidden"]');r&&o.length>0&&(r.value=o.join(","));const a=this.getFieldIdFromElement(t);if(a){const e=this.getFieldData(a);if(t.classList.contains("group")){const s=t.dataset.groupId,r=e?.groups?.find((e=>e.id===s));r&&(r.uploads=o)}this.schedulePersistance(a)}this.a11y.announce("Item reordered"),s.dispatchEvent(new CustomEvent("jvb-items-reordered",{detail:{from:e.from,to:e.to,oldIndex:e.oldIndex,newIndex:e.newIndex,items:o},bubbles:!0}))}initListeners(){this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler),this.dragEnterHandler=this.handleExternalDragEnter.bind(this),this.dragLeaveHandler=this.handleExternalDragLeave.bind(this),this.dragOverHandler=this.handleExternalDragOver.bind(this),this.dropHandler=this.handleExternalDrop.bind(this),document.addEventListener("dragenter",this.dragEnterHandler),document.addEventListener("dragleave",this.dragLeaveHandler),document.addEventListener("dragover",this.dragOverHandler),document.addEventListener("drop",this.dropHandler)}handleExternalDragLeave(e){const t=e.target.closest(this.selectors.field.dropZone);t&&!t.contains(e.relatedTarget)&&t.classList.remove("dragover")}handleExternalDragEnter(e){if(!e.dataTransfer.types.includes("Files"))return;const t=e.target.closest(this.selectors.field.dropZone);t&&(e.preventDefault(),t.classList.add("dragover"))}handleExternalDragOver(e){if(!e.dataTransfer.types.includes("Files"))return;e.target.closest(this.selectors.field.dropZone)&&(e.preventDefault(),e.dataTransfer.dropEffect="copy")}handleExternalDrop(e){const t=e.target.closest(this.selectors.field.dropZone);if(!t)return;e.preventDefault(),t.classList.remove("dragover");const s=Array.from(e.dataTransfer.files);if(0===s.length)return;const o=this.getFieldIdFromElement(t);o&&(this.processFiles(o,s),this.a11y.announce(`${s.length} file(s) dropped for upload`))}handleClick(e){if(e.target.matches(this.selectors.field.dropZone)||e.target.closest(this.selectors.field.dropZone)){const t=e.target.closest(this.selectors.field.dropZone);if(t&&!e.target.matches("input, button, a")){const e=t.querySelector(this.selectors.field.input);e?.click()}}const t=e.target.closest("[data-action]");t&&this.handleAction(t)}handleChange(e){const t=this.getFieldIdFromElement(e.target);if(e.target.matches(this.selectors.field.input)){const s=Array.from(e.target.files);s.length>0&&t&&this.processFiles(t,s)}if(t){const s=this.getFieldData(t);"post_group"===s?.config.destination?this.handleGroupMetaChange(e.target):this.queueUploadMeta(e)}}async processFiles(e,t){const s=this.getFieldData(e),o=this.fieldElements.get(e);if(!s||!o)return;o.ui.dropZone&&(o.ui.dropZone.hidden=!0),o.ui.groups?.display&&(o.ui.groups.display.hidden=!1);const r=t.length;let a=0;this.updateUploadProgress(e,0,r,"Processing files...");const i=Array.from(t).map((async t=>{try{const i=`upload_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,l={id:i,attachmentId:null,fieldId:e,status:"local_processing",groupId:null,meta:{originalName:t.name,size:t.size,type:t.type}};await this.uploadStore.save(l);const n=this.createPreviewUrl(t),d=t.type.startsWith("image/")?await this.processImage(t,s.config.subtype):t;this.showUploadProgress(i,!0),this.updateUploadItemProgress(i,50,"local_processing"),await this.saveBlobData(i,d||t);const c=this.getSubtypeFromMime(t.type),u=this.createUploadElement({id:i,preview:n,meta:l.meta,subtype:c},"post_group"===s.config.destination);o.ui.preview&&(o.ui.preview.appendChild(u),this.uploadElements.set(i,{element:u,preview:n,location:o.ui.preview}));const p=this.uploadStore.get(i);return p&&(p.status="processed",await this.uploadStore.save(p)),s.uploads.add(i),await this.saveFieldData(s),a++,this.updateUploadProgress(e,a,r,"Processing files..."),this.updateUploadItemProgress(i,100,"processed"),setTimeout((()=>this.showUploadProgress(i,!1)),1e3),i}catch(s){return console.error("Error processing file:",t.name,s),a++,this.updateUploadProgress(e,a,r,"Processing files..."),null}}));await Promise.all(i),this.updateFieldState(e),this.refreshSortable(e),"post_group"!==s.config.destination&&(await this.queueUpload(e),this.maybeLockUploads(e))}async processImage(e,t){const s=this.worker.settings.timeout;return new Promise(((o,r)=>{let a,i=!1;a=setTimeout((()=>{i||(i=!0,this.worker.tasks.delete(t),this.worker.settings.restartAfterTimeout&&this.restartCompressionWorker(),r(new Error(`Processing timeout for ${e.name}`)))}),s),this.worker.tasks.set(t,{file:e,timeoutId:a}),this.handleProcess(e,t).then((e=>{i||(i=!0,clearTimeout(a),this.worker.tasks.delete(t),o(e))})).catch((e=>{i||(i=!0,clearTimeout(a),this.worker.tasks.delete(t),r(e))}))}))}async handleProcess(e,t){if(!e.type.startsWith("image/"))return e;const s=this.getMaxDimension();if(this.shouldUseWorker(e))try{if(this.worker.worker||this.initCompressionWorker(),this.worker.worker)return await this.processWithWorker(e,t,s,.85)}catch(e){console.warn("Worker processing failed, falling back to main thread:",e)}return await this.processOnMainThread(e,s,.85)}async processOnMainThread(e,t,s){return new Promise(((o,r)=>{const a=new Image,i=document.createElement("canvas"),l=i.getContext("2d");let n=null;const d=()=>{a.onload=null,a.onerror=null,n&&(URL.revokeObjectURL(n),n=null),i.width=1,i.height=1,l.clearRect(0,0,1,1)};a.onload=()=>{try{const{width:n,height:c}=this.calculateOptimalDimensions(a,t);i.width=n,i.height=c,l.imageSmoothingEnabled=!0,l.imageSmoothingQuality="high",l.drawImage(a,0,0,n,c);const u=this.getOptimalFormat(e),p=this.getOptimalQuality(e,s);i.toBlob((t=>{if(d(),t){const s=new File([t],this.getProcessedFileName(e,u),{type:u,lastModified:Date.now()});o(s)}else r(new Error("Canvas toBlob failed"))}),u,p)}catch(e){d(),r(new Error(`Canvas processing failed: ${e.message}`))}},a.onerror=()=>{d(),r(new Error(`Failed to load image: ${e.name}`))};try{n=this.createPreviewUrl(e),a.src=n}catch(e){d(),r(new Error(`Failed to create object URL: ${e.message}`))}}))}getOptimalFormat(e){return"image/gif"===e.type||"image/svg+xml"===e.type?e.type:this.supportsWebP()?"image/webp":"image/jpeg"}getOptimalQuality(e,t){return e.size<512e3?Math.max(t,.9):e.size<2097152?t:Math.min(t,.8)}getProcessedFileName(e,t){return e.name.replace(/\.[^/.]+$/,"")+({"image/webp":".webp","image/jpeg":".jpg","image/png":".png","image/gif":".gif"}[t]||".jpg")}getMaxDimension(){const e=window.screen.width,t=window.devicePixelRatio||1;return e*t>2560?2400:e*t>1920?1920:1200}shouldUseWorker(e){return this.worker.worker&&e.size>1048576&&"undefined"!=typeof OffscreenCanvas}async processWithWorker(e,t,s,o){return new Promise(((r,a)=>{if(!this.worker.worker)return void a(new Error("Worker not available"));const i=`${t}_${Date.now()}`,l=t=>{if(t.data.messageId===i)if(this.worker.worker.removeEventListener("message",l),this.worker.worker.removeEventListener("error",n),t.data.success){const s=new File([t.data.blob],this.getProcessedFileName(e,t.data.format||"image/webp"),{type:t.data.format||"image/webp",lastModified:Date.now()});r(s)}else a(new Error(t.data.error||"Worker processing failed"))},n=e=>{this.worker.worker.removeEventListener("message",l),this.worker.worker.removeEventListener("error",n),a(new Error(`Worker error: ${e.message}`))};this.worker.worker.addEventListener("message",l),this.worker.worker.addEventListener("error",n),this.worker.worker.postMessage({messageId:i,file:e,maxDimension:s,quality:o,outputFormat:this.getOptimalFormat(e)})}))}restartCompressionWorker(){this.worker.worker&&(this.worker.worker.terminate(),this.worker.worker=null),this.worker.tasks.clear(),this.worker.restart.count>=this.worker.restart.max?console.error("Max worker restarts reached, disabling worker"):(this.worker.restart.count++,this.initCompressionWorker())}initCompressionWorker(){if(!this.worker.worker&&"undefined"!=typeof Worker)try{const e=new Blob(["\n\t\t\t\tself.onmessage = async function(e) {\n\t\t\t\t\tconst { messageId, file, maxDimension, quality, outputFormat } = e.data;\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst bitmap = await createImageBitmap(file);\n\t\t\t\t\t\tconst scale = Math.min(maxDimension / bitmap.width, maxDimension / bitmap.height, 1);\n\t\t\t\t\t\tconst width = Math.round(bitmap.width * scale);\n\t\t\t\t\t\tconst height = Math.round(bitmap.height * scale);\n\t\t\t\t\t\tconst canvas = new OffscreenCanvas(width, height);\n\t\t\t\t\t\tconst ctx = canvas.getContext('2d');\n\t\t\t\t\t\tctx.imageSmoothingEnabled = true;\n\t\t\t\t\t\tctx.imageSmoothingQuality = 'high';\n\t\t\t\t\t\tctx.drawImage(bitmap, 0, 0, width, height);\n\t\t\t\t\t\tbitmap.close();\n\t\t\t\t\t\tconst blob = await canvas.convertToBlob({ type: outputFormat, quality: quality });\n\t\t\t\t\t\tself.postMessage({ messageId, success: true, blob: blob, format: outputFormat });\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tself.postMessage({ messageId, success: false, error: error.message });\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t"],{type:"application/javascript"});this.worker.worker=new Worker(this.createPreviewUrl(e))}catch(e){console.warn("Failed to initialize compression worker:",e),this.worker.worker=null}}calculateOptimalDimensions(e,t){let{width:s,height:o}=e;if(s<=t&&o<=t)return{width:s,height:o};const r=Math.min(t/s,t/o);return{width:Math.round(s*r),height:Math.round(o*r)}}supportsWebP(){return 0===document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp")}createPreviewUrl(e){const t=URL.createObjectURL(e);return this.previewUrls||(this.previewUrls=new Set),this.previewUrls.add(t),t}revokePreviewUrl(e){e?.startsWith("blob:")&&(URL.revokeObjectURL(e),this.previewUrls?.delete(e))}async submitUploads(e){const t=this.getFieldData(e);this.fieldElements.get(e);if(!t?.uploads||0===t.uploads.size)return;let s=Array.from(t.uploads);if(0===s.length)return void this.error.log("No uploads to upload",{component:"UploadManager",action:"submitGroupedUploads",fieldId:e});const o=this.getFieldGroups(e);if(0===o.length)return void this.error.log("No groups created for post_group upload",{component:"UploadManager",action:"submitGroupedUploads",fieldId:e});const r=[],a=new FormData;let i=[];for(const e of o){const t={images:[],fields:{}};for(let[s,o]of Object.entries(e.changes))t.fields[s]=o;const o=s.filter((t=>{const s=this.uploadStore.get(t);return s?.groupId===e.id}));for(const e of o){const s=await this.getBlobData(e);if(s){a.append("files[]",s);const o={upload_id:e,index:i.length},r=this.uploadElements.get(e),l=r?.element?.querySelector('[name="featured"]');l?.checked&&(t.fields.featured=e),t.images.push(o),i.push(e)}}r.push(t)}const l=s.filter((e=>{const t=this.uploadStore.get(e);return!t?.groupId}));for(const e of l){const t={images:[],fields:{}},s=await this.getBlobData(e);if(s){a.append("files[]",s);const o={upload_id:e,index:i.length};t.images.push(o),i.push(e)}r.push(t)}a.append("content",t.config.content),a.append("user",t.config.itemID),a.append("posts",JSON.stringify(r)),a.append("upload_ids",JSON.stringify(i));const n={endpoint:"uploads/groups",method:"POST",data:a,title:`Creating ${r.length} ${t.config.content}${r.length>1?"s":""} from uploads...`,popup:`Creating ${r.length} post${r.length>1?"s":""}...`,canMerge:!1,headers:{action_nonce:jvbSettings.dash},append:"_upload"};try{const e=await this.queue.addToQueue(n);return s.forEach((t=>{const s=this.uploadStore.get(t);s&&(s.operationId=e,s.status="queued",this.uploadStore.save(s),this.updateUploadStatus(t,"queued"))})),t.operationId=e,await this.saveFieldData(t),this.a11y.announce(`Creating ${r.length} post${r.length>1?"s":""} from your uploads`),e}catch(t){throw this.error.log(t,{component:"UploadManager",action:"submitGroupedUploads",fieldId:e}),t}}async queueUpload(e){const t=this.getFieldData(e);if(!t?.uploads||0===t.uploads.size)return;const s=Array.from(t.uploads),o=this.prepareUploadData(t,s);this.a11y.announce("Queuing for upload");const r={endpoint:"uploads",method:"POST",data:o,title:`Uploading ${s.length} file${s.length>1?"s":""} to server...`,popup:`Uploading ${s.length} file${s.length>1?"s":""}...`,canMerge:!1,headers:{action_nonce:jvbSettings.dash},append:"_upload"};try{const e=await this.queue.addToQueue(r);return s.forEach((t=>{const s=this.uploadStore.get(t);s&&(s.operationId=e,s.status="queued",this.uploadStore.save(s),this.updateUploadStatus(t,"queued"))})),t.operationId=e,await this.saveFieldData(t),e}catch(e){throw e}}async prepareUploadData(e,t){const s=new FormData;s.append("content",e.config.content),s.append("mode",e.config.mode),s.append("field_name",e.config.name),s.append("fieldId",e.id),s.append("field_type",e.config.type),s.append("subtype",e.config.subtype),s.append("item_id",e.config.itemID),s.append("destination",e.config.destination||"meta");let o=[];const r=t.map((async e=>{const t=this.uploadStore.get(e);if(!t)return;const r=await this.getBlobData(e);r&&(s.append("files[]",r),o.push(t.id))}));return await Promise.all(r),s.append("upload_ids",JSON.stringify(o)),s}async queueUploadMeta(e){const t=this.getUploadIdFromElement(e.target),s=this.uploadStore.get(t);if(!s)return;if(!this.getFieldData(s.fieldId))return;let o={};o[e.target.name]=e.target.value,s.meta={...s.meta,...o},await this.uploadStore.save(s);let r={};r[s.attachmentId??s.id]=s.meta;const a={endpoint:"uploads/meta",method:"POST",data:r,title:"Updating meta",canMerge:!0,headers:{action_nonce:jvbSettings.dash}};try{await this.queue.addToQueue(a)}catch(e){this.error.log(e,{component:"UploadManager",action:"sendMetaUpdate",uploadId:s.id})}}async handleOperationComplete(e,t){if((e.result?.data||e.serverData?.data||[]).forEach((e=>{const t=this.uploadStore.get(e.upload_id);t&&(t.attachmentId=e.attachment_id,t.status="completed",this.uploadStore.save(t),this.updateUploadStatus(e.upload_id,"completed"))})),!t)return;const s=this.getFieldData(t);if(!s)return;const o=Array.from(s.uploads).filter((e=>{const t=this.uploadStore.get(e);return"completed"===t?.status}));for(const e of o)await this.clearUpload(e,!1),s.uploads.delete(e);0===s.uploads.size?(await this.clearFieldFromStores(t),this.a11y.announce("All uploads completed successfully")):await this.saveFieldData(s),this.updateFieldState(t)}handleOperationFailed(e,t){(e.data instanceof FormData?JSON.parse(e.data.get("upload_ids")||"[]"):e.data.upload_ids||[]).forEach((t=>{const s=this.uploadStore.get(t);s&&(s.status="operation-failed-permanent"===e.status?"failed_permanent":"failed",this.uploadStore.save(s),this.updateUploadStatus(t,s.status))})),t&&this.updateFieldState(t)}async handleOperationCancelled(e){const t=this.getFieldData(e);if(!t)return;const s=t.uploads instanceof Set?Array.from(t.uploads):t.uploads;for(const e of s)await this.clearUpload(e,!1);await this.clearFieldFromStores(e),this.updateFieldState(e),this.a11y.announce("Upload cancelled")}getFieldGroups(e){const t=this.getFieldData(e);return t?.groups?t.groups.map((e=>({id:e.id,uploads:e.uploads||[],changes:e.changes||{}}))):[]}getSelectedRestorationUploads(e){let t=[];return e.querySelectorAll("[type=checkbox]:checked").forEach((e=>{const s=e.closest(".item");s&&t.push({uploadId:s.dataset.uploadId,fieldId:s.dataset.fieldId})})),t}async restoreSelectedUploads(e){const t=new Map;e.forEach((e=>{t.has(e.fieldId)||t.set(e.fieldId,[]),t.get(e.fieldId).push(e.uploadId)}));for(const[e,s]of t.entries()){const t=this.fieldStore.get(e);t&&(t.uploads=s,await this.restoreField(t))}}async restoreField(e){const{config:t,context:s,uploads:o,groups:r,id:a}=e;s?.modalType&&await this.openModalForRestore(s);let i=document.querySelector(`.field.upload[data-field="${t.name}"]`);if(!i){const e=`${t.content}_${t.itemID}_${t.name}`;i=document.querySelector(`.field.upload[data-uploader="${e}"]`)}if(!i)return void console.warn(`Field ${t.name} not found for restoration`,t);let l=i.dataset.uploader;l&&this.fieldElements.has(l)||(l=this.registerUploader(i));const n=this.fieldElements.get(l),d=this.getFieldData(l);if(!n||!d)return void console.error("Failed to register field for restoration");d.state=e.state||"ready",n.ui||(n.ui=this.buildFieldUI(i)),n.ui.groups?.display&&(n.ui.groups.display.hidden=!1),n.ui.dropZone&&(n.ui.dropZone.hidden=!0),r&&r.length>0&&await this.restoreGroups(l,r);const c=o instanceof Set?Array.from(o):Array.isArray(o)?o:[];for(const e of c){const t=this.uploadStore.get(e);t&&await this.restoreUpload(l,t)}await this.saveFieldData(d),this.updateFieldState(l),this.maybeLockUploads(l),this.refreshSortable(l),"direct"===t.mode&&"post_group"!==t.destination&&await this.queueUpload(l)}async restoreUpload(e,t){const s=this.fieldElements.get(e),o=this.getFieldData(e);if(!s||!o)return void console.error("Field not found for upload restoration:",e);const r=await this.getBlobData(t.id);if(!r)return void console.warn("Blob data not found for upload:",t.id);const a=this.createPreviewUrl(r),i=this.getSubtypeFromMime(r.type),l=this.createUploadElement({id:t.id,preview:a,meta:t.meta||{originalName:r.name,size:r.size,type:r.type},subtype:i},"post_group"===o.config.destination);let n;if(t.groupId){const e=this.groupElements.get(t.groupId);if(e?.grid){n=e.grid;const s=o.groups?.find((e=>e.id===t.groupId));s&&(s.uploads||(s.uploads=[]),s.uploads.includes(t.id)||s.uploads.push(t.id))}else n=s.ui.preview,t.groupId=null}else n=s.ui.preview;n?n.appendChild(l):s.ui.preview&&(s.ui.preview.appendChild(l),n=s.ui.preview),this.uploadElements.set(t.id,{element:l,preview:a,location:n}),o.uploads||(o.uploads=new Set),o.uploads.add(t.id),t.status="processed",await this.uploadStore.save(t),n&&this.updateSortableState(n)}async restoreGroups(e,t){const s=this.fieldElements.get(e),o=this.getFieldData(e);if(s&&o){for(const s of t){const t=this.createGroup(e,s.id);if(!t){console.warn("Failed to create group:",s.id);continue}const r=o.groups?.find((e=>e.id===s.id));if(r&&(s.changes&&(r.changes={...s.changes}),s.uploads&&(r.uploads=[...s.uploads]),s.changes)){const e=t.element.querySelector('[name*="post_title"]'),o=t.element.querySelector('[name*="post_excerpt"]');e&&s.changes.post_title&&(e.value=s.changes.post_title),o&&s.changes.post_excerpt&&(o.value=s.changes.post_excerpt)}}await this.saveFieldData(o)}else console.error("Field not found for group restoration:",e)}async openModalForRestore(e){if(!e)return;const{modalType:t,itemId:s}=e;let o=null;switch(t){case"create":o=document.querySelector('[data-action="create"]');break;case"edit":s&&(o=document.querySelector(`[data-action="edit"][data-id="${s}"]`));break;case"bulkEdit":o=document.querySelector('[data-action="bulk-edit"]')}o?(o.click(),await new Promise((e=>setTimeout(e,300)))):console.warn("Modal trigger not found for restoration:",e)}formatBytes(e,t=2){if(0===e)return"0 Bytes";const s=t<0?0:t,o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(s))+" "+["Bytes","KB","MB","GB"][o]}async clearUpload(e,t=!0){const s=this.uploadElements.get(e);if(s&&(this.revokePreviewUrl(s.preview),s.element)){const e=s.element.dataset.previewUrl;this.revokePreviewUrl(e),delete s.element.dataset.previewUrl}if(this.uploadElements.delete(e),await this.uploadStore.delete(e),t){const t=this.uploadStore.get(e);t?.fieldId&&await this.schedulePersistance(t.fieldId)}}async clearFieldFromStores(e){const t=this.getFieldData(e);if(t?.uploads){const e=t.uploads instanceof Set?Array.from(t.uploads):t.uploads;for(const t of e)await this.uploadStore.delete(t)}await this.fieldStore.delete(e)}cleanupAllPreviewUrls(){this.previewUrls&&(this.previewUrls.forEach((e=>{try{URL.revokeObjectURL(e)}catch(e){}})),this.previewUrls.clear())}updateFieldState(e){const t=this.fieldElements.get(e),s=this.getFieldData(e);if(!t||!s)return;const o=t.element,r=s.uploads?.size||0,a=t.ui.groups?.container?.querySelectorAll(".upload-group").length>0;o.dataset.hasUploads=r>0?"true":"false",o.dataset.uploadCount=r.toString(),o.dataset.hasGroups=a?"true":"false",t.ui.preview&&t.ui.preview.setAttribute("aria-label",`Upload preview area with ${r} item${1!==r?"s":""}`)}updateUploadProgress(e,t,s,o){const r=this.fieldElements.get(e);if(!r?.ui?.progress?.progress)return;const a=r.ui.progress,i=s>0?t/s*100:0;a.fill&&(a.fill.style.width=`${i}%`),a.text&&(a.text.textContent=o),a.count&&(a.count.textContent=`${t}/${s}`),a.progress.hidden=t===s}updateFieldStatus(e,t){const s=this.getFieldData(e);s&&(s.state=t,this.saveFieldData(s))}updateUploadStatus(e,t){const s=this.uploadStore.get(e);s&&(s.status=t,this.uploadStore.save(s),this.updateUploadUI(e))}updateUploadUI(e){const t=this.uploadElements.get(e),s=this.uploadStore.get(e);if(!s||!t?.element)return;t.element.className=t.element.className.replace(/status-[\w-]+/g,""),t.element.classList.add(`status-${s.status}`);t.element.querySelector(".progress")&&this.updateUploadItemProgress(e,this.getStatusProgress(s.status),s.status)}showUploadProgress(e,t=!0){const s=this.uploadElements.get(e);if(!s?.element)return;const o=s.element.querySelector(".progress");o&&(t?(o.style.removeProperty("animation"),o.hidden=!1):(o.style.animation="fadeOut var(--transition-base)",setTimeout((()=>{o.hidden=!0}),300)))}updateUploadItemProgress(e,t,s=null){const o=this.uploadElements.get(e);if(!o?.element)return;const r=o.element.querySelector(".progress");if(!r)return;const a=r.querySelector(".fill"),i=r.querySelector(".details"),l=r.querySelector(".icon");a&&(a.style.width=`${t}%`),s&&i&&(i.textContent=this.getStatusText(s)),s&&l&&(l.innerHTML=this.getStatusIcon(s).outerHTML)}maybeLockUploads(e){const t=this.fieldElements.get(e),s=this.getFieldData(e);if(!t?.ui?.dropZone||!s)return;const o=s.uploads?.size||0,r="post_group"===s.config.destination?20:s.config?.maxFiles||999;t.ui.dropZone.hidden=o>=r,t.element.classList.toggle("at-max-uploads",o>=r),"post_group"===s.config.destination&&o>=r&&this.a11y.announce("Maximum of 20 uploads reached. Please submit current uploads before adding more.")}createSortableForGrid(e,t,s=null){if(!e||e.sortableInstance)return;const o=new Sortable(e,{animation:150,draggable:".item",multiDrag:!0,selectedClass:"selected-for-drag",avoidImplicitDeselect:!0,group:{name:t,pull:!0,put:!0},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",onEnd:e=>this.handleDrop(e,t),onSelect:e=>{const t=e.item.querySelector('[name*="select-item"]');t&&!t.checked&&(t.checked=!0,t.dispatchEvent(new Event("change",{bubbles:!0})))},onDeselect:e=>{const t=e.item.querySelector('[name*="select-item"]');t&&t.checked&&(t.checked=!1,t.dispatchEvent(new Event("change",{bubbles:!0})))},onAdd:e=>this.updateSortableState(e.to),onRemove:e=>this.updateSortableState(e.from)});e.sortableInstance=o;const r=s?`${t}-group-${s}`:`${t}-preview`;return this.sortableInstances.set(r,o),o}createGroup(e,t=null){const s=this.getFieldData(e),o=this.fieldElements.get(e);if(!s||!o)return null;t||(t=`group_${Date.now()}_${Math.random().toString(36).substr(2,9)}`);const r=this.createGroupElement(t,e);if(!r)return null;o.ui.groups||(o.ui.groups={groups:new Map,container:null,empty:null,display:null}),o.ui.groups.groups.set(t,r),o.ui.groups.container&&o.ui.groups.empty?o.ui.groups.container.insertBefore(r,o.ui.groups.empty):o.ui.groups.container&&o.ui.groups.container.appendChild(r);const a=r.querySelector(".item-grid.group");this.groupElements.set(t,{element:r,grid:a,fieldId:e}),s.groups||(s.groups=[]);return s.groups.find((e=>e.id===t))||(s.groups.push({id:t,uploads:[],changes:{}}),this.saveFieldData(s)),this.addGroupSelectionHandler(e,t),a&&this.createSortableForGrid(a,e,t),{id:t,element:r,grid:a}}createGroupElement(e,t){let s=window.getTemplate("imageGroup");if(!s)return;s.dataset.groupId=e,s.dataset.fieldId=t;let o=window.getTemplate("groupMetadata");const r=s.querySelector(".fields");if(r&&o){r.append(o);const a=r.querySelector('[name="post_title"]'),i=r.querySelector('[name="post_excerpt"]');a&&(a.id=`${e}_title`,a.name=`${e}[post_title]`),i&&(i.id=`${e}_excerpt`,i.name=`${e}[post_excerpt]`);const l=this.getFieldData(t);if(l&&""!==l.config.content){let e=s.querySelector("summary");e&&(e.textContent=l.config.content+" Fields")}}else s.querySelector("details")?.remove();const a=s.querySelector(".item-grid.group");return a&&(a.dataset.groupId=e),s}deleteGroup(e,t=!0){const s=this.groupElements.get(e);if(!s)return;const o=this.getFieldData(s.fieldId);if(!o)return;const r=o.groups?.find((t=>t.id===e));let a=!0;t&&r?.uploads?.length>0&&(a=!window.confirm("Delete uploads in group?")),t&&a&&r?.uploads&&r.uploads.forEach((e=>{this.removeFromGroup(e)})),o.groups&&(o.groups=o.groups.filter((t=>t.id!==e)),this.saveFieldData(o)),s.element&&(s.element.remove(),this.a11y.announce("Group removed")),this.groupElements.delete(e);const i=`${s.fieldId}-group-${e}`,l=this.sortableInstances.get(i);l?.destroy&&l.destroy(),this.sortableInstances.delete(i),this.schedulePersistance(s.fieldId)}addToGroup(e,t=null,s=!0){const o=this.uploadStore.get(e),r=this.uploadElements.get(e);if(!o||!r)return;const a=this.getFieldData(o.fieldId),i=this.fieldElements.get(o.fieldId);if(!a||!i)return;if(!t&&r.location===i.ui.preview||t===r.location)return;if(o.groupId){const t=a.groups?.find((e=>e.id===o.groupId));t&&(t.uploads=t.uploads.filter((t=>t!==e)),0===t.uploads.length&&this.deleteGroup(o.groupId))}const l=r.element.querySelector('[name*="select-item"]');l&&(l.checked=!1);let n=r.element.querySelector('[name="featured"]');if(n&&(n.hidden=!t),!t||t.classList.contains("preview"))t=i.ui.preview,o.groupId=null;else{const s=t.dataset.groupId;n&&(n.name=s+"_"+n.name);const r=a.groups?.find((e=>e.id===s));r&&(r.uploads||(r.uploads=[]),r.uploads.push(e),o.groupId=s)}r.location=t,t.append(r.element),this.uploadStore.save(o),s&&this.saveFieldData(a),this.updateSortableState(t),r.location&&r.location!==t&&this.updateSortableState(r.location)}removeFromGroup(e){const t=this.uploadStore.get(e),s=this.uploadElements.get(e);if(!t||!s)return;const o=this.getFieldData(t.fieldId),r=this.fieldElements.get(t.fieldId);if(!o||!r)return;if(t.groupId){const s=o.groups?.find((e=>e.id===t.groupId));s&&(s.uploads=s.uploads.filter((t=>t!==e)),0===s.uploads.length&&this.deleteGroup(t.groupId,!1)),t.groupId=null}r.ui?.preview&&(r.ui.preview.appendChild(s.element),s.location=r.ui.preview);const a=s.element.querySelector('[name="featured"]');a&&(a.hidden=!0,a.checked=!1),this.uploadStore.save(t),this.updateSortableState(r.ui.preview)}removeUpload(e,t){const s=this.getFieldData(e),o=this.uploadStore.get(t),r=this.uploadElements.get(t);if(!s||!o)return;if(s.uploads?.delete(t),o.groupId){const e=s.groups?.find((e=>e.id===o.groupId));e&&(e.uploads=e.uploads.filter((e=>e!==t)),0===e.uploads.length&&this.deleteGroup(o.groupId))}r?.element?.remove(),this.clearUpload(t),this.saveFieldData(s),this.updateFieldState(e),this.maybeLockUploads(e);const a=this.selectionHandlers.get(e);a&&a.deselect(t),this.a11y.announce("Upload removed")}handleGroupMetaChange(e){const t=this.getGroupFromElement(e);if(!t)return;const s=this.getFieldData(t.fieldId),o=s?.groups?.find((e=>e.id===t.element.dataset.groupId));if(!o)return;o.changes||(o.changes={});let r=e.name;r.includes("group")&&(r=r.replace(`${o.id}_`,"").replace(`${o.id}[`,"").replace("]","")),o.changes[r]=e.value,this.saveFieldData(s),this.schedulePersistance(t.fieldId)}handleAction(e){const t=e.dataset.action,s=this.getFieldIdFromElement(e);switch(t){case"add-to-group":this.handleAddToGroup(e);break;case"delete-group":this.handleDeleteGroup(e);break;case"delete-upload":case"remove-from-group":this.handleRemoveItem(e);break;case"upload":const t=this.fieldElements.get(s);t&&(t.element.closest("details").open=!1,document.body.classList.add("uploading"),this.submitUploads(s));break;case"restore":this.handleRestoreUploads().then((()=>{}));break;case"restore-all":this.handleRestoreAll().then((()=>{}));break;case"clear-cache":confirm("Save these uploads for later?")||this.cleanupStoredUploads(),this.cleanupRestore()}}handleAddToGroup(e){const t=e.closest(this.selectors.field.field),s=t?.dataset.uploader;if(!s)return;const o=this.selected.get(s);if(o&&0!==o.size){const e=this.createGroup(s);if(!e)return;o.forEach((t=>{this.addToGroup(t,e.grid)}));const t=this.selectionHandlers.get(s);t?.clearSelection(),this.a11y.announce(`Created group with ${o.size} items`)}else this.createGroup(s);this.schedulePersistance(s)}handleDeleteGroup(e){const t=e.closest(this.selectors.groups.container);if(!t)return;const s=t.dataset.groupId,o=this.getFieldIdFromElement(t);if(!confirm("Delete this group? Items will be moved back to the upload area."))return;t.querySelectorAll(this.selectors.items.item).forEach((e=>{const t=e.dataset.uploadId;this.removeFromGroup(t)})),this.deleteGroup(s),this.a11y.announce("Group deleted, items returned to upload area"),this.schedulePersistance(o)}handleRemoveItem(e){const t=e.closest(this.selectors.items.item);if(!t)return;const s=t.dataset.uploadId,o=this.getFieldIdFromElement(t);confirm("Remove this item?")&&(this.removeUpload(o,s),this.a11y.announce("Item removed"),this.schedulePersistance(o))}addFieldSelectionHandler(e){if(this.selectionHandlers.has(e))return this.selectionHandlers.get(e);const t=this.fieldElements.get(e);if(!t?.element)return;const s=new window.jvbHandleSelection({container:t.element,ui:{selectAll:t.element.querySelector('[name="select-all-uploads"]'),bulkControls:t.element.querySelector(".selection-actions"),count:t.element.querySelector(".selection-count")},itemSelector:"[data-upload-id]",checkboxSelector:'[name*="select-item"]'});return s.subscribe(((t,s)=>{switch(t){case"item-selected":case"item-deselected":case"range-selected":this.syncSortableSelection(e,s.selectedItems),this.selected.set(e,s.selectedItems);break;case"select-all":this.handleSelectAll(s.container,s.selected)}})),this.selectionHandlers.set(e,s),s}addGroupSelectionHandler(e,t){const s=`${e}_${t}`;if(this.selectionHandlers.has(s))return this.selectionHandlers.get(s);const o=this.groupElements.get(t);if(!o?.element)return;const r=new window.jvbHandleSelection({container:o.element,ui:{selectAll:o.element.querySelector(this.selectors.groups.selectAll),bulkControls:o.element.querySelector(this.selectors.groups.actions),count:o.element.querySelector(this.selectors.groups.count)},itemSelector:"[data-upload-id]",checkboxSelector:'[name*="select-item"]'});return r.subscribe(((t,s)=>{switch(t){case"item-selected":case"item-deselected":case"range-selected":this.selected.set(e,s.selectedItems);break;case"select-all":this.handleSelectAll(s.container,s.selected)}})),this.selectionHandlers.set(s,r),r}handleSelectAll(e,t){}getCurrentSelection(e){let t=[];for(let[s,o]of this.selectionHandlers)(e===s||s.includes(e))&&o.selectedItems.size>0&&(t=t.concat([...o.selectedItems]));return t}getFieldData(e){const t=this.fieldStore.get(e);return t?(Array.isArray(t.uploads)?t.uploads=new Set(t.uploads):t.uploads||(t.uploads=new Set),Array.isArray(t.groups)||(t.groups=[]),t):null}async saveFieldData(e){console.log("💾 Saving:",e.id,{uploads:e.uploads?.size,groups:e.groups?.length}),await this.fieldStore.save({...e,timestamp:Date.now()})}determineFieldId(e){return`${e.dataset.content||e.closest("dialog")?.dataset.content||e.closest("form")?.dataset.save||""}_${e.dataset.itemId||e.closest("dialog")?.dataset.itemId||""}_${e.dataset.field||""}`}getFromElement(e,t){const s={field:{selector:this.selectors.field.field,key:"uploader",getRuntimeData:e=>this.fieldElements.get(e),getStoreData:e=>this.getFieldData(e)},upload:{selector:this.selectors.items.item,key:"uploadId",getRuntimeData:e=>this.uploadElements.get(e),getStoreData:e=>this.uploadStore.get(e)},group:{selector:this.selectors.groups.container,key:"groupId",getRuntimeData:e=>this.groupElements.get(e),getStoreData:e=>{const t=this.groupElements.get(e);if(!t)return null;const s=this.getFieldData(t.fieldId);return s?.groups?.find((t=>t.id===e))}}},o=s[t];if(!o)return null;const r=e.closest(o.selector);if(!r)return null;const a=r.dataset[o.key];return{...o.getRuntimeData(a),...o.getStoreData(a)}}getFieldFromElement(e){return this.getFromElement(e,"field")}getUploadFromElement(e){return this.getFromElement(e,"upload")}getGroupFromElement(e){return this.getFromElement(e,"group")}getFieldIdFromElement(e){const t=this.getFromElement(e,"field");return t?.id??null}getUploadIdFromElement(e){const t=this.getFromElement(e,"upload");return t?.id??null}getGroupIdFromElement(e){const t=this.getFromElement(e,"group");return t?.id??null}getSubtypeFromMime(e){return e.startsWith("image/")?"image":e.startsWith("video/")?"video":"document"}getStatusText(e){return this.statusMapping[e]||e}getStatusIcon(e){return window.getIcon(this.queue.icons[e])}getStatusProgress(e){return{local_processing:28,queued:50,uploading:66,pending:75,processing:89,completed:100}[e]||0}getModalType(e){if(!e?.element)return null;if(void 0!==e._cachedModalType)return e._cachedModalType;const t=e.element.closest("dialog");if(!t)return e._cachedModalType=null,null;let s=null;return s=t.classList.contains("edit")?"edit":t.classList.contains("create")?"create":t.classList.contains("bulkEdit")?"bulkEdit":t.className,e._cachedModalType=s,s}createUploadElement(e,t=!1){let s=window.getTemplate("uploadItem");if(!s)return;s.dataset.uploadId=e.id,s.dataset.subtype=e.subtype||"image";let[o,r,a,i,l]=[s.querySelector('[name="featured"]'),s.querySelector("img"),s.querySelector("video"),s.querySelector("label > span"),s.querySelector("details")];switch(o&&(o.value=e.id),e.subtype){case"image":r&&(r.src=e.preview,r.alt=e.meta?.originalName||""),a?.remove(),i?.remove();break;case"video":a&&(a.src=e.preview),r?.remove(),i?.remove();break;case"document":const t=e.meta?.originalName||"",s=t.split(".").pop()?.toLowerCase()||"",o={pdf:"file-pdf",csv:"file-csv",doc:"file-doc",docx:"file-doc",txt:"file-txt",xls:"file-xls",xlsx:"file-xls"},l=window.getIcon(o[s]||"file");i&&(i.innerText=t,i.prepend(l)),r?.remove(),a?.remove()}if(l){let e=window.getTemplate("uploadMeta");e&&l.append(e)}return s.draggable=t,s.querySelectorAll("input").forEach((t=>{let s=t.id;if(s){let o=s+e.id,r=t.parentNode.querySelector(`label[for="${s}"]`);t.id=o,r&&(r.htmlFor=o)}})),s}normalizeFieldData(e){return e?(Array.isArray(e.uploads)?e.uploads=new Set(e.uploads):e.uploads||(e.uploads=new Set),Array.isArray(e.groups)||(e.groups=[]),e.groups=e.groups.map((e=>({...e,uploads:Array.isArray(e.uploads)?e.uploads:[]}))),e):null}schedulePersistance(e){const t=`persist_${e}`;window.debouncer.schedule(t,(()=>this.persistFieldState(e)),250)}async persistFieldState(e){const t=this.getFieldData(e);t&&await this.saveFieldData(t)}async saveBlobData(e,t){const s=await t.arrayBuffer(),o=this.uploadStore.get(e)||{id:e};o.blobData={buffer:s,name:t.name,type:t.type,size:t.size,lastModified:t.lastModified||Date.now()},await this.uploadStore.save(o)}async getBlobData(e){const t=this.uploadStore.get(e);if(!t?.blobData)return null;const s=new Blob([t.blobData.buffer],{type:t.blobData.type});return new File([s],t.blobData.name,{type:t.blobData.type,lastModified:t.blobData.lastModified})}handleFieldStoreEvent(e,t){if("data-loaded"===e)this.fieldStoreReady=!0,this.checkIfBothStoresReady()}handleUploadStoreEvent(e,t){switch(e){case"data-loaded":this.uploadStoreReady=!0,this.checkIfBothStoresReady();break;case"item-saved":this.showSaveIndicator(t.key)}}checkIfBothStoresReady(){this.fieldStoreReady&&this.uploadStoreReady&&!this.hasCheckedForUploads&&(this.hasCheckedForUploads=!0,this.checkForStoredUploads())}async checkForStoredUploads(){const e=this.fieldStore.getAll();console.log("Checking for stored uploads...",{fieldStates:e.length,uploadStoreSize:this.uploadStore.data.size}),console.log(this.uploadStore.getAll()),console.log(this.fieldStore.getAll());const t=e.filter((e=>{if(!e.uploads)return!1;return(e.uploads instanceof Set?Array.from(e.uploads):Array.isArray(e.uploads)?e.uploads:[]).some((e=>{const t=this.uploadStore.get(e);return t&&!t.operationId&&["completed","processed","local_processing","processed-original"].includes(t.status)}))}));console.log("Found pending fields:",t.length),0!==t.length&&this.showRecoveryNotification(t)}async showRecoveryNotification(e){const t=e.reduce(((e,t)=>e+t.uploads.length),0),s=e.reduce(((e,t)=>e+(t.groups?.length||0)),0);let o,r=window.getTemplate("restoreNotification");if(!r)return void console.error("Restore notification template not found");if(s>0){o=`${s} ${s>1?"groups":"group"} with ${t} ${t>1?"uploads":"upload"} can be restored.`}else o=`${t} upload(s) from ${e.length} field(s) can be recovered.`;const a=r.querySelector(".restore-details");a&&(a.textContent=o);for(const t of e){let e=window.getTemplate("restoreField");if(!e)continue;const s=e.querySelector("h3");s&&(s.textContent=t.config.name||"Unnamed Field");const o=e.querySelector(".item-grid.restore");for(let e of t.uploads){const s=this.uploadStore.get(e);let r=window.getTemplate("uploadItem");if(!r)continue;const a=await this.getBlobData(s.id);if(a)try{const e=this.createPreviewUrl(a);let[o,i,l,n,d]=[r.querySelector('[name="featured"]'),r.querySelector("img"),r.querySelector("video"),r.querySelector("label > span"),r.querySelector("details")];r.dataset.uploadId=s.id,r.dataset.fieldId=t.id;let c=this.getSubtypeFromMime(a.type);switch(r.dataset.subtype=c,c){case"image":[i.src,i.alt]=[e,a.name??s.meta?.originalName??""],l.remove(),n.remove();break;case"video":l.src=e,i.remove(),n.remove();break;case"document":let t;switch(""){case"pdf":t=window.getIcon("file-pdf");break;case"csv":t=window.getIcon("file-csv");break;case"doc":t=window.getIcon("file-doc");break;case"txt":t=window.getIcon("file-txt");break;case"xls":t=window.getIcon("file-xls");break;default:t=window.getIcon("file")}n.innerText=s.originalFile.name,n.prepend(t),i.remove(),l.remove()}r.dataset.previewUrl=e}catch(e){console.warn("Failed to create preview for upload:",s.id,e)}const i=r.querySelector("summary span");i&&(i.textContent=s.meta?.originalName||"Unknown file");const l=r.querySelector("details");l&&s.meta&&(l.textContent=`${this.formatBytes(s.meta.size)} • ${s.meta.type}`),r.querySelectorAll("input").forEach((e=>{let t=e.id;if(t){let o=t+s.id,r=e.parentNode.querySelector(`label[for="${t}"]`);e.id=o,r&&(r.htmlFor=o)}})),o&&o.appendChild(r)}r.querySelector(".wrap").appendChild(o)}document.querySelector(".field.upload").appendChild(r),r=document.querySelector("dialog.restore-uploads"),this.restoreModal=new window.jvbModal(r),this.restoreSelection=new window.jvbHandleSelection({container:r,ui:{selectAll:r.querySelector("#select-all-restore"),count:r.querySelector(".selection-count")}}),this.restoreModal.handleOpen()}async handleRestoreUploads(){let e=document.querySelector("dialog.restore-uploads");if(!e)return;const t=this.getSelectedRestorationUploads(e);0!==t.length&&(await this.restoreSelectedUploads(t),this.cleanupRestore())}async handleRestoreAll(){let e=document.querySelector("dialog.restore-uploads");if(!e)return;const t=[];e.querySelectorAll(".item.upload").forEach((e=>{let s=e.dataset.uploadId,o=e.dataset.fieldId;t.push({uploadId:s,fieldId:o})})),await this.restoreSelectedUploads(t),this.cleanupRestore()}showSaveIndicator(e){}cleanupRestore(){this.restoreModal.handleClose(),this.restoreSelection.destroy(),this.restoreSelection=null,this.restoreModal.destroy(),this.restoreModal.modal.remove(),this.restoreModal=null}async cleanupStoredUploads(){await this.fieldStore.clear(),await this.uploadStore.clear()}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((s=>{try{s(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){document.removeEventListener("click",this.clickHandler),document.removeEventListener("change",this.changeHandler),document.removeEventListener("dragenter",this.dragEnterHandler),document.removeEventListener("dragleave",this.dragLeaveHandler),document.removeEventListener("dragover",this.dragOverHandler),document.removeEventListener("drop",this.dropHandler),this.dragController&&this.dragController.destroy(),this.selectionHandlers.forEach((e=>e.destroy())),this.selectionHandlers.clear(),this.cleanupAllPreviewUrls(),this.sortableInstances.forEach((e=>{e?.destroy&&e.destroy()})),this.sortableInstances.clear(),this.uploadElements.clear(),this.fieldElements.clear(),this.groupElements.clear(),this.selected.clear(),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(()=>{window.jvbUploads=new e}))})();
(()=>{class e{constructor(){this.queue=window.jvbQueue,this.a11y=window.jvbA11y,this.error=window.jvbError,this.fieldStoreReady=!1,this.uploadStoreReady=!1,this.hasCheckedForUploads=!1;const{fields:e,uploads:t}=window.jvbStore.register("uploads",[{storeName:"fields",keyPath:"id",indexes:[{name:"fieldId",keyPath:"fieldId"},{name:"timestamp",keyPath:"timestamp"},{name:"content",keyPath:"content"},{name:"itemId",keyPath:"itemId"},{name:"status",keyPath:"status"}],TTL:6048e5,delayFetch:!0},{storeName:"uploads",keyPath:"id",storeBlobs:!0,indexes:[{name:"fieldId",keyPath:"fieldId"},{name:"status",keyPath:"status"},{name:"groupId",keyPath:"groupId"},{name:"attachmentId",keyPath:"attachmentId"}],delayFetch:!0}]);this.fieldStore=e,this.uploadStore=t,window.jvbUploadBlobs=this.uploadStore,this.fieldStore.subscribe(this.handleFieldStoreEvent.bind(this)),this.uploadStore.subscribe(this.handleUploadStoreEvent.bind(this)),this.uploadElements=new Map,this.fieldElements=new Map,this.groupElements=new Map,this.selected=new Map,this.selectionHandlers=new Map,this.previewUrls=new Set,this.sortableInstances=new Map,this.initWorker(),this.subscribers=new Set,this.selectors={field:{field:"[data-upload-field]",input:'input[type="file"]',dropZone:".file-upload-container",preview:".item-grid.preview",progress:".image-progress"},groups:{container:".upload-group",grid:".item-grid.group",header:".group-header",selectAll:'[name="select-all-group"]',actions:".group-actions",count:".selection-controls .info"},items:{item:"[data-upload-id]",checkbox:'[name*="select-item"]',featured:'[name="featured"]',details:"details"}},this.statusMapping={received:"Image Received",local_processing:"Processing Image...",queued:"Waiting to upload...",uploading:"Uploading to Server",pending:"Successfully sent to server. In line for further processing.",processing:"Processing on server...",completed:"Upload complete!",failed:"Upload failed (will retry)",failed_permanent:"Upload failed permanently"},this.init()}async init(){this.initializeFields(),this.initListeners(),this.queue.subscribe(((e,t)=>{if(!["uploads","uploads/meta","uploads/groups"].includes(t.endpoint))return;const s=t.data instanceof FormData?t.data.get("fieldId"):t.data?.fieldId;switch(e){case"cancel-operation":s&&this.handleOperationCancelled(s);break;case"operation-status":s&&this.updateFieldStatus(s,t.status);break;case"operation-complete":this.handleOperationComplete(t,s);break;case"operation-failed":case"operation-failed-permanent":this.handleOperationFailed(t,s)}})),window.addEventListener("beforeunload",(()=>{this.cleanupAllPreviewUrls()}))}initWorker(){this.worker={worker:null,timeout:null,tasks:new Map,restart:{count:0,max:3},settings:{timeout:1e4,batchSize:1,maxConcurrent:3,restartAfterTimeout:!0}}}initializeFields(){document.querySelectorAll(this.selectors.field.field).forEach((e=>this.registerUploader(e)))}scanFields(e){e.querySelectorAll(this.selectors.field.field).forEach((e=>this.registerUploader(e)))}registerUploader(e){const t=this.determineFieldId(e),s=this.extractFieldConfig(e),o=this.buildFieldUI(e),a={id:t,config:s,uploads:new Set,groups:[],state:"ready",timestamp:Date.now()};return this.fieldStore.save(a),this.fieldElements.set(t,{element:e,ui:o,config:s}),e.dataset.uploader=t,this.addFieldSelectionHandler(t),"single"!==s.type&&this.initSortable(t),t}extractFieldConfig(e){return{destination:e.dataset.destination||"meta",content:e.dataset.content||null,mode:e.dataset.mode||"direct",type:e.dataset.type||"single",name:e.dataset.field,itemID:e.dataset.itemId||0,maxFiles:parseInt(e.dataset.maxFiles)||999,subtype:e.dataset.subtype||"image"}}buildFieldUI(e){let t={field:e,input:e.querySelector(this.selectors.field.input),dropZone:e.querySelector(this.selectors.field.dropZone),preview:e.querySelector(this.selectors.field.preview),progress:{progress:e.querySelector(this.selectors.field.progress),bar:e.querySelector(".bar"),fill:e.querySelector(".fill"),details:e.querySelector(".details"),text:e.querySelector(".details .text"),count:e.querySelector(".details .count")}},s=e.querySelector(".group-display");return s&&(t.groups={display:s,container:e.querySelector(".item-grid.groups"),empty:e.querySelector(".empty-group"),groups:new Map}),t}initSortable(e){if(!window.Sortable)return;!Sortable._multiDragMounted&&Sortable.MultiDrag&&(Sortable.mount(new Sortable.MultiDrag),Sortable._multiDragMounted=!0);const t=this.fieldElements.get(e);if(!t)return;t.element.querySelectorAll(".item-grid.preview, .item-grid.group").forEach((t=>{const s=t.classList.contains("group")?t.closest(".upload-group")?.dataset.groupId:null;this.createSortableForGrid(t,e,s)}));const s=t.element.querySelector(".empty-group");s&&!s.sortableInstance&&(s.sortableInstance=new Sortable(s,{animation:150,draggable:".item",multiDrag:!0,selectedClass:"selected-for-drag",avoidImplicitDeselect:!0,group:{name:e,pull:!1,put:!0},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",onEnd:t=>this.handleDrop(t,e)}))}syncSortableSelection(e,t){this.sortableInstances.forEach(((s,o)=>{if(o.startsWith(e)){s.el.querySelectorAll(".item").forEach((e=>{const s=e.dataset.uploadId;t.has(s)?Sortable.utils.select(e):Sortable.utils.deselect(e)}))}}))}handleDrop(e,t){const s=e.to,o=e.from,a=e.items?.length>0?e.items:[e.item],r=a.map((e=>e.dataset.uploadId));switch(this.getDropTargetType(s)){case"empty-group":this.handleDropToEmptyGroup(a,r,t);break;case"preview":default:this.handleDropToPreview(a,r,t);break;case"group":this.handleDropToGroup(a,r,s,o,t)}this.updateSortableState(s),o!==s&&this.updateSortableState(o)}getDropTargetType(e){return e.classList.contains("empty-group")?"empty-group":e.classList.contains("preview")?"preview":e.classList.contains("group")?"group":"unknown"}handleDropToGroup(e,t,s,o,a){try{if(s===o)return void this.handleReorder({to:s,items:e});t.forEach((e=>{this.addToGroup(e,s,!1)})),this.schedulePersistance(a);const r=e.length>1?`Moved ${e.length} items to group`:"Moved item to group";this.a11y.announce(r);const i=this.selectionHandlers.get(a);i?.clearSelection()}catch(t){this.handleDropError(e,a,t)}}handleDropToPreview(e,t,s){try{t.forEach((e=>{this.removeFromGroup(e)})),this.schedulePersistance(s);const o=e.length>1?`Moved ${e.length} items to preview`:"Moved item to preview";this.a11y.announce(o);const a=this.selectionHandlers.get(s);a?.clearSelection()}catch(t){this.handleDropError(e,s,t)}}handleDropError(e,t,s,o="An error occurred"){console.error("Drop error:",s);const a=this.fieldElements.get(t);a?.ui?.preview&&e.forEach((e=>a.ui.preview.appendChild(e))),this.a11y.announce(`${o}. Items returned to preview.`)}handleDropToEmptyGroup(e,t,s){try{const o=this.createGroup(s);if(!o)return void this.handleDropError(e,s,new Error("Group creation failed"),"Failed to create group");e.forEach(((e,s)=>{o.grid.appendChild(e),this.addToGroup(t[s],o.grid,!1)})),this.schedulePersistance(s);const a=e.length>1?`Created group with ${e.length} items`:"Created group with item";this.a11y.announce(a);const r=this.selectionHandlers.get(s);r?.clearSelection()}catch(t){this.handleDropError(e,s,t)}}updateSortableState(e){const t=e?.sortableInstance;t&&t.option("disabled",!1)}refreshSortable(e){const t=this.fieldElements.get(e);if(!t)return;t.element.querySelectorAll(".item-grid.preview, .item-grid.group").forEach((e=>this.updateSortableState(e)))}handleReorder(e){const t=e.to,s=t.closest(".field, .upload");if(!s)return;e.items&&e.items.length>0?e.items:e.item;let o=Array.from(t.querySelectorAll(".item:not(.sortable-ghost):not(.sortable-clone)")).map((e=>e.dataset.uploadId)).filter((e=>e)),a=s.querySelector('input[type="hidden"]');a&&o.length>0&&(a.value=o.join(","));const r=this.getFieldIdFromElement(t);if(r){const e=this.getFieldData(r);if(t.classList.contains("group")){const s=t.dataset.groupId,a=e?.groups?.find((e=>e.id===s));a&&(a.uploads=o)}this.schedulePersistance(r)}this.a11y.announce("Item reordered"),s.dispatchEvent(new CustomEvent("jvb-items-reordered",{detail:{from:e.from,to:e.to,oldIndex:e.oldIndex,newIndex:e.newIndex,items:o},bubbles:!0}))}initListeners(){this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler),this.dragEnterHandler=this.handleExternalDragEnter.bind(this),this.dragLeaveHandler=this.handleExternalDragLeave.bind(this),this.dragOverHandler=this.handleExternalDragOver.bind(this),this.dropHandler=this.handleExternalDrop.bind(this),document.addEventListener("dragenter",this.dragEnterHandler),document.addEventListener("dragleave",this.dragLeaveHandler),document.addEventListener("dragover",this.dragOverHandler),document.addEventListener("drop",this.dropHandler)}handleExternalDragLeave(e){const t=e.target.closest(this.selectors.field.dropZone);t&&!t.contains(e.relatedTarget)&&t.classList.remove("dragover")}handleExternalDragEnter(e){if(!e.dataTransfer.types.includes("Files"))return;const t=e.target.closest(this.selectors.field.dropZone);t&&(e.preventDefault(),t.classList.add("dragover"))}handleExternalDragOver(e){if(!e.dataTransfer.types.includes("Files"))return;e.target.closest(this.selectors.field.dropZone)&&(e.preventDefault(),e.dataTransfer.dropEffect="copy")}handleExternalDrop(e){const t=e.target.closest(this.selectors.field.dropZone);if(!t)return;e.preventDefault(),t.classList.remove("dragover");const s=Array.from(e.dataTransfer.files);if(0===s.length)return;const o=this.getFieldIdFromElement(t);o&&(this.processFiles(o,s),this.a11y.announce(`${s.length} file(s) dropped for upload`))}handleClick(e){if(e.target.matches(this.selectors.field.dropZone)||e.target.closest(this.selectors.field.dropZone)){const t=e.target.closest(this.selectors.field.dropZone);if(t&&!e.target.matches("input, button, a")){const e=t.querySelector(this.selectors.field.input);e?.click()}}const t=e.target.closest("[data-action]");t&&this.handleAction(t)}handleChange(e){const t=this.getFieldIdFromElement(e.target);if(e.target.matches(this.selectors.field.input)){const s=Array.from(e.target.files);s.length>0&&t&&this.processFiles(t,s)}if(t){const s=this.getFieldData(t);"post_group"===s?.config.destination?this.handleGroupMetaChange(e.target):this.queueUploadMeta(e)}}async processFiles(e,t){const s=this.getFieldData(e),o=this.fieldElements.get(e);if(!s||!o)return;o.ui.dropZone&&(o.ui.dropZone.hidden=!0),o.ui.groups?.display&&(o.ui.groups.display.hidden=!1);const a=t.length;let r=0;this.updateUploadProgress(e,0,a,"Processing files...");const i=Array.from(t).map((async t=>{try{const i=`upload_${Date.now()}_${Math.random().toString(36).substr(2,9)}`,l={id:i,attachmentId:null,fieldId:e,status:"local_processing",groupId:null,meta:{originalName:t.name,size:t.size,type:t.type}};await this.uploadStore.save(l);const n=this.createPreviewUrl(t),d=t.type.startsWith("image/")?await this.processImage(t,s.config.subtype):t;this.showUploadProgress(i,!0),this.updateUploadItemProgress(i,50,"local_processing"),await this.saveBlobData(i,d||t);const c=this.getSubtypeFromMime(t.type),u=this.createUploadElement({id:i,preview:n,meta:l.meta,subtype:c},"post_group"===s.config.destination);o.ui.preview&&(o.ui.preview.appendChild(u),this.uploadElements.set(i,{element:u,preview:n,location:o.ui.preview}));const p=this.uploadStore.get(i);return p&&(p.status="processed",await this.uploadStore.save(p)),s.uploads.add(i),await this.saveFieldData(s),r++,this.updateUploadProgress(e,r,a,"Processing files..."),this.updateUploadItemProgress(i,100,"processed"),setTimeout((()=>this.showUploadProgress(i,!1)),1e3),i}catch(s){return console.error("Error processing file:",t.name,s),r++,this.updateUploadProgress(e,r,a,"Processing files..."),null}}));await Promise.all(i),this.updateFieldState(e),this.refreshSortable(e),"post_group"!==s.config.destination&&(await this.queueUpload(e),this.maybeLockUploads(e))}async processImage(e,t){const s=this.worker.settings.timeout;return new Promise(((o,a)=>{let r,i=!1;r=setTimeout((()=>{i||(i=!0,this.worker.tasks.delete(t),this.worker.settings.restartAfterTimeout&&this.restartCompressionWorker(),a(new Error(`Processing timeout for ${e.name}`)))}),s),this.worker.tasks.set(t,{file:e,timeoutId:r}),this.handleProcess(e,t).then((e=>{i||(i=!0,clearTimeout(r),this.worker.tasks.delete(t),o(e))})).catch((e=>{i||(i=!0,clearTimeout(r),this.worker.tasks.delete(t),a(e))}))}))}async handleProcess(e,t){if(!e.type.startsWith("image/"))return e;const s=this.getMaxDimension();if(this.shouldUseWorker(e))try{if(this.worker.worker||this.initCompressionWorker(),this.worker.worker)return await this.processWithWorker(e,t,s,.85)}catch(e){console.warn("Worker processing failed, falling back to main thread:",e)}return await this.processOnMainThread(e,s,.85)}async processOnMainThread(e,t,s){return new Promise(((o,a)=>{const r=new Image,i=document.createElement("canvas"),l=i.getContext("2d");let n=null;const d=()=>{r.onload=null,r.onerror=null,n&&(URL.revokeObjectURL(n),n=null),i.width=1,i.height=1,l.clearRect(0,0,1,1)};r.onload=()=>{try{const{width:n,height:c}=this.calculateOptimalDimensions(r,t);i.width=n,i.height=c,l.imageSmoothingEnabled=!0,l.imageSmoothingQuality="high",l.drawImage(r,0,0,n,c);const u=this.getOptimalFormat(e),p=this.getOptimalQuality(e,s);i.toBlob((t=>{if(d(),t){const s=new File([t],this.getProcessedFileName(e,u),{type:u,lastModified:Date.now()});o(s)}else a(new Error("Canvas toBlob failed"))}),u,p)}catch(e){d(),a(new Error(`Canvas processing failed: ${e.message}`))}},r.onerror=()=>{d(),a(new Error(`Failed to load image: ${e.name}`))};try{n=this.createPreviewUrl(e),r.src=n}catch(e){d(),a(new Error(`Failed to create object URL: ${e.message}`))}}))}getOptimalFormat(e){return"image/gif"===e.type||"image/svg+xml"===e.type?e.type:this.supportsWebP()?"image/webp":"image/jpeg"}getOptimalQuality(e,t){return e.size<512e3?Math.max(t,.9):e.size<2097152?t:Math.min(t,.8)}getProcessedFileName(e,t){return e.name.replace(/\.[^/.]+$/,"")+({"image/webp":".webp","image/jpeg":".jpg","image/png":".png","image/gif":".gif"}[t]||".jpg")}getMaxDimension(){const e=window.screen.width,t=window.devicePixelRatio||1;return e*t>2560?2400:e*t>1920?1920:1200}shouldUseWorker(e){return this.worker.worker&&e.size>1048576&&"undefined"!=typeof OffscreenCanvas}async processWithWorker(e,t,s,o){return new Promise(((a,r)=>{if(!this.worker.worker)return void r(new Error("Worker not available"));const i=`${t}_${Date.now()}`,l=t=>{if(t.data.messageId===i)if(this.worker.worker.removeEventListener("message",l),this.worker.worker.removeEventListener("error",n),t.data.success){const s=new File([t.data.blob],this.getProcessedFileName(e,t.data.format||"image/webp"),{type:t.data.format||"image/webp",lastModified:Date.now()});a(s)}else r(new Error(t.data.error||"Worker processing failed"))},n=e=>{this.worker.worker.removeEventListener("message",l),this.worker.worker.removeEventListener("error",n),r(new Error(`Worker error: ${e.message}`))};this.worker.worker.addEventListener("message",l),this.worker.worker.addEventListener("error",n),this.worker.worker.postMessage({messageId:i,file:e,maxDimension:s,quality:o,outputFormat:this.getOptimalFormat(e)})}))}restartCompressionWorker(){this.worker.worker&&(this.worker.worker.terminate(),this.worker.worker=null),this.worker.tasks.clear(),this.worker.restart.count>=this.worker.restart.max?console.error("Max worker restarts reached, disabling worker"):(this.worker.restart.count++,this.initCompressionWorker())}initCompressionWorker(){if(!this.worker.worker&&"undefined"!=typeof Worker)try{const e=new Blob(["\n\t\t\t\tself.onmessage = async function(e) {\n\t\t\t\t\tconst { messageId, file, maxDimension, quality, outputFormat } = e.data;\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst bitmap = await createImageBitmap(file);\n\t\t\t\t\t\tconst scale = Math.min(maxDimension / bitmap.width, maxDimension / bitmap.height, 1);\n\t\t\t\t\t\tconst width = Math.round(bitmap.width * scale);\n\t\t\t\t\t\tconst height = Math.round(bitmap.height * scale);\n\t\t\t\t\t\tconst canvas = new OffscreenCanvas(width, height);\n\t\t\t\t\t\tconst ctx = canvas.getContext('2d');\n\t\t\t\t\t\tctx.imageSmoothingEnabled = true;\n\t\t\t\t\t\tctx.imageSmoothingQuality = 'high';\n\t\t\t\t\t\tctx.drawImage(bitmap, 0, 0, width, height);\n\t\t\t\t\t\tbitmap.close();\n\t\t\t\t\t\tconst blob = await canvas.convertToBlob({ type: outputFormat, quality: quality });\n\t\t\t\t\t\tself.postMessage({ messageId, success: true, blob: blob, format: outputFormat });\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tself.postMessage({ messageId, success: false, error: error.message });\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t"],{type:"application/javascript"});this.worker.worker=new Worker(this.createPreviewUrl(e))}catch(e){console.warn("Failed to initialize compression worker:",e),this.worker.worker=null}}calculateOptimalDimensions(e,t){let{width:s,height:o}=e;if(s<=t&&o<=t)return{width:s,height:o};const a=Math.min(t/s,t/o);return{width:Math.round(s*a),height:Math.round(o*a)}}supportsWebP(){return 0===document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp")}createPreviewUrl(e){const t=URL.createObjectURL(e);return this.previewUrls||(this.previewUrls=new Set),this.previewUrls.add(t),t}revokePreviewUrl(e){e?.startsWith("blob:")&&(URL.revokeObjectURL(e),this.previewUrls?.delete(e))}async submitUploads(e){const t=this.getFieldData(e);this.fieldElements.get(e);if(!t?.uploads||0===t.uploads.size)return;let s=Array.from(t.uploads);if(0===s.length)return void this.error.log("No uploads to upload",{component:"UploadManager",action:"submitGroupedUploads",fieldId:e});const o=this.getFieldGroups(e);if(0===o.length)return void this.error.log("No groups created for post_group upload",{component:"UploadManager",action:"submitGroupedUploads",fieldId:e});const a=[],r=new FormData;let i=[];for(const e of o){const t={images:[],fields:{}};for(let[s,o]of Object.entries(e.changes))t.fields[s]=o;const o=s.filter((t=>{const s=this.uploadStore.get(t);return s?.groupId===e.id}));for(const e of o){const s=await this.getBlobData(e);if(s){r.append("files[]",s);const o={upload_id:e,index:i.length},a=this.uploadElements.get(e),l=a?.element?.querySelector('[name="featured"]');l?.checked&&(t.fields.featured=e),t.images.push(o),i.push(e)}}a.push(t)}const l=s.filter((e=>{const t=this.uploadStore.get(e);return!t?.groupId}));for(const e of l){const t={images:[],fields:{}},s=await this.getBlobData(e);if(s){r.append("files[]",s);const o={upload_id:e,index:i.length};t.images.push(o),i.push(e)}a.push(t)}r.append("content",t.config.content),r.append("user",t.config.itemID),r.append("posts",JSON.stringify(a)),r.append("upload_ids",JSON.stringify(i));const n={endpoint:"uploads/groups",method:"POST",data:r,title:`Creating ${a.length} ${t.config.content}${a.length>1?"s":""} from uploads...`,popup:`Creating ${a.length} post${a.length>1?"s":""}...`,canMerge:!1,headers:{action_nonce:window.auth.getNonce("dash")},append:"_upload"};try{const e=await this.queue.addToQueue(n);return s.forEach((t=>{const s=this.uploadStore.get(t);s&&(s.operationId=e,s.status="queued",this.uploadStore.save(s),this.updateUploadStatus(t,"queued"))})),t.operationId=e,await this.saveFieldData(t),this.a11y.announce(`Creating ${a.length} post${a.length>1?"s":""} from your uploads`),e}catch(t){throw this.error.log(t,{component:"UploadManager",action:"submitGroupedUploads",fieldId:e}),t}}async queueUpload(e){const t=this.getFieldData(e);if(!t?.uploads||0===t.uploads.size)return;const s=Array.from(t.uploads),o=this.prepareUploadData(t,s);this.a11y.announce("Queuing for upload");const a={endpoint:"uploads",method:"POST",data:o,title:`Uploading ${s.length} file${s.length>1?"s":""} to server...`,popup:`Uploading ${s.length} file${s.length>1?"s":""}...`,canMerge:!1,headers:{action_nonce:window.auth.getNonce("dash")},append:"_upload"};try{const e=await this.queue.addToQueue(a);return s.forEach((t=>{const s=this.uploadStore.get(t);s&&(s.operationId=e,s.status="queued",this.uploadStore.save(s),this.updateUploadStatus(t,"queued"))})),t.operationId=e,await this.saveFieldData(t),e}catch(e){throw e}}async prepareUploadData(e,t){const s=new FormData;s.append("content",e.config.content),s.append("mode",e.config.mode),s.append("field_name",e.config.name),s.append("fieldId",e.id),s.append("field_type",e.config.type),s.append("subtype",e.config.subtype),s.append("item_id",e.config.itemID),s.append("destination",e.config.destination||"meta");let o=[];const a=t.map((async e=>{const t=this.uploadStore.get(e);if(!t)return;const a=await this.getBlobData(e);a&&(s.append("files[]",a),o.push(t.id))}));return await Promise.all(a),s.append("upload_ids",JSON.stringify(o)),s}async queueUploadMeta(e){const t=this.getUploadIdFromElement(e.target),s=this.uploadStore.get(t);if(!s)return;if(!this.getFieldData(s.fieldId))return;let o={};o[e.target.name]=e.target.value,s.meta={...s.meta,...o},await this.uploadStore.save(s);let a={};a[s.attachmentId??s.id]=s.meta;const r={endpoint:"uploads/meta",method:"POST",data:a,title:"Updating meta",canMerge:!0,headers:{action_nonce:window.auth.getNonce("dash")}};try{await this.queue.addToQueue(r)}catch(e){this.error.log(e,{component:"UploadManager",action:"sendMetaUpdate",uploadId:s.id})}}async handleOperationComplete(e,t){if((e.result?.data||e.serverData?.data||[]).forEach((e=>{const t=this.uploadStore.get(e.upload_id);t&&(t.attachmentId=e.attachment_id,t.status="completed",this.uploadStore.save(t),this.updateUploadStatus(e.upload_id,"completed"))})),!t)return;const s=this.getFieldData(t);if(!s)return;const o=Array.from(s.uploads).filter((e=>{const t=this.uploadStore.get(e);return"completed"===t?.status}));for(const e of o)await this.clearUpload(e,!1),s.uploads.delete(e);0===s.uploads.size?(await this.clearFieldFromStores(t),this.a11y.announce("All uploads completed successfully")):await this.saveFieldData(s),this.updateFieldState(t)}handleOperationFailed(e,t){(e.data instanceof FormData?JSON.parse(e.data.get("upload_ids")||"[]"):e.data.upload_ids||[]).forEach((t=>{const s=this.uploadStore.get(t);s&&(s.status="operation-failed-permanent"===e.status?"failed_permanent":"failed",this.uploadStore.save(s),this.updateUploadStatus(t,s.status))})),t&&this.updateFieldState(t)}async handleOperationCancelled(e){const t=this.getFieldData(e);if(!t)return;const s=t.uploads instanceof Set?Array.from(t.uploads):t.uploads;for(const e of s)await this.clearUpload(e,!1);await this.clearFieldFromStores(e),this.updateFieldState(e),this.a11y.announce("Upload cancelled")}getFieldGroups(e){const t=this.getFieldData(e);return t?.groups?t.groups.map((e=>({id:e.id,uploads:e.uploads||[],changes:e.changes||{}}))):[]}getSelectedRestorationUploads(e){let t=[];return e.querySelectorAll("[type=checkbox]:checked").forEach((e=>{const s=e.closest(".item");s&&t.push({uploadId:s.dataset.uploadId,fieldId:s.dataset.fieldId})})),t}async restoreSelectedUploads(e){const t=new Map;e.forEach((e=>{t.has(e.fieldId)||t.set(e.fieldId,[]),t.get(e.fieldId).push(e.uploadId)}));for(const[e,s]of t.entries()){const t=this.fieldStore.get(e);t&&(t.uploads=s,await this.restoreField(t))}}async restoreField(e){const{config:t,context:s,uploads:o,groups:a,id:r}=e;s?.modalType&&await this.openModalForRestore(s);let i=document.querySelector(`.field.upload[data-field="${t.name}"]`);if(!i){const e=`${t.content}_${t.itemID}_${t.name}`;i=document.querySelector(`.field.upload[data-uploader="${e}"]`)}if(!i)return void console.warn(`Field ${t.name} not found for restoration`,t);let l=i.dataset.uploader;l&&this.fieldElements.has(l)||(l=this.registerUploader(i));const n=this.fieldElements.get(l),d=this.getFieldData(l);if(!n||!d)return void console.error("Failed to register field for restoration");d.state=e.state||"ready",n.ui||(n.ui=this.buildFieldUI(i)),n.ui.groups?.display&&(n.ui.groups.display.hidden=!1),n.ui.dropZone&&(n.ui.dropZone.hidden=!0),a&&a.length>0&&await this.restoreGroups(l,a);const c=o instanceof Set?Array.from(o):Array.isArray(o)?o:[];for(const e of c){const t=this.uploadStore.get(e);t&&await this.restoreUpload(l,t)}await this.saveFieldData(d),this.updateFieldState(l),this.maybeLockUploads(l),this.refreshSortable(l),"direct"===t.mode&&"post_group"!==t.destination&&await this.queueUpload(l)}async restoreUpload(e,t){const s=this.fieldElements.get(e),o=this.getFieldData(e);if(!s||!o)return void console.error("Field not found for upload restoration:",e);const a=await this.getBlobData(t.id);if(!a)return void console.warn("Blob data not found for upload:",t.id);const r=this.createPreviewUrl(a),i=this.getSubtypeFromMime(a.type),l=this.createUploadElement({id:t.id,preview:r,meta:t.meta||{originalName:a.name,size:a.size,type:a.type},subtype:i},"post_group"===o.config.destination);let n;if(t.groupId){const e=this.groupElements.get(t.groupId);if(e?.grid){n=e.grid;const s=o.groups?.find((e=>e.id===t.groupId));s&&(s.uploads||(s.uploads=[]),s.uploads.includes(t.id)||s.uploads.push(t.id))}else n=s.ui.preview,t.groupId=null}else n=s.ui.preview;n?n.appendChild(l):s.ui.preview&&(s.ui.preview.appendChild(l),n=s.ui.preview),this.uploadElements.set(t.id,{element:l,preview:r,location:n}),o.uploads||(o.uploads=new Set),o.uploads.add(t.id),t.status="processed",await this.uploadStore.save(t),n&&this.updateSortableState(n)}async restoreGroups(e,t){const s=this.fieldElements.get(e),o=this.getFieldData(e);if(s&&o){for(const s of t){const t=this.createGroup(e,s.id);if(!t){console.warn("Failed to create group:",s.id);continue}const a=o.groups?.find((e=>e.id===s.id));if(a&&(s.changes&&(a.changes={...s.changes}),s.uploads&&(a.uploads=[...s.uploads]),s.changes)){const e=t.element.querySelector('[name*="post_title"]'),o=t.element.querySelector('[name*="post_excerpt"]');e&&s.changes.post_title&&(e.value=s.changes.post_title),o&&s.changes.post_excerpt&&(o.value=s.changes.post_excerpt)}}await this.saveFieldData(o)}else console.error("Field not found for group restoration:",e)}async openModalForRestore(e){if(!e)return;const{modalType:t,itemId:s}=e;let o=null;switch(t){case"create":o=document.querySelector('[data-action="create"]');break;case"edit":s&&(o=document.querySelector(`[data-action="edit"][data-id="${s}"]`));break;case"bulkEdit":o=document.querySelector('[data-action="bulk-edit"]')}o?(o.click(),await new Promise((e=>setTimeout(e,300)))):console.warn("Modal trigger not found for restoration:",e)}formatBytes(e,t=2){if(0===e)return"0 Bytes";const s=t<0?0:t,o=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,o)).toFixed(s))+" "+["Bytes","KB","MB","GB"][o]}async clearUpload(e,t=!0){const s=this.uploadElements.get(e);if(s&&(this.revokePreviewUrl(s.preview),s.element)){const e=s.element.dataset.previewUrl;this.revokePreviewUrl(e),delete s.element.dataset.previewUrl}if(this.uploadElements.delete(e),await this.uploadStore.delete(e),t){const t=this.uploadStore.get(e);t?.fieldId&&await this.schedulePersistance(t.fieldId)}}async clearFieldFromStores(e){const t=this.getFieldData(e);if(t?.uploads){const e=t.uploads instanceof Set?Array.from(t.uploads):t.uploads;for(const t of e)await this.uploadStore.delete(t)}await this.fieldStore.delete(e)}cleanupAllPreviewUrls(){this.previewUrls&&(this.previewUrls.forEach((e=>{try{URL.revokeObjectURL(e)}catch(e){}})),this.previewUrls.clear())}updateFieldState(e){const t=this.fieldElements.get(e),s=this.getFieldData(e);if(!t||!s)return;const o=t.element,a=s.uploads?.size||0,r=t.ui.groups?.container?.querySelectorAll(".upload-group").length>0;o.dataset.hasUploads=a>0?"true":"false",o.dataset.uploadCount=a.toString(),o.dataset.hasGroups=r?"true":"false",t.ui.preview&&t.ui.preview.setAttribute("aria-label",`Upload preview area with ${a} item${1!==a?"s":""}`)}updateUploadProgress(e,t,s,o){const a=this.fieldElements.get(e);if(!a?.ui?.progress?.progress)return;const r=a.ui.progress,i=s>0?t/s*100:0;r.fill&&(r.fill.style.width=`${i}%`),r.text&&(r.text.textContent=o),r.count&&(r.count.textContent=`${t}/${s}`),r.progress.hidden=t===s}updateFieldStatus(e,t){const s=this.getFieldData(e);s&&(s.state=t,this.saveFieldData(s))}updateUploadStatus(e,t){const s=this.uploadStore.get(e);s&&(s.status=t,this.uploadStore.save(s),this.updateUploadUI(e))}updateUploadUI(e){const t=this.uploadElements.get(e),s=this.uploadStore.get(e);if(!s||!t?.element)return;t.element.className=t.element.className.replace(/status-[\w-]+/g,""),t.element.classList.add(`status-${s.status}`);t.element.querySelector(".progress")&&this.updateUploadItemProgress(e,this.getStatusProgress(s.status),s.status)}showUploadProgress(e,t=!0){const s=this.uploadElements.get(e);if(!s?.element)return;const o=s.element.querySelector(".progress");o&&(t?(o.style.removeProperty("animation"),o.hidden=!1):(o.style.animation="fadeOut var(--transition-base)",setTimeout((()=>{o.hidden=!0}),300)))}updateUploadItemProgress(e,t,s=null){const o=this.uploadElements.get(e);if(!o?.element)return;const a=o.element.querySelector(".progress");if(!a)return;const r=a.querySelector(".fill"),i=a.querySelector(".details"),l=a.querySelector(".icon");r&&(r.style.width=`${t}%`),s&&i&&(i.textContent=this.getStatusText(s)),s&&l&&(l.innerHTML=this.getStatusIcon(s).outerHTML)}maybeLockUploads(e){const t=this.fieldElements.get(e),s=this.getFieldData(e);if(!t?.ui?.dropZone||!s)return;const o=s.uploads?.size||0,a="post_group"===s.config.destination?20:s.config?.maxFiles||999;t.ui.dropZone.hidden=o>=a,t.element.classList.toggle("at-max-uploads",o>=a),"post_group"===s.config.destination&&o>=a&&this.a11y.announce("Maximum of 20 uploads reached. Please submit current uploads before adding more.")}createSortableForGrid(e,t,s=null){if(!e||e.sortableInstance)return;const o=new Sortable(e,{animation:150,draggable:".item",multiDrag:!0,selectedClass:"selected-for-drag",avoidImplicitDeselect:!0,group:{name:t,pull:!0,put:!0},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",onEnd:e=>this.handleDrop(e,t),onSelect:e=>{const t=e.item.querySelector('[name*="select-item"]');t&&!t.checked&&(t.checked=!0,t.dispatchEvent(new Event("change",{bubbles:!0})))},onDeselect:e=>{const t=e.item.querySelector('[name*="select-item"]');t&&t.checked&&(t.checked=!1,t.dispatchEvent(new Event("change",{bubbles:!0})))},onAdd:e=>this.updateSortableState(e.to),onRemove:e=>this.updateSortableState(e.from)});e.sortableInstance=o;const a=s?`${t}-group-${s}`:`${t}-preview`;return this.sortableInstances.set(a,o),o}createGroup(e,t=null){const s=this.getFieldData(e),o=this.fieldElements.get(e);if(!s||!o)return null;t||(t=`group_${Date.now()}_${Math.random().toString(36).substr(2,9)}`);const a=this.createGroupElement(t,e);if(!a)return null;o.ui.groups||(o.ui.groups={groups:new Map,container:null,empty:null,display:null}),o.ui.groups.groups.set(t,a),o.ui.groups.container&&o.ui.groups.empty?o.ui.groups.container.insertBefore(a,o.ui.groups.empty):o.ui.groups.container&&o.ui.groups.container.appendChild(a);const r=a.querySelector(".item-grid.group");this.groupElements.set(t,{element:a,grid:r,fieldId:e}),s.groups||(s.groups=[]);return s.groups.find((e=>e.id===t))||(s.groups.push({id:t,uploads:[],changes:{}}),this.saveFieldData(s)),this.addGroupSelectionHandler(e,t),r&&this.createSortableForGrid(r,e,t),{id:t,element:a,grid:r}}createGroupElement(e,t){let s=window.getTemplate("imageGroup");if(!s)return;s.dataset.groupId=e,s.dataset.fieldId=t;let o=window.getTemplate("groupMetadata");const a=s.querySelector(".fields");if(a&&o){a.append(o);const r=a.querySelector('[name="post_title"]'),i=a.querySelector('[name="post_excerpt"]');r&&(r.id=`${e}_title`,r.name=`${e}[post_title]`),i&&(i.id=`${e}_excerpt`,i.name=`${e}[post_excerpt]`);const l=this.getFieldData(t);if(l&&""!==l.config.content){let e=s.querySelector("summary");e&&(e.textContent=l.config.content+" Fields")}}else s.querySelector("details")?.remove();const r=s.querySelector(".item-grid.group");return r&&(r.dataset.groupId=e),s}deleteGroup(e,t=!0){const s=this.groupElements.get(e);if(!s)return;const o=this.getFieldData(s.fieldId);if(!o)return;const a=o.groups?.find((t=>t.id===e));let r=!0;t&&a?.uploads?.length>0&&(r=!window.confirm("Delete uploads in group?")),t&&r&&a?.uploads&&a.uploads.forEach((e=>{this.removeFromGroup(e)})),o.groups&&(o.groups=o.groups.filter((t=>t.id!==e)),this.saveFieldData(o)),s.element&&(s.element.remove(),this.a11y.announce("Group removed")),this.groupElements.delete(e);const i=`${s.fieldId}-group-${e}`,l=this.sortableInstances.get(i);l?.destroy&&l.destroy(),this.sortableInstances.delete(i),this.schedulePersistance(s.fieldId)}addToGroup(e,t=null,s=!0){const o=this.uploadStore.get(e),a=this.uploadElements.get(e);if(!o||!a)return;const r=this.getFieldData(o.fieldId),i=this.fieldElements.get(o.fieldId);if(!r||!i)return;if(!t&&a.location===i.ui.preview||t===a.location)return;if(o.groupId){const t=r.groups?.find((e=>e.id===o.groupId));t&&(t.uploads=t.uploads.filter((t=>t!==e)),0===t.uploads.length&&this.deleteGroup(o.groupId))}const l=a.element.querySelector('[name*="select-item"]');l&&(l.checked=!1);let n=a.element.querySelector('[name="featured"]');if(n&&(n.hidden=!t),!t||t.classList.contains("preview"))t=i.ui.preview,o.groupId=null;else{const s=t.dataset.groupId;n&&(n.name=s+"_"+n.name);const a=r.groups?.find((e=>e.id===s));a&&(a.uploads||(a.uploads=[]),a.uploads.push(e),o.groupId=s)}a.location=t,t.append(a.element),this.uploadStore.save(o),s&&this.saveFieldData(r),this.updateSortableState(t),a.location&&a.location!==t&&this.updateSortableState(a.location)}removeFromGroup(e){const t=this.uploadStore.get(e),s=this.uploadElements.get(e);if(!t||!s)return;const o=this.getFieldData(t.fieldId),a=this.fieldElements.get(t.fieldId);if(!o||!a)return;if(t.groupId){const s=o.groups?.find((e=>e.id===t.groupId));s&&(s.uploads=s.uploads.filter((t=>t!==e)),0===s.uploads.length&&this.deleteGroup(t.groupId,!1)),t.groupId=null}a.ui?.preview&&(a.ui.preview.appendChild(s.element),s.location=a.ui.preview);const r=s.element.querySelector('[name="featured"]');r&&(r.hidden=!0,r.checked=!1),this.uploadStore.save(t),this.updateSortableState(a.ui.preview)}removeUpload(e,t){const s=this.getFieldData(e),o=this.uploadStore.get(t),a=this.uploadElements.get(t);if(!s||!o)return;if(s.uploads?.delete(t),o.groupId){const e=s.groups?.find((e=>e.id===o.groupId));e&&(e.uploads=e.uploads.filter((e=>e!==t)),0===e.uploads.length&&this.deleteGroup(o.groupId))}a?.element?.remove(),this.clearUpload(t),this.saveFieldData(s),this.updateFieldState(e),this.maybeLockUploads(e);const r=this.selectionHandlers.get(e);r&&r.deselect(t),this.a11y.announce("Upload removed")}handleGroupMetaChange(e){const t=this.getGroupFromElement(e);if(!t)return;const s=this.getFieldData(t.fieldId),o=s?.groups?.find((e=>e.id===t.element.dataset.groupId));if(!o)return;o.changes||(o.changes={});let a=e.name;a.includes("group")&&(a=a.replace(`${o.id}_`,"").replace(`${o.id}[`,"").replace("]","")),o.changes[a]=e.value,this.saveFieldData(s),this.schedulePersistance(t.fieldId)}handleAction(e){const t=e.dataset.action,s=this.getFieldIdFromElement(e);switch(t){case"add-to-group":this.handleAddToGroup(e);break;case"delete-group":this.handleDeleteGroup(e);break;case"delete-upload":case"remove-from-group":this.handleRemoveItem(e);break;case"upload":const t=this.fieldElements.get(s);t&&(t.element.closest("details").open=!1,document.body.classList.add("uploading"),this.submitUploads(s));break;case"restore":this.handleRestoreUploads().then((()=>{}));break;case"restore-all":this.handleRestoreAll().then((()=>{}));break;case"clear-cache":confirm("Save these uploads for later?")||this.cleanupStoredUploads(),this.cleanupRestore()}}handleAddToGroup(e){const t=e.closest(this.selectors.field.field),s=t?.dataset.uploader;if(!s)return;const o=this.selected.get(s);if(o&&0!==o.size){const e=this.createGroup(s);if(!e)return;o.forEach((t=>{this.addToGroup(t,e.grid)}));const t=this.selectionHandlers.get(s);t?.clearSelection(),this.a11y.announce(`Created group with ${o.size} items`)}else this.createGroup(s);this.schedulePersistance(s)}handleDeleteGroup(e){const t=e.closest(this.selectors.groups.container);if(!t)return;const s=t.dataset.groupId,o=this.getFieldIdFromElement(t);if(!confirm("Delete this group? Items will be moved back to the upload area."))return;t.querySelectorAll(this.selectors.items.item).forEach((e=>{const t=e.dataset.uploadId;this.removeFromGroup(t)})),this.deleteGroup(s),this.a11y.announce("Group deleted, items returned to upload area"),this.schedulePersistance(o)}handleRemoveItem(e){const t=e.closest(this.selectors.items.item);if(!t)return;const s=t.dataset.uploadId,o=this.getFieldIdFromElement(t);confirm("Remove this item?")&&(this.removeUpload(o,s),this.a11y.announce("Item removed"),this.schedulePersistance(o))}addFieldSelectionHandler(e){if(this.selectionHandlers.has(e))return this.selectionHandlers.get(e);const t=this.fieldElements.get(e);if(!t?.element)return;const s=new window.jvbHandleSelection({container:t.element,ui:{selectAll:t.element.querySelector('[name="select-all-uploads"]'),bulkControls:t.element.querySelector(".selection-actions"),count:t.element.querySelector(".selection-count")},itemSelector:"[data-upload-id]",checkboxSelector:'[name*="select-item"]'});return s.subscribe(((t,s)=>{switch(t){case"item-selected":case"item-deselected":case"range-selected":this.syncSortableSelection(e,s.selectedItems),this.selected.set(e,s.selectedItems);break;case"select-all":this.handleSelectAll(s.container,s.selected)}})),this.selectionHandlers.set(e,s),s}addGroupSelectionHandler(e,t){const s=`${e}_${t}`;if(this.selectionHandlers.has(s))return this.selectionHandlers.get(s);const o=this.groupElements.get(t);if(!o?.element)return;const a=new window.jvbHandleSelection({container:o.element,ui:{selectAll:o.element.querySelector(this.selectors.groups.selectAll),bulkControls:o.element.querySelector(this.selectors.groups.actions),count:o.element.querySelector(this.selectors.groups.count)},itemSelector:"[data-upload-id]",checkboxSelector:'[name*="select-item"]'});return a.subscribe(((t,s)=>{switch(t){case"item-selected":case"item-deselected":case"range-selected":this.selected.set(e,s.selectedItems);break;case"select-all":this.handleSelectAll(s.container,s.selected)}})),this.selectionHandlers.set(s,a),a}handleSelectAll(e,t){}getCurrentSelection(e){let t=[];for(let[s,o]of this.selectionHandlers)(e===s||s.includes(e))&&o.selectedItems.size>0&&(t=t.concat([...o.selectedItems]));return t}getFieldData(e){const t=this.fieldStore.get(e);return t?(Array.isArray(t.uploads)?t.uploads=new Set(t.uploads):t.uploads||(t.uploads=new Set),Array.isArray(t.groups)||(t.groups=[]),t):null}async saveFieldData(e){await this.fieldStore.save({...e,timestamp:Date.now()})}determineFieldId(e){return`${e.dataset.content||e.closest("dialog")?.dataset.content||e.closest("form")?.dataset.save||""}_${e.dataset.itemId||e.closest("dialog")?.dataset.itemId||""}_${e.dataset.field||""}`}getFromElement(e,t){const s={field:{selector:this.selectors.field.field,key:"uploader",getRuntimeData:e=>this.fieldElements.get(e),getStoreData:e=>this.getFieldData(e)},upload:{selector:this.selectors.items.item,key:"uploadId",getRuntimeData:e=>this.uploadElements.get(e),getStoreData:e=>this.uploadStore.get(e)},group:{selector:this.selectors.groups.container,key:"groupId",getRuntimeData:e=>this.groupElements.get(e),getStoreData:e=>{const t=this.groupElements.get(e);if(!t)return null;const s=this.getFieldData(t.fieldId);return s?.groups?.find((t=>t.id===e))}}},o=s[t];if(!o)return null;const a=e.closest(o.selector);if(!a)return null;const r=a.dataset[o.key];return{...o.getRuntimeData(r),...o.getStoreData(r)}}getFieldFromElement(e){return this.getFromElement(e,"field")}getUploadFromElement(e){return this.getFromElement(e,"upload")}getGroupFromElement(e){return this.getFromElement(e,"group")}getFieldIdFromElement(e){const t=this.getFromElement(e,"field");return t?.id??null}getUploadIdFromElement(e){const t=this.getFromElement(e,"upload");return t?.id??null}getGroupIdFromElement(e){const t=this.getFromElement(e,"group");return t?.id??null}getSubtypeFromMime(e){return e.startsWith("image/")?"image":e.startsWith("video/")?"video":"document"}getStatusText(e){return this.statusMapping[e]||e}getStatusIcon(e){return window.getIcon(this.queue.icons[e])}getStatusProgress(e){return{local_processing:28,queued:50,uploading:66,pending:75,processing:89,completed:100}[e]||0}getModalType(e){if(!e?.element)return null;if(void 0!==e._cachedModalType)return e._cachedModalType;const t=e.element.closest("dialog");if(!t)return e._cachedModalType=null,null;let s=null;return s=t.classList.contains("edit")?"edit":t.classList.contains("create")?"create":t.classList.contains("bulkEdit")?"bulkEdit":t.className,e._cachedModalType=s,s}createUploadElement(e,t=!1){let s=window.getTemplate("uploadItem");if(!s)return;s.dataset.uploadId=e.id,s.dataset.subtype=e.subtype||"image";let[o,a,r,i,l]=[s.querySelector('[name="featured"]'),s.querySelector("img"),s.querySelector("video"),s.querySelector("label > span"),s.querySelector("details")];switch(o&&(o.value=e.id),e.subtype){case"image":a&&(a.src=e.preview,a.alt=e.meta?.originalName||""),r?.remove(),i?.remove();break;case"video":r&&(r.src=e.preview),a?.remove(),i?.remove();break;case"document":const t=e.meta?.originalName||"",s=t.split(".").pop()?.toLowerCase()||"",o={pdf:"file-pdf",csv:"file-csv",doc:"file-doc",docx:"file-doc",txt:"file-txt",xls:"file-xls",xlsx:"file-xls"},l=window.getIcon(o[s]||"file");i&&(i.innerText=t,i.prepend(l)),a?.remove(),r?.remove()}if(l){let e=window.getTemplate("uploadMeta");e&&l.append(e)}return s.draggable=t,s.querySelectorAll("input").forEach((t=>{let s=t.id;if(s){let o=s+e.id,a=t.parentNode.querySelector(`label[for="${s}"]`);t.id=o,a&&(a.htmlFor=o)}})),s}normalizeFieldData(e){return e?(Array.isArray(e.uploads)?e.uploads=new Set(e.uploads):e.uploads||(e.uploads=new Set),Array.isArray(e.groups)||(e.groups=[]),e.groups=e.groups.map((e=>({...e,uploads:Array.isArray(e.uploads)?e.uploads:[]}))),e):null}schedulePersistance(e){const t=`persist_${e}`;window.debouncer.schedule(t,(()=>this.persistFieldState(e)),250)}async persistFieldState(e){const t=this.getFieldData(e);t&&await this.saveFieldData(t)}async saveBlobData(e,t){const s=await t.arrayBuffer(),o=this.uploadStore.get(e)||{id:e};o.blobData={buffer:s,name:t.name,type:t.type,size:t.size,lastModified:t.lastModified||Date.now()},await this.uploadStore.save(o)}async getBlobData(e){const t=this.uploadStore.get(e);if(!t?.blobData)return null;const s=new Blob([t.blobData.buffer],{type:t.blobData.type});return new File([s],t.blobData.name,{type:t.blobData.type,lastModified:t.blobData.lastModified})}handleFieldStoreEvent(e,t){if("data-loaded"===e)this.fieldStoreReady=!0,this.checkIfBothStoresReady()}handleUploadStoreEvent(e,t){switch(e){case"data-loaded":this.uploadStoreReady=!0,this.checkIfBothStoresReady();break;case"item-saved":this.showSaveIndicator(t.key)}}checkIfBothStoresReady(){this.fieldStoreReady&&this.uploadStoreReady&&!this.hasCheckedForUploads&&(this.hasCheckedForUploads=!0,this.checkForStoredUploads())}async checkForStoredUploads(){const e=this.fieldStore.getAll().filter((e=>{if(!e.uploads)return!1;return(e.uploads instanceof Set?Array.from(e.uploads):Array.isArray(e.uploads)?e.uploads:[]).some((e=>{const t=this.uploadStore.get(e);return t&&!t.operationId&&["completed","processed","local_processing","processed-original"].includes(t.status)}))}));0!==e.length&&this.showRecoveryNotification(e)}async showRecoveryNotification(e){const t=e.reduce(((e,t)=>e+t.uploads.length),0),s=e.reduce(((e,t)=>e+(t.groups?.length||0)),0);let o,a=window.getTemplate("restoreNotification");if(!a)return void console.error("Restore notification template not found");if(s>0){o=`${s} ${s>1?"groups":"group"} with ${t} ${t>1?"uploads":"upload"} can be restored.`}else o=`${t} upload(s) from ${e.length} field(s) can be recovered.`;const r=a.querySelector(".restore-details");r&&(r.textContent=o);for(const t of e){let e=window.getTemplate("restoreField");if(!e)continue;const s=e.querySelector("h3");s&&(s.textContent=t.config.name||"Unnamed Field");const o=e.querySelector(".item-grid.restore");for(let e of t.uploads){const s=this.uploadStore.get(e);let a=window.getTemplate("uploadItem");if(!a)continue;const r=await this.getBlobData(s.id);if(r)try{const e=this.createPreviewUrl(r);let[o,i,l,n,d]=[a.querySelector('[name="featured"]'),a.querySelector("img"),a.querySelector("video"),a.querySelector("label > span"),a.querySelector("details")];a.dataset.uploadId=s.id,a.dataset.fieldId=t.id;let c=this.getSubtypeFromMime(r.type);switch(a.dataset.subtype=c,c){case"image":[i.src,i.alt]=[e,r.name??s.meta?.originalName??""],l.remove(),n.remove();break;case"video":l.src=e,i.remove(),n.remove();break;case"document":let t;switch(""){case"pdf":t=window.getIcon("file-pdf");break;case"csv":t=window.getIcon("file-csv");break;case"doc":t=window.getIcon("file-doc");break;case"txt":t=window.getIcon("file-txt");break;case"xls":t=window.getIcon("file-xls");break;default:t=window.getIcon("file")}n.innerText=s.originalFile.name,n.prepend(t),i.remove(),l.remove()}a.dataset.previewUrl=e}catch(e){console.warn("Failed to create preview for upload:",s.id,e)}const i=a.querySelector("summary span");i&&(i.textContent=s.meta?.originalName||"Unknown file");const l=a.querySelector("details");l&&s.meta&&(l.textContent=`${this.formatBytes(s.meta.size)} • ${s.meta.type}`),a.querySelectorAll("input").forEach((e=>{let t=e.id;if(t){let o=t+s.id,a=e.parentNode.querySelector(`label[for="${t}"]`);e.id=o,a&&(a.htmlFor=o)}})),o&&o.appendChild(a)}a.querySelector(".wrap").appendChild(o)}document.querySelector(".field.upload").appendChild(a),a=document.querySelector("dialog.restore-uploads"),this.restoreModal=new window.jvbModal(a),this.restoreSelection=new window.jvbHandleSelection({container:a,ui:{selectAll:a.querySelector("#select-all-restore"),count:a.querySelector(".selection-count")}}),this.restoreModal.handleOpen()}async handleRestoreUploads(){let e=document.querySelector("dialog.restore-uploads");if(!e)return;const t=this.getSelectedRestorationUploads(e);0!==t.length&&(await this.restoreSelectedUploads(t),this.cleanupRestore())}async handleRestoreAll(){let e=document.querySelector("dialog.restore-uploads");if(!e)return;const t=[];e.querySelectorAll(".item.upload").forEach((e=>{let s=e.dataset.uploadId,o=e.dataset.fieldId;t.push({uploadId:s,fieldId:o})})),await this.restoreSelectedUploads(t),this.cleanupRestore()}showSaveIndicator(e){}cleanupRestore(){this.restoreModal.handleClose(),this.restoreSelection.destroy(),this.restoreSelection=null,this.restoreModal.destroy(),this.restoreModal.modal.remove(),this.restoreModal=null}async cleanupStoredUploads(){await this.fieldStore.clear(),await this.uploadStore.clear()}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t={}){this.subscribers.forEach((s=>{try{s(e,t)}catch(e){console.error("Subscriber error:",e)}}))}destroy(){document.removeEventListener("click",this.clickHandler),document.removeEventListener("change",this.changeHandler),document.removeEventListener("dragenter",this.dragEnterHandler),document.removeEventListener("dragleave",this.dragLeaveHandler),document.removeEventListener("dragover",this.dragOverHandler),document.removeEventListener("drop",this.dropHandler),this.dragController&&this.dragController.destroy(),this.selectionHandlers.forEach((e=>e.destroy())),this.selectionHandlers.clear(),this.cleanupAllPreviewUrls(),this.sortableInstances.forEach((e=>{e?.destroy&&e.destroy()})),this.sortableInstances.clear(),this.uploadElements.clear(),this.fieldElements.clear(),this.groupElements.clear(),this.selected.clear(),this.subscribers.clear()}}document.addEventListener("DOMContentLoaded",(async function(){window.auth.subscribe((t=>{"auth-loaded"===t&&(window.jvbUploads=new e)}))}))})();

 assets/js/min/utility.min.js

@@ -1 +1 @@
(()=>{window.fade=function(t,e=!0){e?t.style.animation="fadeIn var(--transition-base)":(t.style.animation="fadeOut var(--transition-base)",window.debouncer.schedule(`remove-${t.dataset.id??t.id??t.className.replace(" ","-")}`,(()=>{t.remove()}),500))},window.formatTimeAgo=function(t){const e=t instanceof Date?t:new Date(t),n=new Date,i=Math.floor((n-e)/1e3),o=Math.floor(i/60),r=Math.floor(o/60),a=Math.floor(r/24);return r<24?0===r?0===o?"Just now":`${o} ${1===o?"minute":"minutes"} ago`:`${r} ${1===r?"hour":"hours"} ago`:a<7?`${a} ${1===a?"day":"days"} ago`:e.toLocaleDateString()},window.formatTimeSoon=function(t){const e=t instanceof Date?t:new Date(t),n=new Date;if(e<=n)return"Just now";const i=Math.floor((e-n)/1e3),o=Math.floor(i/60);return i<60?"In a moment":o<5?"In a few minutes":o<20?"Coming up soon":o<60?"In about half an hour":"Later today"},window.uppercaseFirst=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},window.templates=new Map,document.addEventListener("DOMContentLoaded",(()=>{window.loadTemplates()})),window.loadTemplates=function(){document.querySelectorAll("template").forEach((t=>{const e=Array.from(t.classList);if(e.length>0){const n=t.content.cloneNode(!0).firstElementChild;e.forEach((t=>{window.templates.has(t)||window.templates.set(t,n)}))}}))},window.getTemplate=function(t){return 0===window.templates.size&&window.loadTemplates(),!!window.templates.has(t)&&window.templates.get(t).cloneNode(!0)},window.formatVote=function(t,e){let n=window.getTemplate("voteButton");n.dataset.itemId=t.id,n.dataset.content=t.content;let i=n.querySelector("button.up"),o=n.querySelector("button.down");return"up"===e&&i.classList.add("voted"),"down"===e&&o.classList.add("voted"),t.upvotes>0&&(i.querySelector(".count").textContent=t.upvotes),t.downvotes>0&&(o.querySelector(".count").textContent="-"+t.downvotes),n},window.checkVoteStatus=function(t,e){if(!jvbSettings.currentUser)return"";let n="";return window.userVotes&&window.userVotes[t]?.has(e)&&(n=window.userVotes[t].get(e)),n},window.icon=null,window.getIcon=function(t,e=""){if(void 0===t)return"";window.icon||(window.icon=document.createElement("i"),window.icon.className="icon",window.icon.ariaHidden=!0);let n=window.icon.cloneNode(!0);return e=""!==e&&["regular","bold","duotone","fill","light","thin"].includes("style")?`-${e.slice(0,2)}`:"",n.classList.add(`icon-${t}${e}`),n},window.isEmptyObject=function(t){return 0===Object.keys(t).length},window.formatNumber=function(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")},window.formatPrice=function(t,e="CAD"){return new Intl.NumberFormat("en-CA",{style:"currency",currency:e}).format(t)},window.escapeHtml=function(t){return t?("string"==typeof t||t instanceof String||(t=String(t)),t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")):""},window.truncateText=function(t,e=100){return!t||t.length<=e?t:t.substring(0,e)+"..."},window.removeChildren=function(t){if(0!==t.children.length)for(;t.firstChild;)t.removeChild(t.firstChild)},window.formatDateRange=function(t,e){const n=new Date(t),i=new Date(e);return n.toDateString()===i.toDateString()?n.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"}):n.getMonth()===i.getMonth()&&n.getFullYear()===i.getFullYear()?`${n.toLocaleDateString("en-US",{month:"short",day:"numeric"})} - ${i.getDate()}, ${i.getFullYear()}`:n.getFullYear()===i.getFullYear()?`${n.toLocaleDateString("en-US",{month:"short",day:"numeric"})} - ${i.toLocaleDateString("en-US",{month:"short",day:"numeric"})}, ${i.getFullYear()}`:`${n.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})} - ${i.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}`},window.debounce=function(t,e=300){let n;return function(...i){clearTimeout(n),n=setTimeout((()=>t.apply(this,i)),e)}},window.throttle=function(t,e){let n;return function(){const i=arguments,o=this;n||(t.apply(o,i),n=!0,setTimeout((()=>n=!1),e))}},window.throttle=function(t,e=300){let n;return function(...i){n||(t.apply(this,i),n=!0,setTimeout((()=>n=!1),e))}},window.uppercaseFirst=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},window.sanitizeHtml=function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML},window.formatDate=function(t){if(!t)return"";const e=new Date(t),n=new Date,i=Math.floor((n-e)/864e5);return i<1?"Today":i<2?"Yesterday":i<7?`${i} days ago`:e.toLocaleDateString()},window.getPluralContent=function(t){return"artwork"===t?"artwork":t+"s"},window.showToast=function(t,e="success",n={}){window.jvbNotifications.showToast(t,e,n)},window.dateFormatter=new Intl.DateTimeFormat("en-CA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"}),window.formatDate=function(t){return t instanceof Date&&!isNaN(t)||(t=new Date(t)),window.dateFormatter.format(t)},window.typeText=function(t,e,n=50){return t.classList.add("typeText"),new Promise((i=>{let o=0;t.textContent="";const r=setInterval((()=>{o<e.length?(t.textContent+=e.charAt(o),o++):(clearInterval(r),i())}),n)}))},window.eraseText=function(t,e=10){return new Promise((n=>{let i=t.textContent,o=i.length;const r=setInterval((()=>{o>0?(o--,t.textContent=i.substring(0,o)):(clearInterval(r),n())}),e)}))},window.typeLoop=function(t,e,n=50,i=10,o=1e3,r=250){let a=!0;return async function(){for(;a;)await window.typeText(t,e,n),await new Promise((t=>setTimeout(t,o))),await window.eraseText(t,i),await new Promise((t=>setTimeout(t,r)))}(),function(){a=!1}},window.toCamelCase=function(t){return t.replace(/-([a-z])/g,(function(t){return t[1].toUpperCase()}))},window.targetCheck=function(t,e){return Array.isArray(e)&&(e=e.join(",")),"string"==typeof e&&(t.target.closest(e)??!1)},window.getDifferences={VALUE_CREATED:"created",VALUE_UPDATED:"updated",VALUE_DELETED:"deleted",VALUE_UNCHANGED:"unchanged",map:function(t,e){if(this.isFunction(t)||this.isFunction(e))throw"Invalid argument. Function given, object expected.";if(this.isFile(t)||this.isFile(e)){const n=this.compareFiles(t,e);return n===this.VALUE_UNCHANGED?null:{type:n,data:void 0===t?e:t}}if(this.isValue(t)||this.isValue(e)){const n=this.compareValues(t,e);if(n===this.VALUE_UNCHANGED)return null;let i;switch(n){case this.VALUE_CREATED:i=e;break;case this.VALUE_DELETED:i=this.getEmptyValue(t);break;case this.VALUE_UPDATED:default:i=e}return{type:n,data:i}}let n={},i=!1;for(let o in t)if(!this.isFunction(t[o])){let r;e&&void 0!==e[o]&&(r=e[o]);const a=this.map(t[o],r);null!==a&&(a.hasOwnProperty("type")&&a.hasOwnProperty("data")?n[o]=a.data:n[o]=a,i=!0)}if(e)for(let o in e)if(!this.isFunction(e[o])&&(void 0===t||void 0===t[o])){const t=this.map(void 0,e[o]);null!==t&&(t.hasOwnProperty("type")&&t.hasOwnProperty("data")?n[o]=t.data:n[o]=t,i=!0)}return i?n:null},getEmptyValue:function(t){return this.isArray(t)?[]:this.isObject(t)?{}:"number"==typeof t?0:"boolean"!=typeof t&&""},compareValues:function(t,e){return t===e||this.isDate(t)&&this.isDate(e)&&t.getTime()===e.getTime()?this.VALUE_UNCHANGED:void 0===t?this.VALUE_CREATED:void 0===e?this.VALUE_DELETED:this.VALUE_UPDATED},isFunction:function(t){return"[object Function]"===Object.prototype.toString.call(t)},isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},isDate:function(t){return"[object Date]"===Object.prototype.toString.call(t)},isObject:function(t){return"[object Object]"===Object.prototype.toString.call(t)},isFile:function(t){return t instanceof File},isValue:function(t){return!this.isObject(t)&&!this.isArray(t)},compareFiles:function(t,e){return!this.isFile(t)&&this.isFile(e)?this.VALUE_CREATED:this.isFile(t)&&!this.isFile(e)?this.VALUE_DELETED:this.isFile(t)&&this.isFile(e)?t.name===e.name&&t.size===e.size&&t.type===e.type&&t.lastModified===e.lastModified?this.VALUE_UNCHANGED:this.VALUE_UPDATED:this.VALUE_UNCHANGED},merge:function(t,e){if(null==t)return e;if(null==e)return t;if(this.isFunction(t)||this.isFunction(e))return e;if(this.isFile(t)||this.isFile(e))return e;if(this.isValue(t)||this.isValue(e)||this.isArray(t)||this.isArray(e))return e;if(this.isObject(t)&&this.isObject(e)){let n={};for(let e in t)this.isFunction(t[e])||(n[e]=t[e]);for(let i in e)this.isFunction(e[i])||(void 0!==t[i]?n[i]=this.merge(t[i],e[i]):n[i]=e[i]);return n}return e}},window.deepMerge=function(t,e){return window.getDifferences.merge(t,e)},window.isInt=function(t){return!isNaN(parseInt(t))&&isFinite(t)},window.isNumeric=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},window.handleListField=function(t,e){if(!Array.isArray(e))return void t.remove();let n=t.querySelector("li");e.forEach((e=>{let i=n.cloneNode(!0);i.textContent=e,t.append(i)})),n.remove()},window.handleTextField=function(t,e){"string"==typeof e?t.textContent=e:t.remove()},window.handleImageField=function(t,e){if(!Array.isArray(e)||0===e)return void t.remove();let n="IMG"===t.tagName?t:t.querySelector("img");n?(n.alt=e.alt,n.src=e.thumbnail,n.dataset.small=e.small,n.dataset.medium=e.medium,n.dataset.large=e.full):t.remove()},window.handleGalleryField=function(t,e){if(!Array.isArray(e))return void t.remove();let n=t.querySelector("img");e.forEach((e=>{let i=n.cloneNode(!0);window.handleImageField(i,e),t.append(i)})),n.remove()},window.uiFromSelectors=function(t,e=null){let n={};for(let[i,o]of Object.entries(t))n[i]="object"==typeof o?window.uiFromSelectors(o,e):e?e.querySelector(o):document.querySelector(o);return n};window.debouncer=new class{constructor(){this.timeouts=new Map,window.addEventListener("beforeunload",(()=>this.cleanup()))}schedule(t,e,n=1e3){this.cancel(t),this.timeouts.set(t,setTimeout((()=>{e(),this.timeouts.delete(t)}),n))}cancel(t){this.timeouts.has(t)&&(clearTimeout(this.timeouts.get(t)),this.timeouts.delete(t))}cleanup(){for(let t of this.timeouts.values())clearTimeout(t);this.timeouts.clear()}}})();
(()=>{window.fade=function(t,e=!0){e?t.style.animation="fadeIn var(--transition-base)":(t.style.animation="fadeOut var(--transition-base)",window.debouncer.schedule(`remove-${t.dataset.id??t.id??t.className.replace(" ","-")}`,(()=>{t.remove()}),500))},window.formatTimeAgo=function(t){const e=t instanceof Date?t:new Date(t),n=e-new Date,i=n<0,o=Math.floor(Math.abs(n)/1e3),r=Math.floor(o/60),s=Math.floor(r/60),a=Math.floor(s/24);if(0===r)return"Just now";let c="";if(o<10)c="a moment";else if(o<60)c="less than a minute";else if(r<5)c="a few minutes";else if(s<24)c=0===s?`${r} ${1===r?"minute":"minutes"}`:`${s} ${1===s?"hour":"hours"}`;else{if(!(a<7))return e.toLocaleDateString();c=`${a} ${1===a?"day":"days"}`}return i?`${c} ago`:`in ${c}`},window.uppercaseFirst=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},window.templates=new Map,document.addEventListener("DOMContentLoaded",(()=>{window.loadTemplates()})),window.loadTemplates=function(){document.querySelectorAll("template").forEach((t=>{const e=Array.from(t.classList);if(e.length>0){const n=t.content.cloneNode(!0).firstElementChild;e.forEach((t=>{window.templates.has(t)||window.templates.set(t,n)}))}}))},window.getTemplate=function(t){return 0===window.templates.size&&window.loadTemplates(),!!window.templates.has(t)&&window.templates.get(t).cloneNode(!0)},window.icon=null,window.getIcon=function(t,e=""){if(void 0===t)return"";window.icon||(window.icon=document.createElement("i"),window.icon.className="icon",window.icon.ariaHidden=!0);let n=window.icon.cloneNode(!0);return e=""!==e&&["regular","bold","duotone","fill","light","thin"].includes("style")?`-${e.slice(0,2)}`:"",n.classList.add(`icon-${t}${e}`),n},window.formatNumber=function(t){return t.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")},window.formatPrice=function(t,e="CAD"){return new Intl.NumberFormat("en-CA",{style:"currency",currency:e}).format(t)},window.escapeHtml=function(t){return t?("string"==typeof t||t instanceof String||(t=String(t)),t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")):""},window.removeChildren=function(t){if(0!==t.children.length)for(;t.firstChild;)t.removeChild(t.firstChild)},window.formatDateRange=function(t,e){const n=new Date(t),i=new Date(e);return n.toDateString()===i.toDateString()?n.toLocaleDateString("en-CA",{year:"numeric",month:"short",day:"numeric"}):n.getMonth()===i.getMonth()&&n.getFullYear()===i.getFullYear()?`${n.toLocaleDateString("en-CA",{month:"short",day:"numeric"})} - ${i.getDate()}, ${i.getFullYear()}`:n.getFullYear()===i.getFullYear()?`${n.toLocaleDateString("en-CA",{month:"short",day:"numeric"})} - ${i.toLocaleDateString("en-CA",{month:"short",day:"numeric"})}, ${i.getFullYear()}`:`${n.toLocaleDateString("en-CA",{month:"short",day:"numeric",year:"numeric"})} - ${i.toLocaleDateString("en-CA",{month:"short",day:"numeric",year:"numeric"})}`},window.throttle=function(t,e=300){let n;return function(...i){n||(t.apply(this,i),n=!0,setTimeout((()=>n=!1),e))}},window.uppercaseFirst=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},window.sanitizeHtml=function(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML},window.formatDate=function(t){if(!t)return"";const e=new Date(t),n=new Date,i=Math.floor((n-e)/864e5);return i<1?"Today":i<2?"Yesterday":i<7?`${i} days ago`:e.toLocaleDateString()},window.getPluralContent=function(t){return"artwork"===t?"artwork":t+"s"},window.showToast=function(t,e="success",n={}){window.jvbNotifications.showToast(t,e,n)},window.dateFormatter=new Intl.DateTimeFormat("en-CA",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"}),window.formatDate=function(t){return t instanceof Date&&!isNaN(t)||(t=new Date(t)),window.dateFormatter.format(t)},window.typeText=function(t,e,n=50){return t.classList.add("typeText"),new Promise((i=>{let o=0;t.textContent="";const r=setInterval((()=>{o<e.length?(t.textContent+=e.charAt(o),o++):(clearInterval(r),i())}),n)}))},window.eraseText=function(t,e=10){return new Promise((n=>{let i=t.textContent,o=i.length;const r=setInterval((()=>{o>0?(o--,t.textContent=i.substring(0,o)):(clearInterval(r),n())}),e)}))},window.typeLoop=function(t,e,n=50,i=10,o=1e3,r=250){let s=!0;return async function(){for(;s;)await window.typeText(t,e,n),await new Promise((t=>setTimeout(t,o))),await window.eraseText(t,i),await new Promise((t=>setTimeout(t,r)))}(),function(){s=!1}},window.toCamelCase=function(t){return t.replace(/-([a-z])/g,(function(t){return t[1].toUpperCase()}))},window.targetCheck=function(t,e){return Array.isArray(e)&&(e=e.join(",")),"string"==typeof e&&(t.target.closest(e)??!1)},window.getDifferences={VALUE_CREATED:"created",VALUE_UPDATED:"updated",VALUE_DELETED:"deleted",VALUE_UNCHANGED:"unchanged",map:function(t,e){if(this.isFunction(t)||this.isFunction(e))throw"Invalid argument. Function given, object expected.";if(this.isFile(t)||this.isFile(e)){const n=this.compareFiles(t,e);return n===this.VALUE_UNCHANGED?null:{type:n,data:void 0===t?e:t}}if(this.isValue(t)||this.isValue(e)){const n=this.compareValues(t,e);if(n===this.VALUE_UNCHANGED)return null;let i;switch(n){case this.VALUE_CREATED:i=e;break;case this.VALUE_DELETED:i=this.getEmptyValue(t);break;case this.VALUE_UPDATED:default:i=e}return{type:n,data:i}}let n={},i=!1;for(let o in t)if(!this.isFunction(t[o])){let r;e&&void 0!==e[o]&&(r=e[o]);const s=this.map(t[o],r);null!==s&&(s.hasOwnProperty("type")&&s.hasOwnProperty("data")?n[o]=s.data:n[o]=s,i=!0)}if(e)for(let o in e)if(!this.isFunction(e[o])&&(void 0===t||void 0===t[o])){const t=this.map(void 0,e[o]);null!==t&&(t.hasOwnProperty("type")&&t.hasOwnProperty("data")?n[o]=t.data:n[o]=t,i=!0)}return i?n:null},getEmptyValue:function(t){return this.isArray(t)?[]:this.isObject(t)?{}:"number"==typeof t?0:"boolean"!=typeof t&&""},compareValues:function(t,e){return t===e||this.isDate(t)&&this.isDate(e)&&t.getTime()===e.getTime()?this.VALUE_UNCHANGED:void 0===t?this.VALUE_CREATED:void 0===e?this.VALUE_DELETED:this.VALUE_UPDATED},isFunction:function(t){return"[object Function]"===Object.prototype.toString.call(t)},isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)},isDate:function(t){return"[object Date]"===Object.prototype.toString.call(t)},isObject:function(t){return"[object Object]"===Object.prototype.toString.call(t)},isFile:function(t){return t instanceof File},isValue:function(t){return!this.isObject(t)&&!this.isArray(t)},compareFiles:function(t,e){return!this.isFile(t)&&this.isFile(e)?this.VALUE_CREATED:this.isFile(t)&&!this.isFile(e)?this.VALUE_DELETED:this.isFile(t)&&this.isFile(e)?t.name===e.name&&t.size===e.size&&t.type===e.type&&t.lastModified===e.lastModified?this.VALUE_UNCHANGED:this.VALUE_UPDATED:this.VALUE_UNCHANGED},merge:function(t,e){if(null==t)return e;if(null==e)return t;if(this.isFunction(t)||this.isFunction(e))return e;if(this.isFile(t)||this.isFile(e))return e;if(this.isValue(t)||this.isValue(e)||this.isArray(t)||this.isArray(e))return e;if(this.isObject(t)&&this.isObject(e)){let n={};for(let e in t)this.isFunction(t[e])||(n[e]=t[e]);for(let i in e)this.isFunction(e[i])||(void 0!==t[i]?n[i]=this.merge(t[i],e[i]):n[i]=e[i]);return n}return e}},window.deepMerge=function(t,e){return window.getDifferences.merge(t,e)},window.isInt=function(t){return!isNaN(parseInt(t))&&isFinite(t)},window.isNumeric=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},window.uiFromSelectors=function(t,e=null){let n={};for(let[i,o]of Object.entries(t))n[i]="object"==typeof o?window.uiFromSelectors(o,e):e?e.querySelector(o):document.querySelector(o);return n};window.debouncer=new class{constructor(){this.timeouts=new Map,window.addEventListener("beforeunload",(()=>this.cleanup()))}schedule(t,e,n=1e3){this.cancel(t),this.timeouts.set(t,setTimeout((()=>{e(),this.timeouts.delete(t)}),n))}cancel(t){this.timeouts.has(t)&&(clearTimeout(this.timeouts.get(t)),this.timeouts.delete(t))}cleanup(){for(let t of this.timeouts.values())clearTimeout(t);this.timeouts.clear()}};document.body;const t=document.documentElement,e=document.querySelector(".scroll-progress .bar");let n=window.scrollY||t.scrollTop||0,i=-1,o=!1,r=0;function s(){r=Math.max(0,t.scrollHeight-window.innerHeight)}function a(t){if(!e)return;const n=r>0?t/r:0,i=Math.max(0,Math.min(1,n));e.style.transform=`scaleX(${i})`}function c(){const e=window.scrollY||t.scrollTop||0;e>n?i=1:e<n&&(i=-1),n=e,document.body.classList.toggle("scroll-up",i<0&&e>0),a(e),o=!1}window.addEventListener("scroll",(()=>{o||(o=!0,requestAnimationFrame(c))}),{passive:!0}),window.addEventListener("resize",(()=>{window.debouncer.schedule("recalc-max-scroll",(()=>{s(),a(window.scrollY||t.scrollTop||0)}),20)})),s(),a(n)})();

 assets/js/min/view.min.js

@@ -1 +1 @@
window.jvbViews=class{constructor(e,t){this.a11y=window.jvbA11y,this.error=window.jvbError,this.container=e,this.initElements(),this.settings=window.jvbUserSettings,this.store=t,this.isTimeline=!!document.querySelector("[data-timeline]"),this.items={list:new Map,grid:new Map,table:new Map},this.currentView="grid",this.selectedItems=new Set,this.subscribers=new Set,this.init()}initElements(){this.selectors={grid:".item-grid",table:{table:"form.table",form:"table",body:"table body",header:"table thead",footer:"table tfoot",selectedColumns:".all-filters .multi-select",columns:"thead th"},bulk:{count:".bulk-controls .selected-count",control:".bulk-controls .bulk-actions",select:".bulk-controls select",selectAll:".select-all"}},this.ui=window.uiFromSelectors(this.selectors,this.container)}init(){this.store.subscribe(((e,t)=>{switch(e){case"items-saved":case"item-saved":case"item-deleted":break;case"data-loaded":this.handleItemsUpdate()}})),this.setupViewSwitcher(),this.changeHandler=this.handleChange.bind(this),this.clickHandler=this.handleClick.bind(this),this.lastSelected=null,document.addEventListener("change",this.changeHandler),document.addEventListener("click",this.clickHandler)}handleClick(e){e.target.closest(".select-item-label")&&(e.shiftKey?(e.preventDefault(),this.handleRangeSelection(e.target)):this.lastSelected=e.target.closest(".item"))}handleRangeSelection(e){if(!this.lastSelected)return void(this.lastSelected=e.closest(".item"));const t=e.closest(".item"),i=Array.from(this.container.querySelectorAll(".item")),s=i.indexOf(this.lastSelected),l=i.indexOf(t);if(-1===s||-1===l)return void(this.lastSelected=t);const r=Math.min(s,l),a=Math.max(s,l);let d=0;for(let e=r;e<=a;e++){let t=i[e];this.selectedItems.add(t.dataset.id);let s=t.querySelector(".select-item");s&&!s.checked&&(s.checked=!0,d++)}this.updateSelectionUI(),window.jvbA11y.announce(`Selected ${d} items in range.`)}handleChange(e){e.target.closest(".select-all")?this.selectAll(e.target.checked):e.target.closest(".select-item")?this.toggleSelection(e.target.closest(".item").dataset.id):e.target.closest("details.multi-select")&&this.toggleColumns(e.target.id,e.target.checked)}toggleColumns(e,t){this.ui.table.columns.filter((t=>t.className===e))}setupViewSwitcher(){document.querySelectorAll("[data-view]").forEach((e=>{this.settings.addSetting(e),e.addEventListener("click",(()=>{this.currentView=e.dataset.view,this.render()}))}));const e=document.querySelector("[data-view]:checked");e&&(this.currentView=e.dataset.view)}handleDataUpdate(e){console.log(e);const t=e.data?.items||e.items||[];this.render(t)}handleItemsUpdate(){this.render()}render(){if(!this.store)return void console.error("No store connected to renderer");const e=this.store.getFiltered();if(0!==e.length){switch(this.currentView){case"grid":this.renderGrid(e);break;case"table":this.renderTable(e);break;case"list":this.renderList(e)}this.updateSelectionUI()}else this.renderEmpty()}renderEmpty(){this.toggleTable(!1),window.removeChildren(this.ui.grid);const e=window.getTemplate("emptyState");e&&(this.ui.grid.appendChild(e),this.a11y?.announce("No items found"))}renderGrid(e){this.toggleGrid(),this.toggleTable(!1),this.ui.grid.classList.remove("list-view"),this.ui.grid.classList.add("grid-view");const t=document.createDocumentFragment();e.forEach((e=>{let i=this.renderGridItem(e);t.appendChild(i)})),this.ui.grid.appendChild(t)}renderGridItem(e){if(this.items.grid.has(e.id))return this.items.grid.get(e.id);const t=window.getTemplate("gridView");t.dataset.id=e.id,e._pending&&t.classList.add("pending");let[i,s,l,r,a]=[t.querySelector("input"),t.querySelector("label"),t.querySelector("img"),t.querySelector('[data-action="edit"]'),t.querySelector('[data-action="trash"]')];return[i.value,i.id,i.checked,s.htmlFor,r.dataset.id,a.dataset.id]=[e.id,`select-${e.id}`,this.selectedItems.has(`${e.id}`),`select-${e.id}`,e.id,e.id],[l.src,l.alt]=[e.images[e.fields.post_thumbnail]?.medium??"",e.images[e.fields.post_thumbnail]?.alt??""],this.items.grid.set(e.id,t),t}toggleTable(e){if(this.ui.table.selectedColumns.hidden=!e,e&&!this.ui.table.table){let e=window.getTemplate("contentTable");this.container.append(e),this.ui.table.table=this.container.querySelector("form.table"),this.ui.table.form=this.ui.table.table.querySelector("table"),this.ui.table.header=this.ui.table.form.querySelector("thead"),this.ui.table.footer=this.ui.table.form.querySelector("tfoot"),this.ui.table.body=this.ui.table.form.querySelector("tbody"),this.ui.table.columns=this.container.querySelectorAll(this.selectors.table.columns)}this.ui.table.table&&(this.ui.table.table.hidden=!e,e?this.notify("table-view",this.ui.table.table):this.notify("not-table-view",this.ui.table.table),this.ui.table.body&&window.removeChildren(this.ui.table.body)),this.ui.table.selectedColumns.hidden=!e}toggleGrid(){window.removeChildren(this.ui.grid)}renderTable(e){this.toggleTable(!0),this.toggleGrid(),e.forEach((e=>{let t=this.isTimeline?this.renderTimelineTableItem(e):this.renderTableItem(e);this.ui.table.body?this.ui.table.body.append(t):(this.ui.table.footer||(this.ui.table.footer=this.ui.table.table.querySelector("tfoot")),this.ui.table.form.insertBefore(t,this.ui.table.footer))})),window.jvbSelector.scanExistingFields()}renderTableItem(e){if(this.items.table.has(e.id))return this.items.table.get(e.id);const t=window.getTemplate("tableView");return t.dataset.id=e.id,[t.querySelector(".select-item").id,t.querySelector(".select-item").value,t.querySelector(".select-item").checked,t.querySelector(".select-item + label").htmlFor,t.querySelector(`input[name="post_status"][value="${e.status}"]`).checked]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id,e.status],new window.jvbPopulate(t,e.fields,e.images),this.cleanupTableRow(t),this.items.table.set(e.id,t),t}renderTimelineTableItem(e){if(this.items.table.has(e.id))return this.items.table.get(e.id);const t=window.getTemplate("tableView");t.dataset.id=e.id,[t.querySelector(".select-item").id,t.querySelector(".select-item").value,t.querySelector(".select-item").checked,t.querySelector(".select-item + label").htmlFor]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id];let i=t.querySelector(".timeline-point"),s=t,l=t.querySelector("tr.shared");return new window.jvbPopulate(l,e.fields,e.images),this.prefixTimelineFieldNames(l,e.id),this.cleanupTableRow(l),e.fields.timeline&&"object"==typeof e.fields.timeline&&Object.entries(e.fields.timeline).forEach((([t,l],r)=>{let a=i.cloneNode(!0);a.dataset.index=r,a.dataset.imageId=t,new window.jvbPopulate(a,l,e.images),this.cleanupTableRow(a);let d=e.images[l.post_thumbnail];d&&(a.querySelector(".field.upload").title=d["image-title"]),this.prefixTimelineFieldNames(a,l.id),s.insertBefore(a,i)})),i.remove(),this.items.table.set(e.id,t),t}prefixTimelineFieldNames(e,t){e.querySelectorAll("input, textarea, select").forEach((e=>{const i=e.name;if(!i||i.startsWith("[")||"form-id"===i||i.startsWith("_"))return;let s=e.nextElementSibling;e.name=`[${t}]${i}`,s&&"LABEL"===s.tagName&&(e.id=`[${t}]${e.id}`,s.htmlFor=e.id)}))}cleanupTableRow(e){e.querySelectorAll("td[data-field]").forEach((e=>{e.querySelectorAll('label:not(.select-item-label,.radio-option,[for*="select-item"])').forEach((e=>{e.closest(".radio-options")||e.remove()})),"true_false"===e.dataset.fieldType&&e.querySelector(".toggle-label")?.remove(),["checkbox","radio","select"].includes(e.dataset.fieldType)&&e.querySelector(".label")?.remove()}))}renderList(e){this.toggleGrid(),this.toggleTable(!1),this.ui.grid.classList.remove("grid-view"),this.ui.grid.classList.add("list-view"),e.forEach((e=>{let t=this.renderListItem(e);this.ui.grid.appendChild(t)}))}renderListItem(e){if(this.items.list.has(e.id))return this.items.list.get(e.id);const t=window.getTemplate("listView");t.dataset.id=e.id,e._pending&&t.classList.add("pending");let i=t.querySelector(".select-item"),s=t.querySelector(".select-item + label");[i.id,i.value,i.checked,s.htmlFor]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id],t.querySelectorAll("[data-attr]").forEach((t=>{""!==e[t.dataset.attr]?t.textContent=e[t.dataset.attr]:t.remove()})),t.querySelectorAll("[data-field]").forEach((t=>{let i=e.fields[t.dataset.field];""!==i?"DIV"===t.tagName?t.innerHTML=i:t.textContent=i:t.remove()}));let l=t.querySelector("img");return l&&([l.src,l.alt]=[e.images[e.fields.post_thumbnail]?.medium??"",e.images[e.fields.post_thumbnail]?.alt??""]),this.items.list.set(e.id,t),t}setupTimelineDragHandler(){this.isTimeline&&"table"===this.currentView&&(this.timelineDragHandler&&this.timelineDragHandler.destroy(),this.timelineDragHandler=new window.jvbDragHandler({draggableSelector:".timeline-point",dropTargetSelector:".timeline-point",handleSelector:".drag-handle",getItemId:e=>e.dataset.imageId,getSelectedItems:()=>[],validateDrop:(e,t)=>{const i=document.querySelector(`.timeline-point[data-image-id="${e[0]}"]`);return!!i&&i.closest("tbody")===t.closest("tbody")},onDragStart:(e,t)=>{t.classList.add("is-dragging")},onDrop:(e,t)=>{const i=document.querySelector(`.timeline-point[data-image-id="${e[0]}"]`);if(!i)return;document.querySelectorAll(".drop-above, .drop-below").forEach((e=>{e.classList.remove("drop-above","drop-below")}));const s=i.closest("tbody");"above"===t.dataset.dropPosition?s.insertBefore(i,t):s.insertBefore(i,t.nextSibling),i.classList.remove("is-dragging"),this.updateTimelineOrder(s)},onDragEnd:(e,t)=>{document.querySelectorAll(".is-dragging, .drop-above, .drop-below").forEach((e=>{e.classList.remove("is-dragging","drop-above","drop-below")}))},previewElement:".drag-handle",previewOptions:{offset:{x:-20,y:-20},showCount:!1}}),this.addTimelineDragHoverLogic())}addTimelineDragHoverLogic(){let e=null;document.addEventListener("pointermove",(t=>{if(!document.querySelector(".timeline-point.is-dragging"))return;const i=t.target.closest(".timeline-point:not(.is-dragging)");if(!i)return void(e&&(e.classList.remove("drop-above","drop-below"),delete e.dataset.dropPosition,e=null));const s=i.getBoundingClientRect(),l=s.top+s.height/2,r=t.clientY<l;e&&e!==i&&(e.classList.remove("drop-above","drop-below"),delete e.dataset.dropPosition),i.classList.remove("drop-above","drop-below"),i.classList.add(r?"drop-above":"drop-below"),i.dataset.dropPosition=r?"above":"below",e=i}))}updateTimelineOrder(e){const t=parseInt(e.dataset.id),i=Array.from(e.querySelectorAll(".timeline-point")),s=this.store.get(t);if(!s)return;let l={};i.forEach(((e,t)=>{const i=e.dataset.imageId;l[i]=s.fields.timeline[i]})),s.fields.timeline=l,this.store.save(s),this.notify("order-changed",t),this.a11y?.announce(`Timeline order updated. ${i.length} steps reordered.`)}extractRowFields(e){const t={};return e.querySelectorAll("[data-field]").forEach((e=>{const i=e.dataset.field,s=e.querySelector("input, textarea, select");s&&("checkbox"===s.type?t[i]=s.checked:t[i]=s.value)})),t}toggleSelection(e){this.selectedItems.has(e)?this.selectedItems.delete(e):this.selectedItems.add(e),this.updateSelectionUI()}selectAll(e){const t=this.container.querySelectorAll(".item");e||(this.selectedItems.clear(),this.ui.bulk.selectAll.checked=!1,this.ui.bulk.select.value=""),t.forEach((t=>{e&&this.selectedItems.add(t.dataset.id),t.querySelector(".select-item").checked=e})),this.updateSelectionUI()}clearSelection(){this.selectAll(!1),this.ui.bulk.select.value=""}updateSelectionUI(){const e=this.selectedItems.size;if(this.ui.bulk.control&&(this.ui.bulk.control.hidden=0===e),this.ui.bulk.count){let t=1===e?"item":"items";this.ui.bulk.count.hidden=0===e,this.ui.bulk.count.textContent=0===e?"":`${e} ${t} selected`}}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((i=>i(e,t)))}};
window.jvbViews=class{constructor(e,t){this.a11y=window.jvbA11y,this.error=window.jvbError,this.container=e,this.initElements(),this.settings=window.jvbUserSettings,this.store=t,this.isTimeline=!!document.querySelector("[data-timeline]"),this.items={list:new Map,grid:new Map,table:new Map},this.currentView=this.container.dataset.view??"grid",this.selectedItems=new Set,this.subscribers=new Set,this.init()}initElements(){this.selectors={grid:".item-grid",table:{table:"form.table",form:"table",body:"table body",header:"table thead",footer:"table tfoot",selectedColumns:".all-filters .multi-select",columns:"thead th"},bulk:{count:".bulk-controls .selected-count",control:".bulk-controls .bulk-actions",select:".bulk-controls select",selectAll:".select-all"}},this.ui=window.uiFromSelectors(this.selectors,this.container)}init(){this.store.subscribe(((e,t)=>{switch(e){case"items-saved":case"item-saved":case"item-deleted":break;case"data-loaded":this.handleItemsUpdate()}})),this.setupViewSwitcher(),this.changeHandler=this.handleChange.bind(this),this.clickHandler=this.handleClick.bind(this),this.lastSelected=null,document.addEventListener("change",this.changeHandler),document.addEventListener("click",this.clickHandler)}handleClick(e){e.target.closest(".select-item-label")&&(e.shiftKey?(e.preventDefault(),this.handleRangeSelection(e.target)):this.lastSelected=e.target.closest(".item"))}handleRangeSelection(e){if(!this.lastSelected)return void(this.lastSelected=e.closest(".item"));const t=e.closest(".item"),i=Array.from(this.container.querySelectorAll(".item")),s=i.indexOf(this.lastSelected),l=i.indexOf(t);if(-1===s||-1===l)return void(this.lastSelected=t);const r=Math.min(s,l),a=Math.max(s,l);let d=0;for(let e=r;e<=a;e++){let t=i[e];this.selectedItems.add(t.dataset.id);let s=t.querySelector(".select-item");s&&!s.checked&&(s.checked=!0,d++)}this.updateSelectionUI(),window.jvbA11y.announce(`Selected ${d} items in range.`)}handleChange(e){e.target.closest(".select-all")?this.selectAll(e.target.checked):e.target.closest(".select-item")?this.toggleSelection(e.target.closest(".item").dataset.id):e.target.closest("details.multi-select")&&this.toggleColumns(e.target.id,e.target.checked)}toggleColumns(e,t){this.ui.table.columns.filter((t=>t.className===e))}setupViewSwitcher(){document.querySelectorAll("[data-view]").forEach((e=>{this.settings.addSetting(e),e.addEventListener("click",(()=>{this.currentView=e.dataset.view,this.render()}))}));const e=document.querySelector("[data-view]:checked");e&&(this.currentView=e.dataset.view)}handleItemsUpdate(){this.render()}render(){if(!this.store)return void console.error("No store connected to renderer");const e=this.store.getFiltered();if(0===e.length)return console.log("Nothing to show"),void this.renderEmpty();switch(this.currentView){case"grid":this.renderGrid(e);break;case"table":this.renderTable(e);break;case"list":this.renderList(e)}this.updateSelectionUI()}renderEmpty(){this.toggleTable(!1),window.removeChildren(this.ui.grid);const e=window.getTemplate("emptyState");e&&(this.ui.grid.appendChild(e),this.a11y?.announce("No items found"))}renderGrid(e){this.toggleGrid(),this.toggleTable(!1),this.ui.grid.classList.remove("list-view"),this.ui.grid.classList.add("grid-view");const t=document.createDocumentFragment();e.forEach((e=>{let i=this.renderGridItem(e);t.appendChild(i)})),this.ui.grid.appendChild(t)}renderGridItem(e){if(this.items.grid.has(e.id))return this.items.grid.get(e.id);const t=window.getTemplate("gridView");t.dataset.id=e.id,e._pending&&t.classList.add("pending");let[i,s,l,r,a]=[t.querySelector("input"),t.querySelector("label"),t.querySelector("img"),t.querySelector('[data-action="edit"]'),t.querySelector('[data-action="trash"]')];return[i.value,i.id,i.checked,s.htmlFor,r.dataset.id,a.dataset.id]=[e.id,`select-${e.id}`,this.selectedItems.has(`${e.id}`),`select-${e.id}`,e.id,e.id],[l.src,l.alt]=[e.images[e.fields.post_thumbnail]?.medium??"",e.images[e.fields.post_thumbnail]?.alt??""],this.items.grid.set(e.id,t),t}toggleTable(e){if(this.ui.table.selectedColumns&&(this.ui.table.selectedColumns.hidden=!e),e&&!this.ui.table.table){let e=window.getTemplate("contentTable");this.container.append(e),this.ui.table.table=this.container.querySelector("form.table"),this.ui.table.form=this.ui.table.table.querySelector("table"),this.ui.table.header=this.ui.table.form.querySelector("thead"),this.ui.table.footer=this.ui.table.form.querySelector("tfoot"),this.ui.table.body=this.ui.table.form.querySelector("tbody"),this.ui.table.columns=this.container.querySelectorAll(this.selectors.table.columns)}this.ui.table.table&&(this.ui.table.table.hidden=!e,e?this.notify("table-view",this.ui.table.table):this.notify("not-table-view",this.ui.table.table),this.ui.table.body&&window.removeChildren(this.ui.table.body)),this.ui.table.selectedColumns&&(this.ui.table.selectedColumns.hidden=!e)}toggleGrid(){window.removeChildren(this.ui.grid)}renderTable(e){this.toggleTable(!0),this.toggleGrid(),e.forEach((e=>{let t=this.isTimeline?this.renderTimelineTableItem(e):this.renderTableItem(e);this.ui.table.body?this.ui.table.body.append(t):(this.ui.table.footer||(this.ui.table.footer=this.ui.table.table.querySelector("tfoot")),this.ui.table.form.insertBefore(t,this.ui.table.footer))})),window.jvbSelector.scanExistingFields()}renderTableItem(e){if(this.items.table.has(e.id))return this.items.table.get(e.id);const t=window.getTemplate("tableView");t.dataset.id=e.id,[t.querySelector(".select-item").id,t.querySelector(".select-item").value,t.querySelector(".select-item").checked,t.querySelector(".select-item + label").htmlFor]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id];let i=t.querySelector(`input[name="post_status"][value="${e.status}"]`);if(i&&(i.checked=!0),Object.hasOwn(this.ui.table.table.dataset,"edit"))new window.jvbPopulate(t,e.fields,e.images);else for(let[i,s]of Object.entries(e)){let e=t.querySelector(`[data-field="${i}"]`);if(e){let t=e.querySelector("p");"date"===e.dataset.fieldType&&(s=window.formatTimeAgo(s)),t.textContent=s}}return this.cleanupTableRow(t),this.items.table.set(e.id,t),t}renderTimelineTableItem(e){if(this.items.table.has(e.id))return this.items.table.get(e.id);const t=window.getTemplate("tableView");t.dataset.id=e.id,[t.querySelector(".select-item").id,t.querySelector(".select-item").value,t.querySelector(".select-item").checked,t.querySelector(".select-item + label").htmlFor]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id];let i=t.querySelector(".timeline-point"),s=t,l=t.querySelector("tr.shared");return new window.jvbPopulate(l,e.fields,e.images),this.prefixTimelineFieldNames(l,e.id),this.cleanupTableRow(l),e.fields.timeline&&"object"==typeof e.fields.timeline&&Object.entries(e.fields.timeline).forEach((([t,l],r)=>{let a=i.cloneNode(!0);a.dataset.index=r,a.dataset.imageId=t,new window.jvbPopulate(a,l,e.images),this.cleanupTableRow(a);let d=e.images[l.post_thumbnail];d&&(a.querySelector(".field.upload").title=d["image-title"]),this.prefixTimelineFieldNames(a,l.id),s.insertBefore(a,i)})),i.remove(),this.items.table.set(e.id,t),t}prefixTimelineFieldNames(e,t){e.querySelectorAll("input, textarea, select").forEach((e=>{const i=e.name;if(!i||i.startsWith("[")||"form-id"===i||i.startsWith("_"))return;let s=e.nextElementSibling;e.name=`[${t}]${i}`,s&&"LABEL"===s.tagName&&(e.id=`[${t}]${e.id}`,s.htmlFor=e.id)}))}cleanupTableRow(e){e.querySelectorAll("td[data-field]").forEach((e=>{e.querySelectorAll('label:not(.select-item-label,.radio-option,[for*="select-item"])').forEach((e=>{e.closest(".radio-options")||e.remove()})),"true_false"===e.dataset.fieldType&&e.querySelector(".toggle-label")?.remove(),["checkbox","radio","select"].includes(e.dataset.fieldType)&&e.querySelector(".label")?.remove()}))}renderList(e){this.toggleGrid(),this.toggleTable(!1),this.ui.grid.classList.remove("grid-view"),this.ui.grid.classList.add("list-view"),e.forEach((e=>{let t=this.renderListItem(e);this.ui.grid.appendChild(t)}))}renderListItem(e){if(this.items.list.has(e.id))return this.items.list.get(e.id);const t=window.getTemplate("listView");t.dataset.id=e.id,e._pending&&t.classList.add("pending");let i=t.querySelector(".select-item"),s=t.querySelector(".select-item + label");[i.id,i.value,i.checked,s.htmlFor]=[e.id,e.id,this.selectedItems.has(`${e.id}`),e.id],t.querySelectorAll("[data-attr]").forEach((t=>{""!==e[t.dataset.attr]?t.textContent=e[t.dataset.attr]:t.remove()})),t.querySelectorAll("[data-field]").forEach((t=>{let i=e.fields[t.dataset.field];""!==i?"DIV"===t.tagName?t.innerHTML=i:t.textContent=i:t.remove()}));let l=t.querySelector("img");return l&&([l.src,l.alt]=[e.images[e.fields.post_thumbnail]?.medium??"",e.images[e.fields.post_thumbnail]?.alt??""]),this.items.list.set(e.id,t),t}setupTimelineDragHandler(){this.isTimeline&&"table"===this.currentView&&(this.timelineDragHandler&&this.timelineDragHandler.destroy(),this.timelineDragHandler=new window.jvbDragHandler({draggableSelector:".timeline-point",dropTargetSelector:".timeline-point",handleSelector:".drag-handle",getItemId:e=>e.dataset.imageId,getSelectedItems:()=>[],validateDrop:(e,t)=>{const i=document.querySelector(`.timeline-point[data-image-id="${e[0]}"]`);return!!i&&i.closest("tbody")===t.closest("tbody")},onDragStart:(e,t)=>{t.classList.add("is-dragging")},onDrop:(e,t)=>{const i=document.querySelector(`.timeline-point[data-image-id="${e[0]}"]`);if(!i)return;document.querySelectorAll(".drop-above, .drop-below").forEach((e=>{e.classList.remove("drop-above","drop-below")}));const s=i.closest("tbody");"above"===t.dataset.dropPosition?s.insertBefore(i,t):s.insertBefore(i,t.nextSibling),i.classList.remove("is-dragging"),this.updateTimelineOrder(s)},onDragEnd:(e,t)=>{document.querySelectorAll(".is-dragging, .drop-above, .drop-below").forEach((e=>{e.classList.remove("is-dragging","drop-above","drop-below")}))},previewElement:".drag-handle",previewOptions:{offset:{x:-20,y:-20},showCount:!1}}),this.addTimelineDragHoverLogic())}addTimelineDragHoverLogic(){let e=null;document.addEventListener("pointermove",(t=>{if(!document.querySelector(".timeline-point.is-dragging"))return;const i=t.target.closest(".timeline-point:not(.is-dragging)");if(!i)return void(e&&(e.classList.remove("drop-above","drop-below"),delete e.dataset.dropPosition,e=null));const s=i.getBoundingClientRect(),l=s.top+s.height/2,r=t.clientY<l;e&&e!==i&&(e.classList.remove("drop-above","drop-below"),delete e.dataset.dropPosition),i.classList.remove("drop-above","drop-below"),i.classList.add(r?"drop-above":"drop-below"),i.dataset.dropPosition=r?"above":"below",e=i}))}updateTimelineOrder(e){const t=parseInt(e.dataset.id),i=Array.from(e.querySelectorAll(".timeline-point")),s=this.store.get(t);if(!s)return;let l={};i.forEach(((e,t)=>{const i=e.dataset.imageId;l[i]=s.fields.timeline[i]})),s.fields.timeline=l,this.store.save(s),this.notify("order-changed",t),this.a11y?.announce(`Timeline order updated. ${i.length} steps reordered.`)}extractRowFields(e){const t={};return e.querySelectorAll("[data-field]").forEach((e=>{const i=e.dataset.field,s=e.querySelector("input, textarea, select");s&&("checkbox"===s.type?t[i]=s.checked:t[i]=s.value)})),t}toggleSelection(e){this.selectedItems.has(e)?this.selectedItems.delete(e):this.selectedItems.add(e),this.updateSelectionUI()}selectAll(e){const t=this.container.querySelectorAll(".item");e||(this.selectedItems.clear(),this.ui.bulk.selectAll.checked=!1,this.ui.bulk.select.value=""),t.forEach((t=>{e&&this.selectedItems.add(t.dataset.id),t.querySelector(".select-item").checked=e})),this.updateSelectionUI()}clearSelection(){this.selectAll(!1),this.ui.bulk.select.value=""}updateSelectionUI(){const e=this.selectedItems.size;if(this.ui.bulk.control&&(this.ui.bulk.control.hidden=0===e),this.ui.bulk.count){let t=1===e?"item":"items";this.ui.bulk.count.hidden=0===e,this.ui.bulk.count.textContent=0===e?"":`${e} ${t} selected`}}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}notify(e,t){this.subscribers.forEach((i=>i(e,t)))}};

 assets/js/on-this-page.min.js

File was deleted

 base/seo.php

New file
@@ -0,0 +1,146 @@
<?php
/**
 * JVB_SCHEMA: Site-wide schema configuration
 *
 * Structure:
 *   - business: LocalBusiness/Organization for home page
 *   - website: WebSite schema configuration
 *   - actions: PotentialAction definitions
 *   - attribution: Developer/maintainer info
 */

use JVBase\managers\SEO\SchemaBuilder;

$schema = apply_filters('jvb_schema', []);
$registry = SchemaBuilder::getInstance();
$checked = [];
foreach ($schema as $key => $config) {

    if (array_key_exists('type', $config)) {
        $type = $config['type'];
    } elseif ($key === 'website') {
        $type = 'WebSite';
    }
    $exists = !is_null($registry->getTypeDefinition($type));
    if (!$exists) {
//      error_log('[JVB_SCHEMA] No definitions for: '.print_r($type, true));
        continue;
    }
    $allowed = $registry->getFieldsForType($type);
    $filtered = array_filter($config, function ($item) use ($allowed) {
        return in_array($item, $allowed);
    }, ARRAY_FILTER_USE_KEY);

    if (empty($filtered)) {
//      error_log('[JVB_SCHEMA] No valid filters for '.$type.'.');
        continue;
    }
    $removed = array_filter($config, function ($item) use ($allowed) {
        return !in_array($item, $allowed);
    }, ARRAY_FILTER_USE_KEY);

    if (!empty($removed)) {
//      error_log('[JVB_SCHEMA] Invalid fields detected for '.$type.': '.print_r($removed, true));
    }
    $checked[$key] = $filtered;
}

define('JVB_SCHEMA', $checked);


/**
JVB_CONTENT['artwork'] = [
    'singular' => 'Artwork',
    'plural' => 'Artworks',
    // ... other config

    'seo' => [
        'meta' => [
            'title' => '{{post_title}} by {{linked_user.display_name}} | {{site_title}}',
            'description' => '{{style.primary.name}} artwork by {{linked_user.display_name}}. {{short_bio|default:View this piece and more.}}',
            'archive_title' => 'Artwork Gallery',
            'archive_description' => 'Browse our collection of tattoo artwork and designs.',
        ],
        'schema' => [
            'type' => 'VisualArtwork',
            'mappings' => [
                'artform' => 'style.primary',           // DefinedTerm from taxonomy
                'creator' => 'linked_user',             // Person from linked user
                'image' => 'featured_image',            // ImageObject
                'artMedium' => 'medium.names:3',        // Comma-separated term names
            ],
            'overrides' => [
                'inLanguage' => 'en',
            ]
        ]
    ]
];

JVB_CONTENT['artist'] = [
    'singular' => 'Artist',
    'plural' => 'Artists',

    'seo' => [
        'meta' => [
            'title' => '{{post_title}} - {{artist_type|default:Tattoo Artist}} in {{city.primary.name|default:Edmonton}}',
            'description' => '{{short_bio|truncate:155}}',
        ],
        'schema' => [
            'type' => 'Person',
            'mappings' => [
                'image' => 'image_portrait',
                'jobTitle' => 'artist_type',
                'worksFor' => 'shop.primary',           // LocalBusiness reference
                'knowsAbout' => 'style.names',          // Array of style names
                'areaServed' => 'city.primary.name',
            ]
        ]
    ]
];

JVB_TAXONOMY['shop'] = [
    'singular' => 'Shop',
    'plural' => 'Shops',

    'seo' => [
        'meta' => [
            'title' => '{{term_name}} - Tattoo Shop in {{city.primary.name|default:Edmonton}}',
            'description' => '{{tagline|default:Visit}} {{term_name}}. {{short_bio|truncate:120}}',
        ],
        'schema' => [
            'type' => 'TattooParlor',  // or LocalBusiness
            'mappings' => [
                'address' => 'location',
                'telephone' => 'phone',
                'email' => 'email',
                'openingHoursSpecification' => 'hours',
                'image' => 'image',
                'priceRange' => 'price_range',
                'paymentAccepted' => 'payment_accepted',
            ],
            'overrides' => [
                'additionalType' => 'https://schema.org/TattooParlor',
            ]
        ]
    ]
];

JVB_TAXONOMY['style'] = [
    'singular' => 'Style',
    'plural' => 'Styles',

    'seo' => [
        'meta' => [
            'title' => '{{term_name}} Tattoos in Edmonton | {{site_title}}',
            'description' => '{{tagline|default:Explore}} {{term_name}} tattoo artists and designs. {{characteristics|strip|truncate:100}}',
        ],
        'schema' => [
            'type' => 'DefinedTerm',
            'mappings' => [
                'alternateName' => 'alternate_name',
            ]
        ]
    ]
];

**/

 build/faq/style-index-rtl.css

@@ -1 +1 @@
nav#faq{--height:fit-content;background-color:var(--base-100);border-radius:var(--outerRadius);display:block;padding:1.5rem;touch-action:auto}nav#faq ol{counter-reset:faq;display:block;height:-moz-fit-content;height:fit-content;list-style:decimal-leading-zero}nav#faq ol li{counter-increment:faq}nav#faq ol li:before{content:counter(faq);display:block;font-family:var(--heading);font-weight:var(--hBold)}nav#faq h2{font-size:var(--large);right:0;margin:.5rem 0}nav#faq a{padding:.5rem}.faq-block{max-width:none;padding-bottom:3rem;width:100%}.faq-block>*{margin:1rem auto;max-width:var(--alignWide)}.faq-block h2{margin:5rem 0 1.5rem}.faq-block h3{margin:0;text-transform:none}.faq-block :target{background-color:var(--base);outline:none}.faq-block :target h2{background-color:var(--base);border-radius:var(--outerRadius);padding:1rem 1.5rem}.faq-block details{margin:1rem auto;max-width:var(--maxWidth);padding:.75rem}.faq-block details+details{margin-top:3rem}.faq-block details .button{display:block;height:-moz-fit-content;height:fit-content;margin-right:auto}
nav#faq{background-color:var(--base-100);border-radius:var(--radius-outer);display:block;height:-moz-max-content;height:max-content;padding:1.5rem;touch-action:auto}nav#faq ol{counter-reset:faq;display:block;height:-moz-fit-content;height:fit-content;list-style:decimal-leading-zero}nav#faq ol li{counter-increment:faq;width:-moz-max-content;width:max-content}nav#faq ol li:before{content:counter(faq);display:block;font-family:var(--heading);font-weight:var(--fw-h-bold)}nav#faq h2{font-size:var(--txt-large);right:0;margin:.5rem 0}nav#faq a{padding:.5rem}.faq-block{max-width:none;padding-bottom:3rem;width:100%}.faq-block>*{margin:1rem auto;max-width:var(--wide)}.faq-block h2{margin:5rem 0 1.5rem}.faq-block h3{margin:0;text-transform:none}.faq-block :target{background-color:var(--base);outline:none}.faq-block :target h2{background-color:var(--base);border-radius:var(--radius-outer);padding:1rem 1.5rem}.faq-block details{margin:1rem auto;max-width:var(--content);padding:.75rem}.faq-block details+details{margin-top:3rem}.faq-block details .button{display:flex;height:-moz-fit-content;height:fit-content;margin-right:auto}

 build/faq/style-index.css

@@ -1 +1 @@
nav#faq{--height:fit-content;background-color:var(--base-100);border-radius:var(--outerRadius);display:block;padding:1.5rem;touch-action:auto}nav#faq ol{counter-reset:faq;display:block;height:-moz-fit-content;height:fit-content;list-style:decimal-leading-zero}nav#faq ol li{counter-increment:faq}nav#faq ol li:before{content:counter(faq);display:block;font-family:var(--heading);font-weight:var(--hBold)}nav#faq h2{font-size:var(--large);left:0;margin:.5rem 0}nav#faq a{padding:.5rem}.faq-block{max-width:none;padding-bottom:3rem;width:100%}.faq-block>*{margin:1rem auto;max-width:var(--alignWide)}.faq-block h2{margin:5rem 0 1.5rem}.faq-block h3{margin:0;text-transform:none}.faq-block :target{background-color:var(--base);outline:none}.faq-block :target h2{background-color:var(--base);border-radius:var(--outerRadius);padding:1rem 1.5rem}.faq-block details{margin:1rem auto;max-width:var(--maxWidth);padding:.75rem}.faq-block details+details{margin-top:3rem}.faq-block details .button{display:block;height:-moz-fit-content;height:fit-content;margin-left:auto}
nav#faq{background-color:var(--base-100);border-radius:var(--radius-outer);display:block;height:-moz-max-content;height:max-content;padding:1.5rem;touch-action:auto}nav#faq ol{counter-reset:faq;display:block;height:-moz-fit-content;height:fit-content;list-style:decimal-leading-zero}nav#faq ol li{counter-increment:faq;width:-moz-max-content;width:max-content}nav#faq ol li:before{content:counter(faq);display:block;font-family:var(--heading);font-weight:var(--fw-h-bold)}nav#faq h2{font-size:var(--txt-large);left:0;margin:.5rem 0}nav#faq a{padding:.5rem}.faq-block{max-width:none;padding-bottom:3rem;width:100%}.faq-block>*{margin:1rem auto;max-width:var(--wide)}.faq-block h2{margin:5rem 0 1.5rem}.faq-block h3{margin:0;text-transform:none}.faq-block :target{background-color:var(--base);outline:none}.faq-block :target h2{background-color:var(--base);border-radius:var(--radius-outer);padding:1rem 1.5rem}.faq-block details{margin:1rem auto;max-width:var(--content);padding:.75rem}.faq-block details+details{margin-top:3rem}.faq-block details .button{display:flex;height:-moz-fit-content;height:fit-content;margin-left:auto}

 build/feed/style-index-rtl.css

@@ -1 +1 @@
.feed-block .feed-filters{padding:1rem 0}.feed-block .filter-group{padding:2rem 0;position:relative}.feed-block .filter-group .label{right:0;position:absolute}.feed-block .filter-group>.label{top:0}.feed-block .filter-group button,.feed-block .filter-group label{height:-moz-max-content;height:max-content;padding:.5rem;position:relative}.feed-block .filter-group button:hover,.feed-block .filter-group label:hover{color:var(--action-contrast)}.feed-block .filter-group :checked+label .label,.feed-block .filter-group button:hover .label,.feed-block .filter-group label:hover .label{opacity:1;visibility:visible}.feed-block .filter-group button .label,.feed-block .filter-group label .label,.feed-block .filter-group:has(label:hover) :checked+label .label{--height:max-content;bottom:-2rem;font-weight:var(--bWeight);opacity:0;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.placeholder{align-items:center;aspect-ratio:1;background:var(--base);border:1rem solid var(--base-50);border-radius:1rem;display:flex;justify-content:center}.placeholder i.icon{--w:50%;animation:dance 2.5s ease-in-out infinite;color:var(--base-200)}.feed.item{background:var(--base-50);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:0;position:relative}.feed.item img{filter:grayscale(.5) sepia(.3) blur(7px);opacity:.7;transition:opacity var(--transition-base),filter var(--transition-base)}.feed.item img[data-loaded=true]{filter:none;opacity:1}.feed.item[data-timeline]{aspect-ratio:unset}.feed.item[data-timeline] summary{aspect-ratio:3/2;padding:0 0 1rem}.feed.item[data-timeline] summary span{background-color:var(--action-0);color:var(--action-contrast);padding:.25rem .5rem;position:absolute;width:50%}.feed.item[data-timeline] summary span:first-of-type{bottom:0;left:50%;text-align:left}.feed.item[data-timeline] summary span:last-of-type{right:50%;top:0}.feed.item[data-timeline] summary>a{display:flex;flex-wrap:nowrap;height:100%;position:relative;width:100%}.feed.item[data-timeline] img{height:100%;-o-object-fit:cover;object-fit:cover;width:50%}.feed.item[data-timeline] img:first-of-type{border-left:1px solid var(--action-0)}.feed.item a:after,.feed.item a:before{display:none}.feed.item details a{font-size:clamp(1rem,.9306rem + .2222vw,1.125rem)}.feed.item.highlighted{animation:highlight-puls 2s ease-in-out;box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}.feed.item:hover .handle,.feed.item[open] .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-pink-medium)}.feed.item summary{aspect-ratio:1;height:100%;width:calc(100% - 1rem)}.feed.item summary .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-light);border-radius:var(--innerRadius);bottom:0;right:0;padding:.25rem 1.1rem .25rem .25rem;position:absolute;left:0;z-index:1}.feed.item summary:after{bottom:.35rem;cursor:pointer;height:1.5rem;position:absolute;left:.7rem;width:1.5rem;z-index:11}.feed.item label{font-weight:400;text-transform:none}.feed.item label .icon{--w:1.5em}.item-grid:has([data-timeline]){grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.item-grid:has([data-timeline]){grid-template-columns:repeat(2,1fr)}}
.feed-block{grid-column:full}.feed-block .feed-filters{margin:0 auto;max-width:var(--wide);padding:1rem 0}.feed-block .filter-group{padding:2rem 0;position:relative}.feed-block .filter-group .label{right:0;position:absolute}.feed-block .filter-group>.label{top:0}.feed-block .filter-group [type=radio]{right:var(--offScreen);position:absolute}.feed-block .filter-group button,.feed-block .filter-group label{height:-moz-max-content;height:max-content;padding:.5rem;position:relative}.feed-block .filter-group button:hover,.feed-block .filter-group label:hover{color:var(--action-contrast)}.feed-block .filter-group :checked+label .label,.feed-block .filter-group button:hover .label,.feed-block .filter-group label:hover .label{opacity:1;visibility:visible}.feed-block .filter-group button .label,.feed-block .filter-group label .label,.feed-block .filter-group:has(label:hover) :checked+label .label{--height:max-content;bottom:-2rem;font-weight:var(--fw-b);opacity:0;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.placeholder{align-items:center;aspect-ratio:1;background:var(--base);border:1rem solid var(--base-50);border-radius:1rem;display:flex;justify-content:center}.placeholder i.icon{--w:50%;animation:dance 2.5s ease-in-out infinite;color:var(--base-200)}.item-grid{max-width:none;padding:0 var(--chip)}.feed.item{background:var(--base-50);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:0;position:relative}.feed.item img{filter:grayscale(.5) sepia(.3) blur(7px);opacity:.7;transition:opacity var(--trans-base),filter var(--trans-base)}.feed.item img[data-loaded=true]{filter:none;opacity:1}.feed.item[data-timeline]{aspect-ratio:unset}.feed.item[data-timeline] summary{aspect-ratio:3/2;padding:0 0 1rem}.feed.item[data-timeline] summary span{background-color:var(--action-0);color:var(--action-contrast);padding:.25rem .5rem;position:absolute;width:50%}.feed.item[data-timeline] summary span:first-of-type{bottom:0;left:50%;text-align:left}.feed.item[data-timeline] summary span:last-of-type{right:50%;top:0}.feed.item[data-timeline] summary>a{display:flex;flex-wrap:nowrap;height:100%;position:relative;width:100%}.feed.item[data-timeline] img{height:100%;-o-object-fit:cover;object-fit:cover;width:50%}.feed.item[data-timeline] img:first-of-type{border-left:1px solid var(--action-0)}.feed.item a:after,.feed.item a:before{display:none}.feed.item details a{font-size:clamp(1rem,.9306rem + .2222vw,1.125rem)}.feed.item.highlighted{animation:highlight-puls 2s ease-in-out;box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}.feed.item:hover .handle,.feed.item[open] .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-pink-medium)}.feed.item summary{aspect-ratio:1;height:100%;width:calc(100% - 1rem)}.feed.item summary .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(var(--base-rgb),var(--op-3));border-radius:var(--radius);bottom:0;right:0;padding:.25rem 1.1rem .25rem .25rem;position:absolute;left:0;z-index:1}.feed.item summary:after{bottom:.35rem;cursor:pointer;height:1.5rem;position:absolute;left:.7rem;width:1.5rem;z-index:11}.feed.item label{font-weight:400;text-transform:none}.feed.item label .icon{--w:1.5em}.item-grid:has([data-timeline]){grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.item-grid:has([data-timeline]){grid-template-columns:repeat(2,1fr)}}

 build/feed/style-index.css

@@ -1 +1 @@
.feed-block .feed-filters{padding:1rem 0}.feed-block .filter-group{padding:2rem 0;position:relative}.feed-block .filter-group .label{left:0;position:absolute}.feed-block .filter-group>.label{top:0}.feed-block .filter-group button,.feed-block .filter-group label{height:-moz-max-content;height:max-content;padding:.5rem;position:relative}.feed-block .filter-group button:hover,.feed-block .filter-group label:hover{color:var(--action-contrast)}.feed-block .filter-group :checked+label .label,.feed-block .filter-group button:hover .label,.feed-block .filter-group label:hover .label{opacity:1;visibility:visible}.feed-block .filter-group button .label,.feed-block .filter-group label .label,.feed-block .filter-group:has(label:hover) :checked+label .label{--height:max-content;bottom:-2rem;font-weight:var(--bWeight);opacity:0;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.placeholder{align-items:center;aspect-ratio:1;background:var(--base);border:1rem solid var(--base-50);border-radius:1rem;display:flex;justify-content:center}.placeholder i.icon{--w:50%;animation:dance 2.5s ease-in-out infinite;color:var(--base-200)}.feed.item{background:var(--base-50);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:0;position:relative}.feed.item img{filter:grayscale(.5) sepia(.3) blur(7px);opacity:.7;transition:opacity var(--transition-base),filter var(--transition-base)}.feed.item img[data-loaded=true]{filter:none;opacity:1}.feed.item[data-timeline]{aspect-ratio:unset}.feed.item[data-timeline] summary{aspect-ratio:3/2;padding:0 0 1rem}.feed.item[data-timeline] summary span{background-color:var(--action-0);color:var(--action-contrast);padding:.25rem .5rem;position:absolute;width:50%}.feed.item[data-timeline] summary span:first-of-type{bottom:0;right:50%;text-align:right}.feed.item[data-timeline] summary span:last-of-type{left:50%;top:0}.feed.item[data-timeline] summary>a{display:flex;flex-wrap:nowrap;height:100%;position:relative;width:100%}.feed.item[data-timeline] img{height:100%;-o-object-fit:cover;object-fit:cover;width:50%}.feed.item[data-timeline] img:first-of-type{border-right:1px solid var(--action-0)}.feed.item a:after,.feed.item a:before{display:none}.feed.item details a{font-size:clamp(1rem,.9306rem + .2222vw,1.125rem)}.feed.item.highlighted{animation:highlight-puls 2s ease-in-out;box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}.feed.item:hover .handle,.feed.item[open] .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-pink-medium)}.feed.item summary{aspect-ratio:1;height:100%;width:calc(100% - 1rem)}.feed.item summary .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-light);border-radius:var(--innerRadius);bottom:0;left:0;padding:.25rem .25rem .25rem 1.1rem;position:absolute;right:0;z-index:1}.feed.item summary:after{bottom:.35rem;cursor:pointer;height:1.5rem;position:absolute;right:.7rem;width:1.5rem;z-index:11}.feed.item label{font-weight:400;text-transform:none}.feed.item label .icon{--w:1.5em}.item-grid:has([data-timeline]){grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.item-grid:has([data-timeline]){grid-template-columns:repeat(2,1fr)}}
.feed-block{grid-column:full}.feed-block .feed-filters{margin:0 auto;max-width:var(--wide);padding:1rem 0}.feed-block .filter-group{padding:2rem 0;position:relative}.feed-block .filter-group .label{left:0;position:absolute}.feed-block .filter-group>.label{top:0}.feed-block .filter-group [type=radio]{left:var(--offScreen);position:absolute}.feed-block .filter-group button,.feed-block .filter-group label{height:-moz-max-content;height:max-content;padding:.5rem;position:relative}.feed-block .filter-group button:hover,.feed-block .filter-group label:hover{color:var(--action-contrast)}.feed-block .filter-group :checked+label .label,.feed-block .filter-group button:hover .label,.feed-block .filter-group label:hover .label{opacity:1;visibility:visible}.feed-block .filter-group button .label,.feed-block .filter-group label .label,.feed-block .filter-group:has(label:hover) :checked+label .label{--height:max-content;bottom:-2rem;font-weight:var(--fw-b);opacity:0;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content}.placeholder{align-items:center;aspect-ratio:1;background:var(--base);border:1rem solid var(--base-50);border-radius:1rem;display:flex;justify-content:center}.placeholder i.icon{--w:50%;animation:dance 2.5s ease-in-out infinite;color:var(--base-200)}.item-grid{max-width:none;padding:0 var(--chip)}.feed.item{background:var(--base-50);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:0;position:relative}.feed.item img{filter:grayscale(.5) sepia(.3) blur(7px);opacity:.7;transition:opacity var(--trans-base),filter var(--trans-base)}.feed.item img[data-loaded=true]{filter:none;opacity:1}.feed.item[data-timeline]{aspect-ratio:unset}.feed.item[data-timeline] summary{aspect-ratio:3/2;padding:0 0 1rem}.feed.item[data-timeline] summary span{background-color:var(--action-0);color:var(--action-contrast);padding:.25rem .5rem;position:absolute;width:50%}.feed.item[data-timeline] summary span:first-of-type{bottom:0;right:50%;text-align:right}.feed.item[data-timeline] summary span:last-of-type{left:50%;top:0}.feed.item[data-timeline] summary>a{display:flex;flex-wrap:nowrap;height:100%;position:relative;width:100%}.feed.item[data-timeline] img{height:100%;-o-object-fit:cover;object-fit:cover;width:50%}.feed.item[data-timeline] img:first-of-type{border-right:1px solid var(--action-0)}.feed.item a:after,.feed.item a:before{display:none}.feed.item details a{font-size:clamp(1rem,.9306rem + .2222vw,1.125rem)}.feed.item.highlighted{animation:highlight-puls 2s ease-in-out;box-shadow:0 0 0 4px #ff0080,0 8px 16px rgba(0,0,0,.1)}.feed.item:hover .handle,.feed.item[open] .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-pink-medium)}.feed.item summary{aspect-ratio:1;height:100%;width:calc(100% - 1rem)}.feed.item summary .handle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(var(--base-rgb),var(--op-3));border-radius:var(--radius);bottom:0;left:0;padding:.25rem .25rem .25rem 1.1rem;position:absolute;right:0;z-index:1}.feed.item summary:after{bottom:.35rem;cursor:pointer;height:1.5rem;position:absolute;right:.7rem;width:1.5rem;z-index:11}.feed.item label{font-weight:400;text-transform:none}.feed.item label .icon{--w:1.5em}.item-grid:has([data-timeline]){grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.item-grid:has([data-timeline]){grid-template-columns:repeat(2,1fr)}}

 build/feed/view.asset.php

@@ -1 +1 @@
<?php return array('dependencies' => array(), 'version' => '66b80732cd4eebba785a');
<?php return array('dependencies' => array(), 'version' => '90c2ce15e482c81ed55a');

 build/feed/view.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.container=document.querySelector("section.feed-block"),this.container&&(this.a11y=window.jvbA11y,this.cache=new window.jvbCache("feed"),this.error=window.jvbError,this.config={source:"",context:"",highlight:null,gallery:!1,view:this.cache.get("feedView")||"grid",...this.container.dataset},this.initElements(),this.initFilters(),this.loadWhenAble())}loadWhenAble(){"requestIdleCallback"in window?requestIdleCallback((()=>{this.initTaxonomies(),this.initStore(),this.initListeners(),this.initGallery()}),{timeout:2e3}):setTimeout((()=>{this.initTaxonomies(),this.initStore(),this.initListeners(),this.initGallery()}),100)}initElements(){this.currentTaxonomies=new Set,this.taxonomyFilters={},this.elements={filterTrigger:"[data-filter]",filters:{content:'[data-filter="content"]',orderby:'[data-filter="orderby"]',order:'[data-filter="order"]',match:'[data-filter="match"]',favourites:'[data-filter="favourites"]',taxonomy:'[data-filter^="taxonomy"]'},selectedTax:".selected-items",clearFilter:"button.clear-filters",loadMore:"button.load-more",filterContainer:".filters",grid:".item-grid"},this.ui=window.uiFromSelectors(this.elements),this.ui.content=this.ui.filterContainer.querySelectorAll('[name="content"]'),this.ui.taxonomies=this.ui.filterContainer.querySelectorAll("[data-taxonomy]"),this.ui.content.length>0?this.contentTypes=Array.from(this.ui.content).map((e=>e.value)):this.contentTypes=[this.container.dataset.content],this.ui.taxonomies.length>0?this.taxonomies=Array.from(this.ui.taxonomies).map((e=>e.dataset.taxonomy)):this.taxonomies=[]}async initTaxonomies(){this.selector=window.jvbSelector;const e=document.querySelectorAll('[data-filter="taxonomy"]');this.selector.isInitializing=!0,e.forEach((e=>{const t=e.dataset.taxonomy;this.currentTaxonomies.add(t),this.selector.registerFilterButton(e,{button:e,buttonSelector:'[data-filter="taxonomy"]',selected:this.ui.selectedTax}),this.addTaxonomyPreloadListeners(e,t)})),this.selector.isInitializing=!1,this.selector.subscribe(((e,t)=>{"selected-terms"===e&&this.handleTaxonomyChange(t)}))}addTaxonomyPreloadListeners(e,t){const i=()=>{this.selector.preloadTaxonomy(t)};e.addEventListener("mouseenter",i,{once:!0}),e.addEventListener("pointerdown",i,{once:!0}),e.addEventListener("focus",i,{once:!0})}handleTaxonomyChange(e){const{terms:t,taxonomy:i}=e;t.size>0?this.taxonomyFilters[i]=Array.from(t.keys()):delete this.taxonomyFilters[i];let s={page:1};Object.keys(this.taxonomyFilters).length>0&&(s.taxonomy=this.taxonomyFilters),this.updateFilter(s)}clearAllTaxonomies(){this.taxonomyFilters={},window.removeChildren(this.ui.selectedTax),this.updateFilter({taxonomy:null,page:1})}initFilters(){this.filters={content:this.contentTypes[0],orderby:"date",order:"desc",page:1},this.config.context&&(this.filters.context=this.config.context),this.config.source&&(this.filters.source=this.config.source),this.processCachedFilters(),this.processURLFilters(),this.syncUIToFilters()}syncUIToFilters(){Object.entries(this.filters).forEach((([e,t])=>{const i=this.ui.filterContainer.querySelector(`[data-filter="${e}"][value="${t}"]`);i&&(i.checked=!0)})),this.updateContentFor(this.filters.content)}nextPage(){this.store.setFilter("page",this.store.filters.page++)}initStore(){const e=window.jvbStore.register("feed",{storeName:"feed",endpoint:"feed",keyPath:"id",indexes:[{name:"content",keyPath:"content"},{name:"taxonomy",keyPath:"taxonomy"},{name:"user",keyPath:"user"},{name:"date",keyPath:"modified"},{name:"title",keyPath:"title"}],filters:this.filters,TTL:216e5,showLoading:!0,required:"content",delayFetch:!0});this.store=e.feed,this.store.subscribe(((e,t)=>{"data-loaded"===e&&(this.renderItems(),this.ui.loadMore.hidden=!0,this.store.lastResponse&&this.store.lastResponse.has_more&&(this.ui.loadMore.hidden=!this.store.lastResponse.has_more))}))}initGallery(){this.gallery=!!this.config.gallery&&window.jvbGallery,this.gallery&&this.gallery.subscribe(((e,t)=>{"load-more"===e&&this.store.lastResponse&&this.store.lastResponse.has_more&&this.nextPage()}))}processCachedFilters(){Object.keys(this.filters).forEach((e=>{let t=this.cache.get(`${this.config.source}_${this.config.context}_${e}`);t&&t!==this.filters[e]&&(this.filters[e]=t)}))}processURLFilters(){if(this.filters.page>1)return!1;const e=new URLSearchParams(window.location.search);if(!e.toString())return!1;["content","order","orderby","favourites","match"].forEach((t=>{let i=e.get(`f_${t}`);if(i){this.filters[t]=i;let e=this.ui.filters[t];e&&(e.checked=!0)}}));let t=!1;if(e.forEach(((e,i)=>{if(i.startsWith("f_tax_")){t=!0;const s=i.replace("f_tax_","");this.taxonomyFilters[s]||(this.taxonomyFilters[s]=[]),this.taxonomyFilters[s]=e.split(",").map(Number)}})),t)for(let[e,t]in Object.entries(this.taxonomyFilters)){let i=this.ui.filterContainer.querySelector(`[data-taxonomy="${e}"]`);i&&(i.dataset.fieldId?(this.selector.get(i.dataset.fieldId).selectedTerms=new Set(t),this.selector.initFieldDisplay(i.dataset.fieldId)):this.selector.registerField(i,{button:i,buttonSelector:'[data-filter="taxonomy"]',selected:this.ui.selectedTax,selectedItems:t}))}return!0}updateURL(){const e=new URLSearchParams;["content","order","orderby","match"].forEach((t=>{this.filters[t]&&e.set(`f_${t}`,this.filters[t])})),Object.entries(this.taxonomyFilters).forEach((([t,i])=>{i.length>0&&e.set(`f_tax_${t}`,i.join(","))}));const t=`${window.location.pathname}${e.toString()?"?"+e.toString():""}`;window.history.pushState({filters:this.filters},"",t)}renderItems(){let e=this.store.getFiltered();if(1===this.store.filters.page&&window.removeChildren(this.ui.grid),0===e.length)return void this.a11y.announceItems(0,this.store.filters.page>0);const t=document.createDocumentFragment(),i=s=>{const r=Math.min(s+10,e.length);for(let i=s;i<r;i++){const s=e[i],r=this.createItemElement(s);t.appendChild(r)}r<e.length?requestAnimationFrame((()=>i(r))):(this.removePlaceholders(),this.ui.grid.append(t),this.observeImages(this.ui.grid),this.config.gallery&&this.gallery.updateGalleryItems(this.gallery.getGalleryItems()),this.a11y.makeNavigable(this.ui.grid.querySelectorAll(".item:not([data-keyboard-nav])")),this.a11y.announceItems(e.length,this.store.filters.page>1,this.store.hasMore))};e.length>0?i(0):this.a11y.announceItems(0,this.store.filters.page>1,!1),this.ui.filters.match.hidden=window.isEmptyObject(this.taxonomyFilters),this.ui.clearFilter.hidden=window.isEmptyObject(this.taxonomyFilters)}createItemElement(e){let t=window.getTemplate("feed-item");return Object.hasOwn(t.dataset,"timeline")?this.createTimelineElement(e,t):t}createTimelineElement(e,t){var i,s;let[r,a,o,n,l,d,h,c,m,u]=[t,t.querySelector("a"),t.querySelector("img.before"),t.querySelector("img.after"),t.querySelector("summary span:last-of-type"),t.querySelector("p.started time"),t.querySelector("p.updated time"),t.querySelector("p.total b"),t.querySelector(".term-list"),Object.values(e.fields.order)],f=u.length-1,y=e.images[u[0].post_thumbnail],g=e.images[u[f].post_thumbnail];return[r.dataset.id,a.href,o.src,o.dataset.small,o.dataset.medium,n.src,n.dataset.small,n.dataset.medium,l.textContent,d.textContent,h.textContent,c.textContent]=[e.id,e.url,y.tiny,y.small,y.medium,g.tiny,g.small,g.medium,`${l.textContent} ${f} Tx`,null!==(i=u[0].date)&&void 0!==i?i:e.date,null!==(s=u[f].date)&&void 0!==s?s:"",`${f} Treatments`],t}removePlaceholders(){const e=this.ui.grid.querySelectorAll(".placeholder");e.length>0&&e.forEach((e=>e.remove()))}addPlaceholders(){let e=this.contentTypes.length;const t=document.createDocumentFragment();for(let i=0;i<12;i++){let i,s=window.getTemplate("placeholderTemplate"),r=Math.floor(Math.random()*e);i=this.ui.content.length>0?this.ui.content.filter((e=>e.value===this.contentTypes[r])).querySelector(".icon").cloneNode(!0):window.getIcon(this.container.dataset.icon),s.append(i),t.append(s)}this.ui.grid.append(t)}updateFilter(e){let t=["taxonomy","favourites","match",...Object.keys(this.filters)];e=Object.keys(e).filter((e=>t.includes(e))).reduce(((t,i)=>(t[i]=e[i],t)),{}),window.getDifferences.map(this.filters,e)&&(this.filters={...this.filters,...e},this.updateURL(),this.store.setFilters(e))}updateContentFor(e){this.ui.filterContainer.querySelectorAll('[data-filter="taxonomy"]').forEach((t=>{const i=t.dataset.for?.split(",")||[];t.hidden=i.length>0&&!i.includes(e)})),this.ui.filterContainer.querySelectorAll("[data-for]").forEach((t=>{const i=t.dataset.for?.split(",")||[];i.length>0&&(t.hidden=!i.includes(e),t.hidden&&t.checked&&(t.checked=!1))}));const t=this.ui.filterContainer.querySelector('[name="orderby"]:checked');this.updateOrderDirectionVisibility(t?.value)}updateOrderDirectionVisibility(e){const t=this.ui.filterContainer.querySelector(".order-direction");if(t){const i=t.dataset.forOrder?.split(",")||[];t.hidden=i.length>0&&!i.includes(e)}}initListeners(){this.popStateHandler=this.handlePopState.bind(this),this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),this.imageObserver=null,this.resizeObserver=null,"IntersectionObserver"in window&&(this.imageObserver=new IntersectionObserver((e=>{e.forEach((e=>{this.loadImage(e.target),this.imageObserver.unobserve(e.target)}))}),{rootMargin:"100px",threshold:.1})),"ResizeObserver"in window?this.resizeObserver=new ResizeObserver(window.debounce((()=>{this.updateImageSizes()}),250)):window.addEventListener("resize",window.debounce((()=>{this.updateImageSizes()}),250)),window.addEventListener("popstate",this.popStateHandler),document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler)}loadImage(e){const t=this.getAppropriateImageSize(e);t&&t!==e.src&&(e.src=t,e.dataset.loaded="true")}getAppropriateImageSize(e){return window.innerWidth<768&&e.dataset.small?e.dataset.small:e.dataset.medium?e.dataset.medium:e.src}observeImages(e){e.querySelectorAll("img[data-small], img[data-medium]").forEach((e=>{e.dataset.loaded||this.imageObserver.observe(e)}))}handlePopState(e){e.state?.filters&&this.processURLFilters()&&(this.store.setFilters(this.filters),this.a11y.announce("Feed filters updated from browser history"))}handleClick(e){window.targetCheck(e,this.elements.loadMore)?this.nextPage():window.targetCheck(e,this.elements.clearFilter)?this.clearAllTaxonomies():window.targetCheck(e,".remove-item")&&this.handleRemoveSelectedTerm(e)}handleRemoveSelectedTerm(e){const t=e.target.closest(".selected-item");if(!t)return;const i=parseInt(t.dataset.id),s=t.dataset.taxonomy;this.taxonomyFilters[s]&&(this.taxonomyFilters[s]=this.taxonomyFilters[s].filter((e=>e!==i)),0===this.taxonomyFilters[s].length&&delete this.taxonomyFilters[s]),t.remove(),this.updateFilter({taxonomy:Object.keys(this.taxonomyFilters).length>0?this.taxonomyFilters:null,page:1})}handleChange(e){let t=e.target;Object.hasOwn(t.dataset,"filter")&&("content"===t.dataset.filter?(this.updateContentFor(t.value),this.updateFilter({content:t.value,page:1})):"orderby"===t.dataset.filter?(this.updateOrderDirectionVisibility(t.value),this.updateFilter({orderby:t.value,page:1})):"order"===t.dataset.filter?this.updateFilter({order:t.value,page:1}):"match"===t.dataset.filter?this.updateFilter({match:t.checked?"all":"any",page:1}):"favourites"===t.dataset.filter&&this.updateFilter({favourites:t.checked,page:1}))}}document.addEventListener("DOMContentLoaded",(function(){window.feedBlock=new e}))})();
(()=>{class e{constructor(){this.container=document.querySelector("section.feed-block"),this.container&&(this.a11y=window.jvbA11y,this.cache=new window.jvbCache("feed"),this.error=window.jvbError,this.config={source:"",context:"",highlight:null,gallery:!1,view:this.cache.get("feedView")||"grid",...this.container.dataset},this.initElements(),this.initFilters(),this.loadWhenAble())}loadWhenAble(){"requestIdleCallback"in window?requestIdleCallback((()=>{this.initTaxonomies(),this.initStore(),this.initListeners(),this.initGallery()}),{timeout:2e3}):setTimeout((()=>{this.initTaxonomies(),this.initStore(),this.initListeners(),this.initGallery()}),100)}initElements(){this.currentTaxonomies=new Set,this.taxonomyFilters={},this.elements={filterTrigger:"[data-filter]",filters:{content:'[data-filter="content"]',orderby:'[data-filter="orderby"]',order:'[data-filter="order"]',match:'[data-filter="match"]',favourites:'[data-filter="favourites"]',taxonomy:'[data-filter^="taxonomy"]'},selectedTax:".selected-items",clearFilter:"button.clear-filters",loadMore:"button.load-more",filterContainer:".filters",grid:".item-grid"},this.ui=window.uiFromSelectors(this.elements),this.ui.content=this.ui.filterContainer.querySelectorAll('[name="content"]'),this.ui.taxonomies=this.ui.filterContainer.querySelectorAll("[data-taxonomy]"),this.ui.content.length>0?this.contentTypes=Array.from(this.ui.content).map((e=>e.value)):this.contentTypes=[this.container.dataset.content],this.ui.taxonomies.length>0?this.taxonomies=Array.from(this.ui.taxonomies).map((e=>e.dataset.taxonomy)):this.taxonomies=[]}async initTaxonomies(){this.selector=window.jvbSelector;const e=document.querySelectorAll('[data-filter="taxonomy"]');this.selector.isInitializing=!0,e.forEach((e=>{const t=e.dataset.taxonomy;this.currentTaxonomies.add(t),this.selector.registerFilterButton(e,{button:e,buttonSelector:'[data-filter="taxonomy"]',selected:this.ui.selectedTax}),this.addTaxonomyPreloadListeners(e,t)})),this.selector.isInitializing=!1,this.selector.subscribe(((e,t)=>{"selected-terms"===e&&this.handleTaxonomyChange(t)}))}addTaxonomyPreloadListeners(e,t){const i=()=>{this.selector.preloadTaxonomy(t)};e.addEventListener("mouseenter",i,{once:!0}),e.addEventListener("pointerdown",i,{once:!0}),e.addEventListener("focus",i,{once:!0})}handleTaxonomyChange(e){const{terms:t,taxonomy:i}=e;t.size>0?this.taxonomyFilters[i]=Array.from(t.keys()):delete this.taxonomyFilters[i];let s={page:1};Object.keys(this.taxonomyFilters).length>0&&(s.taxonomy=this.taxonomyFilters),this.updateFilter(s)}clearAllTaxonomies(){this.taxonomyFilters={},window.removeChildren(this.ui.selectedTax),this.updateFilter({taxonomy:null,page:1})}initFilters(){this.filters={content:this.contentTypes[0],orderby:"date",order:"desc",page:1},this.config.context&&(this.filters.context=this.config.context),this.config.source&&(this.filters.source=this.config.source),this.processCachedFilters(),this.processURLFilters(),this.syncUIToFilters()}syncUIToFilters(){Object.entries(this.filters).forEach((([e,t])=>{const i=this.ui.filterContainer.querySelector(`[data-filter="${e}"][value="${t}"]`);i&&(i.checked=!0)})),this.updateContentFor(this.filters.content)}nextPage(){this.store.setFilter("page",this.store.filters.page++)}initStore(){const e=window.jvbStore.register("feed",{storeName:"feed",endpoint:"feed",keyPath:"id",indexes:[{name:"content",keyPath:"content"},{name:"taxonomy",keyPath:"taxonomy"},{name:"user",keyPath:"user"},{name:"date",keyPath:"modified"},{name:"title",keyPath:"title"}],filters:this.filters,TTL:216e5,showLoading:!0,required:"content",delayFetch:!0});this.store=e.feed,this.store.subscribe(((e,t)=>{"data-loaded"===e&&(this.renderItems(),this.ui.loadMore.hidden=!0,this.store.lastResponse&&this.store.lastResponse.has_more&&(this.ui.loadMore.hidden=!this.store.lastResponse.has_more))}))}initGallery(){this.gallery=!!this.config.gallery&&window.jvbGallery,this.gallery&&this.gallery.subscribe(((e,t)=>{"load-more"===e&&this.store.lastResponse&&this.store.lastResponse.has_more&&this.nextPage()}))}processCachedFilters(){Object.keys(this.filters).forEach((e=>{let t=this.cache.get(`${this.config.source}_${this.config.context}_${e}`);t&&t!==this.filters[e]&&(this.filters[e]=t)}))}processURLFilters(){if(this.filters.page>1)return!1;const e=new URLSearchParams(window.location.search);if(!e.toString())return!1;["content","order","orderby","favourites","match"].forEach((t=>{let i=e.get(`f_${t}`);if(i){this.filters[t]=i;let e=this.ui.filters[t];e&&(e.checked=!0)}}));let t=!1;if(e.forEach(((e,i)=>{if(i.startsWith("f_tax_")){t=!0;const s=i.replace("f_tax_","");this.taxonomyFilters[s]||(this.taxonomyFilters[s]=[]),this.taxonomyFilters[s]=e.split(",").map(Number)}})),t)for(let[e,t]in Object.entries(this.taxonomyFilters)){let i=this.ui.filterContainer.querySelector(`[data-taxonomy="${e}"]`);i&&(i.dataset.fieldId?(this.selector.get(i.dataset.fieldId).selectedTerms=new Set(t),this.selector.initFieldDisplay(i.dataset.fieldId)):this.selector.registerField(i,{button:i,buttonSelector:'[data-filter="taxonomy"]',selected:this.ui.selectedTax,selectedItems:t}))}return!0}updateURL(){const e=new URLSearchParams;["content","order","orderby","match"].forEach((t=>{this.filters[t]&&e.set(`f_${t}`,this.filters[t])})),Object.entries(this.taxonomyFilters).forEach((([t,i])=>{i.length>0&&e.set(`f_tax_${t}`,i.join(","))}));const t=`${window.location.pathname}${e.toString()?"?"+e.toString():""}`;window.history.pushState({filters:this.filters},"",t)}renderItems(){let e=this.store.getFiltered();if(1===this.store.filters.page&&window.removeChildren(this.ui.grid),0===e.length)return void this.a11y.announceItems(0,this.store.filters.page>0);const t=document.createDocumentFragment(),i=s=>{const r=Math.min(s+10,e.length);for(let i=s;i<r;i++){const s=e[i],r=this.createItemElement(s);t.appendChild(r)}r<e.length?requestAnimationFrame((()=>i(r))):(this.removePlaceholders(),this.ui.grid.append(t),this.observeImages(this.ui.grid),this.config.gallery&&this.gallery.updateGalleryItems(this.gallery.getGalleryItems()),this.a11y.makeNavigable(this.ui.grid.querySelectorAll(".item:not([data-keyboard-nav])")),this.a11y.announceItems(e.length,this.store.filters.page>1,this.store.hasMore))};e.length>0?i(0):this.a11y.announceItems(0,this.store.filters.page>1,!1),this.ui.filters.match.hidden=0===Object.keys(this.taxonomyFilters).length,this.ui.clearFilter.hidden=0===Object.keys(this.taxonomyFilters).length}createItemElement(e){let t=window.getTemplate("feed-item");return Object.hasOwn(t.dataset,"timeline")?this.createTimelineElement(e,t):t}createTimelineElement(e,t){var i,s;let[r,a,o,n,l,d,h,c,m,u]=[t,t.querySelector("a"),t.querySelector("img.before"),t.querySelector("img.after"),t.querySelector("summary span:last-of-type"),t.querySelector("p.started time"),t.querySelector("p.updated time"),t.querySelector("p.total b"),t.querySelector(".term-list"),Object.values(e.fields.order)],f=u.length-1,y=e.images[u[0].post_thumbnail],g=e.images[u[f].post_thumbnail];return[r.dataset.id,a.href,o.src,o.dataset.small,o.dataset.medium,n.src,n.dataset.small,n.dataset.medium,l.textContent,d.textContent,h.textContent,c.textContent]=[e.id,e.url,y.tiny,y.small,y.medium,g.tiny,g.small,g.medium,`${l.textContent} ${f} Tx`,null!==(i=u[0].date)&&void 0!==i?i:e.date,null!==(s=u[f].date)&&void 0!==s?s:"",`${f} Treatments`],t}removePlaceholders(){const e=this.ui.grid.querySelectorAll(".placeholder");e.length>0&&e.forEach((e=>e.remove()))}addPlaceholders(){let e=this.contentTypes.length;const t=document.createDocumentFragment();for(let i=0;i<12;i++){let i,s=window.getTemplate("placeholderTemplate"),r=Math.floor(Math.random()*e);i=this.ui.content.length>0?this.ui.content.filter((e=>e.value===this.contentTypes[r])).querySelector(".icon").cloneNode(!0):window.getIcon(this.container.dataset.icon),s.append(i),t.append(s)}this.ui.grid.append(t)}updateFilter(e){let t=["taxonomy","favourites","match",...Object.keys(this.filters)];e=Object.keys(e).filter((e=>t.includes(e))).reduce(((t,i)=>(t[i]=e[i],t)),{}),window.getDifferences.map(this.filters,e)&&(this.filters={...this.filters,...e},this.updateURL(),this.store.setFilters(e))}updateContentFor(e){this.ui.filterContainer.querySelectorAll('[data-filter="taxonomy"]').forEach((t=>{const i=t.dataset.for?.split(",")||[];t.hidden=i.length>0&&!i.includes(e)})),this.ui.filterContainer.querySelectorAll("[data-for]").forEach((t=>{const i=t.dataset.for?.split(",")||[];i.length>0&&(t.hidden=!i.includes(e),t.hidden&&t.checked&&(t.checked=!1))}));const t=this.ui.filterContainer.querySelector('[name="orderby"]:checked');this.updateOrderDirectionVisibility(t?.value)}updateOrderDirectionVisibility(e){const t=this.ui.filterContainer.querySelector(".order-direction");if(t){const i=t.dataset.forOrder?.split(",")||[];t.hidden=i.length>0&&!i.includes(e)}}initListeners(){this.popStateHandler=this.handlePopState.bind(this),this.clickHandler=this.handleClick.bind(this),this.changeHandler=this.handleChange.bind(this),this.imageObserver=null,this.resizeObserver=null,"IntersectionObserver"in window&&(this.imageObserver=new IntersectionObserver((e=>{e.forEach((e=>{this.loadImage(e.target),this.imageObserver.unobserve(e.target)}))}),{rootMargin:"100px",threshold:.1})),"ResizeObserver"in window?this.resizeObserver=new ResizeObserver((()=>{window.debouncer.schedule("feed-update-images",(()=>this.updateImageSizes()),250)})):window.addEventListener("resize",(()=>{window.debouncer.schedule("feed-update-images",(()=>this.updateImageSizes()),250)})),window.addEventListener("popstate",this.popStateHandler),document.addEventListener("click",this.clickHandler),document.addEventListener("change",this.changeHandler)}loadImage(e){const t=this.getAppropriateImageSize(e);t&&t!==e.src&&(e.src=t,e.dataset.loaded="true")}getAppropriateImageSize(e){return window.innerWidth<768&&e.dataset.small?e.dataset.small:e.dataset.medium?e.dataset.medium:e.src}observeImages(e){e.querySelectorAll("img[data-small], img[data-medium]").forEach((e=>{e.dataset.loaded||this.imageObserver.observe(e)}))}handlePopState(e){e.state?.filters&&this.processURLFilters()&&(this.store.setFilters(this.filters),this.a11y.announce("Feed filters updated from browser history"))}handleClick(e){window.targetCheck(e,this.elements.loadMore)?this.nextPage():window.targetCheck(e,this.elements.clearFilter)?this.clearAllTaxonomies():window.targetCheck(e,".remove-item")&&this.handleRemoveSelectedTerm(e)}handleRemoveSelectedTerm(e){const t=e.target.closest(".selected-item");if(!t)return;const i=parseInt(t.dataset.id),s=t.dataset.taxonomy;this.taxonomyFilters[s]&&(this.taxonomyFilters[s]=this.taxonomyFilters[s].filter((e=>e!==i)),0===this.taxonomyFilters[s].length&&delete this.taxonomyFilters[s]),t.remove(),this.updateFilter({taxonomy:Object.keys(this.taxonomyFilters).length>0?this.taxonomyFilters:null,page:1})}handleChange(e){let t=e.target;Object.hasOwn(t.dataset,"filter")&&("content"===t.dataset.filter?(this.updateContentFor(t.value),this.updateFilter({content:t.value,page:1})):"orderby"===t.dataset.filter?(this.updateOrderDirectionVisibility(t.value),this.updateFilter({orderby:t.value,page:1})):"order"===t.dataset.filter?this.updateFilter({order:t.value,page:1}):"match"===t.dataset.filter?this.updateFilter({match:t.checked?"all":"any",page:1}):"favourites"===t.dataset.filter&&this.updateFilter({favourites:t.checked,page:1}))}}document.addEventListener("DOMContentLoaded",(function(){window.feedBlock=new e}))})();

 build/forms/view.asset.php

@@ -1 +1 @@
<?php return array('dependencies' => array(), 'version' => '6af2556d0306f0da3d78');
<?php return array('dependencies' => array(), 'version' => '6084ed3247c497c65c42');

 build/forms/view.js

@@ -1 +1 @@
(()=>{class e{constructor(){this.controller=new window.jvbForm,document.querySelectorAll(".jvb-form-block form").forEach((e=>{this.controller.registerForm(e)})),this.controller.subscribe(((e,o)=>{"form-submit"===e&&this.handleFormSubmission(o)}))}async handleFormSubmission(e){let[o,t,r]=[e.formId,e.config,e.data],s=t.element,n={"X-WP-Nonce":jvbSettings.nonce,"Content-Type":"application/json"};e.form_type=o,e.form_id=s.id,s.closest(".jvb-form-block"),this.controller.showFormStatus(o,"uploading");try{const e=await fetch(`${jvbSettings.api}forms`,{method:"POST",headers:n,body:JSON.stringify(r)});if(!e.ok){this.controller.showFormStatus(o,"error");const t=await e.json().catch((()=>({})));throw new Error(t.message||`Request failed with status ${e.status}`)}this.controller.showFormStatus(o,"submitted"),this.controller.showSummary(o,".jvb-form-block"),this.controller.store.delete(o)}catch(e){throw e}}updateUI(e,o){let t=window.getTemplate("formSummary");t.querySelector("h2").textContent="Success!",console.log("Form Response: ",e),console.log(t);for(let[o,r]of Object.entries(e)){let e=t.querySelector(`#${o}`);if(e){let o=e.querySelector("h4");o.innerText.includes("%s")?o.innerHTML=o.replace("%s","<b>"+r+"</b>"):e.querySelector("div").innerHTML=r}}o.append(t)}}document.addEventListener("DOMContentLoaded",(function(){new e}))})();
(()=>{class o{constructor(){this.controller=new window.jvbForm,document.querySelectorAll(".jvb-form-block form").forEach((o=>{this.controller.registerForm(o,{autosave:!0})})),this.controller.subscribe(((o,t)=>{"form-submit"===o&&this.handleFormSubmission(t)}))}async handleFormSubmission(o){let t=o.formId,e=o.config,r=o.fullData,s=e.element,n={"X-WP-Nonce":jvbSettings.nonce,"Content-Type":"application/json"};s.closest(".jvb-form-block"),this.controller.showFormStatus(t,"uploading");try{const o=await fetch(`${jvbSettings.api}forms`,{method:"POST",headers:n,body:JSON.stringify(r)});if(!o.ok){this.controller.showFormStatus(t,"error");const e=await o.json().catch((()=>({})));throw new Error(e.message||`Request failed with status ${o.status}`)}this.controller.showFormStatus(t,"submitted"),this.controller.showSummary(t,".jvb-form-block")}catch(o){throw o}finally{this.controller.store.delete(t)}}}document.addEventListener("DOMContentLoaded",(function(){new o}))})();

 build/glossary/style-index-rtl.css

@@ -1 +1 @@
:root{--navWidth:40vw}@media(min-width:768px){:root{--navWidth:22vw}}nav.glossary-index{height:60vh;position:fixed;left:0;top:50%;transform:translateY(-50%);width:var(--navWidth);z-index:var(--z-3)}nav.glossary-index>ul{--dir:column;--align:flex-start;height:100%;overflow:hidden auto;scroll-behavior:smooth;touch-action:pan-y;width:100%}nav.glossary-index a,nav.glossary-index li{width:100%}nav.glossary-index a{--justify:center;background-color:var(--overlay-heavy);word-wrap:anywhere;transition:background-color .2s ease;white-space:wrap}nav.glossary-index a.active,nav.glossary-index a:focus,nav.glossary-index a:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.glossary dd{margin-right:.5rem;width:calc(100% + .75rem)}.glossary dd,.glossary dt{right:0;position:relative;transition:margin var(--transition-base),right var(--transition-base),color var(--transition-base),width var(--transition-base)}.glossary dt.active,.glossary dt:target{color:var(--action-0);right:-1.5rem;outline:none;padding:0}.glossary dt.active+dd,.glossary dt:target+dd{right:-1.5rem}dl.glossary,main header{margin-right:0;margin-left:0;max-width:100vw;padding:0 2rem 0 var(--navWidth)}@media(min-width:768px){dl.glossary,main header{margin-right:auto;margin-left:var(--navWidth);max-width:var(--maxWidth);padding-left:var(--height)}}@media(max-width:768px){.glossary h2{font-size:var(--medium)}.glossary p{font-size:var(--small)}.glossary-index a,.glossary-index li{height:-moz-fit-content;height:fit-content}.glossary-index a{font-size:var(--small);min-height:2em;padding:.25rem}body:has(.glossary) h1{font-size:var(--xxlarge)}}
:root{--navWidth:40vw}@media(min-width:768px){:root{--navWidth:22vw}}nav.glossary-index{height:60vh;position:fixed;left:0;top:50%;transform:translateY(-50%);width:var(--navWidth);z-index:var(--z-3)}nav.glossary-index>ul{--dir:column;--align:flex-start;--justify:flex-start;height:100%;max-height:100%;overflow:hidden auto;scroll-behavior:smooth;touch-action:pan-y;width:100%}nav.glossary-index a,nav.glossary-index li{width:100%}nav.glossary-index a{--justify:center;background-color:rgba(var(--base-rgb),var(--op-6));word-wrap:anywhere;white-space:wrap}nav.glossary-index a.active,nav.glossary-index a:focus,nav.glossary-index a:hover{background-color:rgba(var(--action-rgb),var(--op-6));color:var(--action-contrast)}.glossary dd{margin-right:.5rem;width:calc(100% + .75rem)}.glossary dd,.glossary dt{right:0;position:relative;transition:margin var(--trans-base),right var(--trans-base),width var(--trans-base)}.glossary dt.active,.glossary dt:target{color:var(--action-0);right:-1.5rem;outline:none;padding:0}.glossary dt.active+dd,.glossary dt:target+dd{right:-1.5rem}dl.glossary,main header{grid-column:full;padding:0 2rem 0 var(--navWidth)}@media(min-width:768px){dl.glossary,main header{margin-right:auto;margin-left:var(--navWidth);max-width:var(--content);padding-left:var(--btn)}}@media(max-width:768px){.glossary h2{font-size:var(--txt-medium)}.glossary p{font-size:var(--txt-x-small)}.glossary-index a,.glossary-index li{height:-moz-fit-content;height:fit-content}.glossary-index a{font-size:var(--txt-x-small);min-height:2em;padding:.25rem}body:has(.glossary) h1{font-size:var(--txt-xx-large)}}

 build/glossary/style-index.css

@@ -1 +1 @@
:root{--navWidth:40vw}@media(min-width:768px){:root{--navWidth:22vw}}nav.glossary-index{height:60vh;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--navWidth);z-index:var(--z-3)}nav.glossary-index>ul{--dir:column;--align:flex-start;height:100%;overflow:hidden auto;scroll-behavior:smooth;touch-action:pan-y;width:100%}nav.glossary-index a,nav.glossary-index li{width:100%}nav.glossary-index a{--justify:center;background-color:var(--overlay-heavy);word-wrap:anywhere;transition:background-color .2s ease;white-space:wrap}nav.glossary-index a.active,nav.glossary-index a:focus,nav.glossary-index a:hover{background-color:rgba(var(--action-rgb),var(--rgb-heavy));color:var(--action-contrast)}.glossary dd{margin-left:.5rem;width:calc(100% + .75rem)}.glossary dd,.glossary dt{left:0;position:relative;transition:margin var(--transition-base),left var(--transition-base),color var(--transition-base),width var(--transition-base)}.glossary dt.active,.glossary dt:target{color:var(--action-0);left:-1.5rem;outline:none;padding:0}.glossary dt.active+dd,.glossary dt:target+dd{left:-1.5rem}dl.glossary,main header{margin-left:0;margin-right:0;max-width:100vw;padding:0 var(--navWidth) 0 2rem}@media(min-width:768px){dl.glossary,main header{margin-left:auto;margin-right:var(--navWidth);max-width:var(--maxWidth);padding-right:var(--height)}}@media(max-width:768px){.glossary h2{font-size:var(--medium)}.glossary p{font-size:var(--small)}.glossary-index a,.glossary-index li{height:-moz-fit-content;height:fit-content}.glossary-index a{font-size:var(--small);min-height:2em;padding:.25rem}body:has(.glossary) h1{font-size:var(--xxlarge)}}
:root{--navWidth:40vw}@media(min-width:768px){:root{--navWidth:22vw}}nav.glossary-index{height:60vh;position:fixed;right:0;top:50%;transform:translateY(-50%);width:var(--navWidth);z-index:var(--z-3)}nav.glossary-index>ul{--dir:column;--align:flex-start;--justify:flex-start;height:100%;max-height:100%;overflow:hidden auto;scroll-behavior:smooth;touch-action:pan-y;width:100%}nav.glossary-index a,nav.glossary-index li{width:100%}nav.glossary-index a{--justify:center;background-color:rgba(var(--base-rgb),var(--op-6));word-wrap:anywhere;white-space:wrap}nav.glossary-index a.active,nav.glossary-index a:focus,nav.glossary-index a:hover{background-color:rgba(var(--action-rgb),var(--op-6));color:var(--action-contrast)}.glossary dd{margin-left:.5rem;width:calc(100% + .75rem)}.glossary dd,.glossary dt{left:0;position:relative;transition:margin var(--trans-base),left var(--trans-base),width var(--trans-base)}.glossary dt.active,.glossary dt:target{color:var(--action-0);left:-1.5rem;outline:none;padding:0}.glossary dt.active+dd,.glossary dt:target+dd{left:-1.5rem}dl.glossary,main header{grid-column:full;padding:0 var(--navWidth) 0 2rem}@media(min-width:768px){dl.glossary,main header{margin-left:auto;margin-right:var(--navWidth);max-width:var(--content);padding-right:var(--btn)}}@media(max-width:768px){.glossary h2{font-size:var(--txt-medium)}.glossary p{font-size:var(--txt-x-small)}.glossary-index a,.glossary-index li{height:-moz-fit-content;height:fit-content}.glossary-index a{font-size:var(--txt-x-small);min-height:2em;padding:.25rem}body:has(.glossary) h1{font-size:var(--txt-xx-large)}}

 build/gmbreviews/style-index-rtl.css

@@ -1 +1 @@
.gmb-reviews{max-width:none}.gmb-reviews>.row.btw{max-width:var(--alignWide)}.gmb-reviews>.row.btw .button{height:-moz-max-content;height:max-content;width:100%}.gmb-reviews>.row.btw p{width:-moz-fit-content;width:fit-content}.gmb-reviews .stars{align-items:center;display:inline-flex;flex-wrap:nowrap;justify-content:center}.gmb-reviews ul{list-style:none;margin:0;max-width:var(--wider);padding:0}.gmb-reviews ul li{background-color:var(--base-100);margin:2rem 0;padding:1rem;position:relative}@media(min-width:768px){.gmb-reviews ul li:nth-of-type(odd){right:-2rem}.gmb-reviews ul li:nth-of-type(2n){left:-2rem}}.gmb-reviews blockquote{margin:0;padding:0}.gmb-reviews blockquote .content,.gmb-reviews blockquote .content:after{border-width:4px 1px}.gmb-reviews blockquote .content:before{border-width:8px;bottom:-4px}.gmb-reviews blockquote cite{position:relative}.gmb-reviews blockquote cite img{right:-8rem;position:absolute;top:0;width:4.5rem}.gmb-reviews blockquote cite p{margin:0}.gmb-reviews blockquote cite .wrap{--wrap:wrap}.gmb-reviews blockquote cite .wrap p,.gmb-reviews blockquote cite .wrap time{max-width:49%}.gmb-reviews blockquote cite .wrap .stars{width:100%}.gmb-reviews blockquote time{white-space:nowrap}.gmb-reviews .stars .icon{background-color:var(--action-0)}.gmb-reviews article{background-color:var(--base);border-radius:var(--outerRadius);padding:1rem}.gmb-reviews article header{--align:center}.gmb-reviews article header>img{right:0;position:relative}.gmb-reviews article time{font-style:italic}.gmb-reviews article .review{padding:1.5rem}.gmb-reviews article h4{width:-moz-max-content;width:max-content}.gmb-reviews article .icon{color:var(--action-0)}.gmb-reviews .footer .button{width:100%}
.gmb-reviews{max-width:none}.gmb-reviews>.row.btw{max-width:var(--wide)}.gmb-reviews>.row.btw .button{height:-moz-max-content;height:max-content;width:100%}.gmb-reviews>.row.btw p{width:-moz-fit-content;width:fit-content}.gmb-reviews .stars{align-items:center;display:inline-flex;flex-wrap:nowrap;justify-content:center}.gmb-reviews ul{list-style:none;margin:0;max-width:var(--wider);padding:0}.gmb-reviews ul li{background-color:var(--base-100);margin:2rem 0;padding:1rem;position:relative}@media(min-width:768px){.gmb-reviews ul li:nth-of-type(odd){right:-2rem}.gmb-reviews ul li:nth-of-type(2n){left:-2rem}}.gmb-reviews blockquote{margin:0;padding:0}.gmb-reviews blockquote .content,.gmb-reviews blockquote .content:after{border-width:4px 1px}.gmb-reviews blockquote .content:before{border-width:8px;bottom:-4px}.gmb-reviews blockquote cite{position:relative}.gmb-reviews blockquote cite img{right:-8rem;position:absolute;top:0;width:4.5rem}.gmb-reviews blockquote cite p{margin:0}.gmb-reviews blockquote cite .wrap{--wrap:wrap}.gmb-reviews blockquote cite .wrap p,.gmb-reviews blockquote cite .wrap time{max-width:49%}.gmb-reviews blockquote cite .wrap .stars{width:100%}.gmb-reviews blockquote time{white-space:nowrap}.gmb-reviews .stars .icon{background-color:var(--action-0)}.gmb-reviews article{background-color:var(--base);border-radius:var(--radius-outer);padding:1rem}.gmb-reviews article header{--align:center}.gmb-reviews article header>img{right:0;position:relative}.gmb-reviews article time{font-style:italic}.gmb-reviews article .review{padding:1.5rem}.gmb-reviews article h4{width:-moz-max-content;width:max-content}.gmb-reviews article .icon{color:var(--action-0)}.gmb-reviews .footer .button{width:100%}

 build/gmbreviews/style-index.css

@@ -1 +1 @@
.gmb-reviews{max-width:none}.gmb-reviews>.row.btw{max-width:var(--alignWide)}.gmb-reviews>.row.btw .button{height:-moz-max-content;height:max-content;width:100%}.gmb-reviews>.row.btw p{width:-moz-fit-content;width:fit-content}.gmb-reviews .stars{align-items:center;display:inline-flex;flex-wrap:nowrap;justify-content:center}.gmb-reviews ul{list-style:none;margin:0;max-width:var(--wider);padding:0}.gmb-reviews ul li{background-color:var(--base-100);margin:2rem 0;padding:1rem;position:relative}@media(min-width:768px){.gmb-reviews ul li:nth-of-type(odd){left:-2rem}.gmb-reviews ul li:nth-of-type(2n){right:-2rem}}.gmb-reviews blockquote{margin:0;padding:0}.gmb-reviews blockquote .content,.gmb-reviews blockquote .content:after{border-width:4px 1px}.gmb-reviews blockquote .content:before{border-width:8px;bottom:-4px}.gmb-reviews blockquote cite{position:relative}.gmb-reviews blockquote cite img{left:-8rem;position:absolute;top:0;width:4.5rem}.gmb-reviews blockquote cite p{margin:0}.gmb-reviews blockquote cite .wrap{--wrap:wrap}.gmb-reviews blockquote cite .wrap p,.gmb-reviews blockquote cite .wrap time{max-width:49%}.gmb-reviews blockquote cite .wrap .stars{width:100%}.gmb-reviews blockquote time{white-space:nowrap}.gmb-reviews .stars .icon{background-color:var(--action-0)}.gmb-reviews article{background-color:var(--base);border-radius:var(--outerRadius);padding:1rem}.gmb-reviews article header{--align:center}.gmb-reviews article header>img{left:0;position:relative}.gmb-reviews article time{font-style:italic}.gmb-reviews article .review{padding:1.5rem}.gmb-reviews article h4{width:-moz-max-content;width:max-content}.gmb-reviews article .icon{color:var(--action-0)}.gmb-reviews .footer .button{width:100%}
.gmb-reviews{max-width:none}.gmb-reviews>.row.btw{max-width:var(--wide)}.gmb-reviews>.row.btw .button{height:-moz-max-content;height:max-content;width:100%}.gmb-reviews>.row.btw p{width:-moz-fit-content;width:fit-content}.gmb-reviews .stars{align-items:center;display:inline-flex;flex-wrap:nowrap;justify-content:center}.gmb-reviews ul{list-style:none;margin:0;max-width:var(--wider);padding:0}.gmb-reviews ul li{background-color:var(--base-100);margin:2rem 0;padding:1rem;position:relative}@media(min-width:768px){.gmb-reviews ul li:nth-of-type(odd){left:-2rem}.gmb-reviews ul li:nth-of-type(2n){right:-2rem}}.gmb-reviews blockquote{margin:0;padding:0}.gmb-reviews blockquote .content,.gmb-reviews blockquote .content:after{border-width:4px 1px}.gmb-reviews blockquote .content:before{border-width:8px;bottom:-4px}.gmb-reviews blockquote cite{position:relative}.gmb-reviews blockquote cite img{left:-8rem;position:absolute;top:0;width:4.5rem}.gmb-reviews blockquote cite p{margin:0}.gmb-reviews blockquote cite .wrap{--wrap:wrap}.gmb-reviews blockquote cite .wrap p,.gmb-reviews blockquote cite .wrap time{max-width:49%}.gmb-reviews blockquote cite .wrap .stars{width:100%}.gmb-reviews blockquote time{white-space:nowrap}.gmb-reviews .stars .icon{background-color:var(--action-0)}.gmb-reviews article{background-color:var(--base);border-radius:var(--radius-outer);padding:1rem}.gmb-reviews article header{--align:center}.gmb-reviews article header>img{left:0;position:relative}.gmb-reviews article time{font-style:italic}.gmb-reviews article .review{padding:1.5rem}.gmb-reviews article h4{width:-moz-max-content;width:max-content}.gmb-reviews article .icon{color:var(--action-0)}.gmb-reviews .footer .button{width:100%}

 build/list/style-index-rtl.css

@@ -1 +1 @@
.directory-list ul{list-style:none;margin:0;padding:0}.directory-list>ul li{position:relative}.directory-list>ul li h3{background-color:var(--base-50);font-size:20vw;right:0;margin:0!important;padding:.5rem 1rem;position:sticky;text-align:center;top:0;width:100%;z-index:5}.directory-list>ul li li{border-radius:var(--innerRadius);display:flex;justify-content:space-between;padding:.5rem 1rem}.directory-list>ul li>ul{display:flex;flex-direction:column;gap:.125rem}.directory-list>ul li li:nth-of-type(odd){background-color:var(--base-200)}.directory-list>ul li li:nth-of-type(2n){background-color:var(--base-100)}@media(min-width:768px){.directory-list>ul li h3{font-size:10vw}}
.directory-list ul{list-style:none;margin:0;padding:0}.directory-list>ul li{position:relative}.directory-list>ul li h3{background-color:var(--base-50);font-size:20vw;right:0;margin:0!important;padding:.5rem 1rem;position:sticky;text-align:center;top:0;width:100%;z-index:5}.directory-list>ul li li{border-radius:var(--radius);display:flex;justify-content:space-between;padding:.5rem 1rem}.directory-list>ul li>ul{display:flex;flex-direction:column;gap:.125rem}.directory-list>ul li li:nth-of-type(odd){background-color:var(--base-200)}.directory-list>ul li li:nth-of-type(2n){background-color:var(--base-100)}@media(min-width:768px){.directory-list>ul li h3{font-size:10vw}}

 build/list/style-index.css

@@ -1 +1 @@
.directory-list ul{list-style:none;margin:0;padding:0}.directory-list>ul li{position:relative}.directory-list>ul li h3{background-color:var(--base-50);font-size:20vw;left:0;margin:0!important;padding:.5rem 1rem;position:sticky;text-align:center;top:0;width:100%;z-index:5}.directory-list>ul li li{border-radius:var(--innerRadius);display:flex;justify-content:space-between;padding:.5rem 1rem}.directory-list>ul li>ul{display:flex;flex-direction:column;gap:.125rem}.directory-list>ul li li:nth-of-type(odd){background-color:var(--base-200)}.directory-list>ul li li:nth-of-type(2n){background-color:var(--base-100)}@media(min-width:768px){.directory-list>ul li h3{font-size:10vw}}
.directory-list ul{list-style:none;margin:0;padding:0}.directory-list>ul li{position:relative}.directory-list>ul li h3{background-color:var(--base-50);font-size:20vw;left:0;margin:0!important;padding:.5rem 1rem;position:sticky;text-align:center;top:0;width:100%;z-index:5}.directory-list>ul li li{border-radius:var(--radius);display:flex;justify-content:space-between;padding:.5rem 1rem}.directory-list>ul li>ul{display:flex;flex-direction:column;gap:.125rem}.directory-list>ul li li:nth-of-type(odd){background-color:var(--base-200)}.directory-list>ul li li:nth-of-type(2n){background-color:var(--base-100)}@media(min-width:768px){.directory-list>ul li h3{font-size:10vw}}

 build/summary/style-index-rtl.css

@@ -1 +1 @@
details>div{margin:1rem 0}main>header:not(:has(img)){margin-top:3rem!important}header a:before{display:none!important}header+details{margin:1.5rem var(--ml) 3rem var(--mr)!important;max-width:var(--alignMed)}main{padding-top:0!important}
details>div{margin:1rem 0}main>header:not(:has(img)){margin-top:3rem!important}header a:before{display:none!important}header+details{margin:1.5rem auto 3rem!important;max-width:var(--wide)}main{padding-top:0!important}

 build/summary/style-index.css

@@ -1 +1 @@
details>div{margin:1rem 0}main>header:not(:has(img)){margin-top:3rem!important}header a:before{display:none!important}header+details{margin:1.5rem var(--mr) 3rem var(--ml)!important;max-width:var(--alignMed)}main{padding-top:0!important}
details>div{margin:1rem 0}main>header:not(:has(img)){margin-top:3rem!important}header a:before{display:none!important}header+details{margin:1.5rem auto 3rem!important;max-width:var(--wide)}main{padding-top:0!important}

 build/timeline/style-index-rtl.css

@@ -1 +1 @@
main{--gap:0}main section:last-of-type{margin-bottom:0}#at-a-glance{max-width:var(--alignWide);--gap:0}#at-a-glance img{border:2px solid var(--action-0);height:auto;width:100%}#at-a-glance h3{font-size:var(--small)}#at-a-glance .before img{border-right:0;border-left-width:1px;border-top:0}#at-a-glance .after img{border-bottom:0;border-right-width:1px;border-left:0}.timeline-point.timeline-point{--lineWidth:1px;--gap:2rem;background-color:var(--base);margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative}.timeline-point.timeline-point .open-gallery{border-radius:4px;padding:.5rem;position:sticky;width:40%}.timeline-point.timeline-point .info{padding:1rem .5rem .5rem;position:relative;width:60%}.timeline-point.timeline-point .info h2{font-size:var(--medium);margin:0 0 .5rem;position:relative}.timeline-point.timeline-point .info h2 .icon{--w:2.5rem;background-color:var(--action-100);right:-2.5rem;position:absolute;top:.25rem;transform:rotate(90deg)}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{background-color:var(--action-0);content:"";display:block;height:100%;right:45%;position:absolute;width:var(--lineWidth)}.timeline-point.timeline-point:before{height:1rem}.timeline-point.timeline-point:after{top:4rem}.timeline-point.timeline-point#before-treatment:before,.timeline-point.timeline-point:last-of-type:after{display:none}@media(min-width:768px){#at-a-glance h3{font-size:var(--xlarge)}.timeline-point.timeline-point{--gap:4rem}.timeline-point.timeline-point .open-gallery{width:50%}.timeline-point.timeline-point .info{padding:25vh 1rem 1rem;width:50%}.timeline-point.timeline-point .info h2 .icon{--w:4rem;right:-4.15rem;top:0}.timeline-point.timeline-point .info a{align-items:center;display:flex;flex-wrap:wrap}.timeline-point.timeline-point .info time{font-size:var(--small);text-transform:uppercase}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{right:calc(50% + 2rem)}.timeline-point.timeline-point:before{height:calc(25vh - 2rem)}.timeline-point.timeline-point:after{top:calc(25vh + 6rem)}}
main{--gap:0}main section:last-of-type{margin-bottom:0}#at-a-glance{margin:0 auto;max-width:var(--wide);--gap:0}#at-a-glance img{border:2px solid var(--action-0);height:auto;width:100%}#at-a-glance h3{font-size:var(--txt-x-small)}#at-a-glance .before img{border-right:0;border-left-width:1px;border-top:0}#at-a-glance .after img{border-bottom:0;border-right-width:1px;border-left:0}.timeline-point.timeline-point{--lineWidth:1px;--gap:2rem;background-color:var(--base);margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative}.timeline-point.timeline-point img{border-radius:4px;padding:.5rem;position:sticky;width:40%}.timeline-point.timeline-point .info{padding:1rem .5rem .5rem;position:relative;width:60%}.timeline-point.timeline-point .info h2{font-size:var(--txt-medium);margin:0 0 .5rem;position:relative}.timeline-point.timeline-point .info h2 .icon{--w:2.5rem;background-color:var(--action-100);right:-2.5rem;position:absolute;top:.25rem;transform:rotate(90deg)}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{background-color:var(--action-0);content:"";display:block;height:100%;right:45%;position:absolute;width:var(--lineWidth)}.timeline-point.timeline-point:before{height:1rem}.timeline-point.timeline-point:after{top:4rem}.timeline-point.timeline-point#before-treatment:before,.timeline-point.timeline-point:last-of-type:after{display:none}@media(min-width:768px){#at-a-glance h3{font-size:var(--txt-x-large)}.timeline-point.timeline-point{--gap:4rem}.timeline-point.timeline-point img{width:50%}.timeline-point.timeline-point .info{padding:25vh 1rem 1rem;width:50%}.timeline-point.timeline-point .info h2 .icon{--w:4rem;right:-4.15rem;top:0}.timeline-point.timeline-point .info a{align-items:center;display:flex;flex-wrap:wrap}.timeline-point.timeline-point .info time{font-size:var(--txt-x-small);text-transform:uppercase}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{right:calc(50% + 2rem)}.timeline-point.timeline-point:before{height:calc(25vh - 2rem)}.timeline-point.timeline-point:after{top:calc(25vh + 6rem)}}

 build/timeline/style-index.css

@@ -1 +1 @@
main{--gap:0}main section:last-of-type{margin-bottom:0}#at-a-glance{max-width:var(--alignWide);--gap:0}#at-a-glance img{border:2px solid var(--action-0);height:auto;width:100%}#at-a-glance h3{font-size:var(--small)}#at-a-glance .before img{border-left:0;border-right-width:1px;border-top:0}#at-a-glance .after img{border-bottom:0;border-left-width:1px;border-right:0}.timeline-point.timeline-point{--lineWidth:1px;--gap:2rem;background-color:var(--base);margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative}.timeline-point.timeline-point .open-gallery{border-radius:4px;padding:.5rem;position:sticky;width:40%}.timeline-point.timeline-point .info{padding:1rem .5rem .5rem;position:relative;width:60%}.timeline-point.timeline-point .info h2{font-size:var(--medium);margin:0 0 .5rem;position:relative}.timeline-point.timeline-point .info h2 .icon{--w:2.5rem;background-color:var(--action-100);left:-2.5rem;position:absolute;top:.25rem;transform:rotate(-90deg)}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{background-color:var(--action-0);content:"";display:block;height:100%;left:45%;position:absolute;width:var(--lineWidth)}.timeline-point.timeline-point:before{height:1rem}.timeline-point.timeline-point:after{top:4rem}.timeline-point.timeline-point#before-treatment:before,.timeline-point.timeline-point:last-of-type:after{display:none}@media(min-width:768px){#at-a-glance h3{font-size:var(--xlarge)}.timeline-point.timeline-point{--gap:4rem}.timeline-point.timeline-point .open-gallery{width:50%}.timeline-point.timeline-point .info{padding:25vh 1rem 1rem;width:50%}.timeline-point.timeline-point .info h2 .icon{--w:4rem;left:-4.15rem;top:0}.timeline-point.timeline-point .info a{align-items:center;display:flex;flex-wrap:wrap}.timeline-point.timeline-point .info time{font-size:var(--small);text-transform:uppercase}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{left:calc(50% + 2rem)}.timeline-point.timeline-point:before{height:calc(25vh - 2rem)}.timeline-point.timeline-point:after{top:calc(25vh + 6rem)}}
main{--gap:0}main section:last-of-type{margin-bottom:0}#at-a-glance{margin:0 auto;max-width:var(--wide);--gap:0}#at-a-glance img{border:2px solid var(--action-0);height:auto;width:100%}#at-a-glance h3{font-size:var(--txt-x-small)}#at-a-glance .before img{border-left:0;border-right-width:1px;border-top:0}#at-a-glance .after img{border-bottom:0;border-left-width:1px;border-right:0}.timeline-point.timeline-point{--lineWidth:1px;--gap:2rem;background-color:var(--base);margin:0;max-width:100vw;overflow:hidden;padding:0;position:relative}.timeline-point.timeline-point img{border-radius:4px;padding:.5rem;position:sticky;width:40%}.timeline-point.timeline-point .info{padding:1rem .5rem .5rem;position:relative;width:60%}.timeline-point.timeline-point .info h2{font-size:var(--txt-medium);margin:0 0 .5rem;position:relative}.timeline-point.timeline-point .info h2 .icon{--w:2.5rem;background-color:var(--action-100);left:-2.5rem;position:absolute;top:.25rem;transform:rotate(-90deg)}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{background-color:var(--action-0);content:"";display:block;height:100%;left:45%;position:absolute;width:var(--lineWidth)}.timeline-point.timeline-point:before{height:1rem}.timeline-point.timeline-point:after{top:4rem}.timeline-point.timeline-point#before-treatment:before,.timeline-point.timeline-point:last-of-type:after{display:none}@media(min-width:768px){#at-a-glance h3{font-size:var(--txt-x-large)}.timeline-point.timeline-point{--gap:4rem}.timeline-point.timeline-point img{width:50%}.timeline-point.timeline-point .info{padding:25vh 1rem 1rem;width:50%}.timeline-point.timeline-point .info h2 .icon{--w:4rem;left:-4.15rem;top:0}.timeline-point.timeline-point .info a{align-items:center;display:flex;flex-wrap:wrap}.timeline-point.timeline-point .info time{font-size:var(--txt-x-small);text-transform:uppercase}.timeline-point.timeline-point:after,.timeline-point.timeline-point:before{left:calc(50% + 2rem)}.timeline-point.timeline-point:before{height:calc(25vh - 2rem)}.timeline-point.timeline-point:after{top:calc(25vh + 6rem)}}

 build/video/block.json

@@ -94,6 +94,7 @@
  },
  "textdomain": "jvb",
  "editorScript": "file:./index.js",
  "viewScript": "file:./view.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}

 build/video/style-index-rtl.css

@@ -1 +1 @@
.video-cover{display:flex;min-height:75vh;overflow:hidden;position:relative;width:100%}.video-cover .wrap{background-color:var(--contrast-200)}.video-cover .video-container{background-color:var(--action-50);bottom:0;display:flex;right:0;min-height:100%;min-width:100%;position:absolute;left:0;top:0;z-index:0}.video-cover .video-container.fade{animation:fadeIn 1s ease-in}.video-cover .video-container video{filter:grayscale(100%) contrast(1);flex:1 0 100%;mix-blend-mode:multiply;-o-object-fit:cover;object-fit:cover;opacity:.85;pointer-events:none}.video-cover .inner-wrap{color:var(--action-contrast);padding:2rem;position:relative;width:100%;z-index:2}.video-cover .inner-wrap h1,.video-cover .inner-wrap h2,.video-cover .inner-wrap h3,.video-cover .inner-wrap h4,.video-cover .inner-wrap h5,.video-cover .inner-wrap h6{color:var(--action-contrast);margin:2rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.5);word-spacing:100vw}.video-cover .inner-wrap p{color:var(--action-contrast);letter-spacing:2px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase}.video-cover .inner-wrap .media-text figure{max-width:50%}@media(min-width:768px){.video-cover .inner-wrap .media-text{--align:flex-start;gap:3rem;max-width:var(--maxWidth)}}.video-cover .inner-wrap .media-text>div{width:-moz-fit-content;width:fit-content}.video-cover .inner-wrap .buttons a{border-color:var(--action-contrast);color:var(--action-contrast);font-weight:500}.video-cover .inner-wrap .buttons a:visited{color:var(--action-0)}.video-cover .inner-wrap .buttons a:visited:hover{color:var(--action-contrast)}.video-cover .inner-wrap .buttons a:hover{background-color:var(--action-0);color:var(--action-contrast)}.video-cover .inner-wrap .outline a{background-color:rgba(var(--base-rgb),var(--overlay-light))}.video-cover .inner-wrap .buttons{margin:3rem 0}.video-cover .inner-wrap .wp-block-button__link{text-shadow:none}.video-cover.align-top-left{align-items:flex-start;justify-content:flex-start}.video-cover.align-top-center{align-items:flex-start;justify-content:center}.video-cover.align-top-right{align-items:flex-start;justify-content:flex-end}.video-cover.align-center-left{align-items:center;justify-content:flex-start}.video-cover.align-center{align-items:center;justify-content:center}.video-cover.align-center-right{align-items:center;justify-content:flex-end}.video-cover.align-bottom-left{align-items:flex-end;justify-content:flex-start}.video-cover.align-bottom-center{align-items:flex-end;justify-content:center}.video-cover.align-bottom-right{align-items:flex-end;justify-content:flex-end}.video-cover.alignfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);max-width:none;width:100vw}.video-cover.alignwide{max-width:1200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.video-cover{display:flex;min-height:75vh;overflow:hidden;position:relative;width:100%}.video-cover .wrap{background-color:var(--contrast-200)}.video-cover .video-container{background-color:var(--action-50);bottom:0;display:flex;right:0;min-height:100%;min-width:100%;position:absolute;left:0;top:0;z-index:0}.video-cover .video-container.fade{animation:fadeIn 1s ease-in}.video-cover .video-container video{filter:grayscale(100%) contrast(1);flex:1 0 100%;mix-blend-mode:multiply;-o-object-fit:cover;object-fit:cover;opacity:.85;pointer-events:none}.video-cover .inner-wrap{color:var(--action-contrast);padding:2rem;position:relative;width:100%;z-index:2}.video-cover .inner-wrap h1,.video-cover .inner-wrap h2,.video-cover .inner-wrap h3,.video-cover .inner-wrap h4,.video-cover .inner-wrap h5,.video-cover .inner-wrap h6{color:var(--action-contrast);margin:2rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.5);word-spacing:100vw}.video-cover .inner-wrap p{color:var(--action-contrast);letter-spacing:2px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase}.video-cover .inner-wrap .media-text figure{max-width:50%}@media(min-width:768px){.video-cover .inner-wrap .media-text{--align:flex-start;gap:3rem;max-width:var(--content)}}.video-cover .inner-wrap .media-text>div{width:-moz-fit-content;width:fit-content}.video-cover .inner-wrap .buttons a{border-color:var(--action-contrast);color:var(--action-contrast);font-weight:var(--fw-h-bold)}.video-cover .inner-wrap .buttons a:visited,.video-cover .inner-wrap .buttons a:visited:hover{color:var(--action-contrast)}.video-cover .inner-wrap .buttons a:hover{background-color:var(--action-0);color:var(--action-contrast)}.video-cover .inner-wrap .outline a{background-color:rgba(var(--base-rgb),rgba(var(--base-rgb),var(--op-3)))}.video-cover .inner-wrap .buttons{margin:3rem 0}.video-cover .inner-wrap .buttons li{background-color:rgba(var(--action-rgb),var(--op-4))}.video-cover .inner-wrap .wp-block-button__link{text-shadow:none}.video-cover.align-top-left{align-items:flex-start;justify-content:flex-start}.video-cover.align-top-center{align-items:flex-start;justify-content:center}.video-cover.align-top-right{align-items:flex-start;justify-content:flex-end}.video-cover.align-center-left{align-items:center;justify-content:flex-start}.video-cover.align-center{align-items:center;justify-content:center}.video-cover.align-center-right{align-items:center;justify-content:flex-end}.video-cover.align-bottom-left{align-items:flex-end;justify-content:flex-start}.video-cover.align-bottom-center{align-items:flex-end;justify-content:center}.video-cover.align-bottom-right{align-items:flex-end;justify-content:flex-end}.video-cover.alignfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);max-width:none;width:100vw}.video-cover.alignwide{max-width:1200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

 build/video/style-index.css

@@ -1 +1 @@
.video-cover{display:flex;min-height:75vh;overflow:hidden;position:relative;width:100%}.video-cover .wrap{background-color:var(--contrast-200)}.video-cover .video-container{background-color:var(--action-50);bottom:0;display:flex;left:0;min-height:100%;min-width:100%;position:absolute;right:0;top:0;z-index:0}.video-cover .video-container.fade{animation:fadeIn 1s ease-in}.video-cover .video-container video{filter:grayscale(100%) contrast(1);flex:1 0 100%;mix-blend-mode:multiply;-o-object-fit:cover;object-fit:cover;opacity:.85;pointer-events:none}.video-cover .inner-wrap{color:var(--action-contrast);padding:2rem;position:relative;width:100%;z-index:2}.video-cover .inner-wrap h1,.video-cover .inner-wrap h2,.video-cover .inner-wrap h3,.video-cover .inner-wrap h4,.video-cover .inner-wrap h5,.video-cover .inner-wrap h6{color:var(--action-contrast);margin:2rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.5);word-spacing:100vw}.video-cover .inner-wrap p{color:var(--action-contrast);letter-spacing:2px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase}.video-cover .inner-wrap .media-text figure{max-width:50%}@media(min-width:768px){.video-cover .inner-wrap .media-text{--align:flex-start;gap:3rem;max-width:var(--maxWidth)}}.video-cover .inner-wrap .media-text>div{width:-moz-fit-content;width:fit-content}.video-cover .inner-wrap .buttons a{border-color:var(--action-contrast);color:var(--action-contrast);font-weight:500}.video-cover .inner-wrap .buttons a:visited{color:var(--action-0)}.video-cover .inner-wrap .buttons a:visited:hover{color:var(--action-contrast)}.video-cover .inner-wrap .buttons a:hover{background-color:var(--action-0);color:var(--action-contrast)}.video-cover .inner-wrap .outline a{background-color:rgba(var(--base-rgb),var(--overlay-light))}.video-cover .inner-wrap .buttons{margin:3rem 0}.video-cover .inner-wrap .wp-block-button__link{text-shadow:none}.video-cover.align-top-left{align-items:flex-start;justify-content:flex-start}.video-cover.align-top-center{align-items:flex-start;justify-content:center}.video-cover.align-top-right{align-items:flex-start;justify-content:flex-end}.video-cover.align-center-left{align-items:center;justify-content:flex-start}.video-cover.align-center{align-items:center;justify-content:center}.video-cover.align-center-right{align-items:center;justify-content:flex-end}.video-cover.align-bottom-left{align-items:flex-end;justify-content:flex-start}.video-cover.align-bottom-center{align-items:flex-end;justify-content:center}.video-cover.align-bottom-right{align-items:flex-end;justify-content:flex-end}.video-cover.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;width:100vw}.video-cover.alignwide{max-width:1200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.video-cover{display:flex;min-height:75vh;overflow:hidden;position:relative;width:100%}.video-cover .wrap{background-color:var(--contrast-200)}.video-cover .video-container{background-color:var(--action-50);bottom:0;display:flex;left:0;min-height:100%;min-width:100%;position:absolute;right:0;top:0;z-index:0}.video-cover .video-container.fade{animation:fadeIn 1s ease-in}.video-cover .video-container video{filter:grayscale(100%) contrast(1);flex:1 0 100%;mix-blend-mode:multiply;-o-object-fit:cover;object-fit:cover;opacity:.85;pointer-events:none}.video-cover .inner-wrap{color:var(--action-contrast);padding:2rem;position:relative;width:100%;z-index:2}.video-cover .inner-wrap h1,.video-cover .inner-wrap h2,.video-cover .inner-wrap h3,.video-cover .inner-wrap h4,.video-cover .inner-wrap h5,.video-cover .inner-wrap h6{color:var(--action-contrast);margin:2rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.5);word-spacing:100vw}.video-cover .inner-wrap p{color:var(--action-contrast);letter-spacing:2px;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase}.video-cover .inner-wrap .media-text figure{max-width:50%}@media(min-width:768px){.video-cover .inner-wrap .media-text{--align:flex-start;gap:3rem;max-width:var(--content)}}.video-cover .inner-wrap .media-text>div{width:-moz-fit-content;width:fit-content}.video-cover .inner-wrap .buttons a{border-color:var(--action-contrast);color:var(--action-contrast);font-weight:var(--fw-h-bold)}.video-cover .inner-wrap .buttons a:visited,.video-cover .inner-wrap .buttons a:visited:hover{color:var(--action-contrast)}.video-cover .inner-wrap .buttons a:hover{background-color:var(--action-0);color:var(--action-contrast)}.video-cover .inner-wrap .outline a{background-color:rgba(var(--base-rgb),rgba(var(--base-rgb),var(--op-3)))}.video-cover .inner-wrap .buttons{margin:3rem 0}.video-cover .inner-wrap .buttons li{background-color:rgba(var(--action-rgb),var(--op-4))}.video-cover .inner-wrap .wp-block-button__link{text-shadow:none}.video-cover.align-top-left{align-items:flex-start;justify-content:flex-start}.video-cover.align-top-center{align-items:flex-start;justify-content:center}.video-cover.align-top-right{align-items:flex-start;justify-content:flex-end}.video-cover.align-center-left{align-items:center;justify-content:flex-start}.video-cover.align-center{align-items:center;justify-content:center}.video-cover.align-center-right{align-items:center;justify-content:flex-end}.video-cover.align-bottom-left{align-items:flex-end;justify-content:flex-start}.video-cover.align-bottom-center{align-items:flex-end;justify-content:center}.video-cover.align-bottom-right{align-items:flex-end;justify-content:flex-end}.video-cover.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;width:100vw}.video-cover.alignwide{max-width:1200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

 build/video/view.asset.php

New file
@@ -0,0 +1 @@
<?php return array('dependencies' => array(), 'version' => '052f02098d20d7fe4bd4');

 build/video/view.js

New file
@@ -0,0 +1 @@
document.addEventListener("DOMContentLoaded",(function(){const e=[].slice.call(document.querySelectorAll(".video-container video"));function r(e){e.querySelectorAll("source[data-src]").forEach((e=>{e.src=e.dataset.src})),e.load()}if("IntersectionObserver"in window){const t=new IntersectionObserver((function(e,t){e.forEach((e=>{e.isIntersecting&&(r(e.target),t.unobserve(e.target))}))}),{rootMargin:"200px 0px",threshold:.1});e.forEach((e=>t.observe(e)))}else"requestIdleCallback"in window?requestIdleCallback((()=>{e.forEach((e=>r(e)))})):e.forEach((e=>r(e)))}));

 cleanup.php

@@ -27,12 +27,18 @@
    // Remove global WordPress styles
    $global_styles = [
        'global-styles',
        'classic-theme-styles',
        'core-block-supports',
        'dashicons',
        'core-block-supports'
        'common',
        'wp-block-library',
        'wp-block-library-theme',
        'wp-block-styles',
    ];

    foreach ($global_styles as $style) {
        wp_dequeue_style($style);
        wp_deregister_style($style);
    }

    // Remove all block-specific styles
@@ -40,6 +46,7 @@
    foreach ($wp_styles->queue as $handle) {
        if (str_starts_with($handle, 'wp-block-')) {
            wp_dequeue_style($handle);
            wp_deregister_style($style);
        }
    }

@@ -61,7 +68,7 @@
    // Remove third-party styles
    wp_deregister_style('akismet-widget-style-inline-css');
}
add_action('wp_enqueue_scripts', 'jvbRemoveBlockAssets', 999);
add_action('wp_enqueue_scripts', 'jvbRemoveBlockAssets', 9999);

/*******************************************************************************
WORDPRESS HEAD CLEANUP

 iconsOld.php

File was deleted

 inc/admin/Integrations.php

@@ -247,7 +247,7 @@
                --mt: 1rem;
                --mb: 1rem;
                --setMargin: var(--mt) var(--mr) var(--mb) var(--ml);
                --insetMargin: var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);
                --insetMargin: var(--mt) calc((var(--content) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);
                --height: 4rem;
                --doubleHeight: 8rem;
                --offHeight: 5rem;

 inc/blocks/CustomBlocks.php

@@ -104,6 +104,9 @@
            // Enqueue the feed block script (it will automatically load dependencies)
            $this->localize_feedblock();
        }
        if ($block['blockName'] === 'jvb/forms') {
            wp_enqueue_style('jvb-form');
        }
        return $content;
    }

@@ -138,6 +141,7 @@
        if (str_contains($url[1], 'maps.apple.com')) {
            $icon = 'apple-logo';
        }

        if ($icon !== '') {
            return sprintf(
                '<li%s><a href="%s" title="Find Us On %s">%s Maps</a></li>',
@@ -184,8 +188,9 @@
    protected function render_core_group(array $block):string
    {
        $tag = (array_key_exists('tagName', $block['attrs'])) ? $block['attrs']['tagName'] : 'div';

        $classes = ($tag === 'main') ?
            $this->getClassesAndStyles($block['attrs']) :
            '' :
            $this->getClassesAndStyles($block['attrs'], ['group']);
        return '<'.$tag.$classes.'>'.$this->innerBlocks($block).'</'.$tag.'>';
    }
@@ -282,10 +287,10 @@
                wp_get_attachment_caption($ID) .
            '</figcaption>' :
            '<figcaption>' . $title . '</figcaption>';

        $size = array_key_exists('sizeSlug', $block['attrs']) ? $block['attrs']['sizeSlug'] : 'large';
        return '<figure'.
               $this->getClassesAndStyles($block['attrs']).'>'.
               $this->imageLink(true, $ID) .
               $this->imageLink(true, $ID, 'tiny', $size) .
               $caption.'</figure>';
    }

@@ -293,7 +298,9 @@
    {

        $ID = $this->imageID('', $block);
        $imgLink = ($ID) ? $this->imageLink(true, $ID) : '';

        $size = array_key_exists('mediaSizeSlug', $block['attrs']) ? $block['attrs']['mediaSizeSlug'] : 'large';
        $imgLink = ($ID) ? $this->imageLink(true, $ID, 'tiny', $size) : '';

        $inner = $this->innerBlocks($block);

@@ -513,10 +520,11 @@
            home_url($block['attrs']['url']) :
            $block['attrs']['url'];
        $current = (home_url($wp->request.'/') == $url);

        $temp = $block['attrs'];
        unset($temp['url']);
        $classes = ($current) ?
            $this->getClassesAndStyles($block['attrs'], ['current']):
            $this->getClassesAndStyles($block['attrs']);
            $this->getClassesAndStyles($temp, ['current']):
            $this->getClassesAndStyles($temp);
        $aria = '';
        if ($current) {
            $aria = ' aria-current="page"';
@@ -535,9 +543,11 @@
            $block['attrs']['url'];
        $current = (home_url($wp->request) == $url);

        $temp = $block['attrs'];
        unset($temp['url']);
        $classes = ($current) ?
            $this->getClassesAndStyles($block['attrs'], ['has-submenu', 'current']):
            $this->getClassesAndStyles($block['attrs'], ['has-submenu']);
            $this->getClassesAndStyles($temp, ['has-submenu', 'current']):
            $this->getClassesAndStyles($temp, ['has-submenu']);

        $aria = '';
        if ($current) {
@@ -816,15 +826,18 @@
                $title = ($checked == '') ? 'Toggle Dark Mode' : 'Toggle Light Mode';
                $showThemeSwitch = (bool)apply_filters('jvb_show_theme_switch', true);
                $themeSwitch = ($showThemeSwitch) ? '<label title="'.$title.'" id="theme-switch" class="toggle-switch" for="theme-switcher">
                    <input class="theme-switch row" id="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode"><span class="slider">'.
                    <input class="theme-switch row" id="theme-switcher" name="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode" aria-label="Toggle dark mode"><span class="slider">'.
                    jvbIcon('sun-dim', ['title'=> 'Light Mode']).
                    jvbIcon('moon', ['title'=>'Dark Mode']).
                    '</span></label>' : '';
                $breadcrumbs = jvbBuildBreadcrumbs();
                $afterHeader = apply_filters('jvbBelowHeader', $afterHeader);

                if ($afterHeader !== '') {
                    $afterHeader = '<aside class="sub-header">'.$afterHeader.'</aside>';
                }
                $footerText = '<div class="scroll-progress"><div class="bar"></div>
</div>';
            } elseif ($isFooterTemplate) {
                $beforeHeader = apply_filters('jvbBeforeFooter', '');
                if ($beforeHeader !== '') {
@@ -1196,9 +1209,9 @@
                $type = 'row';
                if (array_key_exists('type', $value)) {
                    $type = 'col';
                    if ($value['type'] === 'constrained') {
                        $classes[] = 'container col';
                    }
//                    if ($value['type'] === 'constrained') {
//                        $classes[] = 'container col';
//                    }
                }
                if (array_key_exists('orientation', $value)) {
                    $type = 'col';
@@ -1501,6 +1514,7 @@

            // Background URL (for cover, media blocks)
            case 'url':
                jvbDump($value);
                if (!empty($value) && str_starts_with($value, 'http')) {
                    $styles[] = 'background-image: url('.$value.')';
                }

 inc/blocks/FormBlock.php

@@ -52,7 +52,8 @@
    public function registerBlock()
    {
        register_block_type($this->path, [
            'render_callback'   => [$this, 'render']
            'render_callback'   => [$this, 'render'],
            'style' => 'jvb-icons-forms',
        ]);
    }


 inc/blocks/GlossaryBlock.php

@@ -38,7 +38,6 @@
    public function render(array $attributes, string $content, WP_Block $block)
    {
        $cache = $this->cache->get('all');
        $cache = false;
        if ($cache) {
            return $cache;
        }

 inc/blocks/MenuBlock.php

@@ -58,7 +58,6 @@
        }
        $key = $this->cache->generateKey($this->params);
        $cache = $this->cache->get($key);
        $cache = false;
        if ($cache) {
            return $cache;
        }

 inc/blocks/SummaryBlock.php

@@ -55,7 +55,6 @@
        $this->config = $this->getConfig();
        $key = $this->generateKey();
        $cache = $this->cache->get($key);
        $cache = false;
        if ($cache) {
            return $cache;
        }

 inc/blocks/TimelineBlock.php

@@ -51,7 +51,6 @@
        }
        $this->parentID = $post->ID;
        $cache = $this->cache->get($this->parentID);
        $cache = false;
        if ($cache) {
            return $cache;
        }

 inc/blocks/VideoCoverBlock.php

@@ -92,13 +92,13 @@
            $html .= ' poster="' . esc_url($poster_url) . '"';
        }

        $html .= '>';
        $html .= ' fetch-priority="high">';

        // Add mobile sources first (lower resolution)
        foreach ($mobile_sources as $source) {
            if (!empty($source['url']) && !empty($source['mime'])) {
                $html .= '<source';
                $html .= ' src="' . esc_url($source['url']) . '"';
                $html .= ' data-src="' . esc_url($source['url']) . '"';
                $html .= ' type="' . esc_attr($source['mime']) . '"';
                $html .= ' media="(max-width: 767px)"';
                $html .= '>';
@@ -109,7 +109,7 @@
        foreach ($video_sources as $source) {
            if (!empty($source['url']) && !empty($source['mime'])) {
                $html .= '<source';
                $html .= ' src="' . esc_url($source['url']) . '"';
                $html .= ' data-src="' . esc_url($source['url']) . '"';
                $html .= ' type="' . esc_attr($source['mime']) . '"';

                // Add media query for desktop if mobile sources exist

 inc/helpers/all.php

@@ -10,7 +10,7 @@
require(JVB_DIR . '/inc/helpers/crud.php');
require(JVB_DIR . '/inc/helpers/dashboard.php');
require(JVB_DIR . '/inc/helpers/directory.php');
require(JVB_DIR . '/inc/helpers/email.php');
//require(JVB_DIR . '/inc/helpers/email.php');
require(JVB_DIR . '/inc/helpers/forms.php');
require(JVB_DIR . '/inc/helpers/formatting.php');
//require(JVB_DIR . '/inc/helpers/icons.php');

 inc/helpers/breadcrumbs.php

@@ -1,225 +1,128 @@
<?php
/**
 * Breadcrumb Helper Functions
 *
 * These are backwards-compatible wrappers around BreadcrumbManager
 * Use BreadcrumbManager directly for new code
 */

use JVBase\managers\CacheManager;
use JVBase\utility\Features;
use JVBase\managers\SEO\BreadcrumbManager;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Outputs the breadcrumb list as an array
 * Get breadcrumb array for current page
 *
 * @deprecated Use BreadcrumbManager::getInstance()->getCrumbs() instead
 * @return array
 */
function jvbGetCrumbs():array
function jvbGetCrumbs(): array
{
    $cache = CacheManager::for('breadcrumbs', MONTH_IN_SECONDS)->connectTo('all');
    $key = get_queried_object_id();
    $crumbs = $cache->get($key);
    $crumbs = false;
    if ($crumbs) {
        return $crumbs;
    }

    $crumbs = [];
    $crumbs[] = [
        'name'  => 'Home',
        'icon'  => jvbIcon('house'),
        'url'   => get_home_url(),
    ];

    $obj = get_queried_object();

    //taxonomies extra
    if (is_tax()) {
        $tax = jvbNoBase($obj->taxonomy);
        $config = Features::getConfig($tax, 'term');
        if (count($config['for_content']) === 1) {
            $contentConfig = JVB_CONTENT[$config['for_content'][0]];
            $crumbs[] = [
                'name'  => $contentConfig['breadcrumb']??$contentConfig['plural'],
                'url'   => get_post_type_archive_link(jvbCheckBase($config['for_content'][0])),
            ];
            $crumbs[] = [
                'name'  => 'By '.$config['singular'],
                'url'   => false,
            ];
        }
        if (Features::forTaxonomy($tax)->has('directory')){
            $directory = jvbDirectories($tax);
            $crumbs[] = [
                'name'  => $directory['title'],
                'url'   => $directory['url']
            ];
        }

        $crumbs = array_merge($crumbs, jvbGetBreadcrumbTermHierarchy($obj));

    }
    if (is_singular()) {
        $directory = jvbDirectories(jvbNoBase($obj->post_type));
        if (!empty($directory)) {
            $crumbs[] = [
                'name'  => $directory['title'],
                'url'   => $directory['url']
            ];
        }

        if (jvbIsDirectory()) {
            $pos = jvbGetDirectoryInfo();
            if (!empty($pos)) {
                $name = $pos['title'];


                if ($name == 'Map') {
                    $crumbs[] = array(
                        'name'  => 'Tattoo Shops',
                        'url'   => jvbDirectories(BASE.'shop')['url']
                    );
                }

                $crumbs[] = array(
                    'name'  => $name,
                    'url'   => $pos['url']
                );
            }
        } else {
//
//            $crumbs[] = array(
//                'name'  => get_the_title(),
//                'url'   => false,
//            );
            $crumbs = array_merge($crumbs, jvbGetBreadcrumbPostHierarchy($obj));
        }

    } elseif (is_post_type_archive() && !is_post_type_archive(BASE.'dash')) {
        $name = jvbNoBase($obj->name);
        $crumbs[] = array(
            'name'  => JVB_CONTENT[$name]['breadcrumb']??JVB_CONTENT[$name]['plural'],
            'url'   => false,
        );
    }
    $cache->set($key, $crumbs);
    return $crumbs;
    return BreadcrumbManager::getInstance()->getCrumbs();
}


/**
 * Build and return breadcrumb navigation HTML
 *
 * @deprecated Use BreadcrumbManager::getInstance()->renderNavigation() instead
 * @return string
 */
function jvbBuildBreadcrumbs():string
function jvbBuildBreadcrumbs(): string
{
    if (is_front_page()) {
        return '';
    }
    $crumbs = jvbGetCrumbs();

    $out = '<nav id="breadcrumbs">';
    $out .= '<ol itemscope itemtype="https://schema.org/BreadcrumbList">';

    if (!empty($crumbs)) {
        $i = 1;
        foreach ($crumbs as $crumb) {
            $label = '<span itemprop="name">'.strtolower($crumb['name']).'</span>';
            if (array_key_exists('icon', $crumb)) {
                $label = $crumb['icon'].'<span class="screen-reader-text" itemprop="name">'.$crumb['name'].'</span>';
            }
            $aOpen = $aClose = '';
            if ($crumb['url'] !== false) {
                if (array_key_exists('id', $crumb) && $crumb['id'] === get_queried_object_id()){

                } else {
                    $aOpen = '<a itemprop="item" href="'.$crumb['url'].'" title="'.$crumb['name'].'">';
                    $aClose = '</a>';
                }
            }
            $out .= '<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">'.$aOpen.$label.$aClose.'<meta itemprop="position" content="'.$i.'" /></li>';
            $i++;
        }
    }

    $out .= '</ol>';
    $out .= '</nav>';

    return $out;
    return BreadcrumbManager::getInstance()->renderNavigation();
}


/**
 * Builds a breadcrumb list of post parents, if available
 * Build post hierarchy for breadcrumbs
 *
 * @deprecated Use BreadcrumbManager directly - this is now a private method
 * @param WP_Post $post
 * @param array $crumbs
 *
 * @return array
 */
function jvbGetBreadcrumbPostHierarchy(WP_Post $post, array $crumbs = []):array
function jvbGetBreadcrumbPostHierarchy(WP_Post $post, array $crumbs = []): array
{
    // This functionality is now private in BreadcrumbManager
    // If you need this, use the full getCrumbs() method instead
    trigger_error('jvbGetBreadcrumbPostHierarchy is deprecated. Use BreadcrumbManager::getInstance()->getCrumbs()', E_USER_DEPRECATED);

    array_unshift($crumbs, [
        'name'  => $post->post_title,
        'url'   => get_the_permalink($post->ID),
        'id'    => $post->ID,
    ]);
    array_unshift($crumbs, [
        'name' => $post->post_title,
        'url'  => get_the_permalink($post->ID),
        'id'   => $post->ID,
    ]);

    if ($post->post_parent !== 0) {
        $parent = get_post($post->post_parent);
        if ($parent) {
            $crumbs = jvbGetBreadcrumbPostHierarchy($parent, $crumbs);
        }
    }
    if ($post->post_parent !== 0) {
        $parent = get_post($post->post_parent);
        if ($parent) {
            $crumbs = jvbGetBreadcrumbPostHierarchy($parent, $crumbs);
        }
    }

    return $crumbs;
    return $crumbs;
}


/**
 * Builds a breadcrumb list of parent terms, if available
 * Build term hierarchy for breadcrumbs
 *
 * @deprecated Use BreadcrumbManager directly - this is now a private method
 * @param WP_Term $term
 * @param array $crumbs
 * @return array
 */
function jvbGetBreadcrumbTermHierarchy(WP_Term $term, array $crumbs = []): array
{
    // This functionality is now private in BreadcrumbManager
    trigger_error('jvbGetBreadcrumbTermHierarchy is deprecated. Use BreadcrumbManager::getInstance()->getCrumbs()', E_USER_DEPRECATED);

    $url = get_term_link($term->term_id);
    array_unshift($crumbs, [
        'name' => $term->name,
        'url'  => $url,
        'id'   => $term->term_id,
    ]);

    if ($term->parent !== 0) {
        $parent = get_term($term->parent, $term->taxonomy);
        if ($parent && !is_wp_error($parent)) {
            $crumbs = jvbGetBreadcrumbTermHierarchy($parent, $crumbs);
        }
    }

    return $crumbs;
}

/**
 * Get directory info (kept for now as it's not breadcrumb-specific)
 *
 * @return array
 */
function jvbGetBreadcrumbTermHierarchy(WP_Term $term, array $crumbs=[]):array
function jvbGetDirectoryInfo(): array
{
    $url = get_term_link($term->term_id);
    array_unshift($crumbs, [
        'name'  => $term->name,
        'url'   => $url,
        'id'    => $term->term_id,
    ]);
    if (is_post_type_archive(BASE.'directory')) {
        return [
            'title' => 'Directory of Directories',
            'url'   => get_post_type_archive_link(BASE.'directory'),
            'slug'  => 'directory',
            'type'  => 'directory'
        ];
    }

    if ($term->parent !== 0) {
        $parent = get_term($term->parent, $term->taxonomy);
        if ($parent) {
            $crumbs = jvbGetBreadcrumbTermHierarchy($parent, $crumbs);
        }
    }
    return $crumbs;
}
    if (is_singular(BASE.'directory')) {
        $type = get_post_meta(get_the_ID(), BASE.'for_type_slug', true);
        return jvbDirectories()[$type] ?? [];
    }

function jvbGetDirectoryInfo():array
{
    if (is_post_type_archive(BASE.'directory')) {
        return [
            'title' => 'Directory of Directories',
            'url'   => get_post_type_archive_link(BASE.'directory'),
            'slug'  => 'directory',
            'type'  => 'directory'
        ];
    }
    if (is_singular(BASE.'directory')) {
        $type = get_post_meta(get_the_ID(), BASE.'for_type_slug', true);
    $obj = get_queried_object();
    $directories = jvbDirectories();

        return jvbDirectories()[$type]??[];
    }
    $obj = get_queried_object();
    if (is_tax()) {
        $tax = jvbNoBase($obj->taxonomy);
        return array_key_exists($tax, $directories) ? $directories[$tax] : [];
    }

    $directories = jvbDirectories();
    if (is_tax()) {
        $tax = jvbNoBase($obj->taxonomy);
        return (array_key_exists($tax, $directories)) ? $directories[$tax] : [];
    }

    $type = jvbNoBase($obj->post_type);
    return (array_key_exists($type, $directories)) ? $directories[$type] : [];
    $type = jvbNoBase($obj->post_type);
    return array_key_exists($type, $directories) ? $directories[$type] : [];
}

 inc/helpers/email.php

File was deleted

 inc/helpers/members.php

@@ -212,7 +212,6 @@
        return 'admin';
    }
    $user = ($ID === 0) ? wp_get_current_user() : get_userdata($ID);
    error_log('Current User: '.print_r($user, true));
    return array_values(array_intersect(
        array_keys(array_merge(JVB_USER, ['administrator'])),
        array_map(function ($role) {

 inc/helpers/renderFields.php

@@ -344,7 +344,7 @@
                </div>
                <div class="summary">
                    <div class="result">
                        <h4></h4>
                        <h3></h3>
                        <p></p>
                    </div>
                </div>

 inc/helpers/ui.php

@@ -17,7 +17,7 @@
    }

    ?>
    <aside id="queue" class="left col start btw" aria-expanded="false" hidden>
    <aside id="queue" class="left col start btw main" aria-expanded="false" hidden>
        <div class="status-actions row start nowrap">
            <div class="refresh row btw">
                <span class="countdown row" title="Will refresh again...">5</span>
@@ -54,9 +54,9 @@
                ?>
            </nav>
        </div>
        <div class="qitems col a-start">
        <div class="qitems col a-start nowrap">
        </div>
        <div class="queue-actions row btw">
        <div class="queue-actions row btw nowrap">
            <button class="dismiss-all">Clear Completed</button>
            <button class="retry-all">Retry Failed</button>
        </div>
@@ -386,7 +386,7 @@
        }
        $content .= '>
            <h2>'.$config['title'].'</h2>';
            if ( $config['description']) {
            if ( array_key_exists('description', $config)) {
                if (!is_array($config['description'])) {
                    $content .= apply_filters('the_content', $config['description']);
                } else {

 inc/importers/JaneAppClientImporter.php

@@ -309,7 +309,7 @@
        $last_name = sanitize_text_field($data['Last Name'] ?? '');

        // Generate username from email
        $username = sanitize_user(substr($email, 0, strpos($email, '@')));
        $username = sanitize_user($email);

        // Ensure unique username
        $base_username = $username;

 inc/integrations/Helcim.php

@@ -242,7 +242,7 @@
        <button type="button" class="toggle-cart row" title="Your Cart" data-action="toggle-cart" aria-label="Open Cart" aria-controls="checkout" aria-expanded="false" hidden>
            <?= jvbIcon('shopping-cart')?><span class="abs"></span><span class="abs count"></span>
        </button>
        <aside id="cart">
        <aside id="cart" class="main">
            <form id="checkout" data-form-id="checkout" data-save="checkout">
                <?php
                $tabs = [
@@ -881,11 +881,10 @@
        // Send notification
        $user = get_user_by('ID', $user_id);
        if ($user) {
            wp_mail(
            JVB()->email()->sendEmail(
                $user->user_email,
                'Security: Password Reset Required',
                'For your security, please reset your password to continue accessing your account and saved payment methods.',
                ['Content-Type: text/html; charset=UTF-8']
            );
        }
    }
@@ -1153,7 +1152,7 @@
            $site_name
        );

        jvbMail(
        JVB()->email()->sendEmail(
            $user->user_email,
            sprintf('[%s] Welcome! Set Your Password', $site_name),
            $message

 inc/integrations/PostMark.php

@@ -21,6 +21,7 @@
    protected string $from_name;
    protected bool $track_open;
    protected bool $track_links;
    protected ?string $lastMessageId = null;
    /**
     * Constructor
     */

 inc/integrations/Square.php

@@ -863,7 +863,7 @@
            return $actions;
        }
        $meta = new MetaForm();
        $form = '<aside id="cart" class="right">
        $form = '<aside id="cart" class="right main">
            <form id="checkout" data-form-id="checkout" data-save="checkout">';

                $tabs = [
@@ -1862,7 +1862,7 @@
            $site_name
        );

        jvbMail(
        JVB()->email()->sendEmail(
            $user->user_email,
            sprintf('[%s] Welcome! Set Your Password', $site_name),
            $message
@@ -1906,11 +1906,10 @@
        // Send notification
        $user = get_user_by('ID', $user_id);
        if ($user) {
            wp_mail(
            JVB()->email()->sendEmail(
                $user->user_email,
                '['.get_bloginfo('name').'] Security Code',
                'For your security, enter this code to continue accessing your account and saved payment methods.',
                ['Content-Type: text/html; charset=UTF-8']
            );
        }
    }

 inc/managers/AdminPages.php

@@ -134,14 +134,15 @@
    public function handleIconAction(\WP_REST_Request $request): \WP_REST_Response
    {
        $action = sanitize_text_field($request->get_param('action'));
        $icons = \JVBase\managers\IconsManager::getInstance();
        $source = sanitize_text_field($request->get_param('source') ?? 'icons'); // Add source param
        $icons = \JVBase\managers\IconsManager::for($source);

        switch ($action) {
            case 'refresh-icons':
                $icons->forceRefresh();
                return new \WP_REST_Response([
                    'success' => true,
                    'message' => 'Icon CSS regenerated successfully'
                    'message' => "Icon CSS regenerated successfully for '{$source}'"
                ]);

            case 'restore-icon-version':
@@ -582,9 +583,9 @@
            if (current_user_can($action['capability'])) {
                ?>
                <a data-action="<?=$action['slug']?>" class="jvb-action">
                    <?= jvbIcon($action['icon']); ?>
                    <?= jvbDashIcon($action['icon']); ?>
                    <span class="jvb-link-title"><?= esc_html($action['label'])?></span>
                    <span class="loader"><?=jvbIcon('arrows-clockwise')?><?=jvbIcon('check')?></span>
                    <span class="loader"><?=jvbDashIcon('arrows-clockwise')?><?=jvbDashIcon('check')?></span>
                </a>
                <?php
            }
@@ -639,7 +640,7 @@
     */
    protected function getIcon(string $icon = 'logo', bool $css = false): string
    {
        $svg = jvbIcon($icon, ['wrap' => false]);
        $svg = jvbDashIcon($icon, ['wrap' => false]);
        if ($css) {
            // For CSS, replace currentColor with brand color
            $svg = str_replace('currentColor', '#FF0080', $svg);
@@ -681,7 +682,7 @@

            <div class="jvb-cache-actions">
                <button type="button" class="button button-primary" data-action="flush-all">
                    <?= jvbIcon('arrows-clockwise'); ?>
                    <?= jvbDashIcon('arrows-clockwise'); ?>
                    Flush All Caches
                </button>
            </div>
@@ -706,7 +707,7 @@
                                <td><?= $this->formatConnections($configs); ?></td>
                                <td>
                                    <button type="button" class="button" data-action="flush-cache" data-group="<?= esc_attr($group); ?>">
                                        <?= jvbIcon('trash'); ?> Flush
                                        <?= jvbDashIcon('trash'); ?> Flush
                                    </button>
                                </td>
                            </tr>
@@ -733,7 +734,7 @@
                            <td><?= $this->formatConnections($configs); ?></td>
                            <td>
                                <button type="button" class="button" data-action="flush-cache" data-group="<?= esc_attr($group); ?>">
                                    <?= jvbIcon('trash'); ?> Flush
                                    <?= jvbDashIcon('trash'); ?> Flush
                                </button>
                            </td>
                        </tr>
@@ -928,7 +929,14 @@

    public function renderIconsPage():void
    {
        $icons = \JVBase\managers\IconsManager::getInstance();
        // Get current source from query param or default to 'icons'
        $current_source = $_GET['icon_source'] ?? 'icons';
        $current_source = sanitize_text_field($current_source);

        // Get all registered icon sources
        $all_sources = ['icons', 'forms', 'dash']; // You could get this dynamically if needed

        $icons = \JVBase\managers\IconsManager::for($current_source);
        $versions = $icons->getVersionHistory();
        $nonce = wp_create_nonce('wp_rest');

@@ -936,18 +944,30 @@
        <div class="wrap jvb-admin-wrap">
            <h1>Icon Management</h1>

            <!-- Source Selector -->
            <div class="jvb-icon-source-selector">
                <label for="icon-source-select">Icon Source:</label>
                <select id="icon-source-select" onchange="window.location.href='<?= admin_url('admin.php?page=' . BASE . 'icons&icon_source='); ?>' + this.value">
                    <?php foreach ($all_sources as $source): ?>
                        <option value="<?= esc_attr($source); ?>" <?= selected($current_source, $source, false); ?>>
                            <?= esc_html(ucfirst($source)); ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>

            <div class="jvb-icon-actions">
                <button type="button" class="button button-primary" data-action="refresh-icons">
                    <?= jvbIcon('arrows-clockwise'); ?>
                <button type="button" class="button button-primary" data-action="refresh-icons" data-source="<?= esc_attr($current_source); ?>">
                    <?= jvbDashIcon('arrows-clockwise'); ?>
                    Force Refresh CSS
                </button>
                <button type="button" class="button" data-action="merge-icon-versions" id="merge-versions-btn" disabled>
                    <?= jvbIcon('git-merge'); ?>
                <button type="button" class="button" data-action="merge-icon-versions" data-source="<?= esc_attr($current_source); ?>" id="merge-versions-btn" disabled>
                    <?= jvbDashIcon('git-merge'); ?>
                    Merge Selected Versions
                </button>
            </div>

            <h2>Version History</h2>
            <h2>Version History for <?= esc_html(ucfirst($current_source)); ?></h2>
            <table class="wp-list-table widefat fixed striped">
                <thead>
                <tr>
@@ -977,18 +997,18 @@
                            <td>
                                <?= esc_html($version['icon_count']); ?> icons
                                <button type="button"
                                        class="button-link"
                                        data-action="view-icon-list"
                                        class="button-link view-icon-list-btn"
                                        data-timestamp="<?= esc_attr($version['timestamp']); ?>">
                                    (view)
                                </button>
                            </td>
                            <td><?= esc_html($version['size_formatted']); ?></td>
                            <td>
                                <button type="button" class="button"
                                <button type="button" class="button restore-version-btn"
                                        data-action="restore-icon-version"
                                        data-source="<?= esc_attr($current_source); ?>"
                                        data-timestamp="<?= esc_attr($version['timestamp']); ?>">
                                    <?= jvbIcon('arrow-counter-clockwise'); ?> Restore
                                    <?= jvbDashIcon('arrow-counter-clockwise'); ?> Restore
                                </button>
                            </td>
                        </tr>
@@ -1012,10 +1032,11 @@
            (function() {
                const apiUrl = '<?= esc_js(rest_url('jvb/v1/admin-icons')); ?>';
                const nonce = '<?= esc_js($nonce); ?>';
                const currentSource = '<?= esc_js($current_source); ?>';

                // Helper function for API calls
                function callIconAction(action, data = {}) {
                    const body = { action, ...data };
                    const body = { action, source: currentSource, ...data };

                    return fetch(apiUrl, {
                        method: 'POST',
@@ -1072,34 +1093,28 @@
                });

                // Force refresh button
                const refreshBtn = document.getElementById('refresh-icons-btn');
                if (refreshBtn) {
                    refreshBtn.addEventListener('click', function() {
                        if (confirm('Force regenerate icon CSS? This will reload the page.')) {
                            this.disabled = true;
                            callIconAction('refresh-icons');
                        }
                    });
                }
                document.querySelector('[data-action="refresh-icons"]')?.addEventListener('click', function() {
                    if (confirm('Force regenerate icon CSS? This will reload the page.')) {
                        this.disabled = true;
                        callIconAction('refresh-icons');
                    }
                });

                // Merge versions button
                const mergeBtn = document.getElementById('merge-versions-btn');
                if (mergeBtn) {
                    mergeBtn.addEventListener('click', function() {
                        const checkboxes = document.querySelectorAll('.version-checkbox:checked');
                        const timestamps = Array.from(checkboxes).map(cb => parseInt(cb.value));
                document.getElementById('merge-versions-btn')?.addEventListener('click', function() {
                    const checkboxes = document.querySelectorAll('.version-checkbox:checked');
                    const timestamps = Array.from(checkboxes).map(cb => parseInt(cb.value));

                        if (timestamps.length < 2) {
                            alert('Please select at least 2 versions to merge');
                            return;
                        }
                    if (timestamps.length < 2) {
                        alert('Please select at least 2 versions to merge');
                        return;
                    }

                        if (confirm(`Merge ${timestamps.length} versions? This will create a new CSS file with all unique icons.`)) {
                            this.disabled = true;
                            callIconAction('merge-icon-versions', { timestamps: timestamps });
                        }
                    });
                }
                    if (confirm(`Merge ${timestamps.length} versions? This will create a new CSS file with all unique icons.`)) {
                        this.disabled = true;
                        callIconAction('merge-icon-versions', { timestamps: timestamps });
                    }
                });

                // Restore version buttons
                document.querySelectorAll('.restore-version-btn').forEach(btn => {

 inc/managers/CRUDManager.php

@@ -1,517 +1,241 @@
<?php
namespace JVBase\managers;

use JVBase\managers\UserTermsManager;
use JVBase\meta\MetaForm;
use JVBase\meta\MetaManager;
use JVBase\ui\CRUDSkeleton;
use JVBase\utility\Features;
use WP_User;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
    exit;
}

/**
 * WordPress CRUD Manager
 * Configures CRUDSkeleton for WordPress post types
 */
class CRUD {
    protected WP_User $user;
    protected int $user_id;
    protected CRUDSkeleton $skeleton;
    protected CacheManager $cache;
    protected array $config;
    protected string $content;
    protected string $singular;
    protected string $plural;
    protected array $filters;
    protected array $bulkActions;
    protected MetaManager $meta;
    protected MetaForm $form;
    protected array $taxonomies;
    protected array $statuses;
    protected array $fields;
    protected array $sections;
    protected array $stuck;
    protected array $taxonomies = [];
    protected int $user_id;
    protected ?string $type = null;
    protected ?array $constant = null;


    //For Timeline-specific posts
    protected bool $isTimeline = false;
    protected array $nonTimelineFields = [];
    protected array $timelineSharedFields = [];
    protected array $timelineUniqueFields = [];

    protected bool $userCanPublish = false;

    public function __construct(string $content)
    {
        //If we haven't defined this content, bail early
        if (!array_key_exists($content, JVB_CONTENT)) {
    public function __construct(string $content) {
        if (array_key_exists($content, JVB_CONTENT)) {
            $this->type = 'post';
            $this->constant = JVB_CONTENT;
        } elseif (array_key_exists($content, JVB_TAXONOMY)) {
            $this->type = 'term';
            $this->constant = JVB_TAXONOMY;
        } elseif (array_key_exists($content, JVB_USER)) {
            $this->type = 'user';
            $this->constant = JVB_USER;
        } else {
            return;
        }
        $this->user = wp_get_current_user();
        $this->user_id = $this->user->ID;
        $this->config = JVB_CONTENT[$content];
        $this->singular = $this->config['singular'];
        $this->plural = $this->config['plural'];

        $this->user_id = get_current_user_id();
        $this->config = $this->constant[$content];
        $this->content = $content;
        $this->fields = jvbGetFields($this->content, 'post');
        $this->maybeSetupTimeline();
        $this->sections = jvbGetSections($this->content, 'post');
        $this->stuck = [
            'post_title',
            'term_name'
        ];
        $this->cache = CacheManager::for($content);
        // Create and configure skeleton
        $this->skeleton = new CRUDSkeleton();
        $this->configure();
    }

        $this->init();
    /**
     * Configure CRUDSkeleton from WordPress config
     */
    protected function configure(): void {
        // Basic info
        $this->skeleton
            ->content($this->content, $this->config['singular'], $this->config['plural'])
            ->title(
                'Your ' . $this->config['plural'],
                $this->config['page_description'] ?? ''
            );

        if ($this->isTimeline) {
            $this->stuck[] = 'post_thumbnail';
        // Initialize meta
        $this->skeleton->initMeta($this->type, $this->content);



        // Timeline if applicable
        if (Features::forContent($this->content)->has('is_timeline')) {
            $this->skeleton->setTimeline();
        }

        // Fields and sections
        $this->skeleton->setFields($this->config['fields']);

        $sections = array_key_exists('sections', $this->config) ? $this->config['sections'] : [];
        foreach ($sections as $id => $config) {
            $this->skeleton->addSection($id, $config);
        }

        // Taxonomies
        $this->initTaxonomies();

        // Statuses
        if (Features::forContent($this->content)->has('is_calendar')) {
            $this->skeleton->setCalendar();
        }else {
            $this->skeleton->setDefaultStatus();
        }

        // Views
        $this->skeleton
            ->addViews(['grid', 'list', 'table'])
            ->defaultView('grid');

        // Filters
        $this->skeleton->addDateFilter();
        $this->skeleton->addCustomDateRange($this->addDateRanges());
        if (!empty($this->taxonomies)) {
            $this->skeleton->addTaxonomyFilter(array_keys($this->taxonomies), 'user');
        }

        // Capabilities
        $this->skeleton->addCapabilities(['view', 'edit', 'create', 'delete']);

        $plural = strtolower($this->config['plural'] ?? $this->content . 's');
        $canPublish = jvbUserIsVerified() && user_can($this->user_id, "publish_{$plural}");
        $this->skeleton->userCanPublish($canPublish);

        // Bulk actions
        $this->skeleton->addBulkActions(['edit', 'publish', 'draft', 'trash']);

        // Uploader
        $this->setupUploader();

        // Sticky fields
        $stuck = ['post_title', 'term_name'];
        if ($this->skeleton->get('isTimeline')) {
            $stuck[] = 'post_thumbnail';
        }
        $this->skeleton->stickFields($stuck);

        // Hook for create button
        add_filter('jvbAdditionalActions', [$this, 'createItem']);
    }

    protected function init():void
    {
        $this->initStatuses();
        $this->initBulkActions();
        $this->initTaxonomies();
        $this->initFilters();
        $this->meta = new MetaManager(null, 'post', $this->content);
        $this->form = new MetaForm();
        $plural = strtolower($this->config['plural']??$this->content.'s');
        $this->userCanPublish = (jvbUserIsVerified()) ?
                    user_can($this->user_id, "publish_{$plural}") : false;
    /**
     * Setup uploader configuration
     */
    protected function setupUploader(): void {
        $isSingleImage = jvbCheck('single_image', $this->config);

    }
        $config = [
            'type' => 'upload',
            'subtype' => 'image',
            'mode' => $isSingleImage ? 'direct' : 'selection',
            'create_new' => true,
            'label' => $this->config['upload_title'] ?? 'Bulk Upload ' . $this->config['plural'],
            'content' => $this->content,
            'singular' => $this->config['singular'],
            'plural' => $this->config['plural'],
            'multiple' => true,
            'destination' => $isSingleImage ? 'post' : 'post_group'
        ];

    protected function maybeSetupTimeline():void {
        $this->isTimeline = Features::forContent($this->content)->has('is_timeline');

        if (!$this->isTimeline) {
            return;
        if (!$isSingleImage) {
            $config['upload_text'] = '<p>Drag images into groups. Each group becomes its own ' . $this->config['singular'] . '.</p>
                <p>You can also select multiple images and click the "Add to Group" button.</p>
                <p>If a ' . $this->config['singular'] . ' has multiple images, you can select the ' . jvbDashIcon('star') . ' to set an image as the main one.</p>
                <p>Images left ungrouped will become individual ' . $this->config['plural'] . '</p>
                <p>Once finished, click the \'Save Changes\' button to send to server for processing.</p>';
        } else {
            $config['description'] = 'Each image will become its own ' . $this->config['singular'] . '.';
        }
        $this->timelineSharedFields = array_keys(array_filter($this->fields, function ($field) {
            if (!array_key_exists('for_all', $field) || $field['for_all'] === false){
                return true;
            }
            return false;
        }));
        array_unshift($this->timelineSharedFields, 'post_thumbnail');
        array_unshift($this->timelineSharedFields, 'post_title');
        array_unshift($this->timelineSharedFields, 'post_status');

        $this->timelineUniqueFields = array_keys(array_filter($this->fields, function ($field) {
            if (array_key_exists('for_all', $field) && $field['for_all'] === true) {
                return true;
            }
            return false;
        }));

        $all = array_merge($this->timelineUniqueFields, $this->timelineSharedFields);
        $this->nonTimelineFields = array_filter($this->fields, function ($field) use ($all) {
            return !in_array($field, $all);
        }, ARRAY_FILTER_USE_KEY);
        $this->skeleton->addUploader($config);
    }

    protected function initTaxonomies():void
    {
    /**
     * Initialize taxonomies from WordPress config
     */
    protected function initTaxonomies(): void {
        $this->taxonomies = array_filter(JVB_TAXONOMY, function ($config) {
            return in_array($this->content, $config['for_content']);
        });
    }

    protected function initStatuses():void
    {
        $this->statuses = (array_key_exists('is_calendar', $this->config)) ?
    /**
     * Get statuses - calendar or standard
     */
    protected function getStatuses(): array {
        return array_key_exists('is_calendar', $this->config) ?
            [
                'all'   => [
                    'icon'  => 'calendar',
                'all' => [
                    'icon' => 'calendar',
                    'label' => 'Everything',
                ],
                'future'=> [
                    'label' => 'Upcoming',
                    'icon'  => 'clock-clockwise',
                'future' => [
                    'label' => 'Upcoming',
                    'icon' => 'clock-clockwise',
                ],
                'past'  => [
                    'label' => 'Past',
                    'icon'  => 'clock-counter-clockwise',
                'past' => [
                    'label' => 'Past',
                    'icon' => 'clock-counter-clockwise',
                ],
                'repeat'=> [
                    'label' => 'Recurring',
                    'icon'  => 'repeat',
                'repeat' => [
                    'label' => 'Recurring',
                    'icon' => 'repeat',
                ],
                'draft' => [
                    'icon'  => 'eye-closed',
                    'label' => 'Hidden',
                'draft' => [
                    'icon' => 'eye-closed',
                    'label' => 'Hidden',
                ],
                'trash' => [
                    'label' => 'Scrapped',
                    'icon'  => 'trash',
                'trash' => [
                    'label' => 'Scrapped',
                    'icon' => 'trash',
                ],
            ] :
            [
                'all'   => [
                    'icon'  => 'infinity',
                'all' => [
                    'icon' => 'infinity',
                    'label' => 'Everything',
                ],
                'publish'=> [
                    'icon'  => 'eye',
                    'label' => 'Live',
                'publish' => [
                    'icon' => 'eye',
                    'label' => 'Live',
                ],
                'draft' => [
                    'icon'  => 'eye-closed',
                    'label' => 'Hidden',
                'draft' => [
                    'icon' => 'eye-closed',
                    'label' => 'Hidden',
                ],
                'trash' => [
                    'label' => 'Scrapped',
                    'icon'  => 'trash',
                'trash' => [
                    'label' => 'Scrapped',
                    'icon' => 'trash',
                ],
            ];
    }

    protected function initBulkActions():void
    {
        $this->bulkActions = [
            'edit'  => 'Edit',
            'publish'   => 'Show',
            'draft' => 'Hide',
//          'copy'  => 'Duplicate',
            'trash' => 'Scrap'
        ];
    }

    protected function initFilters():void
    {
        $this->filters = [
            'status'    => $this->statuses,
            'date'      => [
                'label' => 'Date',
                'icon'  => 'calendar'
            ]
        ];

        foreach ($this->taxonomies as $taxonomy=> $config) {
            $this->filters['taxonomy'][$taxonomy] = [
                'label' => $config['singular'],
                'icon'  => $config['icon']??'folder'
            ];
        }
    }

    public function render():void
    {
        ob_start();
        ?>
        <div class="dashboard-page <?= esc_attr($this->content) ?>"<?=($this->isTimeline) ? ' data-timeline' : ''?>>
            <?php
            $this->renderHeader();
            $this->renderContent();
            $this->renderModals();
            $this->renderTemplates();
            ?>
        </div>
        <?php
        echo ob_get_clean();

    }

    protected function renderHeader():void
    {
        ?>
        <h1>Your <?= $this->config['plural'] ?></h1>
        <?php
        if (array_key_exists('page_description', $this->config)) {
            ?>
            <p class="page-description"><?=$this->config['page_description']?></p>
            <?php
        }
        $this->renderHeaderActions();
    }

    protected function renderHeaderActions():void
    {
        $uploadConfig = [
            'type'          => 'upload',
            'subtype'       => 'image',
            'mode'          => (jvbCheck('single_image', $this->config)) ? 'direct' : 'selection',
            'create_new'    => true,
            'label'         => (array_key_exists('image_title', $this->config)) ? $this->config['image_title'] : 'Upload More '.$this->config['plural'],
            'content'       => $this->content,
            'singular'      => $this->singular,
            'plural'        => $this->plural,
            'multiple'      => true,
            'destination'   => 'post'
        ];
        if (!array_key_exists('single_image', $this->config) || $this->config['single_image'] === false) {
            $uploadConfig['destination'] = 'post_group';
        }
        $uploadConfig['destination'] = 'post_group';
        if (!jvbCheck('single_image', $this->config)) {
            $uploadConfig['label'] = 'Create '.$this->config['plural'];
            $uploadConfig['upload_text'] = '<p>Drag images into groups. Each group becomes its own '.$this->singular.'.</p>
                        <p>You can also select multiple images and click the "Add to Group" button.</p>
                        <p>If a '.$this->singular.' has multiple images, you can select the '.jvbIcon('star').' to set an image as the main one.</p>
                        <p>Images left ungrouped will become individual '.$this->plural.'</p>
                        <p>Once finished, click the \'Save Changes\' button to send to server for processing.</p>';
        } else {
            $uploadConfig['description'] = 'Each image will become its own '.$this->singular.'.';
        }
        ?>
        <details open class="uploader">
            <summary class="row btw"><?= $this->config['upload_title'] ?? 'Bulk Upload '.$this->plural?></summary>
            <?php
            $this->meta->render(
                'form',
                'new_'.$this->content,
                $uploadConfig
            );
            ?>
        </details>
        <?php
    }

    protected function renderContent():void
    {
        ?>
        <section class="items-list <?=$this->content?> crud" data-content="<?= $this->content ?>">
            <?php
            $this->renderFilters();
            $this->renderBulkControls();
            ?>
            <div class="<?= $this->content ?> item-grid" role="grid"></div>
            <div class="scroll-sentinel" aria-hidden="true"></div>
        </section>
        <?php
        $state = apply_filters('jvbEmptyState', $this->renderEmptyState(), $this->content);

        echo '<template class="emptyState">'.$state.'</template>';
        ?>
        <?php
    }

    protected function renderEmptyState():string
    {
        ob_start();
        ?>
        <div class="empty-state">
            <h3><?=jvbIcon($this->config['icon'])?>Nothing here<?=jvbIcon($this->config['icon'])?></h3>
            <p>It doesn't look like you have any <?=$this->config['plural'] ?> yet.</p>
            <p><small><i>Add many by uploading images above.</i>, or click the "<?=jvbIcon('plus-square')?>" button to add one at a time.</small></p>
        </div>
        <?php
        return ob_get_clean();
    }

    protected function renderFilters():void
    {
        ?>
        <div class="all-filters col start" data-ignore>
            <div class="search row start nowrap">
                <span class="label">Search:</span>
                <?= jvbSearch() ?>
            </div>
            <div class="controls col start">
                <?php
                $this->renderViewFilters();
                $this->renderStatusFilters();
                $this->renderOrderFilters();
                ?>
            </div>
            <div class="filters row start">
                <span class="label">Filters:</span>
                <?php
                    $this->renderTaxonomyFilters();
                    $this->renderDateFilters();
                ?>
                <button type="button" class="clear-filters row" hidden>
                    <?= jvbIcon('x', ['title'    => 'Clear']); ?>
                    Clear All Filters
                </button>
            </div>

            <?= $this->renderColumnSelector(); ?>
        </div>
        <?php
    }

    protected function renderOrderFilters():void
    {
        ?>
        <div class="radio-options order row btw w-full">
            <?php
                $order = [
                    'orderby' => [
                        'date' => 'Order by date created',
                        'alphabetical' => 'Order alphabetically'
                    ],
                    'order' => [
                        'sort-ascending' => 'In ascending order (Z-A, oldest to newest)',
                        'sort-descending' => 'In descending order (A-Z, newest to oldest)'
                    ]
                ];

                foreach ($order as $o => $option) {
                    ?>
                    <div class="row start">
                        <span class="label"><?= ucfirst($o)?>:</span>
                    <?php
                    $i = 0;
                    foreach ($option as $opt => $label) {
                        $icon = $opt === 'date' ? 'calendar' : $opt;
                        ?>
                        <input id="<?=$opt?>" class="btn" type="radio" name="<?=$o?>" data-filter="<?=$o?>" value="<?=$opt?>"<?=$i===0 ? ' checked':''?>>

                        <label for="<?=$opt?>" title="<?=$label?>"><?=jvbIcon($icon)?></label>
                        <?php
                        $i++;
                    }
                    ?>
                    </div>
                    <?php
                }
            ?>
        </div>
        <?php
    }
    protected function renderStatusFilters():void
    {
        if (empty($this->statuses)) {
            return;
        }
        ?>
        <div class="radio-options status row">
            <span class="label">Status:</span>
            <?php
            $i = 1;
            foreach ($this->statuses as $status => $config) {
                $checked = ($i == 1) ? ' checked' : '';
                ?>
                <input type="radio" class="btn" data-filter="status" value="<?=$status?>" name="status" id="<?=$status?>"<?=$checked?>>
                <label for="<?=$status?>">
                    <?= jvbIcon($config['icon']) ?>
                    <span><?=$config['label']?><span class="count"></span></span>
                </label>
                <?php
                $i++;
            }
            ?>
        </div>
        <?php
    }

    protected function renderViewFilters():void
    {
        ?>
        <div class="radio-options view row">
            <span class="label">View:</span>

            <?php
            $views = [
                'grid' => ['icon' => 'squares-four', 'label' => 'Grid View'],
                'list' => ['icon' => 'rows', 'label' => 'List View'],
                'table' => ['icon' => 'table', 'label' => 'Table View']
            ];

            $first = true;
            foreach ($views as $view => $config):
                ?>
                <input type="radio"
                       data-view="<?= esc_attr($view) ?>"
                       value="<?= esc_attr($view) ?>"
                       class="btn"
                       name="view"
                       id="view-<?= esc_attr($view) ?>"
                    <?= $first ? 'checked' : '' ?>>
                <label for="view-<?= esc_attr($view) ?>"
                       title="<?= esc_attr($config['label']) ?>">
                    <?= jvbIcon($config['icon']) ?>
                    <span class="screen-reader-text"><?= esc_html($config['label']) ?></span>
                </label>
                <?php
                $first = false;
            endforeach;
            ?>
        </div>
        <?php
    }
    /**
     * Render column selector for table view
     * Add create button to dashboard actions
     */
    protected function renderColumnSelector(): string {
        ob_start();
        ?>
        <details class="multi-select" title="Select columns" hidden>
            <summary class="row start nowrap">
                <?= jvbIcon('columns') ?>
                <span class="labels">Toggle Columns</span>
            </summary>
            <div class="column-list">
                <?php foreach ($this->fields as $fieldName => $config):
                    if (array_key_exists('hidden', $config)){
                        continue;
                    }
                    ?>
                    <input type="checkbox"
                           id="show-<?= esc_attr($fieldName) ?>"
                           class="column-toggle ch"
                           name="show-<?= esc_attr($fieldName) ?>"
                           checked>
                    <label for="show-<?= esc_attr($fieldName) ?>">
                        <?= esc_html($config['label']) ?>
                    </label>
                <?php endforeach; ?>
            </div>
        </details>
        <?php
        return ob_get_clean();
    public function createItem(array $actions): array {
        $actions[] = [
            'button' => '<button type="button" class="create-item row" title="Create New ' . $this->config['singular'] . '">'
                . jvbDashIcon('plus-square')
                . '<span class="screen-reader-text">Create New ' . $this->config['singular'] . '</span></button>',
            'content' => '', // Modal is rendered by skeleton
        ];

        return $actions;
    }
    protected function renderTaxonomyFilters():void

    protected function addDateRanges():array
    {
        if (empty($this->taxonomies)) {
            return;
        }
        $out = '';
        foreach ($this->taxonomies as $taxonomy => $config) {
            $terms = $this->getCommonTerms($taxonomy);
            if (!empty($terms)) {
                $out .= sprintf(
                    '<div class="row nowrap"><label for="filter-%s">%s<span class="screen-reader-text">Filter by %s</span></label>
                <select id="filter-%s" class="filter %s" name="%s" data-filter="taxonomies" data-taxonomy="%s">
                <option value="">by %s</option>',
                    $taxonomy,
                    jvbIcon($config['icon'], ['title'    => $config['plural']]),
                    esc_html($config['plural']),
                    $taxonomy,
                    $taxonomy,
                    $taxonomy,
                    $taxonomy,
                    $config['plural']
                );


                foreach ($terms as $term) {
                    $out .= sprintf(
                        '<option value="%s">%s</option>',
                        esc_attr($term['term_id']),
                        esc_html($term['name'])
                    );
                }
                $out .= '</select></div>';
            }
        }
        echo $out;
    }
    /**
     * Get common terms for taxonomy
     * @param string $taxonomy
     * @return array
     */
    protected function getCommonTerms(string $taxonomy):array {
        $manager = new UserTermsManager();
        return $manager->getUserTerms($this->user_id, $taxonomy);
    }

    protected function renderDateFilters():void
    {
        $postType = jvbCheckBase($this->content);
        // Get available months
        global $wpdb;
        $months = $wpdb->get_results("
        return $this->cache->remember(
            'dateRanges',
            function() {
                $postType = jvbCheckBase($this->content);
                // Get available months
                global $wpdb;
                $months = $wpdb->get_results("
            SELECT DISTINCT
                YEAR(post_date) as year,
                MONTH(post_date) as month
@@ -520,757 +244,28 @@
            AND post_author = '{$this->user_id}'
            ORDER BY post_date DESC
        ");

        // Quick filters
        $out = '<div class="row nowrap">
        <label for="filter-date">'.
            jvbIcon('calendar',['title'=>'Date']).
            '<span class="screen-reader-text">by Date</span>
        </label>
        <select id="filter-date" class="date-filter" data-filter="date">
            <option value="">by Date</option>
            <option value="today">Today</option>
            <option value="week">Past Week</option>
            <option value="month">Past Month</option>
            <option value="year">Past Year</option>
            <option value="custom">Custom Range...</option>
        </select>
    </div>';

        $form = '<div class="custom-range row">
            <label for="date-start" class="col">
                From
            </label>
            <input type="date" id="date-start" class="date-start">
            <label for="date-end" class="col">
               To
            </label>
            <input type="date" id="date-end" class="date-end">
        </div>
        <div class="month-picker">
            <label>
                <span>Or select month</span>
                <select class="month-select">
                    <option value="">&emsp; . . . &emsp;</option>';


        foreach ($months as $date) {
            $month_name = date('F Y', mktime(0, 0, 0, $date->month, 1, $date->year));
            $value = $date->year . '-' . str_pad($date->month, 2, '0', STR_PAD_LEFT);
            $form .= sprintf(
                '<option value="%s">%s</option>',
                esc_attr($value),
                esc_html($month_name)
            );
        }

        $form .= '</select>
            </label>
        </div>';

        // Custom date range
        $out .= jvbNewModal(
            'date-range',
            'Filter Results by Date:',
            $form
        );

        echo $out;
    }

    protected function renderBulkControls():void
    {
        if (empty($this->bulkActions)) {
            return;
        }
        ?>
        <div class="bulk-controls row nowrap btw">
            <div class="bulk-select">
                <input type="checkbox" id="select-all" class="select-all">
                <label for="select-all" class="row"><span>Select All</span><span class="selected-count" hidden></span></label>
            </div>
            <div class="bulk-actions row nowrap" hidden>
                <label for="bulk-action-select" class="screen-reader-text">
                    Select what to do with this selection.
                </label>
                <select class="bulk-action-select" id="bulk-action-select">

                </select>
            </div>
        </div>

        <template class="notTrashOptions">
            <select class="wrap">
                <option value="">Bulk Actions...</option>
                <?php
                foreach ($this->bulkActions as $control => $label) {
                    $disabled = ($control === 'publish' && !$this->userCanPublish) ? ' disabled' : '';
                    ?>
                    <option value="<?=$control?>"<?=$disabled?>><?=$label?></option>
                    <?php
                $ranges = [];
                foreach ($months as $date) {
                    $month_name = date('F Y', mktime(0, 0, 0, $date->month, 1, $date->year));
                    $value = $date->year . '-' . str_pad($date->month, 2, '0', STR_PAD_LEFT);
                    $ranges[$value] = $month_name;
                }
                foreach ($this->taxonomies as $taxonomy => $config) {
                ?>
                    <option value="tax-<?=$taxonomy?>">Add to <?= $config['singular'] ?></option>
                <?php
                }
                ?>
            </select>

        </template>
        <template class="trashOptions">
            <select class="wrap">
                <option value="">Bulk Actions...</option>
                <option value="restore">Restore</option>
                <option value="delete">Permanently Delete</option>
            </select>
        </template>
        <?php
    }

    protected function renderModals():void
    {
//      $this->renderCreateModal();
        $this->renderEditModal();
        $this->renderBulkEditModal();
    }
    protected function renderCreateModal():void
    {
        echo jvbNewModal(
            'create',
            'Creating <span class="count"></span> New '.$this->config['singular'],
            str_replace('edit-form"', 'create-form" data-noautosave', $this->editForm())
                return $ranges;
            }
        );
    }

    protected function editForm():string
    {
        ob_start();
        ?>
        <form class="edit-form" data-save="content" data-form-id="edit-<?=$this->content?>" data-autosave<?= ($this->isTimeline) ? ' data-timeline' : ''?>>
            <?= jvbFormStatus() ?>
            <input type="hidden" name="form-id" value="<?=uniqid('new-')?>" />
            <input type="hidden" name="content" value="<?=$this->content?>" />
            <div class="fields">
                <div class="field-group radio-options row">
                    <span>Status:</span>
                    <?php
                    $this->getApplicableStatuses('edit');
                    ?>
                </div>
                <?php if (!$this->userCanPublish) { ?>
                    <p class="description">Your account needs to be verified before you can publish content.</p>
                <?php }

                if (!empty($this->sections)) {
                    $tabs = [];
                    foreach ($this->sections as $slug => $title) {
                        $tabs[$slug] = [
                            'title' => $title,
                            'content' => '',
                            'description' => jvbSectionDescription($slug)??'',
                        ];
                        $icon = jvbSectionIcon($slug);
                        if ($icon !== '') {
                            $tabs[$slug]['icon'] = $icon;
                        }
                    }
                } else {
                    $tabs = false;
                }


                $fields = $this->fields;
                if (!$this->isTimeline) {
                    $first = ['post_thumbnail', 'post_title', 'price'];

                    foreach ($first as $f) {
                        if (array_key_exists($f, $fields)) {
                            if ($tabs) {
                                $tabs['basic']['content'] .= $this->meta->render('form', $f, $fields[$f], false, true);
                            } else {
                                $this->meta->render('form', $f, $fields[$f]);
                            }

                            unset($fields[$f]);
                        }
                    }
                }

                if ($this->isTimeline) {
                    $temp = array_filter($fields, function ($field) {
                        return in_array($field, $this->timelineUniqueFields);
                    }, ARRAY_FILTER_USE_KEY);

                    $config = [
                        'type'      => 'gallery',
                        'subtype'   => 'timeline',
                        'data'      => 'timeline',
                        'label'     => 'Progression',
                        'fields'    => $temp
                    ];
                    $content = '';
                    foreach ($fields as $slug=> $field) {
                        if (in_array($slug, $this->timelineSharedFields)) {
                            $content .= $this->form->render($slug, null, $field, false, true);
                        }
                    }


                    $content .= $this->meta->render('form', 'timeline', $config, false,true);

                    $tabs['progression']['content'] = $content;
                    $fields = $this->nonTimelineFields;
                }
                foreach ($fields as $n => $config) {
                    if ($tabs) {
                        $section = (array_key_exists('section', $config)) ? $config['section'] : 'basic';
                        $tabs[$section]['content'] .= $this->meta->render('form', $n, $config, false, true);
                    } else {
                        $this->meta->render('form', $n, $config);
                    }
                }

                if ($tabs) {
                    jvbRenderTabs($tabs);
                }
                ?>
            </div>
        </form>
        <?php
        return ob_get_clean();
    }


    protected function renderRowFields():void
    {
        $fields = $this->fields;

        // Render priority fields first
        $first = ['post_thumbnail', 'post_title', 'price'];
        foreach ($first as $f) {
            if (array_key_exists($f, $fields)) {
                $this->meta->render('form', $f, $fields[$f]);
                unset($fields[$f]);
            }
        }

        // Render remaining fields
        foreach ($fields as $name => $config) {
            if (!array_key_exists('hidden', $config) || !$config['hidden']) {
                $this->meta->render('form', $name, $config);
            }
        }
    }

    protected function getApplicableStatuses(string $prefix) {
        foreach ($this->statuses as $status => $config) {
            if ($status === 'all') {
                continue;
            }
            if (in_array($status, ['future', 'past'])) {
                if ($status === 'future') {
                    $status = 'publish';
                    $config = [
                        'icon'  => 'eye',
                        'label' => 'Live',
                    ];
                } else {
                    continue;
                }
            }
            $disabled = ($status === 'publish' && !$this->userCanPublish) ? ' disabled' : '';
            ?>
            <input type ="radio"
                   name="post_status"
                   class="btn"
                   value="<?= esc_attr($status)?>"
                   id="<?=$prefix?>set-<?= esc_attr($status) ?>"
                <?= $disabled?>>
            <label for="<?=$prefix?>set-<?=esc_attr($status)?>">
                <?= jvbIcon($config['icon'], ['title' => $config['label']]) ?>
                <span><?= esc_html($config['label'])?></span>
            </label>
            <?php
        }
    }
    protected function renderEditModal():void
    {
        echo jvbNewModal(
            'edit',
            'Edit your '.$this->singular,
            $this->editForm()
        );
    }

    protected function renderBulkEditModal():void
    {
        if (empty($this->bulkActions)) return;
        ob_start();
        ?>
        <form class="bulk-edit-form" data-save="content" data-form-id="bulk-edit-<?=$this->content?>">
            <?= jvbFormStatus() ?>
            <div class="selected"></div>
            <p class="description">You can unselect items by clicking the image here.</p>
            <p class="hint"><strong>IMPORTANT: </strong> Whatever changes you make here will be applied to all selected <?=$this->plural?>.</p>
            <div class="fields">
                <div class="field-group radio-options row">
                    <?php
                    $this->getApplicableStatuses('bulk-');
                    ?>
                </div>
                <?php
                if (!empty($this->taxonomies)) {
                ?>
                <div class="taxonomies">
                    <?php
                    foreach ($this->taxonomies as $taxonomy => $config) {
                        $this->meta->render(
                            'form',
                            'bulk-edit-'.$taxonomy,
                            [
                                'type'      => 'taxonomy',
                                'label'     => $config['singular'],
                                'taxonomy'  => $taxonomy,
                                'createNew' => jvbUserIsVerified(),
                                'multiple'  => true,
                                'mode'      => 'append'
                            ]
                        );
                    }
                    ?>
                </div>
                <?php
                }
                $fields = $this->fields;
                $fields = array_filter($fields, function ($field) {
                    return array_key_exists('bulkEdit', $field);
                });
                foreach ($fields as $fieldName => $config) {
                    $this->meta->render('form', $fieldName, $config);
                }
                ?>
            </div>
        </form>
        <template class="bulkItem">
            <label>
                <input type="checkbox">
                <img>
            </label>
        </template>
        <?php
        $form = ob_get_clean();
        echo jvbNewModal(
            'bulkEdit',
            'Bulk Edit <span class="selected"></span> '.$this->config['plural'],
            $form
        );
    }

    protected function renderTemplates():void
    {
        $this->renderListView();
        $this->renderGridView();
        $this->renderTableView();
        $this->renderTableRow();
        if ($this->isTimeline) {
            $temp = array_filter($this->fields, function ($field) {
                return in_array($field, $this->timelineUniqueFields);
            }, ARRAY_FILTER_USE_KEY);
            $form = new MetaForm();
            echo '<template class="timelineItem">';
            $form->renderImagePreview(null,['fields' => $temp]);
            echo '</template>';
        }
        echo jvbGetEmptyStateTemplate();
        echo jvbGetGalleryPreviewTemplate();


    }

    protected function renderItemSelect():string
    {
        ob_start();
        ?>
        <div class="item-select">
            <input type="checkbox" class="select-item">
            <label class="select-item-label">
                <span class="screen-reader-text">Select this <?= $this->singular ?></span>
            </label>
        </div>
        <?php
        return ob_get_clean();
    }

    protected function renderImage():string
    {
        ob_start();
        ?>
        <img loading="lazy" alt="">
        <?php
        return ob_get_clean();
    }

    protected function renderItemActions():string
    {
        ob_start();
        ?>
        <div class="item-actions">
            <button type="button" class="action" data-action="edit" title="Edit <?= $this->singular ?>">
                <?=jvbIcon('pencil-simple')?>
                <span class="screen-reader-text">Edit <?= $this->singular ?></span>
            </button>
            <button type="button" class="action" data-action="trash" title="Scrap <?= $this->singular ?>">
                <?=jvbIcon('trash')?>
                <span class="screen-reader-text">Scrap <?= $this->singular ?></span>
            </button>
<!--            <button type="button" class="action" data-action="toggle-status">-->
<!--                <span class="screen-reader-text">Toggle --><?php //= $this->singular ?><!-- Visibility</span>-->
<!--            </button>-->
        </div>
        <?php
        return ob_get_clean();
    }

    protected function renderItemFields(bool $form = false):string
    {
        ob_start();
        foreach ($this->fields as $name => $config) {
            $renderMode = $form ? 'form' : 'render';

            $field = $this->meta->render($renderMode, $name, $config, false, true);

            // Special handling for title in grid view
            if ($name === 'post_title' && !$form) {
                $field = str_replace('<p', '<h3', str_replace('</p>', '</h3>', $field));
            }

            echo $field;
        }
        return ob_get_clean();
    }

    protected function renderGridView():void
    {
        ?>
        <template class="gridView">
            <div class="item <?= $this->content ?>">
                <input type="checkbox" class="select-item" name="select-item">
                <label title="Select this <?= $this->singular?>" class="select-item-label">
                    <?= $this->renderImage() ?>
                </label>
                <?= $this->renderItemActions(); ?>
            </div>
        </template>
        <?php
    }

    protected function renderListView():void
    {
        ?>
        <template class="listView">
            <div class="item <?=esc_attr($this->content)?> row nowrap">
                <?= $this->renderItemSelect()?>
                <?=$this->renderImage() ?>
                <div class="col start w-full">
                    <?= $this->renderItemActions()?>
                    <h3 data-field="post_title"></h3>
                    <p data-attr="date"></p>
                    <p data-field="price"></p>
                    <div data-field="post_excerpt"></div>
                </div>
            </div>
        </template>
        <?php
    }

    protected function renderTableView():void
    {
        if ($this->isTimeline) {
            $this->renderTimelineTableView();
            return;
        }
        ?>
        <template class="contentTable">
            <form class="table"
                  data-save="content"
                  data-content="<?= esc_attr($this->content) ?>"
                  data-form-id="content-table-<?= esc_attr($this->content) ?>">
                <?= jvbFormStatus() ?>
                <?= $this->renderTableActions() ?>

                <table>
                    <thead>
                    <?= $this->renderTableHeader() ?>
                    </thead>
                    <tbody>
                    <!-- Rows will be inserted here -->
                    </tbody>
                    <tfoot>
                    <?= $this->renderTableHeader() ?>
                    </tfoot>
                </table>
            </form>
        </template>
        <?php
    }
    /**
     * Render table row template
     * Render the interface
     */
    protected function renderTableRow(): void {
        if ($this->isTimeline) {
            $this->renderTimelineTableGroup();
            return;
        }
        ?>
        <template class="tableView">
            <tr class="item">
                <td class="select">
                    <?= $this->renderItemSelect() ?>
                </td>
                <td class="status" data-field="post_status">
                    <?= $this->renderStatusRadios() ?>
                </td>
                <?php
                $makeDetails = [
                    'group',
                    'repeater',
                    'checkbox',
                    'radio'
                ];
                foreach ($this->fields as $name => $config):
                    if (array_key_exists('hidden', $config)){
                        continue;
                    }
                    $makeThisDetailed = (in_array($config['type'], $makeDetails));
                    ?>
                    <td class="field show-<?= esc_attr($name) ?>" data-field="<?= esc_attr($name) ?>" data-field-type="<?=$config['type']?>"<?=(in_array($name, $this->stuck)) ? ' data-stuck':''?>>
                        <?= $makeThisDetailed ? '<details><summary class="row btw">See Value</summary>' : '' ?>
                        <?php $this->meta->render('form', $name, $config); ?>
                        <?= $makeThisDetailed ? '</details>' : '' ?>
                    </td>
                <?php endforeach; ?>
            </tr>
        </template>
        <?php
    }

    protected function renderTimelineTableView():void
    {
        ?>
        <template class="contentTable">
            <form class="table"
                  data-save="content"
                  data-content="<?= esc_attr($this->content) ?>"
                  data-form-id="content-table-<?= esc_attr($this->content) ?>">
                <?= jvbFormStatus() ?>
                <?= $this->renderTableActions() ?>

                <table>
                    <thead>
                    <?= $this->renderTimelineTableHeader() ?>
                    </thead>
                    <!-- Rows are inserted as tbody groups -->
                    <tfoot>
                    <?= $this->renderTimelineTableHeader() ?>
                    </tfoot>
                </table>
            </form>
        </template>
        <?php
    }

    protected function renderTimelineTableGroup():void
    {
        $makeDetails = [
            'group',
            'repeater',
            'checkbox',
            'radio'
        ];
        ?>
        <template class="tableView">
            <tbody class="item">
                <tr class="shared">
                    <td class="select">
                        <?= $this->renderItemSelect() ?>
                    </td>
                    <td class="show-post_status field" data-field="post_status">
                        <?= $this->renderStatusRadios() ?>
                    </td>
                    <?php
                    foreach ($this->fields as $name => $config) {
                        if(array_key_exists('hidden', $config) || $name === 'post_status') {
                            continue;
                        }
                        if (!in_array($name, $this->timelineSharedFields)) {
                            echo '<td></td>';
                            continue;
                        }
                            $makeThisDetailed = (in_array($config['type'], $makeDetails));
                        ?>
                        <td class="field show-<?= esc_attr($name) ?>" data-field="<?= esc_attr($name) ?>" data-field-type="<?=$config['type']?>"<?=(in_array($name, $this->stuck)) ? ' data-stuck':''?>>
                            <?= $makeThisDetailed ? '<details><summary class="row btw">See Value</summary>' : '' ?>
                            <?php $this->meta->render('form', $name, $config); ?>
                            <?= $makeThisDetailed ? '</details>' : '' ?>
                        </td>
                        <?php
                    }

                    ?>
                </tr>
                <tr class="timeline-point">
                    <td class="select">
                        <button class="drag-handle" title="Drag to reorder" aria-label="Drag to reorder this timeline point"><?= jvbIcon('dots-six') ?></button>
                    </td>
                    <td class="show-post_status field" data-field="post_status">
                        <?= $this->renderStatusRadios() ?>
                    </td>
                    <?php
                    foreach ($this->fields as $name => $config) {
                        if(array_key_exists('hidden', $config) || $name === 'post_status') {
                            continue;
                        }
                        if (!in_array($name, $this->timelineUniqueFields)) {
                            echo '<td></td>';
                            continue;
                        }
                        $makeThisDetailed = (in_array($config['type'], $makeDetails));
                        ?>
                        <td class="field show-<?= esc_attr($name) ?>" data-field="<?= esc_attr($name) ?>" data-field-type="<?=$config['type']?>"<?=(in_array($name, $this->stuck)) ? ' data-stuck':''?>>
                            <?= $makeThisDetailed ? '<details><summary class="row btw">See Value</summary>' : '' ?>
                            <?php $this->meta->render('form', $name, $config); ?>
                            <?= $makeThisDetailed ? '</details>' : '' ?>
                        </td>
                        <?php
                    }
                    ?>
                </tr>
            </tbody>
        </template>
        <?php
    }
    /**
     * Render status radio buttons
     */
    protected function renderStatusRadios(): string {
        ob_start();
        ?>
        <div class="radio-options status-options row">
            <?php foreach ($this->statuses as $status => $config):
                if ($status === 'all') continue;

                // Handle special cases
                if ($status === 'future') {
                    $status = 'publish';
                    $config = [
                        'icon' => 'eye',
                        'label' => 'Live'
                    ];
                } elseif ($status === 'past') {
                    continue;
                }
                ?>
                <input type="radio"
                       name="post_status"
                       id="status-<?= esc_attr($status) ?>"
                       value="<?= esc_attr($status) ?>">
                <label for="status-<?= esc_attr($status) ?>">
                    <?= jvbIcon($config['icon']) ?>
                    <span class="screen-reader-text"><?= esc_html($config['label']) ?></span>
                </label>
            <?php endforeach; ?>
        </div>
        <?php
        return ob_get_clean();
    }
    /**
     * Render table header
     */
    protected function renderTableHeader(): string {
        ob_start();

        ?>
        <tr>
            <th scope="col" class="select-header">
                <input type="checkbox" id="select-all" name="select-all">
                <label for="select-all">All</label>
            </th>
            <th scope="col" class="status-header">Status</th>
            <?php foreach ($this->fields as $name => $config):
                if (array_key_exists('hidden', $config)){
                    continue;
                }
                ?>
                <th scope="col" class="show-<?= esc_attr($name) ?>"<?= (in_array($name, $this->stuck)) ? ' data-stuck':''?>>
                    <?= esc_html($config['label']) ?>
                </th>
            <?php endforeach; ?>
        </tr>
        <?php
        return ob_get_clean();
    }

    protected function renderTimelineTableHeader(): string {
        ob_start();

        ?>
        <tr>
            <th scope="col" class="select-header">
                <input type="checkbox" id="select-all" name="select-all">
                <label for="select-all">All</label>
            </th>
            <th scope="col" class="show-post_status">
                Status
            </th>
            <?php foreach ($this->fields as $name => $config):
                if (array_key_exists('hidden', $config) || $name === 'post_status'){
                    continue;
                }
                ?>
                <th scope="col" class="show-<?= esc_attr($name) ?>"<?= (in_array($name, $this->stuck)) ? ' data-stuck':''?>>
                    <?= esc_html($config['label']) ?>
                </th>
            <?php endforeach; ?>
        </tr>
        <?php
        return ob_get_clean();
    public function render(): void {
        $this->skeleton->render();
    }

    /**
     * Render table action controls
     * Get the skeleton instance for further customization
     */
    protected function renderTableActions(): string {
        ob_start();
        ?>
        <div class="table-actions row btw nowrap">
            <?= jvbRenderToggleTextField(
                'vertical',
                'TAB NAV:',
                '',
                jvbIcon('caret-double-down'),
                jvbIcon('caret-double-right')
            ) ?>

            <button type="button" class="add-row" title="Add new row">
                <?= jvbIcon('plus-square') ?>
                <span>Add Row</span>
            </button>
        </div>
        <?php
        return ob_get_clean();
    }

    public function createItem(array $actions):array
    {
        ob_start();
        $this->renderCreateModal();
        $content = ob_get_clean();
        $create = [
            'button'    => '<button type="button" class="create-item row" title="Create New '.$this->singular.'">'.jvbIcon('plus-square').'<span class="screen-reader-text">Create New '.$this->singular.'</span></button>',
            'content'   => $content,
        ];
        $actions[] = $create;
        return $actions;
    public function getSkeleton(): CRUDSkeleton {
        return $this->skeleton;
    }
}

 inc/managers/CacheManager.php

@@ -306,7 +306,14 @@
        $key = $this->normalizeKey($key);
        $cache_key = $this->buildKey($key);

        return wp_cache_get($cache_key, $group);
        $value = wp_cache_get($cache_key, $group);

        // Fallback to transient if no external object cache
        if ($value === false && !wp_using_ext_object_cache()) {
            $value = get_transient($group . '_' . $cache_key);
        }

        return $value;
    }

    /**
@@ -324,12 +331,18 @@
        $key = $this->normalizeKey($key);
        $cache_key = $this->buildKey($key);

        // Update timestamp when setting new data
        self::updateTimestamp($this->group);

        return wp_cache_set($cache_key, $value, $group, $ttl);
    }
        // Try object cache first
        $result = wp_cache_set($cache_key, $value, $group, $ttl);

        // If no external object cache, also store in transient for persistence
        if (!wp_using_ext_object_cache()) {
            set_transient($group . '_' . $cache_key, $value, $ttl);
        }

        return $result;
    }
    /**
     * Delete a cached value
     * @param string|array $key The key to look up (auto-generates key from array of key=>values)
@@ -342,9 +355,17 @@
        $key = $this->normalizeKey($key);
        $cache_key = $this->buildKey($key);

        return wp_cache_delete($cache_key, $group);
        $result = wp_cache_delete($cache_key, $group);

        // Also delete transient if no external object cache
        if (!wp_using_ext_object_cache()) {
            delete_transient($group . '_' . $cache_key);
        }

        return $result;
    }


    /**
     * Clear all cache for this group
     * @return bool
@@ -354,16 +375,40 @@
        try {
            if (function_exists('wp_cache_flush_group')) {
                wp_cache_flush_group($this->group);
                self::updateTimestamp($this->group);
                return true;
            }
            return false;

            // Clear transients for this group if no external object cache
            if (!wp_using_ext_object_cache()) {
                $this->clearGroupTransients();
            }

            self::updateTimestamp($this->group);
            return true;
        } catch (\Exception $e) {
            return false;
        }
    }

    /**
     * Clear all transients for this cache group
     */
    private function clearGroupTransients(): void
    {
        global $wpdb;

        $pattern = '_transient_' . $this->group . '_' . $this->prefix . '%';
        $timeout_pattern = '_transient_timeout_' . $this->group . '_' . $this->prefix . '%';

        $wpdb->query(
            $wpdb->prepare(
                "DELETE FROM $wpdb->options WHERE option_name LIKE %s OR option_name LIKE %s",
                $pattern,
                $timeout_pattern
            )
        );
    }

    /**
     * Helper to generateKey from array if applicable
     * @param string|array $key
     * @return string

 inc/managers/DashboardManager.php

@@ -4,6 +4,7 @@
use JVBase\forms\TaxonomySelector;use JVBase\managers\CRUD;
use JVBase\meta\MetaManager;
use JVBase\utility\Features;
use JVBase\ui\Navigation;
use WP_User;

if (!defined('ABSPATH')) {
@@ -18,6 +19,7 @@
    protected WP_User $user;
    protected CacheManager $cache;
    protected string $role;
    protected string $baseURL;
    protected int $userLink;

    public function __construct()
@@ -30,15 +32,30 @@
        $this->user = wp_get_current_user();
        $this->role = jvbUserRole($this->user->ID);
        $this->userLink = (int)get_user_meta($this->user->ID, BASE.'link', true);

        $this->baseURL = get_home_url(null, '/dash');

        add_action('template_redirect', [$this, 'handleRedirects']);
        add_action('template_include', [$this, 'dashboardTemplates']);
        add_action('admin_init', [$this, 'redirectFromAdmin']);
        add_action('wp_enqueue_scripts', [$this, 'dashboardScripts'], 50);
        add_filter('jvbDashboardPage', [$this, 'renderIndex'], 10, 2);

        add_filter('the_seo_framework_sitemap_exclude_ids', [$this, 'excludeDashboard'], 10, 1);
    }

    public function excludeDashboard(array $ids):array {
        $cached = $this->cache->remember(
            'dashboardIDs',
            function() {
                return get_posts([
                    'post_type' => BASE.'dash',
                    'posts_per_page' => -1,
                    'fields' => 'ids',
                ]);
            });
        return array_merge($ids, $cached);
    }

    /**
     * Registers the custom post type that handles the dashboard
     * @return void
@@ -482,12 +499,13 @@
        if (!is_singular(BASE.'dash') && !is_post_type_archive(BASE.'dash')) {
            return;
        }
        wp_enqueue_style('jvb-icons-dash');
        wp_enqueue_style('jvb-icons-forms');

        wp_enqueue_script('jvb-form');
        wp_enqueue_script('jvb-selector');
        wp_enqueue_script('jvb-uploader');
        wp_enqueue_script('jvb-content');
        wp_enqueue_script('jvb-crud');

        $page = $this->getCurrentPageSlug();

@@ -526,6 +544,12 @@
                    );
                    }
                    break;
                case 'seo':
                    wp_enqueue_script('jvb-schema');
                    break;
                default:
                    wp_enqueue_script('jvb-crud');
                    break;
            }
            if (Features::forSite()->has('favourites')) {
                 wp_enqueue_script('jvb-favourites');
@@ -629,7 +653,7 @@
            $checked = (is_user_logged_in() && current_user_can('prefers_dark_theme', true)) ? ' checked' : '';
            $title = ($checked == '') ? 'Toggle Dark Mode' : 'Toggle Light Mode';
            echo '<label title="'.$title.'" id="theme-switch" class="toggle-switch" for="theme-switcher">
                    <input class="theme-switch row" id="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode"><span class="slider">'.
                    <input class="theme-switch row" id="theme-switcher" name="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode" aria-label="Toggle dark mode"><span class="slider">'.
                    jvbIcon('sun-dim', ['title'=> 'Light Mode']).
                    jvbIcon('moon', ['title'=>'Dark Mode']).
                    '</span></label>';
@@ -668,39 +692,133 @@
    {
        ?>
        </section>

        <?php
        $menu = new Navigation('sidebar');
        $menuClasses = ['col', 'a-start', 'nowrap'];
        $itemClasses = ['col'];
        $menu->addClass('col a-start')->hasToggle()->defaultMenuClasses($menuClasses);
        $menu->defaultItemClasses($itemClasses);
        $pages = $this->getUserAllowedPages()?:[];
        //Dashboard
            //Referrals
        $dashboard = $menu->addItem('Dashboard',jvbDashIcon('door'))
            ->url($this->baseURL);
//          ->submenu('dashboard')
//          ->defaultMenuClasses($menuClasses)
//          ->defaultItemClasses($itemClasses);
        //notifications
        if (in_array('Notifications', $pages)) {
            $menu->addItem('Notifications',jvbDashIcon('bell'))
                ->url($this->baseURL.'/notifications');
        }
        if (in_array('Referrals', $pages)) {
            $menu->addItem('Referrals', jvbDashIcon('hand-heart'))
                ->url($this->baseURL.'/referrals');
        }
        if (in_array('Favourites', $pages)) {
            $menu->addItem('Favourites', jvbDashIcon('heart'))
                ->url($this->baseURL.'/favourites');
        }

        //Content
            //content types
                //Taxonomies
        $availableContent = array_filter($pages, function($page, $key) {
            return !is_numeric($key) && array_key_exists($key, JVB_CONTENT);
        }, ARRAY_FILTER_USE_BOTH);
        if (!empty ($availableContent)){
            $content = $menu->addItem('Your Content', jvbDashIcon('book-bookmark'))
                ->submenu('content')
                ->defaultMenuClasses($menuClasses)
                ->defaultItemClasses($itemClasses);
            foreach ($availableContent as $slug => $page) {
                $config = JVB_CONTENT[$slug];
                $item = $content->addItem($page, jvbDashIcon($config['icon']))
                    ->url($this->baseURL.'/'.$slug);

                $taxonomies = array_filter(JVB_TAXONOMY, function ($value, $key) use ($slug) {
                    return in_array($slug, $value['for_content']);
                },1);
                if (!empty ($taxonomies)) {
                    //TODO: If we add a dedicated 'create item' page, remove this from the empty check
                    $itemMenu = $item->submenu($slug);
                    foreach ($taxonomies as $s => $config) {
                        $itemMenu->addItem($config['plural'], $config['icon'])
                            ->url($this->baseURL.'/'.$s);
                    }
                }

            }
        }

        //Settings
        $settings = $menu->addItem('Settings', jvbDashIcon('faders'))
            ->submenu('settings')
            ->defaultItemClasses($itemClasses)
            ->defaultMenuClasses($menuClasses);

            //SEO
            if (in_array('SEO', $pages)) {
                $settings->addItem('SEO', jvbDashIcon('robot'))
                    ->url($this->baseURL.'/seo');
            }
            //Integrations
            if (in_array('Integrations', $pages)) {
                $settings->addItem('Integrations', jvbDashIcon('plugs-connected'))
                    ->url($this->baseURL.'/integrations');
            }
        //Account
        $account = $menu->addItem('Account', jvbDashIcon('user-circle'))
            ->url($this->baseURL.'/account')
            ->submenu('account')
            ->defaultMenuClasses($menuClasses)
            ->defaultItemClasses($itemClasses);
        $account->addItem('Reset Password', jvbDashIcon('password'))
            ->url($this->baseURL.'/reset-password');
            //name + contact
            //reset password

            if (in_array('notifications', $pages)) {
                $account->addItem('Permissions', jvbDashIcon('keyhole'))
                    ->url($this->baseURL.'/permissions');
            }

        echo $menu->render();
         ?>

        <footer class="col">
            <?= jvbLoadingScreen() ?>
            <?= TaxonomySelector::outputSelectorModal() ?>
            <nav class="dashboard-nav">
<!--            <nav class="dashboard-nav">-->
                <?php
                $current_page = $this->getCurrentPageSlug();
                $pages = $this->getUserAllowedPages()?:[];

                echo '<ul>';
                foreach ($pages as $slug => $page) {
                    $slug = $this->getSlug($slug, $page);
                    $icon = $this->getIcon($slug, $page);
                    // Add data-page attribute for the navigator
                    $active = ($current_page == $slug) ? ' class="current"' : '';
                    $current = ($current_page == $slug) ? ' aria-current="page"' : '';


                    $link = ($page === 'dash') ? '/'.$page : "/dash/$slug";
                    printf(
                        '<li%s><a href="%s"%s data-page="%s" data-dash title="%s">%s<span>%s</span></a></li>',
                        $active,
                        get_home_url(null, $link),
                        $current,
                        $slug,
                        $page,
                        jvbIcon($icon, ['title'=> $page]),
                        $page
                    );
                }

                echo '</ul>';
//                $current_page = $this->getCurrentPageSlug();
//                $pages = $this->getUserAllowedPages()?:[];
//                echo '<ul>';
//                foreach ($pages as $slug => $page) {
//                  $slug = $this->getSlug($slug, $page);
//                  $icon = $this->getIcon($slug, $page);
//                  // Add data-page attribute for the navigator
//                    $active = ($current_page == $slug) ? ' class="current"' : '';
//                    $current = ($current_page == $slug) ? ' aria-current="page"' : '';
//
//
//                  $link = ($page === 'dash') ? '/'.$page : "/dash/$slug";
//                    printf(
//                        '<li%s><a href="%s"%s data-page="%s" data-dash title="%s">%s<span>%s</span></a></li>',
//                        $active,
//                        get_home_url(null, $link),
//                        $current,
//                        $slug,
//                        $page,
//                        jvbDashIcon($icon, ['title'=> $page]),
//                        $page
//                    );
//                }
//
//                echo '</ul>';
                ?>
            </nav>
<!--            </nav>-->
        </footer>


@@ -720,6 +838,14 @@
        if ($page !== '' && $page !== 'dash') {
            return $content;
        }

        if (Features::forSite()->has('referrals')) {
            $whatever = JVB()->referrals()->getReferralWelcomeMessage($this->user->ID);
            if (!empty($whatever)) {
                return $whatever;
            }
        }

        ob_start();
        $name = ($this->user->first_name !== '') ? $this->user->first_name : $this->user->display_name;

@@ -743,7 +869,7 @@
            $icon = $this->getIcon($slug, $page);
            if ($title !== '') {
                echo '<li><p><a href="'.get_home_url(null, '/dash/'.$slug.'/').'"
                    data-page="'.$slug.'" data-dash>'.jvbIcon($icon).ucwords($title).'</a></p></li>';
                    data-page="'.$slug.'" data-dash>'.jvbDashIcon($icon).ucwords($title).'</a></p></li>';
            }

        }
@@ -804,13 +930,13 @@
            $out = '<nav class="integrations"><ul>';

            $url = get_home_url(null, '/dash/integrations/');
            $out .= '<li><a href="'.$url.'">'.jvbIcon('plugs-connected').'Integrations</a></li>';
            $out .= '<li><a href="'.$url.'">'.jvbDashIcon('plugs-connected').'Integrations</a></li>';
            foreach ($integrations as $name=> $integration) {
                if (!JVB()->userCanConnect($name, $this->user->ID) || !$integration->hasDefaults()) {
                    continue;
                }
                $link = sanitize_title(str_replace('_', '-',$name));
                $out .= '<li><a href="'.$url.$link.'">'.jvbIcon($integration->icon).$integration->getTitle().'</a></li>';
                $out .= '<li><a href="'.$url.$link.'">'.jvbDashIcon($integration->icon).$integration->getTitle().'</a></li>';
            }
            $out .= '</ul></nav>';
        }
@@ -861,16 +987,16 @@
        <div class="approvals container">
            <nav class="tabs row start" role="tablist">
                <button type="button" class="tab active" data-tab="summary" role="tab" aria-selected="true">
                    <h2><?= jvbIcon('infinity')?>All</h2>
                    <h2><?= jvbDashIcon('infinity')?>All</h2>
                </button>
                <button type="button" class="tab" data-tab="artists" role="tab" aria-selected="false">
                    <h2><?= jvbIcon('users-three')?>Artists</h2>
                    <h2><?= jvbDashIcon('users-three')?>Artists</h2>
                </button>
                <button type="button" class="tab" data-tab="terms" role="tab" aria-selected="false">
                    <h2><?= jvbIcon('hash')?>Terms</h2>
                    <h2><?= jvbDashIcon('hash')?>Terms</h2>
                </button>
                <button type="button" class="tab" data-tab="yours" role="tab" aria-selected="false">
                    <h2><?= jvbIcon('user')?>Yours</h2>
                    <h2><?= jvbDashIcon('user')?>Yours</h2>
                </button>
            </nav>
        </div>
@@ -947,7 +1073,7 @@
            $active = ($i === 1) ? ' active' : '';
            ?>
            <button type="button" class="tab<?=$active?>" data-tab="<?=$type?>" role="tab" aria-selected="<?= ($active !== '') ? 'true' : 'false'?>">
                <h2><?=jvbIcon($settings['icon']??$key)?> <?= $settings['plural'] ?></h2>
                <h2><?=jvbDashIcon($settings['icon']??$key)?> <?= $settings['plural'] ?></h2>
            </button>
            <?php
            $i++;
@@ -974,8 +1100,8 @@
            'vertical',
            'TAB NAV:',
            '',
            jvbIcon('caret-double-down'),
            jvbIcon('caret-double-right'))?>
            jvbDashIcon('caret-double-down'),
            jvbDashIcon('caret-double-right'))?>

    </div>
    <div class="items-container">
@@ -1034,18 +1160,18 @@
        <template class="<?= $type ?>Row">
            <tr>
                <td>
                     <?= jvbIcon('dots-six-vertical') ?>
                     <?= jvbDashIcon('dots-six-vertical') ?>
                 </td>
                 <td data-id="actions" class="col">
                     <?= jvbRenderToggleTextField(
                         'public',
                         '',
                         '',
                         jvbIcon('eye'),
                         jvbIcon('eye-closed'))
                         jvbDashIcon('eye'),
                         jvbDashIcon('eye-closed'))
                     ?>
                     <button type="button" data-action="edit">
                         <?= jvbIcon('pencil-simple') ?>
                         <?= jvbDashIcon('pencil-simple') ?>
                    </button>
                </td>
                <?php
@@ -1104,7 +1230,7 @@
        $pages = $this->cache->get($cacheKey);
        if ($pages === false || JVB_TESTING) {
            $pages = [];

            $pages[] = 'SEO';
            // Add feature-dependent pages (non-config)
            if (Features::forSite()->has('referrals')) {
                $pages[] = 'Referrals';
@@ -1205,9 +1331,10 @@
            return [];
        }


        $cacheKey = "user_pages_{$userID}";
        $pages = $this->cache->get($cacheKey);

        $pages = false;
        if ($pages === false || JVB_TESTING) {
            if (user_can($userID, 'manage_options')) {
                // Admin gets all pages as flat array
@@ -1230,7 +1357,7 @@
                    }
                    switch ($type) {
                        case 'content':
                            if (!user_can($userID, "edit_{$permission}")) {
                            if (user_can($userID, "edit_{$permission}")) {
                                $remove = false;
                            }
                            break;
@@ -1238,12 +1365,14 @@
                            $config = Features::getConfig($key, 'taxonomy');
                            if (array_key_exists('is_content', $config) && $config['is_content'] && (user_can($userID, "own_{$key}") || user_can($userID, "manage_{$key}"))) {
                                $remove = false;
                            } else if (count(array_intersect($config['for_content'], array_keys($pages))) > 0) {
                                $remove = false;
                            }
                            break;
                    }
                } else {
                    switch ($slug) {
                        case 'integrations':
                        case 'Integrations':
                            foreach($roles as $role) {
                                if (Features::hasAnyIntegration('user', $role)) {
                                    $remove = false;
@@ -1263,7 +1392,7 @@
                                }
                            }
                            break;
                        case 'approvals':
                        case 'Approvals':
                            $canApprove = false;
                            if (Features::forMembership()->has('term_approval')) {
                                if (array_key_exists('can_approve', JVB_MEMBERSHIP)) {
@@ -1313,6 +1442,8 @@
                                }
                            }
                            break;
                        case 'dash':
                        case 'Referrals':
                        case 'favourites':
                        case 'notifications':
                        case 'support':
@@ -1321,9 +1452,9 @@
                        default:
                            break;
                    }
                    if ($remove) {
                        unset($pages[$key]);
                    }
                }
                if ($remove) {
                    unset($pages[$key]);
                }
            }


 inc/managers/EmailManager.php

@@ -394,8 +394,8 @@
            <p>This password reset link is only valid for 24 hours.</p>',
            $user->display_name,
            $user_login,
            jvbMailButton($reset_url,'Reset Password'),
            jvbEmailLink($reset_url)
            JVB()->email()->button($reset_url,'Reset Password'),
            JVB()->email()->link($reset_url)
        );
        $content = apply_filters('jvbPasswordResetEmail', $content, $user_login, $user, $reset_url);
        $content .= $this->signature;
@@ -438,7 +438,7 @@
            $newUser['first_name'],
            $oldUser['user_email'],
            $newUser['user_email'],
            jvbMailButton(wp_login_url(), 'Log In To Your Account')
            JVB()->email()->button(wp_login_url(), 'Log In To Your Account')
        );
        $content = apply_filters('jvbEmailChangeRequestEmail', $content, $oldUser, $newUser);
        $content .= $this->signature;
@@ -469,8 +469,8 @@
            %s
            <p>Or copy and paste this link into your browser:</p>
            %s',
            jvbMailButton($confirm_url, 'Confirm this Email'),
            jvbEmailLink($confirm_url)
            JVB()->email()->button($confirm_url, 'Confirm this Email'),
            JVB()->email()->link($confirm_url)
        );

        $content = apply_filters('jvbEmailChangedEmail', $content, $confirm_url);
@@ -499,7 +499,7 @@
            <p>You can <a href="sms:+18259257398">text us</a>, or reply to this email.</p>
            %s',
            $oldUser['first_name'],
            jvbMailButton(wp_login_url(), 'Log In to Your Account')
            JVB()->email()->button(wp_login_url(), 'Log In to Your Account')
        );
        $content = apply_filters('jvbPasswordChangeEmail', $content, $oldUser, $newUser);
        $content .= $this->signature;
@@ -545,8 +545,8 @@
            <p>Or copy and paste this link into your browser:</p>
            %s',
            $request_name,
            jvbMailButton($confirm_url, 'Confirm'),
            jvbEmailLink($confirm_url)
            JVB()->email()->button($confirm_url, 'Confirm'),
            JVB()->email()->link($confirm_url)
        );
        $message = apply_filters('jvbPersonalDataExport', $message, $request_type, $confirm_url, $email_data);

@@ -579,8 +579,8 @@
            %s
            <div class="divider"></div>
            <p><strong>Important:</strong> For privacy and security, this link will expire at %s.</p>',
            jvbMailButton($download_url, 'Download Your Data'),
            jvbEmailLink($download_url),
            JVB()->email()->button($download_url, 'Download Your Data'),
            JVB()->email()->link($download_url),
            $expiresAt
        );
        $message = apply_filters('jvbPersonalDataExported', $message, $download_url, $expiresAt, $email_data);
@@ -588,6 +588,29 @@

        return $this->getEmailTemplate($message, 'Your Personal Data Export');
    }

    public function signature():string
    {
        return $this->signature;
    }

    public function button(string $link, string $title):string
    {
        return sprintf(
            '<p style="text-align: center;"><a href="%s" class="button">%s</a></p>',
            $link,
            $title
        );
    }

    public function link(string $link):string
    {
        return sprintf(
            '<p style="user-select:all;">%s</p>',
            $link
        );
    }

}

new EmailManager();


 inc/managers/ErrorHandler.php

@@ -186,33 +186,61 @@
     *
     * @return bool Whether it gets logged successfully
     */
    public function log(string $component, string $message, array $context = [], string $severity = 'error'):bool
    {
        try {
            // Normal queue-based logging
            JVB()->queue()->queueOperation(
                'error_log',
                get_current_user_id(),
                [
                    'component' => $component,
                    'message' => $message,
                    'context' => $context,
                    'severity' => $severity
                ],
                ['priority' => 'high']
            );
    public function log(string $component, string $message, array $context = [], string $severity = 'error'): array
    {
        try {
            $table = $this->wpdb->prefix . BASE . 'error_log';

            // Validate severity
            if (!array_key_exists($severity, $this->error_levels)) {
                $severity = 'error';
            }

            // Immediate notification for critical errors
            if ($severity === 'critical') {
                $this->notifyAdmin($component, $message, $context);
            }
            return true;
        } catch (Exception $e) {
            error_log("[edmonton.ink Error] Failed to log error: " . $e->getMessage());
            return false;
        }
    }
            // Extract info
            $error_type = sanitize_text_field($context['error_type'] ?? $component);
            $method = isset($context['method']) ? sanitize_text_field($context['method']) : null;
            $page_url = isset($context['url']) ? esc_url_raw($context['url']) : null;
            $user_id = get_current_user_id();
            $user_was_logged_in = $user_id > 0 || (!empty($context['isLoggedIn']));

            // Determine source from context
            $source = isset($context['source']) ? $context['source'] :
                (isset($context['url']) ? 'frontend' : 'backend');

            $result = $this->wpdb->insert(
                $table,
                [
                    'error_type' => $error_type,
                    'component' => $component,
                    'method' => $method,
                    'page_url' => $page_url,
                    'message' => sanitize_textarea_field($message),
                    'context' => json_encode($context),
                    'severity' => $severity,
                    'user_id' => $user_id ?: null,
                    'user_was_logged_in' => $user_was_logged_in ? 1 : 0,
                    'source' => $source,
                    'created_at' => current_time('mysql')
                ],
                ['%s', '%s', '%s', '%s', '%s', '%s', '%s', '%d', '%d', '%s', '%s']
            );

            if ($result === false) {
                error_log("[ErrorHandler] Database insert failed: " . $this->wpdb->last_error);
                return ['success' => false, 'message' => $this->wpdb->last_error];
            }

            if ($severity === 'critical') {
                $this->checkErrorThreshold($error_type, $component);
            }

            return ['success' => true, 'id' => $this->wpdb->insert_id];

        } catch (Exception $e) {
            error_log("[ErrorHandler Exception] " . $e->getMessage());
            return ['success' => false, 'message' => $e->getMessage()];
        }
    }

    /**
     * @param string $component What class or function logs the error
@@ -227,42 +255,96 @@
        $subject = "[edmonton.ink Critical Error] {$component}";
        $body = "Error: {$message}\n\nContext: " . print_r($context, true);

        return jvbMail($admin_email, $subject, $body);
        return JVB()->email()->sendEmail($admin_email, $subject, $body);
    }

    /**
     * Gather summary of the most important errors
     * @param ?string $start_date Defaults to today
     * @param ?string $end_date Defaults to today
     * @return array
     */
    protected function gatherErrorSummary():array
    {
        $yesterday = date('Y-m-d H:i:s', strtotime('-24 hours'));
    public function gatherErrorSummary(?string $start_date = null, ?string $end_date = null): array
    {
        $table = $this->wpdb->prefix . BASE . 'error_log';

        // Get most frequent errors
        $frequent_errors = $this->wpdb->get_results($this->wpdb->prepare(
            "SELECT error_type, component, message, COUNT(*) as count
             FROM {$this->tableName}
             WHERE created_at > %s
             GROUP BY error_type, component, message
             ORDER BY count DESC
             LIMIT 20",
            $yesterday
        ));
        if (!$start_date) {
            $start_date = gmdate('Y-m-d 00:00:00', strtotime('-1 day'));
        }
        if (!$end_date) {
            $end_date = gmdate('Y-m-d 23:59:59');
        }

        // Get most recent critical errors
        $critical_errors = $this->wpdb->get_results($this->wpdb->prepare(
            "SELECT * FROM {$this->tableName}
             WHERE severity = 'critical' AND created_at > %s
             ORDER BY created_at DESC
             LIMIT 5",
            $yesterday
        ));
        // Most frequent error patterns (deduplicated by component/method/message)
        $frequent = $this->wpdb->get_results($this->wpdb->prepare(
            "SELECT
            component,
            method,
            error_type,
            message,
            severity,
            source,
            COUNT(*) as count,
            SUM(CASE WHEN user_was_logged_in = 1 THEN 1 ELSE 0 END) as logged_in_count,
            SUM(CASE WHEN user_was_logged_in = 0 THEN 1 ELSE 0 END) as logged_out_count,
            MIN(created_at) as first_seen,
            MAX(created_at) as last_seen
         FROM {$table}
         WHERE created_at BETWEEN %s AND %s
         GROUP BY component, method, error_type, message, severity, source
         ORDER BY count DESC, severity DESC
         LIMIT 10",
            $start_date,
            $end_date
        ));

        return [
            'frequent' => $frequent_errors,
            'critical' => $critical_errors
        ];
    }
        // Critical errors
        $critical = $this->wpdb->get_results($this->wpdb->prepare(
            "SELECT
            component,
            method,
            error_type,
            message,
            source,
            COUNT(*) as count,
            SUM(CASE WHEN user_was_logged_in = 1 THEN 1 ELSE 0 END) as logged_in_count,
            SUM(CASE WHEN user_was_logged_in = 0 THEN 1 ELSE 0 END) as logged_out_count,
            MIN(created_at) as first_seen,
            MAX(created_at) as last_seen
         FROM {$table}
         WHERE created_at BETWEEN %s AND %s AND severity = 'critical'
         GROUP BY component, method, error_type, message, source
         ORDER BY count DESC
         LIMIT 5",
            $start_date,
            $end_date
        ));

        // Overall stats
        $stats = $this->wpdb->get_row($this->wpdb->prepare(
            "SELECT
            COUNT(*) as total_errors,
            COUNT(DISTINCT CONCAT(component, '-', COALESCE(method, ''), '-', error_type)) as unique_error_types,
            SUM(CASE WHEN user_was_logged_in = 1 THEN 1 ELSE 0 END) as logged_in_errors,
            SUM(CASE WHEN user_was_logged_in = 0 THEN 1 ELSE 0 END) as logged_out_errors,
            SUM(CASE WHEN source = 'frontend' THEN 1 ELSE 0 END) as frontend_errors,
            SUM(CASE WHEN source = 'backend' THEN 1 ELSE 0 END) as backend_errors,
            SUM(CASE WHEN severity = 'critical' THEN 1 ELSE 0 END) as critical_count,
            SUM(CASE WHEN severity = 'error' THEN 1 ELSE 0 END) as error_count,
            SUM(CASE WHEN severity = 'warning' THEN 1 ELSE 0 END) as warning_count
         FROM {$table}
         WHERE created_at BETWEEN %s AND %s",
            $start_date,
            $end_date
        ));

        return [
            'frequent' => $frequent,
            'critical' => $critical,
            'stats' => $stats,
            'date_range' => ['start' => $start_date, 'end' => $end_date]
        ];
    }

    /**
     * Send daily error summary email to administrator
@@ -330,7 +412,7 @@
        $body .= "View detailed error logs in the dashboard: {$admin_url}\n\n";

        // Send the email
        $sent = jvbMail($admin_email, $subject, $body, 'ERROR SUMMARY');
        $sent = JVB()->email()->sendEmail($admin_email, $subject, $body, 'ERROR SUMMARY');

        // Log that summary was sent
        if ($sent) {
@@ -426,6 +508,8 @@

    }



    protected function buildParams(WP_REST_Request $request):array {
        $allowedSeverity = [
            'all',

 inc/managers/FormManager.php

@@ -394,7 +394,7 @@
        }

        // Send email
        return jvbMail($to, $subject, $body, $headers);
        return JVB()->email()->sendEmail($to, $subject, $body, $headers);
    }

    /**

 inc/managers/IconsManager.php

@@ -9,29 +9,40 @@

class IconsManager
{
    protected static ?IconsManager $instance = null;
    // Static array holding all source instances
    protected static array $instances = [];

    // Static storage for all custom icons across sources
    protected static array $customIconsRegistry = [];

    // Instance-specific properties
    protected string $source;
    protected array $icons = []; // Icons for THIS source [style => [names]]
    protected CacheManager $cache;
    protected string $style = 'regular';
    protected array $styles = ['regular', 'bold', 'duotone', 'fill', 'light', 'thin'];
    // Custom icons registered via filter
    protected array $customIcons = [];
    protected array $usedIcons = [];
    protected array $customIcons = []; // Custom icons for THIS source
    protected array $map = [];
    protected const MAX_VERSIONS = 5;

    /**
     * Get singleton instance
     * Factory method - get or create instance for a source
     */
    public static function getInstance(): IconsManager
    public static function for(string $source = 'icons'): IconsManager
    {
        if (self::$instance === null) {
            self::$instance = new self();
        if (!isset(self::$instances[$source])) {
            self::$instances[$source] = new self($source);
        }
        return self::$instance;
        return self::$instances[$source];
    }
    private function __construct()

    /**
     * Constructor now takes source parameter
     */
    private function __construct(string $source)
    {
        $this->cache = CacheManager::for('icons', WEEK_IN_SECONDS);
        $this->source = $source;
        $this->cache = CacheManager::for('icons_' . $source, WEEK_IN_SECONDS);

        $this->style = (array_key_exists('icons', JVB_SITE) && in_array(JVB_SITE['icons'], $this->styles))
            ? JVB_SITE['icons']
@@ -39,49 +50,106 @@

        $this->addMap();

        // Allow custom icon registration
        $this->customIcons = apply_filters('jvbRegisterCustomIcons', [
            'syncing'       => JVB_DIR .'/assets/icons/cloud-sync-thin.svg',
            'alphabetical'  => JVB_DIR.'/assets/icons/alphabetical.svg'
        ]);
        // Register custom icons only once for all sources
        if ($source === 'icons') {
            $this->registerCustomIcons();
        }

        // Load custom icons for THIS source
        $this->loadCustomIconsForSource();

        $this->usedIcons = get_option(BASE.'usedIcons', []);
        $this->includeIcons();
        // Track custom icons for CSS generation
        $this->trackCustomIcons();
        // Register hooks only once
        $this->registerHooks();
        // Load stored icons for this source
        $this->loadStoredIcons();

        if (empty($this->icons)) {
            $this->includeIcons();
        }

        // Register global hooks only once (first instance)
        if (count(self::$instances) === 1) {
            $this->registerGlobalHooks();
        }

        // Register instance's hooks (every instance)
        $this->registerInstanceHooks();
    }



    /**
     * Ensure custom icons are tracked for CSS generation
     * Register all custom icons (runs once)
     */
    protected function trackCustomIcons(): void
    protected function registerCustomIcons(): void
    {
        if (empty($this->customIcons)) {
            return;
        }
        $icons = array_merge(apply_filters('jvbRegisterCustomIcons', []), ['syncing' => JVB_DIR . '/assets/icons/cloud-sync-thin.svg',
            'alphabetical' => JVB_DIR . '/assets/icons/alphabetical.svg']);

        foreach ($this->customIcons as $name => $path) {
            $this->trackIconUsage($name, $this->style);
        }
        // Process and store in static property so all instances can access
        self::$customIconsRegistry = $this->processCustomIconsArray($icons);
    }

    /**
     * Include icons via filter (for JS usage, etc.)
     * Process custom icons array into source-grouped format
     */
    protected function processCustomIconsArray(array $icons): array
    {
        $out = [];
        foreach ($icons as $name => $source) {
            if (!file_exists($source)) {
                error_log('[IconsManager] No file exists for custom Icon: '.$name);
                continue;
            }
            $out[$name] = $source;
        }

        return $out;
    }

    /**
     * Load custom icons for this instance's source
     */
    protected function loadCustomIconsForSource(): void
    {
        $this->customIcons = self::$customIconsRegistry;
//      foreach ($this->customIcons as $name => $path) {
//          if (!isset($this->icons[$this->style])) {
//              $this->icons[$this->style] = [];
//          }
//          if (!in_array($name, $this->icons[$this->style])) {
//              $this->icons[$this->style][] = $name;
//          }
//      }
    }

    /**
     * Load previously stored icons for this source
     */
    protected function loadStoredIcons(): void
    {
        $allIcons = get_option(BASE.'usedIcons', []);
        $storedIcons = $allIcons[$this->source] ?? [];

        // Merge stored icons with any existing icons (like custom icons)
        foreach ($storedIcons as $style => $names) {
            if (!isset($this->icons[$style])) {
                $this->icons[$style] = [];
            }
            $this->icons[$style] = array_unique(array_merge($this->icons[$style], $names));
        }
    }

    protected function includeIcons():void
    {
        $icons = get_option(BASE.'includeIcons');

        if (!$icons) {
            $icons = [
        $defaults = [
            'icons' => [
                'google-logo',
                'apple-logo',
                'check-circle',
                'close-circle',
                'cloud-slash',
                'exclamation-mark',
                'cloud-arrow-down',
                'caret-down',
                'cloud-arrow-up',
                'cloud-check',
                'cloud-slash',
@@ -92,9 +160,11 @@
                'share-fat',
                'trash',
                'star',
                'alphabetical',
                ['name' => 'star-half', 'style' => 'fill'],
                ['name' => 'star', 'style' => 'fill'],
                //FORMATTING
            ],
            'forms' => [
                'copy',
                'paragraph',
                'text-h-one',
@@ -120,102 +190,186 @@
                'file-doc',
                'file-txt',
                'file-xls',
            ];
            ],
//          'dash' => [
//
//          ]
        ];

            $check = [JVB_CONTENT, JVB_TAXONOMY, JVB_USER];
            foreach ($check as $constant) {
                foreach ($constant as $key => $value) {
                    if (array_key_exists('icon', $value) && !in_array($value['icon'], $icons)) {
                        $icons[] = $value['icon'];
                    }
        // Add icons from content/taxonomy/user configs (like old behavior)
        $configIcons = $this->getIconsFromConfigs();
        if (!empty($configIcons)) {
            foreach ($configIcons as $source => $icons) {
                if (!isset($defaults[$source])) {
                    $defaults[$source] = [];
                }
            }
            $icons = apply_filters('jvbIncludeIcons', $icons);
            $icons = $this->maybePrefixIcons($icons);
            update_option(BASE.'includeIcons', $icons);
        }

        // Ensure icons are in the correct format (handle legacy data)
        if (!$this->isIconsArrayPrefixed($icons)) {
            $icons = $this->maybePrefixIcons($icons);
            update_option(BASE.'includeIcons', $icons);
        }

        $additional = apply_filters('jvbIncludeIcons', []);
        if (!empty($additional)) {
            $additional = $this->maybePrefixIcons($additional);
            $merged = $this->mergeUsedIcons($icons, $additional);

            if ($icons != $merged) {
                update_option(BASE.'includeIcons', $merged);
                $icons = $merged;
                $defaults[$source] = array_merge($defaults[$source], $icons);
            }
        }

        foreach ($icons as $style => $theIcons) {
            foreach($theIcons as $icon) {
                $this->trackIconUsage($icon, $style);
            }
        // Allow filtering per source (extensibility)
        $icons = apply_filters("jvbIncludeIcons_{$this->source}", $defaults[$this->source] ?? []);

        // Also allow filtering all sources at once
        $allIcons = apply_filters('jvbIncludeIcons', $defaults);
        if (isset($allIcons[$this->source])) {
            $icons = array_merge($icons, $allIcons[$this->source]);
        }

        if (!empty($icons)) {
            $this->include($icons);
        }
    }

    /**
     * Check if icons array is in the prefixed format [style => [icons]]
     * Get icons from JVB_CONTENT, JVB_TAXONOMY, JVB_USER configs
     */
    protected function isIconsArrayPrefixed(array $icons): bool
    protected function getIconsFromConfigs(): array
    {
        if (empty($icons)) {
            return true;
        $icons = [];
        $check = [JVB_CONTENT, JVB_TAXONOMY, JVB_USER];

        foreach ($check as $constant) {
            foreach ($constant as $key => $value) {
                if (isset($value['icon'])) {
                    // Determine source based on context (you could add 'icon_source' to configs)
                    $source = $value['icon_source'] ?? 'icons';

                    if (!isset($icons[$source])) {
                        $icons[$source] = [];
                    }
                    $icons[$source][] = $value['icon'];
                }
            }
        }

        // Check if first key is a valid style name
        $first_key = array_key_first($icons);
        if (!in_array($first_key, $this->styles)) {
            return false;
        }

        // Check if first value is an array
        return is_array($icons[$first_key]);
        return $icons;
    }

    protected function maybePrefixIcons(array $icons):array
    /**
     * Public method to include icons in this source
     */
    public function include(array $icons): self
    {
        $out = [];
        foreach ($icons as $icon) {
            if (is_array($icon) && array_key_exists('style', $icon)) {
                if (!array_key_exists($icon['style'], $out)) {
                    $out[$icon['style']] = [];
                }
                if (!in_array($icon['name'], $out[$icon['style']])) {
                    $out[$icon['style']][] = $icon['name'];
                }
            } elseif(is_array($icon)) {
                $icon = $icon['name'];
        $processed = $this->processIconArray($icons);
        $changed = false;

        foreach ($processed as $style => $names) {
            if (!isset($this->icons[$style])) {
                $this->icons[$style] = [];
            }
            if (!is_array($icon)) {
                if (!array_key_exists($this->style, $out)) {
                    $out[$this->style] = [];

            foreach ($names as $name) {
                // Skip if already in this source
                if (in_array($name, $this->icons[$style])) {
                    continue;
                }
                if (!in_array($icon, $out[$this->style])){
                    $out[$this->style][] = $icon;

                // Skip if already in main 'icons' source
                if ($this->iconExistsInMainSource($name, $style)) {
                    error_log("[IconsManager] Skipping '{$name}' in '{$this->source}' - already in 'icons' source");
                    continue;
                }

                $this->icons[$style][] = $name;
                $changed = true;
            }
        }

        // Only save if something actually changed
        if ($changed) {
            $this->saveIcons();
        }

        return $this;
    }

    /**
     * Process icon array into [style => [names]] format
     */
    protected function processIconArray(array $icons): array
    {
        $out = [];

        foreach ($icons as $icon) {
            if (is_array($icon) && isset($icon['style'])) {
                $style = $icon['style'];
                $name = $icon['name'];
            } else {
                $style = $this->style;
                $name = is_array($icon) ? $icon['name'] : $icon;
            }

            if (!isset($out[$style])) {
                $out[$style] = [];
            }

            if (!in_array($name, $out[$style])) {
                $out[$style][] = $name;
            }
        }

        return $out;
    }

    protected function addMap():void
    /**
     * Save all icons across all instances
     */
    protected function saveIcons(): void
    {
        $allIcons = [];
        foreach (self::$instances as $source => $instance) {
            $allIcons[$source] = $instance->icons;
        }

        update_option(BASE.'usedIcons', $allIcons);

        // Track WHICH source needs updating
        $needsUpdate = get_option(BASE.'icons_needs_update', []);
        if (!is_array($needsUpdate)) {
            $needsUpdate = [];
        }
        $needsUpdate[$this->source] = true;
        update_option(BASE.'icons_needs_update', $needsUpdate);
    }

    /**
     * Check if icon exists in other sources
     */
    protected function checkDuplicateAcrossInstances(string $name, string $style): void
    {
        $foundIn = [];

        foreach (self::$instances as $source => $instance) {
            if (isset($instance->icons[$style]) && in_array($name, $instance->icons[$style])) {
                $foundIn[] = $source;
            }
        }

        if (count($foundIn) > 1) {
            error_log(sprintf(
                '[IconsManager] Warning: Icon "%s" (%s) is registered in multiple sources: %s. Consider consolidating to avoid duplicate CSS output.',
                $name,
                $style,
                implode(', ', $foundIn)
            ));
        }
    }

    protected function addMap(): void
    {
        $map = get_option(BASE.'iconMap');
        if (!$map) {
            $map = [];
            if (Features::forSite()->has('referrals')){
            $map = [
                'seo'   => 'robot'
            ];
            if (Features::forSite()->has('referrals')) {
                $map['referrals'] = 'hand-heart';
            }
            if (Features::forSite()->has('dashboard')){
            if (Features::forSite()->has('dashboard')) {
                $map['dash'] = 'door';
            }
            if (Features::forSite()->has('magicLink')){
            if (Features::forSite()->has('magicLink')) {
                $map['magicLink'] = 'magic-wand';
            }
            if (Features::hasAnyIntegration()) {
@@ -228,44 +382,111 @@
    }

    /**
     * Register WordPress hooks
     * Register global hooks (only once)
     */
    protected function registerHooks(): void
    protected function registerGlobalHooks(): void
    {
        add_action('init', [$this, 'includeIcons'], 1);
        add_action('init', [$this, 'checkCSS'], 10);
        add_action('wp_enqueue_scripts', [$this, 'enqueueIconStyles']);
        add_action('init', [$this, 'checkCSS']);
    }

    /**
     * Register instance-specific hooks (every instance)
     */
    protected function registerInstanceHooks(): void
    {
        // Register this source's stylesheet
        add_action('init', [$this, 'registerStyle'], 11);

        // Auto-enqueue base icons on front-end
        if ($this->source === 'icons') {
            add_action('wp_enqueue_scripts', [$this, 'enqueueIconStyles']);
        }

        // Auto-enqueue all in admin
        add_action('admin_enqueue_scripts', [$this, 'enqueueIconStyles']);
    }

    public function checkCSS():void
    public function enqueueIconStyles():void
    {
//      update_option(BASE.'icons_needs_update', true);
        if (get_option(BASE.'icons_needs_update', false)) {
            error_log('Regenerating CSS');
        wp_enqueue_style('jvb-icons-'.$this->source);
    }

    public function checkCSS(): void
    {
        $needsUpdate = get_option(BASE.'icons_needs_update', []);
        if (!empty($needsUpdate)) {
            error_log('Regenerating CSS for sources: ' . implode(', ', array_keys($needsUpdate)));
            delete_option(BASE.'icons_needs_update');
            $this->regenerateCSS();
            self::regenerateAllCSS($needsUpdate);
        }
    }

    protected function regenerateCSS(): void
    protected static function regenerateAllCSS(array $sourcesToUpdate = []): void
    {
        error_log('[IconsManager]:regenerateCSS');
        $css = $this->generateIconCSS();
        $css_path = JVB_CHILD_DIR.'/assets/css/';
        if (!file_exists($css_path)) {
            wp_mkdir_p($css_path);
        $css_dir = JVB_CHILD_DIR.'/assets/css/';

        if (!file_exists($css_dir)) {
            wp_mkdir_p($css_dir);
        }
        $css_path .= '/icons.css';

        // If no specific sources provided, regenerate all
        if (empty($sourcesToUpdate)) {
            $sourcesToUpdate = array_fill_keys(array_keys(self::$instances), true);
        }

        // Archive current version before overwriting
        $this->archiveCurrentVersion($css);
        // Generate CSS only for sources that need it
        foreach (self::$instances as $source => $instance) {
            if (!isset($sourcesToUpdate[$source])) {
                continue;
            }

        if (file_put_contents($css_path, $css) !== false) {
            CacheManager::updateTimestamp('icons');
        } else {
            error_log('[IconsManager]Could not write css.');
            $css = $instance->generateIconCSS();
            $css_path = $css_dir . $source . '.css';

            $instance->archiveCurrentVersion($css);

            if (file_put_contents($css_path, $css) !== false) {
                CacheManager::updateTimestamp('icons_' . $source);
                error_log("[IconsManager] Updated {$source}.css");
            } else {
                error_log("[IconsManager] Could not write {$source}.css");
            }
        }
    }

    protected function regenerateCSS(array $sourcesToUpdate = []): void
    {
        error_log('[IconsManager]:regenerateCSS');
        $css_dir = JVB_CHILD_DIR.'/assets/css/';

        if (!file_exists($css_dir)) {
            wp_mkdir_p($css_dir);
        }

        // If no specific sources provided, regenerate all
        if (empty($sourcesToUpdate)) {
            $sourcesToUpdate = array_fill_keys(array_keys(self::$instances), true);
        }

        // Generate CSS only for sources that need it
        foreach (self::$instances as $source => $instance) {
            if (!isset($sourcesToUpdate[$source])) {
                continue; // Skip this source
            }

            $css = $instance->generateIconCSS();
            $css_path = $css_dir . $source . '.css';

            // Archive current version before overwriting
            $instance->archiveCurrentVersion($css);

            if (file_put_contents($css_path, $css) !== false) {
                CacheManager::updateTimestamp('icons_' . $source);
                error_log("[IconsManager] Updated {$source}.css");
            } else {
                error_log("[IconsManager] Could not write {$source}.css");
            }
        }
    }

@@ -294,10 +515,10 @@
     *   - 'size' => 24 (for custom sizing via inline style)
     * @return string HTML icon element
     */
    public function getIcon(string $name, array $options = []): string
    public function get(string $name, array $options = []): string
    {
        $style = array_key_exists('style', $options) ? $options['style'] :$this->style;
        $name = (array_key_exists($name, $this->map)) ? $this->map[$name] : $name;
        $style = $options['style'] ?? $this->style;
        $name = $this->map[$name] ?? $name;

        // Validate icon exists
        if (!$this->iconExists($name, $style)) {
@@ -305,56 +526,51 @@
            return '';
        }

        // Track usage - only if not already tracked
        if (!isset($this->icons[$style])) {
            $this->icons[$style] = [];
        }

        if (!in_array($name, $this->icons[$style])) {
            // Check if it's already in main source (for non-main sources)
            if ($this->iconExistsInMainSource($name, $style)) {
                // Don't add to this source, but still render the icon
                // The CSS from icons.css will handle it
            } else {
                // Add to this source
                $this->icons[$style][] = $name;
                $this->checkDuplicateAcrossInstances($name, $style);
                $this->saveIcons();
            }
        }

        // Track icon usage
        $this->trackIconUsage($name, $style);

        $styleClass = ($style !== $this->style) ? '-'.substr($style, 0,2) : '';
        // Build classes
        // Build icon HTML (same as before)
        $styleClass = ($style !== $this->style) ? '-'.substr($style, 0, 2) : '';
        $classes = ['icon', 'icon-' . $name.$styleClass];
        if (!empty($options['class'])) {

        if (isset($options['class'])) {
            $classes[] = $options['class'];
        }

        $attrs = ['class' => implode(' ', $classes)];

        $attrs = ['class="' . esc_attr(implode(' ', $classes)) . '"'];
        $attrs[] = 'aria-hidden="true"';



        return '<i ' . implode(' ', $attrs) . '></i>';
    }

    /**
     * Track icon usage for CSS generation
     */
    protected function trackIconUsage(string $name, string $style): void
    {
        $needsUpdate = false;

        if (!array_key_exists($style, $this->usedIcons)) {
            $this->usedIcons[$style] = [];
            $needsUpdate = true;
        if (isset($options['label'])) {
            $attrs['aria-label'] = esc_attr($options['label']);
            $attrs['role'] = 'img';
        } elseif (isset($options['decorative']) && $options['decorative']) {
            $attrs['aria-hidden'] = 'true';
        }

        if (!in_array($name, $this->usedIcons[$style])) {
            $this->usedIcons[$style][] = $name;
            $needsUpdate = true;
        if (isset($options['size'])) {
            $attrs['style'] = sprintf('--icon-size: %dpx;', absint($options['size']));
        }

        if ($needsUpdate) {
            // Merge with existing option to never lose icons
            $existing = get_option(BASE.'usedIcons', []);
            $merged = $this->mergeUsedIcons($existing, $this->usedIcons);
            update_option(BASE.'usedIcons', $merged);

            // Flag for regeneration on next init
            update_option(BASE.'icons_needs_update', true);

            // Clear cache
            $this->cache->delete('icon_styles_css');
        $attr_string = '';
        foreach ($attrs as $key => $value) {
            $attr_string .= sprintf(' %s="%s"', $key, $value);
        }

        return sprintf('<i%s></i>', $attr_string);
    }

    /**
@@ -425,17 +641,14 @@
        return $svg;
    }


    /**
     * Enqueue icon styles via REST endpoint
     */
    public function enqueueIconStyles(): void
    public function registerStyle(): void
    {
        $timestamp = CacheManager::getTimestamp('icons');
        $timestamp = CacheManager::getTimestamp('icons_' . $this->source);
        $handle = 'jvb-icons-' . $this->source;

        wp_enqueue_style(
            'jvb-icons',
            JVB_CHILD_URL.'assets/css/icons.css',
        wp_register_style(
            $handle,
            JVB_CHILD_URL . "assets/css/{$this->source}.css",
            [],
            $timestamp
        );
@@ -447,11 +660,10 @@
    protected function generateIconCSS(): string
    {
        $css = '';
        $this->mergeUsedIcons();

        foreach ($this->usedIcons as $style => $icons) {
            $styleClass = ($style !== $this->style) ? '-'.substr($style, 0,2) : '';
            foreach ($icons as $icon) {
        foreach ($this->icons as $style => $names) {
            $styleClass = ($style !== $this->style) ? '-'.substr($style, 0, 2) : '';
            foreach ($names as $icon) {
                $svg = $this->getEncodedSVG($icon, $style);
                if ($svg !== '') {
                    $css .= ".icon-{$icon}{$styleClass}{";
@@ -460,35 +672,8 @@
                }
            }
        }
        return $this->minifyCss($css);
    }

    protected function mergeUsedIcons(array|bool $oldIcons = true, array|bool $newIcons = true):array
    {
        $set = false;
        if ($oldIcons === true) {
            $oldIcons = $this->usedIcons;
            $set = true;
        }
        if ($newIcons === true) {
            $history = $this->getVersionHistory();
            $newIcons = (count($history) > 0) ? $history[0]['iconList'] : [];
        }
        foreach ($newIcons as $style => $icons) {
            if (!isset($oldIcons[$style])) {
                //Style  doesn't exist in previous set, add the whole thing
                $oldIcons[$style] = $icons;
            } else {
                $oldIcons[$style] = array_unique(
                    array_merge($oldIcons[$style], $icons)
                );
            }
        }
        if ($set) {
            $this->usedIcons = $oldIcons;
            update_option(BASE.'usedIcons', $oldIcons);
        }
        return $oldIcons;
        return $this->minifyCss($css);
    }

    protected function minifyCSS(string $css): string
@@ -502,7 +687,8 @@

        return trim($css);
    }
    public function getCSSIcon(string $icon, ?string $style=null):string

    public function getCSSIcon(string $icon, ?string $style = null): string
    {
        if (!$style) {
            $style = $this->style;
@@ -513,20 +699,20 @@
        }
        return '';
    }
    public function getEncodedSVG(string $icon, ?string $style = null):string

    public function getEncodedSVG(string $icon, ?string $style = null): string
    {
        if (!$style) {
            $style = $this->style;
        }
        return $this->cache->remember($style.$icon,
        function () use ($icon, $style) {
            $svg = $this->getRawSvg($icon, $style);
            if ($svg) {
                return base64_encode($svg);
            }
            return '';
        });

            function () use ($icon, $style) {
                $svg = $this->getRawSvg($icon, $style);
                if ($svg) {
                    return base64_encode($svg);
                }
                return '';
            });
    }

    /**
@@ -534,12 +720,15 @@
     */
    public function clearIconCache(): void
    {
        delete_option(BASE . 'icon_usage_list'); // Clear DB option
        delete_option(BASE . 'icon_usage_list'); // Legacy
        delete_option(BASE.'usedIcons');
        delete_option(BASE.'includeIcons');
        delete_option(BASE.'iconMap');
        $this->cache->delete('icon_styles_css');
        CacheManager::updateTimestamp('icons');

        // Clear cache for all sources
        foreach (self::$instances as $source => $instance) {
            $instance->cache->delete('icon_styles_css');
            CacheManager::updateTimestamp('icons_' . $source);
        }
    }

    protected function archiveCurrentVersion(string $css): void
@@ -547,13 +736,13 @@
        $history = $this->getVersionHistory();

        $icon_count = 0;
        foreach ($this->usedIcons as $style => $icons) {
            $icon_count += count($icons);
        foreach ($this->icons as $style => $names) {
            $icon_count += count($names);
        }

        $newEntry = [
            'css' => $css,
            'iconList' => $this->usedIcons,
            'iconList' => $this->icons,
            'timestamp' => time(),
            'icon_count' => $icon_count,
            'size' => strlen($css),
@@ -566,12 +755,12 @@
            $history = array_slice($history, 0, self::MAX_VERSIONS);
        }

        update_option(BASE.'icon_css_history', $history);
        update_option(BASE.'icon_css_history_' . $this->source, $history);
    }

    public function getVersionHistory(): array
    {
        return get_option(BASE.'icon_css_history', []);
        return get_option(BASE.'icon_css_history_' . $this->source, []);
    }

    public function restoreVersion(int $timestamp): bool
@@ -580,7 +769,7 @@

        foreach ($history as $entry) {
            if ($entry['timestamp'] === $timestamp) {
                $css_path = JVB_DIR . '/assets/css/icons.css';
                $css_path = JVB_CHILD_DIR . '/assets/css/' . $this->source . '.css';

                // Archive current before restoring
                $current_css = file_get_contents($css_path);
@@ -590,9 +779,9 @@

                // Restore the version
                if (file_put_contents($css_path, $entry['css']) !== false) {
                    $this->usedIcons = $entry['iconList'];
                    update_option(BASE.'usedIcons', $this->usedIcons);
                    CacheManager::updateTimestamp('icons');
                    $this->icons = $entry['iconList'];
                    $this->saveIcons();
                    CacheManager::updateTimestamp('icons_' . $this->source);
                    return true;
                }

@@ -600,15 +789,20 @@
            }
        }

        error_log("[IconsManager] Version {$timestamp} not found in history");
        error_log("[IconsManager] Version {$timestamp} not found in history for source {$this->source}");
        return false;
    }

    public function forceRefresh(): void
    {
        $this->clearIconCache();
        update_option(BASE.'icons_needs_update', true);
        CacheManager::updateTimestamp('icons');
        $needsUpdate = get_option(BASE.'icons_needs_update', []);
        if (!is_array($needsUpdate)) {
            $needsUpdate = [];
        }
        $needsUpdate[$this->source] = true;
        update_option(BASE.'icons_needs_update', $needsUpdate);
        CacheManager::updateTimestamp('icons_' . $this->source);
    }

    public function mergeVersions(array $timestamps): bool
@@ -617,8 +811,9 @@
            return false;
        }

        $history = get_option(BASE.'icon_css_history', []);
        $history = get_option(BASE.'icon_css_history_' . $this->source, []);
        $merged_icons = [];

        // Collect icons from selected versions
        foreach ($history as $entry) {
            if (in_array($entry['timestamp'], $timestamps)) {
@@ -640,18 +835,34 @@
        }

        // Archive current version
        $current_css = file_get_contents(JVB_DIR . '/assets/css/icons.css');
        $current_css = file_get_contents(JVB_CHILD_DIR . '/assets/css/' . $this->source . '.css');
        if ($current_css !== false) {
            $this->archiveCurrentVersion($current_css);
        }

        // Update used icons and regenerate
        $this->usedIcons = $merged_icons;
        update_option(BASE.'usedIcons', $this->usedIcons);

        // Force regeneration
        $this->regenerateCSS();
        $this->icons = $merged_icons;
        $this->saveIcons();

        return true;
    }

    /**
     * Check if icon already exists in the main 'icons' source
     */
    protected function iconExistsInMainSource(string $name, string $style): bool
    {
        // If this IS the main source, no need to check
        if ($this->source === 'icons') {
            return false;
        }

        // Check if main icons source exists
        if (!isset(self::$instances['icons'])) {
            return false;
        }

        $mainIcons = self::$instances['icons']->icons;
        return isset($mainIcons[$style]) && in_array($name, $mainIcons[$style]);
    }
}

 inc/managers/IconsManagerBackup.php

New file
@@ -0,0 +1,670 @@
<?php
namespace JVBase\inc\managers;

use JVBase\managers\CacheManager;
use JVBase\utility\Features;

if (!defined('ABSPATH')) {
    exit;
}

class IconsManagerBackup
{
    protected static ?IconsManagerBackup $instance = null;
    protected CacheManager $cache;
    protected string $style = 'regular';
    protected array $styles = ['regular', 'bold', 'duotone', 'fill', 'light', 'thin'];
    // Custom icons registered via filter
    protected array $customIcons = [];
    protected array $usedIcons = [];
    protected array $map = [];
    protected const MAX_VERSIONS = 5;

    /**
     * Get singleton instance
     */
    public static function getInstance(): IconsManagerBackup
    {
        if (self::$instance === null) {
            self::$instance = new self();
        }
        return self::$instance;
    }
    private function __construct()
    {
        $this->cache = CacheManager::for('icons', WEEK_IN_SECONDS);

        $this->style = (array_key_exists('icons', JVB_SITE) && in_array(JVB_SITE['icons'], $this->styles))
            ? JVB_SITE['icons']
            : 'regular';

        $this->addMap();

        // Allow custom icon registration
        $this->customIcons = apply_filters('jvbRegisterCustomIcons', [
            'syncing'       => JVB_DIR .'/assets/icons/cloud-sync-thin.svg',
            'alphabetical'  => JVB_DIR.'/assets/icons/alphabetical.svg'
        ]);


        $this->usedIcons = get_option(BASE.'usedIcons', []);
        $this->includeIcons();
        // Track custom icons for CSS generation
        $this->trackCustomIcons();
        // Register hooks only once
        $this->registerHooks();
    }

    /**
     * Ensure custom icons are tracked for CSS generation
     */
    protected function trackCustomIcons(): void
    {
        if (empty($this->customIcons)) {
            return;
        }

        foreach ($this->customIcons as $name => $path) {
            $this->trackIconUsage($name, $this->style);
        }
    }

    /**
     * Include icons via filter (for JS usage, etc.)
     */
    protected function includeIcons():void
    {
        $icons = get_option(BASE.'includeIcons');

        if (!$icons) {
            $icons = [
                'check-circle',
                'close-circle',
                'cloud-slash',
                'exclamation-mark',
                'cloud-arrow-down',
                'cloud-arrow-up',
                'cloud-check',
                'cloud-slash',
                'cloud-warning',
                'syncing',
                'cloud-x',
                'arrows-clockwise',
                'share-fat',
                'trash',
                'star',
                ['name' => 'star-half', 'style' => 'fill'],
                ['name' => 'star', 'style' => 'fill'],
                //FORMATTING
                'copy',
                'paragraph',
                'text-h-one',
                'text-h-two',
                'text-h-three',
                'text-h-four',
                'text-h-five',
                'text-h-six',
                ['name' =>'text-b', 'style' => 'fill'],
                'text-italic',
                'text-underline',
                'text-strikethrough',
                'list-dashes',
                'list-numbers',
                'text-align-left',
                'text-align-center',
                'text-align-right',
//          'text-align-justify',
                'link',
                //FILE ICONS
                'file-pdf',
                'file-csv',
                'file-doc',
                'file-txt',
                'file-xls',
            ];

            $check = [JVB_CONTENT, JVB_TAXONOMY, JVB_USER];
            foreach ($check as $constant) {
                foreach ($constant as $key => $value) {
                    if (array_key_exists('icon', $value) && !in_array($value['icon'], $icons)) {
                        $icons[] = $value['icon'];
                    }
                }
            }
            $icons = apply_filters('jvbIncludeIcons', $icons);
            $icons = $this->maybePrefixIcons($icons);
            update_option(BASE.'includeIcons', $icons);
        }

        // Ensure icons are in the correct format (handle legacy data)
        if (!$this->isIconsArrayPrefixed($icons)) {
            $icons = $this->maybePrefixIcons($icons);
            update_option(BASE.'includeIcons', $icons);
        }

        $additional = apply_filters('jvbIncludeIcons', []);
        if (!empty($additional)) {
            $additional = $this->maybePrefixIcons($additional);
            $merged = $this->mergeUsedIcons($icons, $additional);

            if ($icons != $merged) {
                update_option(BASE.'includeIcons', $merged);
                $icons = $merged;
            }
        }

        foreach ($icons as $style => $theIcons) {
            foreach($theIcons as $icon) {
                $this->trackIconUsage($icon, $style);
            }
        }
    }

    /**
     * Check if icons array is in the prefixed format [style => [icons]]
     */
    protected function isIconsArrayPrefixed(array $icons): bool
    {
        if (empty($icons)) {
            return true;
        }

        // Check if first key is a valid style name
        $first_key = array_key_first($icons);
        if (!in_array($first_key, $this->styles)) {
            return false;
        }

        // Check if first value is an array
        return is_array($icons[$first_key]);
    }

    protected function maybePrefixIcons(array $icons):array
    {
        $out = [];
        foreach ($icons as $icon) {
            if (is_array($icon) && array_key_exists('style', $icon)) {
                if (!array_key_exists($icon['style'], $out)) {
                    $out[$icon['style']] = [];
                }
                if (!in_array($icon['name'], $out[$icon['style']])) {
                    $out[$icon['style']][] = $icon['name'];
                }
            } elseif(is_array($icon)) {
                $icon = $icon['name'];
            }
            if (!is_array($icon)) {
                if (!array_key_exists($this->style, $out)) {
                    $out[$this->style] = [];
                }
                if (!in_array($icon, $out[$this->style])){
                    $out[$this->style][] = $icon;
                }
            }
        }
        return $out;
    }

    protected function addMap():void
    {
        $map = get_option(BASE.'iconMap');
        if (!$map) {
            $map = [
                'seo'   => 'robot'
            ];
            if (Features::forSite()->has('referrals')){
                $map['referrals'] = 'hand-heart';
            }
            if (Features::forSite()->has('dashboard')){
                $map['dash'] = 'door';
            }
            if (Features::forSite()->has('magicLink')){
                $map['magicLink'] = 'magic-wand';
            }
            if (Features::hasAnyIntegration()) {
                $map['integrations'] = 'plugs-connected';
            }


            update_option(BASE.'iconMap', $map);
        }

        $this->map = apply_filters('jvbMapIcons', $map);
    }

    /**
     * Register WordPress hooks
     */
    protected function registerHooks(): void
    {
        add_action('init', [$this, 'includeIcons'], 1);
        add_action('init', [$this, 'checkCSS'], 10);
        add_action('wp_enqueue_scripts', [$this, 'enqueueIconStyles']);
        add_action('admin_enqueue_scripts', [$this, 'enqueueIconStyles']);
    }

    public function checkCSS():void
    {
//      update_option(BASE.'icons_needs_update', true);
        if (get_option(BASE.'icons_needs_update', false)) {
            error_log('Regenerating CSS');
            delete_option(BASE.'icons_needs_update');
            $this->regenerateCSS();
        }
    }

    protected function regenerateCSS(): void
    {
        error_log('[IconsManager]:regenerateCSS');
        $css_dir = JVB_CHILD_DIR.'/assets/css/';
        if (!file_exists($css_dir)) {
            wp_mkdir_p($css_dir);
        }

        // Generate CSS for each source
        foreach ($this->usedIcons as $source => $styles) {
            $css = $this->generateIconCSS($source);
            $css_path = $css_dir . $source . '.css';

            $this->archiveCurrentVersion($css, $source);

            if (file_put_contents($css_path, $css) !== false) {
                CacheManager::updateTimestamp('icons_' . $source);
            } else {
                error_log("[IconsManager] Could not write {$source}.css");
            }
        }
    }

    /**
     * Prevent cloning
     */
    private function __clone() {}

    /**
     * Prevent unserialization
     */
    public function __wakeup()
    {
        throw new \Exception("Cannot unserialize singleton");
    }

    /**
     * Get an icon element
     *
     * @param string $name Icon name (e.g., 'heart', 'calendar')
     * @param array $options Options array:
     *   - 'style' => 'regular'|'bold'|'fill'|etc.
     *   - 'label' => 'Accessible label' (for standalone icons)
     *   - 'decorative' => true (for icons next to text)
     *   - 'class' => 'additional classes'
     *   - 'size' => 24 (for custom sizing via inline style)
     * @return string HTML icon element
     */
    public function getIcon(string $name, array $options = []): string
    {
        $style = array_key_exists('style', $options) ? $options['style'] :$this->style;
        $source = $options['source'] ?? 'icons';
        $name = (array_key_exists($name, $this->map)) ? $this->map[$name] : $name;

        // Validate icon exists
        if (!$this->iconExists($name, $style)) {
            error_log('[IconsManager] Icon not found: ' . $name);
            return '';
        }



        // Track icon usage
        $this->trackIconUsage($name, $style, $source);

        $styleClass = ($style !== $this->style) ? '-'.substr($style, 0,2) : '';
        // Build classes
        $classes = ['icon', 'icon-' . $name.$styleClass];
        if (!empty($options['class'])) {
            $classes[] = $options['class'];
        }


        $attrs = ['class="' . esc_attr(implode(' ', $classes)) . '"'];
        $attrs[] = 'aria-hidden="true"';



        return '<i ' . implode(' ', $attrs) . '></i>';
    }

    /**
     * Track icon usage for CSS generation
     */
    protected function trackIconUsage(string $name, string $style, string $source = 'icons'): void
    {
        // Initialize source array if needed
        if (!isset($this->usedIcons[$source])) {
            $this->usedIcons[$source] = [];
        }

        // Initialize style array if needed
        if (!isset($this->usedIcons[$source][$style])) {
            $this->usedIcons[$source][$style] = [];
        }

        // Add icon if not already tracked
        if (!in_array($name, $this->usedIcons[$source][$style])) {
            $this->usedIcons[$source][$style][] = $name;
            $needsUpdate = true;
        }

        if ($needsUpdate) {
            $existing = get_option(BASE.'usedIcons', []);
            $merged = $this->mergeUsedIcons($existing, $this->usedIcons);
            update_option(BASE.'usedIcons', $merged);
            update_option(BASE.'icons_needs_update', true);
            $this->cache->delete('icon_styles_css');
        }
    }

    /**
     * Check if icon file exists
     */
    protected function iconExists(string $name, ?string $style = null): bool
    {
        if (!$style) {
            $style = $this->style;
        }
        // Check custom icons first
        if (array_key_exists($name, $this->customIcons)) {
            return file_exists($this->customIcons[$name]);
        }

        // Check standard icons
        $filepath = $this->buildFilePath($name, $style);
        return file_exists($filepath);
    }

    /**
     * Build file path for icon
     */
    protected function buildFilePath(string $name, ?string $style = null): string
    {
        if (!$style) {
            $style = $this->style;
        }
        // Custom icons (absolute path provided)
        if (array_key_exists($name, $this->customIcons)) {
            return $this->customIcons[$name];
        }

        // Standard SVG icons in /assets/icons/
        if (str_ends_with($name, '.svg')) {
            return JVB_DIR . '/assets/icons/' . $name;
        }
        $name = ($style === 'regular') ? $name : $name . '-' . $style;

        // Phosphor icons with style variants
        return JVB_DIR . '/assets/phosphor-icons/' . $style . '/' . $name . '.svg';
    }

    /**
     * Get raw SVG content for CSS mask-image
     */
    protected function getRawSvg(string $name, ?string $style = null): ?string
    {
        if (!$style) {
            $style = $this->style;
        }
        $filepath = $this->buildFilePath($name, $style);

        if (!file_exists($filepath)) {
            return null;
        }

        $svg = file_get_contents($filepath);
        if ($svg === false) {
            return null;
        }

        // Clean up SVG for CSS usage
        $svg = preg_replace("/([\n\t]+)/", ' ', $svg);
        $svg = preg_replace('/>\s*</', '><', $svg);
        $svg = trim($svg);

        return $svg;
    }


    /**
     * Enqueue icon styles via REST endpoint
     */
    public function enqueueIconStyles(): void
    {
        $timestamp = CacheManager::getTimestamp('icons');

        wp_enqueue_style(
            'jvb-icons',
            JVB_CHILD_URL.'assets/css/icons.css',
            [],
            $timestamp
        );
    }

    /**
     * Generate CSS from icon list
     */
    protected function generateIconCSS(string $source = 'icons'): string
    {
        $css = '';

        if (!isset($this->usedIcons[$source])) {
            return $css;
        }

        foreach ($this->usedIcons[$source] as $style => $icons) {
            $styleClass = ($style !== $this->style) ? '-'.substr($style, 0,2) : '';
            foreach ($icons as $icon) {
                $svg = $this->getEncodedSVG($icon, $style);
                if ($svg !== '') {
                    $css .= ".icon-{$icon}{$styleClass}{";
                    $css .= "--icon:url('data:image/svg+xml;base64,{$svg}');";
                    $css .= "}";
                }
            }
        }
        return $this->minifyCss($css);
    }

    protected function mergeUsedIcons(array|bool $oldIcons = true, array|bool $newIcons = true):array
    {
        $set = false;
        if ($oldIcons === true) {
            $oldIcons = $this->usedIcons;
            $set = true;
        }
        if ($newIcons === true) {
            $history = $this->getVersionHistory();
            $newIcons = (count($history) > 0) ? $history[0]['iconList'] : [];
        }
        foreach ($newIcons as $style => $icons) {
            if (!isset($oldIcons[$style])) {
                //Style  doesn't exist in previous set, add the whole thing
                $oldIcons[$style] = $icons;
            } else {
                $oldIcons[$style] = array_unique(
                    array_merge($oldIcons[$style], $icons)
                );
            }
        }
        if ($set) {
            $this->usedIcons = $oldIcons;
            update_option(BASE.'usedIcons', $oldIcons);
        }
        return $oldIcons;
    }

    protected function minifyCSS(string $css): string
    {
        // Remove comments
        $css = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $css);
        // Remove whitespace
        $css = preg_replace('/\s+/', ' ', $css);
        // Remove spaces around specific characters
        $css = preg_replace('/\s*([:;{}])\s*/', '$1', $css);

        return trim($css);
    }
    public function getCSSIcon(string $icon, ?string $style=null):string
    {
        if (!$style) {
            $style = $this->style;
        }
        $svg = $this->getEncodedSVG($icon, $style);
        if ($svg !== '') {
            return "data:image/svg+xml;base64,{$svg}";
        }
        return '';
    }
    public function getEncodedSVG(string $icon, ?string $style = null):string
    {
        if (!$style) {
            $style = $this->style;
        }
        return $this->cache->remember($style.$icon,
        function () use ($icon, $style) {
            $svg = $this->getRawSvg($icon, $style);
            if ($svg) {
                return base64_encode($svg);
            }
            return '';
        });

    }

    /**
     * Clear icon cache (useful for development/debugging)
     */
    public function clearIconCache(): void
    {
        delete_option(BASE . 'icon_usage_list'); // Clear DB option
        delete_option(BASE.'usedIcons');
        delete_option(BASE.'includeIcons');
        delete_option(BASE.'iconMap');
        $this->cache->delete('icon_styles_css');
        CacheManager::updateTimestamp('icons');
    }

    protected function archiveCurrentVersion(string $css, string $source = 'icons'): void
    {
        $history = $this->getVersionHistory($source);

        $icon_count = 0;
        if (isset($this->usedIcons[$source])) {
            foreach ($this->usedIcons[$source] as $style => $icons) {
                $icon_count += count($icons);
            }
        }

        $newEntry = [
            'css' => $css,
            'iconList' => $this->usedIcons[$source] ?? [],
            'timestamp' => time(),
            'icon_count' => $icon_count,
            'size' => strlen($css),
            'size_formatted' => size_format(strlen($css), 2)
        ];

        array_unshift($history, $newEntry);

        if (count($history) > self::MAX_VERSIONS) {
            $history = array_slice($history, 0, self::MAX_VERSIONS);
        }

        update_option(BASE.'icon_css_history_' . $source, $history);
    }

    public function getVersionHistory(string $source = 'icons'): array
    {
        return get_option(BASE.'icon_css_history_' . $source, []);
    }


    public function restoreVersion(int $timestamp): bool
    {
        $history = $this->getVersionHistory();

        foreach ($history as $entry) {
            if ($entry['timestamp'] === $timestamp) {
                $css_path = JVB_DIR . '/assets/css/icons.css';

                // Archive current before restoring
                $current_css = file_get_contents($css_path);
                if ($current_css !== false) {
                    $this->archiveCurrentVersion($current_css);
                }

                // Restore the version
                if (file_put_contents($css_path, $entry['css']) !== false) {
                    $this->usedIcons = $entry['iconList'];
                    update_option(BASE.'usedIcons', $this->usedIcons);
                    CacheManager::updateTimestamp('icons');
                    return true;
                }

                return false;
            }
        }

        error_log("[IconsManager] Version {$timestamp} not found in history");
        return false;
    }

    public function forceRefresh(): void
    {
        $this->clearIconCache();
        update_option(BASE.'icons_needs_update', true);
        CacheManager::updateTimestamp('icons');
    }

    public function mergeVersions(array $timestamps): bool
    {
        if (empty($timestamps)) {
            return false;
        }

        $history = get_option(BASE.'icon_css_history', []);
        $merged_icons = [];
        // Collect icons from selected versions
        foreach ($history as $entry) {
            if (in_array($entry['timestamp'], $timestamps)) {
                foreach ($entry['iconList'] as $style => $icons) {
                    if (!isset($merged_icons[$style])) {
                        $merged_icons[$style] = [];
                    }
                    // Merge and keep unique
                    $merged_icons[$style] = array_unique(
                        array_merge($merged_icons[$style], $icons)
                    );
                }
            }
        }

        if (empty($merged_icons)) {
            error_log('[IconsManager] No icons found in selected versions');
            return false;
        }

        // Archive current version
        $current_css = file_get_contents(JVB_DIR . '/assets/css/icons.css');
        if ($current_css !== false) {
            $this->archiveCurrentVersion($current_css);
        }

        // Update used icons and regenerate
        $this->usedIcons = $merged_icons;
        update_option(BASE.'usedIcons', $this->usedIcons);

        // Force regeneration
        $this->regenerateCSS();

        return true;
    }
}

 inc/managers/LoginManager.php

@@ -17,10 +17,7 @@
class LoginManager
{
    protected Features $siteFeatures;
    protected ?MagicLinkManager $magicLink = null;
    protected ?MetaForm $metaForm = null;
    protected EmailManager $emailManager;
    protected AjaxRateLimiter $rateLimiter;
    protected CacheManager $cache;


@@ -44,7 +41,6 @@
    public function __construct()
    {
        $this->siteFeatures = Features::forSite();
        $this->emailManager = new EmailManager();


        $this->cache = CacheManager::for('login');
@@ -67,8 +63,10 @@
        // Login success handling
        add_action('wp_login', [$this, 'handleSuccessfulLogin'], 10, 2);

        add_filter( 'login_url', [$this, 'loginUrl'], 10, 3 );
        // Allow other features to register handlers
        do_action('jvbLoginManagerInit', $this);
        add_action('user_register', array($this, 'saveRegistrationFields'), 999, 2);
    }

    /**************************************************************************
@@ -90,7 +88,7 @@
            return;
        }
        // Build custom login URL with all query args
        $custom_login_page = home_url('/login');
        $custom_login_page = home_url('/login/');
        $query_args = $_GET;

        // Remove WordPress internal args
@@ -287,6 +285,18 @@
            }
        }
    }
    public function loginUrl(string $login_url, string $redirect, bool $force_reauth):string
    {
        // This will append /custom-login/ to you main site URL as configured in general settings (ie https://domain.com/custom-login/)
        $login_url = site_url( '/login/', 'login' );
        if ( ! empty( $redirect ) ) {
            $login_url = add_query_arg( 'redirect_to', urlencode( $redirect ), $login_url );
        }
        if ( $force_reauth ) {
            $login_url = add_query_arg( 'reauth', '1', $login_url );
        }
        return $login_url;
    }
    public function getLoginPage():int|false
    {
        return (int)get_option(BASE.'login_page');
@@ -308,7 +318,6 @@
        if (!Features::forSite()->has('magicLink')) {
            return;
        }
        $this->magicLink = new MagicLinkManager();
    }

    /*********************************************************************
@@ -597,7 +606,8 @@
            $checked = (is_user_logged_in() && current_user_can('prefers_dark_theme', true)) ? ' checked' : '';
            $title = ($checked == '') ? 'Toggle Dark Mode' : 'Toggle Light Mode';
            echo '<label title="'.$title.'" id="theme-switch" class="toggle-switch" for="theme-switcher">
                    <input class="theme-switch row" id="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode"><span class="slider">'.
                    <span class="screen-reader-text">Toggle dark mode</span>
                    <input class="theme-switch row" id="theme-switcher" name="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme name="dark-mode" aria-label="Toggle dark mode"><span class="slider">'.
                    jvbIcon('sun-dim', ['title'=> 'Light Mode']).
                    jvbIcon('moon', ['title'=>'Dark Mode']).
                    '</span></label>';
@@ -812,7 +822,7 @@

    protected function maybeMagicLink(): void
    {
        if (!$this->magicLink || !in_array($this->action, ['login', 'lostpassword'])) {
        if (!JVB()->magicLink() || !in_array($this->action, ['login', 'lostpassword'])) {
            return;
        }
        ?>
@@ -883,7 +893,7 @@
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-WP-Nonce': jvbSettings.nonce
                        'X-WP-Nonce': window.auth.getNonce()
                    },
                    body: JSON.stringify(realFormData)
                });
@@ -905,11 +915,16 @@
                        window.LoginController.handleFormSuccess(form, result);
                    }

                    if (window.auth && typeof window.auth.handleLogin === 'function' && Object.hasOwn(result, 'auth')) {
                        console.log('Awaiting Auth...');
                        await window.auth.handleLogin(result.auth); // Pass the full result
                    }

                    // Handle redirect
                    if (result.redirect) {
                        setTimeout(() => {
                            window.location.href = result.redirect;
                        }, 500); // Brief delay to show success message
                        }, 200); // Brief delay to show success message
                    }

                } catch (error) {
@@ -962,6 +977,11 @@
        wp_safe_redirect($login_url);
        exit;
    }

    public function saveRegistrationFields(int $user_id, array $userdata):void
    {

    }
}

// Initialize the login manager

 inc/managers/MagicLinkManager.php

@@ -17,7 +17,7 @@
class MagicLinkManager
{
    protected CacheManager $cache;
    protected EmailManager $email;
    protected CacheManager $referral_cache;

    // Token settings
    protected int $token_expiry = 900; // 15 minutes in seconds
@@ -33,7 +33,7 @@
    public function __construct()
    {
        $this->cache = CacheManager::for('magic_links', $this->token_expiry);
        $this->email = new EmailManager();
        $this->referral_cache = CacheManager::for('referral_magic_links', 14 * DAY_IN_SECONDS);

        // Hook into WordPress auth flow
        add_action('template_redirect', [$this, 'handleMagicLinkClick']);
@@ -95,7 +95,12 @@
            'created' => time()
        ], $data);

        $this->cache->set($token, $token_data);
        // Use longer expiry for referral tokens
        if ($type === self::TYPE_REFERRAL) {
            $this->referral_cache->set($token, $token_data);
        } else {
            $this->cache->set($token, $token_data);
        }

        return $token;
    }
@@ -105,9 +110,15 @@
     */
    public function verifyToken(string $token, string $email): array|WP_Error
    {
        // Try regular cache first, then referral cache
        $token_data = $this->cache->get($token);

        if (!$token_data) {
            $token_data = $this->referral_cache->get($token);
        }

        if (!$token_data) {
            error_log('Token not found. Checking cache stats...');
            return new WP_Error('invalid_token', 'Invalid or expired token');
        }

@@ -116,7 +127,12 @@
        }

        // Delete token after verification (single use)
        $this->cache->delete($token);
        // Check which cache it's in and delete from the correct one
        if ($token_data['type'] === 'referral') {
            $this->referral_cache->delete($token);
        } else {
            $this->cache->delete($token);
        }

        return $token_data;
    }
@@ -180,7 +196,7 @@
        $subject = 'Sign in to ' . get_bloginfo('name');
        $message = $this->getLoginEmailTemplate($user->display_name, $magic_url);

        $sent = $this->email->sendEmail($email, $subject, $message, 'Log in to '. get_bloginfo('name'));
        $sent = JVB()->email()->sendEmail($email, $subject, $message, 'Log in to '. get_bloginfo('name'));

        return $sent ? true : new WP_Error('email_failed', 'Failed to send magic link');
    }
@@ -212,7 +228,7 @@
        $subject = 'Complete your ' . get_bloginfo('name') . ' registration';
        $message = $this->getSignupEmailTemplate($context['name'] ?? '', $magic_url);

        $sent = $this->email->sendEmail($email, $subject, $message, 'Complete Registration');
        $sent = JVB()->email()->sendEmail($email, $subject, $message, 'Complete Registration');

        return $sent ? true : new WP_Error('email_failed', 'Failed to send signup link');
    }
@@ -229,7 +245,8 @@
        $token_data = [
            'referral_code' => $context['referral_code'],
            'name' => $context['name'] ?? '',
            'role' => $context['role'] ?? 'subscriber'
            'role' => $context['role'] ?? 'subscriber',
            'email' => $email
        ];

        $token = $this->generateToken($email, self::TYPE_REFERRAL, $token_data);
@@ -243,10 +260,10 @@
        $referrer_name = $context['referrer_name'] ?? 'A friend';
        $reward_text = $context['reward_text'] ?? '';

        $subject = $referrer_name . ' invited you to join ' . get_bloginfo('name');
        $message = $this->getReferralEmailTemplate($context['name'] ?? '', $referrer_name, $magic_url, $reward_text);
        $subject = (array_key_exists('subject', $context) && $context['subject'] !== '') ? $context['subject'] : $referrer_name . ' invited you to join ' . get_bloginfo('name');
        $message = $this->getReferralEmailTemplate($context['name'] ?? '', $referrer_name, $magic_url, $reward_text, $context);

        $sent = $this->email->sendEmail($email, $subject, $message, 'Accept Invitation');
        $sent = JVB()->email()->sendEmail($email, $subject, $message, 'Accept Invitation');

        return $sent ? true : new WP_Error('email_failed', 'Failed to send referral link');
    }
@@ -274,7 +291,7 @@
        $subject = 'Reset your password';
        $message = $this->getResetEmailTemplate($user->display_name, $magic_url);

        $sent = $this->email->sendEmail($email, $subject, $message, 'Reset Password');
        $sent = JVB()->email()->sendEmail($email, $subject, $message, 'Reset Password');

        return $sent ? true : new WP_Error('email_failed', 'Failed to send reset link');
    }
@@ -290,7 +307,7 @@

        $action = sanitize_text_field($_GET['action']);
        $token = sanitize_text_field($_GET['magic_token']);
        $email = sanitize_email($_GET['email']);
        $email = sanitize_email(rawurldecode($_GET['email']));

        if (!in_array($action, ['magic_login', 'magic_signup', 'magic_referral', 'magic_reset'])) {
            return;
@@ -350,6 +367,10 @@
     */
    protected function processSignup(array $token_data): void
    {
        if (!array_key_exists('email', $token_data) || !array_key_exists('name', $token_data)) {
            JVB()->error()->log('[MagicLinkManager]Could not process Signup');
            return;
        }
        $user_id = wp_create_user(
            $token_data['email'],
            wp_generate_password(20, true, true),
@@ -390,47 +411,43 @@
    /**
     * Process referral signup via magic link
     */
    /**
     * Process referral signup via magic link
     */
    protected function processReferralSignup(array $token_data): void
    {
        $user_id = wp_create_user(
            $token_data['email'],
            wp_generate_password(20, true, true),
            $token_data['email']
        );

        if (is_wp_error($user_id)) {
            wp_die('Failed to create account: ' . $user_id->get_error_message());
        if (!array_key_exists('email', $token_data) || !array_key_exists('name', $token_data)) {
            JVB()->error()->log('[MagicLinkManager]Could not process Referral Signup');
            return;
        }

        if (!empty($token_data['name'])) {
            wp_update_user([
                'ID' => $user_id,
                'display_name' => $token_data['name'],
                'first_name' => $token_data['name']
            ]);
        $email = sanitize_email($token_data['email']);
        if (email_exists($email)) {
            wp_die('Looks like you already have an account!');
        }

        // Store referral code for ReferralManager
        if (session_status() === PHP_SESSION_NONE) {
            session_start();
        $role = JVB()->referrals()->getRole();
        $pass = wp_generate_password(20, true, true);
        $name = sanitize_text_field($token_data['name']);
        $user_id = wp_insert_user([
            'user_login'    => $email,
            'user_email'    => $email,
            'user_pass'     => $pass,
            'display_name'  => $name,
            'role'          => $role
        ]);
        if (!is_wp_error($user_id)) {
            $response = JVB()->routes('login')->login($email, $pass, true);
            if ($response) {
                wp_safe_redirect(home_url('/dash?welcome=1&referral=1'));
                exit;
            }
        } else {
            JVB()->error()->log(
                '[MagicLinkManager]',
                $user_id->get_error_message(),
                $token_data
            );
        }
        $_SESSION[BASE . 'referral_code'] = $token_data['referral_code'];
        setcookie(
            BASE . 'referral_code',
            $token_data['referral_code'],
            time() + (86400 * 30),
            '/'
        );

        $user = get_user_by('ID', $user_id);
        wp_set_current_user($user_id);
        wp_set_auth_cookie($user_id, true);

        do_action('user_register', $user_id);
        do_action('wp_login', $user->user_login, $user);

        wp_safe_redirect(home_url('/dash?welcome=1&referral=1'));
        exit;
    }

    /**
@@ -492,10 +509,11 @@
    {
        $content = '<h2>Hey ' . esc_html($name) . '!</h2>';
        $content .= '<p>Click the button below to sign in to your account. This link expires in 15 minutes.</p>';
        $content .= '<p style="text-align: center; margin: 30px 0;">';
        $content .= '<a href="' . $magic_url . '" style="background: #2271b1; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 4px; display: inline-block;">Sign In</a>';
        $content .= '</p>';
        $content .= '<p style="color: #666; font-size: 14px;">If you didn\'t request this, you can safely ignore this email.</p>';
        $content .= JVB()->email()->button($magic_url, 'Sign In');
        $content .= '<p>Or copy and paste this link into your browser of choice:</p>';
        $content .= JVB()->email()->link($magic_url);
        $content .= '<p>If you didn\'t request this, you can safely ignore this email. The link will expire in 15 minutes.</p>';
        $content .= JVB()->email()->signature();

        return $content;
    }
@@ -504,27 +522,32 @@
    {
        $content = '<h2>Welcome' . ($name ? ', ' . esc_html($name) : '') . '!</h2>';
        $content .= '<p>You\'re almost there! Click the button below to complete your registration and access your account.</p>';
        $content .= '<p style="text-align: center; margin: 30px 0;">';
        $content .= '<a href="' . $magic_url . '" style="background: #2271b1; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 4px; display: inline-block;">Complete Registration</a>';
        $content .= '</p>';
        $content .= '<p style="color: #666; font-size: 14px;">This link expires in 15 minutes.</p>';
        $content .= JVB()->email()->button($magic_url, 'Complete Registration');
        $content .= '<p>Or copy and paste this link into your browser of choice:</p>';
        $content .= JVB()->email()->link($magic_url);
        $content .= '<p>This link expires in 15 minutes.</p>';
        $content .= JVB()->email()->signature();

        return $content;
    }

    protected function getReferralEmailTemplate(string $name, string $referrer_name, string $magic_url, string $reward_text): string
    protected function getReferralEmailTemplate(string $name, string $referrer_name, string $magic_url, string $reward_text, array $context): string
    {
        $content = '<h2>Hey' . ($name ? ' ' . esc_html($name) : '') . '!</h2>';
        $content .= '<p><strong>' . esc_html($referrer_name) . '</strong> thinks you\'d love ' . get_bloginfo('name') . '!</p>';

        if (array_key_exists('message', $context) && $context['message']!== '') {
            $content .= wpautop($context['message']);
        }
        if ($reward_text) {
            $content .= '<p>' . esc_html($reward_text) . '</p>';
        }

        $content .= '<p style="text-align: center; margin: 30px 0;">';
        $content .= '<a href="' . $magic_url . '" style="background: #2271b1; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 4px; display: inline-block;">Join Now</a>';
        $content .= '</p>';
        $content .= '<p style="color: #666; font-size: 14px;">This link expires in 15 minutes.</p>';
        $content .= JVB()->email()->button($magic_url, 'Join Now');
        $content .= '<p>Or copy and paste this link into your browser of choice:</p>';
        $content .= JVB()->email()->link($magic_url);
        $content .= '<p>This link expires in 14 days.</p>';
        $content .= JVB()->email()->signature();

        return $content;
    }
@@ -533,13 +556,11 @@
    {
        $content = '<h2>Hey ' . esc_html($name) . '!</h2>';
        $content .= '<p>We received a request to reset your password. Click the button below to sign in and update your password.</p>';
        $content .= '<p style="text-align: center; margin: 30px 0;">';
        $content .= '<a href="' . $magic_url . '" style="background: #2271b1; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 4px; display: inline-block;">Reset Password</a>';
        $content .= '</p>';
        $content .= '<p style="color: #666; font-size: 14px;">If you didn\'t request this, you can safely ignore this email. This link expires in 15 minutes.</p>';

        $content .= JVB()->email()->button($magic_url, 'Reset Password');
        $content .= '<p>Or copy and paste this link into your browser of choice:</p>';
        $content .= JVB()->email()->link($magic_url);
        $content .= '<p>If you didn\'t request this, you can safely ignore this email. This link expires in 15 minutes.</p>';
        $content .= JVB()->email()->signature();
        return $content;
    }
}

new MagicLinkManager();

 inc/managers/NotificationManager.php

@@ -1030,7 +1030,7 @@
        };

        // Send the email
        return jvbMail($user->user_email, $subject, $content, $header);
        return JVB()->email()->sendEmail($user->user_email, $subject, $content, $header);
    }

    /**

 inc/managers/OperationQueue.php

@@ -1180,7 +1180,7 @@

        $message .= "Please check the error logs for more details.";

        return jvbMail($admin_email, $subject, $message);
        return JVB()->email()->sendEmail($admin_email, $subject, $message);
    }

    /**
@@ -1767,7 +1767,7 @@
        $message .= "This is an automated report. Please check the admin dashboard for more details.";

        // Send email
        jvbMail($admin_email, $subject, $message);
        JVB()->email()->sendEmail($admin_email, $subject, $message);
    }

    /**

 inc/managers/ReferralManager.php

@@ -4,6 +4,8 @@
use JVBase\managers\MagicLinkManager;
use JVBase\integrations\Cloudflare;
use JVBase\meta\MetaForm;
use JVBase\ui\CRUDSkeleton;
use JVBase\ui\Tabs;
use JVBase\utility\Features;
use WP_User;
use WP_Error;
@@ -34,9 +36,12 @@
        'referrer_reward_type'  => 'fixed',
        'referee_reward_type' => 'percentage',  // 'percentage' or 'fixed'
        'referee_reward_amount' => 20,  // 20% or $20
        'referee_reward_applies_to' => 'first_order'  // 'first_order' or 'all_orders'
        'referee_reward_applies_to' => 'first_order',  // 'first_order' or 'all_orders'
        'referral_role' => BASE.'client'
    ];

    protected string $role = BASE.'client';

    protected array $settings;

    public function __construct()
@@ -46,7 +51,6 @@
        $this->cache = CacheManager::for('referrals', WEEK_IN_SECONDS);
        $this->referrals_table = $wpdb->prefix . BASE . 'referrals';
        $this->rewards_table = $wpdb->prefix . BASE . 'referral_rewards';
        $this->magic_link = new MagicLinkManager();

        $this->referralPage = $this->getReferralPageId();
        $this->settings = $this->getRewardSettings();
@@ -88,6 +92,14 @@
        add_filter('jvb_admin_page_submission', [$this, 'handleAdminSubmission'], 10, 3);
    }

    public function getSettings():array
    {
        return $this->settings;
    }
    public function getRole():string
    {
        return $this->role;
    }
    public function addLoginInputs(string $action):void
    {
        if (array_key_exists('ref', $_GET)) {
@@ -126,11 +138,16 @@
            'jvb-a11y',
            'jvb-popup',
            'jvb-tabs',
            'jvb-data-store',
        ];

        if (Features::hasIntegration('cloudflare') && JVB()->connect('cloudflare')->isSetUp()) {
            $requirements[] = 'cloudflare-turnstile';
        }
        if (is_singular(BASE.'dash')) {
            $requirements[] = 'jvb-form';
            $requirements[] = 'jvb-view';
        }
        wp_enqueue_script(
            'jvb-referral',
            JVB_URL . 'assets/js/min/referral.min.js',
@@ -267,16 +284,15 @@
     * Track a new referral when user registers
     *
     * @param int $user_id
     * @return bool;
     */
    public function processReferral(int $user_id, string $email, array $data): void
    public function processReferral(int $user_id): bool
    {
        // Check if user was created via referral magic link
        // Try to get code from multiple sources
        $referral_code = $data['referral_code'] ??
        get_user_meta($user_id, BASE . 'pending_referral_code', true);
        // Try to get code from user meta first (set during registration)
        $referral_code = get_user_meta($user_id, BASE . 'pending_referral_code', true);

        // Check session/cookie if not in data
        if (empty($referral_code)) {
            // Check session/cookie if not in meta
            if (session_status() === PHP_SESSION_NONE) {
                session_start();
            }
@@ -284,34 +300,63 @@
        }

        if (empty($referral_code)) {
            return;
            return false; // No referral code - regular registration
        }

        // Find the referrer
        $referrer = $this->getUserByReferralCode($referral_code);

        if (!$referrer) {
            delete_user_meta($user_id, BASE . 'pending_referral_code');
            return;
            return false;
        }

        // Check for duplicates
        $existing = $this->getReferralByReferee($user_id);
        if ($existing) {
            delete_user_meta($user_id, BASE . 'pending_referral_code');
            return;
        $user = get_userdata($user_id);

        // Check if referral already exists for this user
        $existing = $this->wpdb->get_row($this->wpdb->prepare(
            "SELECT * FROM {$this->referrals_table}
        WHERE referrer_id = %d AND (referee_email = %s OR referee_id = %d)",
            $referrer->ID,
            $user->user_email,
            $user_id
        ));

        if (!$existing) {
            // Create new referral record - referred_at captures registration time
            $this->wpdb->insert(
                $this->referrals_table,
                [
                    'referrer_id' => $referrer->ID,
                    'referee_id' => $user_id,
                    'referee_name' => $user->display_name,
                    'referee_email' => $user->user_email,
                    'referee_phone' => get_user_meta($user_id, BASE . 'phone', true) ?: '',
                    'referral_code' => $referral_code,
                    'status' => 'pending', // pending first treatment
                    'referred_at' => current_time('mysql') // When they registered
                ],
                ['%d', '%d', '%s', '%s', '%s', '%s', '%s', '%s']
            );
        }

        // Create referral record
        $result = $this->createReferral($referrer->ID, $user_id, $referral_code);

        if ($result) {
            // Clean up temp meta
            delete_user_meta($user_id, BASE . 'pending_referral_code');

            // Fire action for tracking
            do_action('jvb_referral_processed', $user_id, $referrer->ID, $referral_code);
        // Clean up temp data
        delete_user_meta($user_id, BASE . 'pending_referral_code');
        if (isset($_SESSION[BASE . 'referral_code'])) {
            unset($_SESSION[BASE . 'referral_code']);
        }
        if (isset($_COOKIE[BASE . 'referral_code'])) {
            setcookie(BASE . 'referral_code', '', time() - 3600, '/');
        }

        // Clear caches
        $this->cache->clear();

        // Fire action for tracking
        do_action('jvb_referral_processed', $user_id, $referrer->ID, $referral_code);

        // Send notification to referrer
        $this->sendReferrerNotification($referrer->ID, $user->display_name);
        return true;
    }

    /**
@@ -468,28 +513,52 @@
     */
    public function getUserReferrals(int $user_id, array $args = []): array
    {
        $defaults = [
            'status' => 'all',
            'limit' => 100,
            'offset' => 0,
            'orderby' => 'referred_at',
            'order' => 'DESC'
        ];
        return $this->cache->remember(
            $user_id,
            function() use ($user_id, $args) {
                $defaults = [
                    'status' => 'all',
                    'limit' => 100,
                    'offset' => 0,
                    'orderby' => 'referred_at',
                    'order' => 'DESC'
                ];

        $args = wp_parse_args($args, $defaults);
                $args = wp_parse_args($args, $defaults);

        $where = $this->wpdb->prepare("WHERE referrer_id = %d", $user_id);
                $where = $this->wpdb->prepare("WHERE referrer_id = %d", $user_id);

        if ($args['status'] !== 'all') {
            $where .= $this->wpdb->prepare(" AND status = %s", $args['status']);
        }
                if ($args['status'] !== 'all') {
                    $where .= $this->wpdb->prepare(" AND status = %s", $args['status']);
                }

        $query = "SELECT * FROM {$this->referrals_table}
                $query = "SELECT * FROM {$this->referrals_table}
                  {$where}
                  ORDER BY {$args['orderby']} {$args['order']}
                  LIMIT {$args['limit']} OFFSET {$args['offset']}";

        return $this->wpdb->get_results($query);
                $results =  $this->wpdb->get_results($query);

                return array_map(function($referral) {
                    $last_invite = get_transient('referral_last_invite_' . md5($referral->referee_email));
                    $can_resend = !$last_invite || (time() - $last_invite) > WEEK_IN_SECONDS;
                    $status = match($referral->status) {
                        'consulted' => 'Awaiting Treatment',
                        'treated'   => 'Rewarded!',
                        default => 'Pending',
                    };
                    return [
                        'id'            => $referral->id,
                        'referee_name'  => $referral->referee_name,
                        'referee_email' => $referral->referee_email,
                        'referred_at'   => JVB()->routes('referral')->formatTimestamp($referral->referred_at),
                        'referral_status'=> $status,
                        'can_resend'    => $can_resend
                    ];
                }, $results);
            }
        );

    }

    /**
@@ -509,26 +578,25 @@

        $stats = $this->wpdb->get_row($this->wpdb->prepare(
            "SELECT
                COUNT(*) as total_referrals,
                SUM(CASE WHEN status = 'treated' THEN 1 ELSE 0 END) as treated_count,
                SUM(CASE WHEN status = 'pending' THEN 1 ELSE 0 END) as pending_count
            FROM {$this->referrals_table}
            WHERE referrer_id = %d",
            COUNT(*) as code_used,
            SUM(CASE WHEN status IN ('consulted', 'treated') THEN 1 ELSE 0 END) as consultations,
            SUM(CASE WHEN status = 'treated' THEN 1 ELSE 0 END) as treatments,
            SUM(CASE WHEN status = 'pending' THEN 1 ELSE 0 END) as pending
        FROM {$this->referrals_table}
        WHERE referrer_id = %d",
            $user_id
        ), ARRAY_A);

        // Get total rewards
        $rewards = $this->wpdb->get_row($this->wpdb->prepare(
            "SELECT
                SUM(CASE WHEN status = 'available' THEN amount ELSE 0 END) as available_rewards,
                SUM(CASE WHEN status = 'redeemed' THEN amount ELSE 0 END) as redeemed_rewards
            FROM {$this->rewards_table}
            WHERE user_id = %d AND reward_type = 'referrer'",
        // Get total rewards earned (available + redeemed)
        $rewards = $this->wpdb->get_var($this->wpdb->prepare(
            "SELECT SUM(amount)
        FROM {$this->rewards_table}
        WHERE user_id = %d AND reward_type = 'referrer'",
            $user_id
        ), ARRAY_A);
        ));

        $stats = array_merge($stats, $rewards);

        $stats['total_rewards'] = floatval($rewards ?? 0);
        $stats['user_id'] = $user_id;
        $this->cache->set($cache_key, $stats, HOUR_IN_SECONDS);

        return $stats;
@@ -638,7 +706,7 @@
            count($new_referrals) !== 1 ? 's' : '');


        jvbMail($to, $subject, $content);
        JVB()->email()->sendEmail($to, $subject, $content);
    }

    /**
@@ -661,7 +729,7 @@

        $message = $this->generateWeeklyReportEmail($top_referrers, $total_referrals);

        wp_mail($to, $subject, $message, ['Content-Type: text/html; charset=UTF-8']);
        JVB()->email()->sendEmail($to, $subject, $message);
    }

    /**
@@ -883,6 +951,7 @@
        </table>
    <?php endif; ?>

        <?php /**
        <script>
            function markReferralTreated(referralId) {
                if (!confirm('Mark this referral as treated? This will create reward records.')) {
@@ -907,6 +976,7 @@
            }
        </script>
        <?php
     */
    }

    /**
@@ -963,7 +1033,7 @@
    {

        $user_id = get_current_user_id();
        $content = '<aside class="jvb-referral right">';
        $content = '<aside class="main referral right">';
        if (!$user_id) {
            $content .= $this->getUnloggedInReferral();
        } else {
@@ -1007,7 +1077,9 @@
        ' . ($referrer_name ? '<p>' . esc_html($referrer_name) . ' invited you to join us</p>' : '') . '
    </div>
    <form id="referral-code-form">
                '.jvbFormStatus().$meta->return('referral_name', null, [
                '.jvbFormStatus(). '
    <input type="hidden" name="user_select" value="' . esc_attr(get_option(BASE.'referral_role','client')) . '">
    ' .$meta->return('referral_name', null, [
                'required'  => true,
                'type'      => 'text',
                'label'     => 'Your Name',
@@ -1158,20 +1230,24 @@

        <div class="copy-section">
            <h4>Your Referral Link</h4>
            <div class="copy-group">
            <div class="copy-group row btw nowrap">
                <code id="referral-link" class="copy-target"><?= esc_url($share_url) ?></code>
                <button type="button" class="copy-btn" data-target="referral-link" aria-label="Copy referral link">
                    <?php echo jvbIcon('copy', ['size' => 16]); ?>
                </button>
            </div>
            <p class="hint">Quickest and easiest: autofills your code.</p>


            <h4>Your Code</h4>
            <div class="copy-group">
            <div class="copy-group row btw nowrap">
                <code id="referral-code" class="copy-target"><?= esc_html($referral_code) ?></code>
                <button type="button" class="copy-btn" data-target="referral-code" aria-label="Copy referral code">
                    <?php echo jvbIcon('copy', ['size' => 16]); ?>
                </button>
            </div>
            <p class="hint">Manually copy and paste the code</p>

        </div>

        <div class="recent-referrals-section">
@@ -1203,6 +1279,7 @@
        <a href="<?= get_home_url(null, '/dash/referrals')?>" class="view-dashboard-btn">
            Dashboard <?= jvbIcon('arrow-right', ['size' => 16]); ?>
        </a>
        <p class="hint">Bulk-invite your friends via email - the link will pre-fill their name, email, and code!</p>

        <?php
        return ob_get_clean();
@@ -1244,8 +1321,8 @@
            <p>Or click the button below:</p>
            %s
            </div>',
                jvbEmailLink($code),
                jvbMailButton($share_url, 'Share Your Code')
                JVB()->email()->link($code),
                JVB()->email()->button($share_url, 'Share Your Code')
            );
        }

@@ -1257,10 +1334,9 @@
    {
        return add_query_arg(
            [
                'ref' => $code,
                'action'    => 'register'
                'ref' => $code
            ],
            wp_login_url()
            get_home_url()
        );
    }

@@ -1270,15 +1346,12 @@
     * @param int $user_id Referrer's user ID
     * @param string $invitee_email Email of person to invite
     * @param string $invitee_name Name of person to invite
     * @param string $subject
     * @param string $message
     * @return array|WP_Error Result with success/error
     */
    public function sendReferralInvitation(int $user_id, string $invitee_email, string $invitee_name):array|WP_Error
    public function sendReferralInvitation(int $user_id, string $invitee_email, string $invitee_name, string $subject, string $message):array|WP_Error
    {
        // Verify user exists
        if (!$this->checkUser($user_id)) {
            return new WP_Error('invalid_user', 'Invalid user ID');
        }

        // Check email rate limit (15/hour)
        $rate_check = $this->checkEmailRateLimit($user_id);
        if ($rate_check !== true) {
@@ -1291,11 +1364,7 @@
            return new WP_Error('invalid_email', 'Invalid email address');
        }

        // Check if this email has already been invited or registered
        if ($this->isEmailInvited($invitee_email)) {
            return new WP_Error('already_invited', 'This person has already been invited');
        }

        // Check if already registered
        if (email_exists($invitee_email)) {
            return new WP_Error('user_exists', 'This person already has an account');
        }
@@ -1308,29 +1377,56 @@
            return $referral_code;
        }

        // Get reward text for email
        $reward_text = $this->settings['referee_reward_type'] === 'percentage'
            ? "Get {$this->settings['referee_reward_amount']}% off your first treatment!"
            : "Get \${$this->settings['referee_reward_amount']} off your first treatment!";

        // Record the invitation attempt (for tracking)
        // Record the invitation attempt (for rate limiting only)
        $this->recordInvitationAttempt($user_id, $invitee_email, $invitee_name);

        // Send magic link via MagicLinkManager
        $result = $this->magic_link->sendMagicLink(
        // Create registration URL with token (opens sidebar with prefilled form)
        $token_data = [
            'name' => sanitize_text_field($invitee_name),
            'email' => $invitee_email,
            'expires' => time() + (30 * DAY_IN_SECONDS)
        ];

        // Encode the token
        $token = base64_encode(json_encode($token_data));
        $registration_url = add_query_arg([
            'ref' => $referral_code,
            'rname' => sanitize_text_field($invitee_name),
            'remail'=> rawurlencode($invitee_email),
        ], home_url('/'));

        // Get reward text for email
        $reward_text = $this->settings['referee_reward_type'] === 'percentage'
            ? "{$this->settings['referee_reward_amount']}% off"
            : "\${$this->settings['referee_reward_amount']} off";

        // Build email content
        $email_content =
            sprintf(
                '<h2>%s invited you to %s!</h2>
            <p>%s</p>
            <div class="callout">
                <h3>Get %s your first treatment!</h3>
            </div>
            <p>Click the button below to register and claim your reward:</p>
            %s
            <p><small>This invitation expires in 30 days.</small></p>',
                esc_html($referrer->display_name),
                esc_html(get_bloginfo('name')),
                nl2br(esc_html($message)),
                esc_html($reward_text),
                JVB()->email()->button($registration_url, 'Register & Get Your Reward')
            );

        // Send email
        $sent = JVB()->email()->sendEmail(
            $invitee_email,
            MagicLinkManager::TYPE_REFERRAL,
            [
                'name' => sanitize_text_field($invitee_name),
                'referral_code' => $referral_code,
                'referrer_id' => $user_id,
                'referrer_name' => $referrer->display_name,
                'reward_text' => $reward_text
            ]
            $subject,
            $email_content
        );

        if (is_wp_error($result)) {
            return $result;
        if (!$sent) {
            return new WP_Error('email_failed', 'Failed to send invitation email');
        }

        return [
@@ -1348,7 +1444,7 @@
     * @param array $invitations Array of ['email' => '', 'name' => '']
     * @return array Results with success/failed arrays
     */
    public function sendBatchReferralInvitations(int $user_id, array $invitations): array
    public function sendBatchReferralInvitations(int $user_id, array $invitations, string $subject, string $message): array
    {
        $results = [
            'success' => [],
@@ -1368,7 +1464,7 @@
                continue;
            }

            $result = $this->sendReferralInvitation($user_id, $email, $name);
            $result = $this->sendReferralInvitation($user_id, $email, $name, $subject, $message);

            if (is_wp_error($result)) {
                $results['failed'][] = [
@@ -1389,7 +1485,7 @@

        return [
            'success' => !empty($results['success']),
            'results' => $results,
            'result' => $results,
            'summary' => sprintf(
                'Sent %d invitations, %d failed',
                count($results['success']),
@@ -1576,6 +1672,7 @@

    /**
     * Add referral settings subpage to admin menu
     * Add referral settings subpage to admin menu
     *
     * @param array $subpages
     * @return array
@@ -1730,7 +1827,7 @@
            <!-- Settings Section -->
            <?= $this->renderAdminHTML() ?>
        </div>

<?php /**
        <style>
            .jvb-upload-box {
                padding: 20px;
@@ -1785,11 +1882,12 @@
                margin: 10px 0;
            }
        </style>

*/
        if (is_admin()) {
?>
        <script>
            jQuery(document).ready(function($) {
                // Client upload
                // Client upload
                $('#client-upload-form').on('submit', function(e) {
                    e.preventDefault();
                    const formData = new FormData(this);
@@ -1897,12 +1995,12 @@
                    const search = $('#referral-search').val();

                    $.ajax({
                        url: '<?= rest_url('jvb/v1/referrals/list') ?>',
                        url: '<?= rest_url('jvb/v1/referrals') ?>',
                        method: 'GET',
                        data: {
                            page: page,
                            per_page: 20,
                            status: status,
                            offset: page -1,
                            limit: 20,
                            status: status === '' ? 'all' : status,
                            search: search
                        },
                        beforeSend: function(xhr) {
@@ -1930,10 +2028,10 @@
                    html += '<th>Actions</th>';
                    html += '</tr></thead><tbody>';

                    if (data.referrals.length === 0) {
                    if (data.items.length === 0) {
                        html += '<tr><td colspan="7" style="text-align: center;">No referrals found</td></tr>';
                    } else {
                        data.referrals.forEach(function(ref) {
                        data.items.forEach(function(ref) {
                            html += '<tr>';
                            html += '<td>' + (ref.referrer_name || 'Unknown') + '</td>';
                            html += '<td>' + (ref.referee_display_name || ref.referee_name) + '</td>';
@@ -1976,9 +2074,12 @@
                    if (!confirm('Mark this referral as consulted? This will create the consultation reward.')) return;

                    $.ajax({
                        url: '<?= rest_url('jvb/v1/referrals/mark-consulted') ?>',
                        url: '<?= rest_url('jvb/v1/referrals') ?>', // Changed from /mark-consulted
                        method: 'POST',
                        data: JSON.stringify({ referral_id: id }),
                        data: JSON.stringify({
                            action: 'consulted',  // Added action parameter
                            referral_id: id
                        }),
                        contentType: 'application/json',
                        beforeSend: function(xhr) {
                            xhr.setRequestHeader('X-WP-Nonce', '<?= wp_create_nonce('wp_rest') ?>');
@@ -1999,9 +2100,12 @@
                    if (!confirm('Mark this referral as treated? This will create rewards for both parties.')) return;

                    $.ajax({
                        url: '<?= rest_url('jvb/v1/referrals/mark-treated') ?>',
                        url: '<?= rest_url('jvb/v1/referrals') ?>', // Changed from /mark-treated
                        method: 'POST',
                        data: JSON.stringify({ referral_id: id }),
                        data: JSON.stringify({
                            action: 'treated',  // Added action parameter
                            referral_id: id
                        }),
                        contentType: 'application/json',
                        beforeSend: function(xhr) {
                            xhr.setRequestHeader('X-WP-Nonce', '<?= wp_create_nonce('wp_rest') ?>');
@@ -2039,6 +2143,7 @@
            });
        </script>
        <?php
        }
    }

    protected function renderAdminHTML():string
@@ -2166,14 +2271,14 @@
                        </tr>
                        <tr>
                            <th scope="row">
                                <label for="<?= BASE ?>client_import_role">Client Import Role</label>
                                <label for="<?= BASE ?>referral_role">Client Import Role</label>
                            </th>
                            <td>
                                <?php
                                $selected_role = get_option(BASE . 'client_import_role', '');
                                $selected_role = get_option(BASE . 'referral_role', '');
                                $roles = wp_roles()->get_names();
                                ?>
                                <select name="<?= BASE ?>client_import_role" id="<?= BASE ?>client_import_role">
                                <select name="<?= BASE ?>referral_role" id="<?= BASE ?>referral_role">
                                    <?php foreach ($roles as $role_value => $role_name): ?>
                                        <option value="<?= esc_attr($role_value) ?>" <?php selected($selected_role, $role_value); ?>>
                                            <?= esc_html($role_name) ?>
@@ -2339,116 +2444,195 @@
            $referral_code = $this->getUserReferralCode($user_id);
        }

        $stats = $this->getUserStats($user_id);
        $referrals = $this->getUserReferrals($user_id, ['limit' => 20]);

        ob_start();

        $tabs = new Tabs();
        $tabs->addTab('share')
            ->title('Share')
            ->icon('share-fat')
            ->description('Share your code and earn rewards when your referrals complete their first treatment!')
            ->content($this->shareDashboard($user_id, $referral_code));
        $tabs->addTab('referrals')
            ->title('Your Referrals')
            ->icon('hand-heart')
            ->content($this->referralCRUD($user_id));

        ?>
        <div class="referral-dashboard">
            <div class="referral-header">
                <h2>Your Referrals</h2>
                <p>Share your code and earn rewards when your referrals complete their first treatment!</p>
            </div>
            <?= $tabs->render(true);?>
        </div>

            <?php $this->getShareButtons($user_id); ?>
        <?php
        return ob_get_clean();
    }

            <!-- Referral Code Card -->
            <div class="referral-code-card">
                <h3>Your Referral Code</h3>
                <div class="code-display">
                    <span class="code"><?= esc_html($referral_code) ?></span>
                    <button class="button copy-code" data-code="<?= esc_attr($referral_code) ?>">
                        Copy Code
                    </button>
                </div>
                <p class="share-link">
                    Share link: <input type="text" readonly value="<?= home_url('/?ref=' . $referral_code) ?>"
                                       onclick="this.select()" style="width: 100%; margin-top: 5px;" />
                </p>
    protected function shareDashboard(int $user_id, string $referral_code):string
    {
        ob_start();
        ?>
        <?php $this->getShareButtons($user_id); ?>

        <!-- Referral Code Card -->
        <div class="card">
            <h3>Share Code</h3>
            <div class="row btw nowrap">
                <code class="code"><?= esc_html($referral_code) ?></code>
                <button class="button copy-btn" data-code="<?= esc_attr($referral_code) ?>">
                    Copy Code
                </button>
            </div>
            <form class="invite">
                <?php
                $meta = new MetaForm();
                $field = [
                    'type'  => 'repeater',
                    'label' => 'Invite Your Friends',
                    'fields'    => [
                        'name'  => [
                            'type'  => 'text',
                            'label' => 'name',
                        ],
                        'email' => [
                            'type'  => 'email',
                            'label' => 'email',
                        ]
            <h3>Share Link</h3>
            <div class="row btw nowrap">
                <code class="share-link">
                    <?= home_url('/?ref=' . $referral_code) ?>
                </code>
                <button class="button copy-btn" data-code="<?= home_url('/?ref=' . $referral_code) ?>">
                    Copy Link
                </button>
            </div>
        </div>
        <form class="invite">
            <h2>Invite your Friends</h2>
            <p>Or, if you prefer, enter your friends name(s) and email(s), and we'll send off some emails.</p>
            <p><small>(No data is stored. Your friends will get an email from our email.)</small></p>
            <?php
            $meta = new MetaForm();
            $invite = [
                'type' => 'tag_list',
                'label' => 'Invite Your Friends',
                'hint' => 'Add friends to send them a referral link',
                'add_label' => 'Add Invite',
                'tag_format' => '{name} ({email})', // or 'first_field', 'all_fields', 'email', etc.
                'fields' => [
                    'name' => [
                        'type' => 'text',
                        'label' => 'Name',
                        'placeholder' => 'Full Name',
                        'required' => true
                    ],
                    'email' => [
                        'type' => 'email',
                        'label' => 'Email',
                        'placeholder' => 'email@example.com',
                        'required' => true
                    ]
                ];
                $meta->render('invite', [], $field);
                ]
            ];
            $fields = [
                'subject'   => [
                    'type'  => 'text',
                    'label' => 'Email Subject',
                    'value' => 'Try Legacy for Tattoo Removal',
                ],
                'message'   => [
                    'type'      => 'textarea',
                    'label'     => 'Customize message',
                    'value' => 'I had a great experience at Legacy Tattoo Removal!

If you click the link below, you can get 20% off your first treatment with them.',
                    'hint'      => 'We\'ll add your code and a link automatically.'
                ]
            ];
            $meta->render('invite', [], $invite);
            ?>
            <details>
                <summary class="icon icon-caret-down">Customize Message</summary>
                <?php
                foreach ($fields as $fieldName => $field) {
                    $value = (array_key_exists('value', $field)) ? $field['value'] : [];
                    $meta->render($fieldName, $value, $field);
                }
                ?>
            </form>
            </details>

            <!-- Stats Grid -->
            <div class="stats-grid">
                <div class="stat-card">
                    <h4>Total Referrals</h4>
                    <span class="stat-number"><?= esc_html($stats['total_referrals'] ?? 0) ?></span>
                </div>
                <div class="stat-card">
                    <h4>Completed Treatments</h4>
                    <span class="stat-number"><?= esc_html($stats['treated_count'] ?? 0) ?></span>
                </div>
                <div class="stat-card">
                    <h4>Pending</h4>
                    <span class="stat-number"><?= esc_html($stats['pending_count'] ?? 0) ?></span>
                </div>
                <div class="stat-card highlight">
                    <h4>Available Rewards</h4>
                    <span class="stat-number">$<?= number_format($stats['available_rewards'] ?? 0, 2) ?></span>
                </div>
            <button type="submit"><?=jvbIcon('envelope')?>Send Invites</button>
        </form>
        <?php
        return ob_get_clean();
    }

    protected function referralCRUD(int $user_id):string
    {
        $stats = $this->getUserStats($user_id);
        ob_start();
        ?>
        <!-- Stats Grid with Updated Labels -->
        <div class="item-grid stats">
            <div class="card">
                <h4>Code Used</h4>
                <span class="stat-number" data-stat="code_used"><?= esc_html($stats['code_used'] ?? 0) ?></span>
                <p class="hint">People who used your code</p>
            </div>

            <!-- Referrals List -->
            <div class="referrals-list-card">
                <h3>Your Referrals</h3>
                <?php if (empty($referrals)): ?>
                    <p>You haven't referred anyone yet. Share your code to get started!</p>
                <?php else: ?>
                    <table class="referrals-table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Status</th>
                            <th>Referred Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($referrals as $ref): ?>
                            <tr>
                                <td><?= esc_html($ref->referee_name) ?></td>
                                <td><?= esc_html($ref->referee_email) ?></td>
                                <td><span class="status-badge <?= esc_attr($ref->status) ?>"><?= esc_html(ucfirst($ref->status)) ?></span></td>
                                <td><?= date('M j, Y', strtotime($ref->referred_at)) ?></td>
                            </tr>
                        <?php endforeach; ?>
                        </tbody>
                    </table>
                <?php endif; ?>
            <div class="card">
                <h4>Treatments</h4>
                <span class="stat-number" data-stat="treatments"><?= esc_html($stats['treatments'] ?? 0) ?></span>
                <p class="hint">Completed first treatment</p>
            </div>
            <div class="card highlight">
                <h4>Total Rewards</h4>
                <span class="stat-number" data-stat="total_rewards">$<?= number_format($stats['total_rewards'] ?? 0, 2) ?></span>
                <p class="hint">Earned from referrals</p>
            </div>
        </div>


        <script>
            jQuery(document).ready(function($) {
                $('.copy-code').on('click', function() {
                    const code = $(this).data('code');
                    navigator.clipboard.writeText(code).then(function() {
                        alert('Code copied to clipboard!');
                    });
                });
            });
        </script>
        <?php
        // Configure CRUDSkeleton for referrals
        $crud = new CRUDSkeleton();
        $crud->title('Your Referrals', 'Track friends you\'ve invited and rewards earned')
            ->content('referral', 'Referral', 'Referrals')
            ->initMeta('custom', 'referral')
            ->setFields([
                'referee_name' => [
                    'label' => 'Name',
                    'type' => 'text',
                ],
                'referee_email' => [
                    'label' => 'Email',
                    'type' => 'text',
                ],
                'referred_at' => [
                    'label' => 'Code Used',
                    'type' => 'date',
                ],
                'referral_status' => [
                    'label' => 'Status',
                    'type' => 'text',
                ]
            ])
            ->setStatuses(['all', 'unused', 'registered', 'consulted', 'completed'])
            ->addViews(['table', 'list'])
            ->defaultView('table')
            ->addCapabilities(['view'])
            ->addDateFilter('referred_at')
            ->showBulkControls(false)
            ->showFilters(false)
            ->useCRUDjs(false); // We'll use our custom Referral.js with DataStore

        // Add custom template for actions column
        $crud->addItemActions(['resend', 'trash']);
        $crud->defineItemAction('resend', [
            'title' => 'Resend Invitation',
            'icon'  => 'paper-plane-tilt'
        ]);
        $crud->defineItemAction('trash', [
            'title' => 'Remove from List'
        ]);

        // Custom empty state
        $crud->addTemplate('empty', '
        <template class="emptyState">
            <div class="empty-state">
                <h3>' . jvbDashIcon('hand-heart') . 'Nothing Yet' . jvbDashIcon('hand-heart') . '</h3>
                <p>Start sharing your referral code to earn rewards!</p>
                <p><small><i>Share your code using the "Share" tab below.</i></small></p>
            </div>
        </template>
    ');

        $crud->render();

        return ob_get_clean();
    }

@@ -2473,8 +2657,8 @@
            update_option(BASE . 'referral_page_id', $page_id);

            // Save client import role
            $import_role = sanitize_text_field($post_data[BASE . 'client_import_role'] ?? JVB_USER);
            update_option(BASE . 'client_import_role', $import_role);
            $import_role = sanitize_text_field($post_data[BASE . 'referral_role'] ?? JVB_USER);
            update_option(BASE . 'referral_role', $import_role);

            // Save reward settings
            $settings = [
@@ -2573,5 +2757,98 @@
        </nav>
    <?php
    }

    /**
     * Send notification to referrer when someone registers
     *
     * @param int $referrer_id
     * @param string $referee_name
     */
    protected function sendReferrerNotification(int $referrer_id, string $referee_name): void
    {
        $referrer = get_userdata($referrer_id);
        if (!$referrer) {
            return;
        }

        $subject = sprintf('%s signed up with your referral code!', $referee_name);
        $message = sprintf(
            "Great news! %s just signed up using your referral code.\n\n" .
            "View your referrals: %s",
            $referee_name,
            home_url('/dash/referrals')
        );

        JVB()->email()->sendEmail(
            $referrer->user_email,
            $subject,
            $message
        );
    }

    /**
     * Get welcome message for newly referred user
     *
     * @param int $user_id
     * @return string HTML content for welcome message
     */
    public function getReferralWelcomeMessage(int $user_id): string
    {
        // Check if user was referred
        $referral = $this->getReferralByReferee($user_id);

        if (!$referral || $referral->status !== 'pending') {
            return '';
        }

        // Only show for recent registrations (within 7 days)
        $registered_time = strtotime($referral->referred_at);
        if ((time() - $registered_time) > (7 * DAY_IN_SECONDS)) {
            return '';
        }

        // Get referrer name
        $referrer = get_userdata($referral->referrer_id);
        $referrer_first_name = $referrer ? strtok($referrer->display_name, ' ') : 'Your friend';

        // Get reward text
        $reward_text = $this->getRewardText(false); // Just "20% off" or "$25 off"

        $booking_url = apply_filters('jvb_referral_booking_url', home_url('/contact'));
        $estimate_url = apply_filters('jvb_referral_estimate_url', home_url('/estimate'));

        ob_start();
        ?>
        <div class="welcome-banner referral-welcome">
            <div class="banner-content">
                <h3><?= jvbIcon('confetti') ?>Welcome! <small><b><?= esc_html($referrer_first_name) ?></b> invited you to save <b><?= esc_html($reward_text) ?></b>!</small></h3>
                <p>But we're not done yet! Here's what happens next:</p>
                <div class="callout">
                    <ol>
                        <li>Book your <b>free consultation</b></li>
                        <li>Come in and we'll assess your tattoo</li>
                        <li>Get <?= esc_html($reward_text) ?> your first treatment!</li>
                    </ol>
                </div>
                <p class="hint">
                    <strong>Important:</strong> If you book with a different email than
                    <strong><?= esc_html(wp_get_current_user()->user_email) ?></strong>,
                    please let us know so we can apply your reward!
                </p>
                <ul class="buttons">
                    <li><a href="<?= esc_url($estimate_url) ?>" class="button-secondary">
                        <?= jvbIcon('calculator') ?> Get an Estimate First
                    </a></li>
                    <li><a href="<?= esc_url($booking_url) ?>" class="button-primary">
                        <?= jvbIcon('calendar') ?> Book Free Consult
                    </a></li>
                </ul>


            </div>
        </div>
        <?php
        return ob_get_clean();
    }
}


 inc/managers/RoleManager.php

@@ -19,8 +19,24 @@
       $this->content = array_map(function($content) {
           return strtolower($content['plural']);
       },JVB_CONTENT);
       add_action('set_user_role', [$this, 'updateRoles'], 10, 3);
    }

    public function updateRoles(int $userID, string $role, array $oldRoles):void
    {
        if (doing_action('set_user_role') > 1) {
            return;
        }
        $temp = jvbNoBase($role);
        if (array_key_exists($temp, JVB_USER)) {
            $user = get_userdata($userID);
            if (!$user) {
                return;
            }
            $this->reset($user);
            $this->setUserAs($user, $temp);
        }
    }

    /**
     * @param WP_User $user
@@ -140,7 +156,6 @@
    /**
     * @param WP_User $user
     * @param string $type
     * @param bool $add
     *
     * @return void
     */
@@ -410,7 +425,7 @@
        if (empty($capsMap)){
            $capsMap = [
                $content,
                str_replace('-', '_',sanitize_title(strtolower(JVB_CONTENT[$content]['plural'])))
                str_replace('-', '_',sanitize_title(strtolower(JVB_CONTENT[$content]['plural']??JVB_TAXONOMY[$content]['plural'])))
            ];
            return $capsMap[1];
        }

 inc/managers/SEO/BreadcrumbManager.php

New file
@@ -0,0 +1,327 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\managers\CacheManager;
use JVBase\utility\Features;
use WP_Post;
use WP_Term;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Breadcrumb Manager
 *
 * Generates breadcrumb navigation arrays and HTML output
 * Integrates with SchemaOutputManager for structured data
 */
class BreadcrumbManager
{
    private CacheManager $cache;
    private static ?self $instance = null;

    private function __construct()
    {
        $this->cache = CacheManager::for('breadcrumbs', MONTH_IN_SECONDS)->connectTo('all');
    }

    public static function getInstance(): self
    {
        if (self::$instance === null) {
            self::$instance = new self();
        }
        return self::$instance;
    }

    /**
     * Get breadcrumb array for current page
     *
     * @return array Array of breadcrumb items with 'name', 'url', optional 'icon' and 'id'
     */
    public function getCrumbs(): array
    {
        if (is_front_page()) {
            return [];
        }

        $key = get_queried_object_id() ?: 'home';
        $crumbs = $this->cache->get($key);

        if ($crumbs !== false) {
            return $crumbs;
        }

        $crumbs = $this->buildCrumbs();
        $this->cache->set($key, $crumbs);

        return $crumbs;
    }

    /**
     * Build breadcrumb array based on current page context
     */
    private function buildCrumbs(): array
    {
        $crumbs = [];

        // Always start with home
        $crumbs[] = [
            'name' => 'Home',
            'icon' => jvbIcon('house'),
            'url'  => get_home_url(),
        ];

        $obj = get_queried_object();

        if (is_tax()) {
            $crumbs = $this->addTaxonomyCrumbs($crumbs, $obj);
        } elseif (is_singular()) {
            $crumbs = $this->addArchiveCrumbs($crumbs, $obj);
            $crumbs = $this->addSingularCrumbs($crumbs, $obj);
        } elseif (is_post_type_archive() && !is_post_type_archive(BASE.'dash')) {
            $crumbs = $this->addArchiveCrumbs($crumbs, $obj);
        }

        return $crumbs;
    }

    /**
     * Add taxonomy-specific breadcrumbs
     */
    private function addTaxonomyCrumbs(array $crumbs, WP_Term $term): array
    {
        $tax = jvbNoBase($term->taxonomy);
        $config = Features::getConfig($tax, 'term');

        // Add parent content archive if taxonomy is for single content type
        if (count($config['for_content']) === 1) {
            $contentConfig = JVB_CONTENT[$config['for_content'][0]];
            $crumbs[] = [
                'name' => $contentConfig['breadcrumb'] ?? $contentConfig['plural'],
                'url'  => get_post_type_archive_link(jvbCheckBase($config['for_content'][0])),
            ];
            $crumbs[] = [
                'name' => 'By ' . $config['singular'],
                'url'  => false,
            ];
        }

        // Add directory if exists
        if (Features::forTaxonomy($tax)->has('directory')) {
            $directory = jvbDirectories($tax);
            $crumbs[] = [
                'name' => $directory['title'],
                'url'  => $directory['url']
            ];
        }

        // Add term hierarchy
        $crumbs = array_merge($crumbs, $this->buildTermHierarchy($term));

        return $crumbs;
    }

    /**
     * Add singular post breadcrumbs
     */
    private function addSingularCrumbs(array $crumbs, WP_Post $post): array
    {
        // Add directory if exists
        $directory = jvbDirectories(jvbNoBase($post->post_type));
        if (!empty($directory)) {
            $crumbs[] = [
                'name' => $directory['title'],
                'url'  => $directory['url']
            ];
        }

        // Handle directory posts specially
        if (jvbIsDirectory()) {
            $pos = jvbGetDirectoryInfo();
            if (!empty($pos)) {
                // Special case for map
                if ($pos['title'] == 'Map') {
                    $crumbs[] = [
                        'name' => 'Tattoo Shops',
                        'url'  => jvbDirectories(BASE.'shop')['url']
                    ];
                }

                $crumbs[] = [
                    'name' => $pos['title'],
                    'url'  => $pos['url']
                ];
            }
        } else {
            // Add post hierarchy
            $crumbs = array_merge($crumbs, $this->buildPostHierarchy($post));
        }

        return $crumbs;
    }

    /**
     * Add archive breadcrumbs
     */
    private function addArchiveCrumbs(array $crumbs, object $obj): array
    {
        $type = is_singular() ? $obj->post_type : $obj -> name;
        $name = jvbNoBase($type);
        if (array_key_exists($name, JVB_CONTENT)) {
            $crumbs[] = [
                'name' => JVB_CONTENT[$name]['breadcrumb'] ?? JVB_CONTENT[$name]['plural'],
                'url'  => get_post_type_archive_link($type),
            ];
        }

        return $crumbs;
    }

    /**
     * Build term hierarchy recursively
     */
    private function buildTermHierarchy(WP_Term $term, array $crumbs = []): array
    {
        $url = get_term_link($term->term_id);
        array_unshift($crumbs, [
            'name' => $term->name,
            'url'  => $url,
            'id'   => $term->term_id,
        ]);

        if ($term->parent !== 0) {
            $parent = get_term($term->parent, $term->taxonomy);
            if ($parent && !is_wp_error($parent)) {
                $crumbs = $this->buildTermHierarchy($parent, $crumbs);
            }
        }

        return $crumbs;
    }

    /**
     * Build post hierarchy recursively
     */
    private function buildPostHierarchy(WP_Post $post, array $crumbs = []): array
    {
        array_unshift($crumbs, [
            'name' => $post->post_title,
            'url'  => get_the_permalink($post->ID),
            'id'   => $post->ID,
        ]);

        if ($post->post_parent !== 0) {
            $parent = get_post($post->post_parent);
            if ($parent) {
                $crumbs = $this->buildPostHierarchy($parent, $crumbs);
            }
        }

        return $crumbs;
    }

    /**
     * Render breadcrumb navigation HTML
     *
     * @return string HTML breadcrumb navigation
     */
    public function renderNavigation(): string
    {
        if (is_front_page()) {
            return '';
        }

        $crumbs = $this->getCrumbs();
        if (empty($crumbs)) {
            return '';
        }

        $out = '<nav id="breadcrumbs">';
        $out .= '<ol itemscope itemtype="https://schema.org/BreadcrumbList">';

        $position = 1;
        foreach ($crumbs as $crumb) {
            $label = '<span itemprop="name">' . strtolower($crumb['name']) . '</span>';

            // Replace label with icon if present
            if (isset($crumb['icon'])) {
                $label = $crumb['icon'] . '<span class="screen-reader-text" itemprop="name">' . $crumb['name'] . '</span>';
            }

            $aOpen = $aClose = '';

            // Add link if URL exists and not current page
            if ($crumb['url'] !== false) {
                $isCurrent = isset($crumb['id']) && $crumb['id'] === get_queried_object_id();
                if (!$isCurrent) {
                    $aOpen = '<a itemprop="item" href="' . esc_url($crumb['url']) . '" title="' . esc_attr($crumb['name']) . '">';
                    $aClose = '</a>';
                }
            }

            $out .= '<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">';
            $out .= $aOpen . $label . $aClose;
            $out .= '<meta itemprop="position" content="' . $position . '" />';
            $out .= '</li>';

            $position++;
        }

        $out .= '</ol>';
        $out .= '</nav>';

        return $out;
    }

    /**
     * Convert breadcrumb array to schema.org format
     * Used by SchemaOutputManager
     *
     * @return array Schema.org BreadcrumbList
     */
    public function toSchema(): array
    {
        $crumbs = $this->getCrumbs();
        if (empty($crumbs)) {
            return [];
        }

        $items = [];
        $position = 1;

        foreach ($crumbs as $crumb) {
            // Schema requires a URL
            if ($crumb['url'] === false) {
                $crumb['url'] = get_permalink();
            }

            $items[] = [
                '@type'    => 'ListItem',
                'position' => $position,
                'name'     => $crumb['name'],
                'item'     => $crumb['url'],
            ];

            $position++;
        }

        return [
            '@type'           => 'BreadcrumbList',
            '@id'             => get_permalink() . '/#breadcrumbs',
            'itemListElement' => $items
        ];
    }

    /**
     * Invalidate breadcrumb cache for specific object
     */
    public function invalidateCache(?int $objectId = null): void
    {
        if ($objectId) {
            $this->cache->delete($objectId);
        } else {
            $this->cache->clear();
        }
    }
}

 inc/managers/SEO/ConfigManager.php

New file
@@ -0,0 +1,390 @@
<?php
namespace JVBase\managers\SEO;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Interface for options for schema and meta, defaulting to what is defined in the constants
 */
class ConfigManager
{
    private ?string $type = null;
    private ?string $metaKey = null;
    private ?string $schemaKey = null;
    private ?string $archiveKey = null;
    protected bool $hasArchive = false;
    private static array $instances = [];
    protected ?array $schema = null;
    protected ?array $meta = null;
    protected ?array $archive = null;
    protected SchemaBuilder $registry;

    /**
     * Private constructor; use for() factory method instead
     */
    private function __construct(string $type) {
        $this->type = $type;
        $this->schemaKey = BASE.'schema_for_'.$type;
        $this->metaKey = BASE.'meta_for_'.$type;
        $this->registry = SchemaBuilder::getInstance();
        $this->schema = $this->getConfigFor($type);
        $this->meta = $this->getMetaFor($type);
    }

    /**
     * Factory method - returns singleton instance per type
     */
    public static function for(string $type): self
    {
        $key = jvbNoBase($type);
        if (!isset(self::$instances[$key])) {
            self::$instances[$key] = new self($type);
        }
        return self::$instances[$key];
    }

    public function meta():array
    {
        return $this->meta ?? [];
    }
    public function schema():array
    {
        return $this->schema ?? [];
    }

    public function archive(): array
    {
        return $this->archive ?? [];
    }

    public function setupArchive()
    {
        $this->hasArchive = true;
        $this->archiveKey = BASE.'archive_for_'.$this->type;
        $this->archive = $this->getArchiveFor($this->type);
    }

    /**
     * Get default meta configuration for a type
     */
    protected function getMetaFor(string $type): array
    {
        $default = $this->registry->getDefaultMetaValues();
        return get_option($this->metaKey, $default);
    }

    /**
     * Get default schema configuration for a type
     */
    protected function getConfigFor(string $type): array
    {
        $default = $this->getDefaultConfig($type, 'schema');
        return get_option($this->schemaKey, $default);
    }

    /**
     * Get default schema configuration for a type
     */
    protected function getArchiveFor(string $type): array
    {
        $default = $this->getDefaultConfig($type, 'archive');
        return get_option($this->archiveKey, $default);
    }

    /**
     * Get default configuration from constants
     */
    private function getDefaultConfig(string $type, string $configType): array
    {
        switch ($type) {
            case 'website':
                // Try actual schema type first, then semantic key
                if (defined('JVB_SCHEMA')) {
                    if (array_key_exists('website', JVB_SCHEMA)) {
                        return JVB_SCHEMA['website'];
                    }
                }
                return [];
            case 'organization':

                // Try actual schema types first, then semantic keys
                if (defined('JVB_SCHEMA')) {
                    if (array_key_exists('organization', JVB_SCHEMA)) {
                        return JVB_SCHEMA['organization'];
                    }
                }
                return [];

            default:
                // Try to find in content, taxonomy, or user configs
                $config = $this->findInConstants($type);
                if (array_key_exists('seo', $config) && is_array($config['seo'])) {
                    $config = $config['seo'];
                }

                // If asking for archive config and none exists, provide default
                if ($configType === 'archive' && !isset($config['archive'])) {
                    return [
                        'type' => 'CollectionPage',
                        'name' => '{{archive_title}}',
                        'description' => '{{archive_description}}',
                        'url' => '{{archive_url}}'
                    ];
                }
                return $config[$configType] ?? [];
        }
    }
    /**
     * Find configuration in JVB constants
     */
    private function findInConstants(string $type): array
    {
        if (defined('JVB_CONTENT') && isset(JVB_CONTENT[$type])) {
            return JVB_CONTENT[$type];
        }
        if (defined('JVB_TAXONOMY') && isset(JVB_TAXONOMY[$type])) {
            return JVB_TAXONOMY[$type];
        }
        if (defined('JVB_USER') && isset(JVB_USER[$type])) {
            return JVB_USER[$type];
        }
        return [];
    }

    public function resetConfig(): bool
    {
        $result = delete_option($this->schemaKey);
        if ($result) {
            $this->schema = $this->getConfigFor($this->type);
        }
        return $result;
    }
    /**
     * Reset meta configuration to defaults
     */
    public function resetMeta(): bool
    {
        $result = delete_option($this->metaKey);
        if ($result) {
            $this->meta = $this->getMetaFor($this->type);
        }
        return $result;
    }

    public function resetArchive():bool
    {
        $result = delete_option($this->archiveKey);
        if ($result) {
            $this->archive = $this->getArchiveFor($this->type);
        }
        return $result;
    }

    /**
     * Reset both configurations to defaults
     */
    public function resetAll(): bool
    {
        return !($this->resetConfig() && $this->resetMeta() && ($this->hasArchive)) || $this->resetArchive();
    }
    /**
     * Validate and update schema configuration
     *
     * @param array $config Schema configuration to save
     * @return bool|\WP_Error True on success, WP_Error on failure
     */
    public function updateConfig(array $config): bool|\WP_Error
    {
        // Validate type is provided
        if (!isset($config['type'])) {
            return new \WP_Error('missing_type', 'Schema type is required');
        }

        // Validate type exists in registry
        if (!$this->registry->getTypeDefinition($config['type'])) {
            return new \WP_Error('invalid_type', sprintf('Schema type "%s" is not registered', $config['type']));
        }

        // Get allowed fields for this type
        $allowedFields = $this->registry->getFieldsForType($config['type']);

        // Filter to only allowed fields
        $validated = array_filter($config, function($key) use ($allowedFields) {
            return in_array($key, $allowedFields);
        }, ARRAY_FILTER_USE_KEY);

        // Validate template syntax for field values
        $fieldErrors = [];
        foreach ($validated as $field => $value) {
            if (is_string($value) && $field !== 'type') {
                $validationResult = $this->validateTemplate($value, $field);
                if (is_wp_error($validationResult)) {
                    $fieldErrors[$field] = $validationResult->get_error_message();
                }
            }
        }

        if (!empty($fieldErrors)) {
            return new \WP_Error('validation_failed', 'Template validation failed', $fieldErrors);
        }

        // Remove completely empty values (but keep false/0)
        $validated = array_filter($validated, function($value) {
            return $value !== '' && $value !== null && $value !== [];
        });

        // Update option
        $result = update_option($this->schemaKey, $validated);

        if ($result) {
            // Update instance cache
            $this->schema = $validated;
        }

        return $result;
    }
    /**
     * Validate and update meta configuration
     *
     * @param array $meta Meta configuration to save
     * @return bool|\WP_Error True on success, WP_Error on failure
     */
    public function updateMeta(array $meta): bool|\WP_Error
    {
        // Validate template syntax
        $errors = [];
        foreach ($meta as $field => $value) {
            if (is_string($value)) {
                $validationResult = $this->validateTemplate($value, $field);
                if (is_wp_error($validationResult)) {
                    $errors[$field] = $validationResult->get_error_message();
                }
            }
        }

        if (!empty($errors)) {
            return new \WP_Error('validation_failed', 'Template validation failed', $errors);
        }

        // Update option
        $result = update_option($this->metaKey, $meta);

        if ($result) {
            // Update instance cache
            $this->meta = $meta;
        }

        return $result;
    }

    /**
     * Validate and update archive configuration
     *
     * @param array $archive Archive configuration to save
     * @return bool|\WP_Error True on success, WP_Error on failure
     */
    public function updateArchive(array $archive): bool|\WP_Error
    {
        if (!$this->hasArchive) {
            return new \WP_Error('no_archive', 'This type does not support archives');
        }

        // Validate type is provided
        if (!isset($archive['type'])) {
            return new \WP_Error('missing_type', 'Schema type is required');
        }

        // Validate type exists in registry
        if (!$this->registry->getTypeDefinition($archive['type'])) {
            return new \WP_Error('invalid_type', sprintf('Schema type "%s" is not registered', $archive['type']));
        }

        // Get allowed fields for this type
        $allowedFields = $this->registry->getFieldsForType($archive['type']);

        // Filter to only allowed fields
        $validated = array_filter($archive, function($key) use ($allowedFields) {
            return in_array($key, $allowedFields);
        }, ARRAY_FILTER_USE_KEY);

        // Validate template syntax
        $fieldErrors = [];
        foreach ($validated as $field => $value) {
            if (is_string($value) && $field !== 'type') {
                $validationResult = $this->validateTemplate($value, $field);
                if (is_wp_error($validationResult)) {
                    $fieldErrors[$field] = $validationResult->get_error_message();
                }
            }
        }

        if (!empty($fieldErrors)) {
            return new \WP_Error('validation_failed', 'Template validation failed', $fieldErrors);
        }

        // Remove completely empty values
        $validated = array_filter($validated, function($value) {
            return $value !== '' && $value !== null && $value !== [];
        });

        // Update option
        $result = update_option($this->archiveKey, $validated);

        if ($result) {
            $this->archive = $validated;
        }

        return $result;
    }

    /**
     * Validate template syntax
     *
     * @param string $template Template string to validate
     * @param string $field Field name (for error messages)
     * @return bool|\WP_Error True if valid, WP_Error if invalid
     */
    private function validateTemplate(string $template, string $field): bool|\WP_Error
    {
        // Check for unclosed template tags
        $openCount = substr_count($template, '{{');
        $closeCount = substr_count($template, '}}');

        if ($openCount !== $closeCount) {
            return new \WP_Error(
                'malformed_template',
                sprintf('Unclosed template tag in field "%s"', $field)
            );
        }

        // Extract all template variables
        preg_match_all('/\{\{([^}]+)\}\}/', $template, $matches);

        if (!empty($matches[1])) {
            foreach ($matches[1] as $variable) {
                $variable = trim($variable);

                // Check for empty variables
                if (empty($variable)) {
                    return new \WP_Error(
                        'empty_variable',
                        sprintf('Empty template variable in field "%s"', $field)
                    );
                }

                // Check for invalid characters (basic validation)
                // Allows: field_name, field_name|filter, nested.field
                if (!preg_match('/^[a-zA-Z_][a-zA-Z0-9_.]*(?:\|[a-zA-Z_][a-zA-Z0-9_]*)*$/', $variable)) {
                    return new \WP_Error(
                        'invalid_variable',
                        sprintf('Invalid template variable "%s" in field "%s"', $variable, $field)
                    );
                }
            }
        }

        return true;
    }
}

 inc/managers/SEO/FieldBuilder.php

New file
@@ -0,0 +1,89 @@
<?php

namespace JVBase\managers\SEO;


/**
 * Field Builder - Fluent API for field definitions
 */
class FieldBuilder
{
    private SchemaBuilder $schema;
    private string $name;
    private array $definition = [];

    public function __construct(SchemaBuilder $schema, string $name, array $baseDefinition = [])
    {
        $this->schema = $schema;
        $this->name = $name;
        $this->definition = $baseDefinition;
    }

    public function type(string $type): self
    {
        $this->definition['type'] = $type;
        return $this;
    }

    public function label(string $label): self
    {
        $this->definition['label'] = $label;
        return $this;
    }

    public function description(string $description): self
    {
        $this->definition['description'] = $description;
        return $this;
    }

    public function transformer(string $transformer): self
    {
        $this->definition['transformer'] = $transformer;
        return $this;
    }

    public function required(bool $required = true): self
    {
        $this->definition['required'] = $required;
        return $this;
    }

    public function repeater(bool $repeater = true): self
    {
        $this->definition['repeater'] = $repeater;
        return $this;
    }

    public function options(array $options): self
    {
        $this->definition['options'] = $options;
        return $this;
    }

    public function placeholder(string $placeholder): self
    {
        $this->definition['placeholder'] = $placeholder;
        return $this;
    }

    public function fields(array $fields): self
    {
        $this->definition['fields'] = $fields;
        return $this;
    }

    public function default($default): self
    {
        $this->definition['default'] = $default;
        return $this;
    }

    /**
     * Finish building and register the field
     */
    public function __destruct()
    {
        $this->schema->registerField($this->name, $this->definition);
    }
}

 inc/managers/SEO/FieldOverrideBuilder.php

New file
@@ -0,0 +1,44 @@
<?php
namespace JVBase\managers\SEO;



/**
 * Field Override Builder - For customizing fields within a specific type
 */
class FieldOverrideBuilder
{
    private TypeBuilder $typeBuilder;
    private string $fieldName;
    private array $overrides = [];

    public function __construct(TypeBuilder $typeBuilder, string $fieldName)
    {
        $this->typeBuilder = $typeBuilder;
        $this->fieldName = $fieldName;
    }

    public function label(string $label): TypeBuilder
    {
        $this->overrides['label'] = $label;
        return $this->finish();
    }

    public function description(string $description): TypeBuilder
    {
        $this->overrides['description'] = $description;
        return $this->finish();
    }

    public function required(bool $required = true): TypeBuilder
    {
        $this->overrides['required'] = $required;
        return $this->finish();
    }

    private function finish(): TypeBuilder
    {
        $this->typeBuilder->setFieldOverride($this->fieldName, $this->overrides);
        return $this->typeBuilder;
    }
}

 inc/managers/SEO/SEOAdminPage.php

New file
@@ -0,0 +1,281 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\managers\AdminPages;
use JVBase\managers\CacheManager;
use JVBase\meta\MetaForm;
use JVBase\ui\Tabs;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Admin interface for SEO configuration
 *
 * Provides UI for configuring meta tags and schema for content types.
 * Now includes live schema preview functionality.
 *
 */
class SEOAdminPage
{
    private ConfigManager $config;
    private SchemaBuilder $registry;
    private MetaForm $form;

    public function __construct()
    {
        $this->registry = SchemaBuilder::getInstance();
        $this->form = new MetaForm();


        // Add to JVB dashboard
        add_filter('jvbDashboardPage', [$this, 'addDashboardSection'], 20, 2);
        add_action('admin_enqueue_scripts', [$this, 'enqueueScripts']);
    }

    public function enqueueScripts():void
    {
        global $_GET;
        if (array_key_exists('page', $_GET) && $_GET['page'] === BASE.'seo') {
            wp_enqueue_script('jvb-form');
            wp_enqueue_script('jvb-schema');
        }
    }

    public static function addSubpage():void
    {
        $subpage = [
            'page_title' => 'SEO Settings',
            'menu_title' => 'SEO',
            'capability' => 'manage_options',
            'menu_slug' => BASE . 'seo',
            'callback' => [self::class, 'renderAdminPageStatic']
        ];
        AdminPages::addSubPage(BASE.'seo', $subpage);
    }

    public static function renderAdminPageStatic():void
    {
        JVB()->seoAdmin()->renderAdminPage();
    }

    /**
     * Add section to JVB dashboard
     */
    public function addDashboardSection(string $content, string $page): string
    {
        if ($page !== 'SEO') {
            return $content;
        }
        ob_start();
        $this->renderAdminPage();
        return ob_get_clean();
    }

    /**
     * Render admin page
     */
    public function renderAdminPage(bool $outputScripts = true): void
    {
        ?>
        <div class="wrap jvb-seo-admin">
            <h1><?= jvbDashIcon('magnifying-glass'); ?> SEO Configuration</h1>

            <?php
            $tabs = new Tabs();

            $tabs->addTab('main')
                ->title('Website & Business')
                ->icon('storefront')
                ->content($this->renderMain());

            $tabs->addTab('content')
                ->title('Content')
                ->icon('note')
                ->content($this->renderConfig('content'));

            $tabs->addTab('taxonomies')
                ->title('Taxonomies')
                ->icon('tag')
                ->content($this->renderConfig('taxonomy'));

            echo $tabs->render();
            ?>
        </div>

        <?php
        $this->renderTemplates();
        if ($outputScripts) {
            $this->renderStyles();
        }
    }

    protected function renderForm(string $key, ?string $type = null, string $configType = 'schema'):string
    {
        if (!in_array($configType, ['meta', 'schema', 'archive'])) {
            return '';
        }

        $this->config = ConfigManager::for($key);
        // Setup archive if needed
        if ($configType === 'archive') {
            $this->config->setupArchive();
            $config = $this->config->archive();
        } elseif ($configType === 'schema') {
            $config = $this->config->schema();
        } else { // meta
            $config = $this->config->meta();
        }

        if (!$type) {
            $type = (array_key_exists('type', $config)) ? $config['type'] : 'WebPage';
        }
        $fields = ($configType === 'meta') ? $this->registry->getMetaFields() : $this->registry->getFieldsForType($type);
        $registry = $this->registry->getTypeDefinition($type);
        ob_start();
        ?>
        <form data-save="seo" data-content="<?=$key?>">
            <input type="hidden" name="context" value="<?=$key?>">
            <fieldset>
                <legend><?= $this->registry->getTypeDefinition($type)['label']??ucwords($key) ?></legend>
                <?php
                $exclude = ['creator'];
                foreach ($fields as $index => $fieldName) {
                    if (in_array($fieldName, $exclude) ) {
                        continue;
                    }
                    if ($index === 0 && $fieldName !== 'type') {
                        echo '<div class="seo-'.$type.'">';
                    }
                    $fieldConfig = $this->registry->getFieldDefinition($fieldName);

                    $this->form->render($fieldName, $config[$fieldName]??'', $fieldConfig);
                    if ($index === 0 && $fieldName === 'type') {
                        echo '<div class="seo-'.$type.'">';
                    }
                }
                ?>
            </div>
            </fieldset>
            <div class="row nowrap">
                <button type="button" data-action="reset" style="width:max-content"><?= jvbDashIcon('arrow-counter-clockwise')?> Reset</button>
                <button type="submit"><?=jvbDashIcon('floppy-disk') ?> Save <?=$registry['label']??ucwords($key)?></button>
            </div>
        </form>
        <?php
        return ob_get_clean();
    }

    protected function renderMain():string
    {
        $business = ConfigManager::for('organization');
        $savedBusiness = $business->schema()['type'] ?? 'Organization';

        $tabs = new Tabs();

        $tabs->addTab('website')
            ->title('WebSite Schema')
            ->icon('globe-simple')
            ->description('This is the main definition for your website')
            ->content($this->renderForm('website', 'WebSite'));

        $tabs->addTab('organization')
            ->title('Organization Schema')
            ->icon('storefront')
            ->description('Define your organization or local business here.')
            ->content($this->renderForm('organization', $savedBusiness));

        return $tabs->render();
    }

    protected function renderConfig(string $type):string
    {
        $types = ['meta', 'schema'];

        switch ($type) {
            case 'content':
                $config = JVB_CONTENT;
                $types[] = 'archive';
                break;
            case 'taxonomy':
            case 'taxonomies':
                $config = JVB_TAXONOMY;
                break;
            case 'user':
                $config = JVB_USER;
                break;
            default:
                error_log('[SEOAdminPage]:renderConfig --- no config found for '.$type);
                return '';
        }

        $mainTabs = new Tabs();

        foreach ($config as $c => $opt) {
            $subTabs = new Tabs();

            foreach ($types as $t) {
                $tab = $subTabs->addTab($c.'_'.$t);

                switch ($t) {
                    case 'meta':
                        $tab->title('Meta')
                            ->icon('folders')
                            ->description('The title and description are used when a link is shared to social media and a preview shows, or in the search engine result for this page.')
                            ->content($this->renderForm($c, null, $t));
                        break;

                    case 'schema':
                        $tab->title('Schema')
                            ->icon('robot')
                            ->description('Defining the schema helps search engines understand what the content of this page is about.')
                            ->content($this->renderForm($c, null, $t));
                        break;

                    case 'archive':
                        $tab->title('Archive')
                            ->icon('hard-drives')
                            ->description('The archive is similar to the per-post schema for this content, but is generally a CollectionPage of some sort.')
                            ->content($this->renderForm($c, null, $t));
                        break;
                }
            }

            $mainTabs->addTab($c)
                ->title($opt['plural'])
                ->icon($opt['icon'])
                ->content($subTabs->render());
        }

        return $mainTabs->render();
    }

    /**
     * Render admin styles
     */
    private function renderStyles(): void
    {
        jvbInlineStyles('forms');
    }

    protected function renderTemplates():void
    {
        $types = array_keys($this->registry->schemaTypes);
        foreach ($types as $type) {
            ?>
            <template class="seo-<?=$type?>">
                <div class="seo-<?=$type?>">
                    <?php
                    $fields = $this->registry->getFieldsForType($type);
                    foreach ($fields as $fieldName) {
                        $config = $this->registry->getFieldDefinition($fieldName);
                        $this->form->render($fieldName, '', $config);
                    }
                    ?>
                </div>
            </template>
            <?php
        }
    }
}

 inc/managers/SEO/SchemaBuilder.php

New file
@@ -0,0 +1,1735 @@
<?php
namespace JVBase\managers\SEO;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Schema.org Builder - Fluent API for field and type definitions
 *
 * Usage:
 * - Define fields: $schema->field('custom_name')->type('text')->label('Custom Label')
 * - Use presets: $schema->preset('name')->label('Override Label')
 * - Define types: $schema->type('WebSite')->fields(['name', 'url', 'description'])
 */
class SchemaBuilder
{
    private static ?self $instance = null;
    private array $fieldDefinitions = [];
    private array $typeDefinitions = [];
    private array $typeGroups = [];

    private ?FieldBuilder $currentField = null;
    private ?TypeBuilder $currentType = null;

    public array $schemaTypes = [
        'WebSite'           => 'Web Site',
        'Organization'      => 'Organization',
        'LocalBusiness'     => '  - Local Business',
        'TattooParlor'      => '    - - Tattoo Shop',
        'HealthBusiness'    => '    - - Health Business',
        'FoodEstablishment' => '    - - Restaurant',
        'WebPage'           => 'Web Page',
        'CollectionPage'    => '  - Collection Page',
        'DefinedTermSet'    => '  - Glossary/Collection',
        'FAQPage'           => '  - FAQ Page',
        'Person'            => 'Person',
        'CreativeWork'      => 'Creative Work',
        'DefinedTerm'       => '  - Defined Term',
        'VisualArtwork'     => '  - Visual Artwork',
        'Tattoo'            => '    - - Tattoo',
        'BeforeAfter'       => '  - Before & After',
        'Product'           => 'Product',
        'Event'             => 'Event',
    ];

    private array $metaFields = ['metaTitle', 'metaDescription', 'socialPreviewImage', 'twitterImage'];

    private array $defaultMetaValues = [
        'title' => '{{post_title}} | {{site_name}}',
        'description' => '{{post_excerpt}}',
        'image' => '{{featured_image}}',
        'twitter_image' => ''
    ];

    public static function getInstance(): self
    {
        if (self::$instance === null) {
            self::$instance = new self();
        }
        return self::$instance;
    }

    private function __construct()
    {
        $this->registerPresetFields();
        $this->registerTypes();
        $this->registerTypeGroups();

        do_action(BASE . 'schema_builder_loaded', $this);
    }

    /**
     * Start defining a custom field
     */
    public function field(string $name): FieldBuilder
    {
        $this->currentField = new FieldBuilder($this, $name);
        return $this->currentField;
    }

    /**
     * Start with a preset field (can be customized)
     */
    public function preset(string $name): FieldBuilder
    {
        $presets = $this->getPresetDefinitions();

        if (!isset($presets[$name])) {
            throw new \InvalidArgumentException("Unknown preset field: {$name}");
        }

        $this->currentField = new FieldBuilder($this, $name, $presets[$name]);
        return $this->currentField;
    }

    /**
     * Start defining a schema type
     */
    public function type(string $typeName): TypeBuilder
    {
        $this->currentType = new TypeBuilder($this, $typeName);
        return $this->currentType;
    }

    /**
     * Register a custom field definition
     */
    public function registerField(string $fieldName, array $config): void
    {
        $this->fieldDefinitions[$fieldName] = $config;
    }

    /**
     * Register a custom type definition
     */
    public function registerType(string $typeName, array $config): void
    {
        $this->typeDefinitions[$typeName] = $config;
    }

    /**
     * Get field definition
     */
    public function getFieldDefinition(string $fieldName): ?array
    {
        $definitions = $this->getFieldDefinitions();
        return $definitions[$fieldName] ?? null;
    }

    /**
     * Get all field definitions
     */
    public function getFieldDefinitions(): array
    {
        return apply_filters(BASE . 'schema_field_definitions', $this->fieldDefinitions);
    }

    /**
     * Get type definition
     */
    public function getTypeDefinition(string $type): ?array
    {
        $definitions = $this->getTypeDefinitions();
        return $definitions[$type] ?? null;
    }

    /**
     * Get all type definitions
     */
    public function getTypeDefinitions(): array
    {
        return apply_filters(BASE . 'schema_type_definitions', $this->typeDefinitions);
    }

    public function getTypeGroups(): array
    {
        return $this->typeGroups;
    }

    public function getMetaFields(): array
    {
        return $this->metaFields;
    }

    public function getDefaultMetaValues(): array
    {
        return $this->defaultMetaValues;
    }

    /**
     * Get all fields for a specific type (with inheritance)
     */
    public function getFieldsForType(string $type): array
    {
        $fields = [];

        $typeDefinition = $this->getTypeDefinition($type);
        if (!$typeDefinition) {
            return $fields;
        }

        $fields = array_merge($fields, $typeDefinition['fields'] ?? []);

        // Handle inheritance
        if (!empty($typeDefinition['extends'])) {
            $parentFields = $this->getFieldsForType($typeDefinition['extends']);
            $fields = array_unique(array_merge($parentFields, $fields));
        }

        return $fields;
    }

    /**
     * Get MetaManager configuration for a schema type
     * This creates the form fields for the selected @type
     */
    public function getMetaConfigForType(string $type): array
    {
        $fields = $this->getFieldsForType($type);
        $config = [];

        foreach ($fields as $fieldName) {
            $fieldDef = $this->getFieldDefinition($fieldName);
            if ($fieldDef) {
                // Use the field name as the key (this IS the schema property)
                $config[$fieldName] = $fieldDef;
            }
        }

        return $config;
    }

    /**
     * Get types organized by group for UI display
     */
    public function getTypesByGroup(): array
    {
        $types = $this->getTypeDefinitions();
        $grouped = [];

        foreach ($types as $typeName => $config) {
            $group = $config['group'] ?? 'general';

            if (!isset($grouped[$group])) {
                $grouped[$group] = [
                    'label' => $this->typeGroups[$group] ?? ucfirst($group),
                    'types' => []
                ];
            }

            $grouped[$group]['types'][$typeName] = $config['label'] ?? $typeName;
        }

        return $grouped;
    }

    /**
     * Register a type group
     */
    public function registerGroup(string $key, string $label): void
    {
        $this->typeGroups[$key] = $label;
    }

    /**
     * Get post types for select options
     */
    public static function getContentPostTypes(): array
    {
        $options = ['' => '-- Select Post Type --'];

        if (defined('JVB_CONTENT')) {
            foreach (JVB_CONTENT as $key => $config) {
                $options[jvbCheckBase($key)] = $config['plural'] ?? $config['singular'] ?? ucwords($key);
            }
        }

        return $options;
    }

    /**
     * Get taxonomies for select options
     */
    public static function getContentTaxonomies(): array
    {
        $options = ['' => '-- Select Taxonomy --'];

        if (defined('JVB_TAXONOMY')) {
            foreach (JVB_TAXONOMY as $key => $config) {
                $options[jvbCheckBase($key)] = $config['plural'] ?? $config['singular'] ?? ucwords($key);
            }
        }

        return $options;
    }

    /**
     * Define preset fields that can be reused
     */
    private function registerPresetFields(): void
    {
        // Special type selector field
        $this->field('type')
            ->type('select')
            ->label('Type')
            ->options(array_merge(['' => '-- Content Type'], $this->schemaTypes));

        /**************************************************************
         * META FIELDS
         **************************************************************/
        $this->field('metaTitle')
            ->type('text')
            ->label('Meta Title')
            ->description('Used in search results and when shared on social media. Leave blank to use default.');

        $this->field('metaDescription')
            ->type('textarea')
            ->label('Meta Description')
            ->description('Brief description shown in search results and social previews.');

        $this->field('socialPreviewImage')
            ->type('group')
            ->label('Social Preview Image')
            ->description('Image shown when shared on social media. Recommended: 1200x630px.')
            ->transformer('image_url_with_fallback')
            ->fields([
                'source_field' => [
                    'type' => 'text',
                    'label' => 'Image Source Field',
                    'description' => 'Template field to get image from (e.g., {{post_thumbnail}}, {{custom_image_field}})',
                    'placeholder' => '{{post_thumbnail}}'
                ],
                'fallback' => [
                    'type' => 'upload',
                    'label' => 'Fallback Image',
                    'description' => 'Used when source field returns no image'
                ]
            ]);

        $this->field('twitterImage')
            ->type('group')
            ->label('Twitter Card Image')
            ->description('Separate image for Twitter. Falls back to main social image if empty.')
            ->transformer('image_url_with_fallback')
            ->fields([
                'source_field' => [
                    'type' => 'text',
                    'label' => 'Image Source Field',
                    'placeholder' => '{{twitter_specific_image}}'
                ],
                'fallback' => [
                    'type' => 'upload',
                    'label' => 'Fallback Image'
                ]
            ]);

        /**************************************************************
         * QA FIELD FAQ
        **************************************************************/
        $this->field('question')
            ->type('text')
            ->label('Question')
            ->description('Template for the question (e.g., {{post_title}})')
            ->default('{{post_title}}')
            ->transformer('text');

        $this->field('answer')
            ->type('textarea')
            ->label('Answer')
            ->description('Template for the answer (e.g., {{post_content}})')
            ->default('{{post_content}}')
            ->transformer('text');
        /**************************************************************
         * CORE IDENTITY FIELDS
         **************************************************************/
        $this->field('name')
            ->type('text')
            ->label('Name')
            ->description('The name of the item')
            ->transformer('text');

        $this->field('alternateName')
            ->type('repeater')
            ->label('Alternate Name(s)')
            ->description('Alternative names or nicknames')
            ->transformer('text_array')
            ->fields([
                'name' => [
                    'type' => 'text',
                    'label' => 'Name'
                ]
            ]);

        $this->field('legalName')
            ->type('text')
            ->label('Legal Name')
            ->description('The official legal name')
            ->transformer('text');

        $this->field('description')
            ->type('textarea')
            ->label('Description')
            ->description('A description of the item')
            ->transformer('text');

        $this->field('disambiguatingDescription')
            ->type('textarea')
            ->label('Disambiguating Description')
            ->description('Brief clarification to distinguish from similar items')
            ->transformer('text');

        $this->field('url')
            ->type('url')
            ->label('URL')
            ->description('Website URL')
            ->transformer('url');

        $this->field('slogan')
            ->type('text')
            ->label('Slogan')
            ->description('A slogan or tagline')
            ->transformer('text');

        /**************************************************************
         * BEFORE/AFTER FIELDS
         **************************************************************/
        $this->field('about')
            ->type('reference')
            ->label('About (Service/Topic)')
            ->transformer('reference');

        $this->field('temporalCoverage')
            ->type('text')
            ->label('Time Period')
            ->description('ISO 8601 format: 2024-01-10/2024-09-01')
            ->transformer('text');

        $this->field('associatedMedia')
            ->type('repeater')
            ->label('Associated Media')
            ->transformer('image_object_array')
            ->fields([
                'image' => ['type' => 'image', 'label' => 'Image'],
                'caption' => ['type' => 'text', 'label' => 'Caption'],
                'position' => ['type' => 'number', 'label' => 'Position'],
            ]);

        $this->field('additionalProperty')
            ->type('repeater')
            ->label('Additional Properties')
            ->transformer('property_value_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Property Name'],
                'value' => ['type' => 'text', 'label' => 'Value'],
            ]);

        /**************************************************************
         * IMAGE FIELDS
         **************************************************************/
        $this->field('image')
            ->type('upload')
            ->label('Image')
            ->description('Primary image')
            ->transformer('image_object');

        $this->field('logo')
            ->type('upload')
            ->label('Logo')
            ->transformer('image_object');

        $this->field('photo')
            ->type('upload')
            ->label('Photo of Location')
            ->transformer('image_object');

        $this->field('video')
            ->type('upload')
            ->label('Video')
            ->transformer('video_object');

        /**************************************************************
         * LOCATION & CONTACT FIELDS
         **************************************************************/
        $this->field('location')
            ->type('location')
            ->label('Location')
            ->description('Physical location with address and coordinates')
            ->transformer('location_complex');

        $this->field('address')
            ->type('location')
            ->label('Address')
            ->description('Postal address')
            ->transformer('postal_address');

        $this->field('geo')
            ->type('group')
            ->label('Geographic Coordinates')
            ->description('Latitude and longitude')
            ->transformer('geo_coordinates')
            ->fields([
                'latitude' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Latitude',
                ],
                'longitude' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Longitude',
                ]
            ]);

        $this->field('telephone')
            ->type('text')
            ->label('Telephone')
            ->description('Phone number')
            ->transformer('text');

        $this->field('faxNumber')
            ->type('text')
            ->label('Fax Number')
            ->transformer('text');

        $this->field('email')
            ->type('email')
            ->label('Email')
            ->description('Email address')
            ->transformer('email');

        $this->field('contactPoint')
            ->type('repeater')
            ->label('Contact Points')
            ->description('Additional contact methods')
            ->transformer('contact_point_array')
            ->fields([
                'contactType' => [
                    'type' => 'text',
                    'label' => 'Contact Type',
                    'description' => 'e.g., customer service, sales',
                ],
                'telephone' => [
                    'type' => 'text',
                    'label' => 'Phone',
                ],
                'email' => [
                    'type' => 'email',
                    'label' => 'Email',
                ]
            ]);

        $this->field('potentialAction')
            ->type('repeater')
            ->label('Potential Actions')
            ->transformer('potential_action_array')
            ->fields([
                'action' => [
                    'type' => 'radio',
                    'label' => 'Action',
                    'options' => [
                        'searchAction' => 'Search Action',
                        'communicateAction' => 'Contact Action',
                        'scheduleAction' => 'Reserve Action',
                        'applyAction' => 'Estimate Action'
                    ]
                ],
                'name' => [
                    'type' => 'text',
                    'label' => 'Name',
                ],
                'target' => [
                    'type' => 'url',
                    'label' => 'Action URL',
                ],
                'description' => [
                    'type' => 'textarea',
                    'label' => 'Description'
                ]
            ])
            ->default([
                [
                    'action' => 'searchAction',
                    'target' => get_home_url(null, '/search/?s={query}')
                ]
            ]);

        /**************************************************************
         * HOURS & OPERATIONAL FIELDS
         **************************************************************/
        $this->field('openingHours')
            ->type('group')
            ->label('Opening Hours')
            ->description('Business hours specification')
            ->transformer('opening_hours_specification')
            ->fields([
                'monday' => [
                    'type' => 'group',
                    'label' => 'Monday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'tuesday' => [
                    'type' => 'group',
                    'label' => 'Tuesday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'wednesday' => [
                    'type' => 'group',
                    'label' => 'Wednesday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'thursday' => [
                    'type' => 'group',
                    'label' => 'Thursday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'friday' => [
                    'type' => 'group',
                    'label' => 'Friday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'saturday' => [
                    'type' => 'group',
                    'label' => 'Saturday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
                'sunday' => [
                    'type' => 'group',
                    'label' => 'Sunday',
                    'fields' => [
                        'opens' => ['type' => 'time', 'label' => 'Opens'],
                        'closes' => ['type' => 'time', 'label' => 'Closes']
                    ]
                ],
            ]);

        $this->field('hasPart')
            ->type('repeater')
            ->label('Site Navigation')
            ->description('Main navigation menu items')
            ->transformer('navigation_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Link Text'],
                'url' => ['type' => 'url', 'label' => 'URL'],
                'description' => ['type' => 'textarea', 'label' => 'Description (optional)'],
            ]);

        $this->field('priceRange')
            ->type('text')
            ->label('Price Range')
            ->description('e.g., $$, $100-$500')
            ->transformer('text');

        $this->field('currenciesAccepted')
            ->type('checkbox')
            ->label('Currencies Accepted')
            ->options(['CAD' => 'CAD', 'USD' => 'USD'])
            ->transformer('text_array');

        $this->field('paymentAccepted')
            ->type('checkbox')
            ->label('Payment Methods')
            ->options([
                'Cash' => 'Cash',
                'Credit Card' => 'Credit Card',
                'Debit' => 'Debit',
                'Google Pay' => 'Google Pay',
                'Apple Pay' => 'Apple Pay',
                'PayPal' => 'PayPal',
                'Interac' => 'Interac',
                'AMEX' => 'AMEX',
            ])
            ->transformer('text_array');

        /**************************************************************
         * ORGANIZATION & BUSINESS FIELDS
         **************************************************************/
        $this->field('foundingDate')
            ->type('date')
            ->label('Founding Date')
            ->description('Date the organization was founded')
            ->transformer('date');

        $this->field('dissolutionDate')
            ->type('date')
            ->label('Dissolution Date')
            ->description('Date the organization closed')
            ->transformer('date');

        $this->field('founders')
            ->type('repeater')
            ->label('Founders')
            ->description('Name of founder(s)')
            ->transformer('person_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Name'],
                'url' => ['type' => 'url', 'label' => 'URL'],
            ]);

        $this->field('numberOfEmployees')
            ->type('text')
            ->label('Number of Employees')
            ->transformer('number');

        $this->field('taxID')
            ->type('text')
            ->label('Tax ID')
            ->description('Tax identification number')
            ->transformer('text');

        $this->field('vatID')
            ->type('text')
            ->label('VAT ID')
            ->description('VAT registration number')
            ->transformer('text');

        $this->field('duns')
            ->type('text')
            ->label('D-U-N-S Number')
            ->description('Dun & Bradstreet number')
            ->transformer('text');

        /**************************************************************
         * SOCIAL & LINKS
         **************************************************************/
        $this->field('sameAs')
            ->type('repeater')
            ->label('Social Media & Links')
            ->description('URLs to social profiles and related pages')
            ->transformer('url_array')
            ->fields([
                'url' => ['type' => 'url', 'label' => 'URL']
            ]);

        /**************************************************************
         * AREA & GEOGRAPHY
         **************************************************************/
        $this->field('areaServed')
            ->type('repeater')
            ->label('Area Served')
            ->description('Geographic areas served')
            ->transformer('text_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Location Name'],
                'url' => ['type' => 'url', 'label' => 'Wikipedia Page'],
            ]);

        $this->field('hasMap')
            ->type('url')
            ->label('Map URL')
            ->description('Link to a map (e.g., Google Maps)')
            ->transformer('url');

        /**************************************************************
         * AMENITIES & FEATURES
         **************************************************************/
        $this->field('amenityFeature')
            ->type('checkbox')
            ->label('Amenity Features')
            ->description('Available facilities and features')
            ->transformer('text')
            ->options([
                'Wheelchair Accessible' => 'Wheelchair Accessible',
                'Free Parking' => 'Free Parking',
                'Private Rooms' => 'Private Rooms',
                'Air Conditioning' => 'Air Conditioning',
                'WiFi' => 'WiFi',
                'Gender Neutral Restroom' => 'Gender Neutral Restroom',
                'LGBTQ+ Friendly' => 'LGBTQ+ Friendly',
                'Sterilization Room' => 'Sterilization Room',
                'Refreshments Available' => 'Refreshments Available',
                'Street Level Access' => 'Street Level Access',
                'Single Use Needles' => 'Single Use Needles',
                'Consultation Room' => 'Consultation Room',
                'Aftercare Products Available' => 'Aftercare Products Available',
                'Walk-Ins Welcome' => 'Walk-Ins Welcome',
                'By Appointment' => 'By Appointment Only',
            ]);

        /**************************************************************
         * LANGUAGES
         **************************************************************/
        $this->field('availableLanguage')
            ->type('repeater')
            ->label('Languages Available')
            ->description('Languages spoken or supported')
            ->transformer('language_array')
            ->fields([
                'language' => ['type' => 'text', 'label' => 'Language']
            ]);

        $this->field('knowsLanguage')
            ->type('repeater')
            ->label('Languages Known')
            ->description('Languages the person knows')
            ->transformer('language_array')
            ->fields([
                'language' => ['type' => 'text', 'label' => 'Language']
            ]);

        $this->field('inLanguage')
            ->type('radio')
            ->label('In Language')
            ->options([
                'en-CA' => 'English, Canadian',
                'en-US' => 'English, American',
                'fr-CA' => 'French, Canadian'
            ])
            ->transformer('text');

        /**************************************************************
         * RATINGS & REVIEWS
         **************************************************************/
        $this->field('aggregateRating')
            ->type('group')
            ->label('Aggregate Rating')
            ->description('Overall rating and review count')
            ->transformer('aggregate_rating')
            ->fields([
                'ratingValue' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Rating Value',
                    'description' => 'Average rating (e.g., 4.5)',
                ],
                'bestRating' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Best Rating',
                    'default' => 5,
                    'description' => 'Highest possible rating (e.g., 5)',
                ],
                'worstRating' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Worst Rating',
                    'default' => 1,
                    'description' => 'Lowest possible rating (e.g., 1)',
                ],
                'ratingCount' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Rating Count',
                    'description' => 'Total number of ratings',
                ],
                'reviewCount' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Review Count',
                    'description' => 'Total number of reviews',
                ]
            ]);

        /**************************************************************
         * KEYWORDS & CATEGORIZATION
         **************************************************************/
        $this->field('keywords')
            ->type('repeater')
            ->label('Keywords')
            ->description('Keywords or tags')
            ->transformer('text_array')
            ->fields([
                'keyword' => ['type' => 'text', 'label' => 'Keyword']
            ]);

        /**************************************************************
         * PERSON FIELDS
         **************************************************************/
        $this->field('givenName')
            ->type('text')
            ->label('First Name')
            ->transformer('text');

        $this->field('familyName')
            ->type('text')
            ->label('Last Name')
            ->transformer('text');

        $this->field('honorificPrefix')
            ->type('text')
            ->label('Honorific Prefix')
            ->description('e.g., Dr., Mr., Ms.')
            ->transformer('text');

        $this->field('honorificSuffix')
            ->type('text')
            ->label('Honorific Suffix')
            ->description('e.g., PhD, MD')
            ->transformer('text');

        $this->field('jobTitle')
            ->type('text')
            ->label('Job Title')
            ->transformer('text');

        $this->field('birthDate')
            ->type('date')
            ->label('Birth Date')
            ->description('For public figures')
            ->transformer('date');

        $this->field('gender')
            ->type('text')
            ->label('Gender')
            ->transformer('text');

        /**************************************************************
         * CREATIVE WORK FIELDS
         **************************************************************/
        $this->field('author')
            ->type('text')
            ->label('Author')
            ->description('Author name or reference')
            ->transformer('person_reference');

        $this->field('creator')
            ->type('text')
            ->label('Creator')
            ->description('Creator name or reference')
            ->transformer('text');

        $this->field('dateCreated')
            ->type('text')
            ->label('Date Created')
            ->transformer('text');

        $this->field('datePublished')
            ->type('text')
            ->label('Date Published')
            ->default('{{post_date')
            ->transformer('text');

        $this->field('dateModified')
            ->type('text')
            ->default('{{post_modified}}')
            ->label('Date Modified')
            ->transformer('text');

        /**************************************************************
         * VISUAL ARTWORK FIELDS
         **************************************************************/
        $this->field('artform')
            ->type('text')
            ->label('Art Form')
            ->description('e.g., Painting, Sculpture, Tattoo')
            ->transformer('text');

        $this->field('artMedium')
            ->type('text')
            ->label('Art Medium')
            ->description('e.g., Oil, Watercolor, Ink')
            ->transformer('text');

        $this->field('artworkSurface')
            ->type('text')
            ->label('Artwork Surface')
            ->description('e.g., Canvas, Paper, Skin')
            ->transformer('text');

        $this->field('width')
            ->type('text')
            ->label('Width')
            ->description('Width with unit (e.g., 10cm, 5in)')
            ->transformer('dimension');

        $this->field('height')
            ->type('text')
            ->label('Height')
            ->description('Height with unit (e.g., 15cm, 8in)')
            ->transformer('dimension');

        /**************************************************************
         * EVENT FIELDS
         **************************************************************/
        $this->field('startDate')
            ->type('text')
            ->default('{{start_date}}')
            ->label('Start Date/Time')
            ->transformer('text');

        $this->field('endDate')
            ->type('text')
            ->default('{{end_date}}')
            ->label('End Date/Time')
            ->transformer('text');

        $this->field('eventStatus')
            ->type('select')
            ->label('Event Status')
            ->options([
                'https://schema.org/EventScheduled' => 'Scheduled',
                'https://schema.org/EventCancelled' => 'Cancelled',
                'https://schema.org/EventPostponed' => 'Postponed',
                'https://schema.org/EventRescheduled' => 'Rescheduled',
            ])
            ->transformer('text');

        $this->field('eventAttendanceMode')
            ->type('select')
            ->label('Attendance Mode')
            ->options([
                'https://schema.org/OfflineEventAttendanceMode' => 'In-Person',
                'https://schema.org/OnlineEventAttendanceMode' => 'Online',
                'https://schema.org/MixedEventAttendanceMode' => 'Mixed/Hybrid',
            ])
            ->transformer('text');

        /**************************************************************
         * PRODUCT FIELDS
         **************************************************************/
        $this->field('brand')
            ->type('group')
            ->label('Brand')
            ->transformer('brand_object')
            ->fields([
                'type' => [
                    'type' => 'select',
                    'label' => 'Brand Type',
                    'options' => [
                        'text' => 'Text Only',
                        'organization' => 'Organization/Brand',
                    ]
                ],
                'name' => [
                    'type' => 'text',
                    'label' => 'Brand Name',
                ],
                'url' => [
                    'type' => 'url',
                    'label' => 'Brand Website',
                    'condition' => [
                        'field' => 'type',
                        'value' => 'organization'
                    ]
                ],
                'logo' => [
                    'type' => 'upload',
                    'label' => 'Brand Logo',
                    'condition' => [
                        'field' => 'type',
                        'value' => 'organization'
                    ]
                ],
            ]);

        $this->field('sku')
            ->type('text')
            ->label('SKU')
            ->description('Stock Keeping Unit')
            ->transformer('text');

        $this->field('gtin')
            ->type('text')
            ->label('GTIN')
            ->description('Global Trade Item Number')
            ->transformer('text');

        /**************************************************************
         * SERVICES & OFFERS
         **************************************************************/
        $this->field('hasOfferCatalog')
            ->type('group')
            ->label('Offer Catalog')
            ->transformer('offer_catalog_array')
            ->fields([
                'source' => [
                    'type' => 'select',
                    'label' => 'Source',
                    'options' => [
                        'auto' => 'Auto from post type',
                        'manual' => 'Manual entry',
                    ]
                ],
                'post_type' => [
                    'type' => 'select',
                    'label' => 'Post Type',
                    'options' => self::getContentPostTypes(),
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'group_by_taxonomy' => [
                    'type' => 'true_false',
                    'label' => 'Group by category/taxonomy',
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'taxonomy' => [
                    'type' => 'select',
                    'label' => 'Taxonomy',
                    'options' => self::getContentTaxonomies(),
                    'condition' => ['field' => 'group_by_taxonomy', 'value' => '1']
                ],
                'manual_items' => [
                    'type' => 'repeater',
                    'label' => 'Manual Offers',
                    'condition' => ['field' => 'source', 'value' => 'manual'],
                    'fields' => [
                        'type'  => ['type' => 'radio', 'label' => 'Type', 'options' => ['Service' => 'Service', 'Product' => 'Product']],
                        'name' => ['type' => 'text', 'label' => 'Offer Name'],
                        'description' => ['type' => 'textarea', 'label' => 'Description'],
                        'price' => ['type' => 'text', 'label' => 'Price'],
                    ]
                ]
            ]);

        $this->field('knowsAbout')
            ->type('repeater')
            ->label('Areas of Expertise')
            ->description('Skills and specialties')
            ->transformer('text_array')
            ->fields([
                'topic' => ['type' => 'text', 'label' => 'Topic']
            ]);

        /**************************************************************
         * CREDENTIALS & CERTIFICATIONS
         **************************************************************/
        $this->field('hasCredential')
            ->type('repeater')
            ->label('Credentials / Certifications')
            ->description('Professional certifications')
            ->transformer('credential_array')
            ->fields([
                'credentialCategory' => ['type' => 'text', 'label' => 'Category'],
                'name' => ['type' => 'text', 'label' => 'Name'],
                'issuedBy' => ['type' => 'text', 'label' => 'Issued By']
            ]);

        $this->field('award')
            ->type('repeater')
            ->label('Awards & Recognition')
            ->transformer('text_array')
            ->fields([
                'award' => ['type' => 'text', 'label' => 'Award']
            ]);

        $this->field('serviceArea')
            ->type('repeater')
            ->label('Service Areas')
            ->description('Geographic areas served (cities, neighborhoods, or radius)')
            ->transformer('service_area_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Area Name'],
                'type' => [
                    'type' => 'select',
                    'label' => 'Type',
                    'options' => [
                        'City' => 'City',
                        'AdministrativeArea' => 'Region/Province',
                        'GeoCircle' => 'Radius',
                    ]
                ],
                'radius' => ['type' => 'text', 'subtype' => 'number', 'label' => 'Radius (km)'],
            ]);

        $this->field('makesOffer')
            ->type('group')
            ->label('Featured Offerings')
            ->transformer('offers_from_posts')
            ->fields([
                'source' => [
                    'type' => 'select',
                    'label' => 'Source',
                    'options' => ['auto' => 'Auto from post type', 'manual' => 'Manual entry']
                ],
                'post_type' => [
                    'type' => 'select',
                    'label' => 'Post Type',
                    'options' => self::getContentPostTypes(),
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'limit' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Featured Count',
                    'default' => 5,
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'manual_items' => [
                    'type' => 'repeater',
                    'label' => 'Manual Offers',
                    'condition' => ['field' => 'source', 'value' => 'manual'],
                    'fields' => [
                        'name' => ['type' => 'text', 'label' => 'Offer Name'],
                        'description' => ['type' => 'textarea', 'label' => 'Description'],
                        'price' => ['type' => 'text', 'label' => 'Price/Range'],
                    ]
                ]
            ]);

        $this->field('hasMenu')
            ->type('group')
            ->label('Menu Items')
            ->description('Auto-populate from post type or enter manually')
            ->transformer('menu_from_posts')
            ->fields([
                'source' => [
                    'type' => 'select',
                    'label' => 'Source',
                    'options' => ['auto' => 'Auto from post type', 'manual' => 'Manual entry']
                ],
                'post_type' => [
                    'type' => 'select',
                    'label' => 'Post Type',
                    'options' => self::getContentPostTypes(),
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'limit' => [
                    'type' => 'text',
                    'subtype' => 'number',
                    'label' => 'Number of items',
                    'default' => 10,
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'orderby' => [
                    'type' => 'select',
                    'label' => 'Order By',
                    'options' => ['menu_order' => 'Menu Order', 'title' => 'Title', 'date' => 'Date'],
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'manual_items' => [
                    'type' => 'repeater',
                    'label' => 'Manual Items',
                    'condition' => ['field' => 'source', 'value' => 'manual'],
                    'fields' => [
                        'name' => ['type' => 'text', 'label' => 'Item Name'],
                        'description' => ['type' => 'textarea', 'label' => 'Description'],
                        'price' => ['type' => 'text', 'label' => 'Price'],
                    ]
                ]
            ]);

        /**************************************************************
         * FAQ FIELDS
         **************************************************************/
        $this->field('faq')
            ->type('repeater')
            ->label('FAQ Items')
            ->description('Question and Answer pairs')
            ->transformer('faq_array')
            ->fields([
                'question' => ['type' => 'text', 'label' => 'Question'],
                'answer' => ['type' => 'text', 'label' => 'Answer']
            ]);

        /**************************************************************
         * FOOD & CUISINE
         **************************************************************/
        $this->field('servesCuisine')
            ->type('repeater')
            ->label('Cuisine Types')
            ->description('Types of cuisine served')
            ->transformer('text_array')
            ->fields([
                'cuisine' => ['type' => 'text', 'label' => 'Cuisine Type', 'description' => 'e.g., Italian, Mexican, Vegan']
            ]);

        $this->field('menu')
            ->type('url')
            ->label('Menu URL')
            ->description('Link to online menu')
            ->transformer('url');

        /**************************************************************
         * PRODUCT/OFFER FIELDS
         **************************************************************/
        $this->field('offers')
            ->type('group')
            ->label('Offer Details')
            ->description('Price and availability information')
            ->transformer('offer_object')
            ->fields([
                'price' => ['type' => 'text', 'subtype' => 'number', 'label' => 'Price'],
                'priceCurrency' => ['type' => 'text', 'label' => 'Currency', 'default' => 'USD'],
                'availability' => [
                    'type' => 'select',
                    'label' => 'Availability',
                    'options' => [
                        'InStock' => 'In Stock',
                        'PreOrder' => 'Pre-Order',
                        'SoldOut' => 'Sold Out',
                        'OutOfStock' => 'Out of Stock',
                        'Discontinued' => 'Discontinued',
                    ]
                ],
                'validFrom' => ['type' => 'text', 'label' => 'Valid From', 'default' => '{{validFrom}}'],
                'validThrough' => ['type' => 'text', 'label' => 'Valid Through', 'default' => '{{validTo}}'],
            ]);

        $this->field('mpn')
            ->type('text')
            ->label('Manufacturer Part Number')
            ->transformer('text');

        /**************************************************************
         * BUSINESS POLICIES & FEATURES
         **************************************************************/
        $this->field('isAccessibleForFree')
            ->type('true_false')
            ->label('Accessible For Free')
            ->description('Is this service/location accessible without payment?')
            ->transformer('boolean');

        $this->field('smokingAllowed')
            ->type('true_false')
            ->label('Smoking Allowed')
            ->transformer('boolean');

        $this->field('petsAllowed')
            ->type('select')
            ->label('Pets Allowed')
            ->options([
                '' => 'Not specified',
                'yes' => 'Yes',
                'no' => 'No',
            ])
            ->transformer('boolean');

        /**************************************************************
         * ORGANIZATION RELATIONSHIPS
         **************************************************************/
        $this->field('parentOrganization')
            ->type('group')
            ->label('Parent Organization')
            ->description('Organization this is a part of')
            ->transformer('organization_reference')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Organization Name'],
                'url' => ['type' => 'url', 'label' => 'Website'],
            ]);

        $this->field('subOrganization')
            ->type('repeater')
            ->label('Sub-Organizations')
            ->description('Child organizations or departments')
            ->transformer('organization_reference_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Organization Name'],
                'url' => ['type' => 'url', 'label' => 'Website'],
            ]);

        $this->field('employee')
            ->type('repeater')
            ->label('Employees')
            ->transformer('person_reference_array')
            ->fields([
                'name' => ['type' => 'text', 'label' => 'Name'],
                'jobTitle' => ['type' => 'text', 'label' => 'Job Title'],
            ]);

        /**************************************************************
         * HOSPITALITY
         **************************************************************/
        $this->field('checkinTime')
            ->type('time')
            ->label('Check-in Time')
            ->transformer('time');

        $this->field('checkoutTime')
            ->type('time')
            ->label('Check-out Time')
            ->transformer('time');

        $this->field('starRating')
            ->type('group')
            ->label('Star Rating')
            ->transformer('rating_object')
            ->fields([
                'ratingValue' => ['type' => 'text', 'subtype' => 'number', 'label' => 'Rating', 'min' => 1, 'max' => 5]
            ]);

        /**************************************************************
         * REVIEW & RATING
         **************************************************************/
        $this->field('review')
            ->type('repeater')
            ->label('Reviews')
            ->transformer('review_array')
            ->fields([
                'author' => ['type' => 'text', 'label' => 'Reviewer Name'],
                'reviewRating' => ['type' => 'text', 'subtype' => 'number', 'label' => 'Rating', 'min' => 1, 'max' => 5],
                'reviewBody' => ['type' => 'textarea', 'label' => 'Review Text'],
                'datePublished' => ['type' => 'date', 'label' => 'Date'],
            ]);

        /**************************************************************
         * HEALTH & MEDICAL
         **************************************************************/
        $this->field('medicalSpecialty')
            ->type('repeater')
            ->label('Medical Specialties')
            ->transformer('text_array')
            ->fields([
                'specialty' => ['type' => 'text', 'label' => 'Specialty']
            ]);

        $this->field('healthcareService')
            ->type('repeater')
            ->label('Healthcare Services')
            ->transformer('text_array')
            ->fields([
                'service' => ['type' => 'text', 'label' => 'Service']
            ]);

        /***************************************************************

         ***************************************************************/
        $this->field('termCode')
            ->type('text')
            ->label('Term Code')
            ->description('Unique identifier or code for this term')
            ->transformer('text');

        $this->field('hasDefinedTerm')
            ->type('group')
            ->label('Defined Terms')
            ->description('Terms included in this glossary or collection')
            ->transformer('defined_terms_from_posts')
            ->fields([
                'source' => [
                    'type' => 'select',
                    'label' => 'Source',
                    'options' => ['auto' => 'Auto from post type', 'manual' => 'Manual entry']
                ],
                'post_type' => [
                    'type' => 'select',
                    'label' => 'Post Type',
                    'options' => self::getContentPostTypes(),
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ],
                'taxonomy' => [
                    'type' => 'select',
                    'label' => 'Filter by Taxonomy',
                    'options' => self::getContentTaxonomies(),
                    'condition' => ['field' => 'source', 'value' => 'auto']
                ]
            ]);
    }


    /**
     * Get raw preset definitions (before filters)
     */
    private function getPresetDefinitions(): array
    {
        return $this->fieldDefinitions;
    }

    /**
     * Define schema types
     */
    private function registerTypes(): void
    {
        /**************************************************************
         * GENERAL / SITE-WIDE
         **************************************************************/
        $this->type('WebSite')
            ->label('Website')
            ->group('general')
            ->fields([
                'name',
                'description',
                'url',
                'inLanguage',
                'potentialAction',
                'hasPart',
                'creator',
            ]);

        /**************************************************************
         * PAGE TYPES
         **************************************************************/
        $this->type('WebPage')
            ->label('Web Page')
            ->group('page')
            ->fields([
                'type',
                'name',
                'description',
                'url',
                'image',
                'datePublished',
                'dateModified',
                'author',
            ]);

        $this->type('CollectionPage')
            ->label('Collection Page')
            ->group('page')
            ->extends('WebPage');

        $this->type('FAQPage')
            ->label('FAQ Page')
            ->group('page')
            ->extends('WebPage')
            ->addFields([
                'question',
                'answer'
            ]);

        /**************************************************************
         * ORGANIZATION & BUSINESS
         **************************************************************/
        $this->type('Organization')
            ->label('Organization')
            ->group('business')
            ->fields([
                'type',
                'name',
                'legalName',
                'alternateName',
                'description',
                'url',
                'logo',
                'image',
                'email',
                'telephone',
                'sameAs',
                'founders',
                'foundingDate',
                'numberOfEmployees',
                'taxID',
                'vatID',
                'duns',
                'slogan',
                'disambiguatingDescription',
            ]);

        $this->type('LocalBusiness')
            ->label('Local Business')
            ->group('business')
            ->extends('Organization')
            ->addFields([
                'location',
                'openingHours',
                'priceRange',
                'currenciesAccepted',
                'paymentAccepted',
                'serviceArea',
                'areaServed',
                'hasMap',
                'amenityFeature',
                'availableLanguage',
                'hasOfferCatalog',
                'makesOffer',
                'hasMenu',
                'knowsAbout',
                'hasCredential',
                'aggregateRating',
                'review',
                'award',
            ]);

        $this->type('TattooParlor')
            ->label('Tattoo Parlor')
            ->group('business')
            ->extends('LocalBusiness')
            ->addFields([
                'makesOffer',
                'hasOfferCatalog',
                'award',
            ]);

        $this->type('HealthBusiness')
            ->label('Health Business')
            ->group('business')
            ->extends('LocalBusiness');

        $this->type('FoodEstablishment')
            ->label('Food Establishment')
            ->group('business')
            ->extends('LocalBusiness')
            ->addFields([
                'hasMenu',
                'servesCuisine',
            ]);

        $this->type('FoodTruck')
            ->label('Food Truck')
            ->group('business')
            ->extends('FoodEstablishment')
            ->addField('serviceArea');

        $this->type('Store')
            ->label('Store / Shop')
            ->group('business')
            ->extends('LocalBusiness')
            ->addFields([
                'hasOfferCatalog',
                'makesOffer',
            ]);

        $this->type('ProfessionalService')
            ->label('Professional Service')
            ->group('business')
            ->extends('LocalBusiness')
            ->addFields([
                'serviceArea',
                'makesOffer',
                'award',
            ]);

        /**************************************************************
         * PERSON
         **************************************************************/
        $this->type('Person')
            ->label('Person')
            ->group('person')
            ->fields([
                'type',
                'name',
                'givenName',
                'familyName',
                'honorificPrefix',
                'honorificSuffix',
                'alternateName',
                'description',
                'image',
                'url',
                'email',
                'telephone',
                'sameAs',
                'jobTitle',
                'knowsLanguage',
                'knowsAbout',
                'award',
                'hasCredential',
                'birthDate',
                'gender',
            ]);

        /**************************************************************
         * CREATIVE WORKS
         **************************************************************/
        $this->type('CreativeWork')
            ->label('Creative Work')
            ->group('creative')
            ->fields([
                'type',
                'name',
                'description',
                'image',
                'author',
                'creator',
                'dateCreated',
                'datePublished',
                'dateModified',
                'keywords',
                'aggregateRating'
            ]);

        $this->type('DefinedTerm')
            ->label('Defined Term')
            ->group('creative')
            ->extends('CreativeWork')
            ->addFields([
                'termCode',
//              'inDefinedTermSet',
            ]);

        $this->type('BeforeAfter')
            ->label('Before & After Case')
            ->group('creative')
            ->extends('CreativeWork')
            ->addFields([
                'about',
                'temporalCoverage',
                'hasPart',
                'associatedMedia',
                'additionalProperty',
            ]);

        $this->type('VisualArtwork')
            ->label('Visual Artwork')
            ->group('creative')
            ->extends('CreativeWork')
            ->addFields([
                'artform',
                'artMedium',
                'artworkSurface',
                'width',
                'height',
            ]);

        $this->type('Tattoo')
            ->label('Tattoo')
            ->group('creative')
            ->extends('VisualArtwork');

        $this->type('Product')
            ->label('Product')
            ->group('creative')
            ->fields([
                'name',
                'description',
                'image',
                'brand',
                'sku',
                'gtin',
                'offers',
                'aggregateRating',
                'review',
                'award',
            ]);

        /**************************************************************
         * EVENTS
         **************************************************************/
        $this->type('Event')
            ->label('Event')
            ->group('event')
            ->fields([
                'type',
                'name',
                'description',
                'image',
                'startDate',
                'endDate',
                'location',
                'eventStatus',
                'eventAttendanceMode',
            ]);
    }

    /**
     * Define type groups for organization
     */
    private function registerTypeGroups(): void
    {
        $this->typeGroups = [
            'general' => 'General',
            'page' => 'Page Types',
            'business' => 'Business & Organization',
            'person' => 'People',
            'creative' => 'Creative Works',
            'event' => 'Events',
        ];
    }
}

 inc/managers/SEO/SchemaFieldHelpers.php

New file
@@ -0,0 +1,1199 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\meta\MetaManager;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Helper methods for auto-building complex schema fields
 *
 * SINGLE SOURCE OF TRUTH for field enhancement.
 * All pattern resolution and value enhancement flows through here.
 */
class SchemaFieldHelpers
{
    /**
     * Auto-resolve and enhance field values
     * Main entry point for all field enhancement logic
     *
     * @param string $fieldName Field name
     * @param mixed $value Raw value
     * @param MetaManager|null $meta Optional MetaManager for accessing related fields
     * @return mixed Enhanced value
     */
    public static function autoResolve(string $fieldName, mixed $value, ?MetaManager $meta = null): mixed
    {
        // Skip empty values
        if ($value === null || $value === '') {
            return $value;
        }

        // Skip if already enhanced (has @type)
        if (is_array($value) && isset($value['@type'])) {
            return $value;
        }

        // Auto-enhance based on field name
        return match($fieldName) {
            // Location data -> PostalAddress + GeoCoordinates
            'location', 'address' => is_array($value) ? self::buildLocation($value) : $value,

            // Image fields -> ImageObject
            'image', 'logo', 'photo','image_portrait', 'image_landscape', 'featured_image'
            => is_numeric($value) ? self::buildImage($value) : self::wrapImageUrl($value),

            // Hours -> openingHours array
            'hours', 'opening_hours', 'openingHoursSpecification'
            => is_array($value) ? self::buildOpeningHours($value)['openingHours'] ?? $value : $value,

            // Links -> sameAs array
            'links', 'sameAs'
            => is_array($value) ? self::buildSameAs($value)['sameAs'] ?? $value : [$value],
// Navigation -> SiteNavigationElement array

            'hasPart'
            => is_array($value) ? self::buildSiteNavigation($value)['hasPart'] ?? $value : $value,
            'hasOfferCatalog'
            => is_array($value) ? self::offer_catalog_array($value) : $value,
            // Services -> OfferCatalog
            'services'
            => is_array($value) ? self::buildServiceCatalog($value) : $value,

            // Amenities -> amenityFeature
            'amenities'
            => self::buildAmenityFeatures($value)['amenityFeature'] ?? $value,

            // Languages -> availableLanguage
            'languages'
            => is_array($value) ? self::buildAvailableLanguages($value)['availableLanguage'] ?? $value : $value,

            // Rating -> AggregateRating (needs rating_count from meta)
            'rating'
            => $meta ? self::buildAggregateRating($value, $meta->getValue('rating_count')) : $value,

            // Geo coordinates
            'geo'
            => is_array($value) ? self::buildGeoCoordinates($value) : $value,
            'image_object' => self::image_object($value),
            'image_url' => self::image_url($value),
            'associatedMedia', 'image_object_array' => self::image_object_array($value),
            // Add to the match statement:
            'brand' => is_array($value) ? self::buildBrandObject($value) : $value,
            'offers' => is_array($value) ? self::buildOfferObject($value) : $value,
            'review' => is_array($value) ? self::buildReviewArray($value) : $value,
            'parentOrganization', 'subOrganization'
            => is_array($value) ? self::buildOrganizationReference($value) : $value,
            'employee' => is_array($value) ? self::buildPersonReferenceArray($value) : $value,
            'starRating' => is_array($value) ? self::buildRatingObject($value) : $value,
            // Default: return as-is
            default => $value
        };
    }

    /**
     * Check if a value is a pattern (contains {{...}})
     */
    public static function isPattern(mixed $value): bool
    {
        return is_string($value) && str_contains($value, '{{') && str_contains($value, '}}');
    }

    /**
     * Get Jake Van creator attribution (ONLY for Website schema)
     */
    public static function getCreator(): array
    {
        return [
            '@type'         => 'Person',
            '@id'           => 'https://jakevan.ca/#person',
            'name'          => 'Jake Vanderwerf',
            'alternateName' => 'JakeVan',
            'url'           => 'https://jakevan.ca',
            'jobTitle'      => ['Graphic Designer', 'Website Designer', 'Website Developer'],
            'sameAs'        => [
                'https://github.com/jakevanderwerf',
                'https://www.linkedin.com/in/jakevanderwerf'
            ]
        ];
    }

    /**
     * Create proper ImageObject from WordPress attachment ID or URL
     *
     * @param int|string $image Image ID or URL
     * @param string $size Image size (default: 'full')
     * @return array|string ImageObject schema or URL
     */
    public static function buildImage(int|string $image, string $size = 'full'): array|string
    {
        // If it's empty, return empty string
        if (empty($image)) {
            return '';
        }

        // If it's already a URL, wrap it
        if (is_string($image) && (str_starts_with($image, 'http://') || str_starts_with($image, 'https://'))) {
            return self::wrapImageUrl($image);
        }

        // Treat as attachment ID
        $image_id = (int)$image;
        $image_url = wp_get_attachment_image_url($image_id, $size);

        if (!$image_url) {
            return '';
        }

        $image_meta = wp_get_attachment_metadata($image_id);
        $image_post = get_post($image_id);

        $imageObject = [
            '@type'      => 'ImageObject',
            'url'        => $image_url,
            'contentUrl' => $image_url,
        ];

        // Add dimensions if available
        if (!empty($image_meta['width']) && !empty($image_meta['height'])) {
            $imageObject['width'] = $image_meta['width'];
            $imageObject['height'] = $image_meta['height'];
        }

        // Add caption if available
        if ($image_post && !empty($image_post->post_excerpt)) {
            $imageObject['caption'] = $image_post->post_excerpt;
        }

        // Add alt text
        $alt = get_post_meta($image_id, '_wp_attachment_image_alt', true);
        if ($alt) {
            $imageObject['description'] = $alt;
        }

        return $imageObject;
    }

    /**
     * Wrap a URL string in minimal ImageObject
     */
    private static function wrapImageUrl(mixed $value): array|string
    {
        if (!is_string($value) || !filter_var($value, FILTER_VALIDATE_URL)) {
            return $value;
        }

        return [
            '@type'      => 'ImageObject',
            'url'        => $value,
            'contentUrl' => $value,
        ];
    }

    /**
     * Build PostalAddress and GeoCoordinates from location data
     *
     * Returns array with 'address' and 'geo' keys
     *
     * @param array $location Location data from MetaManager
     * @return array Schema with address and geo fields
     */
    public static function buildLocation(array $location): array
    {
        $schema = [];

        // Build PostalAddress
        if (!empty($location['address'])) {
            $address = [
                '@type'         => 'PostalAddress',
                'streetAddress' => $location['address']
            ];

            if (!empty($location['city'])) {
                $address['addressLocality'] = $location['city'];
            }

            if (!empty($location['province'])) {
                $address['addressRegion'] = $location['province'];
            }

            if (!empty($location['postal_code'])) {
                $address['postalCode'] = $location['postal_code'];
            }

            if (!empty($location['country'])) {
                $address['addressCountry'] = $location['country'];
            }

            $schema['address'] = $address;
        }

        // Build GeoCoordinates
        if (!empty($location['lat']) && !empty($location['lng'])) {
            $schema['geo'] = self::buildGeoCoordinates([
                'latitude'  => $location['lat'],
                'longitude' => $location['lng']
            ]);
        }

        return $schema;
    }

    /**
     * Build GeoCoordinates from lat/lng data
     */
    public static function buildGeoCoordinates(array $coords): array
    {
        $lat = $coords['latitude'] ?? $coords['lat'] ?? null;
        $lng = $coords['longitude'] ?? $coords['lng'] ?? null;

        if (!$lat || !$lng) {
            return [];
        }

        return [
            '@type'     => 'GeoCoordinates',
            'latitude'  => (float)$lat,
            'longitude' => (float)$lng
        ];
    }

    /**
     * Build opening hours from repeater field
     *
     * @param array $hours Hours data from MetaManager
     * @return array Schema with openingHours field
     */
    public static function buildOpeningHours(array $hours): array
    {
        if (empty($hours)) {
            return [];
        }

        $formatted = [];

        foreach ($hours as $entry) {
            if (empty($entry['day'])) {
                continue;
            }

            $day = ucfirst($entry['day']);
            $opens = $entry['time_opens'] ?? '09:00';
            $closes = $entry['time_closes'] ?? '17:00';

            // Format: "Mo-Fr 09:00-17:00" or "Mo 09:00-17:00"
            $formatted[] = "{$day} {$opens}-{$closes}";
        }

        return !empty($formatted) ? ['openingHours' => $formatted] : [];
    }

    /**
     * Build sameAs array from links repeater
     *
     * @param array $links Links data from MetaManager
     * @return array Schema with sameAs field
     */
    public static function buildSameAs(array $links): array
    {
        if (empty($links)) {
            return [];
        }

        $urls = [];

        foreach ($links as $link) {
            if (is_array($link) && !empty($link['url'])) {
                $urls[] = $link['url'];
            } elseif (is_string($link)) {
                $urls[] = $link;
            }
        }

        return !empty($urls) ? ['sameAs' => $urls] : [];
    }

    /**
     * Build service catalog from services array
     * Returns properly formatted OfferCatalog with itemListElement
     *
     * @param array $services Services data
     * @return array OfferCatalog schema
     */
    public static function buildServiceCatalog(array $services): array
    {
        if (empty($services)) {
            return [];
        }

        $items = [];

        foreach ($services as $service) {
            // Support both 'type' and '@type' in service data
            $serviceType = $service['type'] ?? $service['@type'] ?? 'Service';

            $item = [
                '@type' => $serviceType,
                'name'  => $service['name'] ?? $service['title'] ?? ''
            ];

            if (!empty($service['description'])) {
                $item['description'] = $service['description'];
            }

            // Handle pricing - can be simple text or structured
            if (!empty($service['price'])) {
                // Check if price is already an Offer object
                if (is_array($service['price']) && isset($service['price']['@type'])) {
                    $item['offers'] = $service['price'];
                } else {
                    // Create simple offer with price text
                    $item['offers'] = [
                        '@type'         => 'Offer',
                        'price'         => (string)$service['price'],
                        'priceCurrency' => $service['currency'] ?? $service['priceCurrency'] ?? 'CAD'
                    ];
                }
            }

            // Handle priceRange if provided instead of price
            if (!empty($service['priceRange'])) {
                $item['offers'] = [
                    '@type'      => 'Offer',
                    'price'      => $service['priceRange'],
                    'priceCurrency' => $service['currency'] ?? $service['priceCurrency'] ?? 'CAD'
                ];
            }

            if (!empty($item['name'])) {
                $items[] = $item;
            }
        }

        if (empty($items)) {
            return [];
        }

        return [
            '@type'           => 'OfferCatalog',
            'name'            => 'Services',
            'itemListElement' => $items
        ];
    }

    /**
     * Build amenity features from amenities array or string
     *
     * @param array|string $amenities Amenities data
     * @return array Schema with amenityFeature field
     */
    public static function buildAmenityFeatures(array|string $amenities): array
    {
        if (empty($amenities)) {
            return [];
        }

        // Convert string to array
        if (is_string($amenities)) {
            $amenities = array_map('trim', explode(',', $amenities));
        }

        $features = [];

        foreach ($amenities as $amenity) {
            if (is_array($amenity) && isset($amenity['name'])) {
                $features[] = [
                    '@type' => 'LocationFeatureSpecification',
                    'name'  => $amenity['name'],
                    'value' => true
                ];
            } elseif (is_string($amenity) && $amenity !== '') {
                $features[] = [
                    '@type' => 'LocationFeatureSpecification',
                    'name'  => $amenity,
                    'value' => true
                ];
            }
        }

        return !empty($features) ? ['amenityFeature' => $features] : [];
    }

    /**
     * Build available languages from languages array
     *
     * @param array $languages Languages data
     * @return array Schema with availableLanguage field
     */
    public static function buildAvailableLanguages(array $languages): array
    {
        if (empty($languages)) {
            return [];
        }

        $items = [];

        foreach ($languages as $lang) {
            if (is_array($lang) && isset($lang['language'])) {
                $items[] = [
                    '@type' => 'Language',
                    'name'  => $lang['language']
                ];
            } elseif (is_string($lang) && $lang !== '') {
                $items[] = [
                    '@type' => 'Language',
                    'name'  => $lang
                ];
            }
        }

        return !empty($items) ? ['availableLanguage' => $items] : [];
    }

    /**
     * Build aggregate rating from rating value and count
     *
     * @param float|string $rating Rating value
     * @param int|string|null $count Number of ratings
     * @return array|null Schema with aggregateRating or null
     */
    public static function buildAggregateRating(float|string $rating, int|string|null $count): ?array
    {
        if (empty($rating)) {
            return null;
        }

        $ratingValue = (float)$rating;
        $ratingCount = (int)($count ?? 0);

        if ($ratingCount === 0) {
            // Can't have aggregate rating without count
            return null;
        }

        return [
            '@type'       => 'AggregateRating',
            'ratingValue' => $ratingValue,
            'ratingCount' => $ratingCount,
            'bestRating'  => 5.0,
            'worstRating' => 1.0
        ];
    }

    /**
     * Transform text value
     */
    public static function text($value): string
    {
        return (string)$value;
    }

    /**
     * Transform URL value
     */
    public static function url($value): string
    {
        return esc_url_raw($value);
    }

    /**
     * Transform email value
     */
    public static function email($value): string
    {
        return sanitize_email($value);
    }

    /**
     * Transform number value
     */
    public static function number($value): float|int
    {
        return is_numeric($value) ? (float)$value : 0;
    }

    /**
     * Transform date value to ISO format (YYYY-MM-DD)
     */
    public static function date($value): string
    {
        if (empty($value)) return '';

        // If already in ISO format, return as-is
        if (preg_match('/^\d{4}-\d{2}-\d{2}$/', $value)) {
            return $value;
        }

        // Otherwise convert to ISO format
        $timestamp = is_numeric($value) ? $value : strtotime($value);
        return $timestamp ? date('Y-m-d', $timestamp) : '';
    }

    /**
     * Transform datetime value to ISO 8601 format
     */
    public static function datetime($value): string
    {
        if (empty($value)) return '';

        // If already in ISO format, return as-is
        if (preg_match('/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/', $value)) {
            return $value;
        }

        // Otherwise convert to ISO format
        $timestamp = is_numeric($value) ? $value : strtotime($value);
        return $timestamp ? date('c', $timestamp) : '';
    }

    /**
     * Transform dimension value to QuantitativeValue schema
     * Examples: "10cm" -> {value: 10, unitCode: "CM"}
     */
    public static function dimension($value): array|string
    {
        if (empty($value)) return '';

        // If already an object, return as-is
        if (is_array($value) && isset($value['@type'])) {
            return $value;
        }

        // Extract number and unit (e.g., "10cm" -> ["10", "cm"])
        if (preg_match('/^([\d.]+)\s*([a-z]+)$/i', $value, $matches)) {
            return [
                '@type' => 'QuantitativeValue',
                'value' => (float)$matches[1],
                'unitCode' => strtoupper($matches[2])
            ];
        }

        return $value;
    }

    /**
     * Transform array of text values from repeater
     * Handles various repeater field formats
     */
    public static function text_array($value): array
    {
        if (!is_array($value)) {
            return [$value];
        }

        return array_map(function($item) {
            if (is_array($item)) {
                // Handle repeater format with common field names
                return $item['name'] ?? $item['keyword'] ?? $item['topic'] ?? $item['value'] ?? '';
            }
            return (string)$item;
        }, array_filter($value));
    }

    /**
     * Transform array of URLs from repeater
     */
    public static function url_array($value): array
    {
        if (!is_array($value)) {
            return [$value];
        }

        return array_map(function($item) {
            if (is_array($item)) {
                return esc_url_raw($item['url'] ?? '');
            }
            return esc_url_raw($item);
        }, array_filter($value));
    }

    /**
     * Transform image ID to ImageObject
     * Reuses existing buildImage method
     */
    public static function image_object($imageId): array|string
    {
        if (!$imageId) return '';
        return self::buildImage($imageId);
    }

    /**
     * Transform array of image IDs to ImageObject array
     * Handles two formats:
     * 1. Simple array: [123, 456, 789]
     * 2. Repeater format: [['image' => 123, 'caption' => 'Before'], ...]
     */
    public static function image_object_array($value): array
    {
        if (!is_array($value)) {
            return [];
        }

        return array_values(array_filter(array_map(function($item, $index) {
            // Handle repeater format with sub-fields
            if (is_array($item) && isset($item['image'])) {
                $imageObject = self::buildImage($item['image']);

                if (empty($imageObject)) {
                    return null;
                }

                if (!empty($item['caption'])) {
                    $imageObject['caption'] = $item['caption'];
                }

                if (isset($item['position'])) {
                    $imageObject['position'] = (int)$item['position'];
                } else {
                    $imageObject['position'] = $index;
                }

                return $imageObject;
            }

            // Handle simple array of IDs
            if (is_numeric($item)) {
                $imageObject = self::buildImage($item);

                if (empty($imageObject)) {
                    return null;
                }

                $imageObject['position'] = $index;

                // Try to get caption from image post
                $post = get_post($item);
                if ($post && !empty($post->post_excerpt)) {
                    $imageObject['caption'] = $post->post_excerpt;
                }

                return $imageObject;
            }

            return null;
        }, $value, array_keys($value))));
    }

    public static function image_url($imageId): string
    {
        if (!$imageId) {
            return '';
        }

        // If already a URL string, return as-is
        if (is_string($imageId) && (str_starts_with($imageId, 'http://') || str_starts_with($imageId, 'https://'))) {
            return $imageId;
        }

        // Get URL from attachment ID
        $image_url = wp_get_attachment_image_url((int)$imageId, 'full');

        return $image_url ?: '';
    }
    /**
     * Transform location to PostalAddress + GeoCoordinates
     * Returns array with 'address' and 'geo' keys
     *
     * Special case: returns multiple schema properties
     */
    public static function location_complex($location): array
    {
        if (!$location) return [];
        return self::buildLocation($location);
    }

    /**
     * Transform location to just PostalAddress
     */
    public static function postal_address($location): array
    {
        if (!is_array($location) || empty($location['address'])) {
            return [];
        }

        $address = [
            '@type'         => 'PostalAddress',
            'streetAddress' => $location['address']
        ];

        if (!empty($location['city'])) {
            $address['addressLocality'] = $location['city'];
        }

        if (!empty($location['province'])) {
            $address['addressRegion'] = $location['province'];
        }

        if (!empty($location['postal_code'])) {
            $address['postalCode'] = $location['postal_code'];
        }

        if (!empty($location['country'])) {
            $address['addressCountry'] = $location['country'];
        }

        return $address;
    }

    /**
     * Transform coordinates to GeoCoordinates
     * Reuses existing buildGeoCoordinates method
     */
    public static function geo_coordinates($coords): array
    {
        if (!is_array($coords)) return [];
        return self::buildGeoCoordinates($coords);
    }

    /**
     * Transform opening hours group to OpeningHoursSpecification
     * Reuses existing buildOpeningHours method
     */
    public static function opening_hours_specification($hours): array
    {
        if (!is_array($hours)) return [];
        $result = self::buildOpeningHours($hours);
        return $result['openingHours'] ?? [];
    }

    /**
     * Transform contact points repeater to ContactPoint array
     */
    public static function contact_point_array($contacts): array
    {
        if (!is_array($contacts)) return [];

        $contactPoints = [];
        foreach ($contacts as $contact) {
            if (empty($contact['contactType'])) continue;

            $point = [
                '@type' => 'ContactPoint',
                'contactType' => $contact['contactType']
            ];

            if (!empty($contact['telephone'])) {
                $point['telephone'] = $contact['telephone'];
            }

            if (!empty($contact['email'])) {
                $point['email'] = $contact['email'];
            }

            $contactPoints[] = $point;
        }

        return $contactPoints;
    }

    /**
     * Transform amenity features repeater
     * Reuses existing buildAmenityFeatures method
     */
    public static function amenity_feature_array($amenities): array
    {
        if (!is_array($amenities)) return [];
        $result = self::buildAmenityFeatures($amenities);
        return $result['amenityFeature'] ?? [];
    }

    /**
     * Transform languages repeater
     * Reuses existing buildAvailableLanguages method
     */
    public static function language_array($languages): array
    {
        if (!is_array($languages)) return [];
        $result = self::buildAvailableLanguages($languages);
        return $result['availableLanguage'] ?? [];
    }

    /**
     * Transform aggregate rating group to AggregateRating schema
     */
    public static function aggregate_rating($rating): ?array
    {
        if (!is_array($rating) || empty($rating['ratingValue'])) {
            return null;
        }

        $aggregateRating = [
            '@type' => 'AggregateRating',
            'ratingValue' => (float)$rating['ratingValue']
        ];

        if (!empty($rating['bestRating'])) {
            $aggregateRating['bestRating'] = (float)$rating['bestRating'];
        }

        if (!empty($rating['worstRating'])) {
            $aggregateRating['worstRating'] = (float)$rating['worstRating'];
        }

        if (!empty($rating['ratingCount'])) {
            $aggregateRating['ratingCount'] = (int)$rating['ratingCount'];
        }

        if (!empty($rating['reviewCount'])) {
            $aggregateRating['reviewCount'] = (int)$rating['reviewCount'];
        }

        return $aggregateRating;
    }

    /**
     * Transform hasOfferCatalog field data to OfferCatalog schema
     * Handles both manual items and auto-generated from post type
     * Reuses existing buildServiceCatalog method
     */
    public static function offer_catalog_array($data): array
    {
        if (!is_array($data)) return [];

        // Extract manual items if present
        if (array_key_exists('manual_items', $data) && !empty($data['manual_items'])) {
            $services = $data['manual_items'];
        }
        // Otherwise expect array of items directly
        else if (isset($data[0])) {
            $services = $data;
        }
        else {
            return [];
        }

        // Build the catalog using existing method
        return self::buildServiceCatalog($services);
    }

    /**
     * Transform credentials repeater to EducationalOccupationalCredential array
     */
    public static function credential_array($credentials): array
    {
        if (!is_array($credentials)) return [];

        $items = [];
        foreach ($credentials as $cred) {
            if (empty($cred['name'])) continue;

            $item = [
                '@type' => 'EducationalOccupationalCredential',
                'name' => $cred['name']
            ];

            if (!empty($cred['credentialCategory'])) {
                $item['credentialCategory'] = $cred['credentialCategory'];
            }

            if (!empty($cred['issuedBy'])) {
                $item['recognizedBy'] = [
                    '@type' => 'Organization',
                    'name' => $cred['issuedBy']
                ];
            }

            $items[] = $item;
        }

        return $items;
    }

    /**
     * Transform FAQ repeater to Question schema array
     */
    public static function faq_array($faqs): array
    {
        if (!is_array($faqs)) return [];

        $questions = [];
        foreach ($faqs as $faq) {
            if (empty($faq['question']) || empty($faq['answer'])) {
                continue;
            }

            $questions[] = [
                '@type' => 'Question',
                'name' => $faq['question'],
                'acceptedAnswer' => [
                    '@type' => 'Answer',
                    'text' => $faq['answer']
                ]
            ];
        }

        return $questions;
    }

    /**
     * Transform PotentialAction configurations to schema.org format
     *
     * @param array $actions Array of action configurations
     * @return array Formatted PotentialAction array
     */
    public static function potential_action_array($actions): array
    {
        if (empty($actions) || !is_array($actions)) {
            return [];
        }

        $formatted = [];

        foreach ($actions as $action) {
            if (empty($action['type']) || empty($action['name'])) {
                continue; // Skip invalid actions
            }

            $formattedAction = [
                '@type' => $action['type'],
                'name'  => $action['name'],
            ];

            // Add target (required for most actions)
            if (!empty($action['target'])) {
                $target = $action['target'];

                // If target contains a query placeholder, format as EntryPoint
                if (str_contains($target, '{')) {
                    $formattedAction['target'] = [
                        '@type'       => 'EntryPoint',
                        'urlTemplate' => $target,
                    ];
                } else {
                    $formattedAction['target'] = $target;
                }
            }

            // Add optional fields
            if (!empty($action['description'])) {
                $formattedAction['description'] = $action['description'];
            }

            if (!empty($action['url'])) {
                $formattedAction['url'] = $action['url'];
            }

            $formatted[] = $formattedAction;
        }

        return $formatted;
    }

    /**
     * Build SiteNavigationElement array from navigation items
     */
    public static function buildSiteNavigation(array $items): array
    {
        $elements = [];
        $position = 1;

        foreach ($items as $item) {
            if (empty($item['name']) || empty($item['url'])) continue;

            $nav = [
                '@type' => 'SiteNavigationElement',
                '@id' => $item['url'] . '#navigation',
                'position' => $position++,
                'name' => $item['name'],
                'url' => $item['url'],
            ];

            if (!empty($item['description'])) {
                $nav['description'] = $item['description'];
            }

            $elements[] = $nav;
        }

        return ['hasPart' => $elements];
    }

    /**
     * Build Offer object
     */
    public static function buildOfferObject(array $data): array
    {
        $offer = ['@type' => 'Offer'];

        if (!empty($data['price'])) {
            $offer['price'] = (string)$data['price'];
            $offer['priceCurrency'] = $data['priceCurrency'] ?? 'USD';
        }

        if (!empty($data['availability'])) {
            $offer['availability'] = 'https://schema.org/' . $data['availability'];
        }

        if (!empty($data['validFrom'])) {
            $offer['validFrom'] = $data['validFrom'];
        }

        if (!empty($data['validThrough'])) {
            $offer['validThrough'] = $data['validThrough'];
        }

        return $offer;
    }

    /**
     * Build Brand object or simple text
     */
    public static function buildBrandObject(array $data): array|string
    {
        if (empty($data['name'])) {
            return '';
        }

        // Simple text brand
        if (empty($data['type']) || $data['type'] === 'text') {
            return $data['name'];
        }

        // Organization/Brand object
        $brand = [
            '@type' => 'Brand',
            'name' => $data['name'],
        ];

        if (!empty($data['url'])) {
            $brand['url'] = $data['url'];
        }

        if (!empty($data['logo'])) {
            $brand['logo'] = self::buildImage($data['logo']);
        }

        return $brand;
    }

    /**
     * Build Review array
     */
    public static function buildReviewArray(array $reviews): array
    {
        $output = [];

        foreach ($reviews as $review) {
            if (empty($review['author']) && empty($review['reviewBody'])) {
                continue;
            }

            $item = ['@type' => 'Review'];

            if (!empty($review['author'])) {
                $item['author'] = [
                    '@type' => 'Person',
                    'name' => $review['author']
                ];
            }

            if (!empty($review['reviewRating'])) {
                $item['reviewRating'] = [
                    '@type' => 'Rating',
                    'ratingValue' => $review['reviewRating'],
                ];
            }

            if (!empty($review['reviewBody'])) {
                $item['reviewBody'] = $review['reviewBody'];
            }

            if (!empty($review['datePublished'])) {
                $item['datePublished'] = $review['datePublished'];
            }

            $output[] = $item;
        }

        return $output;
    }

    /**
     * Build organization reference
     */
    public static function buildOrganizationReference(array $data): array
    {
        if (empty($data['name'])) {
            return [];
        }

        $org = [
            '@type' => 'Organization',
            'name' => $data['name'],
        ];

        if (!empty($data['url'])) {
            $org['url'] = $data['url'];
        }

        return $org;
    }

    /**
     * Build organization reference array
     */
    public static function buildOrganizationReferenceArray(array $items): array
    {
        return array_map([self::class, 'buildOrganizationReference'], $items);
    }

    /**
     * Build person reference array
     */
    public static function buildPersonReferenceArray(array $items): array
    {
        $output = [];

        foreach ($items as $item) {
            if (empty($item['name'])) continue;

            $person = [
                '@type' => 'Person',
                'name' => $item['name'],
            ];

            if (!empty($item['jobTitle'])) {
                $person['jobTitle'] = $item['jobTitle'];
            }

            $output[] = $person;
        }

        return $output;
    }

    /**
     * Boolean transformer
     */
    public static function buildBoolean(mixed $value): bool
    {
        return (bool)$value;
    }

    /**
     * Time transformer
     */
    public static function buildTime(string $value): string
    {
        // Ensure format is HH:MM
        return date('H:i', strtotime($value));
    }

    /**
     * Rating object
     */
    public static function buildRatingObject(array $data): array
    {
        if (empty($data['ratingValue'])) {
            return [];
        }

        return [
            '@type' => 'Rating',
            'ratingValue' => (float)$data['ratingValue'],
            'bestRating' => 5,
        ];
    }
}

 inc/managers/SEO/SchemaOutputManager.php

New file
@@ -0,0 +1,710 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\managers\CacheManager;
use JVBase\meta\MetaManager;
use WP_Term;
use WP_User;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Handles SEO output: Schema.org JSON and TSF meta filtering
 *
 * Integrates with The SEO Framework, letting it handle defaults
 * while we override with our configured templates.
 *
 * Now with integrated caching via CacheManager for performance.
 */
class SchemaOutputManager
{
    private ConfigManager $config;
    private SchemaBuilder $registry;
    private ?TemplateResolver $resolver = null;
    private CacheManager $cache;
    private array $pseudoTypes = [
        'BeforeAfter',
    ];

    public function __construct()
    {
        $this->registry = SchemaBuilder::getInstance();
        $this->cache = CacheManager::for('schema');

        // Register cache connections
        $this->cache->connectTo('post', 'id');
        $this->cache->connectTo('taxonomy', 'id');
        $this->cache->connectTo('user', 'id');

        // Hook into TSF for meta
        add_filter('the_seo_framework_title_from_generation', [$this, 'filterTitle'], 10, 2);
        add_filter('the_seo_framework_generated_description', [$this, 'filterDescription'], 10, 3);

        // Add image filters
        add_filter('the_seo_framework_image_generation_params', [$this, 'filterImage'], 10, 3);

        // Disable TSF schema on our content (we'll output our own)
        add_filter('the_seo_framework_schema_graph_data', [$this, 'filterTSFSchema'], 10, 2);

        // Output our schema
        add_action('wp_head', [$this, 'outputSchema'], 1);
    }

    /**
     * Filter the SEO title
     */
    public function filterTitle(string $title, ?array $args): string
    {
        if ($args !== null) {
            // Not in the loop (admin, etc.)
            return $title;
        }

        $context = $this->getCurrentContext();
        if (!$context) {
            return $title;
        }

        $metaConfig = $this->config->meta();

        if (empty($metaConfig['title'])) {
            return $title;
        }

        $resolver = $this->getResolver();
        $customTitle = $resolver->resolve($metaConfig['title']);

        return $customTitle ?: $title;
    }

    /**
     * Filter the SEO description
     */
    public function filterDescription(string $description, ?array $args, string $type): string
    {
        if ($args !== null) {
            return $description;
        }

        $context = $this->getCurrentContext();
        if (!$context) {
            return $description;
        }

        $metaConfig = $this->config->meta();

        if (empty($metaConfig['description'])) {
            return $description;
        }

        $resolver = $this->getResolver();
        $customDescription = $resolver->resolve($metaConfig['description']);

        // Truncate to reasonable length
        if (strlen($customDescription) > 160) {
            $customDescription = substr($customDescription, 0, 157) . '...';
        }

        return $customDescription ?: $description;
    }

    /**
     * Filter the SEO image for social previews
     */
    public function filterImage(array $params, ?array $args, $tsf_id): array
    {
        if ($args !== null) {
            return $params;
        }

        $context = $this->getCurrentContext();
        if (!$context) {
            return $params;
        }

        $metaConfig = $this->config->meta();

        // Check for custom image
        if (!empty($metaConfig['image'])) {
            $resolver = $this->getResolver();
            $imageUrl = $resolver->resolve($metaConfig['image']);

            if ($imageUrl) {
                $params['og:image'] = $imageUrl;

                // Use twitter-specific image if set, otherwise use main image
                if (!empty($metaConfig['twitter_image'])) {
                    $twitterImage = $resolver->resolve($metaConfig['twitter_image']);
                    $params['twitter:image'] = $twitterImage ?: $imageUrl;
                } else {
                    $params['twitter:image'] = $imageUrl;
                }
            }
        }

        return $params;
    }

    /**
     * Disable TSF schema for our custom content types
     */
    public function filterTSFSchema(array $graph, ?array $args): array
    {
        if ($args !== null) {
            return $graph;
        }

        $context = $this->getCurrentContext();
        if ($context) {
            // We're handling schema for this content
            return [];
        }

        return $graph;
    }

    /**
     * Output schema JSON-LD
     */
    public function outputSchema(): void
    {
        // Build cache key
        $context = $this->getCurrentContext();
        $cacheKey = $this->buildCacheKey($context);

        // Try to get from cache
        $schema = $this->cache->get($cacheKey);

        if ($schema === false) {
            // Build schema
            $schema = $this->buildSchema();

            // Cache for 1 hour (will auto-invalidate on content update)
            $this->cache->set($cacheKey, $schema, HOUR_IN_SECONDS);
        }

        if (empty($schema)) {
            return;
        }

        echo "\n<!-- SEO Schema by Jake Van -->\n";
        echo '<script type="application/ld+json">' . "\n";
        echo wp_json_encode($schema, JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT);
        echo "\n" . '</script>' . "\n";
    }

    private function resolveSchemaType(string $configuredType): string
    {
        // Only resolve pseudo-types (custom types not in schema.org)
        if (in_array($configuredType, $this->pseudoTypes)) {
            $typeDef = $this->registry->getTypeDefinition($configuredType);
            if ($typeDef && !empty($typeDef['extends'])) {
                // Recursively resolve in case parent is also pseudo
                return $this->resolveSchemaType($typeDef['extends']);
            }
        }

        // Use configured type (it's a real schema.org type)
        return $configuredType;
    }

    /**
     * Build cache key for current context
     */
    private function buildCacheKey(?array $context): string
    {
        if (!$context) {
            return 'home_' . get_current_blog_id();
        }

        return "{$context['objectType']}_{$context['objectId']}_{$context['type']}";
    }

    /**
     * Build complete schema structure
     */
    private function buildSchema(): array
    {
        $schema = [
            '@context' => 'https://schema.org',
            '@graph'   => []
        ];

        // Always include Website schema
        $websiteSchema = $this->buildSchemaForType('website', 'WebSite', '/#website');
        if ($websiteSchema) {
            $websiteSchema['url'] = $websiteSchema['url'] ?? get_home_url();
            $websiteSchema['name'] = $websiteSchema['name'] ?? get_bloginfo('name');
            $websiteSchema['publisher'] = ['@id' => get_home_url() . '/#organization'];
            $websiteSchema['creator'] = SchemaFieldHelpers::getCreator();
            $schema['@graph'][] = $websiteSchema;
        }

        // Include Organization schema on home page
        if (is_front_page()) {
            $orgSchema = $this->buildSchemaForType('organization', null, '/#organization');
            if ($orgSchema && !empty($orgSchema['name'])) {
                $schema['@graph'][] = $orgSchema;
            }
        }

        $webPageSchema = $this->buildWebPageSchema();
        if ($webPageSchema) {
            $schema['@graph'][] = $webPageSchema;
        }

        // Include context-specific schema
        $contextSchema = $this->buildContextSchema();
        if ($contextSchema) {
            $schema['@graph'][] = $contextSchema;
        }

        // Include breadcrumbs
        $breadcrumbs = $this->buildBreadcrumbSchema();
        if ($breadcrumbs) {
            $schema['@graph'][] = $breadcrumbs;
        }

        return $schema;
    }

    /**
     * Generic schema builder - replaces buildWebsiteSchema, buildOrganizationSchema, etc.
     *
     * @param string $configKey Config key (site, business, post_type, etc.)
     * @param string|null $forceType Force a specific schema type (optional)
     * @param string|null $id Schema @id suffix
     */
    private function buildSchemaForType(string $configKey, ?string $forceType = null, ?string $id = null): ?array
    {
        $this->config = ConfigManager::for($configKey);
        $config = $this->config->schema();

        if (empty($config)) {
            return null;
        }

        $schemaType = $forceType ?? $config['type'] ?? null;
        if (!$schemaType) {
            return null;
        }

        // Build full @id if suffix provided
        $fullId = $id ? get_home_url() . $id : null;

        // Use the generic builder
        return $this->buildSchemaFromConfig($config, $schemaType, $fullId);
    }

    /**
     * Build schema for current context (page, post, term, etc.)
     */
    private function buildContextSchema(): ?array
    {
        $context = $this->getCurrentContext();

        if (!$context) {
            return null;
        }

        // For archives, use archive config
        if (in_array($context['objectType'], ['archive', 'term'])) {
            return $this->buildArchiveSchema($context);
        }

        $schemaConfig = $this->config->schema();

        if (empty($schemaConfig) || empty($schemaConfig['type'])) {
            return null;
        }

        $resolver = $this->getResolver();
        $schemaType = $schemaConfig['type'];

        // Resolve all field values from templates
        $resolvedConfig = $this->resolveConfigTemplates($schemaConfig, $resolver);

        // Build schema with resolved values
        $schema = $this->buildSchemaFromConfig(
            $resolvedConfig,
            $schemaType,
            $resolver->resolveVariable('permalink') . '#' . strtolower($schemaType)
        );

        // Add mainEntityOfPage for content items
        if ($schema && $schemaType !== 'FAQPage') {
            $schema['mainEntityOfPage'] = [
                '@type' => 'WebPage',
                '@id'   => $resolver->resolveVariable('permalink'),
            ];
        }

        return $schema;
    }
    /**
     * Build schema for archive pages
     * Automatically generates mainEntity from archive posts
     */
    private function buildArchiveSchema(array $context): ?array
    {
        // Ensure archive config is initialized
        if (!$this->config->archive()) {
            $this->config->setupArchive();
        }

        $archiveConfig = $this->config->archive();

        // Return null if no config or no type defined
        if (empty($archiveConfig) || empty($archiveConfig['type'])) {
            return null;
        }

        $resolver = $this->getResolver();
        $schemaType = $archiveConfig['type'];

        // Resolve templates from archive config
        $resolvedConfig = $this->resolveConfigTemplates($archiveConfig, $resolver);

        // Build base schema
        $schema = $this->buildSchemaFromConfig(
            $resolvedConfig,
            $schemaType,
            $resolver->resolveVariable('permalink') . '#' . strtolower($schemaType)
        );

        if (!$schema) {
            return null;
        }

        // Automatically add mainEntity for types that need it
        $mainEntity = $this->buildMainEntity($schemaType, $context['type']);
        if ($mainEntity) {
            $schema['mainEntity'] = $mainEntity;
        }

        return $schema;
    }

    /**
     * Automatically build mainEntity for archive pages
     * Uses SchemaReferenceBuilder to generate entities from archive posts
     *
     * @param string $archiveSchemaType The archive's @type (FAQPage, CollectionPage, etc.)
     * @param string $contentType The content type being archived (faq, artwork, etc.)
     * @return array|null Array of entities or null if not applicable
     */
    private function buildMainEntity(string $archiveSchemaType, string $contentType): ?array
    {
        // Only certain archive types need mainEntity
        $typesNeedingMainEntity = ['FAQPage', 'CollectionPage', 'ItemList'];
        if (!in_array($archiveSchemaType, $typesNeedingMainEntity)) {
            return null;
        }

        $context = $this->getCurrentContext();

        // For taxonomy term archives, get posts from the term
        if ($context['objectType'] === 'term') {
            // Get the post type(s) this taxonomy is for
            $taxonomy = defined('JVB_TAXONOMY') && isset(JVB_TAXONOMY[$contentType])
                ? JVB_TAXONOMY[$contentType]
                : null;

            if (!$taxonomy || empty($taxonomy['for_content'])) {
                return null;
            }

            // Use the first post type (most common case)
            $postType = $taxonomy['for_content'][0];

            return SchemaReferenceBuilder::buildFromTerm(
                $context['objectId'],
                $postType,
                10,  // limit
                null, // auto-infer type
                true  // include context
            );
        }

        // For post type archives
        if ($context['objectType'] === 'archive') {
            return SchemaReferenceBuilder::buildFromArchive($contentType);
        }

        return null;
    }

    /**
     * Resolve all template patterns in config
     */
    private function resolveConfigTemplates(array $config, TemplateResolver $resolver): array
    {
        $resolved = ['type' => $config['type']];

        foreach ($config as $fieldName => $value) {
            if ($fieldName === 'type') {
                continue;
            }

            $resolvedValue = $this->resolveFieldValue($fieldName, $value, $resolver);

            if ($resolvedValue !== null && $resolvedValue !== '') {
                $resolved[$fieldName] = $resolvedValue;
            }
        }

        return $resolved;
    }

    /**
     * Enhanced buildSchemaFromConfig with MetaManager integration
     */
    private function buildSchemaFromConfig(array $config, string $schemaType, ?string $id = null): ?array
    {
        // Build base schema
        $schema = ['@type' => $this->resolveSchemaType($schemaType)];

        if ($id) {
            $schema['@id'] = $id;
        }

        // Get MetaManager if we have a context
        $meta = null;
        $context = $this->getCurrentContext();
        if ($context) {
            $meta = new MetaManager($context['objectId'], $context['objectType']);
        }

        // Process each field
        foreach ($config as $fieldName => $value) {
            // Skip meta fields and empty values
            if ($fieldName === 'type' || $value === null || $value === '' || $value === []) {
                continue;
            }

            // Auto-resolve field value (handles images, locations, etc.)
            $value = SchemaFieldHelpers::autoResolve($fieldName, $value, $meta);

            // Get field definition for transformer
            $fieldDef = $this->registry->getFieldDefinition($fieldName);

            // Apply transformer if defined
            if ($fieldDef && !empty($fieldDef['transformer'])) {
                $value = $this->applyTransformer($value, $fieldDef['transformer'], $fieldName);
            }

            // Skip if empty after transformation
            if ($value === null || $value === '' || $value === []) {
                continue;
            }

            // Handle multi-property transformers (like location_complex returns address + geo)
            if (is_array($value) && !isset($value['@type']) && !isset($value[0])) {
                $multiProps = ['address', 'geo', 'openingHours', 'sameAs'];
                if (!empty(array_intersect(array_keys($value), $multiProps))) {
                    foreach ($value as $subKey => $subValue) {
                        if ($subValue !== null && $subValue !== '' && $subValue !== []) {
                            $schema[$subKey] = $subValue;
                        }
                    }
                    continue;
                }
            }

            // Normal case: add single property
            $schema[$fieldName] = $value;
        }

        // Return null if only @type remains
        return (count($schema) > 1) ? $schema : null;
    }

    /**
     * Apply transformer to a field value
     */
    private function applyTransformer(mixed $value, string $transformer, string $fieldName): mixed
    {
        // Check if transformer method exists in SchemaFieldHelpers
        if (method_exists(SchemaFieldHelpers::class, $transformer)) {
            try {
                return SchemaFieldHelpers::$transformer($value);
            } catch (\Throwable $e) {
                // Log error but don't break schema output
                error_log("Schema transformer error for {$fieldName}: {$e->getMessage()}");
                return $value;
            }
        }

        // No transformer found, return value as-is
        return $value;
    }

    /**
     * Resolve a field value from template
     */
    private function resolveFieldValue(string $key, mixed $template, TemplateResolver $resolver): mixed
    {
        if (is_string($template)) {
            // Simple template pattern
            $value = $resolver->resolve($template);

            // If it's still a pattern (unresolved), skip it
            if (SchemaFieldHelpers::isPattern($value)) {
                return null;
            }

            return $value !== '' ? $value : null;
        }

        if (is_array($template)) {
            // Complex nested structure - resolve recursively
            $resolved = [];
            foreach ($template as $subKey => $subValue) {
                $resolvedValue = $this->resolveFieldValue($subKey, $subValue, $resolver);
                if ($resolvedValue !== null) {
                    $resolved[$subKey] = $resolvedValue;
                }
            }
            return !empty($resolved) ? $resolved : null;
        }

        // Direct value (not a template)
        return $template;
    }

    /**
     * Build WebPage schema for current page (including homepage)
     */
    private function buildWebPageSchema(): ?array
    {
        $webpage = [
            '@type'    => 'WebPage',
            '@id'      => get_permalink() . '/#webpage',
            'url'      => get_permalink(),
            'isPartOf' => ['@id' => get_home_url() . '/#website'],
        ];

        // Add about relationship on homepage (pointing to organization)
        if (is_front_page()) {
            $webpage['about'] = ['@id' => get_home_url() . '/#organization'];
            $webpage['name'] = get_bloginfo('name');
            $webpage['description'] = get_bloginfo('description');
        } else {
            // For other pages, use page-specific meta
            $resolver = $this->getResolver();
            $metaConfig = $this->config->meta();

            if (!empty($metaConfig['title'])) {
                $webpage['name'] = $resolver->resolve($metaConfig['title']);
            }

            if (!empty($metaConfig['description'])) {
                $webpage['description'] = $resolver->resolve($metaConfig['description']);
            }
        }

        return $webpage;
    }

    /**
     * Build breadcrumb schema
     */
    private function buildBreadcrumbSchema(): array
    {
        $breadcrumbs = BreadcrumbManager::getInstance();
        return $breadcrumbs->toSchema();
    }

    /**
     * Get current context (what page/content are we on?)
     */
    private function getCurrentContext(): ?array
    {
        if (is_singular()) {
            $post = get_post();
            if ($post) {
                $postType = jvbNoBase($post->post_type);
                if (defined('JVB_CONTENT') && isset(JVB_CONTENT[$postType])) {
                    $this->config = ConfigManager::for($postType);
                    return [
                        'objectType' => 'post',
                        'objectId'   => $post->ID,
                        'type'       => $postType,
                    ];
                }
            }
        } elseif (is_tax()) {
            $term = get_queried_object();
            if ($term instanceof WP_Term) {
                $taxonomy = jvbNoBase($term->taxonomy);
                if (defined('JVB_TAXONOMY') && isset(JVB_TAXONOMY[$taxonomy])) {
                    $this->config = ConfigManager::for($taxonomy);
                    return [
                        'objectType' => 'term',
                        'objectId'   => $term->term_id,
                        'type'       => $taxonomy,
                    ];
                }
            }
        } elseif (is_author()) {
            $user = get_queried_object();
            if ($user instanceof WP_User) {
                $role = jvbUserRole($user->ID);
                if (defined('JVB_USER') && isset(JVB_USER[$role])) {
                    $this->config = ConfigManager::for($role);
                    return [
                        'objectType' => 'user',
                        'objectId'   => $user->ID,
                        'type'       => $role,
                    ];
                }
            }
        }  elseif (is_post_type_archive()) {
            $postType = get_query_var('post_type');
            if (is_array($postType)) {
                $postType = reset($postType);
            }
            $postType = jvbNoBase($postType);

            if (defined('JVB_CONTENT') && isset(JVB_CONTENT[$postType])) {
                $this->config = ConfigManager::for($postType);
                return [
                    'objectType' => 'archive',
                    'objectId' => 0,
                    'type' => $postType,
                ];
            }
        }

        return null;
    }

    /**
     * Get or create resolver for current context
     */
    private function getResolver(): TemplateResolver
    {
        if ($this->resolver === null) {
            $this->resolver = TemplateResolver::forCurrentObject();
        }
        return $this->resolver;
    }

    /**
     * Extract URLs from array of link objects or strings
     */
    private function extractUrls(array $links): array
    {
        $urls = [];
        foreach ($links as $link) {
            if (is_array($link) && isset($link['url'])) {
                $urls[] = $link['url'];
            } elseif (is_string($link)) {
                $urls[] = $link;
            }
        }
        return $urls;
    }
}

 inc/managers/SEO/SchemaReferenceBuilder.php

New file
@@ -0,0 +1,539 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\meta\MetaManager;
use WP_Term;
use WP_User;
use WP_Post;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Builds minimal schema references for related entities
 *
 * When an artist references a shop or an artwork references an artist,
 * we don't want to embed the full schema—just a reference with minimal data.
 *
 * Usage:
 * - Artist referencing a Shop: "worksFor": SchemaReferenceBuilder::build('term', $shop_id)
 * - Artwork referencing an Artist: "creator": SchemaReferenceBuilder::build('post', $artist_id)
 */
class SchemaReferenceBuilder
{
    /**
     * Build a schema reference
     * Automatically transforms types for archives (FAQPage → Question)
     *
     * @param string $objectType 'post', 'term', or 'user'
     * @param int $objectId Object ID
     * @param string|null $schemaType Override @type (null = auto-infer and transform)
     * @param bool $includeContext Add contextual fields
     * @return array|string Schema reference or empty string if invalid
     */
    public static function build(
        string $objectType,
        int $objectId,
        ?string $schemaType = null,
        bool $includeContext = true
    ): array|string {
        // Get basic info
        $url = self::getUrl($objectType, $objectId);
        $name = self::getName($objectType, $objectId);

        if (!$url || !$name) {
            return '';
        }

        // Get config for templates and schema type
        $config = self::getConfigFor($objectType, $objectId);
        $schemaConfig = $config['seo']['schema'] ?? [];

        // Determine schema type
        if ($schemaType === null) {
            // Auto-infer from config
            $schemaType = self::inferSchemaType($objectType, $objectId);
            $inferredType = true;
        } else {
            // Explicit type provided (for cross-references)
            $inferredType = false;
        }

        // If type was inferred, check for archive transformations
        if ($inferredType) {
            $schemaType = self::transformForArchive($schemaType);
        }

        // Create resolver for template resolution
        $resolver = $objectType === 'post' ? new TemplateResolver($objectId,'post') :
            ($objectType === 'term' ? new TemplateResolver($objectId,'term') :
                ($objectType === 'user' ? new TemplateResolver($objectId, 'user') : null));

        // Build reference based on schema type
        switch ($schemaType) {
            case 'Question':
                // Build Question from FAQPage config
                $questionTemplate = $schemaConfig['question'] ?? '{{post_title}}';
                $answerTemplate = $schemaConfig['answer'] ?? '{{post_content}}';

                return [
                    '@type' => 'Question',
                    '@id' => $url . '#question',
                    'name' => $resolver ? $resolver->resolve($questionTemplate) : $name,
                    'acceptedAnswer' => [
                        '@type' => 'Answer',
                        'text' => $resolver ? $resolver->resolve($answerTemplate) : ''
                    ]
                ];

            default:
                // Standard reference: @type, @id, name, url
                $reference = [
                    '@type' => $schemaType,
                    '@id'   => $url . '#' . strtolower($schemaType),
                    'name'  => $name,
                    'url'   => $url,
                ];

                // Add contextual fields if requested
                if ($includeContext) {
                    // Add description if in config
                    if ($resolver && isset($schemaConfig['description'])) {
                        $description = $resolver->resolve($schemaConfig['description']);
                        if ($description) {
                            $reference['description'] = $description;
                        }
                    }

                    // Add image if in config
                    if ($resolver && isset($schemaConfig['image'])) {
                        $imageUrl = $resolver->resolve($schemaConfig['image']);
                        if ($imageUrl) {
                            $reference['image'] = SchemaFieldHelpers::image_object($imageUrl);
                        }
                    }

                    // Add minimal type-specific fields (existing logic)
                    $reference = self::addMinimalFields($reference, $objectType, $objectId, $schemaType);
                }

                return $reference;
        }
    }

    /**
     * Transform schema types for archive/collection contexts
     *
     * @param string $schemaType Original schema type
     * @return string Transformed type (or original if no transform needed)
     */
    private static function transformForArchive(string $schemaType): string
    {
        return match($schemaType) {
            'FAQPage' => 'Question',
            // Add other transformations as needed
            default => $schemaType
        };
    }

    /**
     * Get config for an object
     */
    private static function getConfigFor(string $objectType, int $objectId): ?array
    {
        switch ($objectType) {
            case 'post':
                $postType = get_post_type($objectId);
                $typeKey = str_replace(BASE, '', $postType);
                return defined('JVB_CONTENT') && isset(JVB_CONTENT[$typeKey])
                    ? JVB_CONTENT[$typeKey]
                    : null;

            case 'term':
                $term = get_term($objectId);
                if (!$term || is_wp_error($term)) {
                    return null;
                }
                $typeKey = str_replace(BASE, '', $term->taxonomy);
                return defined('JVB_TAXONOMY') && isset(JVB_TAXONOMY[$typeKey])
                    ? JVB_TAXONOMY[$typeKey]
                    : null;

            case 'user':
                $role = jvbUserRole($objectId);
                return defined('JVB_USER') && isset(JVB_USER[$role])
                    ? JVB_USER[$role]
                    : null;
        }

        return null;
    }

    /**
     * Build just an @id reference (most minimal)
     *
     * @param string $objectType 'post', 'term', or 'user'
     * @param int $objectId Object ID
     * @param string|null $schemaType Override @type
     * @return string @id URL or empty string
     */
    public static function buildIdOnly(
        string $objectType,
        int $objectId,
        ?string $schemaType = null
    ): string {
        $url = self::getUrl($objectType, $objectId);
        if (!$url) {
            return '';
        }

        if (!$schemaType) {
            $schemaType = self::inferSchemaType($objectType, $objectId);
        }

        return $url . '#' . strtolower($schemaType);
    }

    /**
     * Build array of references from array of IDs
     *
     * @param string $objectType 'post', 'term', or 'user'
     * @param array $objectIds Array of object IDs
     * @param string|null $schemaType Override @type
     * @param bool $includeContext Add contextual fields
     * @return array Array of schema references
     */
    public static function buildMultiple(
        string $objectType,
        array $objectIds,
        ?string $schemaType = null,
        bool $includeContext = false
    ): array {
        $references = [];

        foreach ($objectIds as $id) {
            $ref = self::build($objectType, $id, $schemaType, $includeContext);
            if ($ref !== '') {
                $references[] = $ref;
            }
        }

        return $references;
    }

    /**
     * Build references for posts related to a term
     *
     * Perfect for: shop showing its artists, style showing its artists, etc.
     *
     * @param int $termId Term ID to get posts from
     * @param string $postType Post type to query (without BASE prefix)
     * @param int $limit Maximum number of references to return (default: 10)
     * @param string|null $schemaType Override @type for all references
     * @param bool $includeContext Add contextual fields
     * @param string $orderby How to order results (default: 'date')
     * @return array Array of schema references
     */
    public static function buildFromTerm(
        int $termId,
        string $postType,
        int $limit = 10,
        ?string $schemaType = null,
        bool $includeContext = false,
        string $orderby = 'date'
    ): array {
        $term = get_term($termId);
        if (!$term || is_wp_error($term)) {
            return [];
        }

        // Get posts in this term
        $args = [
            'post_type'      => jvbCheckBase($postType),
            'posts_per_page' => $limit,
            'post_status'    => 'publish',
            'orderby'        => $orderby,
            'order'          => 'DESC',
            'tax_query'      => [
                [
                    'taxonomy' => $term->taxonomy,
                    'field'    => 'term_id',
                    'terms'    => $termId,
                ]
            ],
            'fields'         => 'ids', // Only get IDs for performance
        ];

        $post_ids = get_posts($args);

        if (empty($post_ids)) {
            return [];
        }

        return self::buildMultiple('post', $post_ids, $schemaType, $includeContext);
    }

    /**
     * Build references for posts in a post type archive
     *
     * @param string $postType Post type (without BASE prefix)
     * @param int $limit Maximum number of references to return (default: 10)
     * @param bool $includeContext Add contextual fields
     * @param string $orderby How to order results (default: 'date')
     * @return array Array of schema references
     */
    public static function buildFromArchive(
        string $postType,
        int $limit = 10,
        bool $includeContext = true,
        string $orderby = 'date'
    ): array {
        // Get posts from current query or fresh query
        global $wp_query;

        // If we're already on the archive, use those posts
        if (is_post_type_archive() && !empty($wp_query->posts)) {
            $post_ids = wp_list_pluck($wp_query->posts, 'ID');
        } else {
            // Otherwise query fresh
            $args = [
                'post_type'      => jvbCheckBase($postType),
                'posts_per_page' => $limit,
                'post_status'    => 'publish',
                'orderby'        => $orderby,
                'order'          => 'DESC',
                'fields'         => 'ids',
            ];
            $post_ids = get_posts($args);
        }

        if (empty($post_ids)) {
            return [];
        }

        // Let build() infer types and transform as needed
        return self::buildMultiple('post', $post_ids, null, $includeContext);
    }

    /**
     * Build references for terms related to a post
     *
     * Perfect for: artist showing their styles, artwork showing its themes, etc.
     *
     * @param int $postId Post ID to get terms from
     * @param string $taxonomy Taxonomy to query (without BASE prefix)
     * @param int $limit Maximum number of references to return (default: 10)
     * @param string|null $schemaType Override @type for all references
     * @param bool $includeContext Add contextual fields
     * @return array Array of schema references
     */
    public static function buildFromPost(
        int $postId,
        string $taxonomy,
        int $limit = 10,
        ?string $schemaType = null,
        bool $includeContext = false
    ): array {
        $terms = wp_get_post_terms($postId, jvbCheckBase($taxonomy), [
            'number' => $limit,
            'fields' => 'ids',
        ]);

        if (is_wp_error($terms) || empty($terms)) {
            return [];
        }

        return self::buildMultiple('term', $terms, $schemaType, $includeContext);
    }

    /**
     * Build ID-only references (most performant)
     *
     * Use when you just need the @id URIs without any additional data
     *
     * @param string $objectType 'post', 'term', or 'user'
     * @param array $objectIds Array of object IDs
     * @param string|null $schemaType Override @type
     * @return array Array of @id strings
     */
    public static function buildIdOnlyMultiple(
        string $objectType,
        array $objectIds,
        ?string $schemaType = null
    ): array {
        $ids = [];

        foreach ($objectIds as $id) {
            $idString = self::buildIdOnly($objectType, $id, $schemaType);
            if ($idString !== '') {
                $ids[] = $idString;
            }
        }

        return $ids;
    }

    /**
     * Get URL for object
     */
    private static function getUrl(string $objectType, int $objectId): string
    {
        return match($objectType) {
            'post' => get_permalink($objectId) ?: '',
            'term' => is_wp_error($link = get_term_link($objectId)) ? '' : $link,
            'user' => get_author_posts_url($objectId) ?: '',
            default => ''
        };
    }

    /**
     * Get name for object
     */
    private static function getName(string $objectType, int $objectId): string
    {
        return match($objectType) {
            'post' => get_the_title($objectId) ?: '',
            'term' => get_term($objectId)?->name ?: '',
            'user' => get_userdata($objectId)?->display_name ?: '',
            default => ''
        };
    }

    /**
     * Infer schema type from content configuration
     */
    private static function inferSchemaType(string $objectType, int $objectId): string
    {
        if ($objectType === 'post') {
            $postType = get_post_type($objectId);
            $typeKey = str_replace(BASE, '', $postType);

            if (defined('JVB_CONTENT') && isset(JVB_CONTENT[$typeKey])) {
                $config = JVB_CONTENT[$typeKey];
                return $config['seo']['schema']['type'] ?? 'CreativeWork';
            }

            return 'CreativeWork';
        }

        if ($objectType === 'term') {
            $term = get_term($objectId);
            if (!$term || is_wp_error($term)) {
                return 'DefinedTerm';
            }

            $taxonomyKey = str_replace(BASE, '', $term->taxonomy);

            if (defined('JVB_TAXONOMY') && isset(JVB_TAXONOMY[$taxonomyKey])) {
                $config = JVB_TAXONOMY[$taxonomyKey];
                return $config['seo']['schema']['type'] ?? 'DefinedTerm';
            }

            return 'DefinedTerm';
        }

        if ($objectType === 'user') {
            return 'Person';
        }

        return 'Thing';
    }

    /**
     * Add minimal context-specific fields based on schema type
     */
    private static function addMinimalFields(
        array $reference,
        string $objectType,
        int $objectId,
        string $schemaType
    ): array {
        switch ($schemaType) {
            case 'Person':
                // Add small thumbnail image if available
                $imageId = null;

                if ($objectType === 'user') {
                    $imageId = get_user_meta($objectId, 'image_portrait', true);
                } elseif ($objectType === 'post') {
                    $imageId = get_post_thumbnail_id($objectId);
                }

                if ($imageId) {
                    $imageUrl = wp_get_attachment_image_url($imageId, 'thumbnail');
                    if ($imageUrl) {
                        $reference['image'] = $imageUrl; // Simple URL for refs
                    }
                }

                // Add job title if in user meta
                if ($objectType === 'user') {
                    $jobTitle = get_user_meta($objectId, 'job_title', true);
                    if ($jobTitle) {
                        $reference['jobTitle'] = $jobTitle;
                    }
                }
                break;

            case 'LocalBusiness':
            case 'TattooParlor':
            case 'Organization':
                // Add minimal location (just street address)
                $meta = new MetaManager($objectId, $objectType);
                $location = $meta->getValue('location');

                if ($location && isset($location['address'])) {
                    $reference['address'] = [
                        '@type'         => 'PostalAddress',
                        'streetAddress' => $location['address']
                    ];
                }
                break;

            case 'CreativeWork':
            case 'VisualArtwork':
            case 'Article':
                // Add featured image if available
                if ($objectType === 'post') {
                    $imageId = get_post_thumbnail_id($objectId);
                    if ($imageId) {
                        $imageUrl = wp_get_attachment_image_url($imageId, 'medium');
                        if ($imageUrl) {
                            $reference['image'] = $imageUrl;
                        }
                    }
                }
                break;

            case 'DefinedTerm':
                // Add term description if available
                if ($objectType === 'term') {
                    $term = get_term($objectId);
                    if ($term && !is_wp_error($term) && !empty($term->description)) {
                        $reference['description'] = wp_trim_words($term->description, 20);
                    }
                } elseif ($objectType === 'post') {
                    // Add post content as description
                    $post = get_post($objectId);
                    if ($post && !empty($post->post_content)) {
                        $reference['description'] = wp_trim_words(strip_tags($post->post_content), 20);
                    }

                    // If we're in an archive context, add inDefinedTermSet
                    if (is_post_type_archive()) {
                        $postType = get_post_type($objectId);
                        $archiveUrl = get_post_type_archive_link($postType);
                        if ($archiveUrl) {
                            $reference['inDefinedTermSet'] = [
                                '@id' => $archiveUrl . '#definedtermset'
                            ];
                        }
                    }
                }
                break;
        }

        return $reference;
    }
}

 inc/managers/SEO/SchemaRegistry.php

New file
@@ -0,0 +1,1857 @@
<?php
namespace JVBase\managers\SEO;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Schema.org Registry - Centralized field and type definitions
 *
 * Field definitions use MetaManager field types and include transformer hints.
 * Types reference field names and support inheritance via 'extends'.
 */
class SchemaRegistry
{
    private static ?self $instance = null;
    private array $fieldDefinitions = [];
    private array $typeDefinitions = [];
    private array $typeGroups = [];

    private array $metaFields = ['metaTitle', 'metaDescription','socialPreviewImage', 'twitterImage'];

    private array $defaultMetaValues = [
        'title' => '{{post_title}} | {{site_name}}',
        'description' => '{{post_excerpt}}',
        'image' => '{{featured_image}}',
        'twitter_image' => ''
    ];

    public static function getInstance(): self
    {
        if (self::$instance === null) {
            self::$instance = new self();
        }
        return self::$instance;
    }

    public array $schemaTypes = [
        'WebSite'           => 'Web Site',
        'Organization'      => 'Organization',
        'LocalBusiness'     => '  - Local Business',
        'TattooParlor'      => '    - - Tattoo Shop',
        'HealthBusiness'    => '    - - Health Business',
        'FoodEstablishment' => '    - - Restaurant',
        'WebPage'           => 'Web Page',
        'CollectionPage'    => '  - Collection Page',
        'FAQPage'           => '  - FAQ Page',
        'Person'            => 'Person',
        'CreativeWork'      => 'Creative Work',
        'DefinedTerm'       => '  - Defined Term',
        'VisualArtwork'     => '  - Visual Artwork',
        'Tattoo'            => '    - - Tattoo',
        'BeforeAfter'       => '  - Before & After',
        'Product'           => 'Product',
        'Event'             => 'Event',
    ];

    private function __construct()
    {
        $this->registerFieldDefinitions();
        $this->registerTypeDefinitions();
        $this->registerTypeGroups();

        do_action(BASE . 'schema_registry_loaded', $this);
    }

    /**
     * Get field definition for a specific field
     */
    public function getFieldDefinition(string $fieldName): ?array
    {
        $definitions = $this->getFieldDefinitions();
        return $definitions[$fieldName] ?? null;
    }

    /**
     * Get all field definitions
     */
    public function getFieldDefinitions(): array
    {
        return apply_filters(BASE . 'schema_field_definitions', $this->fieldDefinitions);
    }

    public function getMetaFields(): array
    {
        return $this->metaFields;
    }

    public function getDefaultMetaValues(): array
    {
        return $this->defaultMetaValues;
    }

    /**
     * Get type definition
     */
    public function getTypeDefinition(string $type): ?array
    {
        $definitions = $this->getTypeDefinitions();
        return $definitions[$type] ?? null;
    }

    /**
     * Get all type definitions
     */
    public function getTypeDefinitions(): array
    {
        return apply_filters(BASE . 'schema_type_definitions', $this->typeDefinitions);
    }

    /**
     * Get all fields for a specific type (with inheritance)
     */
    public function getFieldsForType(string $type): array
    {
        $fields = [];

        $typeDefinition = $this->getTypeDefinition($type);
        if (!$typeDefinition) {
            return $fields;
        }

        $fields = array_merge($fields, $typeDefinition['fields'] ?? []);

        // Handle inheritance
        if (!empty($typeDefinition['extends'])) {
            $parentFields = $this->getFieldsForType($typeDefinition['extends']);
            $fields = array_unique(array_merge($parentFields, $fields));
        }

        return $fields;
    }

    /**
     * Get MetaManager configuration for a schema type
     * This creates the form fields for the selected @type
     */
    public function getMetaConfigForType(string $type): array
    {
        $fields = $this->getFieldsForType($type);
        $config = [];

        foreach ($fields as $fieldName) {
            $fieldDef = $this->getFieldDefinition($fieldName);
            if ($fieldDef) {
                // Use the field name as the key (this IS the schema property)
                $config[$fieldName] = $fieldDef;
            }
        }

        return $config;
    }

    /**
     * Get types organized by group for UI display
     */
    public function getTypesByGroup(): array
    {
        $types = $this->getTypeDefinitions();
        $grouped = [];

        foreach ($types as $typeName => $config) {
            $group = $config['group'] ?? 'general';

            if (!isset($grouped[$group])) {
                $grouped[$group] = [
                    'label' => $this->typeGroups[$group] ?? ucfirst($group),
                    'types' => []
                ];
            }

            $grouped[$group]['types'][$typeName] = $config['label'] ?? $typeName;
        }

        return $grouped;
    }

    /**
     * Register all field definitions
     * Array key = schema property name
     */
    private function registerFieldDefinitions(): void
    {
        $this->fieldDefinitions = [
            'type'  => [
                'type' => 'select',
                'label' => 'Type',
                'options' => array_merge(['' => '-- Content Type'], $this->schemaTypes)
            ],
            /**************************************************************
            META FIELDS
             **************************************************************/
            'metaTitle' => [
                'type' => 'text',
                'label' => 'Meta Title',
                'hint' => 'Used in search results and when shared on social media. Leave blank to use default.',
                'default' => '{{post_title}} | {{site_name}}'
            ],
            'metaDescription' => [
                'type' => 'textarea',
                'label' => 'Meta Description',
                'hint' => 'Brief description shown in search results and social previews.',
                'default' => '{{post_excerpt}}',
                'rows' => 3
            ],
            'socialPreviewImage' => [
                'type' => 'upload',
                'label' => 'Social Preview Image',
                'hint' => 'Image shown when shared on social media. Recommended: 1200x630px.',
                'transformer' => 'image_url'
            ],
            'twitterImage' => [
                'type' => 'upload',
                'label' => 'Twitter Card Image (Optional)',
                'hint' => 'Separate image for Twitter. Falls back to main image if empty.',
                'transformer' => 'image_url'
            ],
            /**************************************************************
             CORE IDENTITY FIELDS
            **************************************************************/
            'name' => [
                'type' => 'text',
                'label' => 'Name',
                'description' => 'The name of the item',
                'transformer' => 'text',
            ],

            'alternateName' => [
                'type' => 'repeater',
                'label' => 'Alternate Name(s)',
                'description' => 'Alternative names or nicknames',
                'transformer' => 'text_array',
                'fields' => [
                    'name' => [
                        'type' => 'text',
                        'label' => 'Name',
                    ]
                ]
            ],

            'legalName' => [
                'type' => 'text',
                'label' => 'Legal Name',
                'description' => 'The official legal name',
                'transformer' => 'text',
            ],

            'description' => [
                'type' => 'textarea',
                'label' => 'Description',
                'description' => 'A description of the item',
                'transformer' => 'text',
            ],

            'disambiguatingDescription' => [
                'type' => 'textarea',
                'label' => 'Disambiguating Description',
                'description' => 'Brief clarification to distinguish from similar items',
                'transformer' => 'text',
            ],

            'url' => [
                'type' => 'url',
                'label' => 'URL',
                'description' => 'Website URL',
                'transformer' => 'url',
            ],

            'slogan' => [
                'type' => 'text',
                'label' => 'Slogan',
                'description' => 'A slogan or tagline',
                'transformer' => 'text',
            ],

            /**************************************************************
            Before/After
             **************************************************************/
            'about' => [
                'type' => 'reference',
                'label' => 'About (Service/Topic)',
                'transformer' => 'reference',
            ],

            'temporalCoverage' => [
                'type' => 'text',
                'label' => 'Time Period',
                'description' => 'ISO 8601 format: 2024-01-10/2024-09-01',
                'transformer' => 'text',
            ],

            'associatedMedia' => [
                'type' => 'repeater',
                'label' => 'Associated Media',
                'transformer' => 'image_object_array',
                'fields' => [
                    'image' => ['type' => 'image', 'label' => 'Image'],
                    'caption' => ['type' => 'text', 'label' => 'Caption'],
                    'position' => ['type' => 'number', 'label' => 'Position'],
                ]
            ],

            'additionalProperty' => [
                'type' => 'repeater',
                'label' => 'Additional Properties',
                'transformer' => 'property_value_array',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Property Name'],
                    'value' => ['type' => 'text', 'label' => 'Value'],
                ]
            ],
            /**************************************************************
             IMAGE FIELDS
            **************************************************************/
            'image' => [
                'type' => 'image',
                'label' => 'Image',
                'description' => 'Primary image',
                'transformer' => 'image_object',
            ],

            'logo' => [
                'type' => 'upload',
                'label' => 'Logo',
                'transformer' => 'image_object',
            ],

            'photo' => [
                'type' => 'upload',
                'label' => 'Photo of Location',
                'transformer' => 'image_object',
            ],

            /**************************************************************
             LOCATION & CONTACT FIELDS
            **************************************************************/
            'location' => [
                'type' => 'location',
                'label' => 'Location',
                'description' => 'Physical location with address and coordinates',
                'transformer' => 'location_complex', // Returns array with 'address' and 'geo'
            ],

            'address' => [
                'type' => 'location',
                'label' => 'Address',
                'description' => 'Postal address',
                'transformer' => 'postal_address',
            ],

            'geo' => [
                'type' => 'group',
                'label' => 'Geographic Coordinates',
                'description' => 'Latitude and longitude',
                'transformer' => 'geo_coordinates',
                'fields' => [
                    'latitude' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Latitude',
                    ],
                    'longitude' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Longitude',
                    ]
                ]
            ],

            'telephone' => [
                'type' => 'text',
                'subtype'=> 'tel',
                'label' => 'Telephone',
                'description' => 'Phone number',
                'transformer' => 'text',
            ],

            'faxNumber' => [
                'type' => 'text',
                'subtype'=> 'tel',
                'label' => 'Fax Number',
                'transformer' => 'text',
            ],

            'email' => [
                'type' => 'email',
                'label' => 'Email',
                'description' => 'Email address',
                'transformer' => 'email',
            ],

            'contactPoint' => [
                'type' => 'repeater',
                'label' => 'Contact Points',
                'description' => 'Additional contact methods',
                'transformer' => 'contact_point_array',
                'fields' => [
                    'contactType' => [
                        'type' => 'text',
                        'label' => 'Contact Type',
                        'description' => 'e.g., customer service, sales',
                    ],
                    'telephone' => [
                        'type' => 'text',
                        'label' => 'Phone',
                    ],
                    'email' => [
                        'type' => 'email',
                        'label' => 'Email',
                    ]
                ]
            ],

            'potentialAction' => [
                'type'  => 'repeater',
                'label' => 'Potential Actions',
                'fields'    => [
                    'action' => [
                        'type'  => 'radio',
                        'label' => 'Action',
                        'options'   => [
                            'searchAction'  => 'Search Action',
                            'communicateAction' => 'Contact Action',
                            'scheduleAction'    => 'Reserve Action',
                            'applyAction'       => 'Estimate Action'
                        ]
                    ],
                    'name'  => [
                        'type'  => 'text',
                        'label' => 'Name',
                    ],
                    'target'    => [
                        'type'  => 'url',
                        'label' => 'Action URL',
                    ],
                    'description'   => [
                        'type'  => 'textarea',
                        'label' => 'Description'
                    ]
                ],
                'default'   => [
                    [
                        'action'    => 'searchAction',
                        'target'    => get_home_url(null,'/search/?s={query}')
                    ]
                ],
                'transformer'   => 'potential_action_array'
            ],

            /**************************************************************
             HOURS & OPERATIONAL FIELDS
            **************************************************************/
            'openingHours' => [
                'type' => 'group',
                'label' => 'Opening Hours',
                'description' => 'Business hours specification',
                'transformer' => 'opening_hours_specification',
                'fields' => [
                    'monday' => [
                        'type' => 'group',
                        'label' => 'Monday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'tuesday' =>  [
                        'type' => 'group',
                        'label' => 'Tuesday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'wednesday' =>  [
                        'type' => 'group',
                        'label' => 'Wednesday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'thursday' =>  [
                        'type' => 'group',
                        'label' => 'Thursday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'friday' =>  [
                        'type' => 'group',
                        'label' => 'Friday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'saturday' =>  [
                        'type' => 'group',
                        'label' => 'Saturday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                    'sunday' =>  [
                        'type' => 'group',
                        'label' => 'Sunday',
                        'fields'    => [
                            'opens' => [
                                'type'  => 'time',
                                'label' => 'Opens'
                            ],
                            'closes' => [
                                'type'  => 'time',
                                'label' => 'Closes'
                            ]
                        ]
                    ],
                ]
            ],
            'hasPart' => [
                'type' => 'repeater',
                'label' => 'Site Navigation',
                'description' => 'Main navigation menu items',
                'transformer' => 'navigation_array',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Link Text'],
                    'url' => ['type' => 'url', 'label' => 'URL'],
                    'description' => ['type' => 'textarea', 'label' => 'Description (optional)'],
                ]
            ],

            'priceRange' => [
                'type' => 'text',
                'label' => 'Price Range',
                'description' => 'e.g., $$, $100-$500',
                'transformer' => 'text',
            ],

            'currenciesAccepted' => [
                'type' => 'checkbox',
                'label' => 'Currencies Accepted',
                'options'   => [
                    'CAD'   => 'CAD',
                    'USD'   => 'USD',
                ],
                'transformer' => 'text',
            ],

            'paymentAccepted' => [
                'type' => 'checkbox',
                'label' => 'Payment Methods',
                'options' => [
                    'Cash'        => 'Cash',
                    'Credit Card' => 'Credit Card',
                    'Debit'       => 'Debit',
                    'Google Pay'  => 'Google Pay',
                    'Apple Pay'   => 'Apple Pay',
                    'PayPal'      => 'PayPal',
                    'Interac'     => 'Interac',
                    'AMEX'        => 'AMEX',
                ],
                'transformer' => 'text',
            ],

            /**************************************************************
             ORGANIZATION & BUSINESS FIELDS
            **************************************************************/
            'foundingDate' => [
                'type' => 'date',
                'label' => 'Founding Date',
                'description' => 'Date the organization was founded',
                'transformer' => 'date',
            ],

            'dissolutionDate' => [
                'type' => 'date',
                'label' => 'Dissolution Date',
                'description' => 'Date the organization closed',
                'transformer' => 'date',
            ],

            'founders' => [
                'type' => 'repeater',
                'label' => 'Founders',
                'description' => 'Name of founder(s)',
                'fields'    => [
                    'name'  => [
                        'type'  => 'text',
                        'label' => 'Name',
                    ],
                    'url'   => [
                        'type'  => 'url',
                        'label' => 'URL',
                    ]
                ],
                'transformer' => 'founders',
            ],

            'numberOfEmployees' => [
                'type' => 'text',
                'subtype' => 'number',
                'label' => 'Number of Employees',
                'transformer' => 'number',
            ],

            'taxID' => [
                'type' => 'text',
                'label' => 'Tax ID',
                'description' => 'Tax identification number',
                'transformer' => 'text',
            ],

            'vatID' => [
                'type' => 'text',
                'label' => 'VAT ID',
                'description' => 'VAT registration number',
                'transformer' => 'text',
            ],

            'duns' => [
                'type' => 'text',
                'label' => 'D-U-N-S Number',
                'description' => 'Dun & Bradstreet number',
                'transformer' => 'text',
            ],

            /**************************************************************
             SOCIAL & LINKS
            **************************************************************/
            'sameAs' => [
                'type' => 'repeater',
                'label' => 'Social Media & Links',
                'description' => 'URLs to social profiles and related pages',
                'transformer' => 'url_array',
                'fields' => [
                    'url' => [
                        'type' => 'url',
                        'label' => 'URL',
                    ]
                ]
            ],

            /**************************************************************
             AREA & GEOGRAPHY
            **************************************************************/
            'areaServed' => [
                'type' => 'repeater',
                'label' => 'Area Served',
                'description' => 'Geographic areas served',
                'transformer' => 'text_array',
                'fields' => [
                    'name' => [
                        'type' => 'text',
                        'label' => 'Location Name',
                    ],
                    'url'   => [
                        'type'  => 'url',
                        'label' => 'Wikipedia Page',
                    ]
                ]
            ],

            'hasMap' => [
                'type' => 'url',
                'label' => 'Map URL',
                'description' => 'Link to a map (e.g., Google Maps)',
                'transformer' => 'url',
            ],

            /**************************************************************
             AMENITIES & FEATURES
            **************************************************************/
            'amenityFeature' => [
                'type' => 'checkbox',
                'label' => 'Amenity Features',
                'description' => 'Available facilities and features',
                'transformer' => 'text',
                'options' => [
                    'Wheelchair Accessible'        => 'Wheelchair Accessible',
                    'Free Parking'                 => 'Free Parking',
                    'Private Rooms'                => 'Private Rooms',
                    'Air Conditioning'             => 'Air Conditioning',
                    'WiFi'                         => 'WiFi',
                    'Gender Neutral Restroom'      => 'Gender Neutral Restroom',
                    'LGBTQ+ Friendly'              => 'LGBTQ+ Friendly',
                    'Sterilization Room'           => 'Sterilization Room',
                    'Refreshments Available'       => 'Refreshments Available',
                    'Street Level Access'          => 'Street Level Access',
                    'Single Use Needles'           => 'Single Use Needles',
                    'Consultation Room'            => 'Consultation Room',
                    'Aftercare Products Available' => 'Aftercare Products Available',
                    'Walk-Ins Welcome'             => 'Walk-Ins Welcome',
                    'By Appointment'                => 'By Appointment Only',
                ],
            ],

            /**************************************************************
             LANGUAGES
            **************************************************************/
            'availableLanguage' => [
                'type' => 'repeater',
                'label' => 'Languages Available',
                'description' => 'Languages spoken or supported',
                'transformer' => 'language_array',
                'fields' => [
                    'language' => [
                        'type' => 'text',
                        'label' => 'Language',
                    ]
                ]
            ],

            'knowsLanguage' => [
                'type' => 'repeater',
                'label' => 'Languages Known',
                'description' => 'Languages the person knows',
                'transformer' => 'language_array',
                'fields' => [
                    'language' => [
                        'type' => 'text',
                        'label' => 'Language',
                    ]
                ]
            ],

            'inLanguage' => [
                'type' => 'radio',
                'label' => 'In Language',
                'options'   => [
                    'en-CA' => 'English, Canadian',
                    'en-US' => 'English, American',
                    'fr-CA' => 'French, Canadian'
                ],
                'transformer' => 'text',
            ],

            /**************************************************************
             RATINGS & REVIEWS
            **************************************************************/
            'aggregateRating' => [
                'type' => 'group',
                'label' => 'Aggregate Rating',
                'description' => 'Overall rating and review count',
                'transformer' => 'aggregate_rating',
                'fields' => [
                    'ratingValue' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Rating Value',
                        'description' => 'Average rating (e.g., 4.5)',
                    ],
                    'bestRating' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Best Rating',
                        'default'   => 5,
                        'description' => 'Highest possible rating (e.g., 5)',
                    ],
                    'worstRating' => [
                        'default'   => 1,
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Worst Rating',
                        'description' => 'Lowest possible rating (e.g., 1)',
                    ],
                    'ratingCount' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Rating Count',
                        'description' => 'Total number of ratings',
                    ],
                    'reviewCount' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Review Count',
                        'description' => 'Total number of reviews',
                    ]
                ]
            ],

            /**************************************************************
             KEYWORDS & CATEGORIZATION
            **************************************************************/
            'keywords' => [
                'type' => 'repeater',
                'label' => 'Keywords',
                'description' => 'Keywords or tags',
                'transformer' => 'text_array',
                'fields' => [
                    'keyword' => [
                        'type' => 'text',
                        'label' => 'Keyword',
                    ]
                ]
            ],

            /**************************************************************
             PERSON FIELDS
            **************************************************************/
            'givenName' => [
                'type' => 'text',
                'label' => 'First Name',
                'transformer' => 'text',
            ],

            'familyName' => [
                'type' => 'text',
                'label' => 'Last Name',
                'transformer' => 'text',
            ],

            'honorificPrefix' => [
                'type' => 'text',
                'label' => 'Honorific Prefix',
                'description' => 'e.g., Dr., Mr., Ms.',
                'transformer' => 'text',
            ],

            'honorificSuffix' => [
                'type' => 'text',
                'label' => 'Honorific Suffix',
                'description' => 'e.g., PhD, MD',
                'transformer' => 'text',
            ],

            'jobTitle' => [
                'type' => 'text',
                'label' => 'Job Title',
                'transformer' => 'text',
            ],

            'birthDate' => [
                'type' => 'date',
                'label' => 'Birth Date',
                'description' => 'For public figures',
                'transformer' => 'date',
            ],

            'gender' => [
                'type' => 'text',
                'label' => 'Gender',
                'transformer' => 'text',
            ],

            /**************************************************************
             CREATIVE WORK FIELDS
            **************************************************************/
            'author' => [
                'type' => 'text',
                'label' => 'Author',
                'description' => 'Author name or reference',
                'transformer' => 'text',
            ],

            'creator' => [
                'type' => 'text',
                'label' => 'Creator',
                'description' => 'Creator name or reference',
                'transformer' => 'text',
            ],

            'dateCreated' => [
                'type' => 'date',
                'label' => 'Date Created',
                'transformer' => 'date',
            ],

            'datePublished' => [
                'type' => 'date',
                'label' => 'Date Published',
                'transformer' => 'date',
            ],

            'dateModified' => [
                'type' => 'date',
                'label' => 'Date Modified',
                'transformer' => 'date',
            ],

            /**************************************************************
             VISUAL ARTWORK FIELDS
            **************************************************************/
            'artform' => [
                'type' => 'text',
                'label' => 'Art Form',
                'description' => 'e.g., Painting, Sculpture, Tattoo',
                'transformer' => 'text',
            ],

            'artMedium' => [
                'type' => 'text',
                'label' => 'Art Medium',
                'description' => 'e.g., Oil, Watercolor, Ink',
                'transformer' => 'text',
            ],

            'artworkSurface' => [
                'type' => 'text',
                'label' => 'Artwork Surface',
                'description' => 'e.g., Canvas, Paper, Skin',
                'transformer' => 'text',
            ],

            'width' => [
                'type' => 'text',
                'label' => 'Width',
                'description' => 'Width with unit (e.g., 10cm, 5in)',
                'transformer' => 'dimension',
            ],

            'height' => [
                'type' => 'text',
                'label' => 'Height',
                'description' => 'Height with unit (e.g., 15cm, 8in)',
                'transformer' => 'dimension',
            ],

            /**************************************************************
             EVENT FIELDS
            **************************************************************/
            'startDate' => [
                'type' => 'datetime',
                'label' => 'Start Date/Time',
                'transformer' => 'datetime',
            ],

            'endDate' => [
                'type' => 'datetime',
                'label' => 'End Date/Time',
                'transformer' => 'datetime',
            ],

            'eventStatus' => [
                'type' => 'select',
                'label' => 'Event Status',
                'options' => [
                    'https://schema.org/EventScheduled' => 'Scheduled',
                    'https://schema.org/EventCancelled' => 'Cancelled',
                    'https://schema.org/EventPostponed' => 'Postponed',
                    'https://schema.org/EventRescheduled' => 'Rescheduled',
                ],
                'transformer' => 'text',
            ],

            'eventAttendanceMode' => [
                'type' => 'select',
                'label' => 'Attendance Mode',
                'options' => [
                    'https://schema.org/OfflineEventAttendanceMode' => 'In-Person',
                    'https://schema.org/OnlineEventAttendanceMode' => 'Online',
                    'https://schema.org/MixedEventAttendanceMode' => 'Mixed/Hybrid',
                ],
                'transformer' => 'text',
            ],

            /**************************************************************
             PRODUCT FIELDS
            **************************************************************/
            'brand' => [
                'type' => 'group',
                'label' => 'Brand',
                'transformer' => 'brand_object',
                'fields' => [
                    'type' => [
                        'type' => 'select',
                        'label' => 'Brand Type',
                        'options' => [
                            'text' => 'Text Only',
                            'organization' => 'Organization/Brand',
                        ]
                    ],
                    'name' => [
                        'type' => 'text',
                        'label' => 'Brand Name',
                    ],
                    'url' => [
                        'type' => 'url',
                        'label' => 'Brand Website',
                        'condition' => [
                            'field' => 'type',
                            'value' => 'organization'
                        ]
                    ],
                    'logo' => [
                        'type' => 'upload',
                        'label' => 'Brand Logo',
                        'condition' => [
                            'field' => 'type',
                            'value' => 'organization'
                        ]
                    ],
                ]
            ],

            'sku' => [
                'type' => 'text',
                'label' => 'SKU',
                'description' => 'Stock Keeping Unit',
                'transformer' => 'text',
            ],

            'gtin' => [
                'type' => 'text',
                'label' => 'GTIN',
                'description' => 'Global Trade Item Number',
                'transformer' => 'text',
            ],

            /**************************************************************
             SERVICES & OFFERS
            **************************************************************/
            'hasOfferCatalog' => [
                'type' => 'group',
                'label' => 'Offer Catalog',
                'transformer' => 'offer_catalog_from_posts',
                'fields' => [
                    'source' => [
                        'type' => 'select',
                        'label' => 'Source',
                        'options' => [
                            'auto' => 'Auto from post type',
                            'manual' => 'Manual entry',
                        ]
                    ],
                    'post_type' => [
                        'type' => 'select',
                        'label' => 'Post Type',
                        'options' => $this->getContentPostTypes(),
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'group_by_taxonomy' => [
                        'type' => 'true_false',
                        'label' => 'Group by category/taxonomy',
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'taxonomy' => [
                        'type' => 'select',
                        'label' => 'Taxonomy',
                        'options' => $this->getContentTaxonomies(),
                        'condition' => [
                            'field' => 'group_by_taxonomy',
                            'value' => '1' // or '1' depending on how checkbox stores
                        ]
                    ]
                ]
            ],

            'knowsAbout' => [
                'type' => 'repeater',
                'label' => 'Areas of Expertise',
                'description' => 'Skills and specialties',
                'transformer' => 'text_array',
                'fields' => [
                    'topic' => [
                        'type' => 'text',
                        'label' => 'Topic',
                    ]
                ]
            ],

            /**************************************************************
             CREDENTIALS & CERTIFICATIONS
            **************************************************************/
            'hasCredential' => [
                'type' => 'repeater',
                'label' => 'Credentials / Certifications',
                'description' => 'Professional certifications',
                'transformer' => 'credential_array',
                'fields' => [
                    'credentialCategory' => [
                        'type' => 'text',
                        'label' => 'Category',
                    ],
                    'name' => [
                        'type' => 'text',
                        'label' => 'Name',
                    ],
                    'issuedBy' => [
                        'type' => 'text',
                        'label' => 'Issued By',
                    ]
                ]
            ],

            'award' => [
                'type' => 'repeater',
                'label' => 'Awards & Recognition',
                'transformer' => 'text_array',
                'fields' => [
                    'award' => ['type' => 'text', 'label' => 'Award'],
                ]
            ],
            'serviceArea' => [
                'type' => 'repeater',
                'label' => 'Service Areas',
                'description' => 'Geographic areas served (cities, neighborhoods, or radius)',
                'transformer' => 'service_area_array',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Area Name'],
                    'type' => [
                        'type' => 'select',
                        'label' => 'Type',
                        'options' => [
                            'City' => 'City',
                            'AdministrativeArea' => 'Region/Province',
                            'GeoCircle' => 'Radius',
                        ]
                    ],
                    'radius' => ['type' => 'text', 'subtype' => 'number', 'label' => 'Radius (km)'],
                ]
            ],

            // Specialties
            'makesOffer' => [
                'type' => 'group',
                'label' => 'Featured Offerings',
                'transformer' => 'offers_from_posts',
                'fields' => [
                    'source' => [
                        'type' => 'select',
                        'label' => 'Source',
                        'options' => [
                            'auto' => 'Auto from post type',
                            'manual' => 'Manual entry',
                        ]
                    ],
                    'post_type' => [
                        'type' => 'select',
                        'label' => 'Post Type',
                        'options' => $this->getContentPostTypes(),
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'limit' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Featured Count',
                        'default' => 5,
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'manual_items' => [
                        'type' => 'repeater',
                        'label' => 'Manual Offers',
                        'condition' => [
                            'field' => 'source',
                            'value' => 'manual'
                        ],
                        'fields' => [
                            'name' => ['type' => 'text', 'label' => 'Offer Name'],
                            'description' => ['type' => 'textarea', 'label' => 'Description'],
                            'price' => ['type' => 'text', 'label' => 'Price/Range'],
                        ]
                    ]
                ]
            ],

            'hasMenu' => [
                'type' => 'group',
                'label' => 'Menu Items',
                'description' => 'Auto-populate from post type or enter manually',
                'transformer' => 'menu_from_posts',
                'fields' => [
                    'source' => [
                        'type' => 'select',
                        'label' => 'Source',
                        'options' => [
                            'auto' => 'Auto from post type',
                            'manual' => 'Manual entry',
                        ],
                    ],
                    'post_type' => [
                        'type' => 'select',
                        'label' => 'Post Type',
                        'options' => $this->getContentPostTypes(), // Dynamic callback
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto',
                            'operator' => '=='
                        ]
                    ],
                    'limit' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Number of items',
                        'default' => 10,
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'orderby' => [
                        'type' => 'select',
                        'label' => 'Order By',
                        'options' => [
                            'menu_order' => 'Menu Order',
                            'title' => 'Title',
                            'date' => 'Date',
                        ],
                        'condition' => [
                            'field' => 'source',
                            'value' => 'auto'
                        ]
                    ],
                    'manual_items' => [
                        'type' => 'repeater',
                        'label' => 'Manual Items',
                        'condition' => [
                            'field' => 'source',
                            'value' => 'manual'
                        ],
                        'fields' => [
                            'name' => ['type' => 'text', 'label' => 'Item Name'],
                            'description' => ['type' => 'textarea', 'label' => 'Description'],
                            'price' => ['type' => 'text', 'label' => 'Price'],
                        ]
                    ]
                ]
            ],

            /**************************************************************
             FAQ FIELDS
            **************************************************************/
            'mainEntity' => [
                'type' => 'repeater',
                'label' => 'FAQ Items',
                'description' => 'Question and Answer pairs',
                'transformer' => 'faq_array',
                'fields' => [
                    'question' => [
                        'type' => 'text',
                        'label' => 'Question',
                    ],
                    'answer' => [
                        'type' => 'text',
                        'label' => 'Answer',
                    ]
                ]
            ],
            /**************************************************************
             FOOD & CUISINE
            **************************************************************/
            'servesCuisine' => [
                'type' => 'repeater',
                'label' => 'Cuisine Types',
                'description' => 'Types of cuisine served',
                'transformer' => 'text_array',
                'fields' => [
                    'cuisine' => [
                        'type' => 'text',
                        'label' => 'Cuisine Type',
                        'description' => 'e.g., Italian, Mexican, Vegan'
                    ]
                ]
            ],

            'menu' => [
                'type' => 'url',
                'label' => 'Menu URL',
                'description' => 'Link to online menu',
                'transformer' => 'url',
            ],

            /**************************************************************
             PRODUCT/OFFER FIELDS
            **************************************************************/
            'offers' => [
                'type' => 'group',
                'label' => 'Offer Details',
                'description' => 'Price and availability information',
                'transformer' => 'offer_object',
                'fields' => [
                    'price' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Price',
                    ],
                    'priceCurrency' => [
                        'type' => 'text',
                        'label' => 'Currency',
                        'default' => 'USD',
                    ],
                    'availability' => [
                        'type' => 'select',
                        'label' => 'Availability',
                        'options' => [
                            'InStock' => 'In Stock',
                            'PreOrder' => 'Pre-Order',
                            'SoldOut' => 'Sold Out',
                            'OutOfStock' => 'Out of Stock',
                            'Discontinued' => 'Discontinued',
                        ]
                    ],
                    'validFrom' => [
                        'type' => 'date',
                        'label' => 'Valid From',
                    ],
                    'validThrough' => [
                        'type' => 'date',
                        'label' => 'Valid Through',
                    ],
                ]
            ],

            'mpn' => [
                'type' => 'text',
                'label' => 'Manufacturer Part Number',
                'transformer' => 'text',
            ],

            /**************************************************************
             BUSINESS POLICIES & FEATURES
            **************************************************************/
            'isAccessibleForFree' => [
                'type' => 'true_false',
                'label' => 'Accessible For Free',
                'description' => 'Is this service/location accessible without payment?',
                'transformer' => 'boolean',
            ],

            'smokingAllowed' => [
                'type' => 'true_false',
                'label' => 'Smoking Allowed',
                'transformer' => 'boolean',
            ],

            'petsAllowed' => [
                'type' => 'select',
                'label' => 'Pets Allowed',
                'options' => [
                    '' => 'Not specified',
                    'yes' => 'Yes',
                    'no' => 'No',
                ],
                'transformer' => 'boolean',
            ],

            /**************************************************************
             ORGANIZATION RELATIONSHIPS
            **************************************************************/
            'parentOrganization' => [
                'type' => 'group',
                'label' => 'Parent Organization',
                'description' => 'Organization this is a part of',
                'transformer' => 'organization_reference',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Organization Name'],
                    'url' => ['type' => 'url', 'label' => 'Website'],
                ]
            ],

            'subOrganization' => [
                'type' => 'repeater',
                'label' => 'Sub-Organizations',
                'description' => 'Child organizations or departments',
                'transformer' => 'organization_reference_array',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Organization Name'],
                    'url' => ['type' => 'url', 'label' => 'Website'],
                ]
            ],

            'employee' => [
                'type' => 'repeater',
                'label' => 'Employees',
                'transformer' => 'person_reference_array',
                'fields' => [
                    'name' => ['type' => 'text', 'label' => 'Name'],
                    'jobTitle' => ['type' => 'text', 'label' => 'Job Title'],
                ]
            ],

            /**************************************************************
             HOSPITALITY (for hotels, etc.)
            **************************************************************/
            'checkinTime' => [
                'type' => 'time',
                'label' => 'Check-in Time',
                'transformer' => 'time',
            ],

            'checkoutTime' => [
                'type' => 'time',
                'label' => 'Check-out Time',
                'transformer' => 'time',
            ],

            'starRating' => [
                'type' => 'group',
                'label' => 'Star Rating',
                'transformer' => 'rating_object',
                'fields' => [
                    'ratingValue' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Rating',
                        'min' => 1,
                        'max' => 5,
                    ],
                ]
            ],

            /**************************************************************
             REVIEW & RATING
            **************************************************************/
            'review' => [
                'type' => 'repeater',
                'label' => 'Reviews',
                'transformer' => 'review_array',
                'fields' => [
                    'author' => ['type' => 'text', 'label' => 'Reviewer Name'],
                    'reviewRating' => [
                        'type' => 'text',
                        'subtype' => 'number',
                        'label' => 'Rating',
                        'min' => 1,
                        'max' => 5,
                    ],
                    'reviewBody' => ['type' => 'textarea', 'label' => 'Review Text'],
                    'datePublished' => ['type' => 'date', 'label' => 'Date'],
                ]
            ],

            /**************************************************************
             HEALTH & MEDICAL
            **************************************************************/
            'medicalSpecialty' => [
                'type' => 'repeater',
                'label' => 'Medical Specialties',
                'transformer' => 'text_array',
                'fields' => [
                    'specialty' => ['type' => 'text', 'label' => 'Specialty']
                ]
            ],

            'healthcareService' => [
                'type' => 'repeater',
                'label' => 'Healthcare Services',
                'transformer' => 'text_array',
                'fields' => [
                    'service' => ['type' => 'text', 'label' => 'Service']
                ]
            ],
        ];
    }

    /**
     * Register all type definitions
     * Each type lists the fields it uses
     */
    private function registerTypeDefinitions(): void
    {
        $this->typeDefinitions = [
            /**************************************************************
             GENERAL / SITE-WIDE
            **************************************************************/
            'WebSite' => [
                'label' => 'Website',
                'group' => 'general',
                'fields' => [
                    'name',
                    'description',
                    'url',
                    'inLanguage',
                    'potentialAction',
                    'hasPart',
                    'creator',
                ],
            ],

            /**************************************************************
             PAGE TYPES
            **************************************************************/
            'WebPage' => [
                'label' => 'Web Page',
                'group' => 'page',
                'fields' => [
                    'name',
                    'description',
                    'url',
                    'image',
                    'datePublished',
                    'dateModified',
                    'author',
                ],
            ],

            'CollectionPage' => [
                'label' => 'Collection Page',
                'group' => 'page',
                'extends' => 'WebPage',
            ],

            'FAQPage' => [
                'label' => 'FAQ Page',
                'group' => 'page',
                'extends' => 'WebPage',
                'fields' => [
                    'mainEntity', // FAQ items
                ],
            ],

            /**************************************************************
             ORGANIZATION & BUSINESS
            **************************************************************/
            'Organization' => [
                'label' => 'Organization',
                'group' => 'business',
                'fields' => [
                    'name',
                    'legalName',
                    'alternateName',
                    'description',
                    'url',
                    'logo',
                    'image',
                    'email',
                    'telephone',
                    'sameAs',
                    'founders',
                    'foundingDate',
                    'numberOfEmployees',
                    'taxID',
                    'vatID',
                    'duns',
                    'slogan',
                    'disambiguatingDescription',
                ],
            ],



            'LocalBusiness' => [
                'label' => 'Local Business',
                'group' => 'business',
                'extends' => 'Organization',
                'fields' => [
                    'location',
                    'openingHours',
                    'priceRange',
                    'currenciesAccepted',
                    'paymentAccepted',
                    'serviceArea',
                    'areaServed',
                    'hasMap',
                    'amenityFeature',
                    'availableLanguage',
                    'hasOfferCatalog',
                    'makesOffer',
                    'hasMenu',
                    'knowsAbout',
                    'hasCredential',
                    'aggregateRating',
                    'award',
                ],
            ],

            'TattooParlor' => [
                'label' => 'Tattoo Parlor',
                'group' => 'business',
                'extends' => 'LocalBusiness',
                'fields' => [
                    'makesOffer',           // Tattoo styles/services
                    'hasOfferCatalog',      // Portfolio as catalog
                    'award',
                ],
            ],

            'HealthBusiness' => [
                'label' => 'Health Business',
                'group' => 'business',
                'extends' => 'LocalBusiness',
                'description' => 'Healthcare providers',
            ],

            'FoodEstablishment' => [
                'label' => 'Food Establishment',
                'group' => 'business',
                'extends' => 'LocalBusiness',
                'fields' => [
                    'hasMenu',
                    'servesCuisine',
                ],
            ],
            'FoodTruck' => [
                'label' => 'Food Truck',
                'group' => 'business',
                'extends' => 'FoodEstablishment',
                'fields' => [
                    'serviceArea',
                ],
            ],

            'Store' => [
                'label' => 'Store / Shop',
                'group' => 'business',
                'extends' => 'LocalBusiness',
                'fields' => [
                    'hasOfferCatalog',
                    'makesOffer',
                ],
            ],

            'ProfessionalService' => [
                'label' => 'Professional Service',
                'group' => 'business',
                'extends' => 'LocalBusiness',
                'fields' => [
                    'serviceArea',          // Where they operate
                    'makesOffer',           // Services offered
                    'award',                // Professional recognition
                ],
            ],

            /**************************************************************
             PERSON
            **************************************************************/
            'Person' => [
                'label' => 'Person',
                'group' => 'person',
                'fields' => [
                    'name',
                    'givenName',
                    'familyName',
                    'honorificPrefix',
                    'honorificSuffix',
                    'alternateName',
                    'description',
                    'image',
                    'url',
                    'email',
                    'telephone',
                    'sameAs',
                    'jobTitle',
                    'knowsLanguage',
                    'birthDate',
                    'gender',
                ],
            ],

            /**************************************************************
             CREATIVE WORKS
            **************************************************************/
            'CreativeWork' => [
                'label' => 'Creative Work',
                'group' => 'creative',
                'fields' => [
                    'name',
                    'description',
                    'image',
                    'author',
                    'creator',
                    'dateCreated',
                    'datePublished',
                    'dateModified',
                    'keywords',
                ],
            ],

            'DefinedTermSet'    => [
                'label' => 'Defined Term',
                'group' => 'creative',
                'extends'   => 'CreativeWork',
                'fields'    => [
                    'DefinedTerm',
                ]
            ],

            'BeforeAfter' => [
                'label' => 'Before & After Case',
                'group' => 'creative',
                'extends' => 'CreativeWork',
                'fields' => [
                    'about',              // Service (Laser Tattoo Removal)
                    'temporalCoverage',   // Treatment period
                    'hasPart',            // Individual images (as references)
                    'associatedMedia',    // Alternative to hasPart
                    'additionalProperty', // Sessions, treatment area
                ],
            ],

            'VisualArtwork' => [
                'label' => 'Visual Artwork',
                'group' => 'creative',
                'extends' => 'CreativeWork',
                'fields' => [
                    'artform',
                    'artMedium',
                    'artworkSurface',
                    'width',
                    'height',
                ],
            ],

            'Tattoo' => [
                'label' => 'Tattoo',
                'group' => 'creative',
                'extends' => 'VisualArtwork',
                'description' => 'A tattoo artwork (custom extension)',
            ],

            'Product' => [
                'label' => 'Product',
                'group' => 'creative',
                'fields' => [
                    'name',
                    'description',
                    'image',
                    'brand',
                    'sku',
                    'gtin',
                    'offers',               // Price, availability
                    'aggregateRating',      // Reviews
                    'award',                // Product awards
                ],
            ],

            /**************************************************************
             EVENTS
            **************************************************************/
            'Event' => [
                'label' => 'Event',
                'group' => 'event',
                'fields' => [
                    'name',
                    'description',
                    'image',
                    'startDate',
                    'endDate',
                    'location',
                    'eventStatus',
                    'eventAttendanceMode',
                ],
            ],
        ];
    }

    /**
     * Register type groups for UI organization
     */
    private function registerTypeGroups(): void
    {
        $this->typeGroups = [
            'general' => 'General',
            'page' => 'Page Types',
            'business' => 'Business & Organization',
            'person' => 'People',
            'creative' => 'Creative Works',
            'event' => 'Events',
        ];
    }

    /**
     * Register a custom field definition
     */
    public function registerField(string $fieldName, array $config): void
    {
        $this->fieldDefinitions[$fieldName] = $config;
    }

    /**
     * Register a custom type definition
     */
    public function registerType(string $typeName, array $config): void
    {
        $this->typeDefinitions[$typeName] = $config;
    }

    /**
     * Register a type group
     */
    public function registerGroup(string $key, string $label): void
    {
        $this->typeGroups[$key] = $label;
    }

    /**
     * Get post types for select options
     */
    public static function getContentPostTypes(): array
    {
        $options = ['' => '-- Select Post Type --'];

        if (defined('JVB_CONTENT')) {
            foreach (JVB_CONTENT as $key => $config) {
                $options[jvbCheckBase($key)] = $config['plural'] ?? $config['singular'] ?? ucwords($key);
            }
        }

        return $options;
    }

    /**
     * Get taxonomies for select options
     */
    public static function getContentTaxonomies(): array
    {
        $options = ['' => '-- Select Taxonomy --'];

        if (defined('JVB_TAXONOMY')) {
            foreach (JVB_TAXONOMY as $key => $config) {
                $options[jvbCheckBase($key)] = $config['plural'] ?? $config['singular'] ?? ucwords($key);
            }
        }

        return $options;
    }
}

 inc/managers/SEO/TemplateResolver.php

New file
@@ -0,0 +1,663 @@
<?php
namespace JVBase\managers\SEO;

use JVBase\meta\MetaManager;
use WP_Post;
use WP_Term;
use WP_User;

if (!defined('ABSPATH')) {
    exit;
}

/**
 * Resolves template variables like {{post_title}} and {{author.name}}
 *
 * Supports:
 * - Direct field access: {{post_title}}, {{bio}}
 * - Relation access: {{author.name}}, {{shop.location}}
 * - Site variables: {{site_name}}, {{site_url}}
 * - Special accessors: {{featured_image_url}}, {{permalink}}
 * - Auto-enhancement via SchemaFieldHelpers
 */
class TemplateResolver
{
    private ?int $objectId = null;
    private ?string $objectType = null;
    private ?string $contentType = null;
    private ?MetaManager $meta = null;
    private array $context = [];
    private array $fieldDefinitions = [];

    /**
     * Create resolver for a specific object
     */
    public function __construct(?int $objectId = null, ?string $objectType = null, ?string $contentType = null)
    {
        $this->objectId = $objectId;
        $this->objectType = $objectType;
        $this->contentType = $contentType;

        if ($objectId && $objectType) {
            $this->meta = new MetaManager($objectId, $objectType, $contentType);
            $this->loadFieldDefinitions();
        }

        $this->buildContext();
    }

    /**
     * Create resolver for current queried object
     */
    public static function forCurrentObject(): self
    {
        if (is_singular()) {
            $post = get_post();
            if ($post) {
                return new self($post->ID, 'post', $post->post_type);
            }
        } elseif (is_tax() || is_category() || is_tag()) {
            $term = get_queried_object();
            if ($term instanceof WP_Term) {
                return new self($term->term_id, 'term', $term->taxonomy);
            }
        } elseif (is_author()) {
            $author = get_queried_object();
            if ($author instanceof WP_User) {
                return new self($author->ID, 'user', jvbUserRole($author->ID));
            }
        } elseif (is_post_type_archive()) {
            // Get the post type being archived
            $postType = get_query_var('post_type');
            if (is_array($postType)) {
                $postType = reset($postType);
            }

            // Create resolver with archive context (no objectId needed)
            return new self(null, 'archive', $postType);
        }

        // Fallback for pages without specific objects
        return new self();
    }

    /**
     * Resolve a template string
     *
     * @param string $template Template with {{variables}}
     * @return string Resolved string
     */
    public function resolve(string $template): string
    {
        return preg_replace_callback(
            '/\{\{([^}]+)\}\}/',
            fn($matches) => $this->resolveVariable($matches[1]),
            $template
        );
    }

    /**
     * Resolve a single variable
     */
    public function resolveVariable(string $variable): mixed
    {
        $variable = trim($variable);

        $custom = apply_filters(
            'jvbSEOResolveVariable',
            null,
            $variable,
            $this->objectId,
            $this->objectType,
            $this->contentType,
            $this->meta
        );

        if ($custom !== null) {
            return $this->formatValue($custom, $variable);
        }

        // Check for dot notation (relation access)
        if (str_contains($variable, '.')) {
            return $this->resolveRelation($variable);
        }

        // Check context first (site variables, etc.)
        if (isset($this->context[$variable])) {
            return $this->context[$variable];
        }

        // Check special accessors
        $special = $this->resolveSpecial($variable);
        if ($special !== null) {
            return $special;
        }

        // Try to get from MetaManager
        if ($this->meta) {
            $value = $this->meta->getValue($variable);

            // Auto-resolve complex field types via SchemaFieldHelpers
            $value = $this->autoResolveField($variable, $value);

            return $this->formatValue($value, $variable);
        }

        // Return empty if not found
        return '';
    }

    /**
     * Auto-resolve field via SchemaFieldHelpers (DELEGATED)
     *
     * This is the main integration point - all enhancement logic
     * is now handled by SchemaFieldHelpers.autoResolve()
     */
    private function autoResolveField(string $fieldName, mixed $value): mixed
    {
        if ($value === null || $value === '') {
            return $value;
        }

        // Check if this is a relational field that needs a schema reference
        $fieldDef = $this->fieldDefinitions[$fieldName] ?? null;
        if ($fieldDef && $this->isRelationalField($fieldDef) && is_numeric($value)) {
            $objectType = $this->mapFieldTypeToObjectType($fieldDef['type']);
            return SchemaReferenceBuilder::build($objectType, (int)$value);
        }

        // Check if this is a term asking for related posts (e.g., shop → artists)
        if ($this->objectType === 'term' && $this->isRelatedPostsField($fieldName)) {
            return $this->buildRelatedPostsReferences($fieldName);
        }

        // Check if this is a post asking for related terms (e.g., artist → styles)
        if ($this->objectType === 'post' && $this->isRelatedTermsField($fieldName)) {
            return $this->buildRelatedTermsReferences($fieldName);
        }

        // Delegate to SchemaFieldHelpers for all other enhancement
        return SchemaFieldHelpers::autoResolve($fieldName, $value, $this->meta);
    }

    /**
     * Check if field name indicates related posts (plural form of post type)
     *
     * Examples: "artists", "artworks", "partners"
     */
    private function isRelatedPostsField(string $fieldName): bool
    {
        if (!defined('JVB_CONTENT')) {
            return false;
        }

        // Check if field name matches any plural content type
        foreach (JVB_CONTENT as $type => $config) {
            $plural = strtolower($config['plural'] ?? '');
            if ($plural && $fieldName === $plural) {
                return true;
            }
        }

        return false;
    }

    /**
     * Check if field name indicates related terms (plural form of taxonomy)
     *
     * Examples: "styles", "themes", "shops"
     */
    private function isRelatedTermsField(string $fieldName): bool
    {
        if (!defined('JVB_TAXONOMY')) {
            return false;
        }

        // Check if field name matches any plural taxonomy
        foreach (JVB_TAXONOMY as $taxonomy => $config) {
            $plural = strtolower($config['plural'] ?? '');
            if ($plural && $fieldName === $plural) {
                return true;
            }
        }

        return false;
    }

    /**
     * Build references for posts related to current term
     */
    private function buildRelatedPostsReferences(string $fieldName): array
    {
        if ($this->objectType !== 'term' || !$this->objectId) {
            return [];
        }

        // Find the post type from the field name
        $postType = $this->getPostTypeFromPluralName($fieldName);
        if (!$postType) {
            return [];
        }

        // Build references (default: 10 items, minimal context)
        return SchemaReferenceBuilder::buildFromTerm(
            $this->objectId,
            $postType,
            limit: 10,
            includeContext: true
        );
    }

    /**
     * Build references for terms related to current post
     */
    private function buildRelatedTermsReferences(string $fieldName): array
    {
        if ($this->objectType !== 'post' || !$this->objectId) {
            return [];
        }

        // Find the taxonomy from the field name
        $taxonomy = $this->getTaxonomyFromPluralName($fieldName);
        if (!$taxonomy) {
            return [];
        }

        // Build references (default: 10 items, minimal context)
        return SchemaReferenceBuilder::buildFromPost(
            $this->objectId,
            $taxonomy,
            limit: 10,
            includeContext: false  // Terms usually don't need context
        );
    }

    /**
     * Get post type key from plural name
     */
    private function getPostTypeFromPluralName(string $pluralName): ?string
    {
        if (!defined('JVB_CONTENT')) {
            return null;
        }

        foreach (JVB_CONTENT as $type => $config) {
            $plural = strtolower($config['plural'] ?? '');
            if ($plural === $pluralName) {
                return $type;
            }
        }

        return null;
    }

    /**
     * Get taxonomy key from plural name
     */
    private function getTaxonomyFromPluralName(string $pluralName): ?string
    {
        if (!defined('JVB_TAXONOMY')) {
            return null;
        }

        foreach (JVB_TAXONOMY as $taxonomy => $config) {
            $plural = strtolower($config['plural'] ?? '');
            if ($plural === $pluralName) {
                return $taxonomy;
            }
        }

        return null;
    }

    /**
     * Check if field is relational (references another entity)
     */
    private function isRelationalField(array $fieldDef): bool
    {
        return in_array($fieldDef['type'] ?? '', ['post', 'post_object', 'taxonomy', 'user']);
    }

    /**
     * Map field type to object type for SchemaReferenceBuilder
     */
    private function mapFieldTypeToObjectType(string $fieldType): string
    {
        return match($fieldType) {
            'post', 'post_object' => 'post',
            'taxonomy' => 'term',
            'user' => 'user',
            default => 'post'
        };
    }

    /**
     * Resolve dot notation like {{author.name}} or {{shop.location.address}}
     */
    private function resolveRelation(string $path): string
    {
        $parts = explode('.', $path);
        $relation = array_shift($parts);
        $field = implode('.', $parts);

        // Get the related object
        $related = $this->getRelatedObject($relation);
        if (!$related) {
            return '';
        }

        // Create a resolver for the related object and resolve the field
        $relatedResolver = $this->createRelatedResolver($related);
        if (!$relatedResolver) {
            return '';
        }

        return $relatedResolver->resolveVariable($field);
    }

    /**
     * Get a related object by relation name
     */
    private function getRelatedObject(string $relation): mixed
    {
        if (!$this->meta) {
            return null;
        }

        // Common relations
        switch ($relation) {
            case 'author':
                if ($this->objectType === 'post') {
                    $post = get_post($this->objectId);
                    return $post ? get_user_by('id', $post->post_author) : null;
                }
                break;

            case 'featured_image':
                if ($this->objectType === 'post') {
                    $imageId = get_post_thumbnail_id($this->objectId);
                    return $imageId ? get_post($imageId) : null;
                }
                break;
        }

        // Check field definitions for taxonomy or post relations
        if (isset($this->fieldDefinitions[$relation])) {
            $fieldDef = $this->fieldDefinitions[$relation];
            $value = $this->meta->getValue($relation);

            if (!$value) {
                return null;
            }

            switch ($fieldDef['type'] ?? '') {
                case 'taxonomy':
                    // Get first term from taxonomy
                    $taxonomy = $fieldDef['taxonomy'] ?? $relation;
                    if ($this->objectType === 'post') {
                        $terms = wp_get_post_terms($this->objectId, jvbCheckBase($taxonomy));
                        return !empty($terms) && !is_wp_error($terms) ? $terms[0] : null;
                    }
                    return is_numeric($value) ? get_term($value) : null;

                case 'post':
                case 'post_object':
                    return get_post($value);

                case 'user':
                    return get_user_by('id', $value);
            }
        }

        // Check if it's a taxonomy on the post
        if ($this->objectType === 'post') {
            $taxonomyName = jvbCheckBase($relation);
            if (taxonomy_exists($taxonomyName)) {
                $terms = wp_get_post_terms($this->objectId, $taxonomyName);
                return !empty($terms) && !is_wp_error($terms) ? $terms[0] : null;
            }
        }

        return null;
    }

    /**
     * Create a resolver for a related object
     */
    private function createRelatedResolver(mixed $object): ?self
    {
        if ($object instanceof WP_Post) {
            return new self($object->ID, 'post', $object->post_type);
        } elseif ($object instanceof WP_Term) {
            return new self($object->term_id, 'term', $object->taxonomy);
        } elseif ($object instanceof WP_User) {
            return new self($object->ID, 'user', jvbUserRole($object->ID));
        }

        return null;
    }

    /**
     * Resolve special built-in variables
     */
    private function resolveSpecial(string $variable): ?string
    {
        // Location component accessors
        if (str_starts_with($variable, 'location_')) {
            $component = substr($variable, 9);
            return $this->resolveLocationComponent($component);
        }

        // Image URL accessors for different sizes
        if (str_ends_with($variable, '_image_url')) {
            $field = str_replace('_image_url', '', $variable);
            $imageId = $this->meta?->getValue($field);
            if ($imageId) {
                return wp_get_attachment_image_url($imageId, 'full') ?: '';
            }
        }

        switch ($variable) {
            case 'permalink':
            case 'url':
                return $this->getObjectUrl();

            case 'featured_image_url':
            case 'thumbnail_url':
                if ($this->objectType === 'post') {
                    $url = get_the_post_thumbnail_url($this->objectId, 'full');
                    return $url ?: '';
                }
                return '';

            case 'post_date':
            case 'date_published':
                if ($this->objectType === 'post') {
                    return get_the_date('c', $this->objectId);
                }
                return '';

            case 'post_modified':
            case 'date_modified':
                if ($this->objectType === 'post') {
                    return get_the_modified_date('c', $this->objectId);
                }
                return '';

            case 'term_count':
            case 'count':
                if ($this->objectType === 'term') {
                    $term = get_term($this->objectId);
                    return $term ? (string)$term->count : '0';
                }
                return '';
        }

        return null;
    }

    /**
     * Resolve location component (e.g., location_address, location_city)
     */
    private function resolveLocationComponent(string $component): string
    {
        $location = $this->meta?->getValue('location');

        if (!is_array($location)) {
            return '';
        }

        return (string)($location[$component] ?? '');
    }

    /**
     * Get URL for current object
     */
    private function getObjectUrl(): string
    {
        return match($this->objectType) {
            'post' => get_permalink($this->objectId) ?: '',
            'term' => is_wp_error($link = get_term_link($this->objectId)) ? '' : $link,
            'user' => get_author_posts_url($this->objectId) ?: '',
            'archive' => $this->contentType ? (get_post_type_archive_link(jvbCheckBase($this->contentType)) ?: '') : '',
            default => ''
        };
    }

    /**
     * Format a value for output
     */
    private function formatValue(mixed $value, string $field = ''): string
    {
        if (is_null($value) || $value === '') {
            return '';
        }

        if (is_array($value)) {
            return $this->formatArrayValue($value, $field);
        }

        if (is_bool($value)) {
            return $value ? 'true' : 'false';
        }

        return (string)$value;
    }

    /**
     * Format array values
     */
    private function formatArrayValue(array $value, string $field): string
    {
        // Check if it's a repeater with sub-fields
        if (isset($value[0]) && is_array($value[0])) {
            // Extract specific field if pattern indicates
            $subField = $this->getArraySubField($field);
            if ($subField) {
                $extracted = array_column($value, $subField);
                return implode(', ', array_filter($extracted));
            }

            // Default: try common field names
            foreach (['name', 'title', 'url', 'value', 'keyword', 'language'] as $key) {
                if (isset($value[0][$key])) {
                    return implode(', ', array_column($value, $key));
                }
            }
        }

        // Simple array
        return implode(', ', array_filter($value));
    }

    /**
     * Check if field name indicates a sub-field extraction
     */
    private function getArraySubField(string $field): ?string
    {
        // Pattern: field_name[sub_field]
        if (preg_match('/\[(\w+)\]$/', $field, $matches)) {
            return $matches[1];
        }
        return null;
    }

    /**
     * Build context with site-wide variables
     */
    private function buildContext(): void
    {
        $this->context = [
            'site_name'        => get_bloginfo('name'),
            'site_description' => get_bloginfo('description'),
            'site_url'         => get_home_url(),
            'current_url'      => $this->getCurrentUrl(),
            'current_year'     => date('Y'),
            'current_date'     => date('Y-m-d'),
        ];

        // Add object-specific context
        if ($this->objectType === 'post' && $this->objectId) {
            $post = get_post($this->objectId);
            if ($post) {
                $this->context['post_title'] = $post->post_title;
                $this->context['post_excerpt'] = $post->post_excerpt ?: wp_trim_words($post->post_content, 20);
                $this->context['post_type'] = $post->post_type;
            }
        } elseif ($this->objectType === 'term' && $this->objectId) {
            $term = get_term($this->objectId);
            if ($term && !is_wp_error($term)) {
                $this->context['term_name'] = $term->name;
                $this->context['term_description'] = $term->description;
                $this->context['taxonomy'] = $term->taxonomy;
            }
        } elseif ($this->objectType === 'user' && $this->objectId) {
            $user = get_userdata($this->objectId);
            if ($user) {
                $this->context['user_name'] = $user->display_name;
                $this->context['user_login'] = $user->user_login;
            }
        } elseif ($this->objectType === 'archive' && $this->contentType) {
            // Archive-specific context
            $postType = jvbCheckBase($this->contentType);
            $postTypeObject = get_post_type_object($postType);

            if ($postTypeObject) {
                $this->context['archive_title'] = $postTypeObject->labels->name ?? '';
                $this->context['archive_description'] = $postTypeObject->description ?? '';
                $this->context['archive_url'] = get_post_type_archive_link($postType) ?: '';
                $this->context['post_type'] = $postType;
                $this->context['post_type_label'] = $postTypeObject->labels->singular_name ?? '';
            }
        }
    }

    /**
     * Get current URL
     */
    private function getCurrentUrl(): string
    {
        global $wp;
        return home_url($wp->request);
    }

    /**
     * Load field definitions from content config
     */
    private function loadFieldDefinitions(): void
    {
        if (!$this->contentType) {
            return;
        }

        $typeKey = str_replace(BASE, '', $this->contentType);

        if ($this->objectType === 'post' && defined('JVB_CONTENT')) {
            $this->fieldDefinitions = JVB_CONTENT[$typeKey]['fields'] ?? [];
        } elseif ($this->objectType === 'term' && defined('JVB_TAXONOMY')) {
            $this->fieldDefinitions = JVB_TAXONOMY[$typeKey]['fields'] ?? [];
        } elseif ($this->objectType === 'user' && defined('JVB_USER')) {
            $this->fieldDefinitions = JVB_USER[$typeKey]['fields'] ?? [];
        }
    }
}

Diff truncated after the above file
inc/managers/SEO/TypeBuilder.php
inc/managers/SEO/_edmonotonink.php
inc/managers/SEO/_setup.php
inc/managers/ScriptLoader.php
inc/managers/_setup.php
inc/meta/MetaForm.php
inc/meta/MetaManager.php
inc/meta/MetaRenderer.php
inc/meta/MetaSanitizer.php
inc/meta/MetaTypeManager.php
inc/meta/MetaValidator.php
inc/registry/CheckCustomTables.php
inc/registry/FieldRegistry.php
inc/rest/RestRouteManager.php
inc/rest/_setup.php
inc/rest/routes/AdminRoutes.php
inc/rest/routes/ContentRoutes.php
inc/rest/routes/FavouritesRoutes.php
inc/rest/routes/FormRoutes.php
inc/rest/routes/Invitations.php
inc/rest/routes/LoginRoutes.php
inc/rest/routes/MagicLinkRoutes.php
inc/rest/routes/QueueRoutes.php
inc/rest/routes/ReferralRoutes.php
inc/rest/routes/SEORoutes.php
inc/rest/routes/ShopRoutes.php
inc/ui/CRUDSkeleton.php
inc/ui/Modal.php
inc/ui/Navigation.php
inc/ui/Tabs.php
inc/ui/_setup.php
inc/utility/Image.php
inc/utility/Validator.php
jvb.php
src/faq/style.scss
src/feed/style.scss
src/feed/styleOld.scss (deleted)
src/feed/view.js
src/forms/edit.js
src/forms/index.js
src/forms/save.js
src/forms/style.scss
src/forms/view.js
src/glossary/style.scss
src/gmbreviews/style.scss
src/list/style.scss
src/summary/style.scss
src/timeline/style.scss
src/video/block.json
src/video/style.scss
src/video/view.js
webpack.jvb.js