@c2n/list-item 0.0.6

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Nguyen Thai Vinh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# @c2n/list-item
+
+`c2-list-item` is a selectable row: on its own a click, Enter or Space toggles `selected`; inside a `c2-list` (or a `c2-select`) the list drives the selected state and the keyboard.
+
+```html
+<c2-list-item value="inbox" selected>
+  <svg slot="prefix-icon" viewBox="0 0 24 24">…</svg>
+  Inbox
+  <span slot="description">12 unread</span>
+</c2-list-item>
+
+<c2-list-item href="/settings">Settings</c2-list-item>
+```
+
+- Attributes: `value`, `label`, `selected`, `disabled`, `href` / `target`; property `data`.
+- Slots: default content, `description` (second muted line), `prefix-icon`, `suffix-icon`.
+- Accessibility: `role="button"` + `aria-pressed` standalone, `role="option"` + `aria-selected` inside a list, `role="link"` with `href`; a visible focus ring via the `__focus` tokens.
+- `selected-change` fires after `selected` changes.
+- Theming: `--c2-list-item--*` with `__description`, `__hover`, `__selected`, `__focus`, `__disabled` states and `__icon--size` / `__icon--color`.

package/dist/list-item-context-CXKVRXXI.js

@@ -0,0 +1,14 @@
+//#region ../../../node_modules/@lit/context/lib/create-context.js
+/**
+* @license
+* Copyright 2021 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+function n(n) {
+	return n;
+}
+//#endregion
+//#region src/list-item-context.ts
+var selectedItemValueContext = n(Symbol("list-item-selectedItemValue"));
+//#endregion
+export { selectedItemValueContext as t };

package/dist/list-item-context.js

@@ -0,0 +1,2 @@
+import { t as selectedItemValueContext } from "./list-item-context-CXKVRXXI.js";
+export { selectedItemValueContext };

package/dist/list-item.js

@@ -0,0 +1,169 @@
+import { t as selectedItemValueContext } from "./list-item-context-CXKVRXXI.js";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { ContextConsumer } from "@c2n/core/controllers/context-consumer.js";
+import { redispatchEvent } from "@c2n/core/dom-helper.js";
+//#region src/list-item.scss?inline
+var list_item_default = "/* ex : var((width: 24px), width, c2-checkbox)  returns var(--c2-checkbox-width, 24px) */\n:host {\n  display: block;\n  flex: none;\n  user-select: none;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.c2-list-item {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  text-decoration: none;\n  min-height: var(--c2-list-item--min-height,36px);\n  gap: var(--c2-list-item--gap,8px);\n  font-size: var(--c2-list-item--font-size,14px);\n  font-weight: var(--c2-list-item--font-weight);\n  font-style: var(--c2-list-item--font-style);\n  font-family: var(--c2-list-item--font-family);\n  line-height: var(--c2-list-item--line-height,20px);\n  border-top-left-radius: var(--c2-list-item--border-top-left-radius,6px);\n  border-top-right-radius: var(--c2-list-item--border-top-right-radius,6px);\n  border-bottom-left-radius: var(--c2-list-item--border-bottom-left-radius,6px);\n  border-bottom-right-radius: var(--c2-list-item--border-bottom-right-radius,6px);\n  padding-top: var(--c2-list-item--padding-top,6px);\n  padding-right: var(--c2-list-item--padding-right,10px);\n  padding-bottom: var(--c2-list-item--padding-bottom,6px);\n  padding-left: var(--c2-list-item--padding-left,10px);\n  border-top: var(--c2-list-item--border-top);\n  border-bottom: var(--c2-list-item--border-bottom);\n  border-right: var(--c2-list-item--border-right);\n  border-left: var(--c2-list-item--border-left);\n  background: var(--c2-list-item--background,transparent);\n  color: var(--c2-list-item--color,#18181b);\n  will-change: background, color, border;\n  transition: background 250ms cubic-bezier(0.2, 0, 0, 1), color 250ms cubic-bezier(0.2, 0, 0, 1), border 250ms cubic-bezier(0.2, 0, 0, 1);\n}\n.c2-list-item:hover {\n  border-top: var(--c2-list-item__hover--border-top,var(--c2-list-item--border-top));\n  border-bottom: var(--c2-list-item__hover--border-bottom,var(--c2-list-item--border-bottom));\n  border-right: var(--c2-list-item__hover--border-right,var(--c2-list-item--border-right));\n  border-left: var(--c2-list-item__hover--border-left,var(--c2-list-item--border-left));\n  background: var(--c2-list-item__hover--background,var(--c2-list-item--background,#f4f4f5));\n  color: var(--c2-list-item__hover--color,var(--c2-list-item--color,#18181b));\n}\n\n.c2-list-item__content {\n  flex: 1;\n  min-width: 0;\n}\n\n.c2-list-item__description {\n  margin-top: var(--c2-list-item__description--margin-top,1px);\n  color: var(--c2-list-item__description--color,#71717a);\n  font-size: var(--c2-list-item__description--font-size,12px);\n  line-height: var(--c2-list-item__description--line-height,16px);\n  font-weight: normal;\n}\n.c2-list-item__description[hidden] {\n  display: none;\n}\n\n:host(:focus) {\n  outline: none;\n}\n\n:host(:focus-visible) .c2-list-item {\n  outline: var(--c2-list-item__focus--outline,2px solid rgba(2, 101, 220, 0.4));\n  outline-offset: var(--c2-list-item__focus--outline-offset,-2px);\n}\n\n::slotted([slot=prefix-icon]),\n::slotted([slot=suffix-icon]) {\n  flex: none;\n  width: var(--c2-list-item__icon--size,16px);\n  height: var(--c2-list-item__icon--size,16px);\n  color: var(--c2-list-item__icon--color);\n  --c2-feather-icon--size: var(--c2-list-item__icon--size,16px);\n  --c2-mat-icon--font-size: var(--c2-list-item__icon--size,16px);\n}\n\n:host([selected]) .c2-list-item {\n  border-top: var(--c2-list-item__selected--border-top,var(--c2-list-item--border-top));\n  border-bottom: var(--c2-list-item__selected--border-bottom,var(--c2-list-item--border-bottom));\n  border-right: var(--c2-list-item__selected--border-right,var(--c2-list-item--border-right));\n  border-left: var(--c2-list-item__selected--border-left,var(--c2-list-item--border-left));\n  background: var(--c2-list-item__selected--background,var(--c2-list-item--background,#edf1fe));\n  color: var(--c2-list-item__selected--color,var(--c2-list-item--color,#2f56e6));\n}\n:host([selected]) .c2-list-item:hover {\n  background: var(--c2-list-item__selected__hover--background,var(--c2-list-item__selected--background,#e2e9fd));\n}\n:host([selected]) .c2-list-item__description {\n  color: var(--c2-list-item__selected__description--color,var(--c2-list-item__description--color,#71717a));\n}\n\n:host([selected][joined-before]) .c2-list-item {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n:host([selected][joined-after]) .c2-list-item {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([disabled]) .c2-list-item {\n  pointer-events: none;\n  cursor: default;\n  opacity: var(--c2-list-item__disabled--opacity,0.38);\n}";
+//#endregion
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+//#region src/list-item.ts
+var ListItem = class ListItem extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.contextConsumer = new ContextConsumer(this, {
+			context: selectedItemValueContext,
+			subscribe: true,
+			callback: (value) => {
+				this.selected = value ? value.includes(this.value) : false;
+			}
+		});
+		this.selected = false;
+		this.disabled = false;
+		this.value = "";
+		this.href = void 0;
+		this.target = void 0;
+		this.applyContext = false;
+		this.hasDescription = false;
+		this.authorRole = null;
+		this.handleClick = (event) => {
+			if (this.disabled) {
+				event.preventDefault();
+				event.stopPropagation();
+				return;
+			}
+			if (redispatchEvent(this, event) && this.applyContext == false) this.selected = !this.selected;
+		};
+		this.handleKeydown = (event) => {
+			if (this.applyContext || this.disabled) return;
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				if (this.href) this.renderRoot.querySelector("a")?.click();
+				else this.activate();
+			}
+		};
+	}
+	static {
+		this.styles = unsafeCSS(list_item_default);
+	}
+	/** The text a `c2-select` shows for this row: `label` when set, otherwise the text content of the default slot. */
+	get displayText() {
+		if (this.label !== void 0) return this.label;
+		return (this.contentSlot.assignedNodes({ flatten: true }).flatMap((item) => item.innerText ?? item.textContent).join(" ").trim() || this.contentSlot.innerText) ?? this.contentSlot.textContent;
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (this.authorRole === null) this.authorRole = this.getAttribute("role");
+		this.addEventListener("keydown", this.handleKeydown);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.removeEventListener("keydown", this.handleKeydown);
+	}
+	/** Behaves like a click: dispatches `click` on the row and, for a standalone row, toggles `selected`. */
+	activate() {
+		if (this.disabled) return;
+		if (this.dispatchEvent(new MouseEvent("click", {
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		})) && !this.applyContext) this.selected = !this.selected;
+	}
+	handleDescriptionSlotChange(event) {
+		this.updateDescription(event.target);
+	}
+	updateDescription(slot) {
+		this.hasDescription = slot.assignedNodes({ flatten: true }).some((n) => n.nodeType === Node.ELEMENT_NODE || (n.textContent ?? "").trim() !== "");
+	}
+	willUpdate(changedProperties) {
+		if (changedProperties.has("applyContext")) {
+			if (this.applyContext) this.contextConsumer.applyContext();
+			else if (this.applyContext == false) this.contextConsumer.unApplyContext();
+		}
+	}
+	firstUpdated() {
+		const slot = this.renderRoot.querySelector("slot[name=\"description\"]");
+		if (slot) this.updateDescription(slot);
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("selected") && changedProperties.get("selected") !== void 0) this.dispatchEvent(new CustomEvent("selected-change", {
+			bubbles: true,
+			composed: true,
+			detail: {
+				selected: this.selected,
+				value: this.value
+			}
+		}));
+		this.syncAria();
+	}
+	syncAria() {
+		const inList = this.applyContext;
+		const role = this.authorRole ?? (this.href ? "link" : inList ? "option" : "button");
+		this.setAttribute("role", role);
+		if (role === "option") {
+			this.setAttribute("aria-selected", String(this.selected));
+			this.removeAttribute("aria-pressed");
+		} else if (role === "button") {
+			this.setAttribute("aria-pressed", String(this.selected));
+			this.removeAttribute("aria-selected");
+		} else {
+			this.removeAttribute("aria-selected");
+			this.removeAttribute("aria-pressed");
+		}
+		if (this.disabled) this.setAttribute("aria-disabled", "true");
+		else this.removeAttribute("aria-disabled");
+		if (!inList) this.tabIndex = this.disabled ? -1 : 0;
+		else if (this.disabled) this.tabIndex = -1;
+	}
+	renderInner() {
+		return html`
+      <slot name="prefix-icon"></slot>
+      <div class="c2-list-item__content">
+        <div class="c2-list-item__text"><slot>${this.label ?? this.value}</slot></div>
+        <div class="c2-list-item__description" ?hidden=${!this.hasDescription}>
+          <slot name="description" @slotchange=${this.handleDescriptionSlotChange}></slot>
+        </div>
+      </div>
+      <slot name="suffix-icon"></slot>
+    `;
+	}
+	render() {
+		if (this.href && !this.disabled) return html`<a
+        class="c2-list-item"
+        href=${this.href}
+        target=${ifDefined(this.target)}
+        rel=${this.target === "_blank" ? "noopener noreferrer" : nothing}
+        tabindex="-1"
+        @click=${this.handleClick}
+        >${this.renderInner()}</a
+      >`;
+		return html`<div class="c2-list-item" @click=${this.handleClick}>${this.renderInner()}</div>`;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], ListItem.prototype, "selected", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], ListItem.prototype, "disabled", void 0);
+__decorate([property({ reflect: true })], ListItem.prototype, "value", void 0);
+__decorate([property({ reflect: true })], ListItem.prototype, "label", void 0);
+__decorate([property()], ListItem.prototype, "href", void 0);
+__decorate([property()], ListItem.prototype, "target", void 0);
+__decorate([property({ attribute: false })], ListItem.prototype, "data", void 0);
+__decorate([property({ attribute: false })], ListItem.prototype, "applyContext", void 0);
+__decorate([state()], ListItem.prototype, "hasDescription", void 0);
+__decorate([query("slot:not([name])")], ListItem.prototype, "contentSlot", void 0);
+ListItem = __decorate([customElement("c2-list-item")], ListItem);
+//#endregion
+export { ListItem };

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@c2n/list-item",
+  "version": "0.0.6",
+  "type": "module",
+  "main": "dist/list-item.js",
+  "exports": {
+    ".": {
+      "default": "./dist/list-item.js",
+      "types": "./types/src/list-item.d.ts"
+    },
+    "./list-item-context.js": {
+      "default": "./dist/list-item-context.js",
+      "types": "./types/src/list-item-context.d.ts"
+    },
+    "./custom-elements.json": "./custom-elements.json"
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
+  "keywords": [
+    "list-item",
+    "web component",
+    "lit"
+  ],
+  "author": "code2nguyen@gmail.com",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/code2nguyen/web-components.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "wireit",
+    "type-check": "wireit"
+  },
+  "wireit": {
+    "type-check": {
+      "dependencies": [
+        "../../core:build"
+      ],
+      "command": "tsc -p tsconfig.lib.json --composite false"
+    },
+    "build": {
+      "dependencies": [
+        "type-check"
+      ],
+      "command": "vite build"
+    }
+  },
+  "dependencies": {
+    "@c2n/core": "0.0.6",
+    "@lit/context": "1.1.6",
+    "lit": "3.3.3"
+  },
+  "devDependencies": {
+    "@c2n/config": "*"
+  },
+  "customElements": "custom-elements.json",
+  "gitHead": "2921054bc75299da66dad11c1e374246ff88a51e"
+}

package/types/src/list-item-context.d.ts

@@ -0,0 +1,4 @@
+export declare const selectedItemValueContext: {
+    __context__: string[];
+};
+//# sourceMappingURL=list-item-context.d.ts.map

package/types/src/list-item-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-context.d.ts","sourceRoot":"","sources":["../../src/list-item-context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;CAAiE,CAAA"}

package/types/src/list-item.d.ts

@@ -0,0 +1,128 @@
+import { LitElement, type PropertyValueMap } from 'lit';
+/**
+ * A selectable row. On its own it is a toggle: click, Enter or Space flips `selected`. Inside a `c2-list` (and
+ * therefore inside a `c2-select`) the list drives the selected state through context, handles the keyboard and the row
+ * only reports clicks. The default slot is the primary text, `description` a second, muted line, `prefix-icon` and
+ * `suffix-icon` take an inline SVG, a `c2-feather-*` icon or a `c2-mat-icon` and are sized by `--c2-list-item__icon--size`.
+ * With `href` the row is a link. In a multiple-selection list, adjacent selected rows lose the corner radius between
+ * them (the list marks them `joined-before` / `joined-after`) so a run of selected rows reads as one block.
+ *
+ * Accessibility: standalone rows are `role="button"` with `aria-pressed`; rows in a list are `role="option"` with
+ * `aria-selected` and a roving `tabindex` managed by the list. Set your own `role` to override.
+ *
+ * @tag c2-list-item
+ *
+ * @slot default - The row content. Falls back to `label`, then `value`, when empty.
+ * @slot description - Secondary line under the content (muted, smaller).
+ * @slot prefix-icon - Icon (or avatar, badge, …) shown before the content.
+ * @slot suffix-icon - Icon shown after the content, e.g. a check mark or shortcut hint.
+ *
+ * @event {CustomEvent<{ selected: boolean; value: string }>} selected-change - Fired after `selected` changes, whether from a click or from the parent list.
+ *
+ * @cssproperty {pixel} [--c2-list-item--min-height=36px]
+ * @cssproperty {pixel} [--c2-list-item--gap=8px] - Space between the icons and the content.
+ *
+ * @cssproperty {border-radius} [--c2-list-item--border-top-left-radius=6px]
+ * @cssproperty {border-radius} [--c2-list-item--border-top-right-radius=6px]
+ * @cssproperty {border-radius} [--c2-list-item--border-bottom-left-radius=6px]
+ * @cssproperty {border-radius} [--c2-list-item--border-bottom-right-radius=6px]
+ *
+ * @cssproperty {padding} [--c2-list-item--padding-top=6px]
+ * @cssproperty {padding} [--c2-list-item--padding-right=10px]
+ * @cssproperty {padding} [--c2-list-item--padding-bottom=6px]
+ * @cssproperty {padding} [--c2-list-item--padding-left=10px]
+ *
+ * @cssproperty {font-size} [--c2-list-item--font-size=14px]
+ * @cssproperty {font-weight} --c2-list-item--font-weight
+ * @cssproperty {font-style} --c2-list-item--font-style
+ * @cssproperty {font-family} --c2-list-item--font-family
+ * @cssproperty {pixel} [--c2-list-item--line-height=20px]
+ *
+ * @cssproperty {border} --c2-list-item--border-top
+ * @cssproperty {border} --c2-list-item--border-bottom
+ * @cssproperty {border} --c2-list-item--border-right
+ * @cssproperty {border} --c2-list-item--border-left
+ *
+ * @cssproperty {color} [--c2-list-item--color=#18181b]
+ * @cssproperty {color} [--c2-list-item--background=transparent]
+ *
+ * @cssproperty {color} [--c2-list-item__description--color=#71717a]
+ * @cssproperty {font-size} [--c2-list-item__description--font-size=12px]
+ * @cssproperty {pixel} [--c2-list-item__description--line-height=16px]
+ * @cssproperty {pixel} [--c2-list-item__description--margin-top=1px]
+ *
+ * @cssproperty {border} --c2-list-item__hover--border-top
+ * @cssproperty {border} --c2-list-item__hover--border-bottom
+ * @cssproperty {border} --c2-list-item__hover--border-right
+ * @cssproperty {border} --c2-list-item__hover--border-left
+ * @cssproperty {color} --c2-list-item__hover--color
+ * @cssproperty {color} [--c2-list-item__hover--background=#f4f4f5]
+ *
+ * @cssproperty {border} --c2-list-item__selected--border-top
+ * @cssproperty {border} --c2-list-item__selected--border-bottom
+ * @cssproperty {border} --c2-list-item__selected--border-right
+ * @cssproperty {border} --c2-list-item__selected--border-left
+ * @cssproperty {color} [--c2-list-item__selected--color=#2f56e6]
+ * @cssproperty {color} [--c2-list-item__selected--background=#edf1fe]
+ * @cssproperty {color} [--c2-list-item__selected__hover--background=#e2e9fd]
+ * @cssproperty {color} --c2-list-item__selected__description--color - Defaults to the description colour.
+ *
+ * @cssproperty {outline} [--c2-list-item__focus--outline=2px solid rgba(2, 101, 220, 0.4)]
+ * @cssproperty {pixel} [--c2-list-item__focus--outline-offset=-2px]
+ *
+ * @cssproperty {opacity} [--c2-list-item__disabled--opacity=0.38]
+ *
+ * @cssproperty {pixel} [--c2-list-item__icon--size=16px]
+ * @cssproperty {color} --c2-list-item__icon--color - Defaults to the row text colour.
+ */
+export declare class ListItem extends LitElement {
+    static styles: import("lit").CSSResult;
+    private contextConsumer;
+    /** Whether the row is selected. Toggled by a click on a standalone row; controlled by the list otherwise. */
+    selected: boolean;
+    /** Dims the row and ignores clicks and keyboard. */
+    disabled: boolean;
+    /** The value reported to the parent list / select. */
+    value: string;
+    /**
+     * Text shown by the parent select for this row instead of the slotted content. Also the fallback content of the
+     * default slot when it is empty. Use it when the row content is rich (icons, two lines) but the trigger should show a
+     * short label.
+     */
+    label?: string;
+    /** Makes the row a link. Selection still works when the row sits in a list. */
+    href: string | undefined;
+    target: string | undefined;
+    /** Arbitrary payload returned alongside `value` in the list's `selection-change` event. Not an attribute. */
+    data?: unknown;
+    /**
+     * Private property, it will use context value to setup selected state of component.
+     */
+    applyContext: boolean;
+    private hasDescription;
+    private contentSlot;
+    /** `role` written by the author, kept over the automatic one. */
+    private authorRole;
+    /** The text a `c2-select` shows for this row: `label` when set, otherwise the text content of the default slot. */
+    get displayText(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Behaves like a click: dispatches `click` on the row and, for a standalone row, toggles `selected`. */
+    activate(): void;
+    private handleClick;
+    private handleKeydown;
+    private handleDescriptionSlotChange;
+    private updateDescription;
+    protected willUpdate(changedProperties: PropertyValueMap<this>): void;
+    protected firstUpdated(): void;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
+    private syncAria;
+    private renderInner;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'c2-list-item': ListItem;
+    }
+}
+//# sourceMappingURL=list-item.d.ts.map

package/types/src/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAQjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAoB;IAE1C,OAAO,CAAC,eAAe,CAMrB;IAEF,6GAA6G;IACjE,QAAQ,UAAQ;IAE5D,oDAAoD;IACR,QAAQ,UAAQ;IAE5D,sDAAsD;IACzB,KAAK,SAAK;IAEvC;;;;OAIG;IAC0B,KAAK,CAAC,EAAE,MAAM,CAAA;IAE3C,+EAA+E;IACnE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAY;IAEpC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAElD,6GAA6G;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAA;IAE9C;;OAEG;IAC6B,YAAY,UAAQ;IAE3C,OAAO,CAAC,cAAc,CAAQ;IAGvC,OAAO,CAAC,WAAW,CAAkB;IAErC,iEAAiE;IACjE,OAAO,CAAC,UAAU,CAAsB;IAExC,mHAAmH;IACnH,IAAI,WAAW,IAAI,MAAM,CAYxB;IAEQ,iBAAiB;IAMjB,oBAAoB;IAK7B,yGAAyG;IACzG,QAAQ;IAMR,OAAO,CAAC,WAAW,CAWlB;IAED,OAAO,CAAC,aAAa,CAQpB;IAED,OAAO,CAAC,2BAA2B;IAInC,OAAO,CAAC,iBAAiB;cAIN,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;cAU3D,YAAY,IAAI,IAAI;cAKpB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAc3E,OAAO,CAAC,QAAQ;IAqBhB,OAAO,CAAC,WAAW;IAaV,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAA;KACzB;CACF"}