@composy/kanban-core 0.0.1

package/lib/styles/kanban.css

@@ -0,0 +1,306 @@
+/* @composy/kanban-core - Default Styles */
+.kanban-board {
+  width: 100%;
+  min-height: 400px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  max-width: 100%;
+}
+.kanban-columns {
+  display: flex;
+  gap: 16px;
+  padding: 8px;
+  min-height: 100%;
+  align-items: flex-start;
+}
+/* Column */
+.kanban-column {
+  flex: 0 0 280px;
+  max-width: 280px;
+  background: #f4f5f7;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 200px);
+  transition: opacity 0.2s, box-shadow 0.2s;
+}
+.kanban-column--collapsed {
+  flex: 0 0 48px;
+  max-width: 48px;
+  min-height: 200px;
+}
+.kanban-column--dragging {
+  opacity: 0.5;
+}
+.kanban-column--drag-over {
+  box-shadow: 0 0 0 2px #4c9aff;
+}
+/* Column Header */
+.kanban-column-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 12px;
+  border-bottom: 1px solid #e1e4e8;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.kanban-column-drag-handle {
+  cursor: grab;
+  color: #a0a0a0;
+  font-size: 12px;
+  letter-spacing: -3px;
+  line-height: 1;
+  padding: 2px 0;
+}
+.kanban-column-drag-handle:active {
+  cursor: grabbing;
+}
+.kanban-column-color {
+  width: 12px;
+  height: 12px;
+  border-radius: 3px;
+  flex-shrink: 0;
+}
+.kanban-column-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #172b4d;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.kanban-column-count {
+  font-size: 12px;
+  color: #6b778c;
+  background: #dfe1e6;
+  border-radius: 10px;
+  padding: 1px 8px;
+  flex-shrink: 0;
+}
+.kanban-column-count--limit {
+  background: #ffebe6;
+  color: #bf2600;
+}
+.kanban-column-collapse-btn,
+.kanban-column-actions-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #6b778c;
+  font-size: 12px;
+  padding: 2px 4px;
+  border-radius: 3px;
+  line-height: 1;
+}
+.kanban-column-collapse-btn:hover,
+.kanban-column-actions-btn:hover {
+  background: #dfe1e6;
+  color: #172b4d;
+}
+/* Column Body */
+.kanban-column-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+  min-height: 40px;
+}
+.kanban-column-body--drag-over {
+  background: #e3f2fd;
+  border-radius: 0 0 8px 8px;
+}
+/* Placeholder */
+.kanban-placeholder {
+  background: #e3f2fd;
+  border: 2px dashed #90caf9;
+  border-radius: 6px;
+  margin-bottom: 8px;
+  min-height: 40px;
+  transition: height 0.15s ease;
+}
+/* Card */
+.kanban-card {
+  background: #fff;
+  border-radius: 6px;
+  padding: 10px 12px;
+  margin-bottom: 8px;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  transition: box-shadow 0.2s, transform 0.15s, opacity 0.2s;
+  border: 1px solid transparent;
+  position: relative;
+}
+.kanban-card:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  border-color: #e1e4e8;
+}
+.kanban-card--dragging {
+  opacity: 0.4;
+  transform: rotate(2deg);
+}
+/* Card Priority */
+.kanban-card-priority {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  border-radius: 6px 0 0 6px;
+}
+.kanban-card-priority--low {
+  background: #36b37e;
+}
+.kanban-card-priority--medium {
+  background: #ffab00;
+}
+.kanban-card-priority--high {
+  background: #ff5630;
+}
+.kanban-card-priority--urgent {
+  background: #bf2600;
+}
+/* Card Labels */
+.kanban-card-labels {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-bottom: 6px;
+}
+.kanban-card-label {
+  display: inline-block;
+  padding: 1px 8px;
+  border-radius: 3px;
+  font-size: 11px;
+  color: #fff;
+  font-weight: 500;
+  line-height: 1.6;
+}
+/* Card Title */
+.kanban-card-title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #172b4d;
+  line-height: 1.4;
+  word-break: break-word;
+}
+/* Card Description */
+.kanban-card-desc {
+  font-size: 12px;
+  color: #6b778c;
+  margin-top: 4px;
+  line-height: 1.4;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+/* Card Footer */
+.kanban-card-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 8px;
+  gap: 8px;
+}
+.kanban-card-assignees {
+  display: flex;
+  gap: -4px;
+}
+.kanban-card-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #dfe1e6;
+  color: #42526e;
+  font-size: 11px;
+  font-weight: 600;
+  border: 2px solid #fff;
+  margin-left: -4px;
+}
+.kanban-card-avatar:first-child {
+  margin-left: 0;
+}
+.kanban-card-avatar-more {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: #c1c7d0;
+  color: #42526e;
+  font-size: 10px;
+  font-weight: 600;
+  border: 2px solid #fff;
+  margin-left: -4px;
+}
+.kanban-card-due {
+  font-size: 12px;
+  color: #6b778c;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.kanban-card-due--overdue {
+  color: #ff5630;
+  font-weight: 600;
+}
+/* Add Buttons */
+.kanban-add-card {
+  padding: 0 4px;
+}
+.kanban-add-card-btn {
+  width: 100%;
+  padding: 6px 8px;
+  background: none;
+  border: none;
+  border-radius: 6px;
+  color: #6b778c;
+  font-size: 13px;
+  cursor: pointer;
+  text-align: left;
+  transition: background 0.15s, color 0.15s;
+}
+.kanban-add-card-btn:hover {
+  background: #dfe1e6;
+  color: #172b4d;
+}
+.kanban-add-column {
+  flex: 0 0 280px;
+}
+.kanban-add-column-btn {
+  width: 100%;
+  padding: 10px;
+  background: rgba(0, 0, 0, 0.04);
+  border: 2px dashed #d0d4d9;
+  border-radius: 8px;
+  color: #6b778c;
+  font-size: 14px;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s, color 0.15s;
+}
+.kanban-add-column-btn:hover {
+  background: rgba(0, 0, 0, 0.08);
+  border-color: #a5adba;
+  color: #172b4d;
+}
+/* Scrollbar */
+.kanban-column-body::-webkit-scrollbar {
+  width: 6px;
+}
+.kanban-column-body::-webkit-scrollbar-track {
+  background: transparent;
+}
+.kanban-column-body::-webkit-scrollbar-thumb {
+  background: #c1c7d0;
+  border-radius: 3px;
+}
+.kanban-column-body::-webkit-scrollbar-thumb:hover {
+  background: #a5adba;
+}
+/*# sourceMappingURL=src/styles/kanban.less.map */

package/lib/types/index.cjs

@@ -0,0 +1,11 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/*! End of @composy/kanban-core | Powered by @composy/builder */

package/lib/types/index.d.ts

@@ -0,0 +1,209 @@
+/**
+ * @composy/kanban-core - Type Definitions
+ */
+/**
+ * 标签
+ */
+export interface Label {
+    id: string;
+    name: string;
+    color: string;
+}
+/**
+ * 卡片
+ */
+export interface Card {
+    id: string;
+    title: string;
+    description?: string;
+    labels?: Label[];
+    assignees?: string[];
+    dueDate?: string | Date;
+    priority?: 'low' | 'medium' | 'high' | 'urgent';
+    order: number;
+    columnId: string;
+    /** 自定义数据 */
+    data?: Record<string, unknown>;
+    /** 创建时间 */
+    createdAt?: string;
+    /** 更新时间 */
+    updatedAt?: string;
+}
+/**
+ * 列
+ */
+export interface Column {
+    id: string;
+    title: string;
+    cards: Card[];
+    /** WIP 限制（Work In Progress） */
+    wipLimit?: number;
+    /** 是否折叠 */
+    collapsed?: boolean;
+    /** 列颜色 */
+    color?: string;
+    /** 排序序号 */
+    order: number;
+}
+/**
+ * 看板数据
+ */
+export interface Board {
+    id: string;
+    title: string;
+    columns: Column[];
+    labels?: Label[];
+}
+/**
+ * 看板配置项
+ */
+export interface KanbanOptions {
+    /** 容器元素或 CSS 选择器 */
+    container: HTMLElement | string;
+    /** 初始列数据 */
+    columns?: Partial<Column>[];
+    /** 初始标签 */
+    labels?: Label[];
+    /** 看板标题 */
+    title?: string;
+    /** 是否启用拖拽 */
+    draggable?: boolean;
+    /** 是否启用列拖拽 */
+    columnDraggable?: boolean;
+    /** 是否允许跨列拖拽 */
+    crossColumnDrag?: boolean;
+    /** 是否启用搜索 */
+    searchable?: boolean;
+    /** 是否显示添加卡片按钮 */
+    showAddCard?: boolean;
+    /** 是否显示添加列按钮 */
+    showAddColumn?: boolean;
+    /** 是否显示列头部操作菜单 */
+    showColumnActions?: boolean;
+    /** 是否显示卡片数量徽章 */
+    showCardCount?: boolean;
+    /** 调试模式 */
+    debug?: boolean;
+    /** 自定义 CSS 类名前缀 */
+    classPrefix?: string;
+    /** 卡片渲染器 */
+    cardRenderer?: (card: Card, element: HTMLElement) => void;
+    /** 列头部渲染器 */
+    columnHeaderRenderer?: (column: Column, element: HTMLElement) => void;
+    onCardAdd?: (card: Card, columnId: string) => void;
+    onCardRemove?: (card: Card, columnId: string) => void;
+    onCardMove?: (card: Card, fromColumnId: string, toColumnId: string, toIndex: number) => void;
+    onCardClick?: (card: Card) => void;
+    onCardUpdate?: (card: Card) => void;
+    onColumnAdd?: (column: Column) => void;
+    onColumnRemove?: (column: Column) => void;
+    onColumnMove?: (column: Column, fromIndex: number, toIndex: number) => void;
+    onColumnCollapse?: (column: Column, collapsed: boolean) => void;
+    onReady?: (instance: unknown) => void;
+    onDestroy?: () => void;
+    onError?: (error: Error) => void;
+}
+/**
+ * 看板事件映射
+ */
+export interface KanbanEventMap {
+    'ready': {
+        instance: unknown;
+    };
+    'destroy': void;
+    'error': {
+        error: Error;
+    };
+    'card:add': {
+        card: Card;
+        columnId: string;
+    };
+    'card:remove': {
+        card: Card;
+        columnId: string;
+    };
+    'card:move': {
+        card: Card;
+        fromColumnId: string;
+        toColumnId: string;
+        toIndex: number;
+    };
+    'card:click': {
+        card: Card;
+    };
+    'card:update': {
+        card: Card;
+        changes: Partial<Card>;
+    };
+    'card:drag-start': {
+        card: Card;
+    };
+    'card:drag-end': {
+        card: Card;
+    };
+    'column:add': {
+        column: Column;
+    };
+    'column:remove': {
+        column: Column;
+    };
+    'column:move': {
+        column: Column;
+        fromIndex: number;
+        toIndex: number;
+    };
+    'column:collapse': {
+        column: Column;
+        collapsed: boolean;
+    };
+    'column:update': {
+        column: Column;
+        changes: Partial<Column>;
+    };
+    'filter:change': {
+        criteria: FilterCriteria;
+    };
+    'filter:clear': void;
+    'search:change': {
+        keyword: string;
+    };
+    'data:import': {
+        board: BoardData;
+    };
+    'data:export': {
+        board: BoardData;
+    };
+}
+/**
+ * 筛选条件
+ */
+export interface FilterCriteria {
+    /** 关键词搜索（匹配标题和描述） */
+    keyword?: string;
+    /** 按标签筛选 */
+    labelIds?: string[];
+    /** 按成员筛选 */
+    assignees?: string[];
+    /** 按优先级筛选 */
+    priorities?: Card['priority'][];
+    /** 按列筛选 */
+    columnIds?: string[];
+    /** 按截止日期范围筛选 */
+    dueDateRange?: {
+        start?: string;
+        end?: string;
+    };
+    /** 自定义筛选函数 */
+    custom?: (card: Card) => boolean;
+}
+/**
+ * 看板导出数据格式
+ */
+export interface BoardData {
+    version: string;
+    title: string;
+    columns: Column[];
+    labels: Label[];
+    exportedAt: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/dom.cjs

@@ -0,0 +1,42 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utils/dom.ts
+function createElement(tag, className, attributes) {
+	const el = document.createElement(tag);
+	if (className) el.className = className;
+	if (attributes) Object.entries(attributes).forEach(([key, value]) => {
+		el.setAttribute(key, value);
+	});
+	return el;
+}
+function resolveElement(target) {
+	if (typeof target === "string") return document.querySelector(target);
+	return target;
+}
+function clearElement(el) {
+	el.innerHTML = "";
+}
+function removeElement(el) {
+	el?.parentNode?.removeChild(el);
+}
+function insertAt(parent, child, index) {
+	const ref = parent.children[index];
+	if (ref) parent.insertBefore(child, ref);
+	else parent.appendChild(child);
+}
+//#endregion
+exports.clearElement = clearElement;
+exports.createElement = createElement;
+exports.insertAt = insertAt;
+exports.removeElement = removeElement;
+exports.resolveElement = resolveElement;
+/*! End of @composy/kanban-core | Powered by @composy/builder */
+//# sourceMappingURL=dom.cjs.map

package/lib/utils/dom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.cjs","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["/**\n * DOM 工具函数\n */\n\n/**\n * 创建 DOM 元素\n */\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  className?: string,\n  attributes?: Record<string, string>,\n): HTMLElementTagNameMap[K] {\n  const el = document.createElement(tag);\n  if (className) el.className = className;\n  if (attributes) {\n    Object.entries(attributes).forEach(([key, value]) => {\n      el.setAttribute(key, value);\n    });\n  }\n  return el;\n}\n\n/**\n * 从选择器或元素获取 HTMLElement\n */\nexport function resolveElement(target: HTMLElement | string): HTMLElement | null {\n  if (typeof target === 'string') {\n    return document.querySelector(target);\n  }\n  return target;\n}\n\n/**\n * 清空元素内容\n */\nexport function clearElement(el: HTMLElement): void {\n  el.innerHTML = '';\n}\n\n/**\n * 安全移除元素\n */\nexport function removeElement(el: HTMLElement | null): void {\n  el?.parentNode?.removeChild(el);\n}\n\n/**\n * 插入元素到指定位置\n */\nexport function insertAt(parent: HTMLElement, child: HTMLElement, index: number): void {\n  const ref = parent.children[index] as HTMLElement | undefined;\n  if (ref) {\n    parent.insertBefore(child, ref);\n  } else {\n    parent.appendChild(child);\n  }\n}\n"],"mappings":";;;;;;;;;;;AAOO,SAAS,cACd,KACA,WACA,YAC0B;CAC1B,MAAM,KAAK,SAAS,cAAc,GAAG;CACrC,IAAI,WAAW,GAAG,YAAY;CAC9B,IAAI,YACF,OAAO,QAAQ,UAAU,CAAA,CAAE,SAAS,CAAC,KAAK,WAAW;EACnD,GAAG,aAAa,KAAK,KAAK;CAC5B,CAAC;CAEH,OAAO;AACT;AAKO,SAAS,eAAe,QAAkD;CAC/E,IAAI,OAAO,WAAW,UACpB,OAAO,SAAS,cAAc,MAAM;CAEtC,OAAO;AACT;AAKO,SAAS,aAAa,IAAuB;CAClD,GAAG,YAAY;AACjB;AAKO,SAAS,cAAc,IAA8B;CAC1D,IAAI,YAAY,YAAY,EAAE;AAChC;AAKO,SAAS,SAAS,QAAqB,OAAoB,OAAqB;CACrF,MAAM,MAAM,OAAO,SAAS;CAC5B,IAAI,KACF,OAAO,aAAa,OAAO,GAAG;MAE9B,OAAO,YAAY,KAAK;AAE5B"}

package/lib/utils/dom.d.ts

@@ -0,0 +1,24 @@
+/**
+ * DOM 工具函数
+ */
+/**
+ * 创建 DOM 元素
+ */
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, className?: string, attributes?: Record<string, string>): HTMLElementTagNameMap[K];
+/**
+ * 从选择器或元素获取 HTMLElement
+ */
+export declare function resolveElement(target: HTMLElement | string): HTMLElement | null;
+/**
+ * 清空元素内容
+ */
+export declare function clearElement(el: HTMLElement): void;
+/**
+ * 安全移除元素
+ */
+export declare function removeElement(el: HTMLElement | null): void;
+/**
+ * 插入元素到指定位置
+ */
+export declare function insertAt(parent: HTMLElement, child: HTMLElement, index: number): void;
+//# sourceMappingURL=dom.d.ts.map

package/lib/utils/id.cjs

@@ -0,0 +1,24 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/utils/id.ts
+let counter = 0;
+function generateId(prefix = "kb") {
+	counter++;
+	return `${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).substring(2, 6)}_${counter}`;
+}
+function resetIdCounter() {
+	counter = 0;
+}
+//#endregion
+exports.generateId = generateId;
+exports.resetIdCounter = resetIdCounter;
+/*! End of @composy/kanban-core | Powered by @composy/builder */
+//# sourceMappingURL=id.cjs.map

package/lib/utils/id.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.cjs","names":[],"sources":["../../src/utils/id.ts"],"sourcesContent":["let counter = 0;\n\n/**\n * 生成唯一 ID\n */\nexport function generateId(prefix = 'kb'): string {\n  counter++;\n  const timestamp = Date.now().toString(36);\n  const random = Math.random().toString(36).substring(2, 6);\n  return `${prefix}_${timestamp}_${random}_${counter}`;\n}\n\n/**\n * 重置计数器（仅测试用）\n */\nexport function resetIdCounter(): void {\n  counter = 0;\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAI,UAAU;AAKP,SAAS,WAAW,SAAS,MAAc;CAChD;CAGA,OAAO,GAAG,OAAM,GAFE,KAAK,IAAI,CAAA,CAAE,SAAS,EAElB,EAAS,GADd,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,UAAU,GAAG,CACtB,EAAM,GAAI;AAC7C;AAKO,SAAS,iBAAuB;CACrC,UAAU;AACZ"}

package/lib/utils/id.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 生成唯一 ID
+ */
+export declare function generateId(prefix?: string): string;
+/**
+ * 重置计数器（仅测试用）
+ */
+export declare function resetIdCounter(): void;
+//# sourceMappingURL=id.d.ts.map

package/lib/utils/index.cjs

@@ -0,0 +1,28 @@
+/*!
+* ***********************************
+* @composy/kanban-core v0.0.1     *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:25 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_id = require("./id.cjs");
+const require_dom = require("./dom.cjs");
+//#region src/utils/index.ts
+function getElement(target) {
+	if (typeof target === "string") return document.querySelector(target);
+	return target;
+}
+//#endregion
+exports.clearElement = require_dom.clearElement;
+exports.createElement = require_dom.createElement;
+exports.generateId = require_id.generateId;
+exports.getElement = getElement;
+exports.insertAt = require_dom.insertAt;
+exports.removeElement = require_dom.removeElement;
+exports.resetIdCounter = require_id.resetIdCounter;
+exports.resolveElement = require_dom.resolveElement;
+/*! End of @composy/kanban-core | Powered by @composy/builder */
+//# sourceMappingURL=index.cjs.map

package/lib/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * @file index.ts\n * @description index 模块\n */\n\n/**\n * Utility functions for @composy/kanban-core\n */\n\nexport { generateId, resetIdCounter } from './id';\nexport { createElement, resolveElement, clearElement, removeElement, insertAt } from './dom';\n\n/**\n * Get element from selector or element\n * @deprecated Use resolveElement instead\n */\n/**\n * getElement 函数\n * @param target - 参数\n * @returns 返回值\n */\n/**\n * getElement - get Element function\n * @param target - 参数说明\n * @returns 返回值说明\n */\nexport function getElement(target: HTMLElement | string): HTMLElement | null {\n  if (typeof target === 'string') {\n    return document.querySelector(target);\n  }\n  return target;\n}\n"],"mappings":";;;;;;;;;;;;;AA0BO,SAAS,WAAW,QAAkD;CAC3E,IAAI,OAAO,WAAW,UACpB,OAAO,SAAS,cAAc,MAAM;CAEtC,OAAO;AACT"}

package/lib/utils/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @file index.ts
+ * @description index 模块
+ */
+/**
+ * Utility functions for @composy/kanban-core
+ */
+export { generateId, resetIdCounter } from './id';
+export { createElement, resolveElement, clearElement, removeElement, insertAt } from './dom';
+/**
+ * Get element from selector or element
+ * @deprecated Use resolveElement instead
+ */
+/**
+ * getElement 函数
+ * @param target - 参数
+ * @returns 返回值
+ */
+/**
+ * getElement - get Element function
+ * @param target - 参数说明
+ * @returns 返回值说明
+ */
+export declare function getElement(target: HTMLElement | string): HTMLElement | null;
+//# sourceMappingURL=index.d.ts.map