zero-query 1.0.9 → 1.1.1

package/cli/scaffold/default/app/components/contacts/contacts.css

@@ -4,7 +4,7 @@
  * to the contacts-page component by zQuery.
  */
 
-/* ── Toolbar ── */
+/* -- Toolbar -- */
 .ct-bar {
   display: flex;
   align-items: center;
@@ -75,7 +75,7 @@
   box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.1);
 }
 
-/* ── Filter chips ── */
+/* -- Filter chips -- */
 .ct-chips {
   display: flex;
   gap: 0.35rem;
@@ -108,7 +108,7 @@
   font-weight: 600;
 }
 
-/* ── Buttons ── */
+/* -- Buttons -- */
 .ct-btn {
   display: inline-flex;
   align-items: center;
@@ -166,7 +166,7 @@
   font-size: 0.78rem;
 }
 
-/* ── Contact Grid ── */
+/* -- Contact Grid -- */
 .ct-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
@@ -314,7 +314,7 @@
   opacity: 1;
 }
 
-/* ── Empty ── */
+/* -- Empty -- */
 .ct-empty-card {
   text-align: center;
   padding: 3rem 1rem;
@@ -405,7 +405,7 @@
   color: #fff;
 }
 
-/* ── Add-contact modal heading ── */
+/* -- Add-contact modal heading -- */
 .ct-modal-heading {
   padding: 1.25rem 1.5rem 0;
 }
@@ -421,7 +421,7 @@
   color: var(--text-muted);
 }
 
-/* ── Form inside modal ── */
+/* -- Form inside modal -- */
 .ct-form {
   display: flex;
   flex-direction: column;
@@ -488,7 +488,7 @@
   padding-top: 0.35rem;
 }
 
-/* ── Detail modal: profile ── */
+/* -- Detail modal: profile -- */
 .ct-modal-profile {
   display: flex;
   flex-direction: column;
@@ -608,7 +608,7 @@
   font-weight: 500;
 }
 
-/* ── Responsive ── */
+/* -- Responsive -- */
 @media (max-width: 768px) {
   .ct-bar {
     flex-direction: column;

package/cli/scaffold/default/app/components/playground/playground.css

@@ -102,7 +102,7 @@
 .pg-vpill:hover    { border-color: var(--accent); color: var(--text); }
 .pg-vpill.on       { background: var(--accent); color: #fff; border-color: var(--accent); }
 
-/* ── Responsive ── */
+/* -- Responsive -- */
 @media (max-width: 768px) {
   .pg-variant-box    { min-width: 0; flex: 1 1 100%; }
   .pg-variant-row    { flex-direction: column; }

package/cli/scaffold/default/app/components/playground/playground.html

@@ -9,7 +9,7 @@
   <p class="subtitle">Interactive UI patterns - event modifiers, animations, reactive bindings, and plugins.</p>
 </div>
 
-<!-- ── Interaction Patterns ──────────────────────────── -->
+<!-- -- Interaction Patterns ---------------------------- -->
 <div class="pg-section">Interaction Patterns</div>
 
 <div class="card" style="position:relative;z-index:2;">
@@ -44,7 +44,7 @@
   </div>
 </div>
 
-<!-- ── Animations ──────────────────────────────────── -->
+<!-- -- Animations ------------------------------------ -->
 <div class="pg-section">Animations</div>
 
 <div class="card">
@@ -81,7 +81,7 @@
   </div>
 </div>
 
-<!-- ── Reactive Bindings ───────────────────────────── -->
+<!-- -- Reactive Bindings ----------------------------- -->
 <div class="pg-section">Reactive Bindings</div>
 
 <div class="card-grid">
@@ -123,7 +123,7 @@
   </div>
 </div>
 
-<!-- ── Keyboard ──────────────────────────────────── -->
+<!-- -- Keyboard ------------------------------------ -->
 <div class="pg-section">Keyboard</div>
 
 <div class="card">
@@ -140,7 +140,7 @@
   </div>
 </div>
 
-<!-- ── Plugin System ───────────────────────────────── -->
+<!-- -- Plugin System --------------------------------- -->
 <div class="pg-section">Plugin System</div>
 
 <div class="card">

package/cli/scaffold/default/app/components/playground/playground.js

@@ -10,7 +10,7 @@
 //   z-skip                          - morph opt-out
 //   templateUrl / styleUrl          - external files
 
-// ── $.fn Plugins ─────────────────────────────────────────────────
+// -- $.fn Plugins -------------------------------------------------
 $.fn.highlight = function (color = 'var(--accent)') {
   this.css({ boxShadow: `0 0 0 3px ${color}`, transition: 'box-shadow .3s ease' });
   const self = this;

package/cli/scaffold/default/app/components/toolkit/toolkit.css

@@ -87,7 +87,7 @@
                  border: 1px solid rgba(88,166,255,.1); }
 .tk-stat-val   { font-weight: 700; color: var(--accent); }
 
-/* ── Responsive: tabs ── */
+/* -- Responsive: tabs -- */
 @media (max-width: 768px) {
   .tk-tabs       { flex-wrap: wrap; }
   .tk-tab        { flex: 1 1 auto; min-width: 0; padding: .5rem .6rem; font-size: .8rem; }

package/cli/scaffold/default/app/components/toolkit/toolkit.html

@@ -16,7 +16,7 @@
   <button class="tk-tab {{activeTab === 'store' ? 'active' : ''}}" @click="setTab('store')">◈ Store</button>
 </div>
 
-<!-- ── HTTP Tab ───────────────────────────────────── -->
+<!-- -- HTTP Tab ------------------------------------- -->
 <div z-if="activeTab === 'http'">
   <div class="card">
     <h3>CRUD Operations</h3>
@@ -61,7 +61,7 @@
   </div>
 </div>
 
-<!-- ── Utilities Tab ──────────────────────────────── -->
+<!-- -- Utilities Tab -------------------------------- -->
 <div z-else-if="activeTab === 'utils'">
   <div class="card">
     <h3>Utility Belt</h3>
@@ -98,7 +98,7 @@
   </div>
 </div>
 
-<!-- ── Store Tab ──────────────────────────────────── -->
+<!-- -- Store Tab ------------------------------------ -->
 <div z-else>
   <div class="card" style="margin-bottom:.75rem;">
     <h3>Store Inspector</h3>

package/cli/scaffold/default/app/components/toolkit/toolkit.js

@@ -105,7 +105,7 @@ $.component('toolkit-page', {
     this.state.storeHistory = null;
   },
 
-  /* ── HTTP demos ───────────────────────────────────────────── */
+  /* -- HTTP demos --------------------------------------------- */
 
   async doGet() {
     this._updateHttpMeta('GET', '/posts/1');
@@ -165,7 +165,7 @@ $.component('toolkit-page', {
     } finally { this.state.searchLoading = false; }
   },
 
-  /* ── Utility demos ─────────────────────────────────────────── */
+  /* -- Utility demos ------------------------------------------- */
 
   runUtil(name) {
     this.state.activeUtil = name;
@@ -197,7 +197,7 @@ $.component('toolkit-page', {
           `$.memoize(fibonacci)`,
           ``,
           `fib(35) = ${result}`,
-          `────────────────────────────`,
+          `----------------------------`,
           `No memoize:  ${slowTime.toFixed(1)} ms`,
           `Memoized:    ${fastTime.toFixed(3)} ms`,
           `Cached:      ${cachedTime.toFixed(4)} ms  ⚡`,
@@ -264,7 +264,7 @@ $.component('toolkit-page', {
     this.state.utilOutput = result;
   },
 
-  /* ── Store demos ──────────────────────────────────────────── */
+  /* -- Store demos -------------------------------------------- */
 
   takeSnapshot() {
     this.state.storeSnap = JSON.stringify($.getStore('main').snapshot(), null, 2);

package/cli/utils.js

@@ -149,7 +149,7 @@ function _minifyBody(code) {
     const ch = code[i];
     const nx = code[i + 1];
 
-    // ── Regular string literal: copy verbatim ─────────────────
+    // -- Regular string literal: copy verbatim -----------------
     if (ch === '"' || ch === "'") {
       const q = ch;
       out += ch; i++;
@@ -162,14 +162,14 @@ function _minifyBody(code) {
       continue;
     }
 
-    // ── Template literal: copy verbatim with ${…} nesting ───────
+    // -- Template literal: copy verbatim with ${…} nesting -------
     if (ch === '`') {
       const tpl = _copyTemplateLiteral(code, i);
       out += tpl.text; i = tpl.end;
       continue;
     }
 
-    // ── Block comment: skip ─────────────────────────────────────
+    // -- Block comment: skip -------------------------------------
     if (ch === '/' && nx === '*') {
       i += 2;
       while (i < code.length && !(code[i] === '*' && code[i + 1] === '/')) i++;
@@ -177,14 +177,14 @@ function _minifyBody(code) {
       continue;
     }
 
-    // ── Line comment: skip ──────────────────────────────────────
+    // -- Line comment: skip --------------------------------------
     if (ch === '/' && nx === '/') {
       i += 2;
       while (i < code.length && code[i] !== '\n') i++;
       continue;
     }
 
-    // ── Regex literal: copy verbatim ────────────────────────────
+    // -- Regex literal: copy verbatim ----------------------------
     if (ch === '/') {
       if (_isRegexCtx(out)) {
         out += ch; i++;
@@ -204,7 +204,7 @@ function _minifyBody(code) {
       }
     }
 
-    // ── Whitespace: collapse ────────────────────────────────────
+    // -- Whitespace: collapse ------------------------------------
     if (ch === ' ' || ch === '\t' || ch === '\n' || ch === '\r') {
       let hasNewline = ch === '\n' || ch === '\r';
       while (i < code.length && (code[i] === ' ' || code[i] === '\t' || code[i] === '\n' || code[i] === '\r')) {