@omegagrid/core 0.10.2 → 0.10.5

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,32 @@
+export * from './accordion';
+export * from './alert';
+export * from './baseElement';
+export * from './button';
+export * from './close';
+export * from './checkbox';
+export * from './container';
+export * from './colorpicker';
+export * from './dropdown';
+export * from './dropdownColorPicker';
+export * from './dropdownList';
+export * from './dropdownMenu';
+export * from './expander';
+export * from './floatingWindow';
+export * from './icon';
+export * from './images';
+export * from './input';
+export * from './label';
+export * from './fileInput';
+export * from './numericInput';
+export * from './list';
+export * from './menu';
+export * from './overlay';
+export * from './panel';
+export * from './sizer';
+export * from './splitContainer';
+export * from './slider';
+export * from './sortableList';
+export * from './switch';
+export * from './tooltip';
+export * from './loader';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC","sourcesContent":["export * from './accordion';\nexport * from './alert';\nexport * from './baseElement';\nexport * from './button';\nexport * from './close';\nexport * from './checkbox';\nexport * from './container';\nexport * from './colorpicker';\nexport * from './dropdown';\nexport * from './dropdownColorPicker';\nexport * from './dropdownList';\nexport * from './dropdownMenu';\nexport * from './expander';\nexport * from './floatingWindow';\nexport * from './icon';\nexport * from './images';\nexport * from './input';\nexport * from './label';\nexport * from './fileInput';\nexport * from './numericInput';\nexport * from './list';\nexport * from './menu';\nexport * from './overlay';\nexport * from './panel';\nexport * from './sizer';\nexport * from './splitContainer';\nexport * from './slider';\nexport * from './sortableList';\nexport * from './switch';\nexport * from './tooltip';\nexport * from './loader';"]}

package/dist/ui/input.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class Input extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: string;
+    input: HTMLInputElement;
+    constructor();
+    _onInput: (e: InputEvent) => void;
+    focus(): void;
+    selectAll(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,qBACa,KAAM,SAAQ,UAAU;IAEpC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;;IAQxB,QAAQ,GAAI,GAAG,UAAU,UAExB;IAED,KAAK;IAIL,SAAS;IAIT,MAAM,6CAMJ;CAEF"}

package/dist/ui/input.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { ChangeEvent } from '../common/events';
+import { LitElement, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { style } from './input.style';
+let Input = class Input extends LitElement {
+    constructor() {
+        super();
+        this._onInput = (e) => {
+            this.value = e.target.value;
+        };
+        this.render = () => html `
+		<input
+			type="text"
+			.value="${this.value || ''}"
+			@input="${this._onInput}"
+			@change="${() => this.dispatchEvent(new ChangeEvent({ value: this.input.value }))}">
+	`;
+        this.tabIndex = 1;
+        this.addEventListener('focus', () => this.input.focus());
+    }
+    focus() {
+        this.input?.focus();
+    }
+    selectAll() {
+        this.input?.select();
+    }
+};
+Input.styles = [style];
+__decorate([
+    property({ type: String })
+], Input.prototype, "value", void 0);
+__decorate([
+    query('input')
+], Input.prototype, "input", void 0);
+Input = __decorate([
+    customElement(`og-input`)
+], Input);
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/ui/input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG/B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAUpC;QACC,KAAK,EAAE,CAAC;QAKT,aAAQ,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5B,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QACnD,CAAC,CAAA;QAUD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;aAGP,IAAI,CAAC,KAAK,IAAI,EAAE;aAChB,IAAI,CAAC,QAAQ;cACZ,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC;EAChF,CAAC;QAtBD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1D,CAAC;IAMD,KAAK;QACJ,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,SAAS;QACR,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IACtB,CAAC;;AAxBM,YAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACX;AAGd;IADC,KAAK,CAAC,OAAO,CAAC;oCACS;AARZ,KAAK;IADjB,aAAa,CAAC,UAAU,CAAC;GACb,KAAK,CAoCjB","sourcesContent":["import { ChangeEvent } from '../common/events';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { style } from './input.style';\n\n@customElement(`og-input`)\nexport class Input extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: String})\n\tvalue: string;\n\n\t@query('input')\n\tinput: HTMLInputElement;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.tabIndex = 1;\n\t\tthis.addEventListener('focus', () => this.input.focus());\n\t}\n\n\t_onInput = (e: InputEvent) => {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\t}\n\n\tfocus() {\n\t\tthis.input?.focus();\n\t}\n\n\tselectAll() {\n\t\tthis.input?.select();\n\t}\n\n\trender = () => html`\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\t.value=\"${this.value || ''}\"\n\t\t\t@input=\"${this._onInput}\"\n\t\t\t@change=\"${() => this.dispatchEvent(new ChangeEvent({value: this.input.value}))}\">\n\t`;\n\t\n}"]}

package/dist/ui/input.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=input.style.d.ts.map

package/dist/ui/input.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.style.d.ts","sourceRoot":"","sources":["../../src/ui/input.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAiCjB,CAAC"}

package/dist/ui/input.style.js

@@ -0,0 +1,36 @@
+import { css } from 'lit';
+export const style = css `
+	:host {
+		box-sizing: border-box;
+		background-color: var(--og-colortype-gray-background-color);
+		border: 1px solid var(--og-colortype-gray-border-color);
+		height: 20px;
+		line-height: 20px;
+		display: inline-block;
+		border-radius: var(--og-base-radius);
+	}
+	
+	* {
+		box-sizing: border-box;
+	}
+	
+	input {
+		display: block;
+		color: var(--og-text-color-3);
+		font-size: var(--og-font-size);
+		font-family: var(--og-font-family);
+		border: none;
+		background-color: inherit;
+		outline: none;
+		width: 100%;
+		height: 100%;
+		text-align: inherit;
+		padding: 0 4px;
+	}
+
+	input[disabled] {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+`;
+//# sourceMappingURL=input.style.js.map

package/dist/ui/input.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.style.js","sourceRoot":"","sources":["../../src/ui/input.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: var(--og-colortype-gray-background-color);\n\t\tborder: 1px solid var(--og-colortype-gray-border-color);\n\t\theight: 20px;\n\t\tline-height: 20px;\n\t\tdisplay: inline-block;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\t\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t\n\tinput {\n\t\tdisplay: block;\n\t\tcolor: var(--og-text-color-3);\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tborder: none;\n\t\tbackground-color: inherit;\n\t\toutline: none;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: inherit;\n\t\tpadding: 0 4px;\n\t}\n\n\tinput[disabled] {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n`;\n"]}

package/dist/ui/label.d.ts

@@ -0,0 +1,16 @@
+import { OmegaComponent } from "../model";
+import { Tooltip, TooltipPosition } from "./tooltip";
+export declare class Label extends OmegaComponent {
+    static styles: import("lit").CSSResultGroup[];
+    text: string;
+    tooltipPosition: TooltipPosition;
+    div: HTMLDivElement;
+    contentSlot: HTMLSlotElement;
+    get isOverflown(): boolean;
+    private _tooltip;
+    get tooltip(): Tooltip;
+    constructor();
+    disconnectedCallback(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=label.d.ts.map

package/dist/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/ui/label.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAKrD,qBACa,KAAM,SAAQ,cAAc;IAExC,MAAM,CAAC,MAAM,iCAYV;IAGH,IAAI,EAAE,MAAM,CAAM;IAGlB,eAAe,EAAE,eAAe,CAAS;IAGzC,GAAG,EAAG,cAAc,CAAC;IAGrB,WAAW,EAAG,eAAe,CAAC;IAE9B,IAAI,WAAW,YAGd;IAED,OAAO,CAAC,QAAQ,CAAwB;IACxC,IAAI,OAAO,YAQV;;IAqBD,oBAAoB,IAAI,IAAI;IAM5B,MAAM,6CAEJ;CAEF"}

package/dist/ui/label.js

@@ -0,0 +1,90 @@
+var __decorate = (this && this.__decorate) || function (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;
+};
+import { css, html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { OmegaComponent } from "../model";
+import { dom } from "../common";
+import { unsafeHTML } from "lit-html/directives/unsafe-html.js";
+import { ColorTypes } from "../types";
+let Label = class Label extends OmegaComponent {
+    get isOverflown() {
+        if (!this.div)
+            return false;
+        return this.div.scrollWidth > this.div.clientWidth;
+    }
+    get tooltip() {
+        if (this._tooltip)
+            return this._tooltip;
+        this._tooltip = dom.createElement('og-tooltip', {
+            style: { maxWidth: '300px' },
+            color: ColorTypes.Accent
+        });
+        document.body.appendChild(this._tooltip);
+        return this._tooltip;
+    }
+    constructor() {
+        super();
+        this.text = '';
+        this.tooltipPosition = 'top';
+        this._tooltip = null;
+        this.render = () => html `
+		<div>${this.text == '' ? html `<slot name="content"></slot>` : this.text}</div>
+	`;
+        this.addEventListener('mouseenter', () => {
+            if (this.isOverflown) {
+                if (this.text === '') {
+                    const slotNodes = this.contentSlot.assignedNodes({ flatten: true });
+                    if (slotNodes.length === 0)
+                        return;
+                    this.tooltip.content = html `${unsafeHTML(slotNodes[0].outerHTML)}`;
+                }
+                else {
+                    this.tooltip.content = this.text;
+                }
+                this.tooltip.attachTo(this, this.tooltipPosition);
+            }
+        });
+        this.addEventListener('mouseleave', () => {
+            this.tooltip?.deatach();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._tooltip?.destroy();
+        this._tooltip = null;
+    }
+};
+Label.styles = [OmegaComponent.styles, css `
+		:host {
+			display: inline-block;
+			max-width: 100%;
+		}
+
+		div {
+			display: block;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+	`];
+__decorate([
+    property({ type: String })
+], Label.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], Label.prototype, "tooltipPosition", void 0);
+__decorate([
+    query('div')
+], Label.prototype, "div", void 0);
+__decorate([
+    query('slot')
+], Label.prototype, "contentSlot", void 0);
+Label = __decorate([
+    customElement('og-label')
+], Label);
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/ui/label.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { OmegaComponent } from \"../model\";\nimport { Tooltip, TooltipPosition } from \"./tooltip\";\nimport { dom } from \"../common\";\nimport { unsafeHTML } from \"lit-html/directives/unsafe-html.js\";\nimport { ColorTypes } from \"../types\";\n\n@customElement('og-label')\nexport class Label extends OmegaComponent {\n\n\tstatic styles = [OmegaComponent.styles, css`\n\t\t:host {\n\t\t\tdisplay: inline-block;\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\tdiv {\n\t\t\tdisplay: block;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t`];\n\n\t@property({type: String})\n\ttext: string = '';\n\n\t@property({type: String})\n\ttooltipPosition: TooltipPosition = 'top';\n\n\t@query('div')\n\tdiv!: HTMLDivElement;\n\n\t@query('slot')\n\tcontentSlot!: HTMLSlotElement;\n\n\tget isOverflown() {\n\t\tif (!this.div) return false;\n\t\treturn this.div.scrollWidth > this.div.clientWidth;\n\t}\n\n\tprivate _tooltip: Tooltip | null = null;\n\tget tooltip() {\n\t\tif (this._tooltip) return this._tooltip;\n\t\tthis._tooltip = dom.createElement<Tooltip>('og-tooltip', {\n\t\t\tstyle: {maxWidth: '300px'},\n\t\t\tcolor: ColorTypes.Accent\n\t\t});\n\t\tdocument.body.appendChild(this._tooltip);\n\t\treturn this._tooltip;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('mouseenter', () => {\n\t\t\tif (this.isOverflown) {\n\t\t\t\tif (this.text === '') {\n\t\t\t\t\tconst slotNodes = this.contentSlot.assignedNodes({flatten: true});\n\t\t\t\t\tif (slotNodes.length === 0) return;\n\t\t\t\t\tthis.tooltip.content = html`${unsafeHTML((slotNodes[0] as HTMLElement).outerHTML)}`;\n\t\t\t\t} else {\n\t\t\t\t\tthis.tooltip.content = this.text;\n\t\t\t\t}\n\t\t\t\tthis.tooltip.attachTo(this, this.tooltipPosition);\n\t\t\t}\n\t\t});\n\t\tthis.addEventListener('mouseleave', () => {\n\t\t\tthis.tooltip?.deatach();\n\t\t});\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback();\n\t\tthis._tooltip?.destroy();\n\t\tthis._tooltip = null;\n\t}\n\n\trender = () => html`\n\t\t<div>${this.text == '' ? html`<slot name=\"content\"></slot>` : this.text}</div>\n\t`;\n\t\n}"]}

package/dist/ui/list.d.ts

@@ -0,0 +1,87 @@
+import { LitElement, TemplateResult, CSSResultOrNative } from 'lit';
+import { Container } from "./container";
+import { Layout } from "../types";
+export type ListItemRendererOptions = {
+    measure?: boolean;
+};
+export type ListItemRenderer = (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => string | TemplateResult<1> | void;
+export type ListItemElement = HTMLDivElement & {
+    index: number;
+};
+export declare enum ListSelectTrigger {
+    Enter = "enter",
+    Click = "click",
+    Arrow = "arrow"
+}
+export declare class ListSelectEvent extends Event {
+    readonly trigger: ListSelectTrigger;
+    readonly index: number;
+    readonly elm: HTMLElement;
+    constructor(type: string, trigger: ListSelectTrigger, index: number, elm: HTMLElement);
+}
+export declare class ListPointerEvent extends PointerEvent {
+    list: List;
+    index: number;
+    constructor(type: string, e: PointerEvent, args?: Partial<ListPointerEvent>);
+}
+export declare class List extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    static contentStyles: import("lit").CSSResult[];
+    private _selectedIndex;
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    itemHeight: number;
+    dynamicItemHeight: boolean;
+    lineHeight: number;
+    size: number;
+    customStyle: CSSResultOrNative | string | (CSSResultOrNative | string)[];
+    nativeHeight: boolean;
+    arrowEvents: boolean;
+    disabledSelect: boolean;
+    disabledFocus: boolean;
+    maxHeight: number;
+    scrollbarPadding: boolean;
+    sliderSize: number;
+    itemRenderer: ListItemRenderer;
+    readonly items: Map<number, HTMLDivElement>;
+    private containerRef;
+    get container(): Container;
+    private scrollContainerRef;
+    get scrollContainer(): HTMLDivElement;
+    private itemContainerRef;
+    get itemContainer(): HTMLDivElement;
+    private scrolling;
+    private renderEvent;
+    private itemHeights;
+    private measuredWidths;
+    private _offset;
+    get offset(): number;
+    set offset(value: number);
+    constructor();
+    get pageSize(): number;
+    get calculatedHeight(): number;
+    reset(): void;
+    scrollToOffset(offset: number): void;
+    scrollToIndex(index: number): void;
+    scrollToView(item: HTMLDivElement): void;
+    moveUp(count?: number): void;
+    moveDown(count?: number): void;
+    deselect(): void;
+    select(index: number, trigger?: ListSelectTrigger, elm?: HTMLElement): void;
+    getItem(index: number): HTMLDivElement;
+    private keyActions;
+    firstUpdated(): void;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): void;
+    updated(): void;
+    requestRender(): void;
+    renderItems(all?: boolean): void;
+    calculateItemContainerOffset(index: number): number;
+    calculateViewportMaxItemWidth(): number;
+    measureItemWidth(index: number): number;
+    updateSliders(): void;
+    layout(): Promise<void>;
+    get scrollHeight(): number;
+    get normalizedItemStyle(): CSSResultOrNative[];
+    render: () => TemplateResult<1>;
+}
+//# sourceMappingURL=list.d.ts.map

package/dist/ui/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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"}