@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/server/components/json-viewer/index.css

@@ -58,8 +58,14 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  .cinder-json-viewer__node[role="treeitem"]:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    border-radius: var(--cinder-radius-sm);
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
   @media (forced-colors: active) {
-    .cinder-json-viewer__toggle:focus-visible {
+    .cinder-json-viewer__toggle:focus-visible, .cinder-json-viewer__node[role="treeitem"]:focus-visible {
       outline: var(--cinder-ring-width) solid ButtonText;
       outline-offset: 3px;
     }

package/dist/server/components/json-viewer/index.js

@@ -17,7 +17,16 @@ function classNames(...parts) {
 // src/components/json-viewer/_json-viewer-node.svelte
 function _json_viewer_node($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { value, keyName, depth, initialDepth, maxDepth } = $$props;
+    let {
+      value,
+      keyName,
+      depth,
+      initialDepth,
+      maxDepth,
+      position,
+      setSize,
+      root = false
+    } = $$props;
     const isObject = $.derived(() => value !== null && typeof value === "object");
     const isArray = $.derived(() => Array.isArray(value));
     const tooDeep = $.derived(() => depth >= maxDepth);
@@ -46,7 +55,7 @@ function _json_viewer_node($$renderer, $$props) {
     }
     if (isObject() && !tooDeep()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span${$.attr_class($.clsx(classNames("cinder-json-viewer__node")))}><button type="button" class="cinder-json-viewer__toggle"${$.attr("aria-expanded", !collapsed)}${$.attr("aria-label", toggleLabel())}>`);
+      $$renderer2.push(`<span${$.attr_class($.clsx(classNames("cinder-json-viewer__node")))} role="treeitem"${$.attr("aria-expanded", !collapsed)}${$.attr("aria-label", toggleLabel())}${$.attr("aria-level", depth + 1)}${$.attr("aria-posinset", position)}${$.attr("aria-setsize", setSize)}${$.attr("tabindex", root ? 0 : -1)}><button type="button" class="cinder-json-viewer__toggle"${$.attr("aria-label", toggleLabel())} tabindex="-1">`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$.escape(keyName)}:</span>`);
@@ -63,17 +72,19 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--></button> `);
       if (!collapsed) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<ul class="cinder-json-viewer__children"><!--[-->`);
+        $$renderer2.push(`<ul class="cinder-json-viewer__children" role="group"><!--[-->`);
         const each_array = $.ensure_array_like(entries());
-        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
-          let [k, v] = each_array[$$index];
-          $$renderer2.push(`<li>`);
+        for (let index = 0, $$length = each_array.length;index < $$length; index++) {
+          let [k, v] = each_array[index];
+          $$renderer2.push(`<li role="none">`);
           _json_viewer_node($$renderer2, {
             value: v,
             keyName: k,
             depth: depth + 1,
             initialDepth,
-            maxDepth
+            maxDepth,
+            position: index + 1,
+            setSize: entries().length
           });
           $$renderer2.push(`<!----></li>`);
         }
@@ -84,7 +95,7 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--></span>`);
     } else if (isObject() && tooDeep()) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<span class="cinder-json-viewer__node">`);
+      $$renderer2.push(`<span class="cinder-json-viewer__node" role="treeitem"${$.attr("tabindex", root ? 0 : -1)}${$.attr("aria-level", depth + 1)}${$.attr("aria-posinset", position)}${$.attr("aria-setsize", setSize)}>`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$.escape(keyName)}:</span>`);
@@ -94,7 +105,7 @@ function _json_viewer_node($$renderer, $$props) {
       $$renderer2.push(`<!--]--> <span class="cinder-json-viewer__too-deep">…</span></span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<span class="cinder-json-viewer__node">`);
+      $$renderer2.push(`<span class="cinder-json-viewer__node" role="treeitem"${$.attr("tabindex", root ? 0 : -1)}${$.attr("aria-level", depth + 1)}${$.attr("aria-posinset", position)}${$.attr("aria-setsize", setSize)}>`);
       if (keyName !== undefined) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<span class="cinder-json-viewer__key">${$.escape(keyName)}:</span>`);
@@ -137,6 +148,57 @@ function Json_viewer($$renderer, $$props) {
     });
     const unserializable = $2.derived(() => !serialized().ok);
     const tooLarge = $2.derived(() => serialized().ok && serialized().size > maxBytes);
+    function handleTreeKeydown(event) {
+      const tree = event.currentTarget;
+      const items = Array.from(tree.querySelectorAll('[role="treeitem"]'));
+      const eventTarget = event.target instanceof HTMLElement ? event.target : null;
+      const current = eventTarget?.closest('[role="treeitem"]') ?? null;
+      const targetIsToggle = eventTarget?.closest(".cinder-json-viewer__toggle") !== null;
+      const currentIndex = current ? items.indexOf(current) : -1;
+      function focusItem(index) {
+        const item = items[index];
+        item?.focus();
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        focusItem(Math.min(currentIndex + 1, items.length - 1));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        focusItem(Math.max(currentIndex - 1, 0));
+      } else if (event.key === "Home") {
+        event.preventDefault();
+        focusItem(0);
+      } else if (event.key === "End") {
+        event.preventDefault();
+        focusItem(items.length - 1);
+      } else if (event.key === "ArrowRight" && current && !targetIsToggle) {
+        if (current.getAttribute("aria-expanded") === "false") {
+          event.preventDefault();
+          current.querySelector(".cinder-json-viewer__toggle")?.click();
+        } else if (current.getAttribute("aria-expanded") === "true") {
+          const firstChild = current.querySelector('.cinder-json-viewer__children [role="treeitem"]');
+          if (firstChild) {
+            event.preventDefault();
+            firstChild.focus();
+          }
+        }
+      } else if (event.key === "ArrowLeft" && current && !targetIsToggle) {
+        if (current.getAttribute("aria-expanded") === "true") {
+          event.preventDefault();
+          current.querySelector(".cinder-json-viewer__toggle")?.click();
+        } else {
+          const parent = current.parentElement?.closest('[role="treeitem"]');
+          if (parent) {
+            event.preventDefault();
+            parent.focus();
+          }
+        }
+      } else if ((event.key === "Enter" || event.key === " " || event.key === "Spacebar") && current && !targetIsToggle) {
+        event.preventDefault();
+        const toggle = current.querySelector(".cinder-json-viewer__toggle");
+        toggle?.click();
+      }
+    }
     $$renderer2.push(`<div${$2.attr_class($2.clsx(classNames("cinder-json-viewer", className)))}>`);
     if (unserializable()) {
       $$renderer2.push("<!--[0-->");
@@ -147,7 +209,17 @@ function Json_viewer($$renderer, $$props) {
         is ${$2.escape(Math.round(maxBytes / 1024))} KB).</p> <p>Use the consumer's download or copy action to inspect the raw JSON.</p></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
-      _json_viewer_node($$renderer2, { value, depth: 0, initialDepth, maxDepth });
+      $$renderer2.push(`<div role="tree" aria-label="JSON tree" tabindex="-1">`);
+      _json_viewer_node($$renderer2, {
+        value,
+        depth: 0,
+        initialDepth,
+        maxDepth,
+        position: 1,
+        setSize: 1,
+        root: true
+      });
+      $$renderer2.push(`<!----></div>`);
     }
     $$renderer2.push(`<!--]--></div>`);
   });
@@ -160,4 +232,4 @@ export {
   Json_viewer as JsonViewer
 };
 
-//# debugId=B9D5288EAD3AB76064756E2164756E21
+//# debugId=D58CDBF07728A29F64756E2164756E21

package/dist/server/components/kanban-board/index.css

@@ -9,9 +9,22 @@
     --cinder-kanban-card-background: var(--cinder-surface);
     display: block;
     overflow-x: auto;
+    background: linear-gradient(90deg, var(--cinder-surface) 30%, transparent) left center / 2rem 100% no-repeat local, linear-gradient(270deg, var(--cinder-surface) 30%, transparent) right center / 2rem 100% no-repeat local, linear-gradient(90deg, oklch(0% 0 0 / .12), transparent) left center / 1rem 100% no-repeat scroll, linear-gradient(270deg, oklch(0% 0 0 / .12), transparent) right center / 1rem 100% no-repeat scroll;
     padding-block-end: var(--cinder-space-2);
   }
 
+  .cinder-kanban-board__keyboard-hint {
+    margin: 0 0 var(--cinder-space-2);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    opacity: 0;
+    transition: opacity var(--cinder-duration-fast) var(--cinder-ease-standard);
+  }
+
+  .cinder-kanban-board:focus-within .cinder-kanban-board__keyboard-hint {
+    opacity: 1;
+  }
+
   .cinder-kanban-board__columns {
     display: grid;
     grid-auto-columns: minmax(var(--cinder-kanban-column-width), 1fr);
@@ -48,9 +61,23 @@
   .cinder-kanban-board__column-title {
     overflow-wrap: anywhere;
     font-size: var(--cinder-text-sm);
+    font-weight: var(--cinder-font-semibold);
     color: var(--cinder-text);
     min-inline-size: 0;
-    font-weight: 600;
+  }
+
+  .cinder-kanban-board__card-count {
+    display: inline-flex;
+    padding-inline: var(--cinder-space-1-5);
+    border: 1px solid var(--cinder-border-muted);
+    border-radius: var(--cinder-radius-sm);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-medium);
+    white-space: nowrap;
+    align-items:  center;
+    min-block-size: 1.25rem;
+    margin-inline-start: var(--cinder-space-2);
   }
 
   .cinder-kanban-board__column-actions {
@@ -68,16 +95,28 @@
     cursor: pointer;
     justify-content: center;
     align-items:  center;
-    block-size: 1.75rem;
-    inline-size: 1.75rem;
+    block-size: 2rem;
+    inline-size: 2rem;
     padding: 0;
   }
 
+  .cinder-kanban-board__column-handle svg {
+    fill: currentcolor;
+  }
+
   .cinder-kanban-board__column-handle:focus-visible, .cinder-kanban-board__collapse:focus-visible {
     outline: var(--cinder-ring-width) solid transparent;
     box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-kanban-board__column-handle:focus-visible, .cinder-kanban-board__collapse:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   @media (hover: hover) {
     .cinder-kanban-board__column-handle:hover, .cinder-kanban-board__collapse:hover {
       background: var(--cinder-surface-hover);

package/dist/server/components/kanban-board/index.js

@@ -938,12 +938,12 @@ function Kanban_board($$renderer, $$props) {
         return true;
       }
     });
-    function cancelCardLift(itemLabel) {
+    function cancelCardLift(itemLabel = undefined) {
       cardController.cancel(itemLabel);
       cardTarget = null;
       pointerColumnIndex = null;
     }
-    function cancelColumnLift(columnTitle) {
+    function cancelColumnLift(columnTitle = undefined) {
       columnLiftedKey = null;
       columnTargetIndex = null;
       if (columnTitle)
@@ -1025,7 +1025,7 @@ function Kanban_board($$renderer, $$props) {
       }
     }
     $$renderer2.push(`<section${$4.attr_class($4.clsx(classNames("cinder-kanban-board", className)))}${$4.attr("aria-label", label)}${$4.attr("data-cinder-invalid-keys", invalidKeys() ? "" : undefined)}><p${$4.attr("id", instructionsId)} class="cinder-sr-only">Press Space to lift a card, arrow keys to move it, Space to drop, and Escape to cancel.</p> <p${$4.attr("id", columnInstructionsId)} class="cinder-sr-only">Press Space to lift a column, Left and Right arrows to move it, Space to drop, and Escape to
-    cancel.</p> <div class="cinder-kanban-board__columns" role="list"><!--[-->`);
+    cancel.</p> <p class="cinder-kanban-board__keyboard-hint">Space lifts. Arrow keys move. Space drops. Escape cancels.</p> <div class="cinder-kanban-board__columns" role="list"><!--[-->`);
     const each_array = $4.ensure_array_like(visualColumns());
     for (let columnIndex = 0, $$length = each_array.length;columnIndex < $$length; columnIndex++) {
       let column = each_array[columnIndex];
@@ -1046,7 +1046,8 @@ function Kanban_board($$renderer, $$props) {
         $$renderer2.push("<!--[-1-->");
         $$renderer2.push(`${$4.escape(column.title)}`);
       }
-      $$renderer2.push(`<!--]--></div> `);
+      $$renderer2.push(`<!--]--> <span class="cinder-kanban-board__card-count">${$4.escape(column.cards.length)} 
+              ${$4.escape(column.cards.length === 1 ? "card" : "cards")}</span></div> `);
       if (columnActions) {
         $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<div class="cinder-kanban-board__column-actions">`);
@@ -1058,7 +1059,7 @@ function Kanban_board($$renderer, $$props) {
       $$renderer2.push(`<!--]--> `);
       if (collapsible) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button type="button" class="cinder-kanban-board__collapse"${$4.attr("aria-label", `${column.collapsed ? "Expand" : "Collapse"} ${column.title}`)}${$4.attr("aria-expanded", !column.collapsed)}>${$4.escape(column.collapsed ? "+" : "-")}</button>`);
+        $$renderer2.push(`<button type="button" class="cinder-kanban-board__collapse"${$4.attr("aria-label", `${column.collapsed ? "Expand" : "Collapse"} ${column.title} (${column.cards.length} ${column.cards.length === 1 ? "card" : "cards"})`)}${$4.attr("aria-expanded", !column.collapsed)}>${$4.escape(column.collapsed ? "+" : "-")}</button>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1142,4 +1143,4 @@ export {
   Kanban_board as KanbanBoard
 };
 
-//# debugId=7DD1BE3D68620A7264756E2164756E21
+//# debugId=BEA20F44F74925DD64756E2164756E21

package/dist/server/components/keyboard-shortcuts/index.css

@@ -10,9 +10,9 @@
 
   .cinder-keyboard-shortcuts__heading {
     font-size: var(--cinder-text-lg);
+    font-weight: var(--cinder-font-semibold);
     color: var(--cinder-text);
     margin: 0;
-    font-weight: 600;
   }
 
   .cinder-keyboard-shortcuts__intro {
@@ -28,11 +28,11 @@
 
   .cinder-keyboard-shortcuts__group-label {
     font-size: var(--cinder-text-xs);
+    font-weight: var(--cinder-font-semibold);
     text-transform: uppercase;
     letter-spacing: .05em;
     color: var(--cinder-text-muted);
     margin: 0;
-    font-weight: 600;
   }
 
   .cinder-keyboard-shortcuts__list {

package/dist/server/components/keyboard-shortcuts/index.js

@@ -54,7 +54,7 @@ function Keyboard_shortcuts($$renderer, $$props) {
       ...rest
     } = $$props;
     const groupHeadingId = (index) => `${baseId}-group-${index}`;
-    function resolveKeysLabel(keys, keysLabel) {
+    function resolveKeysLabel(keys, keysLabel = undefined) {
       if (keysLabel)
         return keysLabel;
       return keys.join(" plus ");
@@ -115,4 +115,4 @@ export {
   Keyboard_shortcuts as KeyboardShortcuts
 };
 
-//# debugId=FDDA079C6F002C7164756E2164756E21
+//# debugId=17FF6D70096C81B564756E2164756E21

package/dist/server/components/label/index.css

@@ -16,14 +16,4 @@
     color: var(--cinder-text-disabled);
     cursor: not-allowed;
   }
-
-  .cinder-label__required {
-    display: inline-block;
-    background-color: var(--cinder-danger);
-    border-radius: 50%;
-    flex-shrink: 0;
-    align-self:  center;
-    width: 6px;
-    height: 6px;
-  }
 }

package/dist/server/components/label/index.js

@@ -33,7 +33,7 @@ function Label($$renderer, $$props) {
     $$renderer2.push(`<!----> `);
     if (required) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="cinder-label__required" aria-hidden="true"></span>`);
+      $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -48,4 +48,4 @@ export {
   Label
 };
 
-//# debugId=F1CE960C5AA4585F64756E2164756E21
+//# debugId=855F41FECA09799E64756E2164756E21

package/dist/server/components/load-more/index.css

@@ -42,9 +42,17 @@
   }
 
   .cinder-load-more__button:focus-visible {
-    outline: 2px solid #0000;
-    outline-offset: 2px;
-    box-shadow: 0 0 0 2px var(--cinder-ring-offset-color), 0 0 0 4px var(--cinder-ring-color);
+    outline: var(--cinder-ring-width) solid transparent;
+    outline-offset: var(--cinder-ring-offset);
+    box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--cinder-ring-color);
+  }
+
+  @media (forced-colors: active) {
+    .cinder-load-more__button:focus-visible {
+      outline: 2px solid buttontext;
+      outline-offset: 3px;
+      box-shadow: none;
+    }
   }
 
   .cinder-load-more__button:disabled {
@@ -62,7 +70,7 @@
 
   @media (prefers-reduced-motion: no-preference) {
     .cinder-load-more__spinner {
-      animation: cinder-load-more-spin .8s linear infinite;
+      animation: cinder-load-more-spin var(--cinder-duration-spin) linear infinite;
     }
   }
 

package/dist/server/components/load-more/index.js

@@ -56,8 +56,8 @@ function _visually_hidden_live_region($$renderer, $$props) {
 function Load_more($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
-      onLoadMore = async () => {},
-      onError,
+      onloadmore = async () => {},
+      onerror,
       hasMore = true,
       loading = false,
       root = null,
@@ -92,13 +92,13 @@ function Load_more($$renderer, $$props) {
       requestInFlight = true;
       errorState = false;
       try {
-        await onLoadMore();
+        await onloadmore();
         if (source === "button") {
           retryCount = 0;
         }
       } catch (error) {
         errorState = true;
-        onError?.(error);
+        onerror?.(error);
       } finally {
         requestInFlight = false;
       }
@@ -143,4 +143,4 @@ export {
   Load_more as LoadMore
 };
 
-//# debugId=57DC258BC87B15B264756E2164756E21
+//# debugId=13C1B00A46EB8CE864756E2164756E21

package/dist/server/components/load-more/load-more.schema.js

@@ -44,12 +44,12 @@ var schema = {
   metadata: {
     unsupportedProps: [
       {
-        name: "onError",
+        name: "onerror",
         reason: "function-or-snippet",
-        description: "Notified when onLoadMore throws or rejects."
+        description: "Notified when onloadmore throws or rejects."
       },
       {
-        name: "onLoadMore",
+        name: "onloadmore",
         reason: "function-or-snippet",
         description: "Called when the next page should be loaded. Caller flips `loading` and `hasMore`."
       },
@@ -69,4 +69,4 @@ export {
   load_more_schema_default as default
 };
 
-//# debugId=95F59A021D5D0ECC64756E2164756E21
+//# debugId=14ADFF525424947764756E2164756E21

package/dist/server/components/locale-provider/index.js

@@ -0,0 +1,55 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/locale-provider/locale-provider.svelte
+import * as $ from "svelte/internal/server";
+
+// src/_internal/locale-context.ts
+import { createContext } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/components/locale-provider/locale-provider.svelte
+function Locale_provider($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { locale, direction, children } = $$props;
+    const parentContext = getLocaleContext();
+    const context = {
+      get locale() {
+        return locale ?? parentContext?.locale;
+      },
+      get direction() {
+        return direction ?? parentContext?.direction;
+      }
+    };
+    setLocaleContext(context);
+    children?.($$renderer2);
+    $$renderer2.push(`<!---->`);
+  });
+}
+
+// src/components/locale-provider/index.ts
+var locale_provider_default = Locale_provider;
+export {
+  locale_provider_default as default,
+  Locale_provider as LocaleProvider
+};
+
+//# debugId=A838C2C99C78619964756E2164756E21

package/dist/server/components/locale-provider/locale-provider.schema.js

@@ -0,0 +1,35 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/locale-provider/locale-provider.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    locale: {
+      type: "string",
+      description: "BCP 47 locale tag used as the default for locale-aware descendants."
+    },
+    direction: {
+      enum: ["ltr", "rtl"],
+      description: "Text direction exposed to direction-aware descendants."
+    }
+  },
+  additionalProperties: false,
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "children",
+        reason: "function-or-snippet",
+        description: "Descendant content that should inherit the locale context."
+      }
+    ]
+  }
+};
+var locale_provider_schema_default = schema;
+export {
+  locale_provider_schema_default as default
+};
+
+//# debugId=9DCEF2DEA14BBD9964756E2164756E21

package/dist/server/components/locale-provider/locale-provider.variables.js

@@ -0,0 +1,12 @@
+import { createRequire } from "node:module";
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/locale-provider/locale-provider.variables.ts
+var variables = [];
+var locale_provider_variables_default = variables;
+export {
+  locale_provider_variables_default as default
+};
+
+//# debugId=02DCE8DBE3534D7564756E2164756E21