@shwfed/config 3.0.11 → 3.0.12

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/items-colgroup.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/json-scope-provider.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/json-scope-provider.vue

@@ -0,0 +1,19 @@
+<script setup>
+import { injectCELContext, provideCELContext } from "../../../../../utils/cel-context";
+import { JSON_VAR } from "./schema";
+defineOptions({ name: "ShwfedBlockInvoiceDigitalJsonScopeProvider" });
+if (!injectCELContext().json) {
+  provideCELContext({
+    json: {
+      type: JSON_VAR.type,
+      label: JSON_VAR.label,
+      description: JSON_VAR.description,
+      value: void 0
+    }
+  });
+}
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/json-scope-provider.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/rmb.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 人民币金额小写 → 中文大写（票面「价税合计（大写）」栏）。
+ *
+ * 规则是国标固定的，所以在块内本地推导而不是多开一个配置字段 —— 大写与小写永远
+ * 不会不一致。负数（红字发票）走「（负数）」前缀，与税务总局版式一致。
+ */
+/**
+ * 金额 → 中文大写。`6706.1` → `陆仟柒佰零陆圆壹角整`，`-308` → `（负数）叁佰零捌圆整`。
+ * 超出「万亿」量级或非有限数返回 `null`，由调用方决定回退（票面留空）。
+ */
+export declare function toCapital(value: number): string | null;

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/rmb.js

@@ -0,0 +1,58 @@
+const DIGITS = ["\u96F6", "\u58F9", "\u8D30", "\u53C1", "\u8086", "\u4F0D", "\u9646", "\u67D2", "\u634C", "\u7396"];
+const UNITS = ["", "\u62FE", "\u4F70", "\u4EDF"];
+const GROUPS = ["", "\u4E07", "\u4EBF", "\u4E07\u4EBF"];
+function groupToCapital(group) {
+  let out = "";
+  let zero = false;
+  for (let i = 0; i < group.length; i++) {
+    const digit = Number(group[i]);
+    if (digit === 0) {
+      zero = true;
+      continue;
+    }
+    if (zero && out !== "") out += "\u96F6";
+    zero = false;
+    out += DIGITS[digit] + UNITS[group.length - 1 - i];
+  }
+  return out;
+}
+function integerToCapital(digits) {
+  const trimmed = digits.replace(/^0+/, "");
+  if (trimmed === "") return "\u96F6";
+  const groups = [];
+  for (let end = trimmed.length; end > 0; end -= 4) {
+    groups.unshift(trimmed.slice(Math.max(0, end - 4), end));
+  }
+  let out = "";
+  let pendingZero = false;
+  groups.forEach((group, i) => {
+    if (Number(group) === 0) {
+      pendingZero = out !== "";
+      return;
+    }
+    let text = groupToCapital(group);
+    const leadingZero = group.length === 4 && group[0] === "0";
+    if ((pendingZero || leadingZero) && out !== "") text = `\u96F6${text}`;
+    pendingZero = false;
+    out += text + GROUPS[groups.length - 1 - i];
+  });
+  return out;
+}
+export function toCapital(value) {
+  if (!Number.isFinite(value)) return null;
+  const negative = value < 0;
+  const cents = Math.round(Math.abs(value) * 100);
+  const yuan = Math.floor(cents / 100);
+  const jiao = Math.floor(cents % 100 / 10);
+  const fen = cents % 10;
+  if (String(yuan).length > 16) return null;
+  let out = `${integerToCapital(String(yuan))}\u5706`;
+  if (jiao === 0 && fen === 0) {
+    out += "\u6574";
+  } else {
+    if (jiao > 0) out += `${DIGITS[jiao]}\u89D2`;
+    if (fen > 0) out += `${jiao === 0 ? "\u96F6" : ""}${DIGITS[fen]}\u5206`;
+    else out += "\u6574";
+  }
+  return negative ? `\uFF08\u8D1F\u6570\uFF09${out}` : out;
+}

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/row-scope-provider.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/row-scope-provider.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { provideCELContext } from "../../../../../utils/cel-context";
+defineOptions({ name: "ShwfedBlockInvoiceDigitalRowScopeProvider" });
+provideCELContext({
+  item: {
+    type: "dyn",
+    label: "item",
+    description: "\u5F53\u524D\u660E\u7EC6\u9879",
+    value: void 0
+  },
+  index: {
+    type: "number",
+    label: "index",
+    description: "\u5F53\u524D\u660E\u7EC6\u9879\u5E8F\u53F7\uFF0C\u4ECE 0 \u5F00\u59CB",
+    value: void 0
+  }
+});
+</script>
+
+<template>
+  <slot />
+</template>

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/row-scope-provider.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/runtime.d.vue.ts

@@ -0,0 +1,86 @@
+import type { Environment } from '../../../../../vendor/cel-js/lib/index.js';
+import { type Value } from './schema.js';
+type __VLS_Props = {
+    configure?: (env: Environment) => void;
+};
+type __VLS_ModelProps = {
+    'block': Value;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:block": (value: {
+        readonly type: "com.shwfed.block.invoice.digital";
+        readonly id: string;
+        readonly line: {
+            readonly name: string;
+            readonly spec?: string | undefined;
+            readonly unit?: string | undefined;
+            readonly quantity?: string | undefined;
+            readonly unitPrice?: string | undefined;
+            readonly amount: string;
+            readonly taxRate?: string | undefined;
+            readonly taxAmount?: string | undefined;
+        };
+        readonly displayName?: string | undefined;
+        readonly kind?: "normal" | "special" | undefined;
+        readonly compatibilityDate: "2026-07-17";
+        readonly items: string;
+        readonly request?: string | undefined;
+        readonly itemsMaxHeight?: string | undefined;
+        readonly invoiceNumber: string;
+        readonly issueDate: string;
+        readonly buyer: {
+            readonly name: string;
+            readonly taxId: string;
+        };
+        readonly seller: {
+            readonly name: string;
+            readonly taxId: string;
+        };
+        readonly totalAmount: string;
+        readonly totalTax: string;
+        readonly grandTotal: string;
+        readonly remark?: string | undefined;
+        readonly issuer?: string | undefined;
+        readonly redLetter?: string | undefined;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:block"?: ((value: {
+        readonly type: "com.shwfed.block.invoice.digital";
+        readonly id: string;
+        readonly line: {
+            readonly name: string;
+            readonly spec?: string | undefined;
+            readonly unit?: string | undefined;
+            readonly quantity?: string | undefined;
+            readonly unitPrice?: string | undefined;
+            readonly amount: string;
+            readonly taxRate?: string | undefined;
+            readonly taxAmount?: string | undefined;
+        };
+        readonly displayName?: string | undefined;
+        readonly kind?: "normal" | "special" | undefined;
+        readonly compatibilityDate: "2026-07-17";
+        readonly items: string;
+        readonly request?: string | undefined;
+        readonly itemsMaxHeight?: string | undefined;
+        readonly invoiceNumber: string;
+        readonly issueDate: string;
+        readonly buyer: {
+            readonly name: string;
+            readonly taxId: string;
+        };
+        readonly seller: {
+            readonly name: string;
+            readonly taxId: string;
+        };
+        readonly totalAmount: string;
+        readonly totalTax: string;
+        readonly grandTotal: string;
+        readonly remark?: string | undefined;
+        readonly issuer?: string | undefined;
+        readonly redLetter?: string | undefined;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/config/blocks/2026-07-17/com.shwfed.block.invoice.digital/runtime.vue

@@ -0,0 +1,346 @@
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { Effect, Option } from "effect";
+import { Fetch } from "fx-fetch";
+import { cel } from "../../../../../utils/cel";
+import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
+import { fetchJsonOption } from "../../../../../share/request";
+import { ScrollArea } from "../../../../ui/scroll-area";
+import ItemsColgroup from "./items-colgroup.vue";
+import { toCapital } from "./rmb";
+import { INVOICE_KIND_LABELS } from "./schema";
+defineOptions({ name: "ShwfedBlockInvoiceDigitalRuntime" });
+const block = defineModel("block", { type: null, ...{ required: true } });
+defineProps({
+  configure: { type: Function, required: false }
+});
+const inheritedContext = injectCELContext();
+const json = ref(void 0);
+const jsonOption = computed(
+  () => json.value === void 0 ? Option.none() : Option.some(json.value)
+);
+const hasRequest = computed(() => {
+  const expr = block.value.request;
+  return !!expr && expr.trim().length > 0;
+});
+function baseContext() {
+  const inherited = celBindings(inheritedContext);
+  if (!hasRequest.value && "json" in inherited) return inherited;
+  return { ...inherited, json: jsonOption.value };
+}
+async function refresh() {
+  const expr = block.value.request;
+  if (!expr || expr.trim().length === 0) {
+    json.value = void 0;
+    return;
+  }
+  const program = Effect.gen(function* () {
+    const body = yield* fetchJsonOption(
+      yield* cel(expr, celBindings(inheritedContext))
+    );
+    return Option.getOrUndefined(body);
+  });
+  try {
+    json.value = await Effect.runPromise(Effect.provide(program, Fetch.layer));
+  } catch (err) {
+    console.warn("[shwfed-invoice-digital] request failed", err);
+    json.value = void 0;
+  }
+}
+onMounted(() => void refresh());
+watch(() => block.value.request ?? "", () => void refresh());
+function evaluate(expression, scope) {
+  if (!expression || expression.trim().length === 0) return void 0;
+  try {
+    return Effect.runSync(cel(expression, { ...baseContext(), ...scope }));
+  } catch (err) {
+    console.warn("[shwfed-invoice-digital] expression evaluation failed", expression, err);
+    return void 0;
+  }
+}
+function text(expression, scope) {
+  const v = evaluate(expression, scope);
+  return v === null || v === void 0 ? "" : String(v);
+}
+function toFiniteNumber(v) {
+  if (typeof v === "number") return Number.isFinite(v) ? v : null;
+  if (typeof v === "string" && v.trim() !== "") {
+    const n = Number(v);
+    return Number.isFinite(n) ? n : null;
+  }
+  return null;
+}
+const MONEY_FORMAT = new Intl.NumberFormat("zh-CN", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+});
+function money(expression, scope) {
+  const v = evaluate(expression, scope);
+  if (v === null || v === void 0) return "";
+  if (typeof v === "number") return Number.isFinite(v) ? MONEY_FORMAT.format(v) : "";
+  return String(v);
+}
+function plain(expression, scope) {
+  const v = evaluate(expression, scope);
+  if (v === null || v === void 0) return "";
+  return String(v);
+}
+const title = computed(
+  () => `\u7535\u5B50\u53D1\u7968\uFF08${INVOICE_KIND_LABELS[block.value.kind ?? "special"]}\uFF09`
+);
+const invoiceNumber = computed(() => text(block.value.invoiceNumber));
+const issueDate = computed(() => text(block.value.issueDate));
+const buyer = computed(() => ({
+  name: text(block.value.buyer.name),
+  taxId: text(block.value.buyer.taxId)
+}));
+const seller = computed(() => ({
+  name: text(block.value.seller.name),
+  taxId: text(block.value.seller.taxId)
+}));
+const items = computed(() => {
+  const result = evaluate(block.value.items);
+  return Array.isArray(result) ? result : [];
+});
+const rows = computed(
+  () => items.value.map((item, index) => {
+    const scope = { item, index };
+    const line = block.value.line;
+    return {
+      name: text(line.name, scope),
+      spec: text(line.spec, scope),
+      unit: text(line.unit, scope),
+      quantity: plain(line.quantity, scope),
+      unitPrice: plain(line.unitPrice, scope),
+      amount: money(line.amount, scope),
+      taxRate: text(line.taxRate, scope),
+      taxAmount: money(line.taxAmount, scope)
+    };
+  })
+);
+const totalAmount = computed(() => money(block.value.totalAmount));
+const totalTax = computed(() => money(block.value.totalTax));
+const grandTotal = computed(() => money(block.value.grandTotal));
+const grandTotalCapital = computed(() => {
+  const n = toFiniteNumber(evaluate(block.value.grandTotal));
+  return n === null ? "" : toCapital(n) ?? "";
+});
+const remark = computed(() => text(block.value.remark));
+const issuer = computed(() => text(block.value.issuer));
+const redLetter = computed(() => evaluate(block.value.redLetter) === true);
+const MIN_ROWS = 6;
+const fillerRows = computed(() => Math.max(0, MIN_ROWS - rows.value.length));
+const itemsStyle = computed(
+  () => block.value.itemsMaxHeight ? { maxHeight: block.value.itemsMaxHeight } : void 0
+);
+</script>
+
+<template>
+  <div class="invoice">
+    <!-- 抬头：标题居中，号码 / 日期靠右 -->
+    <header class="head">
+      <div class="title-block">
+        <h1 class="title">
+          {{ title }}
+        </h1>
+        <div
+          class="title-rule"
+          aria-hidden="true"
+        />
+      </div>
+      <dl class="meta">
+        <div>
+          <dt>发票号码：</dt>
+          <dd>{{ invoiceNumber }}</dd>
+        </div>
+        <div>
+          <dt>开票日期：</dt>
+          <dd>{{ issueDate }}</dd>
+        </div>
+      </dl>
+    </header>
+
+    <div class="frame">
+      <!-- 购销双方 -->
+      <div class="parties">
+        <div class="party">
+          <div class="side-label">
+            购买方信息
+          </div>
+          <div class="party-body">
+            <div class="party-row">
+              <span class="party-key">名称：</span>
+              <span class="party-value">{{ buyer.name }}</span>
+            </div>
+            <div class="party-row">
+              <span class="party-key">统一社会信用代码/纳税人识别号：</span>
+              <span class="party-value tax-id">{{ buyer.taxId }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="party">
+          <div class="side-label">
+            销售方信息
+          </div>
+          <div class="party-body">
+            <div class="party-row">
+              <span class="party-key">名称：</span>
+              <span class="party-value">{{ seller.name }}</span>
+            </div>
+            <div class="party-row">
+              <span class="party-key">统一社会信用代码/纳税人识别号：</span>
+              <span class="party-value tax-id">{{ seller.taxId }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 明细。列标题 / 内容 / 合计拆成三张 table，只有中间那张进 ScrollArea ——
+           ScrollArea 的滚动条是覆盖整个滚动容器高度的绝对定位条，表头表尾若也在里面
+           就会被它横穿。三张靠共用的 ItemsColgroup 对齐（都是 table-layout: fixed）。 -->
+      <div class="items">
+        <!-- 水印：在明细内容**之下**（纸质票的红字是印在票面底纹上、被文字压住的），
+             不参与布局，也不拦截选中 -->
+        <div
+          v-if="redLetter"
+          class="watermark"
+          aria-hidden="true"
+        >
+          红字发票
+        </div>
+
+        <table class="items-head">
+          <ItemsColgroup />
+          <thead>
+            <tr>
+              <th>项目名称</th>
+              <th>规格型号</th>
+              <th>单 位</th>
+              <th>数 量</th>
+              <th>单 价</th>
+              <th>金 额</th>
+              <th>税率/征收率</th>
+              <th>税 额</th>
+            </tr>
+          </thead>
+        </table>
+
+        <!-- `overscroll-none`：明细滚到头就停住，既不橡皮筋回弹、也不把滚动传给外层页面
+             —— 票是嵌在页面里的一小块，滚它不该顺带滚走整张页面。 -->
+        <ScrollArea
+          class="items-body"
+          viewport-class="overscroll-none"
+          :style="itemsStyle"
+        >
+          <table>
+            <ItemsColgroup />
+            <tbody>
+              <tr
+                v-for="(row, index) in rows"
+                :key="index"
+              >
+                <td class="cell-text">
+                  {{ row.name }}
+                </td>
+                <!-- 规格型号内容居中（项目名称是唯一左对齐的文本栏） -->
+                <td class="cell-text cell-center">
+                  {{ row.spec }}
+                </td>
+                <td class="cell-center">
+                  {{ row.unit }}
+                </td>
+                <td class="cell-num">
+                  {{ row.quantity }}
+                </td>
+                <td class="cell-num">
+                  {{ row.unitPrice }}
+                </td>
+                <td class="cell-num">
+                  {{ row.amount }}
+                </td>
+                <td class="cell-center">
+                  {{ row.taxRate }}
+                </td>
+                <td class="cell-num">
+                  {{ row.taxAmount }}
+                </td>
+              </tr>
+              <!-- 撑满票面的空行，纸质票同款 -->
+              <tr
+                v-for="n in fillerRows"
+                :key="`filler-${n}`"
+                class="filler"
+              >
+                <td colspan="8">
+                  &nbsp;
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </ScrollArea>
+
+        <table class="items-foot">
+          <ItemsColgroup />
+          <tfoot>
+            <tr>
+              <!-- 「合计」只占项目名称列，好让它正对下方的「价税合计（大写）」；
+                   跨 5 列居中会把它推到票面中间 -->
+              <td class="total-label">
+                合&emsp;&emsp;计
+              </td>
+              <td colspan="4" />
+              <td class="cell-num">
+                <template v-if="totalAmount">
+                  ¥{{ totalAmount }}
+                </template>
+              </td>
+              <td />
+              <td class="cell-num">
+                <template v-if="totalTax">
+                  ¥{{ totalTax }}
+                </template>
+              </td>
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+
+      <!-- 价税合计 -->
+      <div class="grand">
+        <div class="grand-label">
+          价税合计（大写）
+        </div>
+        <div class="grand-capital">
+          <span class="cross">⊗</span>{{ grandTotalCapital }}
+        </div>
+        <div class="grand-lower">
+          <span class="grand-lower-key">（小写）</span>
+          <template v-if="grandTotal">
+            ¥{{ grandTotal }}
+          </template>
+        </div>
+      </div>
+
+      <!-- 备注 -->
+      <div class="remark">
+        <div class="side-label">
+          备 注
+        </div>
+        <div class="remark-body">
+          {{ remark }}
+        </div>
+      </div>
+    </div>
+
+    <footer
+      v-if="issuer"
+      class="foot"
+    >
+      <span class="foot-label">开票人：</span>{{ issuer }}
+    </footer>
+  </div>
+</template>
+
+<style scoped>
+.invoice{--invoice-ink:maroon;--invoice-data:#000;--invoice-font-song:"Songti SC",SimSun,STSong,"Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC",serif;--invoice-font-kai:KaiTi,"Kaiti SC",STKaiti,"AR PL UKai CN","LXGW WenKai",var(--invoice-font-song);background:#fff;color:var(--invoice-data);container-type:inline-size;font-family:var(--invoice-font-song);font-size:clamp(9px,1.15cqw,14px);line-height:1.5;padding:1rem}.foot-label,.grand-label,.grand-lower-key,.items th,.meta dt,.party-key,.side-label,.title,.total-label{color:var(--invoice-ink);font-family:var(--invoice-font-kai)}.head{display:flex;justify-content:center;padding:1.8em 0 2em;position:relative}.title-block{display:flex;flex-direction:column}.title{font-size:2.6em;font-weight:400;letter-spacing:.1em;white-space:nowrap}.title-rule{border-bottom:1.5px solid var(--invoice-ink);border-top:1.5px solid var(--invoice-ink);height:.32em;margin-top:.45em}.meta{flex-direction:column;gap:.35em;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap}.meta,.meta div{display:flex}.meta dt{font-weight:400}.meta dd{letter-spacing:.02em;margin:0}.frame{border:1px solid var(--invoice-ink)}.parties{border-bottom:1px solid var(--invoice-ink);display:grid;grid-template-columns:1fr 1fr}.party{display:grid;grid-template-columns:auto 1fr}.party+.party{border-left:1px solid var(--invoice-ink)}.side-label{align-items:center;border-right:1px solid var(--invoice-ink);display:flex;justify-content:center;letter-spacing:.25em;padding:.5em .4em;text-orientation:upright;white-space:nowrap;writing-mode:vertical-rl}.party-body{flex-direction:column;justify-content:space-around;padding:.6em .8em}.party-body,.party-row{display:flex;min-width:0}.party-row{align-items:baseline}.party-key{white-space:nowrap}.party-value{min-width:0;word-break:break-all}.tax-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Courier New,monospace}.items{position:relative}.items table{border-collapse:collapse;table-layout:fixed;width:100%}.items-body,.items-foot,.items-head{position:relative;z-index:1}.items th{font-weight:400;letter-spacing:.05em;padding:.4em .5em;text-align:center}.items td{padding:.25em .5em;vertical-align:top}.cell-text{white-space:pre-wrap;word-break:break-all}.cell-center{text-align:center}.cell-num{font-variant-numeric:tabular-nums;text-align:right}.total-label{letter-spacing:.05em;text-align:center}.items tfoot td{padding-bottom:.35em;padding-top:.35em}.watermark{color:transparent;display:flex;font-size:3.4em;inset:0;justify-content:center;letter-spacing:.5em;pointer-events:none;position:absolute;z-index:0;-webkit-text-stroke:1px color-mix(in srgb,var(--invoice-ink) 40%,#fff);font-family:var(--invoice-font-kai);opacity:.85}.grand,.watermark{align-items:center}.grand{border-bottom:1px solid var(--invoice-ink);border-top:1px solid var(--invoice-ink);display:grid;grid-template-columns:22% 1fr auto}.grand-label{border-right:1px solid var(--invoice-ink);letter-spacing:.1em;padding:.5em 1.2em;text-align:center;white-space:nowrap}.grand-capital{min-width:0;padding:.5em .8em;word-break:break-all}.cross{margin-right:.3em}.grand-lower{font-variant-numeric:tabular-nums;padding:.5em 1.2em;white-space:nowrap}.grand-lower-key{margin-right:.4em}.remark{display:grid;grid-template-columns:auto 1fr;min-height:5em}.remark-body{padding:.5em .8em;white-space:pre-wrap;word-break:break-all}.foot{padding-left:3em;padding-top:.75em}
+</style>