@omegagrid/core 0.2.5

package/dist/ui/menu.style.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.itemStyle = void 0;
+const lit_1 = require("lit");
+const constants_1 = __importDefault(require("../constants"));
+exports.itemStyle = (0, lit_1.css) `
+	.item {
+		font-size: var(--font-size);
+		font-family: var(--font-family);
+		display: flex;
+		position: relative;
+	}
+
+	.item .text {
+		padding-left: 5px;
+		padding-right: 5px;
+		white-space: nowrap;
+	}
+	
+	.item .icon+.text {
+		padding-left: 0px;
+	}
+
+	.item .icon {
+		min-width: ${constants_1.default.MENU_ITEM_HEIGHT}px;
+		text-align: center;
+	}
+
+	.item.divider {
+		border-bottom: 1px solid var(--accent-color);
+	}
+`;
+exports.style = (0, lit_1.css) `
+	:host {
+		font-size: var(--font-size);
+		display: block;
+		border: 1px solid var(--accent-color);
+		background: var(--background-color);
+		color: var(--text-color);
+	}
+`;
+//# sourceMappingURL=menu.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.js","sourceRoot":"","sources":["../../src/ui/menu.style.ts"],"names":[],"mappings":";;;;;;AAAA,6BAA0B;AAC1B,6DAAqC;AAExB,QAAA,SAAS,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;eAmBb,mBAAS,CAAC,gBAAgB;;;;;;;CAOxC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;CAQvB,CAAC"}

package/dist/ui/overlay.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import { DirectionalPosition } from '../types';
+export declare class Overlay extends LitElement {
+    static defaultLoaderImage: string;
+    static defaultLoaderIcon: string;
+    static styles: import("lit").CSSResult[];
+    text: string;
+    striped: boolean;
+    loaderImage: string;
+    loaderIcon: string;
+    defaultLoader: boolean;
+    willUpdate(): void;
+    show(parent: HTMLElement, position?: DirectionalPosition, size?: number): void;
+    hide: () => HTMLElement;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/ui/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI/C,qBAEa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,iBAAiB,SAAa;IAErC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,MAAM,CAAC;IAGb,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,UAAS;IAEtB,UAAU;IAOV,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,MAAM;IAsBvE,IAAI,oBAA+B;IAEnC,MAAM,6CAaJ;CAEF"}

package/dist/ui/overlay.js

@@ -0,0 +1,95 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var Overlay_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = void 0;
+const common_1 = require("../common");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const constants_1 = __importDefault(require("../constants"));
+const styling_1 = require("../styling");
+const overlay_style_1 = require("./overlay.style");
+let Overlay = Overlay_1 = class Overlay extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.striped = false;
+        this.defaultLoader = false;
+        this.hide = () => common_1.dom.hideElement(this);
+        this.render = () => (0, lit_1.html) `
+		<div id="inner">
+			${this.loaderIcon ? (0, lit_1.html) `
+				<div id="loader">
+					<og-loader .icon="${this.loaderIcon}" size="2x"></og-loader>
+				</div>
+			` : (this.loaderImage ? (0, lit_1.html) `
+				<div id="loader">
+					<img src="${this.loaderImage}" />
+				</div>
+			` : ``)}
+			${this.text ? (0, lit_1.html) `<div id="text"><span>${this.text}</span></div>` : ``}
+		</div>
+	`;
+    }
+    willUpdate() {
+        if (this.defaultLoader && !this.loaderImage && !this.loaderIcon) {
+            if (Overlay_1.defaultLoaderImage)
+                this.loaderImage = Overlay_1.defaultLoaderImage;
+            else
+                this.loaderIcon = Overlay_1.defaultLoaderIcon;
+        }
+    }
+    show(parent, position, size) {
+        common_1.dom.showElement(this);
+        const offset = common_1.dom.getElementOffset(this, parent);
+        if (position && size) {
+            common_1.dom.setPosition(this, {
+                t: position == 'bottom' ? null : offset.top,
+                b: position == 'top' ? null : (offset.top + parent.clientHeight),
+                l: position == 'right' ? null : offset.left,
+                r: position == 'left' ? null : (offset.left + parent.clientWidth)
+            });
+            common_1.dom.setSize(this, {
+                w: ['left', 'right'].includes(position) ? size : parent.clientWidth,
+                h: ['top', 'bottom'].includes(position) ? size : parent.clientHeight
+            });
+        }
+        else if (offset.top == 0 && offset.left == 0) {
+            common_1.dom.setPosition(this, { t: 0, l: 0, r: 0, b: 0 });
+        }
+        else {
+            common_1.dom.setPosition(this, { t: offset.top, l: offset.left });
+            common_1.dom.setSize(this, { w: parent.clientWidth, h: parent.clientHeight });
+        }
+    }
+};
+exports.Overlay = Overlay;
+Overlay.defaultLoaderIcon = 'spinner';
+Overlay.styles = [overlay_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Overlay.prototype, "text", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Overlay.prototype, "striped", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Overlay.prototype, "loaderImage", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Overlay.prototype, "loaderIcon", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Overlay.prototype, "defaultLoader", void 0);
+exports.Overlay = Overlay = Overlay_1 = __decorate([
+    (0, decorators_js_1.customElement)(`${constants_1.default.PREFIX}-overlay`),
+    (0, styling_1.stylable)({ vars: ['accent-*'] })
+], Overlay);
+//# sourceMappingURL=overlay.js.map

package/dist/ui/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/ui/overlay.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,sCAAgC;AAChC,6BAAuC;AACvC,qDAA4D;AAC5D,6DAAqC;AAErC,wCAAsC;AACtC,mDAAwC;AAIjC,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,gBAAU;IAAhC;;QAWN,YAAO,GAAG,KAAK,CAAC;QAShB,kBAAa,GAAG,KAAK,CAAC;QA+BtB,SAAI,GAAG,GAAG,EAAE,CAAC,YAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnC,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;KAEf,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;yBAEF,IAAI,CAAC,UAAU;;IAEpC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;iBAEd,IAAI,CAAC,WAAW;;IAE7B,CAAC,CAAC,CAAC,EAAE,CAAC;KACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,wBAAwB,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,EAAE;;EAExE,CAAC;IAEH,CAAC;IA9CA,UAAU;QACT,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACjE,IAAI,SAAO,CAAC,kBAAkB;gBAAE,IAAI,CAAC,WAAW,GAAG,SAAO,CAAC,kBAAkB,CAAC;;gBACzE,IAAI,CAAC,UAAU,GAAG,SAAO,CAAC,iBAAiB,CAAC;QAClD,CAAC;IACF,CAAC;IAED,IAAI,CAAC,MAAmB,EAAE,QAA8B,EAAE,IAAa;QACtE,YAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;QACrB,MAAM,MAAM,GAAG,YAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAClD,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;YACtB,YAAG,CAAC,WAAW,CAAC,IAAI,EAAE;gBACrB,CAAC,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG;gBAC3C,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC;gBAChE,CAAC,EAAE,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;gBAC3C,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC;aACjE,CAAC,CAAC;YACH,YAAG,CAAC,OAAO,CAAC,IAAI,EAAE;gBACjB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW;gBACnE,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY;aACpE,CAAC,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC;YAChD,YAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACP,YAAG,CAAC,WAAW,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,EAAC,CAAC,CAAC;YACvD,YAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,CAAC,YAAY,EAAC,CAAC,CAAC;QACpE,CAAC;IACF,CAAC;;AAjDW,0BAAO;AAGZ,yBAAiB,GAAG,SAAS,AAAZ,CAAa;AAE9B,cAAM,GAAG,CAAC,qBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCACzB;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACL;AAGpB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACN;AAGnB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;8CACJ;kBApBV,OAAO;IAFnB,IAAA,6BAAa,EAAC,GAAG,mBAAS,CAAC,MAAM,UAAU,CAAC;IAC5C,IAAA,kBAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAC,CAAC;GAClB,OAAO,CAoEnB"}

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

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

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

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

package/dist/ui/overlay.style.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	:host {
+		display: none;
+		position: absolute;
+		z-index: 150;
+	}
+
+	#inner {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background-color: var(--background-color);
+		opacity: 0.8;
+	}
+
+	:host([striped]) {
+		background-image: repeating-linear-gradient(45deg, var(--accent-color) 0, var(--accent-color) 2px, transparent 0, transparent 50%);
+		background-size: 10px 10px;
+		background-color: transparent;
+		opacity: 1;
+	}
+
+	#text {
+		font-size: 3em;
+		text-align: center;
+	}
+
+	#text span {
+		background-color: var(--background-color);
+		padding: 20px;
+		opacity: 0.8;
+	}
+
+	#loader {
+		text-align: center;
+	}
+
+	#loader img {
+		width: 50px;
+	}
+`;
+//# sourceMappingURL=overlay.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.style.js","sourceRoot":"","sources":["../../src/ui/overlay.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AACb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvB,CAAC"}

package/dist/ui/panel.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import { HorizontalPosition } from '../types';
+import { IconSpec } from './icon';
+export declare class Panel extends LitElement {
+    static styles: import("lit").CSSResult[];
+    text: string;
+    icon: string | IconSpec;
+    scrollable: boolean;
+    closable: boolean;
+    collapsible: boolean;
+    collapsed: boolean;
+    arrowPosition: HorizontalPosition;
+    bodySlot: HTMLSlotElement;
+    body: HTMLDivElement;
+    header: HTMLDivElement;
+    private contentHeight;
+    private collapsing;
+    private interval;
+    _onHeaderClick: () => void;
+    animateCollapse(): void;
+    firstUpdated(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ui/panel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKlC,qBAEa,KAAM,SAAQ,UAAU;IAEpC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,GAAC,QAAQ,CAAC;IAGtB,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAGjB,WAAW,UAAS;IAGpB,SAAS,UAAS;IAGlB,aAAa,EAAE,kBAAkB,CAAW;IAG5C,QAAQ,EAAE,eAAe,CAAC;IAG1B,IAAI,EAAE,cAAc,CAAC;IAGrB,MAAM,EAAE,cAAc,CAAC;IAGvB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAS;IAEzB,cAAc,aAOb;IAED,eAAe;IAkCf,YAAY;IAKZ,MAAM,6CAkBJ;CAEF"}

package/dist/ui/panel.js

@@ -0,0 +1,131 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panel = void 0;
+const common_1 = require("../common");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const styling_1 = require("../styling");
+const panel_style_1 = require("./panel.style");
+const ANIMATION_INTERVAL = 10;
+const ANIMATION_LENGTH = 100;
+let Panel = class Panel extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.scrollable = false;
+        this.closable = false;
+        this.collapsible = false;
+        this.collapsed = false;
+        this.arrowPosition = 'right';
+        this.collapsing = false;
+        this._onHeaderClick = () => {
+            if (this.collapsing)
+                return;
+            if (!this.collapsible)
+                return;
+            if (!this.collapsed)
+                this.contentHeight = this.body.offsetHeight;
+            this.collapsed = !this.collapsed;
+            this.collapsing = true;
+            this.animateCollapse();
+        };
+        this.render = () => (0, lit_1.html) `
+		<div id="header" @click="${this._onHeaderClick}">
+			${this.collapsible && this.arrowPosition == 'left' ? (0, lit_1.html) `<og-icon .icon="chevron-${this.collapsed ? 'right' : 'down'}" fixedWidth></og-icon>` : ``}
+			${this.icon ? (0, lit_1.html) `<og-icon .icon="${this.icon}" fixedWidth></og-icon>` : ``}
+			<div id="title">
+				<slot name="header"></slot>
+			</div>
+			${this.collapsible && this.arrowPosition == 'right' ? (0, lit_1.html) `<og-icon .icon="chevron-${this.collapsed ? 'right' : 'down'}" fixedWidth></og-icon>` : ``}
+		</div>
+		<div id="body">
+			${this.scrollable ? (0, lit_1.html) `
+				<og-container>
+					<slot name="body" slot="content"></slot>
+				</og-container>
+			` : (0, lit_1.html) `
+				<slot name="body"></slot>
+			`}
+		</div>
+	`;
+    }
+    animateCollapse() {
+        const step = this.contentHeight / (ANIMATION_LENGTH / ANIMATION_INTERVAL);
+        let height = this.collapsed ? this.contentHeight : 0;
+        const resizeEvent = new Event('resize');
+        if (!this.collapsed) {
+            common_1.dom.setMaxSize(this.body, { h: 0 });
+            common_1.dom.showElement(this.body);
+        }
+        this.dispatchEvent(new Event('resizestart'));
+        this.interval = window.setInterval(this.collapsed ? () => {
+            height = Math.max(0, height - step);
+            common_1.dom.setMaxSize(this.body, { h: height });
+            if (height == 0) {
+                common_1.dom.hideElement(this.body);
+                common_1.dom.setMaxSize(this.body, { h: 'none' });
+                window.clearInterval(this.interval);
+                this.collapsing = false;
+                this.dispatchEvent(new Event('resizestop'));
+            }
+            this.dispatchEvent(resizeEvent);
+        } : () => {
+            height = Math.min(height + step, this.contentHeight);
+            common_1.dom.setMaxSize(this.body, { h: height });
+            if (height >= this.contentHeight) {
+                common_1.dom.setMaxSize(this.body, { h: 'none' });
+                window.clearInterval(this.interval);
+                this.collapsing = false;
+                this.dispatchEvent(new Event('resizestop'));
+            }
+            this.dispatchEvent(resizeEvent);
+        }, ANIMATION_INTERVAL);
+    }
+    firstUpdated() {
+        this.contentHeight = this.body.offsetHeight;
+        if (this.collapsed)
+            common_1.dom.hideElement(this.body);
+    }
+};
+exports.Panel = Panel;
+Panel.styles = [panel_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Panel.prototype, "text", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Panel.prototype, "icon", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Panel.prototype, "scrollable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Panel.prototype, "closable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Panel.prototype, "collapsible", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], Panel.prototype, "collapsed", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Panel.prototype, "arrowPosition", void 0);
+__decorate([
+    (0, decorators_js_1.query)('slot[name="body"]')
+], Panel.prototype, "bodySlot", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#body')
+], Panel.prototype, "body", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#header')
+], Panel.prototype, "header", void 0);
+exports.Panel = Panel = __decorate([
+    (0, decorators_js_1.customElement)(`og-panel`),
+    (0, styling_1.stylable)({ vars: ['accent-*', 'colortype-*', 'border-*', 'background-*', 'text-*'] })
+], Panel);
+//# sourceMappingURL=panel.js.map

package/dist/ui/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../src/ui/panel.ts"],"names":[],"mappings":";;;;;;;;;AAAA,sCAAgC;AAChC,6BAAuC;AACvC,qDAAmE;AACnE,wCAAsC;AACtC,+CAAsC;AAItC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAItB,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,gBAAU;IAA9B;;QAWN,eAAU,GAAG,KAAK,CAAC;QAGnB,aAAQ,GAAG,KAAK,CAAC;QAGjB,gBAAW,GAAG,KAAK,CAAC;QAGpB,cAAS,GAAG,KAAK,CAAC;QAGlB,kBAAa,GAAuB,OAAO,CAAC;QAapC,eAAU,GAAG,KAAK,CAAC;QAG3B,mBAAc,GAAG,GAAG,EAAE;YACrB,IAAI,IAAI,CAAC,UAAU;gBAAE,OAAO;YAC5B,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE,OAAO;YAC9B,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YACjE,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC,CAAA;QAyCD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;6BACS,IAAI,CAAC,cAAc;KAC3C,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,2BAA2B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,yBAAyB,CAAA,CAAC,CAAC,EAAE;KAChJ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,mBAAmB,IAAI,CAAC,IAAI,yBAAyB,CAAC,CAAC,CAAC,EAAE;;;;KAI1E,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,2BAA2B,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,yBAAyB,CAAA,CAAC,CAAC,EAAE;;;KAGjJ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;;;IAIvB,CAAA,CAAC,CAAC,IAAA,UAAI,EAAA;;IAEN;;EAEF,CAAC;IAEH,CAAC;IA3DA,eAAe;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,gBAAgB,GAAG,kBAAkB,CAAC,CAAC;QAC1E,IAAI,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,YAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,CAAC;YAClC,YAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE;YACxD,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC;YACpC,YAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;YACvC,IAAI,MAAM,IAAI,CAAC,EAAE,CAAC;gBACjB,YAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC3B,YAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;gBACvC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACpC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;YAC7C,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;YACR,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACrD,YAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;YACvC,IAAI,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAClC,YAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,EAAC,CAAC,EAAE,MAAM,EAAC,CAAC,CAAC;gBACvC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACpC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;YAC7C,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC,EAAE,kBAAkB,CAAC,CAAC;IACxB,CAAC;IAED,YAAY;QACX,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;QAC5C,IAAI,IAAI,CAAC,SAAS;YAAE,YAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;;AArFW,sBAAK;AAEV,YAAM,GAAG,CAAC,mBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACH;AAGtB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;yCACP;AAGnB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CACrB;AAGpB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;wCACvB;AAGlB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACmB;AAG5C;IADC,IAAA,qBAAK,EAAC,mBAAmB,CAAC;uCACD;AAG1B;IADC,IAAA,qBAAK,EAAC,OAAO,CAAC;mCACM;AAGrB;IADC,IAAA,qBAAK,EAAC,SAAS,CAAC;qCACM;gBAhCX,KAAK;IAFjB,IAAA,6BAAa,EAAC,UAAU,CAAC;IACzB,IAAA,kBAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,CAAC,EAAC,CAAC;GACvE,KAAK,CA2GjB"}

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

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

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

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

package/dist/ui/panel.style.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		font-size: var(--font-size);
+		display: flex;
+		flex-direction: column;
+	}
+
+	#header {
+		flex: 0;
+		border: 1px solid var(--border-color);
+		padding: 5px;
+		//background-color: var(--accent-color);
+		color: var(--text-color);
+		display: flex;
+		gap: 5px;
+		flex-direction: row;
+	}
+
+	#title {
+		flex: 1
+	}
+
+	#header > og-icon {
+		flex: 0;
+		text-align: center;
+		min-width: 12px;
+	}
+
+	:host([collapsible]) #header {
+		cursor: pointer;
+	}
+
+	:host([collapsible]) #header:hover {
+		background-color: var(--background-color-2);
+	}
+
+	#body {
+		flex: 1;
+		border: 1px solid var(--border-color);
+		border-top-width: 0;
+		overflow: hidden;
+		max-height: 100%;
+		/* visibility: visible; */
+		/* transition: max-height 0.3s, visibility 0.3s; */
+	}
+
+	/* :host([collapsed]) #body {
+		max-height: 0;
+		visibility: collapse;
+	} */
+
+	og-container {
+		width: 100%;
+		height: 100%;
+		overflow: hidden;
+	}
+`;
+//# sourceMappingURL=panel.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.style.js","sourceRoot":"","sources":["../../src/ui/panel.style.ts"],"names":[],"mappings":";;;AAAA,6BAA2B;AAEd,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvB,CAAC"}

package/dist/ui/sizer.d.ts

@@ -0,0 +1,44 @@
+import { LitElement } from 'lit';
+import { Orientation } from "../types";
+type ResizeEventArgs = {
+    offsetX?: number;
+    offsetY?: number;
+    clientX?: number;
+    clientY?: number;
+    mouseX?: number;
+    mouseY?: number;
+    deltaX?: number;
+    deltaY?: number;
+};
+export declare class ResizeEvent extends Event {
+    readonly resizeArgs: ResizeEventArgs;
+    readonly offsetX: number;
+    readonly offsetY: number;
+    readonly clientX: number;
+    readonly clientY: number;
+    readonly mouseX: number;
+    readonly mouseY: number;
+    readonly deltaX: number;
+    readonly deltaY: number;
+    constructor(type: string, resizeArgs: ResizeEventArgs);
+}
+export declare class Sizer extends LitElement {
+    private snappedTo;
+    private offsetElement;
+    private lineElm;
+    private _resizing;
+    private startX;
+    private startY;
+    static styles: import("lit").CSSResult;
+    orientation: Orientation;
+    noGuideLine: boolean;
+    get resizing(): boolean;
+    constructor();
+    show: () => void;
+    hide: () => void;
+    private startResizing;
+    render(): void;
+    snap(elm: HTMLElement, offsetElement?: HTMLElement): void;
+}
+export {};
+//# sourceMappingURL=sizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizer.d.ts","sourceRoot":"","sources":["../../src/ui/sizer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,KAAK,eAAe,GAAG;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,qBAAa,WAAY,SAAQ,KAAK;aAWK,UAAU,EAAE,eAAe;IATrE,SAAgB,OAAO,EAAE,MAAM,CAAC;IAChC,SAAgB,OAAO,EAAE,MAAM,CAAC;IAChC,SAAgB,OAAO,EAAE,MAAM,CAAC;IAChC,SAAgB,OAAO,EAAE,MAAM,CAAC;IAChC,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;gBAEnB,IAAI,EAAE,MAAM,EAAkB,UAAU,EAAE,eAAe;CAYrE;AAED,qBAEa,KAAM,SAAQ,UAAU;IAEpC,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IAEnB,MAAM,CAAC,MAAM,0BA6CX;IAGF,WAAW,EAAE,WAAW,CAAC;IAGzB,WAAW,UAAS;IAEpB,IAAW,QAAQ,YAA6B;;IAuBhD,IAAI,aAGH;IAED,IAAI,aAIH;IAED,OAAO,CAAC,aAAa;IAwDrB,MAAM;IAON,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,cAAqB;CAezD"}