snice 7.5.0 → 7.7.0

package/bin/snice.js

@@ -301,6 +301,87 @@ function renderValidation(issues, json = false) {
   return issues;
 }
 
+function parseJsonc(source) {
+  let withoutComments = '';
+  let inString = false;
+  let escaped = false;
+
+  for (let index = source.charCodeAt(0) === 0xFEFF ? 1 : 0; index < source.length; index++) {
+    const character = source[index];
+    const next = source[index + 1];
+
+    if (inString) {
+      withoutComments += character;
+      if (escaped) escaped = false;
+      else if (character === '\\') escaped = true;
+      else if (character === '"') inString = false;
+      continue;
+    }
+
+    if (character === '"') {
+      inString = true;
+      withoutComments += character;
+      continue;
+    }
+
+    if (character === '/' && next === '/') {
+      withoutComments += '  ';
+      index += 2;
+      while (index < source.length && source[index] !== '\n' && source[index] !== '\r') {
+        withoutComments += ' ';
+        index++;
+      }
+      if (index < source.length) withoutComments += source[index];
+      continue;
+    }
+
+    if (character === '/' && next === '*') {
+      withoutComments += '  ';
+      index += 2;
+      while (index < source.length && !(source[index] === '*' && source[index + 1] === '/')) {
+        withoutComments += source[index] === '\n' || source[index] === '\r' ? source[index] : ' ';
+        index++;
+      }
+      if (index >= source.length) throw new SyntaxError('unterminated JSON block comment');
+      withoutComments += '  ';
+      index++;
+      continue;
+    }
+
+    withoutComments += character;
+  }
+
+  let withoutTrailingCommas = '';
+  inString = false;
+  escaped = false;
+  for (let index = 0; index < withoutComments.length; index++) {
+    const character = withoutComments[index];
+    if (inString) {
+      withoutTrailingCommas += character;
+      if (escaped) escaped = false;
+      else if (character === '\\') escaped = true;
+      else if (character === '"') inString = false;
+      continue;
+    }
+    if (character === '"') {
+      inString = true;
+      withoutTrailingCommas += character;
+      continue;
+    }
+    if (character === ',') {
+      let nextIndex = index + 1;
+      while (/\s/.test(withoutComments[nextIndex] ?? '')) nextIndex++;
+      if (withoutComments[nextIndex] === '}' || withoutComments[nextIndex] === ']') {
+        withoutTrailingCommas += ' ';
+        continue;
+      }
+    }
+    withoutTrailingCommas += character;
+  }
+
+  return JSON.parse(withoutTrailingCommas);
+}
+
 function readJson(path) {
   try {
     return JSON.parse(readFileSync(path, 'utf8'));
@@ -309,6 +390,14 @@ function readJson(path) {
   }
 }
 
+function readJsonc(path) {
+  try {
+    return parseJsonc(readFileSync(path, 'utf8'));
+  } catch {
+    return null;
+  }
+}
+
 /**
  * Collect a project's tsconfig chain: the root tsconfig.json plus the configs
  * it references (composite solution files) and their relative `extends`
@@ -318,16 +407,17 @@ function readJson(path) {
  */
 function resolveTsconfigChain(dir, entry = 'tsconfig.json', seen = new Set()) {
   const configs = [];
-  const target = join(dir, entry);
+  const target = resolve(dir, entry);
   if (seen.has(target)) return configs;
   seen.add(target);
-  const data = readJson(target);
+  const data = readJsonc(target);
   if (!data) return configs;
   configs.push(data);
+  const configDir = dirname(target);
 
-  if (typeof data.extends === 'string' && data.extends.startsWith('.')) {
+  if (typeof data.extends === 'string' && (data.extends.startsWith('.') || isAbsolute(data.extends))) {
     const base = data.extends.endsWith('.json') ? data.extends : `${data.extends}.json`;
-    configs.push(...resolveTsconfigChain(dir, base, seen));
+    configs.push(...resolveTsconfigChain(configDir, base, seen));
   }
   if (Array.isArray(data.references)) {
     for (const reference of data.references) {
@@ -335,7 +425,7 @@ function resolveTsconfigChain(dir, entry = 'tsconfig.json', seen = new Set()) {
       const referenced = reference.path.endsWith('.json')
         ? reference.path
         : join(reference.path, 'tsconfig.json');
-      configs.push(...resolveTsconfigChain(dir, referenced, seen));
+      configs.push(...resolveTsconfigChain(configDir, referenced, seen));
     }
   }
   return configs;

package/custom-elements.json

@@ -2618,6 +2618,14 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "'lazy' | 'eager'"
+              },
+              "default": "'lazy'"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -2676,6 +2684,14 @@
               },
               "reflects": true
             },
+            {
+              "name": "loading",
+              "fieldName": "loading",
+              "type": {
+                "text": "'lazy' | 'eager'"
+              },
+              "reflects": true
+            },
             {
               "name": "name",
               "fieldName": "name",
@@ -5132,6 +5148,40 @@
             "name": "HTMLElement"
           },
           "members": [
+            {
+              "kind": "field",
+              "name": "cellSizing",
+              "type": {
+                "text": "'square' | 'stretch'"
+              },
+              "default": "'square'"
+            },
+            {
+              "kind": "method",
+              "name": "cleanupPopover",
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeEventPopover",
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": "{ returnFocus?: boolean }",
+                  "optional": true
+                }
+              ],
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "disabledDates",
@@ -5140,6 +5190,14 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "eventPopover",
+              "type": {
+                "text": "CalendarEventPopoverProvider | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "events",
@@ -5148,6 +5206,14 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "eventTooltip",
+              "type": {
+                "text": "CalendarEventTooltip | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "firstDayOfWeek",
@@ -5300,6 +5366,14 @@
                 }
               }
             },
+            {
+              "kind": "field",
+              "name": "noDaySelect",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "method",
               "name": "previousDay",
@@ -5356,6 +5430,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "cell-sizing",
+              "fieldName": "cellSizing",
+              "type": {
+                "text": "'square' | 'stretch'"
+              },
+              "reflects": true
+            },
             {
               "name": "first-day-of-week",
               "fieldName": "firstDayOfWeek",
@@ -5396,6 +5478,14 @@
               },
               "reflects": true
             },
+            {
+              "name": "no-day-select",
+              "fieldName": "noDaySelect",
+              "type": {
+                "text": "boolean"
+              },
+              "reflects": true
+            },
             {
               "name": "show-week-numbers",
               "fieldName": "showWeekNumbers",
@@ -5434,6 +5524,9 @@
           "slots": [],
           "cssParts": [],
           "cssProperties": [
+            {
+              "name": "--avatar-size"
+            },
             {
               "name": "--disabled"
             },
@@ -5443,6 +5536,9 @@
             {
               "name": "--selected"
             },
+            {
+              "name": "--static"
+            },
             {
               "name": "--today"
             }
@@ -39748,6 +39844,12 @@
             {
               "name": "label"
             },
+            {
+              "name": "label-off"
+            },
+            {
+              "name": "label-on"
+            },
             {
               "name": "spinner"
             },
@@ -45920,6 +46022,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "handleFrameResize",
+              "parameters": [],
+              "return": {
+                "type": {
+                  "text": "unknown"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "handleGroupByChange",

package/dist/cdn/accordion/snice-accordion.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/action-bar/snice-action-bar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/activity-feed/snice-activity-feed.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/app-tiles/snice-app-tiles.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/approval-flow/snice-approval-flow.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/audio-recorder/snice-audio-recorder.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/availability/snice-availability.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar/README.md

@@ -11,7 +11,7 @@ CDN build of the Snice avatar component. Requires the Snice runtime (`snice-runt
 ```
 
 ## Size
-- Minified: 9.0 KB
+- Minified: 9.2 KB
 - Gzipped: 3.1 KB
 
 ## Theme

package/dist/cdn/avatar/snice-avatar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v7.5.0
+ * snice v7.6.0
  * A decorator-driven web component library with routing, controllers, daemons, and 130+ UI components. For better coding-agent results, run npx snice init-ai.
  * (c) 2024
  * Released under the MIT License.
@@ -88,6 +88,9 @@ var SniceAvatar = (function (exports, snice) {
       let _shape_decorators;
       let _shape_initializers = [];
       let _shape_extraInitializers = [];
+      let _loading_decorators;
+      let _loading_initializers = [];
+      let _loading_extraInitializers = [];
       let _fallbackColor_decorators;
       let _fallbackColor_initializers = [];
       let _fallbackColor_extraInitializers = [];
@@ -114,7 +117,8 @@ var SniceAvatar = (function (exports, snice) {
               this.name = (__runInitializers(this, _alt_extraInitializers), __runInitializers(this, _name_initializers, ''));
               this.size = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _size_initializers, 'medium'));
               this.shape = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _shape_initializers, 'circle'));
-              this.fallbackColor = (__runInitializers(this, _shape_extraInitializers), __runInitializers(this, _fallbackColor_initializers, '#ffffff'));
+              this.loading = (__runInitializers(this, _shape_extraInitializers), __runInitializers(this, _loading_initializers, 'lazy'));
+              this.fallbackColor = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _fallbackColor_initializers, '#ffffff'));
               this.fallbackBackground = (__runInitializers(this, _fallbackColor_extraInitializers), __runInitializers(this, _fallbackBackground_initializers, ''));
               this.imageElement = (__runInitializers(this, _fallbackBackground_extraInitializers), __runInitializers(this, _imageElement_initializers, void 0));
               this.fallbackElement = (__runInitializers(this, _imageElement_extraInitializers), __runInitializers(this, _fallbackElement_initializers, void 0));
@@ -133,6 +137,7 @@ var SniceAvatar = (function (exports, snice) {
               _name_decorators = [snice.property({})];
               _size_decorators = [snice.property({})];
               _shape_decorators = [snice.property({})];
+              _loading_decorators = [snice.property({})];
               _fallbackColor_decorators = [snice.property({ attribute: 'fallback-color', })];
               _fallbackBackground_decorators = [snice.property({ attribute: 'fallback-background', })];
               _imageElement_decorators = [snice.query('.avatar-image')];
@@ -147,6 +152,7 @@ var SniceAvatar = (function (exports, snice) {
               __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
               __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
               __esDecorate(null, null, _shape_decorators, { kind: "field", name: "shape", static: false, private: false, access: { has: obj => "shape" in obj, get: obj => obj.shape, set: (obj, value) => { obj.shape = value; } }, metadata: _metadata }, _shape_initializers, _shape_extraInitializers);
+              __esDecorate(null, null, _loading_decorators, { kind: "field", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
               __esDecorate(null, null, _fallbackColor_decorators, { kind: "field", name: "fallbackColor", static: false, private: false, access: { has: obj => "fallbackColor" in obj, get: obj => obj.fallbackColor, set: (obj, value) => { obj.fallbackColor = value; } }, metadata: _metadata }, _fallbackColor_initializers, _fallbackColor_extraInitializers);
               __esDecorate(null, null, _fallbackBackground_decorators, { kind: "field", name: "fallbackBackground", static: false, private: false, access: { has: obj => "fallbackBackground" in obj, get: obj => obj.fallbackBackground, set: (obj, value) => { obj.fallbackBackground = value; } }, metadata: _metadata }, _fallbackBackground_initializers, _fallbackBackground_extraInitializers);
               __esDecorate(null, null, _imageElement_decorators, { kind: "field", name: "imageElement", static: false, private: false, access: { has: obj => "imageElement" in obj, get: obj => obj.imageElement, set: (obj, value) => { obj.imageElement = value; } }, metadata: _metadata }, _imageElement_initializers, _imageElement_extraInitializers);
@@ -170,7 +176,7 @@ var SniceAvatar = (function (exports, snice) {
           <img part="image" class="${imageClasses}"
                src="${this.src}"
                alt="${this.alt || this.name}"
-               loading="lazy"
+               loading="${this.loading}"
                @load=${this.handleImageLoad}
                @error=${this.handleImageError}>
         </if>