maverick-wave 5.30.0 → 5.32.0

package/src/partials/login-container.html

@@ -1,65 +0,0 @@
-<h3 class="mw-section-subtitle">Login</h3>
-
-<p class="mw-text-muted">
-  Click "Login" to simulate a failure and see the red border. It will
-  automatically clear after 4 seconds.
-</p>
-
-<div class="mw-mb-4">
-  <div class="mw-login mw-mb-8">
-    <div class="mw-login-logo">
-      <img
-        src="https://m1well.com/images/header_logo.svg"
-        alt="Your Logo"
-        loading="lazy"
-      />
-    </div>
-    <div class="mw-login-message">
-      This is an internal area that can only be accessed with a valid account.
-    </div>
-    <div class="mw-form" id="login-form">
-      <div class="mw-grid-1">
-        <div class="mw-field">
-          <label class="mw-field-label mw-required" for="login-email"
-            >Email</label
-          >
-          <div class="mw-input-group">
-            <span class="mw-input-group-prefix"
-              ><i class="fas fa-envelope"></i
-            ></span>
-            <input
-              id="login-email"
-              type="email"
-              class="mw-input"
-              placeholder="you@example.com"
-              required
-            />
-          </div>
-        </div>
-        <div class="mw-field">
-          <label class="mw-field-label mw-required" for="login-password"
-            >Password</label
-          >
-          <div class="mw-input-group">
-            <span class="mw-input-group-prefix"
-              ><i class="fas fa-lock"></i
-            ></span>
-            <input
-              id="login-password"
-              type="password"
-              class="mw-input"
-              placeholder="••••••••"
-              required
-            />
-          </div>
-        </div>
-      </div>
-
-      <div class="mw-form-actions mw-form-actions-full-width">
-        <button type="submit" class="mw-btn mw-btn-primary">
-          <i class="fas fa-sign-in-alt"></i> Login
-        </button>
-      </div>
-    </div>
-  </div>
-</div>

package/src/partials/lunch-menu-container.html

@@ -1,341 +0,0 @@
-<h3 class="mw-section-subtitle">Lunch menu</h3>
-<p class="mw-text-muted mw-text-measure">
-  Nothing below is a lunch-menu component. It is <code>mw-card</code>,
-  <code>mw-price</code>, <code>mw-date-stamp</code> and two grid classes - a
-  weekly menu is a composition, not a widget. One day per row: five columns
-  would squeeze a dish name into a fifth of the page, and a wrapping grid would
-  orphan the fifth card into a row of its own. <code>mw-grid-even</code> gives
-  every row the height of the tallest, so a day with a second line of
-  description does not make its card taller than the rest of the week.
-</p>
-<p class="mw-text-muted mw-text-measure">
-  <code>mw-date-stamp</code> answers to the card, not the viewport. On a narrow
-  card it is a muted line above the title; once the card is wide enough that a
-  single column would leave its right half empty - as every card in a stacked
-  list is - the same markup becomes the column on the left. Because the width it
-  switches at is the card's, a stamp behaves the same whichever grid it is
-  dropped into. <code>mw-date-stamp-today</code> fills that column instead of
-  recolouring it: the price is already primary, and two blues compete where one
-  would point.
-</p>
-
-<div class="mw-container-narrow">
-  <div class="mw-grid-1 mw-grid-even">
-    <article class="mw-card mw-offer">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Mon</span>
-          <span class="mw-date-stamp-date">14.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <h4 class="mw-text-base mw-text-bold mw-mb-2">
-            Lentils with spaetzle
-          </h4>
-          <p class="mw-text-sm mw-text-muted mw-mb-0">
-            Two sausages, a splash of vinegar, and bread on the side.
-          </p>
-        </div>
-        <p class="mw-price mw-price-xs">
-          <span class="mw-price-amount">10.90</span>
-          <span class="mw-price-currency">Euro</span>
-        </p>
-      </div>
-    </article>
-
-    <article class="mw-card mw-offer">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Tue</span>
-          <span class="mw-date-stamp-date">15.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <h4 class="mw-text-base mw-text-bold mw-mb-2">Roast pork</h4>
-          <p class="mw-text-sm mw-text-muted mw-mb-0">
-            Bread dumpling, red cabbage and a dark gravy.
-          </p>
-        </div>
-        <p class="mw-price mw-price-xs">
-          <span class="mw-price-amount">11.90</span>
-          <span class="mw-price-currency">Euro</span>
-        </p>
-      </div>
-    </article>
-
-    <article class="mw-card mw-offer">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Wed</span>
-          <span class="mw-date-stamp-date">16.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <h4 class="mw-text-base mw-text-bold mw-mb-2">Cheese spaetzle</h4>
-          <p class="mw-text-sm mw-text-muted mw-mb-0">
-            Hand-scraped, mountain cheese, roasted onions, leaf salad.
-          </p>
-          <p class="mw-tags">
-            <span class="mw-tag mw-tag-success">veggie</span>
-          </p>
-        </div>
-        <p class="mw-price mw-price-xs">
-          <span class="mw-price-amount">10.50</span>
-          <span class="mw-price-currency">Euro</span>
-        </p>
-      </div>
-    </article>
-
-    <article class="mw-card mw-offer">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Thu</span>
-          <span class="mw-date-stamp-date">17.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <h4 class="mw-text-base mw-text-bold mw-mb-2">
-            Schnitzel in cream sauce
-          </h4>
-          <p class="mw-text-sm mw-text-muted mw-mb-0">
-            Pork, with spaetzle and a small salad.
-          </p>
-        </div>
-        <p class="mw-price mw-price-xs">
-          <span class="mw-price-amount">12.90</span>
-          <span class="mw-price-currency">Euro</span>
-        </p>
-      </div>
-    </article>
-
-    <article class="mw-card mw-offer">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp mw-date-stamp-today">
-          <span class="mw-sr-only">Today,</span>
-          <span class="mw-date-stamp-day">Fri</span>
-          <span class="mw-date-stamp-date">18.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <h4 class="mw-text-base mw-text-bold mw-mb-2">Baked fish fillet</h4>
-          <p class="mw-text-sm mw-text-muted mw-mb-0">
-            In beer batter, with warm potato salad and remoulade.
-          </p>
-        </div>
-        <p class="mw-price mw-price-xs">
-          <span class="mw-price-amount">11.90</span>
-          <span class="mw-price-currency">Euro</span>
-        </p>
-      </div>
-    </article>
-  </div>
-</div>
-
-<h3 class="mw-card-title mw-mb-4 mw-mt-10">Two dishes a day</h3>
-<p class="mw-text-muted mw-text-measure mw-mb-6">
-  The day is the card, so a second dish is another row inside it rather than a
-  second card. With a price per dish there is nothing left for a price column to
-  hold, so it goes instead where a printed menu puts it - on a
-  <code>mw-leader-row</code>, at the end of the line it prices. The stamp does
-  not change at all: it still centres against whatever the card holds beside it,
-  two rows or ten.
-</p>
-
-<div class="mw-container-narrow">
-  <div class="mw-grid-1 mw-grid-even">
-    <article class="mw-card">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Mon</span>
-          <span class="mw-date-stamp-date">14.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <div class="mw-item-list">
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Lentils with spaetzle
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  10.90 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Two sausages and a splash of vinegar.
-              </p>
-            </div>
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Potato soup with marjoram
-                  <span class="mw-tag mw-tag-success">veggie</span>
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  6.50 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                With a slice of farmhouse bread.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-    <article class="mw-card">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Tue</span>
-          <span class="mw-date-stamp-date">15.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <div class="mw-item-list">
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Roast pork
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  11.90 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Bread dumpling, red cabbage, dark gravy.
-              </p>
-            </div>
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Cheese spaetzle
-                  <span class="mw-tag mw-tag-success">veggie</span>
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  10.50 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Mountain cheese, roasted onions, leaf salad.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-    <article class="mw-card">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Wed</span>
-          <span class="mw-date-stamp-date">16.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <div class="mw-item-list">
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Barley stew
-                  <span class="mw-tag mw-tag-success">veggie</span>
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  9.50 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Root vegetables, simmered since morning.
-              </p>
-            </div>
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Beef roulade
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  13.50 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Mashed potato and green beans.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-    <article class="mw-card">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp">
-          <span class="mw-date-stamp-day">Thu</span>
-          <span class="mw-date-stamp-date">17.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <div class="mw-item-list">
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Schnitzel in cream sauce
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  12.90 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Pork, with spaetzle and a small salad.
-              </p>
-            </div>
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Mushroom ragout
-                  <span class="mw-tag mw-tag-success">veggie</span>
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  10.90 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                With a bread dumpling.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-    <article class="mw-card">
-      <div class="mw-card-body">
-        <p class="mw-date-stamp mw-date-stamp-today">
-          <span class="mw-sr-only">Today,</span>
-          <span class="mw-date-stamp-day">Fri</span>
-          <span class="mw-date-stamp-date">18.09.</span>
-        </p>
-        <div class="mw-date-stamp-body">
-          <div class="mw-item-list">
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Baked fish fillet
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  11.90 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Beer batter, warm potato salad, remoulade.
-              </p>
-            </div>
-            <div>
-              <p class="mw-leader-row mw-leader-row-top">
-                <span class="mw-leader-row-label mw-text-bold">
-                  Pancake soup
-                </span>
-                <span class="mw-leader-row-value mw-text-bold mw-text-primary">
-                  5.80 &euro;
-                </span>
-              </p>
-              <p class="mw-text-sm mw-text-muted mw-mb-0">
-                Beef broth with chives.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </article>
-  </div>
-</div>
-
-<p class="mw-text-muted mw-text-sm mw-mt-6">
-  The menu changes every week. No reservation, while the pot lasts.
-</p>

package/src/partials/media-container.html

@@ -1,27 +0,0 @@
-<h3 class="mw-section-subtitle">Media</h3>
-<p class="mw-text-muted mw-text-measure">
-  Self-hosted audio and video. The framework ships no player - the native
-  controls are the player, and <code>accent-color</code> already brands them.
-  The wrapper makes the element a full-width block; a <code>video</code> also
-  gets the surface silhouette and a resting shadow, same markup with a
-  <code>&lt;video&gt;</code> element inside.
-</p>
-
-<div class="mw-grid-2 mw-gap-6">
-  <div>
-    <h4 class="mw-text-medium mw-mb-2">Audio with caption</h4>
-    <div class="mw-card mw-card-simple">
-      <div class="mw-media">
-        <audio controls preload="metadata" src="media/demo-chime.wav"></audio>
-        <p class="mw-media-caption">A short chime, served from this site.</p>
-      </div>
-    </div>
-  </div>
-
-  <div>
-    <h4 class="mw-text-medium mw-mb-2">Bare, without a card</h4>
-    <div class="mw-media">
-      <audio controls preload="metadata" src="media/demo-chime.wav"></audio>
-    </div>
-  </div>
-</div>

package/src/partials/meta-info-container.html

@@ -1,21 +0,0 @@
-<h3 class="mw-section-subtitle">Meta Info</h3>
-<p class="mw-text-muted mw-text-measure">
-  The line of small facts that sits with a heading - author, date, reading time,
-  status. One wrapping row, with the separators drawn by CSS rather than typed
-  into the markup.
-</p>
-
-<div class="mw-meta-header">
-  <div class="mw-meta-item">
-    <i class="fas fa-list"></i>
-    <span>Amount: 5</span>
-  </div>
-  <div class="mw-meta-item">
-    <i class="fas fa-play"></i>
-    <span>Started: 1</span>
-  </div>
-  <div class="mw-meta-item">
-    <i class="fas fa-ban"></i>
-    <span>Deactivated: 1</span>
-  </div>
-</div>

package/src/partials/modals-container.html

@@ -1,199 +0,0 @@
-<h3 class="mw-section-subtitle">Simple Modals</h3>
-<p class="mw-text-muted">
-  A <code>&lt;dialog&gt;</code> carrying the same <code>mw-modal</code> classes.
-  Escape, the focus trap, the inert page behind it and the body scroll lock come
-  from the element - only opening it needs a line of script. The older
-  <code>mw-modal-overlay</code> div is still styled for markup that predates
-  this.
-</p>
-
-<!-- Size Triggers -->
-<h4 class="mw-mb-3">Modal Sizes</h4>
-<div class="mw-grid-4 mw-mb-8">
-  <button data-mw-modal="modal-sm" class="mw-btn mw-btn-outline">
-    Small Modal
-  </button>
-  <button data-mw-modal="modal-default" class="mw-btn mw-btn-outline">
-    Default Modal
-  </button>
-  <button data-mw-modal="modal-lg" class="mw-btn mw-btn-outline">
-    Large Modal
-  </button>
-  <button data-mw-modal="modal-xl" class="mw-btn mw-btn-outline">
-    XL Modal
-  </button>
-</div>
-
-<!-- Example Triggers -->
-<h4 class="mw-mb-3">Examples</h4>
-<div class="mw-grid-2 mw-mb-8">
-  <button data-mw-modal="modal-form" class="mw-btn mw-btn-primary">
-    Open Form Modal
-  </button>
-  <button data-mw-modal="modal-confirm" class="mw-btn mw-btn-secondary">
-    Open Delete Confirmation
-  </button>
-</div>
-
-<!-- The close buttons carry no handler - the framework script closes the dialog
-     they sit in - and closedby="any" dismisses it on a backdrop click, so there
-     is no mw-modal-backdrop element either. `data-mw-modal` on a trigger opens
-     the dialog with that id. -->
-<!-- Small Modal -->
-<dialog id="modal-sm" class="mw-modal mw-modal-sm" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">Small Modal</h4>
-    <button class="mw-modal-close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <p class="mw-text-muted">
-      Max-width <strong>370px</strong>. Good for short confirmations or alerts.
-    </p>
-  </div>
-  <div class="mw-modal-footer">
-    <button class="mw-modal-close mw-btn mw-btn-outline">Close</button>
-  </div>
-</dialog>
-
-<!-- Default Modal -->
-<dialog id="modal-default" class="mw-modal" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">Default Modal</h4>
-    <button class="mw-modal-close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <p class="mw-text-muted">
-      Max-width <strong>520px</strong>. The default size - fits most use cases.
-    </p>
-  </div>
-  <div class="mw-modal-footer">
-    <button class="mw-modal-close mw-btn mw-btn-outline">Cancel</button>
-    <button class="mw-modal-close mw-btn mw-btn-primary">Confirm</button>
-  </div>
-</dialog>
-
-<!-- Large Modal -->
-<dialog id="modal-lg" class="mw-modal mw-modal-lg" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">Large Modal</h4>
-    <button class="mw-modal-close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <p class="mw-text-muted">
-      Max-width <strong>720px</strong>. More room for richer content or forms.
-    </p>
-  </div>
-  <div class="mw-modal-footer">
-    <button class="mw-modal-close mw-btn mw-btn-outline">Cancel</button>
-    <button class="mw-modal-close mw-btn mw-btn-primary">Confirm</button>
-  </div>
-</dialog>
-
-<!-- XL Modal -->
-<dialog id="modal-xl" class="mw-modal mw-modal-xl" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">XL Modal</h4>
-    <button class="mw-modal-close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <p class="mw-text-muted">
-      Max-width <strong>960px</strong>. Use for detail views, data tables, or
-      complex layouts.
-    </p>
-  </div>
-  <div class="mw-modal-footer">
-    <button class="mw-modal-close mw-btn mw-btn-outline">Cancel</button>
-    <button class="mw-modal-close mw-btn mw-btn-primary">Confirm</button>
-  </div>
-</dialog>
-
-<!-- Form Modal -->
-<dialog id="modal-form" class="mw-modal mw-modal-lg" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">New Contact</h4>
-    <button class="mw-modal-close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <div class="mw-grid-2 mw-mb-3">
-      <label for="modal-firstname">
-        <span>First Name</span>
-        <input
-          id="modal-firstname"
-          type="text"
-          class="mw-input"
-          placeholder="Jane"
-        />
-      </label>
-      <label for="modal-lastname">
-        <span>Last Name</span>
-        <input
-          id="modal-lastname"
-          type="text"
-          class="mw-input"
-          placeholder="Doe"
-        />
-      </label>
-    </div>
-    <div class="mw-mb-3">
-      <label for="modal-email">
-        <span>Email</span>
-        <input
-          id="modal-email"
-          type="email"
-          class="mw-input"
-          placeholder="jane@example.com"
-        />
-      </label>
-    </div>
-    <div class="mw-mb-3">
-      <label for="modal-role">
-        <span>Role</span>
-        <select id="modal-role" class="mw-select">
-          <option value="" disabled selected>Select a role</option>
-          <option>Developer</option>
-          <option>Designer</option>
-          <option>Product Manager</option>
-          <option>Other</option>
-        </select>
-      </label>
-    </div>
-    <div class="mw-mb-3">
-      <label for="modal-notes">
-        <span>Notes</span>
-        <textarea
-          id="modal-notes"
-          rows="3"
-          class="mw-textarea"
-          placeholder="Optional notes..."
-        ></textarea>
-      </label>
-    </div>
-    <label class="mw-toggle">
-      <input type="checkbox" />
-      <div class="mw-toggle-track"></div>
-      <span class="mw-toggle-label">Send welcome email</span>
-    </label>
-  </div>
-  <div class="mw-modal-footer">
-    <button class="mw-modal-close mw-btn mw-btn-outline">Cancel</button>
-    <button class="mw-modal-close mw-btn mw-btn-primary">Save Contact</button>
-  </div>
-</dialog>
-
-<!-- Confirmation Modal -->
-<dialog id="modal-confirm" class="mw-modal mw-modal-sm" closedby="any">
-  <div class="mw-modal-header">
-    <h4 class="mw-modal-title">Delete Item</h4>
-    <button class="mw-modal-close" aria-label="Close">&#120299;</button>
-  </div>
-  <div class="mw-modal-body">
-    <p class="mw-text-center">
-      <strong>Are you sure you want to delete this item?</strong>
-    </p>
-  </div>
-  <div class="mw-modal-footer">
-    <p class="mw-actions-note">This action cannot be undone.</p>
-    <button class="mw-modal-close mw-btn mw-btn-outline">Cancel</button>
-    <button class="mw-modal-close mw-btn mw-btn-danger">Delete</button>
-  </div>
-</dialog>