base-paint 0.3.13 → 0.3.15

package/dist/components/timer-card/index.d.ts

@@ -0,0 +1,34 @@
+/** timer-card · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 计时卡 ——
+ *
+ *  一句话：**剩余时间当卡上的主读数**（大数字 ＋ 进度条 ＋ 已过／还剩），底下开始／暂停／重置，
+ *  并写明"这一锅在等什么"。等的那几分钟（私家大厨）与运动计时（卡路里）都用它。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要"等一会儿"并在到点时提醒（煸炒 3 分钟／平板支撑 1 分钟）⇒ 用本件；
+ *   · 一步一步走、要看出现在该做哪一步 ⇒ 用 `step-flow`（步骤条）；
+ *   · 一笔事走到哪个阶段（分期／保修）⇒ 用 `status-row`；
+ *   · 还剩几天（不按分钟算）⇒ 用 `due-row`。
+ *
+ *  四件出口：
+ *   · `renderTimerCard(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `timerCardCss()` —— 样式段（页面按需注入）；
+ *   · `buildTimerCardJs()` —— 运行时（产出 JS 文本：真计时，一个心跳驱动全页计时卡）；
+ *   · 契约常量与入参类型（`TIMER_KEY_ATTR`／`TIMER_STATE_ATTR`／`TIMER_EVENT_STATE` …）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:timer-state', (e) => {
+ *    const { key, state, remainingMs, totalMs } = e.detail;   // 状态一变就来一条
+ *  });
+ *  document.addEventListener('ilife:timer-done', (e) => { /* 到点了 * / });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TIMER_ACT_ATTR, TIMER_ACTS, TIMER_BOUND_ATTR, TIMER_BUSY_ATTR, TIMER_CARD_CLASS, TIMER_CARD_EMPTY_LINE, TIMER_CARD_FORMS, TIMER_CARD_MISSING, TIMER_CARD_SLOTS, TIMER_CARD_TICK_MS, TIMER_DISABLED_ATTR, TIMER_DISPLAY_ATTR, TIMER_ELAPSED_ATTR, TIMER_EVENT_DONE, TIMER_EVENT_STATE, TIMER_KEY_ATTR, TIMER_LOADING_LABEL, TIMER_PRIMARY_LABELS, TIMER_REMAIN_ATTR, TIMER_RESET_LABEL, TIMER_REST_ATTR, TIMER_STATES, TIMER_STATE_ATTR, TIMER_STATE_WORDS, TIMER_TAG_ATTR, TIMER_TOTAL_ATTR, timerCardClass, timerCardSlot, } from './attrs.js';
+export type { TimerAct, TimerCardForm, TimerCardInput, TimerCardSlot, TimerState, } from './attrs.js';
+export { renderTimerCard, timerClockText } from './render.js';
+export { TIMER_CARD_BUTTON_MIN_HEIGHT_PX, TIMER_CARD_BUTTON_MIN_WIDTH_PX, TIMER_CARD_CONTAINER, TIMER_CARD_NARROW_MAX_PX, TIMER_CARD_VALUE_PX, timerCardCss, } from './style.js';
+export { buildTimerCardJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/timer-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/timer-card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,QAAQ,EACR,aAAa,EACb,cAAc,EACd,aAAa,EACb,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EACL,+BAA+B,EAC/B,8BAA8B,EAC9B,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/timer-card/index.js

@@ -0,0 +1,32 @@
+/** timer-card · **组件出口**（本件对外的唯一名字面）。
+ *
+ *  —— 计时卡 ——
+ *
+ *  一句话：**剩余时间当卡上的主读数**（大数字 ＋ 进度条 ＋ 已过／还剩），底下开始／暂停／重置，
+ *  并写明"这一锅在等什么"。等的那几分钟（私家大厨）与运动计时（卡路里）都用它。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 要"等一会儿"并在到点时提醒（煸炒 3 分钟／平板支撑 1 分钟）⇒ 用本件；
+ *   · 一步一步走、要看出现在该做哪一步 ⇒ 用 `step-flow`（步骤条）；
+ *   · 一笔事走到哪个阶段（分期／保修）⇒ 用 `status-row`；
+ *   · 还剩几天（不按分钟算）⇒ 用 `due-row`。
+ *
+ *  四件出口：
+ *   · `renderTimerCard(input)` —— 产标记（纯函数，零 DOM）；
+ *   · `timerCardCss()` —— 样式段（页面按需注入）；
+ *   · `buildTimerCardJs()` —— 运行时（产出 JS 文本：真计时，一个心跳驱动全页计时卡）；
+ *   · 契约常量与入参类型（`TIMER_KEY_ATTR`／`TIMER_STATE_ATTR`／`TIMER_EVENT_STATE` …）。
+ *
+ *  页面怎么接自己的逻辑（不引入任何全局）：
+ *  ```js
+ *  document.addEventListener('ilife:timer-state', (e) => {
+ *    const { key, state, remainingMs, totalMs } = e.detail;   // 状态一变就来一条
+ *  });
+ *  document.addEventListener('ilife:timer-done', (e) => { /* 到点了 * / });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { TIMER_ACT_ATTR, TIMER_ACTS, TIMER_BOUND_ATTR, TIMER_BUSY_ATTR, TIMER_CARD_CLASS, TIMER_CARD_EMPTY_LINE, TIMER_CARD_FORMS, TIMER_CARD_MISSING, TIMER_CARD_SLOTS, TIMER_CARD_TICK_MS, TIMER_DISABLED_ATTR, TIMER_DISPLAY_ATTR, TIMER_ELAPSED_ATTR, TIMER_EVENT_DONE, TIMER_EVENT_STATE, TIMER_KEY_ATTR, TIMER_LOADING_LABEL, TIMER_PRIMARY_LABELS, TIMER_REMAIN_ATTR, TIMER_RESET_LABEL, TIMER_REST_ATTR, TIMER_STATES, TIMER_STATE_ATTR, TIMER_STATE_WORDS, TIMER_TAG_ATTR, TIMER_TOTAL_ATTR, timerCardClass, timerCardSlot, } from './attrs.js';
+export { renderTimerCard, timerClockText } from './render.js';
+export { TIMER_CARD_BUTTON_MIN_HEIGHT_PX, TIMER_CARD_BUTTON_MIN_WIDTH_PX, TIMER_CARD_CONTAINER, TIMER_CARD_NARROW_MAX_PX, TIMER_CARD_VALUE_PX, timerCardCss, } from './style.js';
+export { buildTimerCardJs } from './runtime.js';

package/dist/components/timer-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/timer-card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,OAAO,EACL,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EACL,+BAA+B,EAC/B,8BAA8B,EAC9B,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/timer-card/model.d.ts

@@ -0,0 +1,19 @@
+import { type TimerCardForm, type TimerState } from './attrs.js';
+/** 内部类型：每个字段都已校验、已归一。 */
+export interface TimerCardModel {
+    readonly form: TimerCardForm;
+    readonly key: string;
+    readonly title: string;
+    readonly totalSeconds: number;
+    readonly elapsedSeconds: number;
+    readonly state: TimerState;
+    readonly hint?: string;
+    readonly error?: string;
+    readonly loading: boolean;
+    readonly disabled: boolean;
+    readonly absentLine?: string;
+    readonly extraClass?: string;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `TimerCardModel`。 */
+export declare function normalizeTimerCard(input: unknown): TimerCardModel;
+//# sourceMappingURL=model.d.ts.map

package/dist/components/timer-card/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/components/timer-card/model.ts"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,aAAa,EAElB,KAAK,UAAU,EAChB,MAAM,YAAY,CAAC;AAEpB,yBAAyB;AACzB,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAiBD,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,CAmCjE"}

package/dist/components/timer-card/model.js

@@ -0,0 +1,63 @@
+/** timer-card · **入参归一化与校验**（把 `any` 与说不出的 `unknown` 挡在门外，产出内部类型）。
+ *
+ *  三条口径：
+ *   1. **非法入参一律 `badInput()`**（抛 `BlocksError`）——不静默降级：时长给错若不报，
+ *      卡上会显示一个永远不动的钟；
+ *   2. **时长是这一件唯一"真算"的东西**（要倒计时），所以它必须是有限数；
+ *      "还剩多少"由 `total - elapsed` 现算，而 `elapsed` 不许超过 `total`；
+ *   3. 状态与时长要对得上：`totalSeconds = 0`（还没设时长）时只许 `idle`。
+ */
+import { assertPlainObject, badInput, optExtraClass, optText, reqText } from '../shared/validate.js';
+import { TIMER_CARD_FORMS, TIMER_STATES, } from './attrs.js';
+/** 必须是非负有限数（秒）。 */
+function seconds(value, field) {
+    if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
+        badInput(field + ' 必须是 ≥0 的有限数（秒），收到：' + String(value));
+    }
+    return value;
+}
+/** 可选布尔：给了必须是布尔。 */
+function optFlag(value, field, fallback) {
+    if (value === undefined)
+        return fallback;
+    if (typeof value !== 'boolean')
+        badInput(field + ' 必须是布尔');
+    return value;
+}
+/** 入参归一化。**唯一入口**：`render.ts` 只吃它产出的 `TimerCardModel`。 */
+export function normalizeTimerCard(input) {
+    assertPlainObject(input, 'renderTimerCard: input');
+    const raw = input;
+    const form = raw.form === undefined ? TIMER_CARD_FORMS[0] : raw.form;
+    if (!TIMER_CARD_FORMS.includes(form)) {
+        badInput('timer-card: input.form 必须是 ' + TIMER_CARD_FORMS.join('／') + ' 之一（本件只落地形态 A「卡式大数字」）');
+    }
+    const total = seconds(raw.totalSeconds, 'timer-card: input.totalSeconds');
+    const elapsed = raw.elapsedSeconds === undefined
+        ? 0
+        : seconds(raw.elapsedSeconds, 'timer-card: input.elapsedSeconds');
+    if (elapsed > total) {
+        badInput('timer-card: input.elapsedSeconds 不得大于 totalSeconds（' + elapsed + ' > ' + total + '）');
+    }
+    const state = raw.state === undefined ? 'idle' : raw.state;
+    if (!TIMER_STATES.includes(state)) {
+        badInput('timer-card: input.state 必须是 ' + TIMER_STATES.join('／') + ' 之一，收到：' + String(raw.state));
+    }
+    if (total === 0 && state !== 'idle') {
+        badInput('timer-card: totalSeconds 为 0（还没设时长）时 state 只能是 idle，收到：' + state);
+    }
+    return {
+        form: form,
+        key: reqText(raw.key, 'timer-card: input.key'),
+        title: reqText(raw.title, 'timer-card: input.title'),
+        totalSeconds: total,
+        elapsedSeconds: elapsed,
+        state,
+        hint: optText(raw.hint, 'timer-card: input.hint'),
+        error: optText(raw.error, 'timer-card: input.error'),
+        loading: optFlag(raw.loading, 'timer-card: input.loading', false),
+        disabled: optFlag(raw.disabled, 'timer-card: input.disabled', false),
+        absentLine: optText(raw.absentLine, 'timer-card: input.absentLine'),
+        extraClass: optExtraClass(raw.extraClass, 'timer-card: input.extraClass'),
+    };
+}

package/dist/components/timer-card/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/timer-card/model.ts"],"names":[],"mappings":"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"}

package/dist/components/timer-card/render.d.ts

@@ -0,0 +1,8 @@
+import { type TimerCardSlot, type TimerState } from './attrs.js';
+import type { TimerCardForm, TimerCardInput, TimerAct } from './attrs.js';
+export type { TimerAct, TimerCardForm, TimerCardInput, TimerCardSlot, TimerState };
+/** 秒 → 时钟串（`MM:SS`；≥1 小时才出小时位）。**运行时段里有一份同样的口径**（判据会把两边对上）。 */
+export declare function timerClockText(totalSeconds: number): string;
+/** 计时卡：一张卡一个计时器。`totalSeconds = 0` ⇒ 走到空态（大数字写 `—`、按钮按不动）。 */
+export declare function renderTimerCard(input: TimerCardInput): string;
+//# sourceMappingURL=render.d.ts.map

package/dist/components/timer-card/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/components/timer-card/render.ts"],"names":[],"mappings":"AAcA,OAAO,EAKL,KAAK,aAAa,EAAE,KAAK,UAAU,EACpC,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE1E,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC;AAQnF,+DAA+D;AAC/D,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAM3D;AAsCD,8DAA8D;AAC9D,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAuC7D"}

package/dist/components/timer-card/render.js

@@ -0,0 +1,107 @@
+/** timer-card · **渲染**（纯函数产 HTML；零 DOM、零副作用）。
+ *
+ *  形状：`卡头（标题 ＋ 状态字）` → `大数字（＋单位）` → `进度条` → `读数（已过／总／还剩）` →
+ *  `提示句（可选）` → `按钮排（主按钮 ＋ 重置 ＋ 错句）` → `空态（可选）`。
+ *
+ *  它替掉的是哪几种错法：
+ *   · 倒计时写在一句话里（「这一锅还要等 1 分 20 秒」）⇒ 大数字当主读数，一眼看得出；
+ *   · 进度条只有一条、没有读数 ⇒ 大数字 ＋ 条 ＋ 「已过／还剩」三样一起给；
+ *   · 只有"开始"没有"暂停／重置"（等过了头只能干瞪眼）⇒ 主按钮按状态换字，另有一颗重置。
+ *
+ *  **时间口径**：`totalSeconds` 是唯一的数；`还剩 = total - elapsed`，`elapsed` 缺省 0。
+ *  显示串走 `timerClockText()`（`MM:SS`，超过一小时才出小时位）。
+ */
+import { esc } from '../shared/escape.js';
+import { TIMER_ACT_ATTR, TIMER_BAR_ATTR, TIMER_BUSY_ATTR, TIMER_CARD_EMPTY_LINE, TIMER_CARD_MISSING, TIMER_DISABLED_ATTR, TIMER_DISPLAY_ATTR, TIMER_ELAPSED_ATTR, TIMER_KEY_ATTR, TIMER_LOADING_LABEL, TIMER_PRIMARY_LABELS, TIMER_REMAIN_ATTR, TIMER_RESET_LABEL, TIMER_REST_ATTR, TIMER_STATE_ATTR, TIMER_STATE_WORDS, TIMER_TAG_ATTR, TIMER_TOTAL_ATTR, timerCardClass, timerCardSlot, } from './attrs.js';
+import { normalizeTimerCard } from './model.js';
+/** 槽类名的本件内缩写（前缀固定 `ilife-`：换前缀是样式段的事）。 */
+const slot = (name) => timerCardSlot(name);
+/** 两位补零。 */
+const pad2 = (n) => (n < 10 ? '0' : '') + String(n);
+/** 秒 → 时钟串（`MM:SS`；≥1 小时才出小时位）。**运行时段里有一份同样的口径**（判据会把两边对上）。 */
+export function timerClockText(totalSeconds) {
+    const sec = Math.max(0, Math.round(totalSeconds));
+    const h = Math.floor(sec / 3600);
+    const m = Math.floor((sec - h * 3600) / 60);
+    const s = sec - h * 3600 - m * 60;
+    return h > 0 ? h + ':' + pad2(m) + ':' + pad2(s) : pad2(m) + ':' + pad2(s);
+}
+/** 错态节点的 id（`aria-describedby` 指过来）。 */
+function errId(key) {
+    return 'ilife-timer-err-' + key.replace(/[^A-Za-z0-9_-]+/g, '-');
+}
+/** 大数字 ＋ 单位（剩余时间当主读数；空态写 `—`）。 */
+function displayHtml(remaining, state, empty) {
+    const value = empty ? TIMER_CARD_MISSING : timerClockText(remaining);
+    const unit = empty ? '' : (state === 'done' ? '已用完' : '还剩');
+    return '<div class="' + slot('display') + '">'
+        + '<b class="' + slot('display-value') + '" ' + TIMER_DISPLAY_ATTR + '="1">' + esc(value) + '</b>'
+        + (unit === '' ? '' : '<span class="' + slot('display-unit') + '">' + esc(unit) + '</span>')
+        + '</div>';
+}
+/** 按钮排：主按钮（按状态换字）＋ 重置 ＋（可选）错句。 */
+function actsHtml(m, empty) {
+    const id = m.error === undefined ? undefined : errId(m.key);
+    const described = id === undefined ? [] : ['aria-describedby="' + esc(id) + '"'];
+    const off = m.disabled || empty;
+    const primary = [TIMER_ACT_ATTR + '="toggle"'].concat(described);
+    if (m.loading)
+        primary.push('aria-busy="true"');
+    if (off || m.loading)
+        primary.push('disabled', 'aria-disabled="true"');
+    const reset = [TIMER_ACT_ATTR + '="reset"'].concat(described);
+    if (off)
+        reset.push('disabled', 'aria-disabled="true"');
+    const label = m.loading ? TIMER_LOADING_LABEL : TIMER_PRIMARY_LABELS[m.state];
+    return '<div class="' + slot('acts') + '">'
+        + '<button type="button" class="' + slot('button') + '" ' + primary.join(' ') + '>' + esc(label) + '</button>'
+        + '<button type="button" class="' + slot('button') + ' is-quiet" ' + reset.join(' ') + '>'
+        + esc(TIMER_RESET_LABEL) + '</button>'
+        + (id === undefined
+            ? '' : '<span class="' + slot('error') + '" id="' + esc(id) + '" role="alert">'
+            + esc(m.error) + '</span>')
+        + '</div>';
+}
+/** 计时卡：一张卡一个计时器。`totalSeconds = 0` ⇒ 走到空态（大数字写 `—`、按钮按不动）。 */
+export function renderTimerCard(input) {
+    const m = normalizeTimerCard(input);
+    const empty = m.totalSeconds === 0;
+    const remaining = Math.max(0, m.totalSeconds - m.elapsedSeconds);
+    const ratio = m.totalSeconds === 0 ? 0 : (m.totalSeconds - remaining) / m.totalSeconds;
+    const rootAttrs = [
+        'class="' + timerCardClass() + (m.extraClass === undefined ? '' : ' ' + m.extraClass) + '"',
+        TIMER_KEY_ATTR + '="' + esc(m.key) + '"',
+        TIMER_STATE_ATTR + '="' + esc(m.state) + '"',
+        TIMER_TOTAL_ATTR + '="' + String(Math.round(m.totalSeconds * 1000)) + '"',
+        TIMER_REMAIN_ATTR + '="' + String(Math.round(remaining * 1000)) + '"',
+    ];
+    if (m.disabled)
+        rootAttrs.push(TIMER_DISABLED_ATTR + '="1"');
+    if (m.loading)
+        rootAttrs.push(TIMER_BUSY_ATTR + '="1"', 'aria-busy="true"');
+    const head = '<div class="' + slot('head') + '">'
+        + '<span class="' + slot('title') + '">' + esc(m.title) + '</span>'
+        + '<span class="' + slot('tag') + ' is-' + m.state + '" ' + TIMER_TAG_ATTR + '="1">'
+        + esc(TIMER_STATE_WORDS[m.state]) + '</span>'
+        + '</div>';
+    const bar = '<div class="' + slot('bar') + '" aria-hidden="true">'
+        + '<i class="' + slot('bar-fill') + '" ' + TIMER_BAR_ATTR + '="1" style="transform:scaleX('
+        + ratio.toFixed(4) + ')"></i></div>';
+    const readouts = '<div class="' + slot('readouts') + '">'
+        + '<span>已过 <b ' + TIMER_ELAPSED_ATTR + '="1">'
+        + esc(timerClockText(m.totalSeconds - remaining)) + '</b></span>'
+        + '<span>总 <b>' + esc(timerClockText(m.totalSeconds)) + '</b></span>'
+        + '<span>还剩 <b ' + TIMER_REST_ATTR + '="1">' + esc(timerClockText(remaining)) + '</b></span>'
+        + '</div>';
+    const hint = m.hint === undefined
+        ? ''
+        : '<p class="' + slot('hint') + '">' + esc(m.hint) + '</p>';
+    const absent = empty
+        ? '<p class="' + slot('absent') + '">'
+            + esc(m.absentLine === undefined ? TIMER_CARD_EMPTY_LINE : m.absentLine) + '</p>'
+        : '';
+    return '<div ' + rootAttrs.join(' ') + '>'
+        + head + displayHtml(remaining, m.state, empty) + bar + readouts + hint
+        + actsHtml(m, empty) + absent
+        + '</div>';
+}

package/dist/components/timer-card/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../../src/components/timer-card/render.ts"],"names":[],"mappings":"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"}

package/dist/components/timer-card/runtime.d.ts

@@ -0,0 +1,3 @@
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export declare function buildTimerCardJs(): string;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/components/timer-card/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../src/components/timer-card/runtime.ts"],"names":[],"mappings":"AAwBA,6DAA6D;AAC7D,wBAAgB,gBAAgB,IAAI,MAAM,CAiHzC"}

package/dist/components/timer-card/runtime.js

@@ -0,0 +1,132 @@
+/** timer-card · **运行时**（产出 JS 文本；DOM 只允许出现在这段文本里）。
+ *
+ *  与 `editableValue.buildEditableValueJs()`／`taskList.buildTaskListJs()` 同一处分工：
+ *  模块代码零 DOM；DOM 只出现在本文件产出的**字符串**里。
+ *
+ *  行为契约（逐条对应判据）：
+ *   · **委派 ＋ 幂等**：`document` 上一枚 `click` 委派；重复注入只绑一次（根标记在 `documentElement`）。
+ *   · **一个心跳驱动全页**：所有卡共用一个 `setInterval`（`TIMER_CARD_TICK_MS`）；没有在跑的卡就停表。
+ *   · **按时间记账，不数 tick**：运行中记的是"到点时刻"（`Date.now() + 剩余`），
+ *     标签页被节流也只跳到该在的位置（数 tick 会越走越慢）。
+ *   · **状态机**：`idle → running ⇄ paused → done`；主按钮一枚按状态换字（开始／暂停／继续／重新开始）。
+ *   · **重置**：回到 `idle`、剩余＝总时长、清掉到点时刻。
+ *   · **到点**：剩余归零 ⇒ `done` ＋ 大数字停在 `00:00` ＋ 派发 `ilife:timer-done`。
+ *   · **忙态／禁用／空态**：`busy` 时主按钮换字并锁住；禁用或总时长为 0（空态）时按钮按不动，点了不落账。
+ *   · **无脚本降级**：这段不跑时卡上的读数就是渲染时那一刻（大数字、已过、还剩都印在页上），只是不走。
+ */
+import { TIMER_ACT_ATTR, TIMER_BAR_ATTR, TIMER_BOUND_ATTR, TIMER_BUSY_ATTR, TIMER_CARD_MISSING, TIMER_CARD_TICK_MS, TIMER_DISABLED_ATTR, TIMER_DISPLAY_ATTR, TIMER_ELAPSED_ATTR, TIMER_EVENT_DONE, TIMER_EVENT_STATE, TIMER_KEY_ATTR, TIMER_LOADING_LABEL, TIMER_PRIMARY_LABELS, TIMER_REMAIN_ATTR, TIMER_REST_ATTR, TIMER_STATE_ATTR, TIMER_STATE_WORDS, TIMER_TAG_ATTR, TIMER_TOTAL_ATTR, timerCardSlot, } from './attrs.js';
+/** 产出运行时的 JS 文本（经典 script 作用域可跑的 IIFE；由页面拼进共享 helpers 槽）。 */
+export function buildTimerCardJs() {
+    const q = (s) => JSON.stringify(s);
+    const words = JSON.stringify(TIMER_STATE_WORDS);
+    const labels = JSON.stringify(TIMER_PRIMARY_LABELS);
+    /* 两枚按钮的选择器在**产出期**就拼好（值都是常量）⇒ 产出文本里不必再拼引号。 */
+    const selToggle = q('[' + TIMER_ACT_ATTR + '="toggle"]');
+    const selReset = q('[' + TIMER_ACT_ATTR + '="reset"]');
+    return '(function(){' + '\n'
+        + '  var doc=document;' + '\n'
+        + '  if (doc.documentElement.getAttribute("data-ilife-timer-runtime")==="1") return;' + '\n'
+        + '  doc.documentElement.setAttribute("data-ilife-timer-runtime","1");' + '\n'
+        + '  var A_KEY=' + q(TIMER_KEY_ATTR) + ', A_STATE=' + q(TIMER_STATE_ATTR) + ', A_REMAIN=' + q(TIMER_REMAIN_ATTR) + ';' + '\n'
+        + '  var A_TOTAL=' + q(TIMER_TOTAL_ATTR) + ', A_DISPLAY=' + q(TIMER_DISPLAY_ATTR) + ', A_BAR=' + q(TIMER_BAR_ATTR) + ';' + '\n'
+        + '  var A_TAG=' + q(TIMER_TAG_ATTR) + ', A_ELAPSED=' + q(TIMER_ELAPSED_ATTR) + ', A_REST=' + q(TIMER_REST_ATTR) + ';' + '\n'
+        + '  var A_ACT=' + q(TIMER_ACT_ATTR) + ', A_DISABLED=' + q(TIMER_DISABLED_ATTR) + ', A_BUSY=' + q(TIMER_BUSY_ATTR) + ';' + '\n'
+        + '  var A_BOUND=' + q(TIMER_BOUND_ATTR) + ', TAG_CLASS=' + q(timerCardSlot('tag')) + ', MISSING=' + q(TIMER_CARD_MISSING) + ';' + '\n'
+        + '  var WORDS=' + words + ', LABELS=' + labels + ', LOADING_LABEL=' + q(TIMER_LOADING_LABEL) + ';' + '\n'
+        + '  var EV_STATE=' + q(TIMER_EVENT_STATE) + ', EV_DONE=' + q(TIMER_EVENT_DONE) + ', TICK=' + TIMER_CARD_TICK_MS + ';' + '\n'
+        + '  function pad2(n){ return (n<10?"0":"")+n; }' + '\n'
+        /* 与渲染段同一口径：MM:SS，≥1 小时才出小时位 */
+        + '  function clock(sec){ sec=Math.max(0,Math.round(sec)); var h=Math.floor(sec/3600);' + '\n'
+        + '    var m=Math.floor((sec-h*3600)/60), s=sec-h*3600-m*60;' + '\n'
+        + '    return h>0 ? h+":"+pad2(m)+":"+pad2(s) : pad2(m)+":"+pad2(s); }' + '\n'
+        + '  function roots(){ return [].slice.call(doc.querySelectorAll("["+A_KEY+"]")); }' + '\n'
+        + '  function rootOf(el){ return el && el.closest ? el.closest("["+A_KEY+"]") : null; }' + '\n'
+        + '  function totalMs(root){ return Number(root.getAttribute(A_TOTAL)||0); }' + '\n'
+        + '  function remainMs(root){ var v=root.getAttribute(A_REMAIN); return v===null?totalMs(root):Number(v); }' + '\n'
+        + '  function stateOf(root){ return root.getAttribute(A_STATE)||"idle"; }' + '\n'
+        + '  function setAttr(root, name, value){ root.setAttribute(name, value); }' + '\n'
+        /* 重画：大数字、状态字与形状类、进度条、已过／还剩、主按钮的字与可点性（唯一写入口） */
+        + '  function paint(root){' + '\n'
+        + '    var total=totalMs(root), remain=Math.max(0,Math.min(total,remainMs(root)));' + '\n'
+        + '    var st=stateOf(root), empty=total<=0, off=empty||root.getAttribute(A_DISABLED)==="1";' + '\n'
+        + '    var busy=root.getAttribute(A_BUSY)==="1";' + '\n'
+        + '    var display=root.querySelector("["+A_DISPLAY+"]");' + '\n'
+        + '    if (display) display.textContent = empty ? MISSING : clock(remain/1000);' + '\n'
+        + '    var tag=root.querySelector("["+A_TAG+"]");' + '\n'
+        + '    if (tag){ tag.textContent = WORDS[st]||WORDS.idle; tag.className = TAG_CLASS+" is-"+st; }' + '\n'
+        + '    var bar=root.querySelector("["+A_BAR+"]");' + '\n'
+        + '    if (bar) bar.style.transform="scaleX("+(empty?0:((total-remain)/total)).toFixed(4)+")";' + '\n'
+        + '    var elapsed=root.querySelector("["+A_ELAPSED+"]");' + '\n'
+        + '    if (elapsed) elapsed.textContent=clock((total-remain)/1000);' + '\n'
+        + '    var rest=root.querySelector("["+A_REST+"]");' + '\n'
+        + '    if (rest) rest.textContent=clock(remain/1000);' + '\n'
+        + '    var main=root.querySelector(' + selToggle + ');' + '\n'
+        + '    if (main){' + '\n'
+        + '      main.textContent = busy ? LOADING_LABEL : (LABELS[st]||LABELS.idle);' + '\n'
+        + '      if (busy) main.setAttribute("aria-busy","true"); else main.removeAttribute("aria-busy");' + '\n'
+        + '      main.disabled = off || busy; if (main.disabled) main.setAttribute("aria-disabled","true"); else main.removeAttribute("aria-disabled");' + '\n'
+        + '    }' + '\n'
+        + '    var reset=root.querySelector(' + selReset + ');' + '\n'
+        + '    if (reset){ reset.disabled = off; if (off) reset.setAttribute("aria-disabled","true"); else reset.removeAttribute("aria-disabled"); }' + '\n'
+        + '  }' + '\n'
+        + '  function emit(root, name){' + '\n'
+        + '    var detail={key:root.getAttribute(A_KEY), state:stateOf(root),' + '\n'
+        + '      remainingMs:Math.max(0,remainMs(root)), totalMs:totalMs(root)};' + '\n'
+        + '    root.dispatchEvent(new CustomEvent(name,{bubbles:true,detail:detail}));' + '\n'
+        + '  }' + '\n'
+        + '  function setState(root, st, quiet){' + '\n'
+        + '    setAttr(root, A_STATE, st); paint(root);' + '\n'
+        + '    if (!quiet) emit(root, EV_STATE);' + '\n'
+        + '    if (st==="done") emit(root, EV_DONE);' + '\n'
+        + '  }' + '\n'
+        + '  var heartbeat=null;' + '\n'
+        + '  function stop(){ if (heartbeat!==null){ clearInterval(heartbeat); heartbeat=null; } }' + '\n'
+        + '  function tick(){' + '\n'
+        + '    var all=roots(), alive=false, i;' + '\n'
+        + '    for (i=0;i<all.length;i+=1){' + '\n'
+        + '      var root=all[i];' + '\n'
+        + '      if (stateOf(root)!=="running") continue;' + '\n'
+        + '      var until=root.ilifeUntil;' + '\n'
+        + '      if (typeof until!=="number"){ until=Date.now()+remainMs(root); root.ilifeUntil=until; }' + '\n'
+        + '      var remain=until-Date.now();' + '\n'
+        + '      if (remain<=0){ setAttr(root, A_REMAIN, "0"); root.ilifeUntil=null; setState(root,"done"); continue; }' + '\n'
+        + '      setAttr(root, A_REMAIN, String(Math.round(remain))); paint(root); alive=true;' + '\n'
+        + '    }' + '\n'
+        + '    if (!alive) stop();' + '\n'
+        + '  }' + '\n'
+        + '  function ensureRunning(){ if (heartbeat===null) heartbeat=setInterval(tick, TICK); tick(); }' + '\n'
+        + '  function play(root){' + '\n'
+        + '    if (remainMs(root)<=0) setAttr(root, A_REMAIN, String(totalMs(root)));' + '\n'
+        + '    root.ilifeUntil=Date.now()+Math.max(1,remainMs(root));' + '\n'
+        + '    setState(root,"running"); ensureRunning();' + '\n'
+        + '  }' + '\n'
+        + '  function pause(root){' + '\n'
+        + '    var until=root.ilifeUntil;' + '\n'
+        + '    var remain=typeof until==="number" ? Math.max(0, until-Date.now()) : remainMs(root);' + '\n'
+        + '    root.ilifeUntil=null; setAttr(root, A_REMAIN, String(Math.round(remain))); setState(root,"paused");' + '\n'
+        + '  }' + '\n'
+        + '  function reset(root){' + '\n'
+        + '    root.ilifeUntil=null; setAttr(root, A_REMAIN, String(totalMs(root))); setState(root,"idle"); stop();' + '\n'
+        + '  }' + '\n'
+        + '  doc.addEventListener("click", function(e){' + '\n'
+        + '    var btn=e.target && e.target.closest ? e.target.closest("["+A_ACT+"]") : null; if (!btn) return;' + '\n'
+        + '    var root=rootOf(btn); if (!root) return;' + '\n'
+        /* 禁用／空态／忙态：不落账（按钮的 disabled 已经拦了一道，这里再拦一道属性被脚本改过的情况） */
+        + '    if (root.getAttribute(A_DISABLED)==="1") return;' + '\n'
+        + '    if (totalMs(root)<=0) return;' + '\n'
+        + '    if (root.getAttribute(A_BUSY)==="1") return;' + '\n'
+        + '    var act=btn.getAttribute(A_ACT);' + '\n'
+        + '    if (act==="reset"){ reset(root); return; }' + '\n'
+        + '    if (stateOf(root)==="running"){ pause(root); return; }' + '\n'
+        + '    if (stateOf(root)==="done") setAttr(root, A_REMAIN, String(totalMs(root)));' + '\n'
+        + '    play(root);' + '\n'
+        + '  });' + '\n'
+        /* 发现锚：打幂等标记；渲染成"运行中"的卡（页面预置的状态）也接着走 */
+        + '  var all=roots(), k, anyRunning=false;' + '\n'
+        + '  for (k=0;k<all.length;k+=1){' + '\n'
+        + '    all[k].setAttribute(A_BOUND,"1"); paint(all[k]);' + '\n'
+        + '    if (stateOf(all[k])==="running" && totalMs(all[k])>0){ all[k].ilifeUntil=Date.now()+remainMs(all[k]); anyRunning=true; }' + '\n'
+        + '  }' + '\n'
+        + '  if (anyRunning) ensureRunning();' + '\n'
+        + '}());';
+}

package/dist/components/timer-card/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../src/components/timer-card/runtime.ts"],"names":[],"mappings":"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"}

package/dist/components/timer-card/style.d.ts

@@ -0,0 +1,15 @@
+/** 本件的内容容器名（`@container` 按它命中）。 */
+export declare const TIMER_CARD_CONTAINER = "ilife-timer-card";
+/** 窄档断点（px）：容器窄于它就让按钮各占一整行（**不是**视口断点）。 */
+export declare const TIMER_CARD_NARROW_MAX_PX = 420;
+/** 按钮的高度下限（px）：44 是全仓的触控地板。 */
+export declare const TIMER_CARD_BUTTON_MIN_HEIGHT_PX = 44;
+/** 按钮的宽度下限（px）：主按钮换字（开始／暂停／继续／重新开始／开始中…）时不跳版。 */
+export declare const TIMER_CARD_BUTTON_MIN_WIDTH_PX = 112;
+/** 大数字的字号（px）：一个显示级读数（与正文字号的比例 ≫2×）。 */
+export declare const TIMER_CARD_VALUE_PX = 44;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function timerCardCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/timer-card/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/timer-card/style.ts"],"names":[],"mappings":"AAwBA,mCAAmC;AACnC,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,2CAA2C;AAC3C,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,+BAA+B;AAC/B,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,iDAAiD;AACjD,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAClD,wCAAwC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,4BAA4B;AAC5B,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAiNzE"}