@omegagrid/core 0.2.5

package/dist/styling/styleManager.js

@@ -0,0 +1,126 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleManager = exports.StyleManager = exports.StyleEvent = void 0;
+const lit_1 = require("lit");
+const __1 = require("..");
+const constants_1 = __importDefault(require("../constants"));
+const themes_1 = __importDefault(require("../themes"));
+const colors_1 = require("../common/colors");
+const derivates = [{
+        name: 'accent-color-alpha',
+        orig: 'accent-color',
+        transform: (v) => (0, colors_1.alpha)(v)
+    }, {
+        name: 'accent-color-alpha-15',
+        orig: 'accent-color',
+        transform: (v) => (0, colors_1.alpha)(v, 0.15)
+    }, {
+        name: 'accent-color-alpha-30',
+        orig: 'accent-color',
+        transform: (v) => (0, colors_1.alpha)(v, 0.30)
+    }, {
+        name: 'accent-color-alpha-70',
+        orig: 'accent-color',
+        transform: (v) => (0, colors_1.alpha)(v, 0.70)
+    }, {
+        name: 'accent-color-highlight',
+        orig: 'accent-color',
+        transform: (v) => (0, colors_1.darken)(v)
+    }, {
+        name: 'colortype-accent-background-color',
+        orig: 'accent-color',
+        transform: (v) => v
+    }, {
+        name: 'colortype-accent-border-color',
+        orig: 'colortype-accent-background-color',
+        transform: (v) => (0, colors_1.lighten)(v, 0.3)
+    }];
+class StyleEvent extends Event {
+    constructor(type, theme) {
+        super(type);
+        this.theme = theme;
+    }
+}
+exports.StyleEvent = StyleEvent;
+class StyleManager extends EventTarget {
+    get currentThemeName() {
+        var _a;
+        return (_a = this._currentTheme) !== null && _a !== void 0 ? _a : (this._currentTheme = (this.variables.size > 0 ? [...this.variables][0][0] : null));
+    }
+    get themes() {
+        return this.variables;
+    }
+    constructor(themes = {}) {
+        super();
+        this.variables = new Map();
+        for (const k in themes) {
+            this.addVariables(k, themes[k]);
+        }
+    }
+    getVariable(name, theme = this.currentThemeName) {
+        return this.variables.get(theme)[name];
+    }
+    setVariable(name, value, theme = this.currentThemeName) {
+        this.variables.get(theme)[name] = value;
+        return value;
+    }
+    addVariables(theme, vars) {
+        if (!this._currentTheme)
+            this._currentTheme = theme;
+        if (!this.variables.has(theme))
+            this.variables.set(theme, {});
+        Object.assign(this.variables.get(theme), vars);
+        this.dispatchEvent(new StyleEvent('change', this.currentThemeName));
+        return this;
+    }
+    calculateDerivates(theme = this.currentThemeName) {
+        derivates.forEach(item => this.setVariable(item.name, item.transform(this.getVariable(item.orig)), theme));
+    }
+    getCSS(scope = ':host', variables = null, theme = this.currentThemeName) {
+        this.calculateDerivates(theme);
+        const vars = [];
+        (variables !== null && variables !== void 0 ? variables : Object.keys(this.variables.get(theme))).forEach(v => {
+            let regex = null;
+            if (v instanceof RegExp) {
+                regex = v;
+            }
+            else if (v.indexOf('*') > -1) {
+                regex = new RegExp(`^${v.replace(/\*/g, '.*')}`);
+            }
+            if (regex == null) {
+                vars.push(v);
+            }
+            else {
+                Object.keys(this.variables.get(theme)).filter(k => regex.test(k)).forEach(k => vars.push(k));
+            }
+        });
+        return (0, lit_1.unsafeCSS)(`
+			${scope} {
+				${vars.map(name => `--${name}: var(--${constants_1.default.PREFIX}-${name}${this.getVariable(name) ? `, ${this.getVariable(name)}` : ``})`).join(';\n')}
+			}
+		`);
+    }
+    register(themeName = this.currentThemeName, theme = null) {
+        if (theme)
+            this.addVariables(themeName, theme);
+        this._currentTheme = themeName;
+        this.calculateDerivates(themeName);
+        __1.dom.appendStyle(document.head, `
+			:root {
+				${Object.keys(this.variables.get(themeName)).map(name => `--${constants_1.default.PREFIX}-${name}: ${this.getVariable(name, themeName)}`).join(';\n')}
+			}
+		`, '__og_style');
+        this.dispatchEvent(new StyleEvent('change', this.currentThemeName));
+    }
+}
+exports.StyleManager = StyleManager;
+let staticStyleManager;
+const getStyleManager = () => {
+    return staticStyleManager !== null && staticStyleManager !== void 0 ? staticStyleManager : (staticStyleManager = new StyleManager(themes_1.default));
+};
+exports.getStyleManager = getStyleManager;
+//# sourceMappingURL=styleManager.js.map

package/dist/styling/styleManager.js.map

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

package/dist/themes.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './types';
+declare const _default: {
+    light: Theme;
+    dark: Theme;
+};
+export default _default;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;;;;;AAmKhC,wBAGC"}

package/dist/themes.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const accentColor = '#00955d';
+const lightTheme = {
+    'font-size': '12px',
+    'font-family': 'verdana',
+    'accent-color': accentColor,
+    'button-color': accentColor,
+    'button-background-color': '#ffffff',
+    'button-background-color-highlight': '#cccccc',
+    'background': '#ffffff',
+    'background-color': '#ffffff',
+    'background-color-2': '#eeeeee',
+    'text-highlight-color': '#9b8400',
+    'text-color': '#000000',
+    'text-color-2': '#ffffff',
+    'text-color-reversed': '#ffffff',
+    'border': '#cccccc',
+    'border-color': '#cccccc',
+    'cell-background': '#ffffff',
+    'cell-border': '1px solid #cccccc',
+    'hcell-background': '#ececec',
+    'slider-background-color': '#eeeeee',
+    'slider-background-active': '#e2e2e2',
+    'slider-bar-color': '#cccccc',
+    'slider-bar-active': '#cccccc',
+    'expander-color': '#707070',
+    'expander-hover': '#00955d',
+    'expander-background-color': '#dbdbdb',
+    'sizer-background': '#00955d',
+    'frozen-border': '#b7b7b7',
+    'commands-color': '#000000',
+    'commands-background': '#ffffff',
+    'commands-header-background': '#cdcdcd',
+    'commands-input-background': '#cdcdcd',
+    'commands-shadow': '#7e7e7e',
+    'dialog-color': '#000000',
+    'dialog-background': '#ffffff',
+    'dialog-header-background': '#cdcdcd',
+    'dialog-shadow': '#7e7e7e',
+    'tab-border-color': '#2a2a2a',
+    'tab-background-color': '#f4f4f4',
+    'tab-panel-background-color': '#f4f4f4',
+    'tab-background-color-active': '#ffffff',
+    'bucket-tab-background-color': '#f4f4f4',
+    'bucket-tab-panel-background-color': '#f4f4f4',
+    'bucket-tab-background-color-active': '#ffffff',
+    'bucket-right-background-color': '#ffffff',
+    'bucket-border-color': '#1e1e1e',
+    'bucket-center-background-color': '#d8d8d8',
+    'bucket-left-background-color': '#f3f3f3',
+    'bucket-top-background-color': '#e5e5e5',
+    'bucket-sidebar-background-color': '#f3f3f3',
+    'form-background-color': '#e5e5e5',
+    'colortype-yellow-background-color': '#655600',
+    'colortype-yellow-border-color': '#9b8100',
+    'colortype-yellow-text-color': '#ffffff',
+    'colortype-green-background-color': '#015d00',
+    'colortype-green-border-color': '#00b420',
+    'colortype-green-text-color': '#ffffff',
+    'colortype-red-background-color': '#730505',
+    'colortype-red-border-color': '#fb1515',
+    'colortype-red-text-color': '#ffffff',
+    'colortype-blue-background-color': '#002265',
+    'colortype-blue-border-color': '#007cdc',
+    'colortype-blue-text-color': '#ffffff',
+    'colortype-gray-background-color': '#dadada',
+    'colortype-gray-border-color': '#cbcbcb',
+    'colortype-gray-text-color': '#000000',
+    'colortype-accent-text-color': '#ffffff'
+};
+const darkTheme = {
+    'font-size': '12px',
+    'font-family': 'verdana',
+    'accent-color': accentColor,
+    'button-color': accentColor,
+    'button-background-color': '#1e1e1e',
+    'button-background-color-highlight': '#3a3a3a',
+    //'background': '#1e1e1e',
+    'background-color': '#181818',
+    'background-color-2': '#1f1f1f',
+    'text-highlight-color': '#FFFF00',
+    'text-color': '#9b9b9b',
+    'text-color-2': '#ffffff',
+    'text-color-reversed': '#ffffff',
+    'border': '#3a3a3a',
+    'border-color': '#3a3a3a',
+    'cell-background': '#1e1e1e',
+    'cell-border': '1px solid #3a3a3a',
+    'hcell-background': '#2e2e2e',
+    'slider-background-color': '#272727',
+    'slider-background-active': '#313131',
+    'slider-bar-color': '#494949',
+    'slider-bar-active': '#494949',
+    'expander-color': '#707070',
+    'expander-hover': '#00955d',
+    'expander-background-color': '#3F3F3F',
+    'sizer-background': '#00955d',
+    'frozen-border': '#000000',
+    'commands-color': '#ffffff',
+    'commands-background': '#181818',
+    'commands-header-background': '#363636',
+    'commands-input-background': '#363636',
+    'commands-shadow': '#151515',
+    'dialog-color': '#ffffff',
+    'dialog-background': '#181818',
+    'dialog-header-background': '#363636',
+    'dialog-shadow': '#151515',
+    'tab-border-color': '#2a2a2a',
+    'tab-background-color': '#181818',
+    'tab-panel-background-color': '#181818',
+    'tab-background-color-active': '#1f1f1f',
+    'bucket-tab-background-color': '#2d2d2d',
+    'bucket-tab-panel-background-color': '#252526',
+    'bucket-tab-background-color-active': '#1f1f1f',
+    'bucket-right-background-color': '#1e1e1e',
+    'bucket-border-color': '#2a2a2a',
+    'bucket-center-background-color': '#181818',
+    'bucket-left-background-color': '#181818',
+    'bucket-top-background-color': '#181818',
+    'bucket-sidebar-background-color': '#272727',
+    'form-background-color': '#323233',
+    'colortype-yellow-background-color': '#655600',
+    'colortype-yellow-border-color': '#9b8100',
+    'colortype-yellow-text-color': '#ffffff',
+    'colortype-green-background-color': '#015d00',
+    'colortype-green-border-color': '#00b420',
+    'colortype-green-text-color': '#ffffff',
+    'colortype-red-background-color': '#730505',
+    'colortype-red-border-color': '#fb1515',
+    'colortype-red-text-color': '#ffffff',
+    'colortype-blue-background-color': '#002265',
+    'colortype-blue-border-color': '#007cdc',
+    'colortype-blue-text-color': '#ffffff',
+    'colortype-gray-background-color': '#434343',
+    'colortype-gray-border-color': '#6e6e6e',
+    'colortype-gray-text-color': '#ffffff',
+    'colortype-accent-text-color': '#ffffff'
+};
+exports.default = {
+    light: lightTheme,
+    dark: darkTheme
+};
+/*
+$colors-light: (
+    "sizer-bg-color": #00955d,
+    "frozen-border-color": #b7b7b7,
+    "commands-bg-color": #dadada,
+    "commands-input-bg-color": #cdcdcd,
+    "commands-color": #000000,
+    "commands-shadow-color": #7e7e7e
+);
+
+$colors-dark: (
+    "sizer-bg-color": #00955d,
+    "frozen-border-color": #000000,
+    "commands-bg-color": #434343,
+    "commands-input-bg-color": #363636,
+    "commands-color": #ffffff,
+    "commands-shadow-color": #151515
+);
+*/ 
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,48 @@
+import { IconSpec } from "./ui";
+export type Theme = Record<string, string>;
+export interface Layout extends HTMLElement {
+    layout(): void;
+}
+export declare enum ColorTypes {
+    Accent = "accent",
+    Red = "red",
+    Yellow = "yellow",
+    Green = "green",
+    Blue = "blue",
+    Gray = "gray",
+    Transparent = "transparent"
+}
+export type DecimalSeparator = '.' | ',';
+export type Orientation = 'vertical' | 'horizontal';
+export type Direction = 'up' | 'right' | 'down' | 'left';
+export type DiagonalDirection = 'ne' | 'nw' | 'se' | 'sw';
+export type VerticalPosition = 'top' | 'bottom' | 'center';
+export type HorizontalPosition = 'left' | 'right' | 'center';
+export type DirectionalPosition = VerticalPosition | HorizontalPosition;
+export type Size = {
+    w: number;
+    h: number;
+};
+export type AcordionItem = SplitContainerItem & {
+    title?: string;
+    icon?: string | IconSpec;
+};
+export type SplitContainerItem = {
+    id?: ComponentId;
+    size?: number | null;
+    collapsed?: boolean;
+};
+export type ComponentId = string | number;
+export type ComponentFactory<T = HTMLElement> = (id: ComponentId) => T | Promise<T>;
+export type Matrix<T = unknown> = T[][];
+export type Scalar<T = unknown> = T;
+export interface Populatable {
+    populate(source: Record<PropertyKey, unknown>): void;
+    getSourceData(): Record<PropertyKey, unknown>;
+}
+export interface IPrototype<T> {
+    prototype: T;
+}
+export type ValueFormatter<T = unknown> = (value: T) => string;
+export type CustomProperties = Record<string, unknown>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAEhC,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE3C,MAAM,WAAW,MAAO,SAAQ,WAAW;IAC1C,MAAM,IAAK,IAAI,CAAC;CAChB;AAED,oBAAY,UAAU;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,WAAW,gBAAgB;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAC,GAAG,CAAC;AACvC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAC,YAAY,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAC,OAAO,GAAC,MAAM,GAAC,MAAM,CAAC;AACnD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAC,QAAQ,GAAC,QAAQ,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAC,OAAO,GAAC,QAAQ,CAAC;AACzD,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AACxE,MAAM,MAAM,IAAI,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAC,QAAQ,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,GAAC,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAC,MAAM,CAAC;AAExC,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,WAAW,IAAI,CAAC,EAAE,EAAE,WAAW,KAAK,CAAC,GAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,MAAM,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,EAAE,CAAC;AAExC,MAAM,MAAM,MAAM,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;AAEpC,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACrD,aAAa,IAAI,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAAI,SAAS,EAAE,CAAC,CAAA;CAAE;AAE/C,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/types.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorTypes = void 0;
+var ColorTypes;
+(function (ColorTypes) {
+    ColorTypes["Accent"] = "accent";
+    ColorTypes["Red"] = "red";
+    ColorTypes["Yellow"] = "yellow";
+    ColorTypes["Green"] = "green";
+    ColorTypes["Blue"] = "blue";
+    ColorTypes["Gray"] = "gray";
+    ColorTypes["Transparent"] = "transparent";
+})(ColorTypes || (exports.ColorTypes = ColorTypes = {}));
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;;AAQA,IAAY,UAQX;AARD,WAAY,UAAU;IACrB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;IACX,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,2BAAa,CAAA;IACb,2BAAa,CAAA;IACb,yCAA2B,CAAA;AAC5B,CAAC,EARW,UAAU,0BAAV,UAAU,QAQrB"}

package/dist/ui/accordion.d.ts

@@ -0,0 +1,12 @@
+import { AcordionItem, ComponentId } from '../types';
+import { Panel } from './panel';
+import { SplitContainer } from './splitContainer';
+export declare class Accordion extends SplitContainer {
+    static styles: import("lit").CSSResult[];
+    items: AcordionItem[];
+    panels: Map<number, Panel>;
+    fixSizes(): void;
+    getComponent(index: number, id?: ComponentId): Panel;
+    connectedCallback(): void;
+}
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/ui/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,qBACa,SAAU,SAAQ,cAAc;IAE5C,MAAM,CAAC,MAAM,4BAIV;IAGH,KAAK,EAAE,YAAY,EAAE,CAAM;IAE3B,MAAM,qBAA4B;IAElC,QAAQ;IAgCR,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,WAAW;IAwB5C,iBAAiB;CAKjB"}

package/dist/ui/accordion.js

@@ -0,0 +1,94 @@
+"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.Accordion = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const common_1 = require("../common");
+const splitContainer_1 = require("./splitContainer");
+const until_js_1 = require("lit/directives/until.js");
+let Accordion = class Accordion extends splitContainer_1.SplitContainer {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.panels = new Map();
+    }
+    fixSizes() {
+        let collapsedPanelHeight = 0;
+        const expandedIndices = [];
+        for (let i = 0; i < this.items.length; i++) {
+            const container = this.containers[i];
+            const panel = this.panels.get(i);
+            if (panel.collapsed) {
+                common_1.dom.setSize(panel, { h: panel.header.offsetHeight });
+                common_1.dom.setMaxSize(container, { h: panel.header.offsetHeight });
+                collapsedPanelHeight += panel.header.offsetHeight;
+            }
+            else {
+                // dom.setMaxSize(container, {h: 'none'});
+                expandedIndices.push(i);
+            }
+        }
+        expandedIndices.forEach(i => {
+            this.setContainerSize(i, (this.clientHeight - collapsedPanelHeight) / expandedIndices.length, true);
+        });
+        // if (expandedIndices.length === 0) return;
+        // if (panelHeight > this.clientHeight) {
+        // 	expandedIndices.forEach(i => {
+        // 		this.setContainerSize(i, (panelHeight - headerHeight) / expandedIndices.length, true);
+        // 	});
+        // } else if (panelHeight < this.clientHeight) {
+        // 	const lastIndex = expandedIndices[expandedIndices.length - 1];
+        // 	const container = this.containers[lastIndex];
+        // 	this.setContainerSize(lastIndex, container.offsetHeight + (this.clientHeight - panelHeight), true);
+        // }
+    }
+    getComponent(index, id) {
+        var _a;
+        const panel = common_1.dom.createElement('og-panel');
+        const item = this.items[index];
+        panel.collapsible = true;
+        panel.icon = item.icon;
+        panel.arrowPosition = 'left';
+        if (!this.panels.has(index))
+            this.panels.set(index, panel);
+        panel.addEventListener('resize', () => {
+            if (panel.collapsed) {
+                common_1.dom.setSize(panel, { h: panel.body.offsetHeight + panel.header.offsetHeight });
+                this.setContainerSize(index, panel.offsetHeight, false);
+            }
+            else {
+                common_1.dom.setSize(panel, { h: '100%' });
+                this.setContainerSize(index, item.size, false);
+            }
+        });
+        panel.addEventListener('resizestop', () => this.fixSizes());
+        (0, lit_1.render)((0, lit_1.html) `
+			<div slot="header">${(_a = item.title) !== null && _a !== void 0 ? _a : ''}</div>
+			<div slot="body" style="height: 100%; overflow: hidden; position: relative">${(0, until_js_1.until)(this.createComponent(id !== null && id !== void 0 ? id : index))}</div>
+		`, panel);
+        return panel;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.orientation = 'vertical';
+    }
+};
+exports.Accordion = Accordion;
+Accordion.styles = [...splitContainer_1.SplitContainer.styles, (0, lit_1.css) `
+		.item {
+			border-top: none !important;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Accordion.prototype, "items", void 0);
+exports.Accordion = Accordion = __decorate([
+    (0, decorators_js_1.customElement)(`og-accordion`)
+], Accordion);
+//# sourceMappingURL=accordion.js.map

package/dist/ui/accordion.js.map

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

package/dist/ui/alert.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export type AlertType = 'danger' | 'warning' | 'info' | 'success';
+export declare class AlertEvent extends Event {
+    constructor(type: string);
+}
+export declare class Alert extends LitElement {
+    static styles: import("lit").CSSResult[];
+    text: string;
+    icon: string;
+    type: AlertType;
+    closable: boolean;
+    close(dispatchEvent?: boolean): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAMvD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,CAAC;AAS5D,qBAAa,UAAW,SAAQ,KAAK;gBACxB,IAAI,EAAE,MAAM;CAGxB;AAED,qBAEa,KAAM,SAAQ,UAAU;IAEpC,MAAM,CAAC,MAAM,4BAuCX;IAGF,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,SAAS,CAAC;IAGhB,QAAQ,UAAS;IAEjB,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO;IAK7B,MAAM,6CAUJ;CAEF"}

package/dist/ui/alert.js

@@ -0,0 +1,106 @@
+"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.Alert = exports.AlertEvent = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const types_1 = require("../types");
+const styling_1 = require("../styling");
+const common_1 = require("../common");
+const typeMap = {
+    'danger': types_1.ColorTypes.Red,
+    'warning': types_1.ColorTypes.Yellow,
+    'info': types_1.ColorTypes.Blue,
+    'success': types_1.ColorTypes.Green
+};
+class AlertEvent extends Event {
+    constructor(type) {
+        super(`alert.${type}`, { bubbles: true, composed: true });
+    }
+}
+exports.AlertEvent = AlertEvent;
+let Alert = class Alert extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.closable = false;
+        this.render = () => (0, lit_1.html) `
+		${this.icon ? (0, lit_1.html) `
+			<og-fa-icon .icon="${this.icon}"></og-fa-icon>
+		` : ''}
+		<div id="text">
+			${this.text ? (0, lit_1.html) `${this.text}` : (0, lit_1.html) `<slot name="content"></slot>`}
+		</div>
+		${this.closable ? (0, lit_1.html) `
+			<div id="close" @click="${() => this.close(true)}">&times</div>
+		` : ``}
+	`;
+    }
+    close(dispatchEvent) {
+        common_1.dom.remove(this);
+        if (dispatchEvent)
+            this.dispatchEvent(new AlertEvent('close'));
+    }
+};
+exports.Alert = Alert;
+Alert.styles = [(0, lit_1.css) `
+		:host {
+			font-size: var(--font-size);
+			padding: 5px;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 5px;
+		}
+
+		* {
+			box-sizing: border-box;
+		}
+
+		#text {
+			flex: 1;
+		}
+
+		#close {
+			min-width: 16px;
+			height: 16px;
+			line-height: 16px;
+			flex: 0;
+			border-radius: 50%;
+			cursor: pointer;
+			text-align: center;
+		}
+
+		#close:hover {
+			background-color: #000000;
+			opacity: 0.5;
+		}
+		`, ...Array.from(Object.keys(typeMap)).map(key => (0, lit_1.css) `
+			:host([type="${(0, lit_1.unsafeCSS)(key)}"]) {
+				color: var(--colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-text-color);
+				background-color: var(--colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-background-color);
+				border: 1px solid var(--colortype-${(0, lit_1.unsafeCSS)(typeMap[key])}-border-color);
+			}
+		`)
+];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Alert.prototype, "text", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Alert.prototype, "icon", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Alert.prototype, "type", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Alert.prototype, "closable", void 0);
+exports.Alert = Alert = __decorate([
+    (0, decorators_js_1.customElement)(`og-alert`),
+    (0, styling_1.stylable)({ vars: ['font-size', 'accent-*', 'colortype-*'] })
+], Alert);
+//# sourceMappingURL=alert.js.map

package/dist/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/ui/alert.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAAuD;AACvD,qDAA4D;AAC5D,oCAAsC;AACtC,wCAAsC;AACtC,sCAAgC;AAIhC,MAAM,OAAO,GAAkC;IAC9C,QAAQ,EAAE,kBAAU,CAAC,GAAG;IACxB,SAAS,EAAE,kBAAU,CAAC,MAAM;IAC5B,MAAM,EAAE,kBAAU,CAAC,IAAI;IACvB,SAAS,EAAE,kBAAU,CAAC,KAAK;CAC3B,CAAC;AAEF,MAAa,UAAW,SAAQ,KAAK;IACpC,YAAY,IAAY;QACvB,KAAK,CAAC,SAAS,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;IACzD,CAAC;CACD;AAJD,gCAIC;AAIM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,gBAAU;IAA9B;;QAqDN,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;IAChB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;wBACI,IAAI,CAAC,IAAI;GAC9B,CAAC,CAAC,CAAC,EAAE;;KAEH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,8BAA8B;;IAEpE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;6BACK,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;IAEH,CAAC;IAjBA,KAAK,CAAC,aAAuB;QAC5B,YAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC;;AA1DW,sBAAK;AAEV,YAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgClB,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAA,SAAG,EAAA;kBACrC,IAAA,eAAS,EAAC,GAAG,CAAC;6BACH,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;wCACzB,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;wCACpC,IAAA,eAAS,EAAC,OAAO,CAAC,GAAgB,CAAC,CAAC;;GAEzE,CAAC;CACF,AAvCY,CAuCX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mCACZ;AAGb;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;mCACxB;AAGhB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uCACT;gBArDL,KAAK;IAFjB,IAAA,6BAAa,EAAC,UAAU,CAAC;IACzB,IAAA,kBAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,aAAa,CAAC,EAAC,CAAC;GAC9C,KAAK,CAwEjB"}

package/dist/ui/attributeTable.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+import { UIAttribute } from '../model';
+export declare class AttributeTable extends LitElement {
+    static styles: import("lit").CSSResult[];
+    items: UIAttribute[];
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=attributeTable.d.ts.map