@octax-app/hot-date-react 0.0.1

package/dist/hot-date-react.js

@@ -0,0 +1,149 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/react/format.ts
+var i = /YYYY|YY|MM|DD|yyyy|yy|mm|dd|M|D|m|d/g;
+function a(e, t) {
+	if (!e || !t) return null;
+	let n = t.toUpperCase(), r = [
+		"YYYY",
+		"YY",
+		"MM",
+		"DD",
+		"M",
+		"D"
+	], i = [], a = "^", o = 0;
+	for (; o < n.length;) {
+		let e = r.find((e) => n.startsWith(e, o));
+		e ? (i.push(e), a += e === "YYYY" ? "(\\d{4})" : e === "YY" ? "(\\d{2})" : "(\\d{1,2})", o += e.length) : (a += n[o].replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), o++);
+	}
+	a += "$";
+	let s = e.match(new RegExp(a, "i"));
+	if (!s) return null;
+	let c = (e) => {
+		let t = i.indexOf(e);
+		return t >= 0 ? s[t + 1] : null;
+	}, l = c("YYYY") ?? (c("YY") ? `20${c("YY")}` : null), u = c("MM") ?? c("M"), d = c("DD") ?? c("D");
+	return !l || !u || !d ? null : `${l}-${u.padStart(2, "0")}-${d.padStart(2, "0")}`;
+}
+function o(e, t) {
+	let [n, r, a] = e.split("-");
+	return t.replace(i, (e) => {
+		switch (e.toUpperCase()) {
+			case "YYYY": return n;
+			case "YY": return n.slice(-2);
+			case "MM": return r;
+			case "M": return String(parseInt(r, 10));
+			case "DD": return a;
+			case "D": return String(parseInt(a, 10));
+			default: return e;
+		}
+	});
+}
+var s = new Intl.DateTimeFormat("en-US", {
+	month: "short",
+	day: "numeric",
+	year: "numeric"
+});
+function c(e) {
+	let [t, n, r] = e.split("-").map(Number);
+	return s.format(new Date(Date.UTC(t, n - 1, r)));
+}
+function l(e) {
+	if (!e) return "";
+	if (e.includes("/")) {
+		let [t, n] = e.split("/");
+		return `${c(t)} — ${c(n)}`;
+	}
+	return c(e);
+}
+function u(e, t) {
+	if (!e) return null;
+	if (e.includes("/")) {
+		let [n, r] = e.split("/"), i = t ?? "YYYY-MM-DD";
+		return [o(n, i), o(r, i)];
+	}
+	return t ? o(e, t) : e;
+}
+//#endregion
+//#region src/react/HotDate.tsx
+function d(e) {
+	if (e !== void 0) return typeof e == "string" ? e : `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function f({ value: i, onChange: o, onCommit: s, onClear: c, format: f, dateType: p = "point", startDate: m, endDate: h, className: g, style: _, placeholder: v, timezone: y, locale: b, weekStart: x, disabled: S, required: C, name: w, showHint: T, error: E, success: D, classNames: O }) {
+	let k = t(null), [A, j] = n(!!i), [M, N] = n(!1), P = T ?? !0;
+	return e(() => {
+		let e = k.current;
+		if (!e) return;
+		let t = (t, n) => {
+			n ? e.setAttribute(t, "") : e.removeAttribute(t);
+		}, n = (t, n) => {
+			n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
+		};
+		n("placeholder", v), n("timezone", y), n("locale", b), n("week-start", x), n("start-date", d(m)), n("end-date", d(h)), n("mode", p), n("format", f), t("disabled", !!S), t("required", !!C), t("hide-hint", !P), n("name", w);
+	}, [
+		v,
+		y,
+		b,
+		x,
+		m,
+		h,
+		p,
+		f,
+		S,
+		C,
+		w,
+		P
+	]), e(() => {
+		let e = k.current;
+		if (!e || i === void 0) return;
+		let t = i ? f ? a(i, f) ?? i : i : null;
+		e.value = t, j(!!t), t ? e.setAttribute("display-value", l(t)) : e.removeAttribute("display-value");
+	}, [i, f]), e(() => {
+		let e = k.current;
+		if (!e) return;
+		let t = (e) => {
+			let t = e.detail;
+			j(!!t.value), o?.(u(t.value, f));
+		}, n = (e) => {
+			let t = e.detail;
+			s?.(u(t.value, f));
+		}, r = () => {
+			j(!1), c?.();
+		}, i = () => N(!0), a = () => N(!1);
+		return e.addEventListener("value-change", t), e.addEventListener("value-commit", n), e.addEventListener("clear", r), e.addEventListener("focusin", i), e.addEventListener("focusout", a), () => {
+			e.removeEventListener("value-change", t), e.removeEventListener("value-commit", n), e.removeEventListener("clear", r), e.removeEventListener("focusin", i), e.removeEventListener("focusout", a);
+		};
+	}, [
+		o,
+		s,
+		c,
+		f
+	]), e(() => {
+		let e = k.current;
+		if (!e) return;
+		let t = (e) => e ? typeof e == "function" ? e({
+			active: A,
+			disabled: !!S,
+			focused: M,
+			error: !!E,
+			success: !!D
+		}) : e : null, n = (n, r) => {
+			let i = t(r);
+			i ? e.setAttribute(n, i) : e.removeAttribute(n);
+		};
+		n("part-class-input", O?.input), n("part-class-ghost", O?.ghost), n("part-class-hint", O?.hint);
+	}, [
+		O,
+		A,
+		M,
+		S,
+		E,
+		D
+	]), /* @__PURE__ */ r("hot-date", {
+		ref: k,
+		class: g,
+		style: _
+	});
+}
+//#endregion
+export { f as HotDate, u as applyFormat, l as formatDisplayValue };

package/dist/hot-date.d.ts

@@ -0,0 +1,64 @@
+import type { Candidate, CompletionSuggestion, ParseContext, ParseResult, ParseStatus, ValueKind } from "./lib/parser/parser-types";
+export declare class HotDateElement extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    private readonly parser;
+    private readonly internals;
+    private styleObserver;
+    private readonly inputElement;
+    private readonly ghostElement;
+    private readonly ghostTypedElement;
+    private readonly ghostTailElement;
+    private readonly ghostHintElement;
+    private readonly ghostResolutionElement;
+    private readonly ambiguityElement;
+    private rawInputValue;
+    private committedValue;
+    private isDisplayMode;
+    private parseState;
+    private activeSuggestionIndexValue;
+    private lastTabCompletedTo;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    get rawInput(): string;
+    set rawInput(nextValue: string);
+    get value(): string | null;
+    set value(nextValue: string | null);
+    get valueKind(): ValueKind;
+    get status(): ParseStatus;
+    get parseResult(): ParseResult;
+    get candidates(): Candidate[];
+    get suggestions(): CompletionSuggestion[];
+    get activeSuggestionIndex(): number;
+    focus(): void;
+    clear(): void;
+    confirm(): boolean;
+    acceptSuggestion(index?: number): boolean;
+    cycleSuggestion(direction: 1 | -1): void;
+    resolveAmbiguity(groupId: string, optionId: string): void;
+    setContext(context: Partial<ParseContext>): void;
+    private applyPartClass;
+    private updateStyles;
+    private syncExternalStyles;
+    private updateHintVisibility;
+    private bindEvents;
+    private parseAndRender;
+    private renderAll;
+    private renderGhost;
+    private computeCompletionTail;
+    private hasCompletionTail;
+    private renderAmbiguityChips;
+    private syncInputPresentation;
+    private createEmptyParseState;
+    private buildContext;
+    private getSelectedCandidate;
+    private getCanonicalValue;
+    private isCaretAtInputEnd;
+    private syncLiveValue;
+    private syncValidity;
+    private formatSingleIso;
+    private formatValue;
+    private emit;
+}

package/dist/hot-date.js

@@ -0,0 +1,2 @@
+import { t as e } from "./hot-date-CdRySQgv.js";
+export { e as HotDateElement };

package/dist/lib/parser/anchors.d.ts

@@ -0,0 +1,13 @@
+export interface AnchorPoint {
+    kind: "point";
+    date: Date;
+    suggestionText: string;
+}
+export interface AnchorRange {
+    kind: "range";
+    start: Date;
+    end: Date;
+    suggestionText: string;
+}
+export type AnchorValue = AnchorPoint | AnchorRange;
+export declare function parseAnchor(normalizedInput: string, now: Date, timeZone: string): AnchorValue | null;

package/dist/lib/parser/candidates.d.ts

@@ -0,0 +1,23 @@
+import type { Candidate } from "./parser-types";
+export type CandidateWithSuggestion = Candidate & {
+    suggestionText: string;
+};
+export interface CandidateFactory {
+    createPoint(args: {
+        date: Date;
+        suggestionText: string;
+        confidence: number;
+        source: Candidate["source"];
+        id?: string;
+    }): CandidateWithSuggestion;
+    createRange(args: {
+        startDate: Date;
+        endDate: Date;
+        suggestionText: string;
+        confidence: number;
+        source: Candidate["source"];
+    }): CandidateWithSuggestion;
+}
+export declare function createCandidateFactory(timeZone: string): CandidateFactory;
+export declare function startOfMinute(inputDate: Date): Date;
+export declare function getCanonicalValue(candidate: Candidate | null): string | null;

package/dist/lib/parser/challenge-phrases.d.ts

@@ -0,0 +1 @@
+export declare const CHALLENGE_PHRASES: readonly ["march 14 to march 28", "next monday in march plus 2 weeks", "today + 9 days", "friday before christmas", "labor day weekend + a week", "feb 18, 1988 - feb 29, 2024", "march 1st 1986", "3/1/86", "03/01/86", "3/01/1986", "mar 1 86", "m 1 86", "the last two weeks", "5 years in the past", "1 hour from now"];

package/dist/lib/parser/complete.d.ts

@@ -0,0 +1,2 @@
+import type { CompletionSuggestion } from "./parser-types";
+export declare function buildSuggestions(rawInput: string): CompletionSuggestion[];

package/dist/lib/parser/endpoints.d.ts

@@ -0,0 +1,10 @@
+export interface ParsedEndpoint {
+    year?: number;
+    month: number;
+    day: number;
+    hasYear: boolean;
+    hour: number;
+    minute: number;
+}
+export declare function parseDateEndpoint(rawExpression: string, now: Date, timeZone: string): ParsedEndpoint | null;
+export declare function isValidMonthDay(year: number, month: number, day: number, timeZone: string): boolean;

package/dist/lib/parser/grammar.d.ts

@@ -0,0 +1,21 @@
+import { type CandidateFactory, type CandidateWithSuggestion } from "./candidates";
+import type { ParseContext } from "./parser-types";
+export interface RuleContext {
+    normalizedInput: string;
+    now: Date;
+    timeZone: string;
+    parseContext: ParseContext;
+    factory: CandidateFactory;
+}
+export declare function parseExplicitRange(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseDurationBeforeAfterAnchor(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseAnchorPlusDurationPoint(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseAgoShorthand(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseInDurationPoint(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseBoundaryOfPeriod(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseThisNextLastPeriod(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseLookbackWindow(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseAnchorRange(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parsePastDurationPoint(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parseFutureDurationPoint(ctx: RuleContext): CandidateWithSuggestion | null;
+export declare function parsePointValue(ctx: RuleContext): CandidateWithSuggestion | null;

package/dist/lib/parser/holidays.d.ts

@@ -0,0 +1 @@
+export declare function resolveHolidayDate(rawExpression: string, now: Date, timeZone: string): Date | null;

package/dist/lib/parser/js-parser-engine.d.ts

@@ -0,0 +1,5 @@
+import type { ParserEngine } from "./parser-engine";
+import type { ParseContext, ParseResult } from "./parser-types";
+export declare class JsParserEngine implements ParserEngine {
+    parse(rawInput: string, context: ParseContext): ParseResult;
+}

package/dist/lib/parser/parser-engine.d.ts

@@ -0,0 +1,4 @@
+import type { ParseContext, ParseResult } from "./parser-types";
+export interface ParserEngine {
+    parse(rawInput: string, context: ParseContext): ParseResult;
+}

package/dist/lib/parser/parser-types.d.ts

@@ -0,0 +1,66 @@
+export type ParseStatus = "idle" | "valid" | "ambiguous" | "invalid";
+export type ValueKind = "point" | "range" | null;
+export interface ParseContext {
+    nowIso: string;
+    timezone: string;
+    locale: string;
+    weekStart: 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
+    productRules: {
+        allowPast: boolean;
+        defaultTime?: {
+            hour: number;
+            minute: number;
+        };
+        timeOnlyPolicy: "today_if_future_else_tomorrow" | "always_require_date";
+        startDate?: string;
+        endDate?: string;
+        mode?: "point" | "range" | "any";
+    };
+}
+export interface Candidate {
+    id: string;
+    kind: "point" | "range";
+    utcIso?: string;
+    isoDate?: string;
+    range?: {
+        startUtcIso: string;
+        endUtcIso: string;
+        startDate: string;
+        endDate: string;
+    };
+    label: string;
+    confidence: number;
+    source: "rule" | "fallback";
+}
+export interface CompletionSuggestion {
+    id: string;
+    label: string;
+    insertText: string;
+    kind: "completion" | "candidate" | "shortcut";
+    confidence: number;
+    candidateId?: string;
+}
+export interface AmbiguityGroup {
+    id: string;
+    type: "relative_weekday_scope" | "week_start_convention" | "time_only_anchor" | "weekend_interpretation";
+    message: string;
+    required: boolean;
+    options: {
+        id: string;
+        label: string;
+        candidateId: string;
+    }[];
+}
+export interface ParseResult {
+    status: ParseStatus;
+    rawInput: string;
+    astType: string | null;
+    valueKind: ValueKind;
+    candidates: Candidate[];
+    suggestions: CompletionSuggestion[];
+    ambiguityGroups: AmbiguityGroup[];
+    selectedCandidateId: string | null;
+    previewLabel: string | null;
+    canonicalValue: string | null;
+    errors: string[];
+}

package/dist/lib/utils/date-utils.d.ts

@@ -0,0 +1,46 @@
+export type DurationUnit = "hour" | "day" | "week" | "month" | "year";
+export interface ParsedDurationExpression {
+    amount: number;
+    unit: DurationUnit;
+}
+export declare function parseMonthToken(rawToken: string): number | null;
+export declare function parseWeekdayToken(rawToken: string): number | null;
+export declare function parseYearToken(rawToken: string): number | null;
+export declare function parseTimeToken(rawToken: string): {
+    hour: number;
+    minute: number;
+} | null;
+export declare function normalizeDurationUnit(rawUnit: string): DurationUnit | null;
+export declare function parseDurationExpression(rawExpression: string, defaultUnit?: DurationUnit): ParsedDurationExpression | null;
+export declare function createLocalDate(year: number, month: number, day: number, hour?: number, minute?: number, timeZone?: string): Date;
+export declare function toUtcIso(date: Date): string;
+export declare function toYmd(date: Date, timeZone?: string): string;
+export declare function addDuration(inputDate: Date, amount: number, unit: DurationUnit, timeZone?: string): Date;
+export declare function formatPointLabel(date: Date, timeZone?: string): string;
+export declare function formatRangeLabel(startDate: Date, endDate: Date, timeZone?: string): string;
+export declare function startOfDay(inputDate: Date, timeZone?: string): Date;
+export declare function getNextWeekday(referenceDate: Date, weekday: number, timeZone?: string): Date;
+export declare function getPreviousWeekdayBeforeDate(referenceDate: Date, weekday: number, timeZone?: string): Date;
+export declare function getNthWeekdayInMonth(year: number, month: number, weekday: number, occurrence: number, timeZone?: string): Date;
+export declare function getLastWeekdayInMonth(year: number, month: number, weekday: number, timeZone?: string): Date;
+export declare function getNextAnnualNthWeekday(referenceDate: Date, month: number, weekday: number, occurrence: number, timeZone?: string): Date;
+export declare function getNextAnnualLastWeekday(referenceDate: Date, month: number, weekday: number, timeZone?: string): Date;
+export declare function getFirstWeekdayInMonth(year: number, month: number, weekday: number, timeZone?: string): Date;
+export declare function getNextWeekdayInMonthAfterNow(referenceDate: Date, month: number, weekday: number, timeZone?: string): Date;
+export declare function getFridayBeforeChristmas(referenceDate: Date, timeZone?: string): Date;
+export declare function getNextAnnualDate(referenceDate: Date, month: number, day: number, timeZone?: string): Date;
+export declare function getNextAnnualEasterDate(referenceDate: Date, timeZone?: string): Date;
+export declare function getLaborDayDate(referenceDate: Date, timeZone?: string): Date;
+export declare function withDayInMonth(referenceDate: Date, day: number, timeZone?: string): Date | null;
+type WeekStartDay = "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday";
+export declare function startOfWeek(referenceDate: Date, weekStart: WeekStartDay, timeZone?: string): Date;
+export declare function endOfWeek(referenceDate: Date, weekStart: WeekStartDay, timeZone?: string): Date;
+export declare function startOfMonth(referenceDate: Date, timeZone?: string): Date;
+export declare function endOfMonth(referenceDate: Date, timeZone?: string): Date;
+export declare function startOfYear(referenceDate: Date, timeZone?: string): Date;
+export declare function endOfYear(referenceDate: Date, timeZone?: string): Date;
+export declare function getWeekendBeforeDate(referenceDate: Date, timeZone?: string): {
+    start: Date;
+    end: Date;
+};
+export {};

package/dist/lib/utils/string-utils.d.ts

@@ -0,0 +1,5 @@
+export declare function normalizeInput(value: string): string;
+export declare function normalizeFuzzyInput(value: string): string;
+export declare function damerauLevenshtein(a: string, b: string): number;
+export declare function stripOrdinalSuffix(value: string): string;
+export declare function parseCountToken(rawToken: string): number | null;

package/dist/react/HotDate.d.ts

@@ -0,0 +1,68 @@
+import "../hot-date";
+export interface ClassNameProps {
+    active?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    error?: boolean;
+    success?: boolean;
+}
+export type ClassNameValue = string | ((props: ClassNameProps) => string);
+export interface ClassNamesConfig {
+    input?: ClassNameValue;
+    ghost?: ClassNameValue;
+    hint?: ClassNameValue;
+}
+type WEEK_START_MAP = 'sunday' | 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday';
+export interface HotDateProps {
+    value?: string | null;
+    onChange?: (value: string | [string, string] | null) => void;
+    onCommit?: (value: string | [string, string] | null) => void;
+    onClear?: () => void;
+    format?: string;
+    dateType?: "point" | "range";
+    startDate?: Date | string;
+    endDate?: Date | string;
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    timezone?: string;
+    locale?: string;
+    weekStart?: WEEK_START_MAP;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    showHint?: boolean;
+    error?: boolean;
+    success?: boolean;
+    classNames?: ClassNamesConfig;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "hot-date": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                class?: string;
+                name?: string;
+                placeholder?: string;
+                timezone?: string;
+                locale?: string;
+                "week-start"?: string;
+                "allow-past"?: string;
+                "start-date"?: string;
+                "end-date"?: string;
+                "hide-examples"?: string;
+                "hide-hint"?: string;
+                "display-value"?: string;
+                format?: string;
+                mode?: string;
+                disabled?: boolean;
+                required?: boolean;
+                value?: string;
+                "part-class-input"?: string;
+                "part-class-ghost"?: string;
+                "part-class-hint"?: string;
+            };
+        }
+    }
+}
+export declare function HotDate({ value, onChange, onCommit, onClear, format, dateType, startDate, endDate, className, style, placeholder, timezone, locale, weekStart, disabled, required, name, showHint, error, success, classNames, }: HotDateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/format.d.ts

@@ -0,0 +1,3 @@
+export declare function parseFormatToIso(formatted: string, format: string): string | null;
+export declare function formatDisplayValue(canonical: string | null): string;
+export declare function applyFormat(canonical: string | null, format?: string): string | [string, string] | null;

package/dist/react/index.d.ts

@@ -0,0 +1,3 @@
+export { HotDate } from "./HotDate";
+export type { HotDateProps, ClassNamesConfig, ClassNameValue } from "./HotDate";
+export { applyFormat, formatDisplayValue } from "./format";

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@octax-app/hot-date-react",
+  "version": "0.0.1",
+  "description": "React wrapper for the hot-date natural language date input web component.",
+  "type": "module",
+  "main": "./dist/hot-date.js",
+  "module": "./dist/hot-date.js",
+  "types": "./dist/hot-date.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/hot-date.d.ts",
+      "import": "./dist/hot-date.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/hot-date-react.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/hot-date.js",
+    "./dist/hot-date-react.js"
+  ],
+  "keywords": [
+    "date-picker",
+    "date-input",
+    "web-component",
+    "custom-element",
+    "react"
+  ],
+  "author": "Scott Tolinski",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/octax-app/hot-date-react.git"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "bench": "node --import tsx bench/parser.bench.ts",
+    "coverage:variations": "node --import tsx scripts/variation-coverage.ts",
+    "coverage:variations:strict": "node --import tsx scripts/variation-coverage.ts --strict",
+    "prepublishOnly": "npm test && npm run build"
+  },
+  "devDependencies": {
+    "@js-temporal/polyfill": "^0.4.4",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^22.10.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.0",
+    "jsdom": "^25.0.1",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-hook-form": "^7.76.0",
+    "tailwindcss": "^4.0.0",
+    "tinybench": "^2.9.0",
+    "tsx": "^4.19.2",
+    "typescript": "^5.6.3",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.6"
+  }
+}