kempo-ui 0.4.8 → 0.4.10

package/AGENTS.md

@@ -96,6 +96,30 @@ Do not prefix identifiers with underscores.
   - Use clear, descriptive names without prefixes.
   - When true privacy is needed inside classes, prefer native JavaScript private fields (e.g., `#myField`) instead of simulated privacy via underscores.
 
+## Template and File Structure Rules
+
+### Follow Templates Exactly
+When using templates (task templates, component scaffolds, etc.), follow them **exactly as written**. Do not:
+- Add placeholder text or instructions to sections marked "leave blank"
+- Deviate from the template structure
+- Make creative changes or improvements to the template format
+- Add commentary or helper text beyond what is explicitly requested
+
+### Task Validation Result Sections - Critical Rules
+Task files have two validation sections that follow specific timing rules:
+
+**LLM Validation Results** (fill during step 6: task-validate)
+- **Leave blank** during task-create and task-prepare skills
+- **Fill in completely** during task-validate skill with:
+  - Subheading for each acceptance criterion tested
+  - Subheading for each testing plan item
+  - Pass/fail status with supporting evidence/screenshots
+  - At least one screenshot for visual changes
+
+**User Validation Results** (optionally filled by user during step 7)
+- **Always leave completely blank** — the user may optionally add notes here if they have additional information beyond what was documented in LLM Validation Results
+- Never add placeholder text, never auto-fill this section
+
 ## Development Workflow
 
 ### Local Development Server

package/CHANGELOG.md

@@ -4,6 +4,25 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+## [0.4.10] - 2026-05-01
+### Added
+- **MarkdownEditor component**: Comprehensive unit test suite with 40+ test cases
+  - Tests cover component initialization, markdown rendering (basic and GFM), mode switching (write/preview tabs)
+  - Tests for form integration (value, name, placeholder, required, readonly, disabled attributes)
+  - Tests for public methods (setMode, togglePreview, clear, focus, getSelection, replaceSelection, insertAtCursor, insertLinePrefix, wrapSelection)
+  - Tests for event handling (input, change, mode-change events) and HTML sanitization
+  - Tests for edge cases, accessibility features, and component properties
+  - Test file: `tests/components/MarkdownEditor.browser-test.js`
+
+## [0.4.9] - 2026-05-01
+### Changed
+- **Timestamp component**: Enhanced documentation with comprehensive list of supported date/time input formats
+  - Supports EPOCH milliseconds, ISO 8601 (full, date-only, with/without timezone), RFC 2822, JavaScript date strings, US date format, and named month formats
+  - Added interactive examples and important notes about browser compatibility and timezone handling
+  - Updated llms.txt component reference with full format information
+
 ## [0.4.3] - 2026-04-30
 ### Added
 - Initial CHANGELOG entry. All prior work is condensed into this log entry.

package/docs/components/timestamp.html

@@ -495,6 +495,7 @@
           <ul>
             <li><a href="#timeFormat">Time Format</a></li>
           </ul>
+          <a href="#supportedFormats">Supported Input Formats</a><br />
 
           <h6 class="mt"><a href="#jsRef" class="no-link">JavaScript Reference</a></h6>
           <a href="#constructor">Constructor</a><br />
@@ -562,6 +563,98 @@
 
 
 
+    <h3 id="supportedFormats"><a href="#supportedFormats" class="no-link">Supported Input Formats</a></h3>
+    <p>The <code>Timestamp</code> component accepts various date/time input formats. The component uses JavaScript's <code>Date.parse()</code> for parsing, which supports multiple standard formats:</p>
+    
+    <div class="table-wrapper mb">
+      <table>
+        <thead>
+          <tr>
+            <th>Format Type</th>
+            <th>Example</th>
+            <th>Notes</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>EPOCH Milliseconds</td>
+            <td><code>1633024800000</code></td>
+            <td>Number value representing milliseconds since January 1, 1970</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (Full)</td>
+            <td><code>2021-10-01T00:00:00Z</code></td>
+            <td>Includes date, time, and UTC timezone indicator</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (Date Only)</td>
+            <td><code>2021-10-01</code></td>
+            <td>Date portion only; time assumed to be midnight in UTC</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (With Timezone)</td>
+            <td><code>2021-10-01T00:00:00+00:00</code></td>
+            <td>Includes timezone offset; can use +/- with hours and minutes</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (No Timezone)</td>
+            <td><code>2021-10-01T00:00:00</code></td>
+            <td>Interpreted as local time</td>
+          </tr>
+          <tr>
+            <td>RFC 2822</td>
+            <td><code>Fri, 01 Oct 2021 00:00:00 GMT</code></td>
+            <td>Email date format with day of week and timezone</td>
+          </tr>
+          <tr>
+            <td>JavaScript Date String</td>
+            <td><code>Fri Oct 01 2021 00:00:00 GMT+0000</code></td>
+            <td>Output format from JavaScript's <code>Date.toString()</code></td>
+          </tr>
+          <tr>
+            <td>US Date Format</td>
+            <td><code>10/01/2021</code></td>
+            <td>MM/DD/YYYY format; ambiguous with international formats</td>
+          </tr>
+          <tr>
+            <td>ISO Date String</td>
+            <td><code>2021-10-01 00:00:00</code></td>
+            <td>YYYY-MM-DD HH:MM:SS format</td>
+          </tr>
+          <tr>
+            <td>Named Month Format</td>
+            <td><code>October 1, 2021</code></td>
+            <td>Month name followed by day and year</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <h5>Format Examples</h5>
+    <div class="row -mx mb">
+      <div class="col d-span-6 m-span-12 px">
+        <k-card label="ISO 8601">
+          <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">k-timestamp</span> <span class="hljs-attr">timestamp</span>=<span class="hljs-string">"2021-10-01T00:00:00Z"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-timestamp</span>&gt;</span></code></pre>
+          <p class="mt">Result:</p>
+          <k-timestamp timestamp="2021-10-01T00:00:00Z"></k-timestamp>
+        </k-card>
+      </div>
+      <div class="col d-span-6 m-span-12 px">
+        <k-card label="Named Month Format">
+          <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">k-timestamp</span> <span class="hljs-attr">timestamp</span>=<span class="hljs-string">"October 1, 2021"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-timestamp</span>&gt;</span></code></pre>
+          <p class="mt">Result:</p>
+          <k-timestamp timestamp="October 1, 2021"></k-timestamp>
+        </k-card>
+      </div>
+    </div>
+
+    <h5>Important Notes</h5>
+    <ul>
+      <li><strong>Browser Compatibility:</strong> Some formats may be parsed differently across browsers. ISO 8601 formats are the most reliable.</li>
+      <li><strong>Timezone Handling:</strong> Formats without explicit timezone information are interpreted as local time. ISO 8601 with <code>Z</code> or timezone offset are interpreted as absolute times.</li>
+      <li><strong>Format String Ambiguity:</strong> Ambiguous formats like <code>10/01/2021</code> may be interpreted differently depending on browser locale settings.</li>
+    </ul>
+
     <h2 id="jsRef"><a href="#jsRef" class="no-link">JavaScript Reference</a></h2>
 
     <h3 id="constructor"><a href="#constructor" class="no-link">Constructor</a></h3>
@@ -574,8 +667,8 @@
     </ul>
 
     <h3 id="properties"><a href="#properties" class="no-link">Properties</a></h3>
-    <h5><code>timestamp<i>: number</i></code></h5>
-    <p>The timestamp to be formatted and displayed. Syncs to <code>timestamp</code> attribute.</p>
+    <h5><code>timestamp<i>: string | number</i></code></h5>
+    <p>The timestamp to be formatted and displayed. Accepts EPOCH milliseconds (number), ISO 8601 formats, RFC 2822 formats, or other JavaScript-parseable date strings. See <a href="#supportedFormats">Supported Input Formats</a> for details. Syncs to <code>timestamp</code> attribute.</p>
     <h5><code>format<i>: string</i></code></h5>
     <p>The format to be used for formatting the timestamp using tokens like YYYY, MM, DD, hh, mm, ss. If not provided,
       uses the default format. Syncs to <code>format</code> attribute.</p>

package/docs-src/components/timestamp.page.html

@@ -10,6 +10,7 @@
           <ul>
             <li><a href="#timeFormat">Time Format</a></li>
           </ul>
+          <a href="#supportedFormats">Supported Input Formats</a><br />
 
           <h6 class="mt"><a href="#jsRef" class="no-link">JavaScript Reference</a></h6>
           <a href="#constructor">Constructor</a><br />
@@ -77,6 +78,98 @@
 
 
 
+    <h3 id="supportedFormats"><a href="#supportedFormats" class="no-link">Supported Input Formats</a></h3>
+    <p>The <code>Timestamp</code> component accepts various date/time input formats. The component uses JavaScript's <code>Date.parse()</code> for parsing, which supports multiple standard formats:</p>
+    
+    <div class="table-wrapper mb">
+      <table>
+        <thead>
+          <tr>
+            <th>Format Type</th>
+            <th>Example</th>
+            <th>Notes</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>EPOCH Milliseconds</td>
+            <td><code>1633024800000</code></td>
+            <td>Number value representing milliseconds since January 1, 1970</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (Full)</td>
+            <td><code>2021-10-01T00:00:00Z</code></td>
+            <td>Includes date, time, and UTC timezone indicator</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (Date Only)</td>
+            <td><code>2021-10-01</code></td>
+            <td>Date portion only; time assumed to be midnight in UTC</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (With Timezone)</td>
+            <td><code>2021-10-01T00:00:00+00:00</code></td>
+            <td>Includes timezone offset; can use +/- with hours and minutes</td>
+          </tr>
+          <tr>
+            <td>ISO 8601 (No Timezone)</td>
+            <td><code>2021-10-01T00:00:00</code></td>
+            <td>Interpreted as local time</td>
+          </tr>
+          <tr>
+            <td>RFC 2822</td>
+            <td><code>Fri, 01 Oct 2021 00:00:00 GMT</code></td>
+            <td>Email date format with day of week and timezone</td>
+          </tr>
+          <tr>
+            <td>JavaScript Date String</td>
+            <td><code>Fri Oct 01 2021 00:00:00 GMT+0000</code></td>
+            <td>Output format from JavaScript's <code>Date.toString()</code></td>
+          </tr>
+          <tr>
+            <td>US Date Format</td>
+            <td><code>10/01/2021</code></td>
+            <td>MM/DD/YYYY format; ambiguous with international formats</td>
+          </tr>
+          <tr>
+            <td>ISO Date String</td>
+            <td><code>2021-10-01 00:00:00</code></td>
+            <td>YYYY-MM-DD HH:MM:SS format</td>
+          </tr>
+          <tr>
+            <td>Named Month Format</td>
+            <td><code>October 1, 2021</code></td>
+            <td>Month name followed by day and year</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <h5>Format Examples</h5>
+    <div class="row -mx mb">
+      <div class="col d-span-6 m-span-12 px">
+        <k-card label="ISO 8601">
+          <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">k-timestamp</span> <span class="hljs-attr">timestamp</span>=<span class="hljs-string">"2021-10-01T00:00:00Z"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-timestamp</span>&gt;</span></code></pre>
+          <p class="mt">Result:</p>
+          <k-timestamp timestamp="2021-10-01T00:00:00Z"></k-timestamp>
+        </k-card>
+      </div>
+      <div class="col d-span-6 m-span-12 px">
+        <k-card label="Named Month Format">
+          <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">k-timestamp</span> <span class="hljs-attr">timestamp</span>=<span class="hljs-string">"October 1, 2021"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-timestamp</span>&gt;</span></code></pre>
+          <p class="mt">Result:</p>
+          <k-timestamp timestamp="October 1, 2021"></k-timestamp>
+        </k-card>
+      </div>
+    </div>
+
+    <h5>Important Notes</h5>
+    <ul>
+      <li><strong>Browser Compatibility:</strong> Some formats may be parsed differently across browsers. ISO 8601 formats are the most reliable.</li>
+      <li><strong>Timezone Handling:</strong> Formats without explicit timezone information are interpreted as local time. ISO 8601 with <code>Z</code> or timezone offset are interpreted as absolute times.</li>
+      <li><strong>Format String Ambiguity:</strong> Ambiguous formats like <code>10/01/2021</code> may be interpreted differently depending on browser locale settings.</li>
+    </ul>
+
     <h2 id="jsRef"><a href="#jsRef" class="no-link">JavaScript Reference</a></h2>
 
     <h3 id="constructor"><a href="#constructor" class="no-link">Constructor</a></h3>
@@ -89,8 +182,8 @@
     </ul>
 
     <h3 id="properties"><a href="#properties" class="no-link">Properties</a></h3>
-    <h5><code>timestamp<i>: number</i></code></h5>
-    <p>The timestamp to be formatted and displayed. Syncs to <code>timestamp</code> attribute.</p>
+    <h5><code>timestamp<i>: string | number</i></code></h5>
+    <p>The timestamp to be formatted and displayed. Accepts EPOCH milliseconds (number), ISO 8601 formats, RFC 2822 formats, or other JavaScript-parseable date strings. See <a href="#supportedFormats">Supported Input Formats</a> for details. Syncs to <code>timestamp</code> attribute.</p>
     <h5><code>format<i>: string</i></code></h5>
     <p>The format to be used for formatting the timestamp using tokens like YYYY, MM, DD, hh, mm, ss. If not provided,
       uses the default format. Syncs to <code>format</code> attribute.</p>

package/llms.txt

@@ -89,7 +89,7 @@ import { html, css, LitElement } from 'kempo-ui/src/lit-all.min.js';
 | `<k-theme-select>` | `ThemeSelect.js` | Dropdown to pick a theme | [theme-select.html](https://dustinpoissant.github.io/kempo-ui/components/theme-select.html) |
 | `<k-theme-switcher>` | `ThemeSwitcher.js` | Theme switcher with segmented and toggle display modes | [theme-switcher.html](https://dustinpoissant.github.io/kempo-ui/components/theme-switcher.html) |
 | `<k-time>` | `Time.js` | Wraps native `<input type="time">` with segmented hour/minute/AM-PM editing; `value` is 24-hour `HH:MM`; `increment` attr sets minute step (arrow-key granularity); `military` attr forces 24-hour display via `lang="en-GB"`; form-associated; fires `change` | [time.html](https://dustinpoissant.github.io/kempo-ui/components/time.html) |
-| `<k-timestamp>` | `Timestamp.js` | Displays a `value` timestamp as human-readable relative time | [timestamp.html](https://dustinpoissant.github.io/kempo-ui/components/timestamp.html) |
+| `<k-timestamp>` | `Timestamp.js` | Displays a formatted timestamp; accepts EPOCH milliseconds, ISO 8601, RFC 2822, and other JavaScript-parseable date formats; `value`/`format`/`locale` attributes | [timestamp.html](https://dustinpoissant.github.io/kempo-ui/components/timestamp.html) |
 | `<k-toast>` `<k-toast-container>` | `Toast.js` | Toast notifications; use `<k-toast-container>` once in page, call `.addToast(options)` | [toast.html](https://dustinpoissant.github.io/kempo-ui/components/toast.html) |
 | `<k-toggle>` | `Toggle.js` | On/off toggle; `value` (Boolean, reflects); methods: `on()`, `off()`, `toggle()`; fires `change`, `on`, `off` | [toggle.html](https://dustinpoissant.github.io/kempo-ui/components/toggle.html) |
 | `<k-tree>` `<k-tree-node>` | `Tree.js` | Expandable tree; nodes have `label`, `icon`, `href`, `expanded` | [tree.html](https://dustinpoissant.github.io/kempo-ui/components/tree.html) |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kempo-ui",
-  "version": "0.4.8",
+  "version": "0.4.10",
   "type": "module",
   "description": "A Lit based web-component library",
   "main": "index.js",
@@ -18,7 +18,7 @@
     "geticon": "node bin/get_icon.js",
     "listicons": "node bin/list_icons.js",
     "highlightcode": "node bin/highlight_code.js",
-    "test": "npx kempo-test",
+    "test": "npx kempo-test -l minimal",
     "test:gui": "npx kempo-test --gui",
     "test:browser": "npx kempo-test -b",
     "test:node": "npx kempo-test -n"

package/tasks/_template.md

@@ -0,0 +1,39 @@
+# {Task Number} - {Task Description } 
+
+## Status: {Planning | Ready | Blocked | In Progress | Testing | Complete | Released}
+
+## Dependency
+{What other task needs to be completed first before this task can be started, prefer markdown links}
+
+## References
+{What other tasks or resources should the developer/LLM be aware of before starting this task, prefer markdown links}
+
+## Current State
+{How does this feature currently work}
+
+## Aceptance Criteria
+{How does it need to work to consider this task a success}
+
+### In-Scope
+{What are some examples of repos/files/ect that can be changed to do this task}
+
+### Out of Scope
+{What are some examples of repos/files/ect that should not be changed to do this task, if we find a need to, create a new task (in this repo, or that repo)}
+
+## Task Details
+{What steps need to happen to complete this task}
+
+## Testing / Validation Plan
+{How should this task be tested/validated, make sure all of the acceptance criteria is covered by the test plan}
+
+### Testing / Validation Results
+
+#### LLM Validation Results
+**IMPORTANT: DO NOT fill this in during task-create or task-prepare.** This section is filled in during the "task-validate" skill (which is linked from the "task-complete" skill step 6). Include:
+- Subheadings for each acceptance criterion that was validated
+- Subheadings for each item in the testing plan
+- Pass/fail status and details for each item
+- Screenshots or evidence showing validation passed
+
+#### User Validation Results
+**IMPORTANT: Always leave this section completely blank.** The user may optionally add notes here during the "task-complete" skill step 7 of task-complete if they have additional validation information beyond what the LLM documented in the LLM Validation Results section.

package/tasks/released/0001-identify-timestamp-formats/validation-snapshot.txt

@@ -0,0 +1,236 @@
+uid=1_0 RootWebArea "Timestamp - Components - Kempo Docs - A Web Components Solution" url="http://localhost:8083/components/timestamp.html"
+  uid=1_1 navigation
+    uid=1_2 button
+    uid=1_3 link "Kempo UI Icon Kempo UI" url="http://localhost:8083/"
+      uid=1_4 image "Kempo UI Icon" url="http://localhost:8083/media/icon32.png"
+      uid=1_5 StaticText "Kempo UI"
+    uid=1_6 searchbox "Search docs..."
+    uid=1_7 link url="https://github.com/dustinpoissant/kempo-ui?tab=License-1-ov-file#creative-commons-attribution-noncommercial-sharealike-20"
+    uid=1_8 link url="https://www.npmjs.com/package/kempo-ui"
+    uid=1_9 link url="https://github.com/dustinpoissant/kempo-ui"
+    uid=1_10 button "light"
+    uid=1_11 button "auto"
+    uid=1_12 button "dark"
+  uid=1_13 heading "Timestamp" level="1"
+  uid=1_14 main
+    uid=1_15 StaticText "Table of Contents"
+    uid=1_16 heading "Examples" level="6"
+    uid=1_17 link "Basic Usage" url="http://localhost:8083/components/timestamp.html#basicUsage"
+      uid=1_18 StaticText "Basic Usage"
+    uid=1_19 LineBreak "
+"
+    uid=1_20 link "Custom Format" url="http://localhost:8083/components/timestamp.html#customFormat"
+      uid=1_21 StaticText "Custom Format"
+    uid=1_22 LineBreak "
+"
+    uid=1_23 link "Time Format" url="http://localhost:8083/components/timestamp.html#timeFormat"
+      uid=1_24 StaticText "Time Format"
+    uid=1_25 link "Supported Input Formats" url="http://localhost:8083/components/timestamp.html#supportedFormats"
+      uid=1_26 StaticText "Supported Input Formats"
+    uid=1_27 LineBreak "
+"
+    uid=1_28 link "JavaScript Reference" url="http://localhost:8083/components/timestamp.html#jsRef"
+      uid=1_29 StaticText "JavaScript Reference"
+    uid=1_30 link "Constructor" url="http://localhost:8083/components/timestamp.html#constructor"
+      uid=1_31 StaticText "Constructor"
+    uid=1_32 LineBreak "
+"
+    uid=1_33 link "Requirements" url="http://localhost:8083/components/timestamp.html#requirements"
+      uid=1_34 StaticText "Requirements"
+    uid=1_35 LineBreak "
+"
+    uid=1_36 link "Properties" url="http://localhost:8083/components/timestamp.html#properties"
+      uid=1_37 StaticText "Properties"
+    uid=1_38 LineBreak "
+"
+    uid=1_39 link "Methods" url="http://localhost:8083/components/timestamp.html#methods"
+      uid=1_40 StaticText "Methods"
+    uid=1_41 LineBreak "
+"
+    uid=1_42 heading "Description" level="3"
+    uid=1_43 StaticText "The "
+    uid=1_44 StaticText "Timestamp"
+    uid=1_45 StaticText " component displays a formatted timestamp using custom format tokens. It extends the ShadowComponent class for encapsulated styling."
+    uid=1_46 link "Basic Usage" url="http://localhost:8083/components/timestamp.html#basicUsage"
+      uid=1_47 StaticText "Basic Usage"
+    uid=1_48 StaticText "Use the "
+    uid=1_49 StaticText "Timestamp"
+    uid=1_50 StaticText " component to display a formatted timestamp. The component will automatically format the timestamp using the default format or a custom format with tokens."
+    uid=1_51 StaticText "HTML"
+    uid=1_52 StaticText "<"
+    uid=1_53 StaticText "k-timestamp"
+    uid=1_54 StaticText " "
+    uid=1_55 StaticText "timestamp"
+    uid=1_56 StaticText "="
+    uid=1_57 StaticText ""1633024800000""
+    uid=1_58 StaticText ">"
+    uid=1_59 StaticText "</"
+    uid=1_60 StaticText "k-timestamp"
+    uid=1_61 StaticText ">"
+    uid=1_62 StaticText "Results"
+    uid=1_63 StaticText "9/30/2021, 2:00:00 PM"
+    uid=1_64 link "Custom Format" url="http://localhost:8083/components/timestamp.html#customFormat"
+      uid=1_65 StaticText "Custom Format"
+    uid=1_66 StaticText "Use the "
+    uid=1_67 StaticText "format"
+    uid=1_68 StaticText " attribute to specify a custom format using tokens like "
+    uid=1_69 StaticText "YYYY"
+    uid=1_70 StaticText " (4-digit year), "
+    uid=1_71 StaticText "MM"
+    uid=1_72 StaticText " (2-digit month), "
+    uid=1_73 StaticText "DD"
+    uid=1_74 StaticText " (2-digit day), "
+    uid=1_75 StaticText "hh"
+    uid=1_76 StaticText " (2-digit hour), "
+    uid=1_77 StaticText "mm"
+    uid=1_78 StaticText " (2-digit minute), and "
+    uid=1_79 StaticText "ss"
+    uid=1_80 StaticText " (2-digit second)."
+    uid=1_81 StaticText "HTML"
+    uid=1_82 StaticText "<"
+    uid=1_83 StaticText "k-timestamp"
+    uid=1_84 StaticText " "
+    uid=1_85 StaticText "timestamp"
+    uid=1_86 StaticText "="
+    uid=1_87 StaticText ""1633024800000""
+    uid=1_88 StaticText " "
+    uid=1_89 StaticText "format"
+    uid=1_90 StaticText "="
+    uid=1_91 StaticText ""MM/DD/YYYY""
+    uid=1_92 StaticText ">"
+    uid=1_93 StaticText "</"
+    uid=1_94 StaticText "k-timestamp"
+    uid=1_95 StaticText ">"
+    uid=1_96 StaticText "Results"
+    uid=1_97 StaticText "09/30/2021"
+    uid=1_98 link "Time Format" url="http://localhost:8083/components/timestamp.html#timeFormat"
+      uid=1_99 StaticText "Time Format"
+    uid=1_100 StaticText "Display time with custom formatting using hour, minute, and second tokens."
+    uid=1_101 StaticText "HTML"
+    uid=1_102 StaticText "<"
+    uid=1_103 StaticText "k-timestamp"
+    uid=1_104 StaticText " "
+    uid=1_105 StaticText "timestamp"
+    uid=1_106 StaticText "="
+    uid=1_107 StaticText ""1633024800000""
+    uid=1_108 StaticText " "
+    uid=1_109 StaticText "format"
+    uid=1_110 StaticText "="
+    uid=1_111 StaticText ""hh:mm:ss""
+    uid=1_112 StaticText ">"
+    uid=1_113 StaticText "</"
+    uid=1_114 StaticText "k-timestamp"
+    uid=1_115 StaticText ">"
+    uid=1_116 StaticText "Results"
+    uid=1_117 StaticText "14:00:00"
+    uid=1_118 link "Supported Input Formats" url="http://localhost:8083/components/timestamp.html#supportedFormats"
+      uid=1_119 StaticText "Supported Input Formats"
+    uid=1_120 StaticText "The "
+    uid=1_121 StaticText "Timestamp"
+    uid=1_122 StaticText " component accepts various date/time input formats. The component uses JavaScript's "
+    uid=1_123 StaticText "Date.parse()"
+    uid=1_124 StaticText " for parsing, which supports multiple standard formats:"
+    uid=1_125 StaticText "Format Type"
+    uid=1_126 StaticText "Example"
+    uid=1_127 StaticText "Notes"
+    uid=1_128 StaticText "EPOCH Milliseconds"
+    uid=1_129 StaticText "1633024800000"
+    uid=1_130 StaticText "Number value representing milliseconds since January 1, 1970"
+    uid=1_131 StaticText "ISO 8601 (Full)"
+    uid=1_132 StaticText "2021-10-01T00:00:00Z"
+    uid=1_133 StaticText "Includes date, time, and UTC timezone indicator"
+    uid=1_134 StaticText "ISO 8601 (Date Only)"
+    uid=1_135 StaticText "2021-10-01"
+    uid=1_136 StaticText "Date portion only; time assumed to be midnight in UTC"
+    uid=1_137 StaticText "ISO 8601 (With Timezone)"
+    uid=1_138 StaticText "2021-10-01T00:00:00+00:00"
+    uid=1_139 StaticText "Includes timezone offset; can use +/- with hours and minutes"
+    uid=1_140 StaticText "ISO 8601 (No Timezone)"
+    uid=1_141 StaticText "2021-10-01T00:00:00"
+    uid=1_142 StaticText "Interpreted as local time"
+    uid=1_143 StaticText "RFC 2822"
+    uid=1_144 StaticText "Fri, 01 Oct 2021 00:00:00 GMT"
+    uid=1_145 StaticText "Email date format with day of week and timezone"
+    uid=1_146 StaticText "JavaScript Date String"
+    uid=1_147 StaticText "Fri Oct 01 2021 00:00:00 GMT+0000"
+    uid=1_148 StaticText "Output format from JavaScript's "
+    uid=1_149 StaticText "Date.toString()"
+    uid=1_150 StaticText "US Date Format"
+    uid=1_151 StaticText "10/01/2021"
+    uid=1_152 StaticText "MM/DD/YYYY format; ambiguous with international formats"
+    uid=1_153 StaticText "ISO Date String"
+    uid=1_154 StaticText "2021-10-01 00:00:00"
+    uid=1_155 StaticText "YYYY-MM-DD HH:MM:SS format"
+    uid=1_156 StaticText "Named Month Format"
+    uid=1_157 StaticText "October 1, 2021"
+    uid=1_158 StaticText "Month name followed by day and year"
+    uid=1_159 heading "Format Examples" level="5"
+    uid=1_160 StaticText "ISO 8601"
+    uid=1_161 StaticText "<"
+    uid=1_162 StaticText "k-timestamp"
+    uid=1_163 StaticText " "
+    uid=1_164 StaticText "timestamp"
+    uid=1_165 StaticText "="
+    uid=1_166 StaticText ""2021-10-01T00:00:00Z""
+    uid=1_167 StaticText ">"
+    uid=1_168 StaticText "</"
+    uid=1_169 StaticText "k-timestamp"
+    uid=1_170 StaticText ">"
+    uid=1_171 StaticText "Result:"
+    uid=1_172 StaticText "9/30/2021, 8:00:00 PM"
+    uid=1_173 StaticText "Named Month Format"
+    uid=1_174 StaticText "<"
+    uid=1_175 StaticText "k-timestamp"
+    uid=1_176 StaticText " "
+    uid=1_177 StaticText "timestamp"
+    uid=1_178 StaticText "="
+    uid=1_179 StaticText ""October 1, 2021""
+    uid=1_180 StaticText ">"
+    uid=1_181 StaticText "</"
+    uid=1_182 StaticText "k-timestamp"
+    uid=1_183 StaticText ">"
+    uid=1_184 StaticText "Result:"
+    uid=1_185 StaticText "10/1/2021, 12:00:00 AM"
+    uid=1_186 heading "Important Notes" level="5"
+    uid=1_187 StaticText "Browser Compatibility:"
+    uid=1_188 StaticText " Some formats may be parsed differently across browsers. ISO 8601 formats are the most reliable."
+    uid=1_189 StaticText "Timezone Handling:"
+    uid=1_190 StaticText " Formats without explicit timezone information are interpreted as local time. ISO 8601 with "
+    uid=1_191 StaticText "Z"
+    uid=1_192 StaticText " or timezone offset are interpreted as absolute times."
+    uid=1_193 StaticText "Format String Ambiguity:"
+    uid=1_194 StaticText " Ambiguous formats like "
+    uid=1_195 StaticText "10/01/2021"
+    uid=1_196 StaticText " may be interpreted differently depending on browser locale settings."
+    uid=1_197 link "JavaScript Reference" url="http://localhost:8083/components/timestamp.html#jsRef"
+      uid=1_198 StaticText "JavaScript Reference"
+    uid=1_199 link "Constructor" url="http://localhost:8083/components/timestamp.html#constructor"
+      uid=1_200 StaticText "Constructor"
+    uid=1_201 heading "Extends ShadowComponent" level="6"
+    uid=1_202 link "Requirements" url="http://localhost:8083/components/timestamp.html#requirements"
+      uid=1_203 StaticText "Requirements"
+    uid=1_204 StaticText "ShadowComponent"
+    uid=1_205 link "formatTimestamp Utility Function" url="http://localhost:8083/utils/formatTimestamp.js"
+      uid=1_206 StaticText "formatTimestamp Utility Function"
+    uid=1_207 link "Properties" url="http://localhost:8083/components/timestamp.html#properties"
+      uid=1_208 StaticText "Properties"
+    uid=1_209 heading "timestamp: string | number" level="5"
+    uid=1_210 StaticText "The timestamp to be formatted and displayed. Accepts EPOCH milliseconds (number), ISO 8601 formats, RFC 2822 formats, or other JavaScript-parseable date strings. See "
+    uid=1_211 link "Supported Input Formats" url="http://localhost:8083/components/timestamp.html#supportedFormats"
+      uid=1_212 StaticText "Supported Input Formats"
+    uid=1_213 StaticText " for details. Syncs to "
+    uid=1_214 StaticText "timestamp"
+    uid=1_215 StaticText " attribute."
+    uid=1_216 heading "format: string" level="5"
+    uid=1_217 StaticText "The format to be used for formatting the timestamp using tokens like YYYY, MM, DD, hh, mm, ss. If not provided, uses the default format. Syncs to "
+    uid=1_218 StaticText "format"
+    uid=1_219 StaticText " attribute."
+    uid=1_220 heading "locale: string" level="5"
+    uid=1_221 StaticText "The locale to be used for formatting the timestamp. Syncs to "
+    uid=1_222 StaticText "locale"
+    uid=1_223 StaticText " attribute."
+    uid=1_224 link "Methods" url="http://localhost:8083/components/timestamp.html#methods"
+      uid=1_225 StaticText "Methods"
+    uid=1_226 StaticText "The "
+    uid=1_227 StaticText "Timestamp"
+    uid=1_228 StaticText " class does not introduce any new methods beyond those provided by the ShadowComponent class."